/* Minification failed. Returning unminified contents. (6508,51): run-time error CSS1030: Expected identifier, found ',' (6509,24): run-time error CSS1031: Expected selector, found ')' (6509,24): run-time error CSS1025: Expected comma or open brace, found ')' (12433,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-decorative-lowemp' (12871,33): run-time error CSS1030: Expected identifier, found '32px' (12871,33): run-time error CSS1031: Expected selector, found '32px' (12871,33): run-time error CSS1025: Expected comma or open brace, found '32px' (12886,14): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (12969,34): run-time error CSS1030: Expected identifier, found '32px' (12969,34): run-time error CSS1031: Expected selector, found '32px' (12969,34): run-time error CSS1025: Expected comma or open brace, found '32px' (13608,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-hovered' (13615,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-hovered' (13622,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thick-px' (13622,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (13626,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thick-px' (13626,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (13731,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-decorative-lowemp' (13747,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-status-error-default' (13750,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-status-warning-default' (14041,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (14080,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-secondary-hovered' (14094,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (14111,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (14121,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-inverse' (14137,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (14148,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-inverse' (14160,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (14252,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (14272,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (14473,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (14532,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (14534,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (14688,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-default' (14735,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-default' (15051,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (15055,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (15055,41): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (15059,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (15075,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-2xs' (15083,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (15258,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thick-px' (15258,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (18192,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$' (30755,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (34328,31): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34329,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34330,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-depth-06' (34331,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-depth-06' (34349,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-3xs' (34352,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-2xl' (34353,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-demi-bold-weight' (34354,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-md' (34355,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-letter-spacing-default' (34356,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (34363,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-md' (34364,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-regular-weight' (34365,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-lg' (34366,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-letter-spacing-sm' (34367,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-default' (34372,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (34373,32): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34374,33): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34375,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34375,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (34379,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34382,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34388,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34388,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-sm' (34395,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34402,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34408,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34408,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (34424,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-2xs' (34427,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34432,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34432,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (34454,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34458,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-2xs' (34464,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' */ /* Minification failed. Returning unminified contents. (6426,51): run-time error CSS1030: Expected identifier, found ',' (6427,24): run-time error CSS1031: Expected selector, found ')' (6427,24): run-time error CSS1025: Expected comma or open brace, found ')' (12351,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-decorative-lowemp' (12789,33): run-time error CSS1030: Expected identifier, found '32px' (12789,33): run-time error CSS1031: Expected selector, found '32px' (12789,33): run-time error CSS1025: Expected comma or open brace, found '32px' (12804,14): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (12887,34): run-time error CSS1030: Expected identifier, found '32px' (12887,34): run-time error CSS1031: Expected selector, found '32px' (12887,34): run-time error CSS1025: Expected comma or open brace, found '32px' (13526,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-hovered' (13533,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-hovered' (13540,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thick-px' (13540,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (13544,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thick-px' (13544,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (13649,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-decorative-lowemp' (13665,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-status-error-default' (13668,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-status-warning-default' (13959,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (13998,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-secondary-hovered' (14012,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (14029,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (14039,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-inverse' (14055,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (14066,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-inverse' (14078,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (14170,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (14190,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (14391,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (14450,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (14452,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (14606,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-default' (14653,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-tertiary-default' (14969,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (14973,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (14973,41): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (14977,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (14993,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-2xs' (15001,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (15176,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thick-px' (15176,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (18110,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$' (30673,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-focus' (34246,31): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34247,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34248,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-depth-06' (34249,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-depth-06' (34267,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-3xs' (34270,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-2xl' (34271,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-demi-bold-weight' (34272,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-md' (34273,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-letter-spacing-default' (34274,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' (34281,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-md' (34282,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-regular-weight' (34283,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-lg' (34284,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-letter-spacing-sm' (34285,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-default' (34290,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (34291,32): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34292,33): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-sm' (34293,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34293,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (34297,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34300,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34306,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34306,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-sm' (34313,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34320,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34326,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34326,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (34342,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-2xs' (34345,16): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34350,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (34350,39): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (34372,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-hovered' (34376,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-2xs' (34382,15): run-time error CSS1039: Token not allowed after unary operator: '-evr-content-primary-highemp' */ @charset "utf-8"; .dfI_G05_EmailVerification, .dfI_G05_SecurityQuestions, .dfI_G05_Sent { color: #1d58a8; font-size: 60px; } .dfI_G05_Congratulations { color: #098442; font-size: 60px; } .ProfileSettings_SubsectionTitle { font-size: 16px; color: #000; margin-bottom: 5px; } .ProfileSettings_TextLight { font-size: 12px; color: #000; } .QuestionAnswer, .NewEmail { font-size: 12px; color: #696969; display: block; padding-top: 10px; } .securityLeft { float: left; width: 70px; } .securityRight { float: left; margin-left: 10px; margin-top: 15px; width: 380px; } .modalContent { display: block; padding: 15px; } .modalContent { padding: 0px; } .araButtons { display: block; float: right; padding: 0 0 10px 0; margin-top: 10px; margin-right: 15px; background-color: #fff; } .grey-button { color: #fff; background-color: #808080; } .ProfileSettings_ControlLong { width: 380px; } .ProfileSettings_ControlLabel { margin-bottom: 10px; } .unverifiedEmailRadioButton { display: block !important; margin: 20px 2px !important; } .ProfileSettings_ControlOtherEmail { width: 294px; } .EmailVerification { font-size: 12px; color: #000; display: block; padding-top: 10px; } .EmailVerificationLink { font-size: 12px; color: #0053a4; cursor: pointer; display: block; padding-top: 10px; } .EmailVerificationLink:hover { text-decoration: underline; } .congratulationsIcon { text-align: center; } .congratulationsText { text-align: center; padding: 20px; padding-top: 10px; padding-bottom: 0px; } .araCongratulationButtons { text-align: center; margin-top: 20px; } .securityQuestionSuccess { background-color: #098442; position: absolute; } .skipButton > span { background-color: #f0f0f0 !important; border: 1px solid #d3d3d3 !important; color: #000 !important; } .securityQuestionSuccess { height: 50px; width: 100%; background-color: #d2fad8; margin-left: -15px !important; margin-top: -10px !important; } .dfI_G05_Congratulations { color: #098442; font-size: 25px; } .securitySuccessLeft { float: left; width: 40px; margin-left: 20px; margin-top: 5px; } .securitySuccessRight { float: left; margin-top: 15px; width: 400px; } .margintop40 { margin-top: 40px; } .radioBtnSpace { margin-bottom: 10px; } .unverifiedEmailRadioButton { width: 100%; } .unverifiedEmailRadioButtonWithTextBox { width: 60px; } .dialogBox { max-width: 510px; -webkit-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .dialogBackgroundWhite { background-color: #fff !important; } .araTemplate { width: 400px; } .top20 { margin-top: 20px; } .claro .dijitAccordionInnerContainer { background-color: #fff; border: solid 1px #cfe5fa; } .claro .dijitAccordionTitle, .claro .dijitAccordionInnerContainerHover .dijitAccordionTitle, .claro .dijitAccordionInnerContainerActive .dijitAccordionTitle, .claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle { color: #013ca6; } .claro .dijitAccordionInnerContainer .dijitAccordionChildWrapper { border: 1px solid #b5bcc7; } .claro .dijitAccordionArrow { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat -14px top; width: 7px; height: 8px; margin-top: -1px; margin-right: 3px; } .claro .dijitAccordionTitleSelected .dijitAccordionArrow { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat; } .claro .dijitTitlePaneTitleClosed .dijitArrowNode, .claro .dijitFieldsetTitleClosed .dijitArrowNode { background-position: 0 0; } .claro .dijitTitlePaneTextNode, .claro .dijitFieldsetLegendNode { margin: 0rem; } .user-is-tabbing .dijitAccordionTitleFocus:focus { outline: 2px solid #0087fd; } .hiddenLabel { visibility: hidden; width: 5px !important; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; } .hiddenLabel .requiredAsterisk { visibility: visible; display: block; } .AdHocReportClass { height: 100%; } .AdHocReportClass .MultiEntitySelector .EntitySelectorContainer { overflow-x: hidden; overflow-y: auto; max-height: 70px; min-height: 25px; } .AdHocReportClass .paramPanel { display: inline-block; max-height: 400px; overflow-y: auto; } .AdHocReportClass .tabContainerFillRemainingSpace > .dijitTabPaneWrapper { bottom: 110px; } .AdHocBooleanEntityDropDown .ListBoxRow.dgrid-row { min-height: 15px; } .AdHocReportClass .AdvancedEmployeePicker .LimitedMultiEntitySelector .EntitySelectorContainer, .AdHocReportClass .AdvancedEmployeePicker .dijitFocused.LimitedMultiEntitySelector .EntitySelectorContainer { -webkit-box-shadow: none; box-shadow: none; } .AdminDataGrid .dgrid-header .dgrid-row-table .dgrid-column-Expander { cursor: default; } .AdminDataGrid .dgrid-expando-wrapper .dgrid-row-table .dgrid-column-Expander { cursor: pointer; } .AdminDataGrid .internalAdminGridWrapper.fillRemainingSpace { position: relative; height: 28rem; } .AdminDataGrid .internalAdminGrid { height: 24.5rem; } .adminEditor { height: auto; } .adminEditor .adminBlockContainer .blockContainer-section { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .adminEditor .adminBlockContainer .formFieldContainer { padding: 0 2rem 2rem 2rem; min-width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adminEditor .adminBlockContainer .formFieldContainer .formFieldControl { width: 100%; max-width: 50rem; min-width: 17.5rem; } .adminEditor .LazyPane { min-height: 28rem; } .adminFeatureContents { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .adminFeatureContents.ViewTypeGrid, .adminFeatureContents.viewTypeList { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; height: 100%; width: 100%; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .adminFeatureContents.ViewTypeGrid .pageAdminGrid, .adminFeatureContents.viewTypeList .pageAdminGrid { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .adminFeaturePanelChildContainer { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -ms-flex: auto; overflow: auto; height: 100%; } .adminFeaturePanelValidator { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } .pageAdminGrid { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -ms-flex: auto; height: 100%; } .internalAdminGridWrapper .internalAdminGrid { top: 3.5rem; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -ms-flex: auto; } .migrationTree > .adminTreeContainer > .dijitBorderContainer-child { padding: 1rem; } .AdminTreePanel .l-treelist__row__innerContainer { height: 2.3rem; } .AdminTreePanel .c-treerow__label__text { color: #000; } .AdminTreePanel .c-treerow { border-top: 0.1rem solid #ddd; } .AdminTreePanel .c-treerow:last-of-type { border-bottom: 0.1rem solid #ddd; } .AdminTreePanel .c-treerow.is-content .c-treerow__label__text { color: #1e52bf; } .AdminTreePanel .c-treerow.is-content:hover .c-treerow__label__text { text-decoration: underline; } .AdminTreePanel .c-treerow:hover, .AdminTreePanel .c-treerow:focus { cursor: pointer; } .AdminTreePanel .c-treerow:hover .c-treerow__label__text, .AdminTreePanel .c-treerow:focus .c-treerow__label__text { background-color: transparent; cursor: pointer; } .AdminTreePanel .c-treerow.is-collapsed.has-selected-descendant .c-treerow__label__text { font-weight: bold; } .AdminTreePanel .c-treerow.is-selected { background-color: #e2efff; } .AdminPolicyProperty { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AdminPolicyProperty .AdminPolicyPropertyItem { padding: 0 2rem 2rem 2rem; } .AdminPolicyPropertyItem { display: inline-block; } .AdminPolicyPropertyItem div, .AdminPolicyPropertyItem label { display: block; } .claro .toolbar-toggle { margin-right: 20px; margin-top: 3px; } .claro .toolbar-toggle .dijitToggleButton { height: 98%; } .claro .toolbar-toggle .dijitToggleButton .dijitButtonNode { border: 1rem solid button-color; background-color: #fff; background-image: none; color: #0355bd; } .claro .toolbar-toggle .dijitToggleButton .dijitButtonText { color: #0355bd; text-shadow: none; } .claro .toolbar-toggle .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { border: 1rem solid button-color; background-color: #0355bd; background-image: none; color: #fff; } .claro .toolbar-toggle .dijitToggleButton.dijitToggleButtonChecked .dijitButtonText { color: #fff; text-shadow: none; } .claro .toolbar-toggle { border: 1px solid #0355bd; -webkit-border-radius: 6px; border-radius: 6px; } .claro .toolbar-toggle .dijitToggleButtonHover .dijitButtonNode { border-color: #fff; border: 1rem solid button-color; background-color: #fff; background-image: none; color: #0355bd; } .claro .toolbar-toggle .dijitToggleButtonHover .dijitButtonText { text-shadow: none; } .claro .toolbar-toggle .dijitToggleButtonHover.dijitToggleButtonChecked .dijitButtonNode { border: 1rem solid button-color; background-color: #0355bd; background-image: none; color: #fff; border-color: #0355bd; } .claro .toolbar-toggle .dijitToggleButtonHover.dijitToggleButtonChecked .dijitButtonText { color: #fff; text-shadow: none; } .claro .toolbar-toggle .btn-group>.dijitToggleButton+.dijitToggleButton { margin-left: 0px; } .claro .toolbar-toggle .dijitToggleButton .dijitButtonNode .dijitButtonText { text-shadow: none; font-size: 13px; font-family: Arial, sans-serif; } .claro .toolbar-toggle .dijitToggleButtonChecked .dijitButtonNode { border-color: #0355bd; } .claro .AdminToolbar { display: grid; } .claro .AdminToolbar .toolbar-toggle { position: absolute; right: 0; } .claro .AdminToolbar .toolbar-toggle .dijitButtonContents { padding: 1px 5px; font-size: 12px; color: #101010; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); -webkit-font-smoothing: antialiased; } .claro .AdminTree .dijitTreeRowSelected .dijitTreeLabel, .claro .AdminTree .dijitTreeLabel:hover, .claro .AdminTree .dijitTreeLabel:active { color: #000; } .AdminListPanelContainer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; overflow: hidden; } .AdminListPanelContainer .boxVertical { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .AdminListPanelContainer .boxHorizontal { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .AdminListPanelContainer .boxChild0 { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .AdminListPanelContainer .dgrid, .AdminListPanelContainer .boxChild1 { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .AdminListPanelContainer .AdminListPanelBorder { border: 0.1rem #ededed solid; } .AdminListPanelContainer .AdminListPanelBorder .dijitTabContainer.horizontal .dijitTabPaneWrapper { border-bottom: none; } .AdminListPanelFilterPane { border-top: 1px solid #1162c2; } .AdminListPanelFilterPane .FilterPaneWrapper .FilterContent .FilterPaneContainer .FilterGroupContainer .dijitFilterGroup .FilterGroupInner fieldset legend { float: none; } .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner { padding: 0.5rem 1rem; width: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FilterCell { padding: 0rem; } .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FilterCell.FilterNameLabel { color: #515151; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: unset; min-width: unset; width: auto; } .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FilterCell.Editor { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 40%; -ms-flex: 1 0 40%; flex: 1 0 40%; width: 100%; padding-right: 1rem; } .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FilterCell.DragHandle, .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FilterCell.CategoryLabel, .AdminListPanelFilterPane .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FilterCell.OperationType { display: none; } .AdminTree .searchFilterContainer { height: 4rem; border-bottom: 0.1rem solid #ddd; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .AdminTree .searchFilterContainer .verticalSeparator { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; -ms-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 2.6rem; margin-top: 0.4rem; margin-bottom: 0.4rem; border-left: 0.1rem solid #ddd; height: calc(100% - 0.4rem - 0.4rem); } .AdminTree .searchFilterContainer .treeSearchTextBoxContainer { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -o-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding: 0.7rem; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .AdminTree .searchFilterContainer .treeSearchTextBoxContainer .searchTextBox { width: 100%; } .AdminTree .AdminTreePanel.CollapsiblePane .collapsiblePaneContainer { word-wrap: normal; } .AdminTree .AdminTreePanel { background-color: #f9f9f9; width: 30rem; height: 100%; } .AdminTree .dijitTreeLabel { color: #0355b2; font-weight: normal; background: none; font-size: 1.2rem; } .AdminTree .dijitTreeLabel:focus { outline: 1px dotted #677990; } .AdminTree .dijitTreeLabel:hover { background: none; } .AdminTree .dijitTreeContent { background: none; cursor: pointer; } .AdminTree .dijitTreeRow { cursor: pointer; padding: 0.6rem; } .AdminTree .dijitTreeRow.dijitTreeRowSelected, .AdminTree .dijitTreeRow:hover { background-color: #ececec; } .AdminTree .dijitTreeRow.dijitTreeRowSelected .dijitTreeCustomNode, .AdminTree .dijitTreeRow:hover .dijitTreeCustomNode { display: inline-block; } .AdminTree .dijitTreeRow .dijitButton { margin: 0; } .AdminTree .dijitTreeRow .dijitTreeCustomNode { right: 0; margin-top: -0.4rem; margin-right: 2rem; white-space: nowrap; display: none; } .AdminTree .dijitTreeRow .dijitTreeCustomNode .dijitIconButton .dijitButtonNode { border-width: 0; background-color: #ececec; padding: 0; } .AdminTree .dijitTreeRow .dijitTreeCustomNode .dijitIconButton .dijitButtonNode:hover { background-color: #fff; } .AdminTree .dijitTreeRow.dijitTreeRowSelected { background-color: #e2efff; cursor: pointer; } .AdminTree .dijitTreeRowSelected .dijitTreeLabel { color: #000; background: none; } .AdminTree .dijitTreeRowSelected .dijitTreeLabel:active { color: #000; } .AdminTree .dijitTree { background-color: #f9f9f9; overflow-x: hidden; } .AdminTree .dijitTree .dijitTreeExpando { background-image: url("../../Framework/images/chosen-sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -43px -96px; width: 1rem; height: 1rem; } .AdminTree .dijitTree .dijitTreeExpandoOpened { background-position: -5px -98px; } .AdminTree .dijitTree .dijitTreeExpandoClosed { background-position: -43px -96px; } .AdminTree .dijitTree .dijitTreeExpandoLeaf { background-image: none; } .claro .dijitToolbar.CalendarToolbar { background-color: #f3f3f3; background-image: none; height: 39px; padding: 0px; border: none; } .CalendarToolbar .CenterNode .CenterContent { position: relative; right: 50%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 39px; background-color: #f3f3f3; white-space: nowrap; } .CalendarToolbar .CenterNode .CenterContent .CenterLabel { display: inline-block; /*Fixed width on center label will guarantee that arrows beside it don't move as label updates*/ /*Note: There must be enough room here to support rendering two full month names + dates (e.g. September 26 - October 3, 2014) */ width: 330px; color: #fbfdfe; text-align: center; font-size: 10pt; font-family: 'Open Sans'; font-weight: bold; } .CalendarToolbar .CenterNode { position: absolute; left: 50%; display: inline-block; padding: 0px; } .CalendarToolbar .CenterNode .CenterLabel .dijitButton .dijitButtonNode, .CalendarToolbar .CenterNode .CenterLabel .dijitButton.dijitButtonHover .dijitButtonNode, .CalendarToolbar .CenterNode .CenterLabel .dijitButton.dijitButtonActive .dijitButtonNode { background-image: none; background-color: #0053a4; -webkit-box-shadow: none; box-shadow: none; } .claro.user-is-tabbing .CalendarToolbar .dijitButtonFocused, .claro.user-is-tabbing .CalendarToolbar .dijitDownArrowButton:focus, .claro.user-is-tabbing .dijitCalendarPopup .CalendarDropDownMixin .dijitCalendarEnabledDate[tabindex="0"]:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .Calendar { position: relative; height: 100%; width: 100%; font-family: 'Open Sans'; } .Calendar .MonthView { /*position absolute to implement responsive design with scrollbars, and added padding as per UI mockups*/ position: absolute; top: 0px; left: 80px; right: 80px; bottom: 40px; display: block; min-height: 400px; min-width: 400px; font-size: 1em; } @media (max-width: 1280px) { .Calendar .WeekView, .Calendar .SingleDayView { font-size: 0.9em; } } @media (max-width: 1024px) { .Calendar .WeekView, .Calendar .SingleDayView { font-size: 0.8em; } } @media (max-width: 875px) { .Calendar .WeekView, .Calendar .SingleDayView { font-size: 0.7em; } } @media (max-width: 768px) { .Calendar .WeekView, .Calendar .SingleDayView { font-size: 0.6em; } } @media (max-width: 750px) { .Calendar .WeekView, .Calendar .SingleDayView { font-size: 0.5em; } } @media (max-width: 1280px), (max-height: 1024px) { .Calendar .MonthView { font-size: 0.9em; } } @media (max-width: 1200px), (max-height: 768px) { .Calendar .MonthView { font-size: 0.7em; } } .Calendar .MonthView .MonthHeader { height: 25px; display: block; padding-top: 4px; position: absolute; right: 0; left: 0; } .Calendar .MonthView .MonthContent { display: block; position: absolute; /*32px to account for month header*/ top: 32px; left: 0px; right: 0px; bottom: 0px; } .Calendar .CalendarContent { /*Abs position the content so we can adjust it downward without extra scroll bars if toolbar is displayed*/ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } .Calendar .CalendarContent .CalendarContentInner { height: 100%; overflow: hidden; /*overflow needs to be handled on a per-view level*/ display: block; } .Calendar .CalendarToolbar + .CalendarContent { /*must be same height as toolbar + a little padding*/ top: 44px; } .Calendar .MonthView .Week { height: 16.66%; display: block; white-space: nowrap; } .Calendar .MonthView .Week.checkedRow { background-color: #e8f3f7; border: 1px solid #0a8cfd; } .Calendar .MonthView .Week .Day, .Calendar .MonthView .MonthHeader .Header { display: inline-block; width: 14.28%; height: 100%; position: relative; float: left; overflow: hidden; } .Calendar .MonthView .Week .Day { font-family: 'Open Sans'; } .Calendar .MonthView .Week .Day .DayLabel { float: right; padding: 0px 2px; color: #1e52bf; font-size: 1.3em; /*pos relative needed for z-index to work*/ position: relative; /*z-index forces this label to pain over any nested content*/ z-index: 10; } .Calendar .MonthView .MonthHeader .Header { font-family: 'Open Sans'; color: #696969; font-size: 1.2em; text-align: center; vertical-align: middle; line-height: 25px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Calendar .MonthView .Week .Day .DayBorder { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border: solid 1px #d9d9d9; /*cannot paint border on top of content or else it will eat click events nom nom nom*/ z-index: 1; } .Calendar .MonthView .Week .Day .DayContent { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } .Calendar .MonthView .Week .Day .DayContent > * { z-index: 2; position: relative; } .Calendar .MonthView .Day.AlternateMonth .DayContent { /*for days in the month view residing on previous or next months, shade them slightly gray*/ /*ie8 fallback for lack of rgba support*/ background-color: #e2efff; background-color: #e2efff; } .Calendar .MonthView .Week .Day.Sunday, .Calendar .MonthView .Week .Day.Saturday { background-color: #e5e5e5; } .Calendar .MonthView .Week .Day + .Day .DayBorder { border-left-color: transparent; } .Calendar .MonthView .Week + .Week .Day .DayBorder { border-top-color: transparent; } .Calendar .MonthView .Week .Day .DayBorder, .Calendar .MonthView .Week .Day .DayContent, .Calendar .WeekView .WeeklyDayViewHeader, .Calendar .WeekView .WeeklyDayViewHeader .DayHeader, .Calendar .WeekView .WeeklyDayViewHeader .DateHeader, .Calendar .DayView .DayContent .EventInner, .Calendar .DayView .DayViewInner, .Calendar .WeekView .LeftBorder { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: border-color, background-color; -moz-transition-property: border-color, background-color; -o-transition-property: border-color, background-color; -ms-transition-property: border-color, background-color; transition-property: border-color, background-color; } .Calendar .WeekView .WeeklyDayViewHeader.Selected .DayName, .Calendar .WeekView .WeeklyDayViewHeader.Selected .Date { color: #000; font-weight: bold; } .Calendar .MonthView .Week .Day.Selected .DayBorder { border: solid 2px #ffa500; } .Calendar .MonthView .Week .Day.Selected .DayContent { background-color: #e2efff; } .Calendar .WeekView .WeeklyDayViewHeader.Selected { background-color: #e78727; border-color: #e78727; border-bottom: solid 1px #c7def9; } .Calendar .WeekView .WeeklyDayViewHeader.LastDayOfWeek .DateHeader { border-right: solid 1px #c7def9; } .Calendar .WeekView .WeeklyDayViewHeader.Selected .DateHeader, .Calendar .WeekView .WeeklyDayViewHeader.Selected .DayHeader, .Calendar .WeekView .WeeklyDayViewHeader.Selected .LeftBorder, .Calendar .WeekView .WeeklyDayView.Selected .LeftBorder { border-color: #ffa500; } .Calendar .WeekView .WeeklyDayView.Selected .DayView .DayViewInner { border-right-color: #ffa500; border-bottom-color: #ffa500; } .Calendar .DayView .DayContent .Event.Selected .EventInner { border-color: #ffa500; } .Calendar .DayView .DayViewOverflowAbove, .Calendar .DayView .DayViewOverflowBelow { display: block; position: absolute; top: 0px; padding: 0px 5px; opacity: 1; -ms-filter: none; filter: none; z-index: 100; /*animate the top property to work around flickering in safari/iOS when trying to make a node "sticky"*/ -webkit-transition: top ease-in-out 0.5s, opacity linear 0.5s; -moz-transition: top ease-in-out 0.5s, opacity linear 0.5s; -o-transition: top ease-in-out 0.5s, opacity linear 0.5s; -ms-transition: top ease-in-out 0.5s, opacity linear 0.5s; transition: top ease-in-out 0.5s, opacity linear 0.5s; } .Calendar .DayView .dijitHidden.DayViewOverflowAbove, .Calendar .DayView .dijitHidden.DayViewOverflowBelow { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: block !important; /*overwrite default dijitHidden to use visibility instead so css3 animations work*/ visibility: hidden; -webkit-transition: opacity linear 0.2s, visibility linear 0s 0.2s; -moz-transition: opacity linear 0.2s, visibility linear 0s 0.2s; -o-transition: opacity linear 0.2s, visibility linear 0s 0.2s; -ms-transition: opacity linear 0.2s, visibility linear 0s 0.2s; transition: opacity linear 0.2s, visibility linear 0s 0.2s; /*update visibility after fade out completes*/ } .Calendar .DayView .DayViewOverflowAbove { left: 0px; } .Calendar .DayView .DayViewOverflowBelow { right: 0px; } .Calendar .LeftBorder { position: absolute; top: 0px; bottom: 0px; left: 0px; border-left: solid 1px transparent; z-index: 2; } .Calendar .WeeklyDayView + .WeeklyDayView .LeftBorder { left: -1px; } .Calendar .DayView, .Calendar .HourLegend { /*min-height guarantees a minimum hour-height of 45px*/ min-height: 1080px; } .Calendar .DayView, .Calendar .SingleDayView, .Calendar .WeekView, .Calendar .YearView { display: block; height: 100%; position: relative; } .Calendar .SingleDayView .SingleDayViewScroller { top: 46px; } .Calendar .WeekView .WeekViewScroller { top: 95px; /*same height as week headers*/ } .Calendar .SingleDayView .SingleDayViewScroller, .Calendar .WeekView .WeekViewScroller { display: block; overflow: auto; -webkit-overflow-scrolling: touch; } .Calendar .SingleDayView .DayView { display: inline-block; position: absolute; /*offset for time legend*/ left: 50px; right: 0px; top: 0px; bottom: 0px; } .Calendar .DayView .DayViewInner { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: solid 1px #c7def9; overflow: hidden; } .Calendar .HourLegendOffset { height: 96px; position: absolute; left: 0; top: 0; z-index: 200; /*zindex 200 to render above hour labels*/ display: inline-block; /*solid white back to paint on top of hours as they scroll by*/ background-color: #fff; border-bottom: solid 1px #e0e5ec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Calendar .HourLegend, .Calendar .HourLegendOffset { width: 50px; } .Calendar .HourLegend { text-align: right; color: #696969; font-size: 12pt; font-weight: 400; display: inline-block; position: absolute; top: 0px; bottom: 0px; left: 0px; } .Calendar .HourLegend .IntervalBorder { border-top: solid 1px #e0e5ec; display: block; } .Calendar .HourLegend .IntervalLabel { padding: 0px 10px 0px 0px; /*abs position to center align vertically*/ overflow: hidden; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; height: 25px; /*must set height to vertical align*/ } .Calendar .HourLegend .IntervalLabel .DoubleZeroes, .Calendar .HourLegend .AmPm { font-size: 8pt; vertical-align: top; font-weight: normal; display: inline-block; padding: 1px 0px; } .Calendar .HourLegend .AmPm { position: absolute; bottom: 0px; right: 3px; } .Calendar .HourLegend .IntervalLabelWrapper.offscreen .AmPm, .Calendar .HourLegend .IntervalLabelWrapper + .IntervalLabelWrapper .AmPm, .Calendar .HourLegend .IntervalLabelWrapper.offscreen + .IntervalLabelWrapper.offscreen .AmPm, .Calendar .HourLegend .IntervalLabelWrapper.clipping + .IntervalLabelWrapper.offscreen .AmPm { display: none; } .Calendar .HourLegend .IntervalLabelWrapper.afternoon + .IntervalLabelWrapper.morning .AmPm, .Calendar .HourLegend .IntervalLabelWrapper.morning + .IntervalLabelWrapper.afternoon .AmPm, .Calendar .HourLegend .IntervalLabelWrapper.offscreen + .IntervalLabelWrapper .AmPm, .Calendar .HourLegend .IntervalLabelWrapper.clipping + .IntervalLabelWrapper .AmPm { display: block; } .Calendar .DayHeader { height: 45px; background-color: #fff; position: relative; border: solid 1px #c7def9; border-width: 1px 1px 0px 0px; overflow: hidden; } .Calendar .DayHeader .Event { position: absolute; } .Calendar .SingleDayViewHeader { position: absolute; top: 0px; left: 50px; right: 0px; background: #e7f2fc; } .Calendar .SingleDayViewHeader .DayHeader { border: solid 1px #c7def9; } .Calendar .SingleDayView .HourLegendOffset { width: 50px; height: 47px; } .Calendar .AbsFull { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .Calendar .DayView .HoursMarkers { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; overflow: hidden; } .Calendar .DayView .HourMarker, .Calendar .HourLegend .IntervalLabelWrapper { /*100 % of height / 24 hours evenly*/ position: relative; height: 4.17%; overflow: hidden; } .Calendar .DayView .HourMarker .IntervalWrapper { height: 25%; } .Calendar .DayView .HourMarker .MajorIntervalMarker { border-top: solid 1px #c7def9; } .Calendar .DayView .HourMarker .MinorIntervalMarker { border-top: dotted 1px #f0f9ff; } .Calendar .DayView .Event { position: absolute; top: 0px; /*Top, left and width are dynamically adjusted by the calendar depending on the event*/ left: 0px; width: 100%; } .Calendar .DayView .Event .PreviousDayWrapper { position: absolute; top: 0px; right: 0px; } .Calendar .DayView .Event .NextDayWrapper { position: absolute; bottom: 0px; right: 0px; } .Calendar .DayView .DayContent .EventInner { /*post absolute to ensure borders and padding are added inside and to guarantee full size*/ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px 2px; /*use px instead of em for per-pixel accuracy to address safari issues with subpixel rendering */ background-color: rgba(20,10,150,0.4); } .Calendar .DayView .DayContent .Event.OverflowTop .EventInner { border-top-style: dashed; } .Calendar .DayView .DayContent .Event.OverflowBottom .EventInner { border-bottom-style: dashed; } .Calendar .WeekView .WeekViewInner { position: absolute; top: 0px; left: 50px; /*50px to allow for legend to always be on screen*/ bottom: 0px; right: 0px; } .Calendar .WeekView .WeekViewHeaderContainer { /*must be same width as hour legend*/ padding-left: 50px; overflow: hidden; background-color: #e7f2fc; } .Calendar .WeekView .WeeklyDayViewHeader, .Calendar .WeekView .WeeklyDayView .WeeklyDayViewHeaderOffset { display: block; height: 96px; } .Calendar .WeekView .WeeklyDayViewHeader { background-color: #e7f2fc; display: inline-block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: solid 1px #c7def9; position: relative; z-index: 200; /*paint on top of weekly day content*/ } .Calendar .WeekView .WeeklyDayViewHeader + .WeeklyDayViewHeader .LeftBorder { /*overlap previous weeklydayview*/ left: -1px; bottom: -1px; } .Calendar .WeekView .WeeklyDayViewHeader .Date { color: #1f64ac; font-size: 12pt; padding: 0px 5px 0px 0px; text-align: right; } .Calendar .WeekView .WeeklyDayViewHeader .DayName { color: #939393; text-align: center; font-size: 9pt; /*don't dynamically resize the week names*/ overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Calendar .WeekView .WeeklyDayViewHeader.FirstDayOfWeek .DayHeader { border-left: solid 1px #c7def9; } .Calendar .WeekView .WeeklyDayViewHeader .DateHeader { border-right: 1px solid #fff; height: 39px; padding-bottom: 10px; } .Calendar .WeekView .WeeklyDayView { /*DayViews display beside eachother when contained in a week view*/ display: inline-block; position: relative; height: 100%; } .Calendar .WeekView .WeeklyDayView + .WeeklyDayView .DayViewInner, .Calendar .WeekView .WeeklyDayView + .WeeklyDayView .DayHeader { border-left: none; } .CalendarToolbar .ArrowButton.dijitButton, .CalendarToolbar .ArrowButton.dijitButton .dijitButtonNode, .CalendarToolbar .ArrowButton.dijitButton.dijitButtonHover, .CalendarToolbar .ArrowButton.dijitButton.dijitButtonHover .dijitButtonNode, .CalendarToolbar .ArrowButton.dijitButton.dijitButtonActive, .CalendarToolbar .ArrowButton.dijitButton.dijitButtonActive .dijitButtonNode, .dj_ie .CalendarToolbar .ArrowButton.dijitButton.dijitButtonHover, .dj_ie .CalendarToolbar .ArrowButton.dijitButton.dijitButtonHover .dijitButtonNode, .dj_ie .CalendarToolbar .ArrowButton.dijitButton.dijitButtonActive, .dj_ie .CalendarToolbar .ArrowButton.dijitButton.dijitButtonActive .dijitButtonNode { border: none; background-image: none; filter: none; background-color: transparent; } .claro .dijitToolbar.CalendarToolbar .ArrowButton.dijitButton .dijitButtonNode .dijitButtonContents { padding: 0px 5px 5px 5px; } .CalendarToolbar .ArrowButton .ArrowForward, .CalendarToolbar .ArrowButton .ArrowBack { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url("../images/calendar_arrows.png?v=64.1.2.14510&"); margin-top: 0.4em; } .CalendarToolbar .ArrowButton .ArrowForward { background-position: -24px -48px; } .CalendarToolbar .ArrowButton.dijitHover .ArrowForward { background-position: -24px -24px; } .CalendarToolbar .ArrowButton.dijitActive .ArrowForward { background-position: -24px 0px; } .CalendarToolbar .ArrowButton .ArrowForward.disabled { background-position: -24px -72px; } .CalendarToolbar .ArrowButton .ArrowBack { background-position: 0px -48px; } .CalendarToolbar .ArrowButton.dijitHover .ArrowBack { background-position: 0px -24px; } .CalendarToolbar .ArrowButton.dijitActive.ArrowBack { background-position: 0px 0px; } .CalendarToolbar .ArrowButton .ArrowBack.disabled { background-position: 0px -72px; } .CalendarToolbar .ViewButtonWrapper { height: 100%; } .CalendarViewMenu.dijitMenu { background-color: #f3f3f3; background-image: none; filter: none; } .claro .CalendarViewMenu.dijitMenu .dijitMenuItem .dijitMenuItemLabel { /*less padding than default menu as per mockups*/ padding: 5px 5px 5px 26px; } .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemHover, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemHover td, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemActive, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemActive td, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemSelected, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemSelected td { background-color: #e6e6e6; border-color: #0053a4; background-image: none; filter: none; } .CalendarViewMenu.dijitMenu .dijitMenuItem .dijitMenuItemLabel, .claro .dijitToolbar.CalendarToolbar .dijitButton .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonText { color: #1162c2; text-shadow: none; font-size: 10pt; font-family: 'Open Sans'; /*remove vertical padding to use line-height properly*/ padding: 0px; /*line-height will center the text for us*/ line-height: 39px; } .CalendarToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonContents, .CalendarToolbar .dijitButton .dijitButtonNode .dijitButtonContents { padding: 0px; } .claro .dijitToolbar.CalendarToolbar .TodayButton.dijitButton .dijitButtonNode { padding: 0px 5px; height: 35px; } .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton .dijitButtonNode { padding: 0px 5px 0px 10px; } .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitHover .dijitButtonNode { padding: 0px 5px 0px 10px; } .CalendarToolbar .DatePickerButton.dijitDropDownButton, .CalendarToolbar .DatePickerButton.dijitDropDownButton .dijitButtonNode { display: block; -webkit-box-shadow: none; box-shadow: none; } .CalendarToolbar .ViewButton.dijitDropDownButton { padding: 0px; width: 100%; } .claro .dijitToolbar.CalendarToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitButton.dijitButtonHover .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitButton.dijitButtonActive .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitButton.dijitButtonChecked .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonChecked .dijitButtonNode { -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; -ms-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; background-color: transparent; /*background-color:#0053A4;*/ background-image: none; filter: none; border: none; -webkit-border-radius: 0px; border-radius: 0px; } .claro .dijitToolbar.CalendarToolbar .ArrowButton.dijitButton .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .ArrowButton.dijitButton.dijitButtonHover .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .ArrowButton.dijitButton.dijitButtonActive .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .ArrowButton.dijitButton.dijitButtonChecked .dijitButtonNode { margin: 0px; padding: 0px; } .claro .dijitToolbar.CalendarToolbar .TodayButton.dijitButton.dijitButtonHover .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .TodayButton.dijitButton.dijitButtonActive .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .TodayButton.dijitButton.dijitButtonChecked .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonChecked .dijitButtonNode { background-color: #e6e6e6; } .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemActive .dijitMenuItemLabel, .claro .CalendarViewMenu.dijitMenu .dijitMenuItem.dijitMenuItemSelected .dijitMenuItemLabel, .claro .dijitToolbar.CalendarToolbar .dijitButton.dijitButtonActive .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.CalendarToolbar .dijitButton.dijitButtonHover .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.CalendarToolbar .dijitButton.dijitButtonChecked .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.CalendarToolbar .dijitDropDownButton.dijitDropDownButtonChecked .dijitButtonNode .dijitButtonText { color: #1162c2; } .GreyToolbar .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -4px -92px; /*pull up to center in grey toolbar specifically*/ margin-top: -7px; } .GreyToolbar .dijitDropDownButton.dijitDropDownButtonOpened > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { background-position: -22px -92px; } .GreyToolbar .dijitDropDownButton.dijitDropDownButtonDisabled > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { background: none; } .Calendar .YearView { overflow-y: auto; } .Calendar .YearView .yearMonthView { margin: 0.4rem; border-bottom: 0.1rem solid #eee; vertical-align: top /*IE!!!!!*/; /* Regarding background of hover: We want to darken what we hover over, but for non-event days, our generic opacity mechanism only fades the number, not the background. Therefore, we use an explicitly darker background in that case. */ } .Calendar .YearView .yearMonthView:hover { border-bottom: 0.1rem solid #eee; } .Calendar .YearView .yearMonthView .dijitCalendarMonthLabel, .Calendar .YearView .yearMonthView .dijitCalendarDateTemplate { cursor: default; } .Calendar .YearView .yearMonthView .dijitCalendarDateTemplate, .Calendar .YearView .yearMonthView .dijitCalendarDayLabelTemplate { width: 2.8rem; padding: 0; display: inline-block; height: 2.8rem /*Have every month take the same height even if all weeks are not displayed*/; vertical-align: top; } .Calendar .YearView .yearMonthView .dijitCalendarDateTemplate.dijitCalendarNextMonth, .Calendar .YearView .yearMonthView .dijitCalendarDateTemplate.dijitCalendarPreviousMonth { width: 3rem /*Border only for active month*/; } .Calendar .YearView .yearMonthView .dijitCalendarCurrentMonth.dijitCalendarDateTemplate:not(.eventIcon):hover { background-color: #f2f2f2; } .Calendar .YearView .yearMonthView .dijitCalendarCurrentMonth.dijitCalendarDateTemplate.eventIcon:hover { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .Calendar .YearView .yearMonthView .dijitCalendarDateTemplate .dijitCalendarDateLabel { background-color: transparent; border-color: transparent; } .Calendar .YearView .yearMonthView .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .Calendar .YearView .yearMonthView .dijitCalendarNextMonth .dijitCalendarDateLabel { padding: 0; } .Calendar .YearView .yearMonthView .dijitCalendarCurrentMonth { border: 1px solid #fff; } .Calendar .YearView .yearMonthView .dijitCalendarCurrentMonth.Selected { border-color: #ffa500; } .Calendar .YearView .YearViewLegend { padding: 0.5rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Calendar .YearView .YearViewLegend.yearHasEvents { background-color: #fff; position: fixed; } .Calendar .YearView .YearViewLegend.yearHasEvents + .YearViewCalendars { margin-top: 3rem; } .Calendar .YearView .YearViewLegend.yearHasEvents.notTrident { left: 0; right: 22px /* Cheat a bit to avoid going into scroller. Plus a couple of more px to deal with zoom */; } .Calendar .YearView .YearViewLegend .yearViewLegendEvent { display: inline-block; padding: 0.5rem 0.4rem; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .Calendar .YearView .YearViewLegend .yearViewLegendEvent .eventIcon { height: 1.8rem; width: 1.8rem; display: inline-block; vertical-align: middle; border: 1px solid #fff; } .Calendar .YearView .YearViewLegend .yearViewLegendEvent .eventLabel { padding-left: 5px; font-weight: bold; display: inline-block; font-size: 1.2rem; font-family: 'Arial'; position: relative; top: 7%; } .Calendar .eventIcon { background-color: #3170bb /*This is the default. Override for various events*/; } .AnchoredContentPane section { display: block; } .AnchoredContentPane .PaneContaner { width: 100%; height: 100%; position: relative; } .AnchoredContentPane .Navigation { width: 160px; white-space: nowrap; overflow-y: auto; height: 100%; border-right: 1px solid #e5e5e5; background-color: #f1f1f1; } .AnchoredContentPane .MainContent { left: 170px; top: 0px; right: 0px; bottom: 0px; height: 100%; position: absolute; overflow: auto; } .AnchoredContentPane .Navigation .navList { list-style: none; } .AnchoredContentPane .Navigation .navLink { color: #013ca6; } .AnchoredContentPane .Navigation .navLink:hover { cursor: pointer; background: #e3e6e9; text-shadow: 0px 1px 0px #fff; } .AnchoredContentPane .Navigation .active > .navLink { font-weight: bold; color: #013ca6; /*border-right: 1px solid #6e6e6e;*/ background: none; text-shadow: 0px 1px 0px #fff; } .AnchoredContentPane .Navigation .navList { padding-left: 5px; font-size: 10pt; } .AnchoredContentPane .Navigation .navList .active > ul { display: inherit; padding-left: 20px; } .AnchoredContentPane .Navigation .navList li ul { display: none; padding-left: 20px; } .AnchoredContentPane .AnchoredContent { margin-left: 10px; } .AnchoredToolbarPane { overflow: hidden; } .AnchoredToolbarPane .buttonContentPane { height: 26px; overflow: hidden; } .AnchoredToolbarPane .toolbarContentPane { overflow: hidden; white-space: nowrap; margin-left: 5px; margin-right: 5px; /*width:100%;*/ } .AnchoredToolbarPane .navigation .btnGroup { display: inline-block; position: relative; } .AnchoredToolbarPane .navigation { margin-bottom: 6px; height: 25px; width: 100%; overflow: hidden; } .AnchoredToolbarPane .navigation .navButton { width: 25px; height: 25px; } .AnchoredToolbarPane .navigation .navButton .dijitIcon { background: url("../images/AnchoredToolbarPane_sprites.png?v=64.1.2.14510&") no-repeat; width: 25px; height: 25px; } .AnchoredToolbarPane .navigation .navButton .navLeft { background-position: -1px -1px; } .AnchoredToolbarPane .navigation .navButton .navRight { background-position: -1px -55px; } .AnchoredToolbarPane .navigation .navButton.disabled .navLeft { background-position: -1px -28px; } .AnchoredToolbarPane .navigation .navButton.disabled .navRight { background-position: -1px -82px; } .AnchoredToolbarPane .navigation .navButton .navLeft .dijitButtonText { width: 0px; height: 0px; overflow: hidden; } .AnchoredToolbarPane .navigation .sectionButton { padding: 2px; margin-left: 4px; margin-right: 4px; text-transform: uppercase; border-bottom: 3px solid transparent; color: #51627f; font-family: 'Open Sans', sans-serif; font-weight: normal; } .AnchoredToolbarPane .navigation .sectionButton.active { font-weight: bold; border-bottom: 3px solid #00aeef; color: #354052; } .AnchoredToolbarPane .AnchoredContent { position: relative; /* needed to set offsetParent */ } .dijitPopup.AnchoredToolbarTooltipPopup { -webkit-box-shadow: none; box-shadow: none; } .AnchoredToolbarTooltipPopup .AnchoredToolbarTooltip .dijitTooltipContainer { font-size: inherit; color: inherit; /*zoom: 0.8;*/ } .AnchoredToolbarTooltipPopup .AnchoredToolbarTooltipContent .dijitTooltipContents { overflow: hidden; max-height: 150px; cursor: pointer; } .AnchoredToolbarTooltipPopup .AnchoredToolbarTooltipContent .dijitTooltipConnector { display: none; } .AnchoredToolbarTooltipPopup .AnchoredToolbarTooltipConnector .dijitTooltipContainer { display: none; } .AnchoredToolbarTooltipPopup .AnchoredToolbarTooltipContent .dijitTooltipContents .readOnlyScreen { position: absolute; top: 0; height: 100%; width: 100%; cursor: pointer; } .dj_ie8 .AnchoredToolbarPane header, .dj_ie8 .AnchoredToolbarPane section { display: block; } .dj_ie8 .AnchoredToolbarPane .ie8HeaderNode { display: block; margin-top: 15px; } .AnchoredToolbarTooltip .dijitTooltipConnector { background-image: url("../images/tooltip_arrows_grey.png?v=64.1.2.14510&"); } .claro .dijitAvailabilitySelector { position: relative; height: 60px; margin-bottom: 14px; } .claro .dijitAvailabilitySelector .HeaderContainer.LeftPane { position: absolute; top: 0; } .claro .dijitAvailabilitySelector .HeaderContainer .DayLabel { font-size: 16px; color: #2a61ad; display: block; padding: 3px 0px 0px 0px; text-align: left; } .claro .dijitAvailabilitySelector .HeaderContainer .DateLabel { font-size: 10px; color: #2a61ad; display: block; padding: 1px 0px; text-align: left; } .claro .dijitAvailabilitySelector .HeaderContainer .TimeLabel { font-size: 12px; color: #098442; text-align: left; } .claro .dijitAvailabilitySelector.Unavailable .HeaderContainer .TimeLabel { color: #838383; } .claro .dijitAvailabilitySelector .BarAxisContainer.MiddlePane { position: absolute; top: 7px; left: 140px; right: 100px; } .claro .dijitAvailabilitySelector.HideCopy .BarAxisContainer.MiddlePane { right: 50px; } .claro .dijitAvailabilitySelector .BarAxisContainer .BarContainer { background-color: #dfdfdf; cursor: pointer; padding: 0px 6px; } .claro .dijitAvailabilitySelector .BarAxisContainer .Bar { height: 22px; position: relative; } .claro .dijitAvailabilitySelector.MaxTimeRangesReached .BarAxisContainer .Bar { cursor: default; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis { position: relative; margin: 5px 6px 5px 6px; height: 25px; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis.HideAxis { display: none; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis .AxisLabel { position: absolute; font-size: 10px; color: #696969; /* To center the label */ width: 30px; margin-left: -12px; text-align: center; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis .AxisLabel.StartHour { left: 3px; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis.FullAxisLayered .AxisLabel.OddHour { margin-top: 12px; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis.PartialAxis .AxisLabel.OddHour, .claro .dijitAvailabilitySelector .BarAxisContainer .Axis.PartialAxis.Layered .AxisLabel.FourthHour { display: none; } .claro .dijitAvailabilitySelector .ActionContainer.RightPane { display: inline-block; position: absolute; top: 0; right: 0px; width: 90px; padding-left: 5px; } .claro .dijitAvailabilitySelector.HideCopy .ActionContainer.RightPane { width: auto; } .claro .dijitAvailabilitySelector.HideCopy .ActionContainer .Actions { padding-top: 7px; } .claro .dijitAvailabilitySelector.HideCopy .ActionContainer .CopyPreviousContainer { display: none; } .claro .dijitAvailabilitySelector .ActionContainer .NoPreviousSelector .CopyPreviousContainer { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .claro .dijitAvailabilitySelector .ActionContainer .NoPreviousSelector .CopyPreviousButton .dijitButtonNode * { cursor: default; } .claro .dijitAvailabilitySelector .ActionContainer .CopyPreviousButton .AvailSelectorIcon_CopyPreviousDay { background: url("../images/chosen-sprite.png?v=64.1.2.14510&") 0px -60px no-repeat; width: 32px; height: 32px; } .claro .dijitAvailabilitySelector .ActionContainer .dijitButton .dijitButtonNode { background-color: transparent; border: none; padding: 0px; } .claro .dijitAvailabilitySelector .dijitTimeRange { height: 100%; background-color: #009b57; position: absolute; cursor: col-resize; } .claro .dijitAvailabilitySelector .dijitTimeRange .LeftHandle, .claro .dijitAvailabilitySelector .dijitTimeRange .RightHandle { cursor: ew-resize; height: 12px; width: 12px; position: absolute; z-index: 1; background-color: #7c7c7c; border: 5px solid #fff; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: #dcdcdc 0px 0px 0px 1px; box-shadow: #dcdcdc 0px 0px 0px 1px; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#DCDCDC'); } .claro .dijitAvailabilitySelector .dijitTimeRange .LeftHandle { left: -11px; } .claro .dijitAvailabilitySelector .dijitTimeRange .RightHandle { right: -11px; } .claro .dijitAvailabilitySelector .dijitTimeRange .TimeLabelContentOuter { display: table; position: absolute; height: 100%; color: #fff; font-size: 12px; } .claro .dijitAvailabilitySelector .dijitTimeRange .TimeRightLabelContentOuter { right: 0; } .claro .dijitAvailabilitySelector .dijitTimeRange .TimeLabelContentInner { display: table-cell; vertical-align: middle; text-align: center; } .claro .dijitAvailabilitySelector .dijitTimeRange .TimeLabelContentInner .LeftTimeLabel { padding-left: 17px; } .claro .dijitAvailabilitySelector .dijitTimeRange .TimeLabelContentInner .RightTimeLabel { padding-right: 17px; } .claro .dijitAvailabilitySelector .dijitTimeRange .TimeLabelContentInner label { cursor: col-resize; } .claro .dijitAvailabilitySelector.dijitReadOnly .BarAxisContainer .Bar, .claro .dijitAvailabilitySelector.dijitDisabled .BarAxisContainer .Bar, .claro .dijitAvailabilitySelector.dijitReadOnly .dijitTimeRange .LeftHandle, .claro .dijitAvailabilitySelector.dijitDisabled .dijitTimeRange .LeftHandle, .claro .dijitAvailabilitySelector.dijitReadOnly .dijitTimeRange .RightHandle, .claro .dijitAvailabilitySelector.dijitDisabled .dijitTimeRange .RightHandle, .claro .dijitAvailabilitySelector.dijitReadOnly .dijitTimeRange, .claro .dijitAvailabilitySelector.dijitDisabled .dijitTimeRange, .claro .dijitAvailabilitySelector.dijitReadOnly .dijitTimeRange .RightTimeLabel, .claro .dijitAvailabilitySelector.dijitDisabled .dijitTimeRange .RightTimeLabel, .claro .dijitAvailabilitySelector.dijitReadOnly .dijitTimeRange .LeftTimeLabel, .claro .dijitAvailabilitySelector.dijitDisabled .dijitTimeRange .LeftTimeLabel { cursor: default; } .claro .dijitAvailabilitySelector.dijitDisabled .dijitTimeRange { background-color: #b0b0b0; } @media (min-width: 1230px) { .claro .dijitAvailabilitySelector .BarAxisContainer.MiddlePane { right: 200px; } .claro .dijitAvailabilitySelector .ActionContainer.RightPane { width: 190px; } } @media (max-width: 1230px) { .claro .dijitAvailabilitySelector .ActionContainer .CopyPreviousText { display: none; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis .AxisLabel.OddHour { margin-top: 12px; } } @media (max-width: 992px), (max-device-width: 992px) { .claro .dijitAvailabilitySelector { height: 110px; } .claro .dijitAvailabilitySelector .BarAxisContainer.MiddlePane, .claro .dijitAvailabilitySelector.HideCopy .BarAxisContainer.MiddlePane { top: 55px; right: 0px; left: 0px; padding-top: 6px; } .claro .dijitAvailabilitySelector .HeaderContainer.LeftPane { width: auto; } .claro .dijitAvailabilitySelector .HeaderContainer .DayLabel { font-size: 14px; padding-top: 0px; } .claro .dijitAvailabilitySelector .ActionContainer.RightPane { width: auto; } .claro .dijitAvailabilitySelector .ActionContainer .NoPreviousSelector { padding-top: 0px; } .claro .dijitAvailabilitySelector .BarAxisContainer .Axis .AxisLabel.OddHour { display: none; } } .FrameworkBalanceSummary .labelNoBalance { display: table-cell; vertical-align: middle; color: #0053a4; text-align: center; font-size: 20px; } .claro .FrameworkBalanceSummary .dijitTabContainer.horizontal { height: 100%; } .blockContainer .blockContainer-section { width: auto; } .blockContainer.fullSize .blockContainer-section { width: 100%; } .blockContainer .blockContainer-inlineBlock { vertical-align: top; display: inline-block; } .blockContainer .blockContainer-childBlock { display: block; } .BuildDetails { min-width: 325px; } .BuildDetails .UserInfo { width: 100%; height: 70px; padding: 5px; } .BuildDetails .UserProfile { display: inline-block; } .BuildDetails .UserNameAndRole { overflow: hidden; vertical-align: top; position: relative; width: 240px; height: 100%; display: inline-block; margin-left: 10px; } .BuildDetails .UserName { position: absolute; bottom: 49%; font-weight: bold; font-size: 15px; } .BuildDetails .UserRole { position: absolute; top: 50%; color: #5a5a5a; } hr { margin-top: 10px; } .BuildDetails .BuildInfoDetails { text-align: left; margin-top: 15px; margin-bottom: 15px; } .BuildDetails .copyright { display: block; } .BuildDetails .whatsNewSection a { font-family: 'Open Sans'; font-size: 1.3em; font-weight: lighter; } .BuildDetails .LegalDocs { display: block; margin-top: 10px; } .BuildDetails .LegalDocs ul { list-style: none; padding: 0; margin: 0; } .BuildDetails .LegalDocs ul li { display: inline; margin-right: 0.8rem; } .BuildDetails .LegalDocs ul li::before { content: " | "; margin-right: 0.8rem; } .BuildDetails .LegalDocs ul li:first-child::before, .BuildDetails .LegalDocs ul li.noSeparator::before { content: ""; } .BuildDetails .LegalDocs .legalDocLink { display: inline-block; margin-right: 0; font-size: 0.8em; } .cookieSettings { display: inline-block; } .dijitSelect .dijitButtonContents { padding: 0.3em; min-width: 138px; white-space: nowrap; text-align: left; border-style: none solid none none; border-width: 1px; } .claro .dijitButtonText, .claro .dijitButton.dijitButtonDisabled .dijitButtonText { text-align: center; font-size: 8pt; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); -webkit-font-smoothing: antialiased; padding: 0.2em; } .dijitButton .dijitButtonNode { min-width: 60px; } .dijitButton.dijitIconButton .dijitButtonNode { min-width: 0px; } .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode { border: 1px solid #dcdcdc; padding: 2px 4px 4px 4px; color: #333; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: -ms-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); } .claro .dijitButtonNode { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; } .claro .btn-group > .dijitButton:last-child .dijitButtonNode, .claro .btn-group > .dijitDropDownButton:last-child .dijitButtonNode, .claro .btn-group > .dijitComboButton:last-child .dijitButtonNode, .claro .btn-group > .dijitToggleButton:last-child .dijitButtonNode { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .claro .btn-group > .dijitButton:first-child .dijitButtonNode, .claro .btn-group > .dijitDropDownButton:first-child .dijitButtonNode, .claro .btn-group > .dijitComboButton:first-child .dijitButtonNode, .claro .btn-group > .dijitToggleButton:first-child .dijitButtonNode { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .claro .btn-group > .dijitButton .dijitButtonNode, .claro .btn-group > .dijitDropDownButton .dijitButtonNode, .claro .btn-group > .dijitComboButton .dijitButtonNode, .claro .btn-group > .dijitToggleButton .dijitButtonNode { position: relative; -webkit-border-radius: 0px; border-radius: 0px; } .dijitDropDownButtonHover .dijitButtonNode, .dijitComboButton .dijitButtonNodeHover, .dijitComboButton .dijitDownArrowButtonHover, .dijitToggleButtonHover .dijitButtonNode { border: 1px solid #dcdcdc; padding: 2px 4px 4px 4px; color: #333; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; background-image: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2); background-image: -moz-linear-gradient(top, #f2f2f2, #f2f2f2); background-image: -o-linear-gradient(top, #f2f2f2, #f2f2f2); background-image: -ms-linear-gradient(top, #f2f2f2, #f2f2f2); background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; } .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode, .dijitComboButton.dijitComboButtonActive .dijitButtonNode, .dijitToggleButton.dijitToggleButtonActive .dijitButtonNode, .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { background-color: #eee; background-image: none; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2); text-decoration: none; } .claro .dijitComboButton .dijitArrowButton { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .claro .dijitComboButton .dijitStretch { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .claro .btn-group > .dijitButton + .dijitButton, .claro .btn-group > .dijitDropDownButton + .dijitDropDownButton, .claro .btn-group > .dijitComboButton + .dijitComboButton, .claro .btn-group > .dijitToggleButton + .dijitToggleButton { margin-left: -4px; } .claro .btn-group.verticalButtonGroup > .buttonBlockGroup { margin-left: 0px; display: block; margin-top: -1px; } .dijitArrowButtonInner { width: 16px; height: 16px; margin: 0 auto; background-image: url("../images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-color: transparent; background-position: -32px 0px; } .claro .btn-group > .dijitButton, .claro .btn-group > .dijitDropDownButton, .claro .btn-group > .dijitComboButton, .claro .btn-group > .dijitToggleButton { margin: 0px; padding: 0px; } .dijitToolbar .dijitButtonContents { padding: 1px 5px 1px 5px; /*5px 5px;*/ } .dijitComboBox .dijitArrowButtonInner { border: 1px solid #fff; } .dijitToolbar .dijitComboBox .dijitArrowButtonInner { border: none; } .claro .dijitSelectLabel { padding: 1px 0; } .claro .dijitComboBox .dijitButtonNode { background-color: #fff; background-image: url("../images/standardGradient.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-image: -webkit-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); } .claro .dijitComboBoxOpenOnClickHover .dijitButtonNode, .claro .dijitComboBox .dijitDownArrowButtonHover { background-color: #fff; } .claro .dijitComboBox .dijitHasDropDownOpen { background-color: #ececec; background-image: url("images/activeGradient.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-image: -webkit-linear-gradient(rgba(190,190,190,0.98) 0px, rgba(255,255,255,0.65) 3px, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(rgba(190,190,190,0.98) 0px, rgba(255,255,255,0.65) 3px, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(rgba(190,190,190,0.98) 0px, rgba(255,255,255,0.65) 3px, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(rgba(190,190,190,0.98) 0px, rgba(255,255,255,0.65) 3px, rgba(255,255,255,0) 100%); background-image: linear-gradient(rgba(190,190,190,0.98) 0px, rgba(255,255,255,0.65) 3px, rgba(255,255,255,0) 100%); padding: 1px; } .dj_iequirks .claro .dijitComboBox .dijitHasDropDownOpen { padding: 1px 0; } .claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { background-position: -70px 53%; border: 0 none; } .claro div.dijitComboBoxDisabled .dijitArrowButtonInner { background-position: 0 50%; background-color: #efefef; } .dj_ff3 .claro .dijitInputField input[type="hidden"] { display: none; height: 0; width: 0; } .dj_borderbox .claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { width: 18px; } .dj_borderbox .claro .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { width: 16px; } .claro .dijitSelectHover, .claro .dijitSelectHover .dijitButtonContents, .claro .dijitTextBoxHover, .claro .dijitTextBoxHover .dijitButtonNode { background-color: #fff; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; } .claro .dijitSelect .dijitArrowButtonContainer { border: 3px solid #fff; } .claro .dijitArrowButtonContainer { border: 3px solid #fff; } .claro .dijitButton .dijitButtonNode, .claro-blue .dijitDropDownButton .dijitButtonNode, .claro-blue .dijitComboButton .dijitButtonNode, .claro-blue .dijitToggleButton .dijitButtonNode, .claro .flatbluebutton { background-color: #1162c2; background-image: none; border: 1px solid #1162c2; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; padding: 2px 7px 4px 7px; color: #fff; } .claro .dijitButton .dijitButtonText, .claro-blue .dijitButtonText, .claro .flatbluebutton { text-shadow: 0px 1px 1px rgba(4,39,81,0.4); } .claro-blue .dijitReadOnly *, .claro-blue .dijitDisabled *, .claro-blue .dijitReadOnly, .dijitDisabled { cursor: default; color: #b6b6b6; text-shadow: 0px 0px 0px rgba(83,119,4,0.7); -webkit-font-smoothing: antialiased; } .claro-blue .dijitArrowButtonInner { width: 16px; height: 16px; margin: 0 auto; background-image: url("../images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -32px -64px; } .claro .dijitButtonHover .dijitButtonNode, .claro-blue .dijitDropDownButtonHover .dijitButtonNode, .claro-blue .dijitComboButton .dijitButtonNodeHover, .claro-blue .dijitComboButton .dijitDownArrowButtonHover, .claro-blue .dijitToggleButtonHover .dijitButtonNode, .claro .flatbluebutton:hover { background-color: #5b87bf; border: 1px solid #5b87bf; color: #fff; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; } .claro .dijitButtonActive .dijitButtonNode, .claro-blue .dijitDropDownButtonActive .dijitButtonNode, .claro-blue .dijitComboButtonActive .dijitButtonNode, .claro-blue .dijitToggleButtonActive .dijitButtonNode, .claro-blue .dijitToggleButtonChecked .dijitButtonNode, .claro .flatbluebutton:active { background-color: #1453a3; background-image: none; border: 1px solid #1453a3; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -ms-transition-duration: 0.1s; transition-duration: 0.1s; } .claro .dijitButtonDisabled, .claro-blue .dijitDropDownButtonDisabled, .claro-blue .dijitComboButtonDisabled, .claro-blue .dijitToggleButtonDisabled { background-image: none; outline: none; } .claro .dijitButtonDisabled .dijitButtonNode, .claro-blue .dijitDropDownButtonDisabled .dijitButtonNode, .claro-blue .dijitComboButtonDisabled .dijitButtonNode, .claro-blue .dijitToggleButtonDisabled .dijitButtonNode { border: solid 1px #d3d3d3; background-color: #f6f6f6; color: #d3d3d3; } .claro-blue .dijitComboButtonDisabled .dijitArrowButton { border-left-width: 0; } .claro-green .dijitButton .dijitButtonNode, .claro-green .dijitDropDownButton .dijitButtonNode, .claro-green .dijitComboButton .dijitButtonNode, .claro-green .dijitToggleButton .dijitButtonNode { border: 1px solid #699a22; padding: 2px 4px 4px 4px; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; background-color: #7ab203; background-image: url("../images/greenButtonBg.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-image: -webkit-linear-gradient(rgba(128,202,3,0.95) 3px, rgba(99,161,2,0) 100%); background-image: -moz-linear-gradient(rgba(128,202,3,0.95) 3px, rgba(99,161,2,0) 100%); background-image: -o-linear-gradient(rgba(128,202,3,0.95) 3px, rgba(99,161,2,0) 100%); background-image: -ms-linear-gradient(rgba(128,202,3,0.95) 3px, rgba(99,161,2,0) 100%); background-image: linear-gradient(rgba(128,202,3,0.95) 3px, rgba(99,161,2,0) 100%); } .claro-green .dijitButtonText { text-align: center; text-shadow: 0px 1px 0px rgba(83,119,4,0.7); -webkit-font-smoothing: antialiased; } .claro-green .dijitReadOnly *, .claro-green .dijitDisabled *, .claro-green .dijitReadOnly, .dijitDisabled { cursor: default; color: #b6b6b6; text-shadow: 0px 0px 0px rgba(83,119,4,0.7); -webkit-font-smoothing: antialiased; } .claro-green .dijitArrowButtonInner { width: 16px; height: 16px; margin: 0 auto; background-image: url("../images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -32px -48px; } .claro-green .dijitButtonHover .dijitButtonNode, .claro-green .dijitDropDownButtonHover .dijitButtonNode, .claro-green .dijitComboButton .dijitButtonNodeHover, .claro-green .dijitComboButton .dijitDownArrowButtonHover, .claro-green .dijitToggleButtonHover .dijitButtonNode { background-color: #6ea102; color: #fff; background-image: url("../images/greenButtonBg_hover.png?v=64.1.2.14510&"); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; } .claro-green .dijitButtonActive .dijitButtonNode, .claro-green .dijitDropDownButtonActive .dijitButtonNode, .claro-green .dijitComboButtonActive .dijitButtonNode, .claro-green .dijitToggleButtonActive .dijitButtonNode, .claro-green .dijitToggleButtonChecked .dijitButtonNode { background-color: none; border: 1px solid #89bc40; background-image: url("../images/greenButtonBg_active.png?v=64.1.2.14510&"); background-image: -webkit-linear-gradient(rgba(128,202,3,0.95) 1px, rgba(245,250,250,0.25) 100%); background-image: -moz-linear-gradient(rgba(128,202,3,0.95) 1px, rgba(245,250,250,0.25) 100%); background-image: -o-linear-gradient(rgba(128,202,3,0.95) 1px, rgba(245,250,250,0.25) 100%); background-image: -ms-linear-gradient(rgba(128,202,3,0.95) 1px, rgba(245,250,250,0.25) 100%); background-image: linear-gradient(rgba(128,202,3,0.95) 1px, rgba(245,250,250,0.25) 100%); -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -ms-transition-duration: 0.1s; transition-duration: 0.1s; } .claro-green .dijitButtonDisabled, .claro-green .dijitDropDownButtonDisabled, .claro-green .dijitComboButtonDisabled, .claro-green .dijitToggleButtonDisabled { background-image: none; outline: none; } .claro-green .dijitButtonDisabled .dijitButtonNode, .claro-green .dijitDropDownButtonDisabled .dijitButtonNode, .claro-green .dijitComboButtonDisabled .dijitButtonNode, .claro-green .dijitToggleButtonDisabled .dijitButtonNode { background-color: #f3f3f3; border: solid 1px #d3d3d3; color: #818181; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); background-image: url("../images/dojobuttonDisabled.png?v=64.1.2.14510&"); background-image: -webkit-linear-gradient(#fff 0%, rgba(255,255,255,0) 40%); background-image: -moz-linear-gradient(#fff 0%, rgba(255,255,255,0) 40%); background-image: -o-linear-gradient(#fff 0%, rgba(255,255,255,0) 40%); background-image: -ms-linear-gradient(#fff 0%, rgba(255,255,255,0) 40%); background-image: linear-gradient(#fff 0%, rgba(255,255,255,0) 40%); } .claro-green .dijitComboButtonDisabled .dijitArrowButton { border-left-width: 0; } .claro-gray .dijitButton .dijitButtonNode { background-color: #f0f0f0; border: 1px solid #d3d3d3; color: #000; } .claro-gray .dijitButtonHover .dijitButtonNode { background-color: #e6e6e6; border: 1px solid #d2d2d2; } .claro-gray .dijitButtonActive .dijitButtonNode { background-color: #dcdcdc; background-image: none; border: 1px solid #bebebe; } .claro-gray .dijitButtonDisabled .dijitButtonNode { border: solid 1px #d3d3d3; background-color: #f6f6f6; color: #d3d3d3; } .claro-gray.claroLargeButton .dijitButtonNode { padding: 16px; } .claro-gray.claroLargeButton .claroLargeButtonText { color: #666; } .claro-gray .dijitButton .dijitButtonText { text-shadow: 0 1px 0 rgba(255,255,255,0.7); } .claro-biggrayunderline .dijitButtonNode .dijitButtonText { line-height: 28px; font-size: 14px; padding-left: 10px; padding-right: 10px; } .claro-biggrayunderline .dijitChecked .dijitButtonNode .dijitButtonText, .claro-biggrayunderline .dijitChecked .dijitButtonNode .dijitButtonContents:disabled .dijitButtonText, .claro-biggrayunderline .dijitChecked.dijitDisabled .dijitButtonNode .dijitButtonContents .dijitButtonText { color: #1462b9; } .claro-biggrayunderline .dijitReadOnly *, .claro-biggrayunderline .dijitDisabled *, .claro-biggrayunderline .dijitReadOnly, .dijitDisabled { cursor: default; text-shadow: 0px 0px 0px rgba(83,119,4,0.7); -webkit-font-smoothing: antialiased; } .claro-biggrayunderline .dijitButton .dijitButtonNode, .claro-biggrayunderline .dijitDropDownButton .dijitButtonNode, .claro-biggrayunderline .dijitComboButton .dijitButtonNode, .claro-biggrayunderline .dijitToggleButton .dijitButtonNode { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 2px solid #ccc; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #696969; width: 100%; background-color: #f8f8f8; background-image: url("../images/bigToggleButtonBG_normal.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-position: inherit; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; padding: 0px; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; } .claro-biggrayunderline .dijitButtonHover .dijitButtonNode, .claro-biggrayunderline .dijitDropDownButtonHover .dijitButtonNode, .claro-biggrayunderline .dijitComboButton .dijitButtonNodeHover, .claro-biggrayunderline .dijitComboButton .dijitDownArrowButtonHover, .claro-biggrayunderline .dijitToggleButtonHover .dijitButtonNode { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 2px solid #ccc; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #8a8a8a; width: 100%; background-color: #f9f9f9; background-image: url("../images/bigToggleButtonBG_Hover.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-position: inherit; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; } .claro-biggrayunderline .dijitButtonActive .dijitButtonNode, .claro-biggrayunderline .dijitDropDownButtonActive .dijitButtonNode, .claro-biggrayunderline .dijitComboButtonActive .dijitButtonNode, .claro-biggrayunderline .dijitToggleButtonActive .dijitButtonNode, .claro-biggrayunderline .dijitToggleButtonChecked .dijitButtonNode { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 2px solid #1462b9; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1462b9; width: 100%; background-color: #f9f9f9; background-image: url("../images/bigToggleButtonBG_Active.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-position: inherit; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; } .claro-biggrayunderline .dijitButtonDisabled .dijitButtonNode, .claro-biggrayunderline .dijitDropDownButtonDisabled .dijitButtonNode, .claro-biggrayunderline .dijitComboButtonDisabled .dijitButtonNode, .claro-biggrayunderline .dijitToggleButtonDisabled .dijitButtonNode { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 2px solid #1462b9; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1462b9; width: 100%; background-color: #f9f9f9; background-image: url("../images/bigToggleButtonBG_Active.png?v=64.1.2.14510&"); background-repeat: repeat-x; font-style: normal; } .claro .dijitDisabled .dijitButtonText { color: #7f7f7f; } .claro .dijitCheckBox, .claro .dijitCheckBoxIcon, .claro .dijitRadio, .claro .dijitRadioIcon { background-image: url("../images/checkboxRadioButtonStatesUpdatedSharperNew.png?v=64.1.2.14510&"); } .claro .dijit.dijitCheckBox, .claro .dijit.dijitCheckBoxIcon { height: 15px; } .dijitToolbar .dijitButtonNode { min-width: 0px; } .dijitToolbar .dijitComboButtonActive { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; border-width: 1px; padding: 0; } .dijitToolbar .dijitComboButtonActive .dijitButtonNode, .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { background-color: #f3ffff; padding: 2px; } .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive, .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { background-color: #ddd; } .WhatsNewModal .dialogButtons .ConfirmWhatsNew { display: block !important; margin: 0 !important; padding: 0 !important; margin-right: 15px !important; } .Home .countBadge { background-image: url("../images/Messaging_icons_update.png?v=64.1.2.14510&") !important; width: 17px !important; background-position: -181px -234px !important; } .claro .dijitRadioChecked { background-position: -91px !important; } .NewFeatureUI.user-is-tabbing dayforceDialog .dijitDropDownButton ::after { outline: none !important; } .dijitReset.dijitButtonContents:focus { position: relative; } .NewFeatureUI.user-is-tabbing .dayforceDialog .toolbarContentPane .dijitReset.dijitButtonContents:focus ::after { content: ""; position: absolute; top: -3px; left: -8px; bottom: -5px; right: -8px; outline-offset: -6px; } .NewFeatureUI.user-is-tabbing .dayforceDialog .StatementMessageView .dijitReset.dijitButtonContents:focus ::after { content: none; } .NewFeatureUI.user-is-tabbing .dayforceDialog .navButton .dijitReset.dijitButtonContents:focus ::after { content: ""; position: absolute; left: -1px; right: 3px; top: -1px; bottom: -1px; outline-offset: 0px; } .input-error { outline: 2px solid #e4001e; } .claro .dijitTextBoxHover { border-color: inherit !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .claro .dijitTextBoxError { border-color: #e4001e !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .claro .dijitTextBoxError .dijitTextBoxHover { border-color: #e4001e !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .claro.user-is-tabbing .dijitButtonFocused, .claro.user-is-tabbing .dijitDownArrowButtonFocused, .claro.user-is-tabbing .dijitToggleButtonFocused, .claro.user-is-tabbing .dijitToggleSwitchFocused { outline: 2px solid #0087fd; outline-offset: 1px; border: none !important; } .claro.user-is-tabbing .dijitDropDownButton.dijitDropDownButtonFocused .dijitButtonContents:focus { outline: 2px solid #0087fd; outline-offset: 2px; } .dijitToggleButtonFocused { position: relative; z-index: 11; } .dijitReset.dijitButtonContents:focus { position: relative; } .user-is-tabbing .PeriodReview button.cer-button:focus, .user-is-tabbing .ShiftTradeContainer .ShiftTypeButtonGroup button.cer-button:focus { outline: 2px solid #0087fd !important; outline-offset: 1px; } .user-is-tabbing .buttonRefresh.dijitFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .AnchoredToolbarPane .navigation .sectionButton.dijitFocused { outline: 2px solid #0087fd; outline-offset: -5px; } .user-is-tabbing .k-button-group .k-button:focus { outline: 2px solid #0087fd; outline-offset: -2px; z-index: 5; position: relative; } .user-is-tabbing .k-button-group .k-button.k-state-active:focus { outline: 2px solid #43beef; } .btGrp .dijitButtonText { font-size: 16px; } .gpRoot div { margin-left: 37px; margin-bottom: 3px; } .claro.user-is-tabbing .DatePickerButton.dijitDropDownButton.dijitDropDownButtonFocused .dijitButtonContents:focus { outline-offset: -2px; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey { /*remove global padding as we want to have two unique background colors -> padding on parent node means we can't do that*/ padding: 0px; color: #fff; border: none; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarMonthLabel, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate .dijitCalendarDateLabel, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayLabel { font-size: 9pt; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarSectionHeader { padding: 6px 20px 0px 20px; /*clear bg first to erase any gradients if present*/ background: none; background-color: #fdfdfd; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarSectionContent { padding: 0px 20px 10px 20px; /*clear bg first to erase any gradients if present*/ background: none; background-color: #ececec; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate .dijitCalendarDateLabel { border-color: transparent; background: none; color: #1e52bf; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; -ms-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; font-weight: 400; } .claro .dijitCalendarPopup .dijitCalendarWeekTemplateCell { line-height: 0.05em; color: #1e52bf; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarWeekNumberLabel, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayWithWeekNumberHeader { border-color: transparent; background: none; font-size: 9pt; color: #1e52bf; padding: 3px 5px 3px 4px; display: inline; } .claro .dijitCalendarPopup .dijitCalendarDayWithWeekNumberHeader { font-size: 8pt; font-weight: bold; color: #919191; margin-left: -6px; } .claro .dijitCalendarPopup .dijitCalendarWeekNumberLabel { font-style: italic; font-weight: normal; font-size: 8pt; display: block; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayWithWeekNumberHeader, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarWeekNumberLabel.bold, .claro .dijitCalendarPopup .dijitCalendarWeekNumberLabel.bold { font-weight: bold; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate.dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate.dijitCalendarNextMonth .dijitCalendarDateLabel { color: #696969; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate:hover .dijitCalendarDateLabel { color: #000; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate.dijitCalendarSelectedDate .dijitCalendarDateLabel { font-weight: bold; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateTemplate, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayLabelTemplate { border: none; padding: 3px 0px; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayLabelTemplate { padding: 8px 0px; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable { /*centers the arrow + center buttons inside the calendar drop down*/ width: 100%; padding: 0px 0px 5px 0px; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarIncrease, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDecrease { background: none; background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -57px -94px; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarIncrease { background-position: -38px -94px; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton .dijitButtonNode, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton .dijitButtonContents, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton .dijitButtonText, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton .dijitButtonText .dijitCalendarMonthLabel { background: none; border: none; color: #1162c2; text-shadow: none; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; -ms-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton.dijitButtonHover, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .CalendarHeaderTable .dijitButton.dijitButtonActive { /*none first to clear any gradients*/ background: none; background-color: #e6e6e6; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDateLabel { font-weight: 200; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayLabel, .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarDayWithWeekNumberHeader { color: #707070; } .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarTable { /*bigger font and bigger size needed - use fixed width still to center in popup*/ width: 250px; /*fixed ensures all columns from header and content tables match up - important for showing calendar month*/ table-layout: fixed; } .dj_ie8 .claro .dijitCalendarPopup .CalendarDropDownMixin.Grey .dijitCalendarTable { min-width: 250px; width: 100%; } .claro .dijitCalendarTable { width: 180px; margin: auto; table-layout: fixed; } .claro .dijitCalendar { border-width: 1px 1px 2px; border-style: solid; border-color: #eee #eee #3170bb; -webkit-border-image: none; -moz-border-image: none; -o-border-image: none; border-image: none; border-collapse: separate; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: #fff; background-repeat: repeat-x; background-image: -webkit-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); text-align: center; padding: 6px 5px 3px; } .claro .dijitCalendarHover, .claro .dijitCalendar:hover, .claro .dijitCalendarActive { border-width: 1px 1px 2px; border-style: solid; border-color: #eee #eee #3170bb; -webkit-border-image: none; -moz-border-image: none; -o-border-image: none; border-image: none; border-collapse: separate; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: #fff; background-repeat: repeat-x; background-image: -webkit-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); background-image: linear-gradient(#fff 0px, rgba(255,255,255,0.4) 2px, rgba(255,255,255,0) 100%); text-align: center; padding: 6px 5px 3px; } .claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { text-decoration: none; font-size: 8pt; display: block; padding: 3px 5px 3px 4px; border: solid 1px #fff; background-color: rgba(171,212,251,0); -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; } .claro .dijitCalendarDayLabel { padding: 0 4px 0 4px; font-weight: bold; font-size: 8pt; text-align: center; color: #000; } .expandIcon { /* src="Icon_expander_up.png"*/ background-image: url("../images/Icon_expander_up.png?v=64.1.2.14510&"); background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; } .collapseIcon { /*src="Icon_expander_down.png";*/ background-image: url("../images/Icon_expander_down.png?v=64.1.2.14510&"); background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; } .claro .dijitCalendarHoveredDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { border: 1px solid #fff; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; /*grey*/ background-color: #f2f2f2; -webkit-border-radius: 3px; border-radius: 3px; } .claro .dijitCalendarActiveDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { background-color: #bfbfbf; border: 1px solid #fff; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; -webkit-border-radius: 3px; border-radius: 3px; } .claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { color: #fff; /*background: linear-gradient(to bottom, #336ab2 0%,#2f63a7 48%,#224d85 100%)*/ background-color: #bc5901; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; border-radius: 3px; } .claro .dijitCalendarSelectedDate .dijitCalendarDateLabel:hover { color: #696969; } .claro .dijitCalendarCurrentDate[data-dojo-attach-point=dateCells] .dijitCalendarDateLabel { color: #b73d00; text-decoration: underline; } .claro .dijitCalendarCurrentDate.dijitCalendarSelectedDate[data-dojo-attach-point=dateCells] .dijitCalendarDateLabel { color: #fff; background: #bc5901; } .claro .dijitCalendarPreviousMonth, .claro .dijitCalendarNextMonth { background-color: #fff; background-image: none; border-bottom: 1px solid #fff; } .claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel { color: #b6b6b6; border-color: none; } .claro .dijitCalendarDayLabel { padding: 0px 4px; font-weight: bold; font-size: 8pt; text-align: center; color: #525252; } .claro .dijitCalendarMonthLabel { color: #7d7d7d; font-size: 1em; padding: 3px 0px 0px; } .claro .dijitCalendarDateTemplate { background-color: #fff; border-bottom: 1px solid #fff; padding-top: 0px; font-size: 0.9em; font-family: 'Open Sans', sans-serif; font-weight: normal; letter-spacing: 0.05em; text-align: center; color: #515151; } .claro .dijitCalendarMonthContainer th { text-align: center; padding-bottom: 0px; vertical-align: middle; } .focusRing { outline: 1px solid #0087fd; } .claro .dijitTooltipContainer { background-image: none; background-color: #fff; border: 1px solid #b5b5b5; padding: 6px 8px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25); font-size: 0.8em; color: #696969; } .claro .dojoxCalendar .calenderButton .dijitButtonText { display: none; } .claro .dojoxCalendar .nextButtonIcon { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat -14px center; width: 7px; height: 7px; margin: 3px 0px 3px 0px; } .claro .dojoxCalendar .previousButtonIcon { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat -7px center; width: 7px; height: 7px; margin: 3px 0px 3px 0px; } .claro .dijitCalendarMonthContainer .dummyDecrementMonth, .claro .dijitCalendarMonthContainer .dummyIncrementMonth { display: none; } .claro .dijitCalendarIncrementControl { width: 18px; height: 16px; background-image: url("../images/calendarArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; } .claro .dijitCalendarDisabledArrow .dijitCalendarIncrease { background-position: -126px 0; } .claro .dijitCalendarDisabledArrow .dijitCalendarDecrease { background-position: -108px 0; } .claro .ConfidentCaptchaDialog .dijitDialogTitleBar { padding-bottom: 0; } .claro .ConfidentCaptchaDialog .dijitDialogPaneContent { padding: 0 2px 2px 0; } .claro .ConfidentCaptchaDialog .message { padding: 5px 0 0 5px; } .claro .ConfidentCaptchaDialog iframe { display: block; } .recaptcha iframe { border: 0px; height: 110px; width: 450px; } @media (max-device-width: 480px) and (orientation: landscape) { .claro .ConfidentCaptchaDialog .message { display: none; } } @media (max-device-width: 480px) and (orientation: portrait) { .claro .ConfidentCaptchaDialog iframe { -webkit-transform: scale(0.75, 0.75); margin-left: -80px; } } @media (max-width: 380px) and (orientation: portrait) { .claro .ConfidentCaptchaDialog iframe { -webkit-transform: scale(0.7, 0.7); margin-left: -80px; } } @media (max-device-width: 640px) and (orientation: landscape) { .claro .ConfidentCaptchaDialog iframe { -webkit-transform: scale(0.95, 0.9); margin-top: -20px; } } .TooltipFilterDialog { padding-right: 0px; /*to remove space between dialog and scrollbar*/ } .TooltipFilterDialog .dijitTooltipContainer { padding: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .TooltipFilterDialog .dijitTooltipContainer .dijitTooltipContents { padding: 0px; } .TooltipFilterDialog.dijitTooltipAbove .dijitTooltipConnector { bottom: auto; margin-top: -1px; } .claro .CategorizedFilterSelector { font-size: 10pt; /*Since this control is in a tooltip dialog, the font-size is reduced a lot, so reset it to the proper size*/ color: #474747; } .CategorizedFilterSelector .CategorizedFilterSelectorContainer { display: table; } .CategorizedFilterSelector.NoCategories .CategorizedFilterSelectorContainer { padding: 20px 20px 10px 20px; } .CategorizedFilterSelector .CategoryContainer { display: inline-block; max-width: 200px; /*set max-width on a category*/ padding: 10px; border-right: 1px solid #f0f0f0; /*if categories are different heights, align it to the top*/ height: 100%; vertical-align: top; } .CategorizedFilterSelector .CategoryContainer .CategoryLabelContainer { color: #000; font-size: 10pt; font-weight: bold; /*category labels should be in bold*/ padding-top: 10px; } .claro .CategorizedFilterSelector .DayforceCheckBox { display: block; /*we want a list of checkboxes*/ padding-top: 10px; } .claro .CategorizedFilterSelector .DayforceCheckBox .dijitCheckBoxFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .CategorizedFilterSelector .dialogButtons { background: #f0f0f0; padding: 5px; text-align: right; } .claro .CategorizedFilterSelector .dialogButtons .dijitFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .claro .dijitCheckBox input { margin: 0; padding: 0; display: block; } .claro .dijitCheckBoxInput { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .claro .DayforceRadioButton, .claro .DayforceCheckBox, .claro .DayforceTriStateCheckBox { margin: 0px 2px; /* allow 1px to the left/right so the box shadow doesnt get cut off */ display: inline-block; /* inline-block will shrink-wrap and stay on same line. fun fact: to shrink-wrap and go to new line, you can use display: table. display:block will go to new line but expand full width */ line-height: normal; /* don't want line-heights affecting the layouts within the widgets */ position: relative; min-height: 16px; /* defined here and in label because sometimes label is display: none, and want cursor to react on the label's full height of the container */ min-width: 15px; vertical-align: middle; } .claro .DayforceCheckBox label, .claro .DayforceRadioButton label, .claro .DayforceTriStateCheckBox label { cursor: pointer; outline: none; padding-left: 21px; padding-right: 0px; min-height: 16px; /* defined here and in label because sometimes label is display: none, and want cursor to react on the label's full height of the container */ display: block; } .claro .DayforceCheckBox.leftLabel label, .claro .DayforceRadioButton.leftLabel label, .claro .DayforceTriStateCheckBox.leftLabel label { padding-left: 0px; padding-right: 21px; } .claro .DayforceRadioButton .dijitCheckBoxInput, .claro .DayforceCheckBox .dijitCheckBoxInput, .claro .DayforceTriStateCheckBox .dijitCheckBoxInput { cursor: pointer; } .claro .DayforceCheckBox .checkboxContainer, .claro .DayforceRadioButton .radioContainer, .claro .DayforceTriStateCheckBox .triStateCheckboxContainer { position: absolute; left: 0; white-space: pre; /* needed for a whitespace region to contain the actual radio button/checkbox. This region sizes according to font-size and can this be used to center the radio button/checkbox*/ margin: 0px; } .claro .DayforceCheckBox .checkboxContainer > .dijitCheckBox, .claro .DayforceRadioButton .radioContainer > .dijitRadio, .claro .DayforceTriStateCheckBox .triStateCheckboxContainer > .dojoxTriStateCheckBox { position: absolute; left: 0; top: 50%; margin: -7px 0px 0px 0px; display: block; padding: 0; } .claro .DayforceCheckBox.leftLabel .checkboxContainer, .claro .DayforceRadioButton.leftLabel .radioContainer, .claro .DayforceTriStateCheckBox.leftLabel .triStateCheckboxContainer { left: auto; right: 0; width: 15px; } .claro.user-is-tabbing .DayforceCheckBox .dijitCheckBox.dijitCheckBoxFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .claro .DayforceCheckBox .dijitCheckBox.dijitCheckBoxDisabled.dijitCheckBoxFocused { -webkit-box-shadow: none; box-shadow: none; } .claro .disabledDayforceCheckBox label, .claro .disabledDayforceRadioButton label, .claro .disabledDayforceTriStateCheckBox label { color: #707070; cursor: auto; -webkit-box-shadow: none; box-shadow: none; } .claro .disabledDayforceCheckBox .dijitCheckBoxInput, .claro .disabledDayforceRadioButton .dijitCheckBoxInput, .claro .disabledDayforceTriStateCheckBox .dojoxTriStateCheckBoxInput { cursor: auto; } .claro .shrinkAndWrap .DayforceCheckBox, .claro .shrinkAndWrap .DayforceRadioButton, .claro .shrinkAndWrap .DayforceTriStateCheckBox { display: table; /* inline-block will shrinkwrap and stay on same line. block will expand full width and go to new line. table will shrinkwrap and go to new line. */ } .claro .radioCheckBoxList { list-style: none; padding: 0; margin: 0; } .user-is-tabbing .dijitRadioFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .dijitRadioCheckedFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .dijitCheckBoxFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .selectRoleButtons .dijitButton:focus { outline: 2px solid #0087fd !important; outline-offset: 1px !important; } .claro.user-is-tabbing .dijitCheckBox.dijitCheckBoxFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .client-lidl-reportView .reportOptions .options .DayforceCheckBox, .client-lidl-reportView .reportOptions .orderBy .DayforceCheckBox, .client-lidl-reportView .reportOptions .grpBy .DayforceCheckBox, .client-lidl-reportView .reportOptions .totals .DayforceCheckBox, .client-lidl-reportView .reportOptions .NameDisplayFormat .DayforceCheckBox, .client-lidl-reportView .reportOptions .kpiSection .DayforceCheckBox, .client-lidl-reportView .reportOptions .tokenSection .DayforceCheckBox { width: 200px; padding: 4px 0px 4px 0px; vertical-align: text-top; } .client-lidl-reportView .reportOptions .options .DayforceCheckBox.disabledDayforceCheckBox, .client-lidl-reportView .reportOptions .orderBy .DayforceCheckBox.disabledDayforceCheckBox, .client-lidl-reportView .reportOptions .grpBy .DayforceCheckBox.disabledDayforceCheckBox, .client-lidl-reportView .reportOptions .totals .DayforceCheckBox.disabledDayforceCheckBox, .client-lidl-reportView .reportOptions .NameDisplayFormat .DayforceCheckBox.disabledDayforceCheckBox, .client-lidl-reportView .reportOptions .kpiSection .DayforceCheckBox.disabledDayforceCheckBox, .client-lidl-reportView .reportOptions .tokenSection .DayforceCheckBox.disabledDayforceCheckBox { color: #aaa; cursor: auto; -webkit-box-shadow: none; box-shadow: none; } .client-lidl-reportView .reportOptions .options .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-lidl-reportView .reportOptions .orderBy .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-lidl-reportView .reportOptions .grpBy .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-lidl-reportView .reportOptions .totals .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-lidl-reportView .reportOptions .NameDisplayFormat .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-lidl-reportView .reportOptions .kpiSection .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-lidl-reportView .reportOptions .tokenSection .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput { cursor: auto; } .client-lidl-reportView .reportOptions .options .tableCell, .client-lidl-reportView .reportOptions .orderBy .tableCell, .client-lidl-reportView .reportOptions .grpBy .tableCell, .client-lidl-reportView .reportOptions .totals .tableCell, .client-lidl-reportView .reportOptions .NameDisplayFormat .tableCell, .client-lidl-reportView .reportOptions .kpiSection .tableCell, .client-lidl-reportView .reportOptions .tokenSection .tableCell { display: table-cell; } .client-lidl-reportView .reportOptions .options .tableCell.header, .client-lidl-reportView .reportOptions .orderBy .tableCell.header, .client-lidl-reportView .reportOptions .grpBy .tableCell.header, .client-lidl-reportView .reportOptions .totals .tableCell.header, .client-lidl-reportView .reportOptions .NameDisplayFormat .tableCell.header, .client-lidl-reportView .reportOptions .kpiSection .tableCell.header, .client-lidl-reportView .reportOptions .tokenSection .tableCell.header { font-weight: bold; padding-bottom: 10px; width: 200px; display: table-cell; } .client-lidl-reportView .reportOptions .options .kpiSelector, .client-lidl-reportView .reportOptions .orderBy .kpiSelector, .client-lidl-reportView .reportOptions .grpBy .kpiSelector, .client-lidl-reportView .reportOptions .totals .kpiSelector, .client-lidl-reportView .reportOptions .NameDisplayFormat .kpiSelector, .client-lidl-reportView .reportOptions .kpiSection .kpiSelector, .client-lidl-reportView .reportOptions .tokenSection .kpiSelector { min-width: 200px; max-width: 600px; padding: 0px; } .client-lidl-reportView .reportOptions .options .nameDisplayFormatSelector, .client-lidl-reportView .reportOptions .orderBy .nameDisplayFormatSelector, .client-lidl-reportView .reportOptions .grpBy .nameDisplayFormatSelector, .client-lidl-reportView .reportOptions .totals .nameDisplayFormatSelector, .client-lidl-reportView .reportOptions .NameDisplayFormat .nameDisplayFormatSelector, .client-lidl-reportView .reportOptions .kpiSection .nameDisplayFormatSelector, .client-lidl-reportView .reportOptions .tokenSection .nameDisplayFormatSelector { min-width: 200px; } .client-lidl-reportView .reportOptions .options .jobNameDisplayOptionSelector, .client-lidl-reportView .reportOptions .orderBy .jobNameDisplayOptionSelector, .client-lidl-reportView .reportOptions .grpBy .jobNameDisplayOptionSelector, .client-lidl-reportView .reportOptions .totals .jobNameDisplayOptionSelector, .client-lidl-reportView .reportOptions .NameDisplayFormat .jobNameDisplayOptionSelector, .client-lidl-reportView .reportOptions .kpiSection .jobNameDisplayOptionSelector, .client-lidl-reportView .reportOptions .tokenSection .jobNameDisplayOptionSelector { min-width: 200px; max-width: 400px; } .client-lidl-reportView .reportOptions .options .segmentCheckbox, .client-lidl-reportView .reportOptions .orderBy .segmentCheckbox, .client-lidl-reportView .reportOptions .grpBy .segmentCheckbox, .client-lidl-reportView .reportOptions .totals .segmentCheckbox, .client-lidl-reportView .reportOptions .NameDisplayFormat .segmentCheckbox, .client-lidl-reportView .reportOptions .kpiSection .segmentCheckbox, .client-lidl-reportView .reportOptions .tokenSection .segmentCheckbox { padding-top: 5px; padding-bottom: 15px; } .client-lidl-reportView .reportOptions .options .additionSegmentDetailsHeader, .client-lidl-reportView .reportOptions .orderBy .additionSegmentDetailsHeader, .client-lidl-reportView .reportOptions .grpBy .additionSegmentDetailsHeader, .client-lidl-reportView .reportOptions .totals .additionSegmentDetailsHeader, .client-lidl-reportView .reportOptions .NameDisplayFormat .additionSegmentDetailsHeader, .client-lidl-reportView .reportOptions .kpiSection .additionSegmentDetailsHeader, .client-lidl-reportView .reportOptions .tokenSection .additionSegmentDetailsHeader { padding-bottom: 25px; width: 200px; vertical-align: top; display: table-cell; } .client-lidl-reportView .reportOptions .options .segmentAdditionalDetailsSelector, .client-lidl-reportView .reportOptions .orderBy .segmentAdditionalDetailsSelector, .client-lidl-reportView .reportOptions .grpBy .segmentAdditionalDetailsSelector, .client-lidl-reportView .reportOptions .totals .segmentAdditionalDetailsSelector, .client-lidl-reportView .reportOptions .NameDisplayFormat .segmentAdditionalDetailsSelector, .client-lidl-reportView .reportOptions .kpiSection .segmentAdditionalDetailsSelector, .client-lidl-reportView .reportOptions .tokenSection .segmentAdditionalDetailsSelector { min-width: 200px; max-width: 400px; padding: 0px; } .client-lidl-reportView .reportOptions .orderBy, .client-lidl-reportView .reportOptions .grpBy { padding: 5px 0px 5px 0px; } .client-lidl-reportView .reportOptions .sortBySelector, .client-lidl-reportView .reportOptions .groupBySelector { width: 200px; } .client-lidl-reportView .reportOptions .horizontalSeparator { border-top: 1px solid #b5bcc7; display: block; height: 1px; margin: 8px 2px 5px 2px; vertical-align: middle; } .client-lidl-reportView .printed-schedule-report { width: 1050px; } .client-lidl-reportView .hide-report-section { display: none; } .client-lidl-reportView .group-page-break { page-break-before: always; } .client-lidl-reportView .printable-page-no-break { page-break-after: avoid !important; } .client-lidl-reportView .printable-page { margin-bottom: 30px; page-break-after: always; page-break-inside: avoid; overflow-wrap: break-word; } .client-lidl-reportView .printable-page .header-container .header-report-title { text-align: center; font-size: 16px; font-weight: bold; } .client-lidl-reportView .printable-page .header-container .label-padding { padding-bottom: 0.625em; } .client-lidl-reportView .printable-page .header-container .table-info-label { font-weight: bold; } .client-lidl-reportView .printable-page .header-container .table-info-left { display: inline-block; } .client-lidl-reportView .printable-page .header-container .table-info-right { display: inline-block; float: right; } .client-lidl-reportView .printable-page .header-container .table-info-right .page-number-place-holder { text-align: right; } .client-lidl-reportView .printable-page .header-container .table-info-right .report-version-number { text-align: right; font-weight: bold; } .client-lidl-reportView .printable-page .header-container .table-info-filter-selections { display: block; padding-bottom: 1.25em; } .client-lidl-reportView .printable-page .header-container .table-info-bottom .filter-selection-text { margin-left: 4px; margin-right: 16px; } .client-lidl-reportView .printable-grid { display: -ms-grid; display: grid; } .client-lidl-reportView .printable-grid .segment-display-width-filler-sm { min-width: 128px; width: auto; } .client-lidl-reportView .printable-grid .segment-display-width-filler-md { min-width: 160px; width: auto; } .client-lidl-reportView .printable-grid .segment-display-width-filler-lg { min-width: 192px; width: auto; } .client-lidl-reportView .printable-grid .grid-item { border-top: 1px solid #000; border-left: 1px solid #000; } .client-lidl-reportView .printable-grid .grid-item .schedule-cell, .client-lidl-reportView .printable-grid .grid-item .dept-name, .client-lidl-reportView .printable-grid .grid-item .job-name, .client-lidl-reportView .printable-grid .grid-item .org-name { font-weight: 700; margin: 0px 1px 0px 1px; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-cell .net-hours, .client-lidl-reportView .printable-grid .grid-item .dept-name .net-hours, .client-lidl-reportView .printable-grid .grid-item .job-name .net-hours, .client-lidl-reportView .printable-grid .grid-item .org-name .net-hours { display: inline-block; float: right; } .client-lidl-reportView .printable-grid .grid-item .schedule-mb-cell { font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-mbtype { display: inline-block; } .client-lidl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-time { display: inline-block; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell { padding: 2px; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-sm { grid-template-columns: 14px 2px 112px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-md { grid-template-columns: 14px 2px 144px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-lg { grid-template-columns: 14px 2px 176px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item { padding: 4px; display: grid; grid-template-rows: auto; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-index { grid-column: 1/2; color: #3b7bc3; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-space { margin-left: 4px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-details { border-left: 2px solid #3b7bc3; grid-column: 3/3; padding-left: 8px; } .client-lidl-reportView .printable-grid .grid-item .schedule-activity-cell { font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-name { display: inline-block; } .client-lidl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-time { display: inline; } .client-lidl-reportView .printable-grid .grid-item .schedule-scheduletransfer-cell { font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-scheduletransfer-cell .schedule-scheduletransfer-name { display: inline-block; } .client-lidl-reportView .printable-grid .grid-item .schedule-scheduletransfer-cell .schedule-scheduletransfer-time { display: inline-block; } .client-lidl-reportView .printable-grid .grid-item .empty-cell { margin: 0 auto 0 auto; display: table; line-height: initial; } .client-lidl-reportView .printable-grid .grid-item .shift-definition-name, .client-lidl-reportView .printable-grid .grid-item .location-type, .client-lidl-reportView .printable-grid .grid-item .on-call-status { font-size: smaller; } .client-lidl-reportView .printable-grid .grid-item .seniority-date-cell { float: left; font-size: 11px; margin: 7px 1px 0px 1px; } .client-lidl-reportView .printable-grid .grid-item .holiday-cell-text { font-weight: bold; font-size: 11px; text-align: center; } .client-lidl-reportView .printable-grid .grid-item .row-total-hours { text-align: center; font-weight: bold; } .client-lidl-reportView .printable-grid .grid-item .total-cell { font-weight: 700; margin-top: 7px; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .end-total-cell { font-weight: 700; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-manager-comment { display: inline-block; font-size: 11px; word-break: break-word; word-wrap: break-word; max-width: 100%; } .client-lidl-reportView .printable-grid .grid-item .tafw-cell, .client-lidl-reportView .printable-grid .grid-item .free-day-cell { font-weight: 700; margin: 0px 1px 0px 1px; text-align: center; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .employeeNameHeaderCell, .client-lidl-reportView .printable-grid .grid-item .dateHeaderCell, .client-lidl-reportView .printable-grid .grid-item .totalHeaderCell, .client-lidl-reportView .printable-grid .grid-item .seniorityDateHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; } .client-lidl-reportView .printable-grid .grid-item .totalHeaderCell { writing-mode: horizontal-tb; } .client-lidl-reportView .printable-grid .grid-item .employeeNameCell { display: inline-block; margin-left: 1px; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .rowTotalHeaderCell { font-weight: bold; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .rowKpiHeaderCell { font-size: 10px; } .client-lidl-reportView .printable-grid .grid-item .employee-skills-display { padding: 4px; } .client-lidl-reportView .printable-grid .grid-item .employee-skills-display .employee-skills-display-item { font-size: 10px; display: inline-block; } .client-lidl-reportView .printable-grid .grid-item.holiday-item { background-color: #d0d4d7; } .client-lidl-reportView .printable-grid .grid-item.midnight-shift-item { background-color: #b3c3dd; } .client-lidl-reportView .printable-grid .grid-item.header { background-color: #b0c4de; } .client-lidl-reportView .printable-grid .grid-item.header.holiday-item { background-color: #d0d4d7; } .client-lidl-reportView .printable-grid .last-column-grid-item { border-right: 1px solid #000; } .client-lidl-reportView .printable-grid .last-row-grid-item { border-bottom: 1px solid #000; } .client-lidl-reportView .groupByHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; background-color: #b0c4de; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } @media print { .client-lidl-reportView .group-page-break { page-break-before: always; } .client-lidl-reportView .printable-page-no-break { page-break-after: avoid !important; } .client-lidl-reportView .printable-page { margin-bottom: 30px; page-break-after: always; page-break-inside: avoid; overflow-wrap: break-word; } .client-lidl-reportView .printable-page .header-container .header-report-title { display: none; } .client-lidl-reportView .printable-page .header-container .table-info-label { font-weight: bold; } .client-lidl-reportView .printable-page .header-container .label-padding { padding-bottom: 0.625em; } .client-lidl-reportView .printable-page .header-container .hide-table-info { display: none; } .client-lidl-reportView .printable-page .header-container .table-info-left { display: inline-block; } .client-lidl-reportView .printable-page .header-container .table-info-right { display: inline-block; float: right; } .client-lidl-reportView .printable-page .header-container .table-info-right .page-number-place-holder { text-align: right; } .client-lidl-reportView .printable-page .header-container .table-info-filter-selections { padding-bottom: 1.25em; display: block; } .client-lidl-reportView .printable-page .header-container .table-info-bottom .filter-selection-text { margin-left: 4px; margin-right: 16px; } .client-lidl-reportView .printable-grid { display: -ms-grid; display: grid; } .client-lidl-reportView .printable-grid .segment-display-width-filler-sm { min-width: 128px; width: auto; } .client-lidl-reportView .printable-grid .segment-display-width-filler-md { min-width: 160px; width: auto; } .client-lidl-reportView .printable-grid .segment-display-width-filler-lg { min-width: 192px; width: auto; } .client-lidl-reportView .printable-grid .grid-item { border-top: 1px solid #000; border-left: 1px solid #000; } .client-lidl-reportView .printable-grid .grid-item .schedule-cell, .client-lidl-reportView .printable-grid .grid-item .dept-name, .client-lidl-reportView .printable-grid .grid-item .job-name, .client-lidl-reportView .printable-grid .grid-item .org-name { font-weight: 700; margin: 0px 1px 0px 1px; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-cell .net-hours, .client-lidl-reportView .printable-grid .grid-item .dept-name .net-hours, .client-lidl-reportView .printable-grid .grid-item .job-name .net-hours, .client-lidl-reportView .printable-grid .grid-item .org-name .net-hours { display: inline-block; float: right; } .client-lidl-reportView .printable-grid .grid-item .schedule-mb-cell { font-weight: 700; } .client-lidl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-mbtype { display: inline-block; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-time { display: inline-block; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell { display: inline-block; padding: 2px; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-sm { grid-template-columns: 14px 2px 112px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-md { grid-template-columns: 14px 2px 144px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-lg { grid-template-columns: 14px 2px 176px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item { padding: 4px; display: grid; grid-template-rows: auto; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-index { grid-column: 1/2; color: #3b7bc3; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-space { margin-left: 4px; } .client-lidl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-details { border-left: 2px solid #3b7bc3; grid-column: 3/3; padding-left: 8px; } .client-lidl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-name { display: inline-block; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-time { display: inline; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .empty-cell { margin: 0 auto 0 auto; display: table; line-height: initial; } .client-lidl-reportView .printable-grid .grid-item .shift-definition-name, .client-lidl-reportView .printable-grid .grid-item .location-type, .client-lidl-reportView .printable-grid .grid-item .on-call-status { font-size: smaller; } .client-lidl-reportView .printable-grid .grid-item .seniority-date-cell { float: left; font-size: 11px; margin: 7px 1px 0px 1px; } .client-lidl-reportView .printable-grid .grid-item .holiday-cell-text { font-weight: bold; font-size: 11px; text-align: center; } .client-lidl-reportView .printable-grid .grid-item .row-total-hours { text-align: center; font-weight: bold; } .client-lidl-reportView .printable-grid .grid-item .total-cell { font-weight: 700; margin-top: 7px; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .end-total-cell { font-weight: 700; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .schedule-manager-comment { display: inline-block; font-size: 11px; word-break: break-word; word-wrap: break-word; max-width: 100%; } .client-lidl-reportView .printable-grid .grid-item .tafw-cell { font-weight: 700; margin: 0px 1px 0px 1px; text-align: center; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .employeeNameHeaderCell, .client-lidl-reportView .printable-grid .grid-item .dateHeaderCell, .client-lidl-reportView .printable-grid .grid-item .totalHeaderCell, .client-lidl-reportView .printable-grid .grid-item .seniorityDateHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; } .client-lidl-reportView .printable-grid .grid-item .totalHeaderCell { writing-mode: horizontal-tb; font-size: 12px; } .client-lidl-reportView .printable-grid .grid-item .employeeNameCell { display: inline-block; margin-left: 1px; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .rowTotalHeaderCell { font-weight: bold; font-size: 11px; } .client-lidl-reportView .printable-grid .grid-item .rowKpiHeaderCell { font-size: 10px; } .client-lidl-reportView .printable-grid .grid-item.holiday-item { background-color: #d0d4d7; } .client-lidl-reportView .printable-grid .grid-item.midnight-shift-item { background-color: #b3c3dd; } .client-lidl-reportView .printable-grid .grid-item.header { background-color: #b0c4de; } .client-lidl-reportView .printable-grid .grid-item.header.holiday-item { background-color: #d0d4d7; } .client-lidl-reportView .printable-grid .last-column-grid-item { border-right: 1px solid #000; } .client-lidl-reportView .printable-grid .last-row-grid-item { border-bottom: 1px solid #000; } .client-lidl-reportView .groupByHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; background-color: #b0c4de; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } } @media print { .totalHeaderCell { writing-mode: horizontal-tb !important; height: 100% !important; } .employee-skills-display-item { display: inline-block; } } .client-kl-reportView .reportOptions .options .DayforceCheckBox, .client-kl-reportView .reportOptions .orderBy .DayforceCheckBox, .client-kl-reportView .reportOptions .grpBy .DayforceCheckBox, .client-kl-reportView .reportOptions .totals .DayforceCheckBox, .client-kl-reportView .reportOptions .NameDisplayFormat .DayforceCheckBox, .client-kl-reportView .reportOptions .kpiSection .DayforceCheckBox { width: 200px; padding: 4px 0px 4px 0px; vertical-align: text-top; } .client-kl-reportView .reportOptions .options .DayforceCheckBox.disabledDayforceCheckBox, .client-kl-reportView .reportOptions .orderBy .DayforceCheckBox.disabledDayforceCheckBox, .client-kl-reportView .reportOptions .grpBy .DayforceCheckBox.disabledDayforceCheckBox, .client-kl-reportView .reportOptions .totals .DayforceCheckBox.disabledDayforceCheckBox, .client-kl-reportView .reportOptions .NameDisplayFormat .DayforceCheckBox.disabledDayforceCheckBox, .client-kl-reportView .reportOptions .kpiSection .DayforceCheckBox.disabledDayforceCheckBox { color: #aaa; cursor: auto; -webkit-box-shadow: none; box-shadow: none; } .client-kl-reportView .reportOptions .options .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-kl-reportView .reportOptions .orderBy .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-kl-reportView .reportOptions .grpBy .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-kl-reportView .reportOptions .totals .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-kl-reportView .reportOptions .NameDisplayFormat .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .client-kl-reportView .reportOptions .kpiSection .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput { cursor: auto; } .client-kl-reportView .reportOptions .options .tableCell, .client-kl-reportView .reportOptions .orderBy .tableCell, .client-kl-reportView .reportOptions .grpBy .tableCell, .client-kl-reportView .reportOptions .totals .tableCell, .client-kl-reportView .reportOptions .NameDisplayFormat .tableCell, .client-kl-reportView .reportOptions .kpiSection .tableCell { display: table-cell; } .client-kl-reportView .reportOptions .options .tableCell.header, .client-kl-reportView .reportOptions .orderBy .tableCell.header, .client-kl-reportView .reportOptions .grpBy .tableCell.header, .client-kl-reportView .reportOptions .totals .tableCell.header, .client-kl-reportView .reportOptions .NameDisplayFormat .tableCell.header, .client-kl-reportView .reportOptions .kpiSection .tableCell.header { font-weight: bold; padding-bottom: 10px; width: 200px; display: table-cell; } .client-kl-reportView .reportOptions .options .kpiSelector, .client-kl-reportView .reportOptions .orderBy .kpiSelector, .client-kl-reportView .reportOptions .grpBy .kpiSelector, .client-kl-reportView .reportOptions .totals .kpiSelector, .client-kl-reportView .reportOptions .NameDisplayFormat .kpiSelector, .client-kl-reportView .reportOptions .kpiSection .kpiSelector { min-width: 200px; max-width: 600px; padding: 0px; } .client-kl-reportView .reportOptions .options .nameDisplayFormatSelector, .client-kl-reportView .reportOptions .orderBy .nameDisplayFormatSelector, .client-kl-reportView .reportOptions .grpBy .nameDisplayFormatSelector, .client-kl-reportView .reportOptions .totals .nameDisplayFormatSelector, .client-kl-reportView .reportOptions .NameDisplayFormat .nameDisplayFormatSelector, .client-kl-reportView .reportOptions .kpiSection .nameDisplayFormatSelector { min-width: 200px; } .client-kl-reportView .reportOptions .options .jobNameDisplayOptionSelector, .client-kl-reportView .reportOptions .orderBy .jobNameDisplayOptionSelector, .client-kl-reportView .reportOptions .grpBy .jobNameDisplayOptionSelector, .client-kl-reportView .reportOptions .totals .jobNameDisplayOptionSelector, .client-kl-reportView .reportOptions .NameDisplayFormat .jobNameDisplayOptionSelector, .client-kl-reportView .reportOptions .kpiSection .jobNameDisplayOptionSelector { min-width: 200px; max-width: 400px; } .client-kl-reportView .reportOptions .options .segmentCheckbox, .client-kl-reportView .reportOptions .orderBy .segmentCheckbox, .client-kl-reportView .reportOptions .grpBy .segmentCheckbox, .client-kl-reportView .reportOptions .totals .segmentCheckbox, .client-kl-reportView .reportOptions .NameDisplayFormat .segmentCheckbox, .client-kl-reportView .reportOptions .kpiSection .segmentCheckbox { padding-top: 5px; padding-bottom: 15px; } .client-kl-reportView .reportOptions .options .additionSegmentDetailsHeader, .client-kl-reportView .reportOptions .orderBy .additionSegmentDetailsHeader, .client-kl-reportView .reportOptions .grpBy .additionSegmentDetailsHeader, .client-kl-reportView .reportOptions .totals .additionSegmentDetailsHeader, .client-kl-reportView .reportOptions .NameDisplayFormat .additionSegmentDetailsHeader, .client-kl-reportView .reportOptions .kpiSection .additionSegmentDetailsHeader { padding-bottom: 25px; width: 200px; vertical-align: top; display: table-cell; } .client-kl-reportView .reportOptions .options .segmentAdditionalDetailsSelector, .client-kl-reportView .reportOptions .orderBy .segmentAdditionalDetailsSelector, .client-kl-reportView .reportOptions .grpBy .segmentAdditionalDetailsSelector, .client-kl-reportView .reportOptions .totals .segmentAdditionalDetailsSelector, .client-kl-reportView .reportOptions .NameDisplayFormat .segmentAdditionalDetailsSelector, .client-kl-reportView .reportOptions .kpiSection .segmentAdditionalDetailsSelector { min-width: 200px; max-width: 400px; padding: 0px; } .client-kl-reportView .reportOptions .orderBy, .client-kl-reportView .reportOptions .grpBy { padding: 5px 0px 5px 0px; } .client-kl-reportView .reportOptions .sortBySelector, .client-kl-reportView .reportOptions .groupBySelector { width: 200px; } .client-kl-reportView .reportOptions .horizontalSeparator { border-top: 1px solid #b5bcc7; display: block; height: 1px; margin: 8px 2px 5px 2px; vertical-align: middle; } .client-kl-reportView .printed-schedule-report { width: 1050px; } .client-kl-reportView .hide-report-section { display: none; } .client-kl-reportView .table-no-break { page-break-inside: avoid !important; } .client-kl-reportView .group-page-break { page-break-before: always; } .client-kl-reportView .printable-legend { page-break-before: always; border-collapse: collapse; border: 1px solid #000; width: 50%; font-size: 11px; } .client-kl-reportView .printable-legend .printable-legend-employee-column { width: 30%; } .client-kl-reportView .printable-legend .printable-legend-skill-column { width: 70%; } .client-kl-reportView .printable-legend .skill-legend-header-cell { text-align: center; font-weight: bold; border-left: 1px solid #000; border-top: 1px solid #000; background-color: #e3b02f; } .client-kl-reportView .printable-legend .skill-legend-content-cell { text-align: left; border-left: 1px solid #000; border-top: 1px solid #000; padding: 4px; } .client-kl-reportView .printable-legend .skill-legend-content-cell.last { border-right: 1px solid #000; } .client-kl-reportView .printable-legend .skill-legend-header-cell.last { border-right: 1px solid #000; } .client-kl-reportView .printable-legend .skill-legend-row { border-left: 1px solid #000; border-top: 1px solid #000; } .client-kl-reportView .printable-legend .skill-legend-row.last { border-bottom: 1px solid #000; } .client-kl-reportView .printable-page-no-break { page-break-after: avoid !important; } .client-kl-reportView .printable-page { margin-bottom: 30px; overflow-wrap: break-word; } .client-kl-reportView .printable-page .header-container { background-color: #808080; } .client-kl-reportView .printable-page .header-container .header-report-title { text-align: center; font-size: 16px; font-weight: bold; } .client-kl-reportView .printable-page .header-container .label-padding { padding-bottom: 0.625em; } .client-kl-reportView .printable-page .header-container .table-info-label { font-weight: bold; } .client-kl-reportView .printable-page .header-container .table-info-left { display: inline-block; } .client-kl-reportView .printable-page .header-container .table-info-right { display: inline-block; float: right; } .client-kl-reportView .printable-page .header-container .table-info-right .page-number-place-holder { text-align: right; } .client-kl-reportView .printable-page .header-container .table-info-right .report-version-number { text-align: right; font-weight: bold; } .client-kl-reportView .printable-page .header-container .table-info-filter-selections { display: block; padding-bottom: 1.25em; } .client-kl-reportView .printable-page .header-container .table-info-bottom .filter-selection-text { margin-left: 4px; margin-right: 16px; } .client-kl-reportView .printable-grid { display: -ms-grid; display: grid; } .client-kl-reportView .printable-grid .segment-display-width-filler-sm { min-width: 128px; width: auto; } .client-kl-reportView .printable-grid .segment-display-width-filler-md { min-width: 160px; width: auto; } .client-kl-reportView .printable-grid .segment-display-width-filler-lg { min-width: 192px; width: auto; } .client-kl-reportView .printable-grid .grid-item { border-top: 1px solid #000; border-left: 1px solid #000; } .client-kl-reportView .printable-grid .grid-item .schedule-cell, .client-kl-reportView .printable-grid .grid-item .dept-name, .client-kl-reportView .printable-grid .grid-item .job-name, .client-kl-reportView .printable-grid .grid-item .org-name { font-weight: 700; margin: 0px 1px 0px 1px; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-cell .net-hours, .client-kl-reportView .printable-grid .grid-item .dept-name .net-hours, .client-kl-reportView .printable-grid .grid-item .job-name .net-hours, .client-kl-reportView .printable-grid .grid-item .org-name .net-hours { display: inline-block; float: right; } .client-kl-reportView .printable-grid .grid-item .schedule-mb-cell { font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-mbtype { display: inline-block; } .client-kl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-time { display: inline-block; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell { padding: 2px; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-sm { grid-template-columns: 14px 2px 112px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-md { grid-template-columns: 14px 2px 144px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-lg { grid-template-columns: 14px 2px 176px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item { padding: 4px; display: grid; grid-template-rows: auto; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-index { grid-column: 1/2; color: #3b7bc3; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-space { margin-left: 4px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-details { border-left: 2px solid #3b7bc3; grid-column: 3/3; padding-left: 8px; } .client-kl-reportView .printable-grid .grid-item .schedule-activity-cell { font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-name { display: inline-block; } .client-kl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-time { display: inline; } .client-kl-reportView .printable-grid .grid-item .schedule-scheduletransfer-cell { font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-scheduletransfer-cell .schedule-scheduletransfer-name { display: inline-block; } .client-kl-reportView .printable-grid .grid-item .schedule-scheduletransfer-cell .schedule-scheduletransfer-time { display: inline-block; } .client-kl-reportView .printable-grid .grid-item .empty-cell { margin: 0 auto 0 auto; display: table; line-height: initial; } .client-kl-reportView .printable-grid .grid-item .shift-definition-name, .client-kl-reportView .printable-grid .grid-item .location-type, .client-kl-reportView .printable-grid .grid-item .on-call-status { font-size: smaller; } .client-kl-reportView .printable-grid .grid-item .seniority-date-cell { float: left; font-size: 11px; margin: 7px 1px 0px 1px; } .client-kl-reportView .printable-grid .grid-item .holiday-cell-text { font-weight: bold; font-size: 11px; text-align: center; } .client-kl-reportView .printable-grid .grid-item .row-total-hours { text-align: center; font-weight: bold; } .client-kl-reportView .printable-grid .grid-item .total-cell { font-weight: 700; margin-top: 7px; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .end-total-cell { font-weight: 700; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-manager-comment { display: inline-block; font-size: 11px; word-break: break-word; word-wrap: break-word; max-width: 100%; } .client-kl-reportView .printable-grid .grid-item .tafw-cell, .client-kl-reportView .printable-grid .grid-item .free-day-cell { font-weight: 700; margin: 0px 1px 0px 1px; text-align: center; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .employeeNameHeaderCell, .client-kl-reportView .printable-grid .grid-item .dateHeaderCell, .client-kl-reportView .printable-grid .grid-item .totalHeaderCell, .client-kl-reportView .printable-grid .grid-item .seniorityDateHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; } .client-kl-reportView .printable-grid .grid-item .totalHeaderCell { writing-mode: tb-rl; height: 90px; } .client-kl-reportView .printable-grid .grid-item .employeeNameCell { display: inline-block; margin-left: 1px; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .rowTotalHeaderCell { font-weight: bold; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .rowKpiHeaderCell { font-size: 10px; } .client-kl-reportView .printable-grid .grid-item .employee-skills-display { padding: 4px; } .client-kl-reportView .printable-grid .grid-item .employee-skills-display .employee-skills-display-item { font-size: 10px; } .client-kl-reportView .printable-grid .grid-item.holiday-item { background-color: #d0d4d7; } .client-kl-reportView .printable-grid .grid-item.midnight-shift-item { background-color: #b3c3dd; } .client-kl-reportView .printable-grid .grid-item.header { background-color: #e3b02f; } .client-kl-reportView .printable-grid .grid-item.header.holiday-item { background-color: #d0d4d7; } .client-kl-reportView .printable-grid .last-column-grid-item { border-right: 1px solid #000; } .client-kl-reportView .printable-grid .last-row-grid-item { border-bottom: 1px solid #000; } .client-kl-reportView .groupByHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; background-color: #e3b02f; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } @media print { .client-kl-reportView .printable-legend { page-break-before: always; border-collapse: collapse; border: 2px solid #000; width: 50%; font-size: 11px; } .client-kl-reportView .printable-legend .printable-legend-employee-column { width: 30%; } .client-kl-reportView .printable-legend .printable-legend-skill-column { width: 70%; } .client-kl-reportView .printable-legend .skill-legend-header-cell { text-align: center; font-weight: bold; border-left: 2px solid #000; border-top: 2px solid #000; background-color: #e3b02f; } .client-kl-reportView .printable-legend .skill-legend-content-cell { text-align: left; border-left: 2px solid #000; border-top: 2px solid #000; padding: 4px; } .client-kl-reportView .printable-legend .skill-legend-content-cell.last { border-right: 2px solid #000; } .client-kl-reportView .printable-legend .skill-legend-header-cell.last { border-right: 2px solid #000; } .client-kl-reportView .printable-legend .skill-legend-row { border-left: 2px solid #000; border-top: 2px solid #000; } .client-kl-reportView .printable-legend .skill-legend-row.last { border-bottom: 2px solid #000; } .client-kl-reportView .table-no-break { page-break-inside: avoid !important; } .client-kl-reportView .group-page-break { page-break-before: always; } .client-kl-reportView .printable-page-no-break { page-break-after: avoid !important; } .client-kl-reportView .printable-page { margin-bottom: 30px; overflow-wrap: break-word; } .client-kl-reportView .printable-page .header-container .header-report-title { display: none; } .client-kl-reportView .printable-page .header-container .table-info-label { font-weight: bold; } .client-kl-reportView .printable-page .header-container .label-padding { padding-bottom: 0.625em; } .client-kl-reportView .printable-page .header-container .hide-table-info { display: none; } .client-kl-reportView .printable-page .header-container .table-info-left { display: inline-block; } .client-kl-reportView .printable-page .header-container .table-info-right { display: inline-block; float: right; } .client-kl-reportView .printable-page .header-container .table-info-right .page-number-place-holder { text-align: right; } .client-kl-reportView .printable-page .header-container .table-info-filter-selections { padding-bottom: 1.25em; display: block; } .client-kl-reportView .printable-page .header-container .table-info-bottom .filter-selection-text { margin-left: 4px; margin-right: 16px; } .client-kl-reportView .printable-grid { display: -ms-grid; display: grid; } .client-kl-reportView .printable-grid .segment-display-width-filler-sm { min-width: 128px; width: auto; } .client-kl-reportView .printable-grid .segment-display-width-filler-md { min-width: 160px; width: auto; } .client-kl-reportView .printable-grid .segment-display-width-filler-lg { min-width: 192px; width: auto; } .client-kl-reportView .printable-grid .grid-item { border-top: 1px solid #000; border-left: 1px solid #000; } .client-kl-reportView .printable-grid .grid-item .schedule-cell, .client-kl-reportView .printable-grid .grid-item .dept-name, .client-kl-reportView .printable-grid .grid-item .job-name, .client-kl-reportView .printable-grid .grid-item .org-name { font-weight: 700; margin: 0px 1px 0px 1px; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-cell .net-hours, .client-kl-reportView .printable-grid .grid-item .dept-name .net-hours, .client-kl-reportView .printable-grid .grid-item .job-name .net-hours, .client-kl-reportView .printable-grid .grid-item .org-name .net-hours { display: inline-block; float: right; } .client-kl-reportView .printable-grid .grid-item .schedule-mb-cell { font-weight: 700; } .client-kl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-mbtype { display: inline-block; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-mb-cell .schedule-mb-time { display: inline-block; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell { display: inline-block; padding: 2px; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-sm { grid-template-columns: 14px 2px 112px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-md { grid-template-columns: 14px 2px 144px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-lg { grid-template-columns: 14px 2px 176px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item { padding: 4px; display: grid; grid-template-rows: auto; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-index { grid-column: 1/2; color: #3b7bc3; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-space { margin-left: 4px; } .client-kl-reportView .printable-grid .grid-item .schedule-segment-data-cell-item-details { border-left: 2px solid #3b7bc3; grid-column: 3/3; padding-left: 8px; } .client-kl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-name { display: inline-block; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-activity-cell .schedule-activity-time { display: inline; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .empty-cell { margin: 0 auto 0 auto; display: table; line-height: initial; } .client-kl-reportView .printable-grid .grid-item .shift-definition-name, .client-kl-reportView .printable-grid .grid-item .location-type, .client-kl-reportView .printable-grid .grid-item .on-call-status { font-size: smaller; } .client-kl-reportView .printable-grid .grid-item .seniority-date-cell { float: left; font-size: 11px; margin: 7px 1px 0px 1px; } .client-kl-reportView .printable-grid .grid-item .holiday-cell-text { font-weight: bold; font-size: 11px; text-align: center; } .client-kl-reportView .printable-grid .grid-item .row-total-hours { text-align: center; font-weight: bold; } .client-kl-reportView .printable-grid .grid-item .total-cell { font-weight: 700; margin-top: 7px; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .end-total-cell { font-weight: 700; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .schedule-manager-comment { display: inline-block; font-size: 11px; word-break: break-word; word-wrap: break-word; max-width: 100%; } .client-kl-reportView .printable-grid .grid-item .tafw-cell { font-weight: 700; margin: 0px 1px 0px 1px; text-align: center; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .employeeNameHeaderCell, .client-kl-reportView .printable-grid .grid-item .dateHeaderCell, .client-kl-reportView .printable-grid .grid-item .totalHeaderCell, .client-kl-reportView .printable-grid .grid-item .seniorityDateHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; } .client-kl-reportView .printable-grid .grid-item .totalHeaderCell { writing-mode: tb-rl; height: 90px; font-size: 12px; } .client-kl-reportView .printable-grid .grid-item .employeeNameCell { display: inline-block; margin-left: 1px; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .rowTotalHeaderCell { font-weight: bold; font-size: 11px; } .client-kl-reportView .printable-grid .grid-item .rowKpiHeaderCell { font-size: 10px; } .client-kl-reportView .printable-grid .grid-item.holiday-item { background-color: #d0d4d7; } .client-kl-reportView .printable-grid .grid-item.midnight-shift-item { background-color: #b3c3dd; } .client-kl-reportView .printable-grid .grid-item.header { background-color: #b0c4de; } .client-kl-reportView .printable-grid .grid-item.header.holiday-item { background-color: #d0d4d7; } .client-kl-reportView .printable-grid .last-column-grid-item { border-right: 1px solid #000; } .client-kl-reportView .printable-grid .last-row-grid-item { border-bottom: 1px solid #000; } .client-kl-reportView .groupByHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; background-color: #e3b02f; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } } .CollapsiblePane .lblHideSidebar { position: absolute; right: 3.5rem; top: 0.5rem; } .CollapsiblePane .collapsiblePaneContainer { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; } .CollapsiblePane .collapsiblePaneContainer.overflow-scroll { overflow-wrap: normal; overflow-x: scroll; word-break: keep-all; } .CollapsiblePane .sidebarClosed .dfI_G08_CollapseAndExpandSidebar { padding: 10px 0 0 10px; text-align: right; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .CollapsiblePane .sidebarOpened { text-align: right; } .CollapsiblePane .sidebarOpened .dfI_G08_CollapseAndExpandSidebar { padding: 10px 0 0 10px; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .CollapsiblePane .collapsiblePaneHideButton { padding-right: 1rem; } .CollapsiblePane .collapsiblePaneShowButton { padding-left: 1rem; } .CollapsiblePane .noRecords { text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #999; } .CollapsiblePane.isCollapsed .lblHideSidebar { display: none; } .user-is-tabbing .CollapsiblePane .sidebarOpened .dfI_G08_CollapseAndExpandSidebar:focus { outline: 2px solid #0087fd; } .user-is-tabbing .CollapsiblePane .sidebarClosed .dfI_G08_CollapseAndExpandSidebar:focus { outline: 2px solid #0087fd; } .dijitComboBoxMenuPopup .dijitComboBoxMenu .dijitMenuItem { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dgrid-cell .dijitComboBox { width: 100% !important; margin: 0px; padding: 0px !important; } .dijitComboBoxMenuPopup .dijitComboBoxMenu .dijitMenuItemSelected { border-color: none; background-color: #abd6ff !important; background: #336ab2 !important; /* IE6-9 */ background-image: none; /* Old browsers */ background: -webkit-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%) !important; background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%) !important; background: -o-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%) !important; background: -ms-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%) !important; background: linear-gradient(to bottom, #336ab2 0%, #2f63a7 48%, #224d85 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); color: #fff !important; text-shadow: 0px 1px 0px rgba(18,52,94,0.7) !important; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid { border-width: 2px 0px; border-color: #95a3b4; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-cell { border-width: 0px; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-column-set-cell, .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-column-set { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-column-set-cell { border-left: 1px solid #95a3b4; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-column-set-cell:first-child { border-left: none; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid.dgrid-autoheight .dgrid-header.dgrid-header-row { right: 0px; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-header.dgrid-header-row th { background-color: transparent; color: #5c595b; font-size: 12px; font-weight: bold; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-header .dgrid-cell .dgrid-resize-header-container { line-height: 16px; padding-top: 5px; padding-bottom: 5px; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller { border-top: 2px solid #95a3b4; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-row-table { height: 50px; } .dj_ie9 .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-content .dgrid-row > .dgrid-row-table, .dj_ie10 .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-content .dgrid-row > .dgrid-row-table { height: 100%; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-row { overflow: hidden; border-bottom: 1px solid #95a3b4; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-cell { line-height: 16px; white-space: normal; padding: 5px 10px; } .claro .dijitHorizontalComparisonTable .dgrid .dgrid-header .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png?v=64.1.2.14510&"); } .claro .dijitHorizontalComparisonTable .SortOptions { width: 100%; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton { width: 200px; margin: 0px; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton .dijitButtonNode { width: 95%; border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; -webkit-border-radius: 0px; border-radius: 0px; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton .dijitButtonNode .dijitButtonContents { text-align: left; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton .dijitButtonNode .dijitArrowButtonInner { float: right; margin-top: 5px; width: 16px; height: 16px; background-image: url("../images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-color: transparent; background-position: -32px -16px; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton .dijitButtonNode .dijitButtonText { float: left; padding: 5px 0 5px 10px; font-size: 12px; color: #005bdc; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton.dijitDropDownButtonOpened .dijitButtonNode { background: #164ba8; border-width: 0px 0px 0px 2px; border-color: #164ba8; border-style: solid; } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton.dijitDropDownButtonOpened .dijitButtonNode .dijitButtonText { color: #fff; text-shadow: 0 1px 0 rgba(0,91,220,0.7); } .claro .dijitHorizontalComparisonTable .SortOptions .dijitDropDownButton.dijitDropDownButtonOpened .dijitButtonNode .dijitArrowButtonInner { background-position: -34px -64px; } .claro .dijitMenu.SortOpsMenu { border-width: 0px 2px 2px 2px; border-color: #808184; border-style: solid; } .claro .dijitMenu.SortOpsMenu .dijitMenuItem td.dijitMenuItemLabel { padding-left: 10px; } .claro .dijitMenu.SortOpsMenu .dijitMenuItemLabel, .claro .dijitMenuPopup .dijitMenu.SortOpsMenu .dijitMenuItem.dijitMenuItemHover td, .claro .dijitMenuPopup .dijitMenu.SortOpsMenu .dijitMenuItem.dijitMenuItemSelected td { color: #005bdc; } .claro .dijitMenuPopup .dijitMenu.SortOpsMenu .dijitMenuItem.dijitMenuItemSelected.dijitMenuItemActive td { color: #fff; } .claro .dijitMenu.SortOpsMenu .dijitMenuItem.dijitMenuItemActive td { background: #164ba8; color: #fff; } .claro .dijitMenu.SortOpsMenu .HideSelectedItem { display: none; } .claro .dijitHorizontalComparisonTable .CompareSelectedButton { margin-right: -3px; } .claro .dijitHorizontalComparisonTable .CompareSelectedButton .dijitButtonText { font-size: 10pt; margin: 0 5px; } .claro .dijitHorizontalComparisonTable .dgrid-header .dgrid-resize-header-container { white-space: normal; } .dj_ie9 .claro .dijitHorizontalComparisonTable .dgrid-header .dgrid-row-table, .dj_ie10 .claro .dijitHorizontalComparisonTable .dgrid-header .dgrid-row-table { height: 100%; } .claro .dijitVerticalComparisonTable { border-width: 1px; border-color: #95a3b4; background: #fff; } .claro .dijitVerticalComparisonTable .dgrid-cell { border-width: 0px 1px 0px 0px; } .claro .dijitVerticalComparisonTable .dgrid-header { overflow: visible; } .claro .dijitVerticalComparisonTable .dgrid-header.dgrid-header-row th { background-color: transparent; color: #5c595b; font-size: 12px; font-weight: bold; } .claro .dijitVerticalComparisonTable .dgrid-header.dgrid-header-row, .claro .dijitVerticalComparisonTable .dgrid-header.dgrid-header-row .dgrid-row-table { min-height: 32px; } .claro .dijitVerticalComparisonTable.exceedsColumns .dgrid-header.dgrid-header-row, .claro .dijitVerticalComparisonTable.exceedsColumns .dgrid-scroller { padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .claro .dijitVerticalComparisonTable .dgrid-scroller { border-top: 1px solid #95a3b4; -webkit-overflow-scrolling: auto; } .claro .dijitVerticalComparisonTable.exceedsColumns .dgrid-scroller { overflow-x: hidden; } .claro .dijitVerticalComparisonTable .dgrid-scroller .dgrid-row-table { height: 34px; } .claro .dijitVerticalComparisonTable .dgrid-scroller .dgrid-cell { line-height: 16px; white-space: normal; padding: 5px 10px; border-width: 0px 1px 1px 0px; } .claro .dijitVerticalComparisonTable .dgrid-scroller .dgrid-cell .GridSubtitle { font-weight: 600; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .claro .dijitVerticalComparisonTable .dgrid-scroller .dgrid-cell .GridText, .claro .dijitVerticalComparisonTable .dgrid-scroller .dgrid-cell .Ellipsis { font-weight: bold; color: #5c6874; } .claro .VerticalComparisonTableTooltip { text-align: center; width: 250px; } .claro .VerticalComparisonTableTooltip .Subtitle { font-weight: bold; } .claro .VerticalComparisonTableTooltip .Content { font-weight: bold; color: #5c6874; } .claro .dijitVerticalComparisonTable .dijitLeftButton, .claro .dijitVerticalComparisonTable .dijitRightButton { position: absolute; top: 0; bottom: 0; padding-top: 20px; z-index: 1; margin: 0; width: 40px; } .claro .dijitVerticalComparisonTable .dijitLeftButton { left: 0; -webkit-box-shadow: inset 8px 0px 8px -4px #95a3b4; box-shadow: inset 8px 0px 8px -4px #95a3b4; } .claro .dijitVerticalComparisonTable .dijitRightButton { right: 17px; -webkit-box-shadow: inset -8px 0px 8px -4px #95a3b4; box-shadow: inset -8px 0px 8px -4px #95a3b4; } .claro .dijitVerticalComparisonTable.dgrid-autoheight .dijitRightButton { right: 0px; } .claro .dijitVerticalComparisonTable.dijitFirst .dijitLeftButton, .claro .dijitVerticalComparisonTable.dijitLast .dijitRightButton { background: #f1f1f1; -webkit-box-shadow: none; box-shadow: none; border-right: 1px solid #95a3b4; } .claro .dijitVerticalComparisonTable.dijitLast .dijitRightButton { border-left: 1px solid #95a3b4; } .claro .dijitVerticalComparisonTable .dijitLeftButton .dijitLeftArrow, .claro .dijitVerticalComparisonTable .dijitRightButton .dijitRightArrow { background: url("../images/ComparisonTable_Sprites.png?v=64.1.2.14510&") no-repeat; width: 32px; height: 32px; } .claro .dijitVerticalComparisonTable .dijitLeftButton .dijitLeftArrow { background-position: 0px 0px; } .claro .dijitVerticalComparisonTable.dijitFirst .dijitLeftButton .dijitLeftArrow { background-position: 0px -32px; } .claro .dijitVerticalComparisonTable .dijitRightButton .dijitRightArrow { background-position: -32px 0px; } .claro .dijitVerticalComparisonTable.dijitLast .dijitRightButton .dijitRightArrow { background-position: -32px -32px; } .claro .dijitVerticalComparisonTable .dijitLeftButton .dijitButtonNode, .claro .dijitVerticalComparisonTable .dijitRightButton .dijitButtonNode { width: 32px; background: none; border: none; padding: 0 0 0 4px; } .claro .dijitVerticalComparisonTable.dijitFirst .dijitLeftButton .dijitButtonNode *, .claro .dijitVerticalComparisonTable.dijitLast .dijitRightButton .dijitButtonNode * { cursor: default; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-row.dgrid-selected .dgrid-column-set-cell, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-row .dgrid-selected, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-header.dgrid-header-row th.dgrid-selected { background-color: #e5f1ff; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-header, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-header { border-bottom: none; } .dj_ie9 .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-cell, .dj_ie10 .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-scroller .dgrid-cell, .dj_ie10 .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-scroller .dgrid-cell { line-height: 13px; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-header.dgrid-scrollbar-width, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-header.dgrid-scrollbar-width { border: none; } .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-header.dgrid-header-row, .claro .dijitHorizontalComparisonTable .dgrid.dgrid-grid .dgrid-row.dgrid-row-even, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-header.dgrid-header-row, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-row.dgrid-row-even { background-color: transparent; } .dj_android .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid .dgrid-scroller .dgrid-content { overflow-x: hidden; } @media (max-device-width: 768px), (min-device-width: 800px) and (max-device-width: 1280px) { .dj_android .claro .dijitVerticalComparisonTable .dijitRightButton, .claro .dijitVerticalComparisonTable .dijitRightButton { right: 0px; } .dj_android .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid.dijitLast .dgrid-header.dgrid-header-row, .claro .dijitVerticalComparisonTable.dgrid.dgrid-grid.dijitLast .dgrid-header.dgrid-header-row { right: 40px; } } .has-mozilla .claro .dijitHorizontalComparisonTable .dgrid-column-set :focus, .has-mozilla .claro .dijitVerticalComparisonTable.dgrid :focus { outline: none; } .ComplexForm { /*set by default for anchor of child nodes with abs, i.e. loading mask*/ position: relative; height: 100%; display: block; overflow: auto; } .ComplexForm .ComplexFormContainer { padding: 10px; font-size: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ComplexForm .ComplexFormContainer .dfI_G08_WarningAlert { font-size: 1.8em; margin-left: 6px; margin-bottom: 6px; color: #ff9700; display: inline-block; } .ComplexForm .ComplexFormContainer .warning { font-weight: bold; font-size: 12px; word-wrap: break-word; margin-left: 6px; display: inline-block; } .ComplexForm .EmployeeComment { margin: 10px 0 0 0; } .ComplexForm .EmployeeComment .EmployeeCommentHeader { font-weight: bold; } .ComplexForm .EmployeeComment .dijitTextArea { width: 100%; min-height: 60px; } .ComplexForm .EmployeeComment .EmployeeCommentCheckbox { margin: 0 0 5px 0; } .dijitCurrencyTextBox .dijitInputInner.leftAligned { text-align: left; } .dijitCurrencyTextBox .dijitInputInner.rightAligned { text-align: right; } .dfWalletFullSizePaneContent { max-width: inherit !important; } .dialogBackgroundBlack { background-color: #000 !important; } .dfWalletDialogBox { min-width: 750px; } .dfWalletContainer { width: 100%; } .dfWalletSplashInfoSection { float: left; width: 45%; } .dfWalletSplashFormSection { width: 40%; margin-left: 47%; padding-left: 60px; position: relative; } .splashPanelAppContainer { display: block; float: left; width: 100%; } .splashDisclaimer { display: block; float: left; margin-right: 55px; height: 50px; width: 175px; } .dfWalletCloseButtons { display: block; float: left; padding: 0 0 10px 0; margin-top: 10px; margin-right: 15px; background-color: #fff; max-width: 1150px; width: 100%; } .dfWalletButtons { margin-top: 10px; } .dfWalletCloseButtons { padding: 20px; } .dfWalletCloseButton > span { background-color: #f0f0f0 !important; border: 1px solid #d3d3d3 !important; color: #000 !important; } .dfWalletDialogCloseButton, .dfWalletCloseDialogButton { float: right; } .dfWalletMarginRight20 { margin-right: 20px; } .dfWalletMarginRight10 { margin-right: 10px; } .dfWalletPersonalInfo { width: 90%; background-color: #f4f9fe; float: left; padding: 20px; } .dfWalletPersonalInfoLeft { float: left; width: 47.5%; } .dfWalletPersonalInfoRight { width: 47.5%; margin-left: 47.5%; padding-left: 5%; } .legals { width: 100%; margin: 0 auto; padding: 10px 20px 20px 0px; max-width: 1100px; } .dfWalletLegalTermsPanel { min-width: 600px; width: 100%; } .dfWalletScreen, .dfWalletContainerLegalTerms, .dfWalletContainerShippingPrevCard, .dfWalletContainerSuccess, .dfWalletSplashScreen { width: 100%; margin: 0 auto; } .closeDialog { padding: 20px; border-bottom: 1px solid #ececec; } .dfWalletSplashScreenImage, .dfWalletScreenImage { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; width: 100%; height: 300px; display: table; margin: 0 auto; position: relative; } .dfWalletSplashScreenImage { background: url("../images/dayforce_wallet_banner_image.png?v=64.1.2.14510&") no-repeat; } .dfWalletScreenImage { background-image: url("../images/dayforce_wallet_banner_phase2_1600.jpg?v=64.1.2.14510&"); display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .bannerSubImage { background: url("../images/dayforce_wallet_banner_subtext.svg?v=64.1.2.14510&") no-repeat; width: 200px; height: 30px; margin: 10px 5px; } .prnCardImage { background-image: url("../images/DFWallet_Activation_Code.png?v=64.1.2.14510&"); width: 403px; height: 175px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin-top: 15px; margin-bottom: 15px; } .dfWalletSplashScreenText, .dfWalletScreenText { max-width: 1100px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bannerText, .bannerTextBold { font: normal normal normal 45px/50px Arial; color: #1e52bf; width: 600px; } .bannerTextBold { font-weight: bold; } .bannerTextSplash, .bannerTextSplashBold { color: #fff; font: normal normal normal 45px/50px Arial; width: 600px; } .dfWalletInfoSection, .dfWalletSplashInfoSection { margin-top: 30px; margin-left: 24px; position: relative; min-height: 300px; max-width: 520px; -webkit-justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .dfWalletInfoSection, .dfWalletFormSection { max-width: 520px; } .infoText { margin-top: 5px; } .infoTextShippingCard { margin-top: 5px; margin-bottom: 15px; } .infoSectionHeader { color: #000; font: normal normal normal 22px/26px Arial; font-weight: normal; list-style-type: none; list-style-position: inside; padding-bottom: 20px; } .infoSectionSubHead { color: #000; font: normal normal normal 16px/18px Arial; } .infoSectionText { color: #000; font: normal normal normal 12px/14px Arial; padding-bottom: 20px; } .infoSectionDisclaimer, .successPanelDisclaimer { color: #696969; font-size: 12px; padding-bottom: 10px; } .infoSectionDisclaimer { bottom: 0; position: absolute; } .infoSectionDisclaimerLandingPage { position: relative; font-size: xx-small; } .infoSectionDisclaimerSplash { margin-left: 24px; margin-right: 24px; color: #696969; font-size: 9px; padding-bottom: 10px; max-width: 1100px; } .directDepositDisclaimer, .directDepositStandardDisclaimer { margin-top: 15px; position: relative; font-size: xx-small; } .successPanelDisclaimer { float: left; margin-top: 15px; } .dfWalletFormSection, .dfWalletSplashFormSection { margin-top: 30px; min-height: 300px; position: relative; margin-right: 24px; } .dfWalletFormSection { margin-left: 6rem; } .appContainer { margin-top: 30px; } .googlePlayIcon, .appleStoreIcon { width: 25%; float: left; } .googlePlayIcon { background: url("../images/dayforce_wallet_google_icon.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; margin-right: 30px; height: 50px; width: 200px; cursor: pointer; } .appleStoreIcon { background: url("../images/dayforce_wallet_apple_store_icon.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; height: 50px; width: 200px; cursor: pointer; } .closeDialogButton { background-image: none; -webkit-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 200px; padding: 7px; width: 200px; cursor: pointer; font-size: 1.5em; } .remindLaterCloseButton { background-color: #1162c2; border: 1px solid #1162c2; color: #fff; } .dontShowAgainCloseButton { background-color: #f0f0f0; border: 1px solid #d3d3d3; color: #000; } .dfCloseButtonRow { width: 100%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: 20px; } .dayforceWalletBanner .dijitButtonNode, .dayforceWalletBanner .dijitArrowButtonInner { border: none !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .personalInfoHead, .personalInfoLabel { font: normal normal normal 12px/15px Arial; } .personalInfoBlock { display: block; min-height: 14px; } .personalInfoHead { margin-bottom: 11px; color: #696969; } .personalInfoSection { margin-bottom: 21px; } .legalCheck { padding: 1.5rem 1.5rem 1.5rem 3rem; font: normal normal normal 12px/14px Arial; background: #f8f8f8 0% 0% no-repeat padding-box; -webkit-border-radius: 5px; border-radius: 5px; } .legalLabel { margin-top: 20px; padding: 1.5rem 1.5rem 1.5rem 0; display: block; } .dfWalletShippingPrevCardPanel { width: 90%; } .legalReq { width: 100%; } .dfWalletRow { width: 100%; } .dfWalletRow label { text-align: left; font: normal normal normal 12px/15px Arial; letter-spacing: 0px; color: #000; } .dfWalletCheck { margin-bottom: 2.5rem; width: 100%; } .dfWalletCheck .checkboxContainer { top: 1.5rem; margin-left: 1rem !important; } .legalSectionHeader, .shippingPrevCardSectionHeader { max-width: 1100px; width: 100%; display: block; color: #000; font: normal normal normal 22px/26px Arial; font-weight: normal; list-style-type: none; list-style-position: inside; margin-top: 30px; } .shippingPrevCardSectionHeader { margin-bottom: 15px; } .dfWalletCardDetails { display: block; width: 90%; margin-bottom: 15px; } .dfWalletShippingPrevCardContainer { min-width: 600px; } .dfWalletShippingAddressLabel { font: normal normal normal 12px/15px Arial; margin-bottom: 11px; color: #696969; display: inline-block; } .dfWalletShippingAddressDropDown { width: 100%; } .dfWalletShippingRow { width: 100%; margin-bottom: 10px; display: block; } .dfWalletShippingTwoCell { float: left; width: 47.5%; } .dfWalletShippingTwoCell .EntitySelector { width: 100%; } .dfWalletSecondCell { margin-left: 5%; } .dfWalletRowRadio { width: 100%; } .dfWalletRowRadio label { text-align: left; font: normal normal normal 12px/15px Arial; letter-spacing: 0px; color: #000; margin-bottom: 10px; } .dfWalletShippingAsterix { display: inline; color: #f00; } .prnSectionText { color: #000; font: normal normal normal 12px/14px Arial; padding-bottom: 10px; } .dfWalletSuccessHeader, .dfWalletSuccessHeaderWithoutAsterix { font: normal normal normal 22px/26px Arial; letter-spacing: 0px; color: #000; margin-bottom: 10px; } .dfWalletSuccessText { font: normal normal normal 12px/14px Arial; letter-spacing: 0px; color: #000; margin-bottom: 20px; } .btnDirectDepositRedirect { margin: 0; margin-top: 15px; } .btnDirectDepositRedirect .dijitButtonNode { width: 140px; } .expiryDateMonthDropDown, .expiryDateYearDropDown { min-width: 100px !important; width: 100px; } .directDepositTooltip { background: #f4f9fe 0% 0% no-repeat padding-box; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; } .dfwalletTooltipIcon { background: url("../../../Content/LetterManagement/images/architecture-sprite.png?v=64.1.2.14510&") no-repeat -48px -112px; width: 16px; height: 16px; display: inline-block; position: relative; vertical-align: middle; left: 5px; } .directDepositInstructionTooltipText { display: inline; margin-left: 10px; } .dep-ben-addressDialog { min-width: 35em; width: 50em; } .dep-ben-addressDialog .dep-ben-dialogRow { margin-bottom: 1em; } .dep-ben-addressDialog .dep-ben-dialogRow .dep-ben-address-label { font: normal normal normal 12px/15px Arial; color: #696969; margin-bottom: 0.5em; display: inline-block; } .dep-ben-addressDialog .dep-ben-dialogRow .dep-ben-asterix { display: inline; color: #f00; } .dep-ben-addressDialog .dep-ben-dialogRow .dep-ben-dialogControl { display: block; width: 100%; margin-bottom: 0.5em; } .dep-ben-addressDialog .dep-ben-dialogRow .dep-ben-dialogControl.CountryState .IVComboBox2.EntitySelector.dijitValidationWidget { width: 48%; } .dep-ben-addressDialog .dep-ben-dialogRow .duoControl:last-child .IVComboBox2.EntitySelector.dijitValidationWidget { float: right; } .dep-ben-addressDialog .dep-ben-dialogRow .dep-ben-address-label.DepBenCountry { margin-bottom: 0.5em; display: inline-block; } .dep-ben-addressDialog .dep-ben-dialogRow .dep-ben-address-label.DepBenState { margin-bottom: 0.5em; display: inline-block; } .dep-ben-addressDialog .dep-ben-dialogColumn { width: 48%; display: inline-block; } .dep-ben-addressDialog .dep-ben-dialogColumn.right { float: right; } @media only screen and (min-width: 1025px) { .dfWalletScreenMainPanel, .dfWalletLegalTermsPanel, .dfWalletShippingPrevCardPanel, .dfWalletSuccessFailurePanel { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; min-height: 49vh; } .dfWalletSplashScreenText, .dfWalletScreenText { width: 100%; } .dfWalletButtons { padding: 0 0 10px 0 !important; } } @media (max-width: 1024px) { .dfWalletSplashScreen { width: 1200px; height: 300px; } .dfWalletInfoSection, .dfWalletSplashInfoSection { margin-top: 30px; margin-left: 24px; position: relative; min-height: 300px; } .dfWalletInfoSection, .dfWalletFormSection { max-width: 520px; width: 45%; } .dfWalletScreenMainPanel, .dfWalletShippingPrevCardPanel, .dfWalletSuccessFailurePanel { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; min-height: 49vh; } .dfWalletSplashScreenText, .dfWalletScreenText, .dfWalletLegalTermsPanel, .dfWalletShippingPrevCardPanel { margin-left: 24px; } .dfWalletSplashScreenText, .dfWalletScreenText { width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); } .googlePlayIcon { width: 150px; } .appleStoreIcon { height: 46px; width: 150px; } .dfWalletLegalTermsPanel { display: block !important; width: 90%; } } @media (max-width: 875px) { .dfWalletSplashScreen { width: 1200px; height: 300px; } .dfWalletInfoSection, .dfWalletFormSection { max-width: 520px; width: 45%; } .dfWalletSplashScreenText, .dfWalletScreenText, .dfWalletLegalTermsPanel, .dfWalletShippingPrevCardPanel { margin-left: 24px; } .dfWalletSplashScreenText, .dfWalletScreenText { width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); } .googlePlayIcon { width: 150px; } .appleStoreIcon { height: 46px; width: 150px; } .dfWalletLegalTermsPanel { display: block !important; width: 90%; } } @media (max-width: 768px) { .dfWalletSplashScreen { width: 1200px; height: 250px !important; } .dfWalletInfoSection, .dfWalletFormSection { max-width: 520px; width: 45%; } .dfWalletFormSection { margin-left: 3rem !important; } .dfWalletSplashScreenText, .dfWalletScreenText, .dfWalletLegalTermsPanel, .dfWalletShippingPrevCardPanel { margin-left: 24px; } .dfWalletSplashScreenText, .dfWalletScreenText { width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); } .googlePlayIcon { width: 150px; } .appleStoreIcon { height: 46px; width: 150px; } .dayforceWalletBanner .dfBannerCentered { width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); } .dfWalletLegalTermsPanel { display: block !important; width: 90%; } } @media (max-width: 750px) { .dfWalletSplashScreen { width: 1200px; height: 250px !important; } .dfWalletInfoSection, .dfWalletFormSection { max-width: 520px; width: 45%; } .dfWalletFormSection { margin-left: 3rem !important; } .dfWalletSplashScreenText, .dfWalletScreenText, .dfWalletLegalTermsPanel, .dfWalletShippingPrevCardPanel { margin-left: 24px; } .dfWalletSplashScreenText, .dfWalletScreenText { width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); } .googlePlayIcon { width: 150px; } .appleStoreIcon { height: 46px; width: 150px; } .dayforceWalletBanner .dfBannerCentered { width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); } .dfWalletLegalTermsPanel { display: block !important; width: 90%; } } .tallheigh.dgrid.dgrid-grid { min-height: 15em; } .dgrid.dgrid-grid { height: 100%; min-height: 5em; /*box sizing needed to avoid going over 100% due to the border that's implicitly on the datagrid*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dgrid.dgrid-grid .requiredAsteriskHeader { color: #f00; } .dgrid.dgrid-grid .dgrid-scroller { min-height: 3em; } .dgrid.dgrid-grid .dgrid-row.dgrid-row-even { background-color: #f8f8f8; } .dgrid.dgrid-grid .dgrid-row.ZeroClientIdGridRow .dgrid-cell { color: #666 !important; } .dgrid.dgrid-grid .dgrid-row.dgrid-selected .dgrid-row-table.dijitError { background-color: #faa1a1; } .dgrid.dgrid-grid .dgrid-row.dijitError + .dgrid-row .dgrid-cell { border-top: none; } .dgrid.dgrid-grid .dgrid-row.dijitError + .dgrid-row.dijitError .dgrid-cell { border-top: none; } .dgrid.dgrid-grid .dgrid-row .dgrid-row-table.dijitError .dgrid-cell { border-top: solid 1px #e95c5c; border-bottom: solid 1px #e95c5c; border-left: inset 1px #ddd; border-right: inset 1px #ddd; } .dj_ie .dgrid.dgrid-grid .dgrid-row .dgrid-row-table.dijitError .dgrid-cell { border-left: solid 1px #e95c5c; border-right: solid 1px #e95c5c; } .dgrid.dgrid-grid .dgrid-row.dgrid-selected .dgrid-row-table.dijitError .dgrid-cell { border-left: solid 1px #e95c5c; border-right: solid 1px #e95c5c; } .dgrid.dgrid-grid .dgrid-row .dgrid-row-table.dijitError tr:first-child { border-left: solid 1px #e95c5c; } .dgrid.dgrid-grid .dgrid-row .dgrid-row-table.dijitError tr:last-child { border-right: solid 1px #e95c5c; } .dgrid.dgrid-grid .dgrid-row.dgrid-selected .dgrid-row-table.dijitError .dgrid-cell { background-color: #faa1a1; } .dgrid.dgrid-grid .dgrid-header.dgrid-header-row th { background-color: #fff; color: #1162c2; font-size: 8pt; border-bottom: none; } .user-is-tabbing .dgrid.dgrid-grid .dgrid-header.dgrid-header-row th[tabindex="0"]:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dgrid.dgrid-grid .dgrid-content .dgrid-row .dgrid-cell a:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dgrid.dgrid-grid .dgrid-content .dgrid-collapsableRow .dgrid-cell.collapsableColumnCell.hasChildren:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dgrid.dgrid-grid .dgrid-content td.dgrid-cell.dgrid-column-Expander:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dgrid.dgrid-grid .dgrid-content td.dgrid-cell.dgrid-column-Fields:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dgrid.dgrid-grid .dgrid-content td.dgrid-cell.dgrid-column-Country:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .dgrid.dgrid-grid .dgrid-row.dgrid-selected, .dgrid.dgrid-grid .dgrid-row.dgrid-row-even.dgrid-collapsableRow.dgrid-selected { background-color: #e2efff; } .dgrid.dgrid-grid, .dgrid.dgrid-grid .dgrid-cell { color: #000; } .dgrid-cell { font-size: 8pt; padding: 0px; text-align: left; overflow: hidden; vertical-align: top; border: 1px solid #fff; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .claro .dgrid-header .dgrid-cell { padding-right: 0px; /* Needed for IE which was setting height based on line-height. If there was no label, we could not resize. */ height: 100%; } .claro .dgrid-resize-handle { right: 0px; } .dgrid { position: relative; overflow: hidden; border: 1px solid #fff; height: 30em; display: block; } .dgrid-header .dgrid-cell .dgrid-resize-header-container { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 3px; height: auto; /* IE11 bug fix for ellpsis tooltip.. breaks grid headers without this */ min-height: 25px; } .dgrid-header .dgrid-spacer-row .dgrid-cell .dgrid-resize-header-container { min-height: 0px; height: 0px; } .claro .dgrid-spacer-row th.dgrid-cell { /* Need to make these cells zero height/invisible, but still force the table layout */ padding-top: 0; padding-bottom: 0; border-top: none; border-bottom: none; height: 0px; } .claro table.dojoDndAvatar .dojoDndAvatarItem .dgrid-cell .ui-icon, .dgrid-header .dgrid-cell .ui-icon { width: 16px; height: 16px; background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); } .claro table.dojoDndAvatar .dojoDndAvatarItem .dgrid-cell .dgrid-sort-up .ui-icon, .dgrid-header .dgrid-cell .dgrid-sort-up .ui-icon { background-position: -22px -94px; } .claro table.dojoDndAvatar .dojoDndAvatarItem .dgrid-cell .dgrid-sort-down .ui-icon, .dgrid-header .dgrid-cell .dgrid-sort-down .ui-icon { background-position: -3px -94px; } .dgrid-header, .dgrid-header-row, .dgrid-footer { overflow: hidden; background-color: #fff; font-weight: 100; } .dgrid-header { border-bottom: 1px solid #1162c2; } .claro .dgrid-row-table { line-height: 25px; height: 28px; } .claro .dgrid-sort-arrow, .claro .dgrid-rtl .dgrid-sort-arrow { margin: 4px 0 0 0; } .claro .dgrid-cell > input.dgrid-input { height: 21px; border: 1px solid #b5bcc7; padding: 1px 0px 1px 2px; font-size: 8pt; } .claro .dgrid-cell .dgrid-input, .claro .dgrid-cell .dijitTextBox { width: 100%; margin-left: -2px; vertical-align: top; /* For some reason the cell heights of editable cells increase by a couple pixels if vertical-align is middle. So let's make it top. */ } .claro .dgrid-cell { padding: 1px 4px; } .claro .dgrid-cell.dgrid-column-Selected { padding: 1px 0px; } .dgrid .dgrid-cell .dijitCheckBox, .dgrid .dgrid-cell .dojoxTriStateCheckBox { /*block + auto margins will center the control in the datagrid cell*/ display: block; margin-left: auto; margin-right: auto; margin-top: 5px; } .dgrid .dgrid-cell .DayforceCheckBox { margin: 6px auto 0px auto; display: block; width: 15px; } .dgrid .dgrid-cell .DayforceCheckBox .dgrid-input { margin: 0; padding: 0; } .claro .gridInsideTitlePane { top: 30px; } .claro .dgrid .dgrid-cell.collapsableColumnCell .dgrid-expando-icon { margin-top: 3px; } .claro .dgrid .dgrid-cell.collapsableColumnCell .dgrid-cell-tree-button .dgrid-expando-icon { margin-top: 0; margin-right: 3px; } .claro .dgrid .dgrid-cell.collapsableColumnCell .dgrid-expando-icon.ui-icon.ui-icon-triangle-1-e, .claro .dgrid .dgrid-cell.collapsableColumnCell .dgrid-expando-icon.ui-icon.ui-icon-triangle-1-se { cursor: pointer; } .claro .dgrid .dgrid-cell.collapsableColumnCell .loadingAnimation { background-image: url("../images/Loading_spinner_Small.gif?v=64.1.2.14510&"); background-repeat: no-repeat; height: 16px; width: 24px; display: inline-block; margin-top: 1px; margin-left: 2px; } .dgrid .dgrid-cell > button { display: block; margin-left: auto; margin-right: auto; } .dgrid .dgrid-cell > button.dgrid-cell-tree-button { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: none; width: 100%; border: none; height: 100%; padding: 0; font-size: inherit; } .dgrid.dgrid-grid .dgrid-row.dgrid-row-even.dgrid-collapsableRow { background-color: transparent; } .dgrid .dgrid-header.dgrid-scrollbar-width { border-bottom: 1px solid #1162c2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .claro .dgrid.dgrid-grid .dgrid-scroller .MultilineText { position: relative; } .claro .dgrid.dgrid-grid .dgrid-scroller .MultilineText .GridText { overflow: hidden; width: 95%; } .claro .dgrid.dgrid-grid .dgrid-scroller .MultilineText.HideEllipsis .GridText { width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .claro .dgrid.dgrid-grid .dgrid-scroller .MultilineText .Ellipsis { float: right; position: absolute; right: 0; bottom: 0; width: 5%; margin-right: 0px; } .claro .dgrid-cell .dgrid-input.dateTimeBoxContainer { width: 50%; } .claro .dgrid.dgrid-grid .dojoDndHorizontal .dgrid-cell.dojoDndItem { display: table-cell; /*Base border*/ border-width: 0 1px 1px 1px; border-color: #ddd; border-style: solid; } .claro table.dojoDndAvatar .dojoDndAvatarItem .dgrid-cell { background-color: transparent; color: #0d5ba7; border: none; } .claro .dgrid .dgrid-cell.dojoDndItemAnchor, .claro .dgrid .dgrid-cell.dojoDndItemOver { background-color: transparent; background-image: none; /*Base border*/ border-width: 0 1px 1px 1px; border-color: #ddd; border-style: solid; } .dgrid.dgridWhite { border: 1px solid #fff; } .dgrid.dgridWhite .dgrid-header.dgrid-header-row th { color: #0d5ba7; background-color: #fff; border-width: 0px 0px 1px 0px; } .dgrid.dgridWhite .dgrid-header.dgrid-scrollbar-width { background-color: #fff; } .dgrid.dgridWhite .dgrid-header { border-bottom: none; } .dgrid.dgridWhite .dgrid-row.dgrid-selected { background-color: #b3d3fe; } .dgrid.dgridWhite .dgrid-cell { border-top: 1px solid #ddd; border-width: 1px 0px 0px 0px; vertical-align: middle; } .dgrid.dgridWhite .dgrid-header .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png?v=64.1.2.14510&"); } .dgrid.dgridWhite .dgrid-header .dgrid-cell .dgrid-sort-down .ui-icon { background-position: -64px -16px; } .dgrid.dgridWhite .dgrid-header .dgrid-cell .dgrid-sort-up .ui-icon { background-position: 0px -16px; } .claro .dgrid-gray.dgrid.dgrid-grid .dgrid-cell.collapsableColumnCell .dgrid-expando-icon, .dgrid-gray.dgrid.dgrid-grid .dgrid-expando-icon { margin-top: 12px; } .dgrid-gray.dgrid.dgrid-grid > .dgrid-header.dgrid-header-scroll { display: none; } .dgrid-gray.dgrid.dgrid-grid > .dgrid-header.dgrid-header-row { z-index: 1; border-bottom: 0; } .dgrid-gray.dgrid.dgrid-grid > .dgrid-header.dgrid-header-row th { color: #696969; background-color: transparent; border-right: 1px solid #ddd; text-align: center; } .dgrid-gray.dgrid.dgrid-grid > .dgrid-scroller { margin-top: 0 !important; padding-top: 28px; } .dgrid-gray.dgrid.dgrid-grid .dgrid-row { border-bottom: 1px solid #ddd; } .dgrid-gray.dgrid.dgrid-grid .dgrid-row.dgrid-row-even:not(.dgrid-selected) { background-color: transparent; /* disable alternating colors */ } .dgrid-gray.dgrid.dgrid-grid .dgrid-cell { border: 0; font-size: 0.9em; color: #111; vertical-align: middle; } .dgrid-gray.dgrid.dgrid-grid td.dgrid-cell { line-height: 40px; } .dgrid-gray.dgrid.dgrid-grid td.dgrid-cell > a { font-size: 1.1em; } .dgrid-expando-wrapper .ExpandoEditorWrapper { border-bottom: solid 1px #ddd; /*same color as normal dgrid cell border otherwise looks a bit weird*/ max-height: none; -webkit-transition: max-height 0.5s ease-out, overflow 0s linear 0.5s; -moz-transition: max-height 0.5s ease-out, overflow 0s linear 0.5s; -o-transition: max-height 0.5s ease-out, overflow 0s linear 0.5s; -ms-transition: max-height 0.5s ease-out, overflow 0s linear 0.5s; transition: max-height 0.5s ease-out, overflow 0s linear 0.5s; /*transition on max-height to allow animating to any height easier */ overflow: auto; background-color: #fff; /*reset background to white as this node technically lives in the datagrid row which is highlighted when selected*/ /*enable hardware acceleration on the animation*/ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dgrid-expando-wrapper.Expanding .ExpandoEditorWrapper, .dgrid-expando-wrapper.Collapsing .ExpandoEditorWrapper { /*don't display scroll bar while animating since it will ALWAYS appear due to the height starting at 0px*/ overflow: hidden; /*just a large value - it should never really be this large but it allows us to animate any height up to 800px fine*/ max-height: 800px; } .dgrid-expando-wrapper.Expanded .ExpandoEditorWrapper { /*this will prevent text blurry in IE */ overflow: hidden; } .dgrid-expando-wrapper .ExpandoEditorWrapper.dijitHidden, .dgrid-expando-wrapper.Collapsing .ExpandoEditorWrapper.dijitHidden { display: block !important; max-height: 0px; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; /*faster to close than open for more responsiveness*/ border: none; } .dgrid-expando-wrapper .GridRowExpandoEditorMixin { padding: 10px; } .dgrid-expando-wrapper :not(.collapsableColumnCell, .dgrid-cell-tree-button) > .dgrid-expando-icon { display: inline-block; background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat; background-position: -14px 0; height: 8px; width: 7px; margin-right: 10px; /*give some space between the arrow icon and the content to the right of it*/ } .dgrid-expando-wrapper.dgrid-expando-disabled .dgrid-expando-icon { visibility: hidden; /*row cannot be expanded so hide the icon, use visibility to keep the whitespace and ensure rows are aligned properly*/ } .dgrid-expando-wrapper.Expanding > div:first-of-type .dgrid-expando-icon, .dgrid-expando-wrapper.Expanded > div:first-of-type .dgrid-expando-icon { background-position: 0 0; } .dgrid.dgrid-grid .dgrid-header.dgrid-header-row .dgrid-cell.columnDragging { background: #d3d3d3; } .dgrid .tinyWidth { width: 1px !important; display: inline-block; } .dgrid.shrinkTable table { width: 1px !important; } .columnSetGrid .dgrid-column-set-scroller-content { width: auto; } .dgrid .dgrid-column-set-cell { height: auto; /* make subRows work in IE9 */ } .dgrid .nodeMeasureTableCell { display: table-cell !important; } .dgrid.dgrid-grid .dgrid-header.dgrid-header-row .dgrid-column-set th { background-color: transparent; } .dgrid.left0 .dgrid-header .dgrid-column-set-0:before, .dgrid.left1 .dgrid-header .dgrid-column-set-1:before, .dgrid.left2 .dgrid-header .dgrid-column-set-2:before, .dgrid.left3 .dgrid-header .dgrid-column-set-3:before { -webkit-box-shadow: inset 8px 0px 8px -4px #95a3b4; box-shadow: inset 8px 0px 8px -4px #95a3b4; left: 0; } .dgrid.right0 .dgrid-header .dgrid-column-set-0:after, .dgrid.right1 .dgrid-header .dgrid-column-set-1:after, .dgrid.right2 .dgrid-header .dgrid-column-set-2:after, .dgrid.right3 .dgrid-header .dgrid-column-set-3:after { -webkit-box-shadow: inset -8px 0px 8px -4px #95a3b4; box-shadow: inset -8px 0px 8px -4px #95a3b4; right: 0; } .dgrid-header .dgrid-column-set-cell:before, .dgrid-header .dgrid-column-set-cell:after { content: ''; display: inline-block; position: absolute; width: 10px; top: 0; height: 100vh; /* That's right, height of the window. We just want it to be atleast as tall as the datagrid, and grid heights shouldn't ever be taller than the browser. */ z-index: 1; pointer-events: none; } .dgrid.columnSetGrid.compoundColumnGrid .dgrid-column-set-scroller-content { width: initial; } .dgrid.columnSetGrid .dgrid-header { overflow: visible; } .dgrid .dgrid-column-UpdateStatus { width: 40px; } .dgrid .dgrid-column-Blank { border-right: none; } .dgrid .dgrd-column-Expander { border-left: none; } .dgrid.columnSetGrid .dgrid-row-table { position: relative; } .dgrid.columnSetGrid .dgrid-header.dgrid-header-row th { position: relative; } .dgrid.columnSetGrid .dgrid-column-set-scroller-container { z-index: 2; } .dgrid-row.dgrid-row-deleted .dgrid-cell { text-decoration: line-through; } .add-height .dgrid.dgrid-grid { min-height: 15em; } #dgrid-css-columnset-loaded, #dgrid-css-dgrid-loaded, #dgrid-css-dgrid_rtl-loaded, #dgrid-css-extensions-ColumnHider-loaded, #dgrid-css-extensions-ColumnReorder-loaded, #dgrid-css-extensions-ColumnResizer-loaded, #dgrid-css-extensions-CompoundColumns-loaded, #dgrid-css-extensions-Pagination-loaded, #dgrid-css-TouchScroll-loaded { display: none; } .claro .dgrid-cell .dijitCheckBox input.dijitCheckBoxInput { margin-top: -5px; margin-left: 0px; height: 25px; width: 100%; } html.has-mozilla .claro .dgrid .dgrid-header *:focus, html.has-mozilla .claro .dgrid .dgrid-cell:focus, html.has-mozilla .claro .dgrid .dgrid-cell *:focus, html.has-mozilla .claro .dgrid .dgrid *:focus { outline: none; } html.has-mozilla .claro .dgrid .dgrid-column-set *:focus, html.has-safari .claro .dgrid .dgrid-column-set *:focus { border: none; outline: none; } .dgrid-cell.file-uploader { white-space: pre-wrap; } .dgrid-cell.file-uploader .MultiEntitySelector { display: block; min-width: auto; white-space: nowrap; } .dgrid-cell.file-uploader .MultiEntitySelector .labelNode { color: #1162c2; display: inline-block; line-height: 1.6rem; vertical-align: middle; margin-left: 0.4rem; margin-right: 0.4rem; max-width: 95.4%; } .dgrid-cell.file-uploader .MultiEntitySelector .Button_Icon_Delete { vertical-align: middle; } .dgrid-cell.file-uploader .Button_Icon_Add { vertical-align: middle; cursor: pointer; } .dgrid-cell.file-uploader .Label_Add { vertical-align: middle; height: 1.8rem; line-height: 1.8rem; } .claro .dijitDialogTitleBar { border: none; background-color: #fff; background-image: none; padding: 0px 95px 0px 15px; min-height: 35px; } .claro .dijitDialog { border: 1px solid #c9c7c7; -webkit-box-shadow: 0 1px 50px rgba(0,0,0,0.5); box-shadow: 0 1px 50px rgba(0,0,0,0.5); background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; } .claro .dijitDialogUnderlay { background: #000; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); filter: alpha(opacity=50); } .claro .dijitDialogTitle { font-size: 1.3em; padding: 0px; color: #242424; font-family: 'Open Sans', sans-serif; margin: 6px 0px 0px 0px; font-weight: 600; } .claro .dijitDialog .dijitTitlePaneContentOuter { background: #fff; border-bottom: 1px solid #e4f1fe; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: none; } .claro .dijitTitlePaneTitle { background-color: #fbfbfb; background-repeat: repeat-x; background-image: -webkit-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); border: 1px solid #fff; padding: 0px 2px 3px 12px; min-height: 17px; } .claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child { border: 1px #ededed solid; } .claro .dijitDialogCloseIcon { background-image: url("../images/dialogIconSprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; position: relative; height: 35px; width: 27px; right: 0px; display: inline-block; background-position: 2px 0px; padding-right: 3px; } .dj_ie6 .claro .dijitDialogCloseIcon { background-image: url("../images/dialogCloseIcon8bit.png?v=64.1.2.14510&"); } .claro .dijitDialogCloseIconHover { background-position: -22px 0px; } .claro .dijitDialogCloseIcon:active { background-position: -46px 0px; } body:not(.user-is-tabbing).claro .dijitDialogCloseIcon:focus { outline: none; } .claro .dijitDialogMaxIcon { background-image: url("../images/dialogIconSprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; position: relative; height: 35px; width: 27px; left: 2px; display: inline-block; background-position: 1px -34px; } .dj_ie6 .claro .dijitDialogMaxIcon { background-image: url("../images/dialogMaxIcon8bit.png?v=64.1.2.14510&"); } .claro .dijitDialogMaxIconHover { background-position: -23px -34px; } .claro .dijitDialogMaxIcon:active { background-position: -46px -34px; } .dijitDialog .maximizeBtnText { display: none; position: absolute; } .dijitDialogMaxIcon { cursor: pointer; } .claro .dijitDialogRestoreIcon { background-image: url("../images/dialogIconSprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; position: relative; height: 35px; width: 27px; left: 2px; display: inline-block; background-position: 1px -71px; } .dijitDialog .iconsContainer { position: absolute; right: 0; top: 0; height: 36px; border: none; } .dj_ie6 .claro .dijitDialogRestoreIcon { background-image: url("../images/dialogRestoreIcon8bit.png?v=64.1.2.14510&"); } .claro .dijitDialogRestoreIconHover { background-position: -23px -71px; } .claro .dijitDialogRestoreIcon:active { background-position: -46px -71px; } .dijitDialog .restoreBtnText { display: none; position: absolute; } .dijitDialogRestoreIcon { cursor: pointer; } .ConfirmDialog { max-width: 600px; } .ConfirmDialog .ConfirmDialogMessage { padding: 15px 0px 15px 0px; max-width: 100%; } .A11ySupportDialog .ConfirmDialogMessage { padding: 0; } body:not(.user-is-tabbing) .A11ySupportDialog .ConfirmDialogMessage a[href]:focus { outline: none; } .ConfirmDialog .ConfirmDialogMessage > * { line-height: 2em; } .ConfirmDialog .ConfirmDialogMessage blockquote > * { line-height: 2em; } .ConfirmDialog .ConfirmDialogMessage span > * { line-height: 2em; } .ConfirmDialog .ConfirmDialogButtonContainer { float: right; } .ConfirmDialog .ConfirmDialogButtonContainer .dijitButtonNode { width: 50px; } .errorMessageText { color: #e4001e; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; font-weight: bold; /*padding: 3px;*/ /*display:inline-block;*/ vertical-align: middle; -webkit-font-smoothing: antialiased; } .dijitErrorIcon { height: 16px; width: 16px; display: inline-block; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; background-image: url("../images/error.png?v=64.1.2.14510&"); } .errorMessage { /*margin-left: 25px;*/ /*margin-right: 25px;*/ display: inline-block; color: #e4001e; } .passwordChangeText { height: 23px; font-weight: bold; color: #696969; display: inline-block; } .labelAlign { width: 40%; float: left; text-align: left; } .inputAlign { /*width: 65%;*/ float: left; margin-left: 2%; } .claro .dijitDialogPaneContent { background: #fff; border-top: none; border-bottom: 1px solid #ececec; padding: 10px 15px; } .dijitDialog .dialogButtons { display: block; float: right; padding: 10px 0px 8px 0px; margin-right: 15px; } .dijitDialog .dialogButtons .dijitButton { margin: 0em 0em 0em 0.4em; } .dijitDialog .dialogTitle { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .dijitDialog.dayforceDialog .dijitDialogPaneContent { overflow: auto; position: relative; } .dijitDialog.dayforceDialog .dijitDialogTitleBar { padding: 0; } .dijitDialog.dayforceDialog .dijitDialogTitleBar .dijitDialogTitle { padding: 6px 95px 6px 15px; margin: 0; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dijitDialog.dayforceDialog .dayforceTitleNode .dijitDialogTitle { width: 40%; padding: 6px 0 6px 15px; margin: 0; } .dijitDialog.dayforceDialog .dayforceTitleNode .dialogHeaderBar { display: inline-block; overflow: hidden; left: 40%; padding: 6px 95px 0 15px; width: 60%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dijitDialog.dayforceDialog .dayforceTitleNode .dijitDialogTitle.dijitHidden + .dialogHeaderBar { left: 0%; width: 100%; } .DialogDataGridEditor { width: 100%; font-size: 1em; margin: 1px; } .dijitDialogMaxIconFocused, .dijitDialogMaxIcon:focus { outline: 2px solid #1679c5 !important; outline-offset: -2px; } body:not(.user-is-tabbing) .A11ySupportDialog .ConfirmDialogMessage a[href]:focus { outline: none; } .user-is-tabbing div[aria-describedby="passwordChangeText"] .dijitFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .dijitDialogMaxIconFocused { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dijitDialogCloseIconFocused { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing .dijitDialogRestoreIconFocused { outline: 2px solid #0087fd; outline-offset: -2px; } .user-is-tabbing #TD1FedEn2021_0 .dijitTextBoxFocused { outline: 2px solid #0087fd; } .user-is-tabbing .dayforceDialog .dijitUploader.dijitFocused { outline: 2px solid #0087fd !important; outline-offset: 1px !important; } .WhatsNewModal .dijitDialogCloseIcon:focus { outline: 2px solid #0087fd !important; outline-offset: -2px; } .page--Home.user-is-tabbing span.dijitDialogCloseIcon:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .ConfirmDialog .dijitDialogCloseIconFocused { outline: 2px solid #0087fd; outline-offset: -2px; } .emp-profile-payroll-editor { display: -webkit-flex; -webkit-flex-direction: row; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-align-items: stretch; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: stretch; /*IE10*/ display: -ms-flexbox; -ms-flex-direction: row; overflow-y: hidden; } .emp-profile-payroll-editor > table > tbody > tr > td { vertical-align: top; } .emp-profile-labormetric-item { display: table-row; } .emp-profile-labormetric-item .leftItem { display: table-cell; padding-top: 7px; } .emp-profile-labormetric-item .rightItem { display: table-cell; padding: 5px; min-width: 230px; } .emp-profile-payroll-editor .left { -webkit-flex: 0 1 auto; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; /*IE10*/ -ms-flex: 1; } .emp-profile-payroll-editor .right { -webkit-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; /*IE10*/ -ms-flex: 1; } .emp-profile-payroll-editor .dijitContainer { width: 100%; } .emp-profile-payroll-editor .left .dijitContainer > table { width: 100%; } .emp-profile-payroll-editor .right .dijitContainer > table { width: 100%; } .emp-profile-payroll-editor .dijitTextBox:not(.dijitTextBoxDisabled) { border-color: #696969; } .emp-profile-payroll-editor .Icon_Info { background: url("../images/home_sprite.png?v=64.1.2.14510&") no-repeat -192px -16px; width: 16px; height: 16px; } .checkLegend { list-style: none; } .checkLegend li { counter-increment: legendItem; margin-bottom: 5px; } .checkLegend li:before { margin-right: 10px; margin-left: 10px; margin-bottom: 5px; content: counter(legendItem); background: #add8e6; -webkit-border-radius: 50%; border-radius: 50%; width: 19px; height: 19px; font: 14px arial; line-height: 19px; color: #fff; text-align: center; vertical-align: middle; display: inline-block; } .checkLegend li:nth-child(1):before { background: #fbb03b; } .checkLegend li:nth-child(2):before { background: #d9e021; } .checkLegend li:nth-child(3):before { background: #3fdaf5; } .checkLegend li:nth-child(4):before { background: #ff5dd6; } .LegendContent { display: inline; } .HyperLinkDocPreviewer { overflow: hidden; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .user-is-tabbing .HyperLinkDocPreviewer .HyperLinkFileName:focus { outline: 2px solid #0087fd; outline-offset: -1px; } .HyperLinkDocPreviewer .HyperLinkFileName:hover { text-decoration: underline; cursor: pointer; } .HyperLinkDocPreviewer .HyperLinkFileName { color: #00f; margin-left: 2px; } .claro .dojoDndItem { padding: 3px 2px 2px 2px; background-color: none; background-color: transparent; background-color: rgba(171,214,255,0); border: 2px solid transparent; color: #000; -webkit-transition-property: background-color, border-color; -moz-transition-property: background-color, border-color; -o-transition-property: background-color, border-color; -ms-transition-property: background-color, border-color; transition-property: background-color, border-color; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; transition-timing-function: ease-out; /*text-wrap: none*/ } .claro .dojoDndItemOver { cursor: move; padding: 3px 2px 2px 2px; background-color: #cee5fe; color: #023b79; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; } .claro .dojoDndItemSelected, .claro .dojoDndItemAnchor { background-color: #eff6ff; color: #023b79; /*text-wrap: avoid*/ } .claro .dojoDndSourceMoved .dijitTreeRowSelected .dijitTreeExpandoOpened:before, .claro .dojoDndSourceMoved .dijitTreeRowSelected .dijitTreeExpandoClosed:before, .claro .dojoDndSourceMoved .dijitTreeRowSelected .dijitFolderClosed:before, .claro .dojoDndSourceMoved .dijitTreeRowSelected .dijitFolderOpened:before, .claro .dojoDndSourceMoved .dijitTreeRowSelected .dijitLeaf:before { color: transparent; } .claro .dojoDndSourceMoved .dojoDndItemSelected, .claro .dojoDndSourceMoved .dijitTreeRowSelected, .claro .dojoDndSourceMoved .dojoDndItemAnchor { border: 2px dashed #5da8fc !important; background-color: transparent; color: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .claro .dojoDndSourceMoved .dijitTreeRowHover, .claro .dojoDndItemBefore { border-top-color: #0474f3; } .claro .dojoDndItemAfter { border-bottom-color: #0474f3; } .claro .dojoDndHorizontal .dojoDndItemBefore { border-top-color: transparent; border-left-color: #0474f3; } .claro .dojoDndHorizontal .dojoDndItemAfter { border-bottom-color: transparent; border-right-color: #0474f3; } .claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { border-bottom: 2px solid #0474f3; } .claro table.dojoDndAvatar { border-collapse: collapse; background-color: rgba(230,241,255,0.8); -webkit-border-radius: 5px; border-radius: 5px; } .claro .dojoDndAvatarItem .dojoDndItemSelected, .claro .dojoDndAvatarItem .dojoDndItemAnchor { background-color: transparent !important; padding: 0; } .claro .dojoDndAvatarItem td { padding: 0 21px 21px 21px; } .claro tr.dojoDndAvatarHeader { opacity: 1 !important; -ms-filter: none !important; filter: none !important; } .claro .dojoDndAvatarHeader, .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { background-color: transparent; } .claro .dojoDndAvatarHeader td { color: #222; position: relative; display: inline-block; vertical-align: middle; z-index: 1; background-color: #fff; height: 28px; padding: 3.111111111111111px 11.2px; padding-left: 35px; margin-left: -14px; margin-top: -13.333333333333332px; line-height: 31.11111111111111px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 1px 3px rgba(34,34,34,0.2); box-shadow: 0 1px 3px rgba(34,34,34,0.2); } .claro .dojoDndAvatarHeader td:before { font-size: 28px; padding: 3.111111111111111px; position: absolute; -webkit-border-radius: 50px; border-radius: 50px; z-index: -1; left: 0; top: 0; line-height: 1; display: inline-block; content: " "; color: #25b700; background-image: url("../images/dnd_sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -6px -32px; width: 28px; height: 28px; overflow: hidden; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .claro .dojoDndAvatarHeader td:before { background-image: url("../images/dnd_sprite_large.png?v=64.1.2.14510&"); -webkit-background-size: 46px 108px; -moz-background-size: 46px 108px; background-size: 46px 108px; } } .claro .dojoDndAvatarHeader td.removeCount { color: transparent !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .claro .dojoDndAvatarHeader td.removeCount:before { padding: 3.111111111111111px !important; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(34,34,34,0.2); box-shadow: 0 1px 3px rgba(34,34,34,0.2); } .claro.dojoDndCopy .dojoDndAvatarHeader td { background-color: transparent; } .claro.dojoDndCopy .dojoDndAvatarHeader td:before { color: #25b700; background-position: -6px -32px; } .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader td:before { color: #25b700; background-position: -6px 4px; } .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader td:before { color: #25b700; background-position: -6px -68px; } .triangle-container.text-area { margin-right: -0.7rem; } .triangle-container .triangle-up-right-icon { position: absolute; top: 0; right: 0; border-top: 1.2rem solid #ffa500; border-left: 1.2rem solid transparent; width: 0; z-index: 1000; } .triangle-container.check-box .triangle-up-right-icon { border-top: 1rem solid #ffa500; border-left: 1rem solid transparent; } .triangle-container { position: relative; } .modelLinkedRow .SpinnerTextBox .triangle-container .triangle-up-right-icon { top: 0.5rem; } .dijitReset.dijitValidationContainer.editable-field-validation-container-error-margin { margin-right: 5px; } .claro .dijitEditor .dijitEditorIFrameContainer { padding: 5px; } .claro .dijitEditorRtl .dijitEditorIcon { background-image: url("../images/editorIconsEnabled_rtl.png?v=64.1.2.14510&"); } .claro .dijitEditorRtlDisabled .dijitEditorIcon { background-image: url("../images/editorIconsDisabled_rtl.png?v=64.1.2.14510&"); } .dijitEditorIcon { background-image: url("../images/editorIconsEnabled.png?v=64.1.2.14510&"); } .dijitDisabled .dijitEditorIcon { background-image: url("../images/editorIconsDisabled.png?v=64.1.2.14510&"); } .claro .dijitEditor .dijitToolbar .dijitComboBox.dijitFontNameCombo, .dijitComboBox.dijitFontNameCombo { width: 140px; } .claro .dijitEditor .dijitToolbar .dijitComboBox.dijitFontSizeCombo, .dijitComboBox.dijitFontSizeCombo { width: 50px; } .claro .dijitEditor .dijitComboBox { margin-right: 0; margin-bottom: 0; } .claro .dijitEditor .dijitToolbar .dijitDropDownButton .dijitButtonText { padding: 0; } .claro .dijitEditor.dijitDisabled .dijitToolbar { border-bottom: 0 !important; } .emp-profile-address-info .addressDetails { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .emp-profile-address-info .addressDetails:hover { background-color: #ececec; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; } .emp-profile-address-info .addressDetails:focus { outline: 2px solid #0087fd; } .emp-profile-address-info .addressDetails .addressCopyButton .dijitReset.dijitInline.dijitButtonNode { background-color: transparent; border: none; display: inline; margin: 0; padding: 0; } .emp-profile-address-info .addressDetails .addressLabel { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .emp-profile-payroll-employeebanking .section-title-label { font-size: large; font-weight: 700; margin-top: 20px; margin-bottom: 5px; margin-left: 10px; } .emp-profile-payroll-employeebanking .section-pane { border: 1px solid #dbdbdb; overflow: hidden; } .emp-profile-payroll-employeebanking .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none !important; } .emp-profile-payroll-employeebanking .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-expander-title>div { float: left; } .emp-profile-payroll-employeebanking .title-label { font-size: 20px; font-weight: bold; color: #000; } .emp-profile-payroll-editor .formTitlePane { margin: 10px; border-bottom: transparent 0 none !important; border-right: transparent 0 none !important; } .emp-profile-payroll-editor .dijitTitlePaneTextNode { color: #000 !important; font-size: 12pt !important; } .emp-profile-payroll-directdeposit-button { border: 1px solid #154a94; -webkit-border-radius: 5px; border-radius: 5px; float: right; margin-right: 10px; margin-top: 3px; position: relative; z-index: 1000; } .emp-profile-payroll-directdeposit-button .dijitToggleButtonChecked .dijitButtonNode .dijitButtonContents { color: #fff; } .emp-profile-payroll-directdeposit .summary-bar { height: auto !important; } .active-all-button { border: 1px solid #154a94; -webkit-border-radius: 5px; border-radius: 5px; float: right; margin-right: 10px; margin-top: 3px; position: relative; z-index: 1000; } .claro .active-all-button .dijitToggleButton .dijitButtonNode { width: 50px; background-color: #fff; color: #154a94; background-image: none; padding: 0; border: 0; } .claro .active-all-button .dijitToggleButton .dijitButtonNode .dijitButtonText { font-size: 8pt; } .active-all-button .dijitToggleButtonChecked .dijitReset.dijitInline.dijitButtonNode { color: #fff !important; background-color: #154a94 !important; } .claro .active-all-button .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { width: 50px; background-color: #154a94; color: #fff; background-image: none; } .active-all-button .dijitToggleButtonHover .dijitReset.dijitInline.dijitButtonNode { color: #154a94; background-color: #fff; background-image: none; border: 0; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; padding: 0 !important; } .active-all-button .dijitToggleButtonHover .dijitToggleButtonCheckedHover .dijitReset.dijitInline.dijitButtonNode { color: #fff; background-color: #154a94 !important; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; } .active-all-button .dijitToggleButtonChecked .dijitButtonNode .dijitButtonContents { color: #fff; } .active-all-button .dijitToolbar .dijitButtonContents { color: #fff; } .emp-profile-payroll-directdeposit .title-label { font-size: 20px; font-weight: bold; color: #000; } .emp-profile-payroll-directdeposit .delegation-toolbar { border: 1px solid #dbdbdb !important; } .emp-profile-payroll-directdeposit .dgrid { height: auto; } .emp-profile-payroll-directdeposit .dgrid .dgrid-scroller { position: relative; overflow: visible; } .emp-profile-payroll-directdeposit .dgrid-column-Primary { text-align: center !important; } .emp-profile-payroll-directdeposit .dgrid-column-Rate { text-align: center !important; } .emp-profile-payroll-directdeposit .dgrid-column-EffectiveStart { padding-left: 10px; } .emp-profile-payroll-directdeposit .dgrid-column-EffectiveEnd { padding-left: 10px; } .emp-profile-payroll-directdeposit .dgrid-column-Terminated { text-align: center !important; } .line-center { margin: 0; padding: 0 10px; height: 1px; background: rgba(0,0,0,0.5); display: inline-block; } .emp-profile-payroll-directdeposit .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none !important; } .emp-profile-payroll-directdeposit .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-payroll-directdeposit .section-title-label { font-size: large; font-weight: 700; margin-top: 20px; margin-bottom: 5px; margin-left: 10px; } .emp-profile-payroll-directdeposit .manager-section-pane { border: 1px solid #dbdbdb; overflow: hidden; margin-left: 10px; margin-right: 10px; } .emp-profile-payroll-directdeposit .manager-section-pane .dijitTabContainer.horizontal>.dijitTabPaneWrapper { padding-top: 0; } .emp-profile-payroll-directdeposit .manager-section-pane .dijitTabContainerTop-container { border: 0; } .claro .emp-profile-payroll-directdeposit .Button_Icon_Action { background: url("../../Framework/images/hrSprite.png?v=64.1.2.14510&") no-repeat; background-position: -2px -338px; -webkit-background-size: 25px 490px; -moz-background-size: 25px 490px; background-size: 25px 490px; width: 16px; height: 16px; } .emp-profile-payroll-directdeposit .manager-section-pane .dgrid { border: 0; } .emp-profile-payroll-directdeposit .Icon_Grid_Check { background: url("../images/toolbar_icons24.png?v=64.1.2.14510&") no-repeat; background-position: 0px -603px; display: inline-block; height: 16px; width: 24px; } .emp-profile-payroll-directdeposit .dgrid-header-row { right: 0; } .emp-profile-payroll-directdeposit .dgrid-content { width: 100% !important; } .position-term-control .cancel-button .dijitButtonNode { background-color: #fff; color: #000; } .triangle-up-right { position: relative; } .triangle-up-right::before { content: ""; position: absolute; top: 0; right: 0; border-top: 12px solid #ffa500; border-left: 12px solid transparent; width: 0; } .emp-profile-payroll-directdeposit .FilterPaneWrapper.dijitFilterPane { margin-bottom: 0; } .emp-profile-payroll-directdeposit .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-payroll-employeebanking .section-pane { border: none; } .emp-profile-payroll-employeebanking .ExpanderContentInner { padding: 0 !important; } .emp-profile-payroll-employeebanking .ExpanderControl { margin-bottom: 20px; } .emp-profile-payroll-employeebanking-content-container .emp-profile-payroll-directdeposit .grid-toolbar { border: 1px solid #dbdbdb !important; } .employeeCard { position: relative; width: 540px; font-size: 12px; } .employeeCard .EmployeeCardPendingActionRow { width: 80%; display: inline-block !important; color: #000; font-weight: 500; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; } .employeeCard .EmployeeActionRow { border-bottom: #c5c5c5; border-style: solid; border-width: 1px; border-left: #fff; border-right: #fff; border-top: #fff; padding: 10px; } .employeeCard .employeeCardOverview .sectionLayout { display: none; margin: 10px 0px 10px 0px; border-bottom: 1px solid #ddd; } .employeeCard .employeeCardOverview .sectionLabel { font-size: 13px; color: #696969; margin: 10px 0 0 10px; } .employeeCard .employeeCardOverview .sectionInlineLabel { color: #000; display: inline-block; } .employeeCard .employeeCardOverview .sectionLayoutPadding { padding: 0 0 10px 0; } .employeeCard .employeeCardOverview .TAFWRow { margin: 10px 0 0 16px; } .employeeCard .employeeCardOverview .workAnniversaryRow { margin: 10px 0 0 16px; } .employeeCard .employeeCardOverview .labelTAFWMargin { color: #000; margin: 4px 1px 1px 0; display: inline-block; } .employeeCard .employeeCardOverview .empCardPendingAction { margin: 10px 10px 10px 16px; } .employeeCard .employeeCardOverview .empCardPendingAction .employeeCardPendingActionMenu { display: inline-block; margin: -2px 0 0 20px; vertical-align: top; } .employeeCard .employeeCardOverview .empCardPendingAction .employeeCardPendingActionMenu .empCardPendingActionDropdownButton .dijitButtonText { color: #1e52bf; } .employeeCard .employeeCardOverview .empCardPendingAction .employeeCardPendingActionMenu .empCardPendingActionDropdownButton .dijitArrowButtonInner { width: 16px; height: 16px; margin: 0 auto; background-image: url("../../Framework/images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-color: transparent; background-position: -31px -16px; } .employeeCard .employeeCardOverview .empCardMainActionRow { display: inline-block; color: #1e52bf; overflow: hidden; vertical-align: middle; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 70%; cursor: pointer; } .employeeCard .employeeActionMenu { display: inline-block; } .employeeCard .dijitToolbar.eventAction { border: 0; background-repeat: no-repeat; background-image: none; background-color: transparent; padding: 2px 0 2px 4px; zoom: 1; } .employeeCard .invalid-message { height: 180px; padding-left: 180px; padding-top: 90px; font-weight: bold; } .employeeCard .employeeCardHeader { width: 100%; height: 80px; background-color: #fff; display: table; color: #000; padding: 5px 0; font-family: arial; } .employeeCard .employeeActionBar { height: 35px; background-color: #0355b2; color: #fff; width: 100%; text-align: left; } .employeeCard .employeeActionBar .employeeActionBarButton { float: left; } .employeeCard .employeeActionBar .employeeActionBarButton > * { float: left; } .user-is-tabbing .employeeCard .employeeActionBar .employeeActionBarButton:focus { border: 1px solid #fff; } .employeeCard .employeeActionBar .employeeActionBarContent { margin-left: 10px; margin-right: 10px; display: inline-block; overflow: hidden; text-align: left; } .employeeCard .employeeActionBar .employeeActionBarContent > * { float: left; margin: 5px 5px 5px 0; font-size: 12px; } .employeeCard .employeeActionBar .Label { margin-left: 5px; margin-right: 5px; margin-top: 2px; cursor: pointer; } .employeeCard .employeeActionBar .Label:hover { text-decoration: underline; } .employeeCard .employeeActionBar > * > * { float: left; } .employeeCard .employeeCardHeader > * { display: table-cell; vertical-align: middle; margin-top: 15px; margin-left: 5px; margin-right: 15px; float: left; } .employeeCard .employeeCardHeader .employeePhoto { margin-top: 12px; margin-left: 8px; margin-right: 10px; } .employeeCard .employeeCardHeader .employeeRetention > * { display: inline-block; } .employeeCard .employeeCardHeader .employeeRetention { padding-bottom: 0.5rem; display: inline-block; } .employeeCard .employeeCardHeader .employeeRetention .retentionIcon { color: #696969; font-size: 1.4rem; } .employeeCard .employeeCardHeader .employeeRetention .alignPerformanceIcon::before { margin-bottom: 0.2rem; } .employeeCard .employeeCardHeader .employeeRetention .alignFlightRiskIcon { margin-bottom: -0.2rem; padding-left: -0.7rem; } .employeeCard .employeeCardHeader .employeeRetention .redFlightRiskIcon { color: #e4001e; } .employeeCard .employeeCardHeader .employeeRetention .retentionLink { cursor: pointer; } .employeeCard .employeeCardHeader .employeeRetention .retentionLink:hover { text-decoration: underline; } .employeeCard .employeeCardHeader .employeeDisplayName { font-size: 14px; font-weight: 700; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 19rem; float: left; } .employeeCard .employeeCardHeader .employeePosition { clear: left; max-width: 17.9rem; display: block; padding-bottom: 0.5rem; padding-top: 0.5rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .employeeCard .employeeCardHeader .employeeLocation { max-width: 17.9rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .employeeCard .employeeCardHeader .employeeLocationLeft { max-width: 17.9rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left; } .employeeCard .employeeCardHeader .employeeManager { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 232.5px; } .employeeCard .employeeCardHeader .employeeManagerName { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .employeeCard .employeeCardHeader .manager-name { max-width: 23.25rem; } .employeeCard .employeeCardHeader .employeeManagerDisplay { display: none; max-width: 23.25rem; } .employeeCard .employeeCardHeader .employeeManagerName:empty { display: none; } .employeeCard .employeeCardHeader .employeeNumber { float: left; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 4.5rem; } .employeeCard .employeeCardHeader .employeeContactInfo { margin-right: 10px; margin-left: 20px; } .employeeCard .employeeCardProfile .employeeContactInfo [data-label]::before { content: attr(data-label); width: 60px; font-weight: 600; } .employeeCard .employeeCardHeader .employeeManagerInfo [data-label]::before { content: attr(data-label); font-weight: 600; } .employeeCard .employeeCardHeader .employeeManagerInfo { margin-right: 30px; position: absolute; right: 0; top: 5px; max-width: 16rem; } .employeeCardNoPadding .dijitTooltipContainer { padding: 1px; -webkit-box-shadow: 0 1px 40px rgba(0,0,0,0.25); box-shadow: 0 1px 40px rgba(0,0,0,0.25); -webkit-border-radius: 5px; border-radius: 5px; border-color: #c3c3c3; } .employeeCardNoPadding .dijitTooltipFocusNode { padding: 0; } .employeeCardNoPadding .dijitTooltipConnector { display: none; } .employeeCard .dijitTabContainer.horizontal>.dijitTabController>.dijitTab>.tabLabel { font-size: 13px; } .employeeCard .dijitTabContainer.horizontal>.dijitTabPaneWrapper { border-bottom: none; padding: 0; height: 292px; } .employeeCard .closeButton { position: absolute; top: 2px; right: 2px; cursor: pointer; } .employeeCard .employeeCardTabContent { min-width: 510px; color: #000; } .employeeCard .employeeCardTabContent .noTeamRelateProfile { padding-top: 20%; text-align: center; } .employeeCard .employeeCardAccordion { height: 291px; } .employeeCard .employeeCardTabContent .relatability-percentage { color: #00008b; padding-top: 10px; font-size: large; font-weight: bold; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .employeeCard .employeeCardTabContent .Icon_Connector { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -367px 0; width: 10px; height: 24px; } .employeeCard .employeeCardTabContent .Icon_Them { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -288px 0; width: 24px; height: 24px; } .employeeCard .employeeCardTabContent .Icon_You { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -288px 0; width: 24px; height: 24px; } .employeeCard .employeeCardTabContent .Icon_TheirManager { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -336px 0; width: 24px; height: 24px; } .employeeCard .employeeCardTabContent .Icon_TheirTeam { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -312px 0; width: 24px; height: 24px; } .employeeCard .BenefitElection { border-bottom: 1px solid #d3d3d3; margin-left: 7px; margin-right: 7px; margin-bottom: 5px; padding-bottom: 7px; } .employeeCard .Title { font-weight: 900; color: #000; margin-bottom: 4px; } .employeeCard .BenefitElection ul { list-style: none; margin: 0; padding: 0; position: relative; } .employeeCard .BenefitElection ul li { color: #000; overflow: hidden; position: relative; } .employeeCard .BenefitElection .Right { float: right; } .employeeCard .BenefitElection ul li div { display: inline-block; } .employeeCard .BenefitElection .Normal, .employeeCard .BenefitElection .Bold { font-weight: 700; } .employeeCardBenefits .NoContent, .employeeCardPerformance .NoContent { display: none; margin-left: 27%; margin-top: 20%; position: relative; height: 100%; font-size: 14px; color: #000; } .employeeCard .rightTable td:first-of-type > div { font-weight: 600; width: 115px; } .employeeCard .rightTable, .employeeCard .leftTable { width: 50%; } .employeeCard .rightTable td > div { width: 100%; } .employeeCard .rightTable td:first-of-type, .employeeCard .leftTable td:first-of-type { padding: 0; } .employeeCard .rightTable td, .employeeCard .leftTable td { padding: 0 10px; } .employeeCard .leftTable td:first-of-type > div { font-weight: 600; width: 100%; } .employeeCard .leftTable td > div { width: 100%; } .employeeCard .payTable td:first-of-type > div { font-weight: 600; margin-right: 5px; } .employeeCard .payTable .money { text-align: right; } .employeeCard .labelWithTooltip { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; vertical-align: middle; } .employeeCard .labelWithTooltip .HelpIcon { display: block; margin: 0 0.5rem; } .employeeCard .employeeCardProfile [data-label]::before, .employeeCard .employeeCardEarnings [data-label]::before { content: attr(data-label); font-weight: 600; width: 110px; color: #000; cursor: auto; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .employeeCard [data-empty-label]:empty::before { content: attr(data-empty-label); font-size: 10px; } .employeeCard .emergencyContactLabels [data-empty-label]:empty::before { content: attr(data-empty-label); position: absolute; font-size: 14px; top: 60px; left: 0; right: 0; text-align: center; } .employeeCard .emergencyContactLabels { width: 100%; } .employeeCard .employeeCardProfile .labelGroupDetails { float: right; width: 50%; } .employeeCard .employeeCardProfile .labelGroupStatus { float: left; width: 50%; } .employeeCard .employeeCardProfile .employeeContactInfo > * { float: left; } .employeeCard .employeeCardProfile .employeePhoneContainer { margin-left: 85px; } .employeeCard .profileLabels > * { margin: 3px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; width: 225px; } .employeeCard .employeeCardProfile .employeePhoneContainer > * { margin-bottom: 7px; } .employeeCard .employeeCardProfile .employeeAddressTitle { font-weight: 600; margin-bottom: 5px; } .employeeCard .employeeCardProfile .employeePhoneTitle { font-weight: 600; } .employeeCard .employeeCardHeaderLabel { font-size: 14px; color: #0053a4; text-transform: uppercase; margin-bottom: 10px; } .employeeCard .employeeCardHeaderLabel:not(:first-child) { margin: 10px 10px 10px 0; } .employeeCard .Link { color: #0053a4; cursor: pointer; } .employeeCard .Link:hover { text-decoration: underline; } .claro .employeeCard .dijitAccordionTitleSelected .dijitAccordionArrow { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -24px 0; width: 24px; height: 24px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); /* Chrome, Safari, Opera */ padding-right: 0; } .claro .employeeCard .dijitAccordionArrow { float: right; background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -24px 0; width: 24px; height: 24px; padding-right: 1px; } .claro .employeeCard .dijitAccordionInnerContainer, .claro .employeeCard .dijitAccordionInnerContainerSelected, .claro .employeeCard .dijitAccordionInnerContainerActive { border: none; } .claro .employeeCard .dijitAccordionText { font-weight: 700; vertical-align: middle; line-height: 24px; } .claro .employeeCard .dijitAccordionInnerContainer:not(:first-of-type) { border-top: 1px solid #d3d3d3; } .claro .employeeCard .dijitAccordionInnerContainerSelected .dijitAccordionTitle { border-bottom: 1px solid #d3d3d3; } .claro .employeeCard .dijitAccordionInnerContainer .dijitAccordionChildWrapper, .claro .employeeCard .dijitAccordionInnerContainerSelected .dijitAccordionChildWrapper { border: none; } .employeeCard .employeeCardProfile .emergencyContactLabels > * { display: inline-block; width: 100%; } .employeeCard .employeeCardProfile .employeeAddress { width: 200px; } .WhiteSpace { white-space: pre-line; } .employeeCard .employeeCardProfile .emergencyContactPane { padding: 0; overflow-x: hidden; position: relative; } .employeeCard .employeeCardProfile .emergencyContactLabels .Title { font-weight: 600; } .employeeCard .employeeCardTeamRelate { padding: 10px 10px 0 10px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .employeeCard .employeeCardTeamRelate .SectionSeparator { border-bottom: solid 1px #dbdbdb; margin-bottom: 3px; } .employeeCard .employeeCardTeamRelate .TitleSection { margin-bottom: 10px; height: 17px; } .employeeCard .employeeCardTeamRelate .CommentSection { margin-bottom: 10px; display: table; } .employeeCard .employeeCardTeamRelate .CheckInSection { margin: 5px 0 5px 0; display: inline-block; } .employeeCard .employeeCardTeamRelate .CheckInControl { margin-left: 10px; } .employeeCard .employeeCardTeamRelate .CompareSection { margin-top: 10px; height: 140px; } .employeeCard .employeeCardTeamRelate .CompareSection .CommunicationStyle { width: 49%; height: 45px; display: inline-block; vertical-align: top; text-align: center; } .employeeCard .employeeCardTeamRelate .CompareSection .RelatabilityBetween { width: 32%; height: 80px; display: inline-block; vertical-align: top; } .employeeCard .employeeCardTabContent .RelatabilityControl { display: none; text-align: center; } .employeeCard .employeeCardTabContent .boldText { font-weight: bold; } .employeeCard .employeeCardTabContent .boldTextRight { font-weight: bold; float: right; } .employeeCard .employeeCardTeamRelate .Icon_Comment { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -268px -5px; width: 20px; height: 16px; float: left; } .employeeCard .employeeCardTabContent .employeeCardTeamRelate .boldTextRight { font-weight: bold; float: right; } .employeeCard .employeeCardProfile .emergencyContactLabels td, .employeeCard .employeeCardProfile .emergencyContactLabels th { width: 115px; padding-left: 2px; padding-right: 2px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .employeeCard .dijitButton.TooltipCloseButton { background-image: none; background: none; border: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; margin: 0; padding: 0; min-width: 0; } .employeeCard .dijitButton.TooltipCloseButton .dijitButtonNode { background-color: transparent; border: none; color: inherit; padding: 0; min-width: 0; } .employeeCard .Icon_ContactDetails { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat 0 -24px; width: 24px; height: 24px; } .employeeCard .Icon_EmploymentDetails { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -48px -24px; width: 24px; height: 24px; } .employeeCard .Icon_EmergencyContacts { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -72px -24px; width: 24px; height: 24px; } .Icon_PayInformation { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -96px -48px; width: 24px; height: 24px; } .Icon_EarningStatements { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -144px -48px; width: 24px; height: 24px; } .employeeCard .Icon_EarningStatement { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -170px -48px; width: 24px; height: 24px; } .employeeCard .Icon_Punch { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -120px -24px; width: 24px; height: 24px; } .employeeCard .Icon_Schedule { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -144px -24px; width: 24px; height: 24px; } .employeeCard .Icon_TimeAway { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -168px -24px; width: 24px; height: 24px; } .employeeCard .Icon_CumulativeHours { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat 0px -272px; width: 24px; height: 24px; } .employeeCard .Icon_BenefitsSummary { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat 0 -72px; width: 24px; height: 24px; } .employeeCard .Icon_Health { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -24px -72px; width: 24px; height: 24px; } .employeeCard .Icon_LifeDisability { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -48px -72px; width: 24px; height: 24px; } .employeeCard .Icon_Reinbursements { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -72px -72px; width: 24px; height: 24px; margin-bottom: 4px; } .employeeCard .Icon_Retirement { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -96px -72px; width: 24px; height: 24px; margin-bottom: 4px; } .employeeCard .Icon_Goals { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -48px -49px; width: 24px; height: 24px; } .employeeCard .Icon_Competencies { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -418px -52px; width: 24px; height: 24px; } .employeeCard .Icon_Reviews { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -24px -50px; width: 24px; height: 24px; } .employeeCard .Icon_DevelopmentPlans { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -388px -50px; width: 24px; height: 24px; } .employeeCard .Icon_SendMessage { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -72px 0; width: 24px; height: 24px; cursor: pointer; } .employeeCard .Icon_ViewProfile { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -47px 0; width: 24px; height: 24px; cursor: pointer; } .employeeCard .Icon_ViewHierarchy { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -120px 0; width: 24px; height: 24px; cursor: pointer; } .employeeCard .Icon_Forms { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -144px 0; width: 24px; height: 24px; cursor: pointer; } .employeeCard .Icon_CloseTooltip { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat 0 0; width: 24px; height: 24px; } .employeeCard .Icon_Competency { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -48px -48px; width: 24px; height: 24px; } .employeeCard .employeeCardPerformance { color: #000; } .employeeCard .employeeCardPerformance .goalsHeader > div { float: left; font-weight: 700; } .employeeCard .employeeCardPerformance .goalRow, .employeeCard .employeeCardPerformance .developmentPlansRow { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-bottom: 10px; } .employeeCard .employeeCardPerformance .goalRow .goalInfo, .employeeCard .employeeCardPerformance .developmentPlansRow .developmentPlansInfo { font-weight: 600; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; margin-bottom: 5px; min-width: 0; } .employeeCard .employeeCardPerformance .goalRow .goalInfo .GoalName, .employeeCard .employeeCardPerformance .developmentPlansRow .developmentPlansInfo .GoalName { margin-bottom: 5px; } .employeeCard .employeeCardPerformance .goalRow .goalInfo .DueDate, .employeeCard .employeeCardPerformance .developmentPlansRow .developmentPlansInfo .DueDate { font-size: 10px; } .employeeCard .employeeCardPerformance .competencyRow { margin-bottom: 10px; } .employeeCard .employeeCardPerformance .competencyRow .CompetencyName { font-weight: 600; margin-bottom: 5px; } .employeeCard .employeeCardPerformance .competencyRow .CompetencyAssignmentType { font-size: 10px; } .employeeCard .employeeCardPerformance .competencyRow .CompetencyAssignmentType span { display: inline-block; } .employeeCard .employeeCardPerformance .goalRow .progressSlider, .employeeCard .employeeCardPerformance .developmentPlansRow .progressSlider { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; margin-right: 20px; } .employeeCard .employeeCardPerformance .goalRow .progressSlider .progress-bar, .employeeCard .employeeCardPerformance .developmentPlansRow .progressSlider .progress-bar { -webkit-border-radius: 15px; border-radius: 15px; } .employeeCard .employeeCardPerformance .goalRow .progressSlider .progress-bar .value, .employeeCard .employeeCardPerformance .developmentPlansRow .progressSlider .progress-bar .value { min-height: 1.5em; } .employeeCard .employeeCardPerformance .goalRow [data-label]::before { content: attr(data-label); font-weight: 600; } .employeeCard .employeeCardPerformance .reviewRow { margin-bottom: 15px; } .employeeCard .employeeCardPerformance .reviewRow .ReviewName { margin-bottom: 5px; } .employeeCard .employeeCardPerformance .Value { font-weight: bold; } .employeeCard .employeeCardPerformance .Section { display: inline; } .employeeCard .employeeCardPerformance span { font-size: 10px; } .employeeCard .employeeCardPerformance .Info { font-weight: bold; } .employeeCard .employeeCardPerformance .Label { color: #808080; } .employeeCard .employeeCardPerformance .Dot { padding-left: 2px; padding-right: 2px; } .employeeCard .employeeCardPerformance .progressSlider { display: inline-block; float: right; margin-top: 8px; } .employeeCard .employeeCardPerformance .progressSlider .goal-progress > ul { display: table; width: 100%; margin: 0; padding: 0; border: 0; line-height: normal; } .employeeCard .employeeCardPerformance .progressSlider .goal-progress > ul > li { display: table-cell; vertical-align: middle; } .employeeCard .employeeCardPerformance .progressSlider .goal-progress > ul > li:first-child { width: 170px; } .employeeCard .employeeCardPerformance .progressSlider .goal-progress > ul > li:first-child > div { -webkit-border-radius: 8px; border-radius: 8px; } .employeeCard .employeeCardPerformance .progressSlider .goal-progress > ul > li:first-child > div > div { min-height: 1.2em; min-width: 0px; -webkit-border-radius: 8px; border-radius: 8px; } .employeeCard .employeeCardPerformance .progressSlider .goal-progress > ul > li:last-child { min-width: 32px; padding-left: 4px; text-align: left; font-weight: bold; } .employeeCard .employeeCardPerformance .reviewCycleName { font-weight: 700; } .employeeCard .employeeCardPerformance .reviewStatus { min-height: 200px; } .employeeCard .employeeCardPerformance .reviewStatus [data-label]::before { content: attr(data-label); width: 220px; font-weight: 600; display: inline-block; } .employeeCard .employeeCardPerformance .reviewStatus .currentReview { margin-bottom: 10px; } .employeeCard .employeeCardPerformance .reviewStatus .currentReview > .Value, .employeeCard .employeeCardPerformance .reviewStatus .lastReview > .Value { margin-left: 15px; } .employeeCard .employeeCardPerformance .reviewStatus .lastReview .reviewRating, .employeeCard .employeeCardPerformance .reviewStatus .lastReview .reviewRating > * { float: left; } .employeeCard .employeeCardPerformance .reviewStatus .lastReview .reviewRating .PreviousReviewOverallRatingWorded { margin-left: 5px; } .employeeCard .employeeCardDocuments { height: 285px; color: #000; overflow-x: hidden; } .employeeCard .employeeCardDocuments .documentsTable { padding-top: 10px; } .employeeCard .employeeCardDocuments .documentsTable th > div, .employeeCard .employeeCardDocuments .documentsTable td > div { width: 215px; padding-left: 5px; padding-right: 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .employeeCard .employeeCardDocuments .documentsTable th.docType > div, .employeeCard .employeeCardDocuments .documentsTable td.docType > div { width: 175px; } .employeeCard .employeeCardDocuments .documentsTable th.download > div, .employeeCard .employeeCardDocuments .documentsTable td.download > div { width: 80px; } .employeeCard .employeeCardDocuments .documentsTable .Title { font-weight: 600; } .employeeCard .employeeCardDocuments .documentsTable td.name .Value { float: left; max-width: 185px; padding-left: 5px; padding-right: 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .employeeCard .documentsTable [data-empty-label]:empty::before { content: attr(data-empty-label); font-size: 14px; text-align: center; top: 100px; position: absolute; left: 0; right: 0; bottom: 0; } .employeeCard .employeeCardPerformance .employeeGoals[data-empty-label]:empty::before { content: attr(data-empty-label); font-size: 14px; text-align: center; top: 100px; position: absolute; left: 0; right: 0; } .employeeCard .employeeCardDocIconButton > span { float: left; margin-right: 2px; } .employeeCard .employeeCardSchedule { color: #000; } .employeeCard .employeeCardSchedule .cumulativeHoursTable td:first-of-type > div { font-weight: 600; margin-right: 5px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .time_Punch { width: 300px; display: inline-block; text-align: left; margin-left: 10px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .time_Shift { width: 300px; display: inline-block; text-align: left; margin-left: 10px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleShiftItem .time_Shift { width: 200px; display: inline-block; text-align: left; margin-left: 10px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .time_TAFW { width: 250px; display: inline-block; text-align: left; margin-left: 10px; } .employeeCard .employeeCardSchedule .time_TAFW_Pending, .employeeCard .employeeCardSchedule .time_TAFW_Approved, .employeeCard .employeeCardSchedule .time_TAFW_Other { width: 150px; display: inline-block; text-align: left; margin-left: 10px; } .employeeCard .employeeCardSchedule .time_TAFW_Pending { color: #ffa500; } .employeeCard .employeeCardSchedule .time_TAFW_Approved { color: #008000; } .employeeCard .employeeCardSchedule .time_TAFW_Other { color: #f00; } .employeeCard .employeeCardSchedule .Separator { border-bottom: solid 1px #dbdbdb; margin-bottom: 3px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem { margin-bottom: 5px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem:not(:first-child) { margin-top: 5px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .EventName { display: inline-block; min-width: 150px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .EventStatus { display: inline-block; width: 150px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .EventStatus:empty { display: none; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem .EventTime { display: inline-block; float: right; width: auto; margin-right: 10px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleItem:first-child .EventDate { margin-top: 0; } .employeeCard .employeeCardSchedule .DayHeader { height: 20px; line-height: 20px; padding-left: 5px; padding-right: 5px; background-color: #f4f4f4; border-top-style: solid; border-top-width: 1px; border-top-color: #d3d3d3; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d3d3d3; } .employeeCard .employeeCardSchedule .DayHeader .TodayLabel { float: left; background-color: #ffa500; color: #fff; font-weight: bold; font-size: 10px; margin: 2px 4px; height: 15px; line-height: 15px; padding-left: 4px; padding-right: 4px; } .employeeCard .employeeCardSchedule .noInfo { text-align: center; font-size: 14px; margin-top: 15%; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleShiftItem .EventName { display: inline-block; width: 210px; vertical-align: top; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleShiftItem .Type { display: inline-block; width: 60px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleShiftItem .ScheduledTime { display: inline-block; width: 70px; } .employeeCard .employeeCardSchedule .EmployeeCardScheduleShiftItem .ActualTime { display: inline-block; width: 70px; } .employeeCard .employeeCardSchedule .Header { margin-bottom: 5px; } .employeeCard .employeeCardSchedule .Header .Scheduled { display: inline-block; margin-left: 277px; width: 70px; } .employeeCard .employeeCardSchedule .Header .Actual { display: inline-block; width: 70px; } .employeeCard .employeeCardSchedule .WorkedShiftContent { max-height: 151px; overflow: auto; } .employeeCard .employeeCardEarnings .earningsTable { padding-top: 10px; position: relative; } .employeeCard .employeeCardEarnings .earningsTable th, .employeeCard .employeeCardEarnings .earningsTable td { width: 324px; padding-left: 5px; padding-right: 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .employeeCard .employeeCardEarnings .earningsTable th.date, .employeeCard .employeeCardEarnings .earningsTable td.date { width: 80px; } .employeeCard .employeeCardEarnings .earningsTable th.open, .employeeCard .employeeCardEarnings .earningsTable td.open, .employeeCard .employeeCardEarnings .earningsTable th.netAmount, .employeeCard .employeeCardEarnings .earningsTable td.netAmount { width: 80px; } .employeeCard .employeeCardEarnings .earningsTable .Title { font-weight: 600; } .employeeCard .employeeCardEarnings .earningsTable td.title .Value { float: left; max-width: 300px; padding-left: 5px; padding-right: 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 600; line-height: 24px; } .employeeCard .employeeCardStatementIconButton { float: left; } .employeeCard .employeeCardStatementIconButton > span { float: left; margin-right: 2px; } .employeeCard .employeeCardEarnings .noEarningsLabel { text-align: center; font-size: 14px; margin-top: 15%; } .employeeCard .employeeCardEarnings .Link:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .employeeCard .employeeCardBiography { padding: 10px; } .employeeCard .employeeCardConnect { padding: 10px; } .employeeCard .employeeCardTeamRelateSimple { padding: 10px; } .employeeCard .employeeCardTeamRelateSimple .disclaimerInfo { text-align: center; font-style: italic; font-size: 10px; } .employeeCard .employeeCardProfile .dTable { display: table; width: 100%; } .employeeCard .employeeCardProfile .dRow { width: 100%; margin-bottom: 0.25em; } .employeeCard .employeeCardProfile .dCell { display: inline-block; padding-left: 5px; padding-right: 5px; width: 22%; vertical-align: text-top; margin-top: 3px; } .employeeCard .employeeCardProfile .dHeader { width: 100%; margin-top: 4px; } .employeeCard .employeeCardProfile .doverflow { width: 52px; } .employeeCard .employeeCardProfile .eDetailsdCell { display: inline-block; padding-right: 5px; width: 23%; vertical-align: text-top; margin-top: 3px; } .eDetailsdCell > div { width: 100%; } .employeeCard .employeeCardProfile .eDetailsOverflow { width: 52px; } .employeeCard .employeeCardProfile .eDetailsTitle { font-weight: 600; color: #000; } .employeeCard .employeeCardProfile .details-information .info-text { display: inline-block; max-width: calc(100% - 18px); } .employeeCard .employeeCardProfile .details-information .info-icon { height: 15px; } .employeeCard .employeeCardProfile .spacer { border-bottom: 1px solid; color: #d3d3d3; } .employeeCard .employeeCardProfile .employeeLinkedInTitle { font-weight: 600; } .employeeCard .employeeCardProfile .employeeTwitterTitle { font-weight: 600; } .employeeOnlineProfileContainer { clear: both; } .employeeLinkedInContainer { margin-bottom: 7px; } .employeeTwitterContainer { margin-bottom: 7px; } .employeeAddressContainer { margin-bottom: 10px; } .employeeCard .employeeCardHeader .lowestBar { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-top: 0.5rem; } .employeeCard .employeeCardHeader .status { display: inline-block; } .employeeCard .employeeCardHeader .statusOutline { text-align: center; line-height: 1.8rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; border: 0.1rem solid; padding-right: 0.6rem; padding-left: 0.6rem; font-size: 1.2rem; max-width: 12rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 0.5rem; } .employeeCard .employeeCardHeader .statusOutline.singlelineTooltipEllipsisText { display: inline-block; vertical-align: middle; } .employeeCard .employeeCardHeader .statusOutline.active { background-color: #dbfbea; border-color: #098442; } .employeeCard .employeeCardHeader .statusOutline.inactive { background-color: #fff3e0; border-color: #fe7f0e; } .employeeCard .employeeCardHeader .statusOutline.otherstatus { background-color: #efefef; border-color: #696969; } .employeeCard .employeeCardHeader .more-managers-container { color: #1e52bf; } .employeeCard .employeeCardHeader .middot { font-size: 14px; font-weight: 900; color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); margin-right: 0.5rem; margin-left: 0.5rem; float: left; } .employeeCard .employeeCardHeader .FloatLeftAndCentered { float: left; margin-top: -2px; } .employeeCard .employeeCardHeader .topbar { max-height: 1.6rem; max-width: 25rem; overflow: hidden; } .employeeCard .manager-name { color: #000; max-width: 250px; font-size: 12px; } .employeeCard .manager-name.hyperlink { cursor: pointer; color: #1e52bf; } .employeeCard .manager-name.hyperlink:hover { text-decoration: underline; } .employeeCard .emp-manager-overflow { display: block; padding: 5px 15px 5px 15px; } .employeeCard .emp-manager-overflow .user-profile-image.manager-image.small { display: inline; float: left; margin: 0 10px 0 0; } .employeeCard .emp-manager-overflow .dijitOutput.manager-name { display: inline; float: left; } .employeeCard .more-managers-container { display: inline; } .employeeCard .dijitOutput.Icon_Gray_Arrow_Down.more-managers { display: inline-block; background-position-x: 30px; width: 5px; cursor: pointer; } .employeeCard .dijit.dijitMenuPassive.dijitReset.dijitMenuTable.managers-drop-down { margin-top: 10px; position: absolute; float: right; z-index: 10000; } .employeeCard .employeeCardForms { width: 100%; overflow: auto; } .employeeCard .employeeCardForms .employeeCardForms_container { width: 95%; margin-bottom: 10px; margin: 10px auto; } .employeeCard .employeeCardForms .employeeCardForms_container .noForms { text-align: center; padding: 100px 24px 0 0; color: #000; font-size: 14px; } .employeeCard .employeeCardForms .employeeCardForms_container .hidden { display: none !important; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section { background-color: #fff; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane { padding: 0; vertical-align: top; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup { background-color: #fff; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .ProfileSettings_SubsectionTitle { color: #696969; font-size: larger; font-weight: normal; list-style-type: none; list-style-position: inside; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 5px 5px; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none; border-top: none; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .ExpanderControl.ExpanderControlHeader .ExpanderTitleInner { padding: 0 0 0 5px; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .ExpanderControl.arrowOnLeft .ExpanderControlTitleOpen .dijitArrowNode { width: 16px; height: 16px; margin: 0 auto; background-image: url("../../Framework/images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-color: transparent; background-position: -32px -34px; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .ExpanderControl.arrowOnLeft .ExpanderControlTitleClosed .dijitArrowNode { width: 16px; height: 16px; margin: 0 auto; background-image: url("../../Framework/images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-color: transparent; background-position: -18px -34px; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .contentLink { text-align: left; color: #0355b2; cursor: pointer; font-size: small; font-weight: 500; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .formLogo { background: url("../../Framework/images/home_sprite.png?v=64.1.2.14510&") no-repeat -16px -113px; float: left; width: 14px; height: 17px; margin-left: 20px; margin-right: 10px; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .formPendingLogo { background: url("../../Framework/images/home_sprite.png?v=64.1.2.14510&") no-repeat -1px -113px; float: left; width: 14px; height: 17px; margin-left: 20px; margin-right: 10px; } .employeeCard .employeeCardForms .employeeCardForms_container .employeeCardForms_Section .formsPane .EmployeeFormGroup .formLinkRow { margin: 9px 0 2px 0; } .user-is-tabbing .employeeCard .employeeActionBar .employeeActionBarButton:focus { outline: 2px solid #0087fd; margin-left: 2px; border: 1px solid #fff; } .EmployeeFilteringPicker.FilteringSelector .EntitySelectorTextBoxWrapper .Icon { background-position: -24px -1728px; position: absolute; left: 0; top: 0; cursor: pointer; margin: 4px; } .EmployeeFilteringPicker.FilteringSelector .EntitySelectorArrowIcon { margin: 5px 0; } .EmployeeFilteringPicker.FilteringSelector .EntitySelectorTextBoxWrapper { -webkit-border-radius: 5px; border-radius: 5px; } .EmployeeFilteringPicker.FilteringSelector .EntitySelectorTextBoxWrapper .dijitTextBox, .EmployeeFilteringPicker.FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitTextBox { padding-left: 32px; padding-right: 18px; } .EmployeeFilteringPicker.FilteringSelector .dijitTextBox .dijitInputContainer { font-size: 8pt; height: 30px; } .EmployeeFilteringPicker.FilteringSelector .dijitTextBox .dijitInputContainer .dijitInputInner { font-size: 11pt; height: 28px; line-height: 28px; } .EmployeeFilteringPicker.FilteringSelector .dijitTextBox .dijitInputContainer .dijitPlaceHolder { height: 25px; line-height: 25px; } .EmployeeHierarchyVisualization { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .EmployeeHierarchyVisualization .node circle.tooltipHook { fill: #f00; stroke: none; } .EmployeeHierarchyVisualization text.subtext, .EmployeeHierarchyVisualization text.displayName { font-weight: bold; } .EmployeeHierarchyVisualization text.subtext { fill: #767676; } .EmployeeHierarchyVisualization text.normaltext { fill: #767676; } .EmployeeHierarchyVisualization .info { cursor: pointer; } .EmployeeHierarchyVisualization rect.directReportsRect { fill: #1162c2; /*blue*/ stroke: none; } .EmployeeHierarchyVisualization g.node rect.shadow, .EmployeeHierarchyVisualization .HierarchyVisualization g.node>rect:first-child, .EmployeeHierarchyVisualization.HierarchyVisualization g.node>rect:first-child { fill: #d7d7d7; stroke: none; } .EmployeeHierarchyVisualization rect.selectedBorder, .EmployeeHierarchyVisualization .teamRelate .teamRelateData.selectedBorder, .EmployeeHierarchyVisualization .selectedNode rect.selectedBorder, .EmployeeHierarchyVisualization .selectedNode.teamRelate .rect.selectedBorder { display: none; } .EmployeeHierarchyVisualization .link { stroke: #adadad; } .EmployeeHierarchyVisualization .selectedNode rect.selectedBorder, .EmployeeHierarchyVisualization .selectedNode.teamRelate .teamRelateData.selectedBorder { display: inherit; stroke: #1469ff; stroke-width: 1px; fill: #d2eaff; fill-opacity: 0.5; } .EmployeeHierarchyVisualization .selectedNode rect.coverup { display: none; } .EmployeeHierarchyVisualization g.node > rect.nodeRect { fill: #fff; stroke: #adadad; stroke-width: 0.5px; } .EmployeeHierarchyVisualization .node circle.directReports { fill: #009ad7; stroke: none; } .EmployeeHierarchyVisualization .transparent { fill: transparent; stroke: none; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .email { color: #1162c2; text-decoration: underline; } .EmployeeHierarchyVisualization .expanded .directReportsArrowDown, .EmployeeHierarchyVisualization .collapsed .directReportsArrowUp { display: none; } .EmployeeHierarchyVisualization .userProfileImage, .EmployeeHierarchyVisualization .directReportsTransparent { cursor: pointer; } .EmployeeHierarchyVisualization rect.backRect { fill: #fff; stroke: #adadad; stroke-width: 0.5px; } .EmployeeHierarchyVisualization rect.teamRelateData.backRect { fill: #f4f4f4; stroke: none; } .EmployeeHierarchyVisualization .bold { font-weight: bold; } .EmployeeHierarchyVisualization .TeamRelateManagerIcon, .EmployeeHierarchyVisualization .TeamRelateTeamIcon, .EmployeeHierarchyVisualization .TeamRelateIcon { display: inline-block; background: url("../images/OrgChart_sprites.png?v=64.1.2.14510&") no-repeat; height: 24px; width: 24px; } .EmployeeHierarchyVisualization .TeamRelateManagerIcon { background-position: -72px -24px; } .EmployeeHierarchyVisualization .TeamRelateTeamIcon { background-position: -96px -24px; } .EmployeeHierarchyVisualization .TeamRelateIcon { background-position: -150px -24px; } .EmployeeHierarchyVisualization .dots { border-bottom: 2px dotted #cdcdcd; height: 1px; display: inline-block; vertical-align: 50%; } .EmployeeHierarchyVisualization .vCenter { vertical-align: 50%; } .EmployeeHierarchyVisualization .percentValue { font-size: large; vertical-align: super; } .EmployeeHierarchyVisualization .expanded.teamRelate.teamRelateData .teamTrait, .EmployeeHierarchyVisualization .collapsed.teamRelate.teamRelateData .individualTrait { display: inherit; } .EmployeeHierarchyVisualization .teamRelateData { display: none; } .EmployeeHierarchyVisualization .teamRelate .teamRelateData { display: inherit; } .EmployeeHierarchyVisualization .highZoom .lowZoomDetail, .EmployeeHierarchyVisualization .lowZoom .highZoomDetail { display: none !important; } .contact-tooltip-item .label { display: block; color: #adafb3; font-size: 1.1rem; } .contact-tooltip-item .text { color: #000; font-size: 1.1rem; font-weight: 700; text-decoration: none; } .HierarchyVisualizationDialog .dijitDialogPaneContent { border: none; padding: 0; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane { font-family: Arial; font-size: 1.2rem; display: block; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .property { margin-bottom: 0.5rem; color: #696969; font-weight: normal; margin-top: 0px; line-height: normal; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .value { color: #000; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section { margin-bottom: 2rem; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.image { margin-bottom: 1.5rem; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.name { margin-bottom: 1rem; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.name .property { font-size: 1.4rem; font-weight: bold; color: #000; margin-top: 0px; line-height: normal; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.name .value { font-size: 1.2rem; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.contacts { margin-bottom: 1.5rem; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.contacts .dfI_G05_Email, .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.contacts .dfI_G05_LinkedIn, .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.contacts .dfI_G05_Phone { color: #1e51bf; font-size: 1.8rem; margin-right: 2rem; text-decoration: none; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.manager .value { color: #1e51bf; } .EmployeeHierarchyVisualization .HierarchyVisualDetailsPane .section.biography .value { margin-right: 1.6rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer> div:nth-child(3)> div:nth-child(2) { display: none; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm { min-width: 68rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .InlineLabel { max-width: 68rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .InlineLabel .InlineHelpText { white-space: pre-wrap; word-break: break-word; color: #000; font-size: 1.2rem; margin-bottom: 0.5rem; padding-right: 0.6rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .EmployeeNumber { margin-left: 1rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .EmployeeName { font-size: 1.8rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .EmployeeHeader { font-size: 1.3rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .InlineLabel { width: 100%; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .ContainerBox { padding-top: 1rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .EmployeeLoanWorkAssignmentControl .title { padding-top: 2rem; padding-bottom: 0.5rem; } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .EmployeeLoanWorkAssignmentControl .work-assignment-grid { height: calc(150rem / 10); } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .authorization-assignment-grid { height: calc(150rem / 10); } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .EmployeeLoanCancellationComplexForm .EmployeeLoanEmployeeScheduleControl .employee-schedule-grid { height: calc(150rem / 10); } .ComplexForm[id^="EmployeeLoanCancellationComplexForm"] .ComplexFormContainer .refreshProgressBar { background-image: url("../../Framework/images/Loading_spinner_Small.gif?v=64.1.2.14510&"); background-repeat: no-repeat; height: 18px; width: 18px; display: inline-block; position: relative; top: 5px; right: 5px; } @media print { .rem .EmployeeLoanCancellationComplexForm { min-width: auto; } .rem .EmployeeLoanCancellationComplexForm .EntityStateIcon { display: none; } .rem .EmployeeLoanCancellationComplexForm .dgrid-row-table { min-width: auto !important; } .rem .EmployeeLoanCancellationComplexForm .dgrid-content { min-width: auto !important; } } .emp-profile-payroll-election .title-label { font-size: 20px; font-weight: bold; color: #000; } .grid-toolbar { border: 1px solid #dbdbdb !important; } .grid-toolbar .active-all-button { border: 1px solid #154a94; -webkit-border-radius: 5px; border-radius: 5px; float: right; margin-right: 10px; margin-top: 3px; position: relative; z-index: 1000; } .emp-profile-payroll-election .empProfileContent .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none; } .claro .emp-profile-payroll-election-active-all-button .dijitToggleButton .dijitButtonNode { width: 50px; background-color: #fff; color: #154a94; background-image: none; padding: 0; border: 0; } .claro .emp-profile-payroll-election-active-all-button .dijitToggleButton .dijitButtonNode .dijitButtonText { font-size: inherit; } .claro .emp-profile-payroll-election-active-all-button .dijitToggleButton .dijitButtonNode .dijitButtonText { font-size: 8pt; } .emp-profile-payroll-election-active-all-button .dijitToggleButtonChecked .dijitReset.dijitInline.dijitButtonNode { color: #fff !important; background-color: #154a94 !important; } .claro .emp-profile-payroll-election-active-all-button .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { width: 50px; background-color: #154a94; color: #fff; background-image: none; } .emp-profile-payroll-election-active-all-button .dijitToggleButtonHover .dijitReset.dijitInline.dijitButtonNode { color: #154a94; background-color: #fff; background-image: none; border: 0; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; padding: 0 !important; } .emp-profile-payroll-election-active-all-button .dijitToggleButtonHover .dijitToggleButtonCheckedHover .dijitReset.dijitInline.dijitButtonNode { color: #fff; background-color: #154a94 !important; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; } .emp-profile-payroll-election-active-all-button .dijitToggleButtonChecked .dijitButtonNode .dijitButtonContents { color: #fff; } .emp-profile-payroll-election-active-all-button .dijitToolbar .dijitButtonContents { color: #fff; } .emp-profile-payroll-election .dgrid.dgrid-grid { overflow: auto; } .emp-profile-payroll-election .dgrid .dgrid-scroller { position: relative; overflow: visible; } .emp-profile-payroll-election .dgrid-column-Primary { text-align: center !important; } .emp-profile-payroll-election .dgrid-column-Rate { text-align: center !important; } .emp-profile-payroll-election .dgrid-column-EffectiveStart { padding-left: 10px; } .emp-profile-payroll-election .dgrid-column-EffectiveEnd { padding-left: 10px; } .emp-profile-payroll-election .dgrid-column-Terminated { text-align: center !important; } .line-center { margin: 0; padding: 0 10px; height: 1px; background: rgba(0,0,0,0.5); display: inline-block; } .emp-profile-payroll-election .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none !important; } .emp-profile-payroll-election .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-payroll-election .section-title-label { font-size: large; font-weight: 700; margin-top: 20px; margin-bottom: 5px; margin-left: 10px; } .emp-profile-payroll-election .section-pane { border: 1px solid #dbdbdb; overflow: hidden; margin-left: 10px; margin-right: 10px; } .emp-profile-payroll-election .section-pane .dijitTabContainer.horizontal>.dijitTabPaneWrapper { padding-top: 0; } .emp-profile-payroll-election .section-pane .dijitTabContainerTop-container { border: 0; } .claro .emp-profile-payroll-election .Button_Icon_Action { background: url("../../Framework/images/hrSprite.png?v=64.1.2.14510&") no-repeat; background-position: -2px -338px; -webkit-background-size: 25px 490px; -moz-background-size: 25px 490px; background-size: 25px 490px; width: 16px; height: 16px; } .emp-profile-payroll-election .Icon_Grid_Check { background: url("../images/toolbar_icons24.png?v=64.1.2.14510&") no-repeat; background-position: 0px -603px; display: inline-block; height: 16px; width: 24px; } .emp-profile-payroll-election .dgrid-header-row { right: 0; } .emp-profile-payroll-election .dgrid-content { width: 100% !important; } .position-term-control .cancel-button .dijitButtonNode { background-color: #fff; color: #000; } .triangle-up-right { position: relative; } .triangle-up-right::before { content: ""; position: absolute; top: 0; right: 0; border-top: 12px solid #ffa500; border-left: 12px solid transparent; width: 0; } .emp-profile-payroll-election .dijitContentPane { display: block; -webkit-overflow-scrolling: touch; } .emp-profile-payroll-election .ListboxContentPane { display: inline-block; } .emp-profile-payroll-election .FilterPaneWrapper.dijitFilterPane { margin-bottom: 0; } .emp-profile-payroll-election .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .dijitTitlePane.formTitlePane { margin: 20px; min-width: 500px; width: 47%; display: inline-table; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .dijitTitlePane.formTitlePane.payee { margin: 20px; min-width: 500px; width: 97%; display: inline-table; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .formTitlePane .left .dijitTitlePane { position: relative; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .formTitlePane .right .dijitTitlePane { position: absolute; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .cellwidth350px { float: left; margin: 5px; min-width: 300px; width: 325px; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .cellwidth47Perc { float: left; margin: 5px; width: 47%; } .emp-profile-payroll-electio .emp-profile-payroll-expandoroweditor .width100pct { width: 100%; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .label { padding-bottom: 5px; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .LimitsFieldColumn { margin: 5px; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .claro .dijitTitlePaneContentInner { padding: 0; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .container { border: 0px; position: relative; overflow-x: hidden; } .emp-profile-payroll-election .subHeader { margin-top: 10px; border-bottom: 1px solid #e5e5e5; } .emp-profile-payroll-election .expanderSeparator { margin-top: 30px; } .emp-profile-payroll-election .dgrid.dgrid-grid .dgrid-scroller { min-height: 0em; } .emp-profile-payroll-election .dijitContainer.dijitTableLayout { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; overflow: auto; } .emp-profile-payroll-election .dijitTableLayout .tableContainer-table { width: 100%; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .EntitySelector { width: 100%; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor div.payrollTaxesRepeater { width: 250px; padding: 5px; float: left; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor div.payrollTaxesRepeater:nth-child(4n+1) { clear: both; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .parametersHeader { border-bottom: solid 1px; color: #000; } .emp-profile-payroll-election .emp-profile-payroll-expandoroweditor .parametersHeader { border-bottom: solid 1px; color: #000; } .emp-profile-payroll-employeetaxdefinitions .title-label { font-size: 20px; font-weight: bold; color: #000; padding: 10px; } .grid-toolbar { border: 1px solid #dbdbdb !important; } .grid-toolbar .active-all-button { border: 1px solid #154a94; -webkit-border-radius: 5px; border-radius: 5px; float: right; margin-right: 10px; margin-top: 3px; position: relative; z-index: 1000; } .emp-profile-payroll-employeetaxdefinitions .empProfileContent .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none; } .claro .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButton .dijitButtonNode { width: 50px; background-color: #fff; color: #154a94; background-image: none; padding: 0; border: 0; } .claro .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButton .dijitButtonNode .dijitButtonText { font-size: inherit; } .claro .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButton .dijitButtonNode .dijitButtonText { font-size: 8pt; } .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButtonChecked .dijitReset.dijitInline.dijitButtonNode { color: #fff !important; background-color: #154a94 !important; } .claro .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { width: 50px; background-color: #154a94; color: #fff; background-image: none; } .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButtonHover .dijitReset.dijitInline.dijitButtonNode { color: #154a94; background-color: #fff; background-image: none; border: 0; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; padding: 0 !important; } .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButtonHover .dijitToggleButtonCheckedHover .dijitReset.dijitInline.dijitButtonNode { color: #fff; background-color: #154a94 !important; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; } .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToggleButtonChecked .dijitButtonNode .dijitButtonContents { color: #fff; } .emp-profile-payroll-employeetaxdefinitions-active-all-button .dijitToolbar .dijitButtonContents { color: #fff; } .emp-profile-payroll-employeetaxdefinitions .dgrid.dgrid-grid { overflow: auto; } .emp-profile-payroll-employeetaxdefinitions .dgrid .dgrid-scroller { position: relative; overflow: visible; } .emp-profile-payroll-employeetaxdefinitions .dgrid-column-Primary { text-align: center !important; } .emp-profile-payroll-employeetaxdefinitions .dgrid-column-Rate { text-align: center !important; } .emp-profile-payroll-employeetaxdefinitions .dgrid-column-EffectiveStart { padding-left: 10px; } .emp-profile-payroll-employeetaxdefinitions .dgrid-column-EffectiveEnd { padding-left: 10px; } .emp-profile-payroll-employeetaxdefinitions .dgrid-column-Terminated { text-align: center !important; } .line-center { margin: 0; padding: 0 10px; height: 1px; background: rgba(0,0,0,0.5); display: inline-block; } .emp-profile-payroll-employeetaxdefinitions .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border-bottom: none !important; } .emp-profile-payroll-employeetaxdefinitions .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-payroll-employeetaxdefinitions .section-title-label { font-size: large; font-weight: 700; margin-top: 20px; margin-bottom: 5px; margin-left: 10px; } .emp-profile-payroll-employeetaxdefinitions .section-pane { border: 1px solid #dbdbdb; overflow: hidden; margin-left: 10px; margin-right: 10px; } .emp-profile-payroll-employeetaxdefinitions .section-pane .dijitTabContainer.horizontal>.dijitTabPaneWrapper { padding-top: 0; } .emp-profile-payroll-employeetaxdefinitions .section-pane .dijitTabContainerTop-container { border: 0; } .claro .emp-profile-payroll-employeetaxdefinitions .Button_Icon_Action { background: url("../../Framework/images/hrSprite.png?v=64.1.2.14510&") no-repeat; background-position: -2px -338px; -webkit-background-size: 25px 490px; -moz-background-size: 25px 490px; background-size: 25px 490px; width: 16px; height: 16px; } .emp-profile-payroll-employeetaxdefinitions .Icon_Grid_Check { background: url("../images/toolbar_icons24.png?v=64.1.2.14510&") no-repeat; background-position: 0px -603px; display: inline-block; height: 16px; width: 24px; } .emp-profile-payroll-employeetaxdefinitions .dgrid-header-row { right: 0; } .emp-profile-payroll-employeetaxdefinitions .dgrid-content { width: 100% !important; } .position-term-control .cancel-button .dijitButtonNode { background-color: #fff; color: #000; } .triangle-up-right { position: relative; } .triangle-up-right::before { content: ""; position: absolute; top: 0; right: 0; border-top: 12px solid #ffa500; border-left: 12px solid transparent; width: 0; } .emp-profile-payroll-employeetaxdefinitions .dijitContentPane { display: block; -webkit-overflow-scrolling: touch; } .emp-profile-payroll-employeetaxdefinitions .FilterPaneWrapper.dijitFilterPane { margin-bottom: 0; } .emp-profile-payroll-employeetaxdefinitions .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .emp-profile-taxdef-expandoroweditor .dijitTitlePane.formTitlePane { margin: 20px; min-width: 500px; width: 600px; } .emp-profile-taxdef-expandoroweditor .formTitlePane .left .dijitTitlePane { position: relative; } .emp-profile-taxdef-expandoroweditor .formTitlePane .right .dijitTitlePane { position: absolute; } .emp-profile-taxdef-expandoroweditor .cellwidth250px { float: left; margin: 5px; width: 250px; } .emp-profile-taxdef-expandoroweditor .cellwidth300px { float: left; margin: 5px; width: 250px; } .emp-profile-taxdef-expandoroweditor .width250px { width: 250px; } .emp-profile-taxdef-expandoroweditor .width250pxTD { width: 250px; padding: 10px; } .emp-profile-taxdef-expandoroweditor .cell { float: left; margin: 5px; width: 250px; } .emp-profile-taxdef-expandoroweditor .width300px { width: 300px; } .emp-profile-taxdef-expandoroweditor .label { padding-bottom: 5px; } .emp-profile-taxdef-expandoroweditor .LimitsFieldColumn { margin: 5px; } .emp-profile-taxdef-expandoroweditor .claro .dijitTitlePaneContentInner { padding: 0; } .emp-profile-taxdef-expandoroweditor .container { border: 0px; position: relative; overflow-x: hidden; } .emp-profile-taxdef-expandoroweditor .subHeader { font-weight: bold; } .emp-profile-taxdef-expandoroweditor div.payrollTaxesRepeater { width: auto; padding: 5px; float: left; } .emp-profile-taxdef-expandoroweditor div.payrollTaxesRepeater:nth-child(4n+1) { clear: both; padding-left: 30px; } .emp-profile-taxdef-expandoroweditor .parametersHeader { border-bottom: solid 1px; color: #000; } .emp-profile-taxdef-expandoroweditor .parametersHeader { border-bottom: solid 1px; color: #000; } .emp-profile-payroll-employeetaxdefinitions .emp-profile-taxdef-expandoroweditor .dijitTitlePane .dijitTitlePaneContentInner > div { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .emp-profile-payroll-employeetaxdefinitions .expanderSeparator { margin-top: 32px; } .emp-profile-payroll-employeetaxdefinitions .dgrid.dgrid-grid .dgrid-scroller { min-height: 0em; } .emp-payroll-employeetaxdefinitions-label { display: inline-block; } .emp-payroll-employeetaxdefinitions-label.inline { display: inline; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeeName { font-weight: bold; font-size: 0.8em; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeePosition { font-weight: bold; font-style: italic; font-size: 0.7em; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow * { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeeNationalId, .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeePersonalEmail, .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeeMobile, .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeeNumberRow { font-style: italic; font-size: 0.7em; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow .EmployeeNumber { min-width: 40px; text-align: right; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow.EmployeeFiltering > * { display: inline-block; vertical-align: middle; } .EntitySelectorDropDownPopup .EmployeePickerDropDown .ListBoxRow.EmployeeFiltering .EmployeeImage { margin-right: 5px; } .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.EmployeePickerDropDown { /*highter base font for employee picker's drop down*/ font-size: 11pt; } .user-is-tabbing .MultiEntitySelectorMaxWidth .dijitButtonFocused { outline: 2px solid #0087fd; } .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeeName, .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeePosition, .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeeNumberRow { /*offset all items in blue dropdown by 20px*/ padding-left: 20px; } .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow + .ListBoxRow { border-top: none; } .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeeName { font-size: 1em; font-weight: normal; overflow: visible; /*avoid vertical text truncation*/ } .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeePosition, .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeeNumberRow { font-size: 0.7em; overflow: visible; /*avoid vertical text truncation*/ font-weight: normal; color: #cfcbcb; } .EntitySelectorDropDownPopup .GreyToolbar.EmployeePickerDropDown .ListBoxRow .EmployeeNumberRow { font-style: normal; } .EntitySelectorDropDownPopup .ShowAllEmployees { text-align: right; text-decoration: underline; cursor: pointer; font-weight: lighter; } .emp-profile-message { background-color: #ffc303; } .emp-profile-message label { top: -3px; } .emp-profile-message span { display: table; line-height: 1.5; } .emp-profile-message .boldMe { font-weight: bold; } .emp-profile-message .moveMe { top: 8px; position: relative; } .emp-profile-message .cb { top: 5px; position: relative; } .emp-profile-message #close-dialog { position: absolute; right: 33px; cursor: pointer; font-size: 10px; } .claro .emp-pro-mess .dijitTooltipContainer { background-color: #ffc303; border: 1px solid #ffc303; margin-top: 5px; font-size: 12px; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; color: #413100; } .claro .emp-pro-mess .dijitTooltipConnector { background-image: url("../../common/images/tooltip_arrows_yellow.png?v=64.1.2.14510&"); border: 0; z-index: 2; background-repeat: no-repeat; } .high-flight-risk { color: #e4001e; text-decoration-color: #e4001e; } .redFlightRiskIcon { color: #e4001e; } .low-performance-group { color: #e4001e; } .low-performance-icon::before { color: #e4001e; } .default-performance-icon-color::before { color: #696969; } .flight-risk-semiBold { font-weight: 600; } .medium-flight-risk, .medium-performance-group { color: #fd7f0f; } .low-flight-risk, .high-performance-group { color: #0d8545; } .EmployeeSelector { position: relative; min-width: 700px; } .EmployeeSelector .filterLabels { width: 90px; position: absolute; text-align: right; top: 0px; margin-right: 10px; line-height: 25px; } .EmployeeSelector .filterFields { display: block; position: relative; margin-left: 100px; margin-right: 15px; top: 9px; } .EmployeeSelector .filterFields.dijitTextBox { position: absolute; left: 100px; right: 15px; width: inherit; } .EmployeeSelector .leftPane { width: 100%; display: inline-block; vertical-align: top; } .EmployeeSelector .relativePositioning { position: relative; } .searchFieldRow.textbox { min-height: 22px; margin-bottom: 20px; } .searchFieldRow.entitySelector { min-height: 22px; margin-bottom: 17px; } .EmployeeSelector .searchFieldRow { min-width: 270px; } .EmployeeSelector .rightPane { position: absolute; right: 0px; width: 34%; top: 0px; bottom: 0; background: #fff; } .EmployeeSelector .rightPane .buttons { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .EmployeeSelector .rightPane .buttons .dijitButton { display: block; } .EmployeeSelector .rightPane .buttons .dijitButtonNode { padding: 0; min-width: 0; color: #1f53bf; } .EmployeeSelector .rightPane .buttons .dijitButtonContents { width: 30px; } .EmployeeSelector .rightPane .rightPaneSelection { position: absolute; left: 35px; right: 0px; top: 0px; bottom: 0px; } .EmployeeSelector .dijitTabContainer.horizontal>.dijitTabPaneWrapper { border-bottom: none; border-right: 1px solid #cdcdcd /*#adafb3*/; } .EmployeeSelector .dijitTabContainer.horizontal>.dijitTabController>.dijitTab>.tabLabel { margin-left: 5px; } .EmployeeSelector .dijitTabContainer { width: 33%; display: inline-block; } .EmployeeSelector .selectedPaneHeader { display: block; height: 40px; background-color: #1162c2; color: #fff; font-size: 15px; font-family: 'Open Sans', sans-serif; } .EmployeeSelector .dijitIcon, .EmployeeSelector .icon { margin-bottom: -2px; } .EmployeeSelector .selectedPaneHeader .icon { display: inline-block; margin-top: 6px; margin-left: 15px; } .EmployeeSelector .selectedPaneHeader h3.headerText { margin: 0; } .EmployeeSelector .selectedPaneHeader .headerText { display: inline-block; padding-top: 8px; vertical-align: top; } .EmployeeSelector .selectedPaneHeader h3.headerText { margin: 0; margin-top: 0; line-height: normal; font-weight: normal; font-size: 15px; } .EmployeeSelector > .selectedPaneHeader { display: none; } .EmployeeSelector .rightPane .dgrid { position: absolute; top: 77px; bottom: 0; left: 0; right: 0; width: 99%; height: auto; border-top: none; border-right: none; } .EmployeeSelector .dgrid-scroller { overflow-x: hidden; overflow-y: auto; } .EmployeeSelector .middlePane { position: absolute; left: 33%; width: 33%; top: 40px; bottom: 0px; border-top: 1px solid #cdcdcd; display: inline-block; vertical-align: top; background: #fff; } .EmployeeSelector .middlePane .ui-widget.dgrid { position: absolute; bottom: 0; top: 38px; right: 0; left: 0; height: auto; width: 100%; border-top: none; } .EmployeeSelector .middlePane .break { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #cdcdcd; margin-bottom: 16px; } .EmployeeSelector .ExpanderControl .ExpanderTitleInner { padding: 4px 10px; } .EmployeeSelector .dijitArrowNode { display: none; } .EmployeeSelector .ExpanderTitleNode { position: relative; } .EmployeeSelector .ExpanderTitleNode label { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 5px; } .EmployeeSelector .dgrid-row { border-bottom: 1px #adafb3 solid; } .EmployeeSelector .ListBoxRow .listBoxRowItem { height: 39px; margin-left: 10px; margin-right: 10px; position: relative; } .EmployeeSelector .ListBoxRow .listBoxRowDelete { position: relative; height: 39px; } .EmployeeSelector .ListBoxRow .employeeIcon { left: 25px; cursor: pointer; } .EmployeeSelector .ListBoxRow .listBoxRowCheckBox { display: inline-block; margin: 0; } .EmployeeSelector .ListBoxRow .listBoxRowLabelWrapper { position: absolute; right: 0; left: 55px; top: 0; bottom: 0; cursor: pointer; } .EmployeeSelector .ListBoxRow .listBoxRowLabel { line-height: 14px; } .EmployeeSelector .ListBoxRow .listBoxRowCheckBox label { line-height: 14px; } .EmployeeSelector .ListBoxRow .listBoxRowItem label { position: absolute; right: 0; left: 30px; top: 0; bottom: 0; cursor: pointer; } .EmployeeSelector .ListBoxRow .MCDraftIcon { right: 0px; cursor: pointer; margin-top: -1px; } .EmployeeSelector .ListBoxRow .listBoxRowDeleteIcon { background-position-x: -23px; cursor: pointer; } .EmployeeSelector .ListBoxRow .Icon_Clear { background-position: -24px -1704px; } .EmployeeSelector .ListBoxRow .dgrid-header-scroll { display: none; } .claro .EmployeeSelector .dijitToolbar { background-color: #f0f0f1; background-image: none; height: 28px; } .EmployeeSelector .dgrid.dgrid-grid .dgrid-row.dgrid-row-even, .EmployeeSelector .dgrid.dgrid-grid .dgrid-row.dgrid-row-odd { background-color: transparent; } .EmployeeSelector .rightPane .buttons .dijitButtonNode { background: transparent; border: none; color: #1f53bf; } .EmployeeSelector .rightPane .buttons .dijitButton .dijitButtonText { display: block; } .EmployeeSelector .dgrid .dgrid-header.dgrid-scrollbar-width { /* hidden to remove a blue bar ontop of the scrollbar*/ display: none; } .EmployeeSelector .ExpanderControl .ExpanderContentInner { padding: 0; } .EmployeeSelector .ExpanderControl.ExpanderControlSection .ExpanderTitleOuter { background-color: #f0f0f1; border: none; } .EmployeeSelector .ExpanderControl.ExpanderControlSection .ExpanderContentOuter, .EmployeeSelector .ExpanderControl .dgrid { border: none; position: relative; height: 50%; top: 0; } .EmployeeSelector td.dgrid-cell { border: none; } .EmployeeSelector .savedFilters .dgrid.dgrid-grid .dgrid-row.dgrid-selected { background-color: #bfd6eb; } .EmployeeSelector .savedFilters .dijitToolbar { line-height: 20px; } .EmployeeSelector .savedFilters .dijitToolbar .icon { margin-top: 3px; } .EmployeeSelector .savedFilters .dijitToolbar label { display: inline-block; vertical-align: top; margin-top: 3px; } .EmployeeSelector .savedFilters .dijitToolbar h3.SavedFavListHeader { font-size: 12px; font-weight: normal; line-height: normal; margin: 0; padding: 0 3px 0 6px; margin-top: 3px; display: inline-block; vertical-align: top; } .EmployeeSelector .verticallyCenter { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .EmployeeSelector .searchFieldRow label { top: 21px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .EmployeeSelector .savedListCount { right: 0px; color: #9d9d9d; } .EmployeeSelector .ListBoxRow .employeeIcon.Button_Icon_Info_Disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); cursor: default; } .EmployeeSelector .ListBoxRow .listBoxRowLabelWrapper.HideEmployeeCard { left: 25px; } .EmployeeSelector .ListBoxRow .listBoxRowCheckBox.HideEmployeeCard label { padding-left: 25px; } .EmployeeSelector.SingleSelect .rightPane { display: none; } .EmployeeSelector.SingleSelect .dijitTabContainer { /* left pane */ width: 50%; } .EmployeeSelector.SingleSelect .middlePane { right: 0px; width: 49%; left: 50%; } .EmployeeSelector.SingleSelect .middlePane .selectButtons .customToolbar { display: none; } .EmployeeSelector.SingleSelect > .selectedPaneHeader { top: 0; left: 50%; width: 49%; position: absolute; display: block; } .EmployeeSelector.SingleSelect .ListBoxRow .DayforceCheckBox .checkboxContainer { display: none; } .EmployeeSelector.SingleSelect .ListBoxRow .DayforceCheckBox label { left: 5px; } .EmployeeSelector.SingleSelect .ListBoxRow .employeeIcon { left: 0px; } .EmployeeSelector.SingleSelect .ListBoxRow .listBoxRowLabelWrapper { left: 25px; } .EmployeeSelector.SingleSelect .ListBoxRow .listBoxRowLabelWrapper.HideEmployeeCard { left: 0px; } .EmployeeSelector.SingleSelect .dgrid.dgrid-grid .dgrid-row.dgrid-selected { background-color: #b3d3fe; } .claro .dijitTooltipDialog.hideConnector > .dijitTooltipConnector { display: none; } .dijitTooltipDialogPopup .EmployeeSelector .saveAsButton { display: none; } .dijitTooltipDialogPopup .EmployeeSelector + .dialogButtons { display: block; text-align: right; padding: 10px 0 8px 0; margin-right: 15px; } .EmployeeSelector .leftPane .dijitFilterPane .FilterContent { padding: 0; } .EmployeeSelector .leftPane .dijitFilterPane .FilterContent .FilterPaneBottom { position: relative; } .EmployeeSelector .NewMode { display: none; } .EmployeeSelector .OldMode { display: block; } .EmployeeSelector.NewSelectAll .OldMode { display: none; } .EmployeeSelector.NewSelectAll .NewMode { display: block; } .EmployeeSelector .MCDraftIcon:focus { outline: 2px solid #0087fd !important; outline-offset: 1px; } .EmployeeSelector .listBoxRowDeleteIcon:focus { outline: 2px solid #0087fd !important; outline-offset: 1px; } .EmployeeSelector .savedFilters .field-Name:focus { outline: 2px solid #0087fd !important; outline-offset: -3px !important; } .EmployeeSelector .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .FieldTitle { width: 100%; height: 20px; } .MainEntityPane { display: none; } .MainEntityPane .MainEntityMessageLabel { display: block; margin: 0 0 10px 0; } .claro .MainEntityPane .dijitTextBox.MainEntityTextBox { margin: 0 10px 10px 0; min-width: 250px; } .MainEntityTitleLabel { font-weight: bold; font-size: 16px; position: relative; display: block; width: 100%; margin: 0 0 5px 0; padding: 0; } .MainEntitySeparator { border-bottom: 1px solid #e4f1fe; display: block; width: 100%; padding: 0 0 5px 0; } .entityPickerField .dijitTextBox { margin: 0px; } .dijitTableLayout .entityPickerField .dijitButton, .entityPickerField .dijitButton { margin: 0px 0px 0px -3px; padding: 1px; } .dijitTableLayout .entityPickerField .dijitButton .dijitButtonNode, .entityPickerField .dijitButton .dijitButtonNode { padding: 3px 6px 3px 4px; min-width: 10px; width: 14px; height: 16px; } .entityPickerFieldDialog .dijitComboBox { width: 100%; margin-right: 0px; } .entityPickerFieldDialog .entityTreeSelector, .entityPickerFieldTooltipDialog .entityTreeSelector { display: block; } .entityPickerFieldDialog .entityTreeSelector .entityTree { height: 175px; width: 283px; } .dfI_G08_Search.entity-tree-search-icon { position: absolute; color: #696969; font-size: 1.4rem; margin-left: 0.5rem; margin-top: 0.1rem; } .comboBoxEntityTreeSelector.dijitComboBox .dijitInputField.dijitInputContainer { margin-left: 2rem; } .comboBoxEntityTreeSelector.dijitComboBox .dijitInputField.dijitInputContainer .dijitPlaceHolder { margin-top: 0.1rem; } .OrgPicker_icon, .ManagerPicker_icon, .ClearSelection_icon { background: url("../images/OrgManagerPicker_icons.png?v=64.1.2.14510&") no-repeat; display: inline-block; width: 16px; height: 16px; } .ClearSelection_Delete_icon { background: url("../images/G00_global_delete.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .OrgPicker_icon { background-position: 0 0; } .dijitDisabled .OrgPicker_icon { background-position: -16px 0; } .ManagerPicker_icon { background-position: 0 -16px; } .dijitDisabled .ManagerPicker_icon { background-position: -16px -16px; } .ClearSelection_icon { background-position: 0 -32px; } .dijitDisabled .ClearSelection_icon { background-position: -16px -32px; } .orgManagerPickerWrapper { position: relative; width: 550px; } .orgManagerPickerWrapper .pickerWrapper { display: inline-block; } .orgManagerPickerWrapper .pickerWrapper .pickerLabel { display: inline-block; width: 250px; padding-right: 5px; } .entityPickerFieldTooltipDialog .dijitTooltipContainer { padding-bottom: 35px; /* so that the buttons are inside the dialog */ } .entityPickerFieldTooltipDialog .dijitComboBox { width: 100%; } .entityPickerFieldTooltipDialog .tooltipDialogButtons { float: right; padding-top: 5px; } .entityPickerFieldTooltipDialog .managerTree { width: 260px; /* so that the org and manager picker are the same width*/ } .entityPickerField .noLabelIcons .dijitButtonText { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .user-is-tabbing .entityPickerField .dijitButtonFocused { outline: 2px solid #0087fd; position: relative; z-index: 2; } .EntitySelector .deselectIcon { /*manual adjustment to get it to render properly beside other icons*/ background: url("../images/chosen-sprite.png?v=64.1.2.14510&") -42px 0px no-repeat; cursor: pointer; display: inline-block; height: 10px; position: absolute; right: 22px; top: 7px; width: 10px; } .EntitySelector .deselectIcon:hover { background-position: -42px -11px; } .user-is-tabbing .EntitySelector .deselectIcon:focus { outline: 2px solid #0087fd; } .EntitySelector .dijitDisabled .deselectIcon:hover { /*don't update the icon when the button is disabled as deselection is disabled*/ background-position: -42px 0px; } .EntitySelector .dijitDropDownButton .dijitIcon { float: left; } .EntitySelector { min-width: 150px; display: inline-block; vertical-align: middle; } .dgrid-cell .EntitySelector { /*no min width for entity selectors as an editor in a grid - usually limited horiz realestate*/ min-width: 0px; } .FilteringSelector[aria-invalid=true] .EntitySelectorValidationIcon, .MultiEntitySelector[aria-invalid=true] .EntitySelectorValidationIcon, .EntitySelector[aria-invalid=true] .EntitySelectorValidationIcon { display: inline-block; } .FilteringSelector .EntitySelectorValidationIcon, .MultiEntitySelector .EntitySelectorValidationIcon, .EntitySelector .EntitySelectorValidationIcon { position: absolute; right: 1px; top: 0px; margin: 0.2em 0 0 0; background-color: transparent; background-image: url("../../Common/images/dojo/error2.png?v=64.1.2.14510&"); background-position: top center; border: solid #f00 0; width: 9px; height: 15px; display: none; } .EntitySelector > .dijitDropDownButton, .EntitySelector > .dijitDropDownButton > .dijitButtonNode { display: block; } .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; padding-right: 36px; padding-top: 5px; text-align: left; font-size: 11px; font-family: 'Arial'; color: #696969; margin-left: -6px; } .EntitySelector > .dijitDropDownButton.dijitDisabled > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { color: #8a8787; } .EntitySelector > .dijitDropDownButton.placeHolder > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { color: #696969; } .page--TimeReview .WFMToolbarEmployeePicker > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitButtonText, .page--DirectManagerTimesheet .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { color: #1162c2 !important; } .WFMToolbarEmployeePicker .SpinnerButtonsContainer .SpinnerButton:focus { outline: 2px solid #0087fd; padding: 10px 10px 4px 4px; } .EntitySelector > .dijitDropDownButton > .dijitButtonNode, .dijitToolbar .EntitySelector > .dijitDropDownButton > .dijitButtonNode { background-color: #fff; background-image: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #b5bcc7; -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px !important /*When entitySelector is a part of the toolbar and it is in Hover state, this padding gets overriden*/; color: #444; text-decoration: none; border-color: #696969; } .EntitySelector > .dijitDropDownButton.dijitDisabled > .dijitButtonNode { border: 1px solid #dfe2e7; background-image: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); } .EntitySelector > .dijitDropDownButton.dijitDropDownButtonOpened > .dijitButtonNode { border-color: #52a8ec; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom: solid 1px transparent; background-color: #eee; background-image: -webkit-linear-gradient(#eee 20%, #fff 80%); background-image: -moz-linear-gradient(#eee 20%, #fff 80%); background-image: -o-linear-gradient(#eee 20%, #fff 80%); background-image: -ms-linear-gradient(#eee 20%, #fff 80%); background-image: linear-gradient(#eee 20%, #fff 80%); -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .EntitySelector > .dijitDropDownButton.DropDownHostAbove.dijitDropDownButtonOpened > .dijitButtonNode { border-color: #52a8ec; border-top: solid 1px transparent; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-image: -webkit-linear-gradient(#fff 40%, #eee 80%); background-image: -moz-linear-gradient(#fff 40%, #eee 80%); background-image: -o-linear-gradient(#fff 40%, #eee 80%); background-image: -ms-linear-gradient(#fff 40%, #eee 80%); background-image: linear-gradient(#fff 40%, #eee 80%); } .EntitySelector > .dijitDropDownButton.dijitFocused > .dijitButtonNode, .EntitySelector > .dijitDropDownButton.dijitFocused.DropDownHostAbove.dijitDropDownButtonOpened > .dijitButtonNode { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; border-color: #52a8ec; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); } .EntitySelectorArrowIcon, .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: 0px 2px; display: block; height: 18px; width: 18px; } .FilteringSelector .EntitySelectorArrowIcon, .MultiEntitySelector .EntitySelectorArrowIcon, .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { position: absolute; right: 0px; top: 0px; cursor: pointer; } .FilteringSelector.Opened .EntitySelectorArrowIcon, .MultiEntitySelector.Opened .EntitySelectorArrowIcon, .EntitySelector > .dijitDropDownButton.dijitDropDownButtonOpened > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { background-position: -18px 2px; } .dijitDisabled .EntitySelectorArrowIcon, .EntitySelectorDisabled.EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { cursor: default; display: none; } .claro .dijitPopup.EntitySelectorDropDownPopup { -webkit-box-shadow: none; box-shadow: none; /*overflow visible avoids double scrollbars which may occur if the drop down exceeds the physical bounds of the screen*/ /*must use !important because dijit/popup automatically adds overflow:auto to popups*/ overflow: visible !important; } .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown { background-color: #fff; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; border: solid 1px #52a8ec; border-top: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); display: block; background-image: none; font-size: 8pt; font-family: 'Open Sans'; } .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.isDetached { -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #52a8ec; max-width: 500px; margin-top: 3px; } .EntitySelector>.roundCorner.dijitDropDownButton.dijitFocused>.dijitButtonNode, .EntitySelector>.roundCorner.dijitDropDownButton.dijitFocused.DropDownHostAbove.dijitDropDownButtonOpened>.dijitButtonNode { -webkit-border-radius: 3px; border-radius: 3px; } .EntitySelectorDropDown.isDetached .EntitySelectorSearchIcon { margin-top: 2px; } .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.isDetached .ListBox .dgrid-scroller { overflow-y: scroll; overflow-x: hidden; } .dj_ie8 .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.isDetached .ListBox .dgrid-scroller.hasVerticalScroller .dgrid-content, .dj_ie9 .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.isDetached .ListBox .dgrid-scroller.hasVerticalScroller .dgrid-content { margin-right: 17px; /* because of vertical scroll bar */ } .dj_ie8 .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.isDetached .ListBox.dgrid.ui-widget, .dj_ie9 .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.isDetached .ListBox.dgrid.ui-widget { width: auto; } .claro .dijitPopup.EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.isDetached { max-width: 500px; } .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.FilterSelectorDropDown.isDetached { margin-top: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .claro .dijitPopup.EntitySelectorDropDownPopup.DropDownHostAbove .EntitySelectorDropDown.isDetached { -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #52a8ec; -webkit-box-shadow: none; box-shadow: none; max-width: 500px; margin-bottom: 3px; } .claro .dijitPopup.EntitySelectorDropDownPopup.DropDownHostAbove .EntitySelectorDropDown { -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; border: solid 1px #52a8ec; border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .claro .dijitPopup.EntitySelectorDropDownPopup.DropDownHostAbove .EntitySelectorDropDown.dijitError, .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.dijitError { border-color: #d46464 !important; } .FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox, .EntitySelectorDropDown .EntitySelectorTextBoxWrapper .EntitySelectorTextBox { font-size: 1em; margin: 0px; width: 100%; } .EntitySelector.dijitServerError > .dijitDropDownButton > .dijitButtonNode, .EntitySelector[aria-invalid=true] > .dijitDropDownButton > .dijitButtonNode, .EntitySelector[aria-invalid=true] > .dijitDropDownButton.DropDownHostAbove.dijitDropDownButtonOpened > .dijitButtonNode, .EntitySelector.dijitServerError > .dijitDropDownButton.DropDownHostAbove.dijitDropDownButtonOpened > .dijitButtonNode { border-color: #d46464 !important; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; } .EntitySelector[aria-invalid=true] > .dijitDropDownButton.dijitFocused > .dijitButtonNode, .EntitySelector.dijitServerError > .dijitDropDownButton.dijitFocused > .dijitButtonNode { border-color: #d46464; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(212,100,100,0.8); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(212,100,100,0.8); } .EntitySelectorDropDown .EntitySelectorTextBox .dijitInputContainer { /*Add padding to the nested input container to prevent text from overlapping the search icon*/ padding-right: 20px; } .FilteringSelector .EntitySelectorSearchIcon, .EntitySelectorDropDown .EntitySelectorSearchIcon { display: block; position: absolute; top: 6px; right: 5px; background: url("../images/chosen-sprite.png?v=64.1.2.14510&") no-repeat -34px -22px; background-repeat: no-repeat; width: 20px; height: 20px; } .EntitySelectorDropDown .EntitySelectorTextBoxWrapper { padding: 4px 6px 4px 4px; display: block; position: relative; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ui-widget.dgrid.ListBox { display: block; width: 100%; height: auto; border: none; padding: 0; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBox .dgrid-scroller { /*Only show the scroll bar if needed*/ overflow-y: auto; max-height: 250px; /*show at least 10 rows*/ position: relative; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .NoResultsFound { font-size: 8pt; padding: 4px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper { padding: 4px; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow { line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; overflow: visible; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow .ItemIcon { color: #0355b2; padding-right: 5px; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected .ItemIcon, .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active .ItemIcon { color: #fff; } .EntitySelectorDropDownPopup .TypeForMoreNode { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align: right; font-size: 1em; padding: 2px; font-style: italic; display: none; /*hidden by default always unless the selector is attached to a lazy searchable store*/ } .EntitySelectorDropDownPopup .EmployeePickerDropDown .TypeForMoreNode { font-size: 0.7em; } .EntitySelectorDropDownPopup .TypeForMoreNode.LazySearchableStore { /*if the selector is attached to a lazy searchable store we should allow display of the "Type For More..." node*/ display: block; } .EntitySelector > .dijitDropDownButton, .dijitTableLayout .EntitySelector > .dijitDropDownButton, .dijitToolbar .EntitySelector > .dijitDropDownButton { margin: 0px; padding: 0px; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected, .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0); background: #336ab2; /* Old browsers */ background: -webkit-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -moz-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -o-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -ms-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: linear-gradient(to bottom, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#214c84',GradientType=0 ); /* IE6-9 */ color: #fff; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .overrideColor .ListBoxRow.active { color: inherit; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active { background-color: #e9e9e9; color: #242424; } .MultiEntitySelector { display: inline-block; min-width: 150px; vertical-align: middle; line-height: normal; /* Need to reset line-height to normal for when entity selector is inside datagrid cells */ } .FilteringSelector .EntitySelectorTextBoxWrapper, .MultiEntitySelector .EntitySelectorContainer { display: block; overflow: hidden; background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #696969; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; } .FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitTextBox, .MultiEntitySelector .EntitySelectorTextBoxWrapper .MultiEntitySelectorItemNode { padding-right: 16px; background-color: #fff; /*padding-right to give room for drop down arrow and validation icon, avoid text clipping */ } .LimitedMultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitTextBox { padding-right: 0px; } .FilteringSelector .EntitySelectorTextBoxWrapper, .MultiEntitySelector .EntitySelectorTextBoxWrapper { /*set position:relative here so nested textbox can use absolute positioning*/ position: relative; display: block; /*This css is to make the wrapper node look like a textbox*/ background-color: #fff; /*border-radius: 3px; border: solid 1px #b5bcc7;*/ background-image: -webkit-linear-gradient(#eee 1%, #fff 15%); background-image: -moz-linear-gradient(#eee 1%, #fff 15%); background-image: -o-linear-gradient(#eee 1%, #fff 15%); background-image: -ms-linear-gradient(#eee 1%, #fff 15%); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; -ms-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; } .FilteringSelector.dijitFocused .EntitySelectorTextBoxWrapper, .FilteringSelector.dijitHover .EntitySelectorTextBoxWrapper, .MultiEntitySelector.dijitFocused .EntitySelectorContainer { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; border-color: #52a8ec; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); } .MultiEntitySelector.dijitOpened .EntitySelectorTextBoxWrapper.DropDownHostAbove { background-image: none; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .EntitySelectorTestNode, .MultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox, .MultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitHover, .MultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitTextBoxHover, .MultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitTextBoxActive { display: inline-block; margin: 0px; padding: 0px; /*must be transparent for box shadow of parent node to display properly*/ background-color: transparent; font-size: 11px; /*set min width to create a floor on our measurements*/ min-width: 10px; /*Width is programmatically updated as the user types*/ width: 10px; max-width: 100%; /*This CSS is to hide all the default textbox stylings*/ -webkit-border-radius: 3px; border-radius: 3px; border: 0px solid #000; background-image: none; -webkit-box-shadow: none; box-shadow: none; } .EntitySelectorTestNode .EntitySelectorTestNodeInner { /*Extra padding on the right to accomodate one more character to avoid blinking text*/ padding: 2px 15px 2px 3px; /*Must be same font as the selector's text box to measure properly*/ font-family: 'Segoe UI'; } .MultiEntitySelector .EntitySelectorTextBoxWrapper .MultiEntitySelectorItemNode { display: block; overflow: hidden; } .MultiEntitySelector .MultiEntitySelectorItem { margin: 2px 1px 1px 1px; padding: 2px 3px 2px 5px; border: 1px solid #aaa; -webkit-border-radius: 3px; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -ms-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; line-height: 13px; cursor: default; display: inline-block; position: relative; } .MultiEntitySelector .MultiEntitySelectorItem .labelNode { display: inline-block; font-family: 'Arial', sans-serif; font-size: 10.6667px; line-height: 13px; margin-right: 14px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .MultiEntitySelector .deselectIcon { background: url("../images/chosen-sprite.png?v=64.1.2.14510&") -42px 0px no-repeat; cursor: pointer; height: 10px; position: absolute; right: 4px; top: 4px; width: 10px; } .MultiEntitySelector .deselectIcon:hover { background-position: -42px -11px; } .MultiEntitySelector.dijitDisabled .deselectIcon:hover { /*don't update the icon when the button is disabled as deselection is disabled*/ background-position: -42px 0px; cursor: default; } .FilteringSelector.dijitDisabled .EntitySelectorTextBoxWrapper, .MultiEntitySelector.dijitDisabled .EntitySelectorContainer, .MultiEntitySelector.dijitDisabled .MultiEntitySelectorItemNode .MultiEntitySelectorItem { border: 1px solid #dfe2e7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0); background-image: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); color: #8a8787; } .MultiEntitySelector.dijitDisabled .EntitySelectorTextBoxWrapper, .MultiEntitySelector.dijitDisabled .MultiEntitySelectorItemNode { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0); background-image: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); color: #8a8787; } .MultiEntitySelector.dijitDisabled .EntitySelectorTextBox.dijitDisabled, .MultiEntitySelector.dijitDisabled .EntitySelectorTextBox.dijitDisabled .dijitInputContainer { background-color: transparent; } .EntitySelectorDropDown .ListBoxWrapper .dgrid .dgrid-header.dgrid-scrollbar-width { /*new dgrid style recently added border to listbox scroller area, we don't want that for entity selector listboxes*/ border: none; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active, .EntitySelectorDropDownPopup .LimitedDropDownMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected, .EntitySelectorDropDownPopup .LimitedDropDownMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active { filter: none; background: #b3d3fe; color: #000; cursor: default; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active.ui-state-active.active, .EntitySelectorDropDownPopup .LimitedDropDownMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.ui-state-active.active { /*border: 5px solid red*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0); background: #336ab2; /* Old browsers */ background: -webkit-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -moz-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -o-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -ms-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: linear-gradient(to bottom, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#214c84',GradientType=0 ); /* IE6-9 */ color: #fff; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active, .EntitySelectorDropDownPopup .LimitedDropDownMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0); background: #336ab2; /* Old browsers */ background: -webkit-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -moz-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -o-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -ms-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: linear-gradient(to bottom, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#214c84',GradientType=0 ); /* IE6-9 */ color: #fff; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active .ItemIcon, .EntitySelectorDropDownPopup .LimitedDropDownMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active .ItemIcon { color: #fff; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.AutoHideDisabled.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.LimitedMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active { background: #e7e7e7; color: #000; margin: 1px 2px 1px 2px; padding: 2px 2px 2px 2px; outline: 2px solid #0087fd; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.AutoHideDisabled.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active .ItemIcon, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.LimitedMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active .ItemIcon { color: #0355b2; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.AutoHideDisabled.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.LimitedMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected { background: #b3d3fe; color: #000; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.AutoHideDisabled.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected .ItemIcon, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.LimitedMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected .ItemIcon { color: #0355b2; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.AutoHideDisabled.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.LimitedMultiEntitySelectorDropDown.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active { background: #9ac4fe; } .MultiEntitySelector .placeHolderWrapper { position: absolute; left: 5px; padding: 4px 0px 0px 0px; } .MultiEntitySelector .placeHolder { /*max-width: 130px*/ max-width: 100%; white-space: nowrap; color: #707070; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .FilteringSelector[aria-invalid=true] .EntitySelectorTextBoxWrapper, .MultiEntitySelector[aria-invalid=true] > .EntitySelectorContainer, .MultiEntitySelector.dijitServerError > .EntitySelectorContainer { border-color: #d46464; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; } .dijitFocused.FilteringSelector[aria-invalid=true] .EntitySelectorTextBoxWrapper, .dijitFocused.MultiEntitySelector[aria-invalid=true] > .EntitySelectorContainer, .dijitFocused.MultiEntitySelector.dijitServerError > .EntitySelectorContainer { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(212,100,100,0.8); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(212,100,100,0.8); } .EntitySelector.FilterOperationSelector { padding-right: 2px; } .EntitySelector.FilterOperationSelector, .EntitySelector.FilterOperationSelector.string, .EntitySelector.FilterOperationSelector.bool, .EntitySelector.FilterOperationSelector.all, .EntitySelector.FilterOperationSelector.range { min-width: 80px; } .EntitySelector.FilterOperationSelector.numeric { min-width: 50px; } .EntitySelectorDropDownPopup .FilterOperationSelectorDropDown.EntitySelectorDropDown .ListBox .dgrid-scroller { /*Only show the scroll bar if needed*/ overflow-y: auto; /*set max height to none -> we never want a scroll bar to appear for operation selectors (it truncates our narrow drop down)*/ max-height: 300px; position: relative; } .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents { padding: 0px; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBox .dgrid-scroller .dgrid-content { display: inline-block; min-width: 100%; } .EntitySelector.FilterOperationSelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { padding-right: 20px; padding-left: 5px; } .GreyToolbar .EntitySelector .dijitButtonNode { background: none; border: none; } .GreyToolbar .EntitySelector, .GreyToolbar .EntitySelector .dijitDropDownButton, .GreyToolbar .EntitySelector .dijitDropDownButton .dijitButtonNode { /*make entity selector stretch to full height of toolbar*/ height: auto; /*remove all borders and ou tlines*/ border: none; -webkit-box-shadow: none; box-shadow: none; } .GreyToolbar .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { /*center the arrow button*/ top: 38%; background-position: -4px -92px; } .GreyToolbar .EntitySelector > .dijitDropDownButton.dijitDropDownButtonOpened > .dijitButtonNode > .dijitButtonContents > .dijitArrowButtonInner { background-position: -22px -92px; } .GreyToolbar.EntitySelectorDropDown .EntitySelectorSearchIcon { /*push search icon a bit further from the right to get a bit more separataion*/ margin: 0px 5px 0px 0px; } .claro .dijitPopup.EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown { /*same background color as grey toolbar*/ background-color: #f3f3f3; -webkit-border-radius: 0px; border-radius: 0px; color: #00489e; border: solid 1px #dadada; font-size: 10.5pt; border-top: none; } .GreyToolbar.EntitySelectorDropDown .EntitySelectorTextBoxWrapper { margin: 0px 5px; background: #fff; } .GreyToolbar.EntitySelectorDropDown .EntitySelectorTextBox { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; } .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton .dijitButtonNode .dijitButtonText { font-size: 10.5pt; font-weight: bold; } .GreyToolbar.EntitySelectorDropDown .ListBox, .GreyToolbar.EntitySelectorDropDown .EntitySelectorTextBoxWrapper .dijitTextBox .dijitInputInner { font-family: 'Open Sans'; font-size: 1em; } .EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown .ListBox .dgrid-scroller { /*drop down is a lot larger in grey bar*/ max-height: 400px; } .EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown .loadingAnimation { /*default loading animation looks ugly on grey background... suppress for now*/ display: none; } .EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown .loadingLabel { color: #00489e; font-size: 1em; } .EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.active, .EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected, .EntitySelectorDropDownPopup .GreyToolbar.EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-selected.active { background: none; background-color: #e6e6e6; /*same as grey toolbar button hover/active*/ color: #00489e; } .claro .dijitToolbar.GreyToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonText { margin: 0px; /*normally a -6px margin to pull left but we don't want that in the grey toolbar*/ padding-right: 24px; /*same padding as arrow icon to prevent clipping*/ } .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton.dijitDropDownButtonChecked .dijitButtonNode, .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton + .SpinnerButtonsContainer { background-color: transparent; /*background-color:#0053A4;*/ background-image: none; filter: none; border: none; -webkit-border-radius: 0px; border-radius: 0px; } .claro .dijitToolbar.GreyToolbar .EntitySelector.SpinnerButtons > .SpinnerButtonsContainer { width: 60px; } .claro .dijitToolbar.GreyToolbar .EntitySelector { -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; -ms-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; background-color: transparent; } .claro .dijitToolbar.GreyToolbar .EntitySelector.EntitySelectorHover, .claro .dijitToolbar.GreyToolbar .EntitySelector.EntitySelectorActive, .claro .dijitToolbar.GreyToolbar .EntitySelector.EntitySelectorChecked { background-color: #e6e6e6; } .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode .dijitButtonText, .claro .dijitToolbar.GreyToolbar .EntitySelector .dijitDropDownButton.dijitDropDownButtonChecked .dijitButtonNode .dijitButtonText { color: #00489e; } .claro .dijitToolbar.GreyToolbar .EntitySelector.FilterButton .FilterButtonContainer .FilterButtonMixinSeparator { border-right: 1px solid #00489e; margin-right: -10px; } .claro .dijitToolbar.GreyToolbar .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton .dijitButtonNode { padding: 7px 5px; } .claro .dijitToolbar.GreyToolbar .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton.dijitDropDownButtonOpened .dijitButtonNode { background-color: #c3c3c3; } .EntitySelectorFilterDropDownPopup.GreyToolbar { background-color: #f3f3f3; } .EntitySelector.SpinnerButtons { position: relative; min-width: 200px; /*base 150px + 50px for spinner buttons*/ } .EntitySelector.SpinnerButtons .dijitDropDownButton { margin-right: 55px; } .EntitySelector.SpinnerButtons .SpinnerButtonsContainer { position: absolute; right: 0px; bottom: 0px; top: 0px; width: 55px; } .EntitySelector.SpinnerButtons .SpinnerVSeparatorContainer { height: 100%; position: relative; } .EntitySelector .SpinnerButton { display: inline-block; height: 14px; width: 14px; margin-left: 5px; background-image: url("../images/SpinnerButtonArrows.png?v=64.1.2.14510&"); cursor: pointer; /*prevent selection to avoid selecting text on double click*/ -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .EntitySelector .SpinnerButton + .SpinnerButton { margin-left: 10px; } .EntitySelector .SpinnerButton.SpinnerDownArrow { background-position: 0px -34px; } .EntitySelector .SpinnerButton.SpinnerUpArrow { background-position: -14px -34px; } .EntitySelector .EntitySelectorDisabled .SpinnerButton.SpinnerDownArrow { background-position: -42px -34px; } .EntitySelector .EntitySelectorDisabled .SpinnerButton.SpinnerUpArrow { background-position: -28px -34px; } .GreyToolbar .EntitySelector .SpinnerButton.SpinnerDownArrow { background-position: 0px -20px; } .GreyToolbar .EntitySelector .SpinnerButton.SpinnerUpArrow { background-position: -14px -20px; } .GreyToolbar .EntitySelector .EntitySelectorDisabled .SpinnerButton.SpinnerDownArrow { background-position: -42px -20px; } .GreyToolbar .EntitySelector .EntitySelectorDisabled .SpinnerButton.SpinnerUpArrow { background-position: -28px -20px; } .EntitySelectorDisabled .SpinnerButton { cursor: default; } .FilteringSelector { position: relative; } .FilteringSelector .EntitySelectorTextBoxWrapper { position: relative; } .FilteringSelector .EntitySelectorTextBoxWrapper, .FilteringSelector .EntitySelectorTextBoxWrapper .dijitTextBox { /*block and auto makes textbox stretch to the width of the actual selector control*/ display: block; width: auto; } .FilteringSelector .dijitButtonNode.dijitArrowButton { border-top: 0px; border-bottom: 0px; border-right: 0px; position: absolute; top: 0px; right: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox, .FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitActive, .FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitHover, .FilteringSelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitFocus { border: none; -webkit-box-shadow: 0px; box-shadow: 0px; background: none; } .EntitySelector.FilterButton { position: relative; } .EntitySelector.FilterButton > .dijitDropDownButton { margin-left: 40px; } .EntitySelector.FilterButton .FilterButtonContainer { position: absolute; left: 0; bottom: 0; top: 0; width: 30px; } .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton { margin: 0; } .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton.dijitDropDownButtonOpened, .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton.dijitHover { background-color: #e9e9e9; } .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton .dijitButtonNode { padding: 0px 2px 2px 2px; border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; } .EntitySelector.FilterButton .FilterButtonContainer .FilterButtonMixinSeparator { border-right: 1px solid #808080; display: inline-block; position: absolute; right: 0; top: 15%; bottom: 15%; } .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton .dijitButtonNode .dijitButtonText, .EntitySelector.FilterButton .FilterButtonContainer .FilterDropDownButton .dijitButtonNode .dijitArrowButtonInner { display: none; } .EntitySelectorFilterDropDownPopup { padding: 15px; background-color: #fff; margin-top: 2px; } .EntitySelectorFilterDropDownPopup .EntitySelectorFilterDropDown { -webkit-box-shadow: none; box-shadow: none; } .EntitySelectorFilterDropDownPopup .EntitySelectorFilterDropDown .FilterByLabel { color: #808080; padding-bottom: 5px; } .LimitedMultiEntitySelector .TotalSelectedLabelContainer { text-align: right; min-height: 12px; } .LimitedMultiEntitySelector .TotalSelectedLabel { padding-bottom: 2px; font-size: 9px; } .LimitedMultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox .dijitInputContainer { height: 20px; } .LimitedMultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox .dijitInputField { padding: 0px 2px; } .LimitedMultiEntitySelector .EntitySelectorTextBoxWrapper { padding-bottom: 1px; /*padding-bottom so that the top and bottom spacing is the same*/ } .LimitedMultiEntitySelector.dijitDisabled .EntitySelectorTextBoxWrapper { background-color: rgba(0,0,0,0); background-image: none; } .AdvancedEmployeePicker { display: table; table-layout: fixed; } .AdvancedEmployeePicker .ActionButtons { display: table-cell; white-space: nowrap; /*so that buttons are always besides each other*/ padding-left: 10px; width: 94px; } @media screen and (max-width: 520px) { .AdvancedEmployeePicker .ActionButtons { display: table-row; } } .AdvancedEmployeePicker .ActionButtons.hideEmployeeButton, .AdvancedEmployeePicker .ActionButtons.hideClearButton { width: 47px; } .AdvancedEmployeePicker .ActionButtons.hideEmployeeButton.hideClearButton { width: 0px; } .AdvancedEmployeePicker .ActionButtons .dijitIconButton.hideTotalSelected { margin-top: 0px; /* Not showing the total selected label - no need to set margin top */ } .AdvancedEmployeePicker .ActionButtons .dijitIconButton { margin-top: 16px; /* buttons are not aligned with the entity selector because of the total selected label, so align them */ } .AdvancedEmployeePicker .ActionButtons .dijitIconButton .dijitIcon { margin-left: 4px; /* center the icon */ } .AdvancedEmployeePicker.MultiSelect .EntitySelector, .AdvancedEmployeePicker.SingleSelect .LimitedMultiEntitySelector { display: none; } .AdvancedEmployeePicker.MultiSelect .LimitedMultiEntitySelector, .AdvancedEmployeePicker.SingleSelect .EntitySelector { display: table-cell; } .AdvancedEmployeePicker .MultiEntitySelectorItemNode { white-space: normal; } .AdvancedEmployeePicker.SingleSelect .ActionButtons .dijitIconButton { margin-top: 0px; /* No need to set margin since we are not showing the total selected label - buttons will automatically align themselves */ } .AdvancedEmployeePicker .TotalSelectedLabel { color: #1e51bf; text-decoration: none; display: inline-block; -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .AdvancedEmployeePicker .TotalSelectedLabel:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .AdvancedEmployeePicker .TotalSelectedLabel:hover, .AdvancedEmployeePicker .TotalSelectedLabel:active { cursor: pointer; text-decoration: underline; } .AdvancedEmployeePicker.dijitDisabled .TotalSelectedLabel { color: #000; text-decoration: none; cursor: default; } .LimitedMultiEntitySelector .tempMeasureHeight { white-space: nowrap; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.SelectAllMixin .SelectAllWrapper label { vertical-align: middle; padding-left: 2px; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.SelectAllMixin .SelectAllWrapper, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.ShowSelectAll .SelectAllWrapper { padding: 5px 12px 5px 7px; background: #e9e9e9; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.SelectAllMixin .ListBoxRow .DayforceCheckBox { padding-right: 4px; } .EntitySelectorDropDownPopup.DropDownHostBelow .MultiEntitySelectorDropDown.SelectAllMixin .dijitContentPane { padding-top: 2px; } .EntitySelectorDropDownPopup .ListBoxRow.BaseCurrency { border-bottom: solid; border-width: 1px; } .comboboxSearchResults { display: none; position: absolute; overflow: hidden; height: 0; width: 0; left: -99999999px; } .comboboxSearchResults.active { display: inline; } .EntitySelectorFocused .dijitButtonNode, .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown, .claro .dijitPopup.EntitySelectorDropDownPopup.DropDownHostAbove .EntitySelectorDropDown.dijitError, .claro .dijitPopup.EntitySelectorDropDownPopup .EntitySelectorDropDown.dijitError, .claro .dijitPopup.EntitySelectorDropDownPopup.DropDownHostAbove .EntitySelectorDropDown, .EntitySelector.dijitServerError > .dijitDropDownButton > .dijitButtonNode, .EntitySelector[aria-invalid=true] > .dijitDropDownButton > .dijitButtonNode, .EntitySelector[aria-invalid=true] > .dijitDropDownButton.DropDownHostAbove.dijitDropDownButtonOpened > .dijitButtonNode, .EntitySelector.dijitServerError > .dijitDropDownButton.DropDownHostAbove.dijitDropDownButtonOpened > .dijitButtonNode { border-color: #ccc; -webkit-box-shadow: none !important; box-shadow: none !important; } .user-is-tabbing .FilteringSelector.dijitFocused .EntitySelectorTextBoxWrapper, .user-is-tabbing .FilteringSelector.dijitHover .EntitySelectorTextBoxWrapper, .user-is-tabbing .MultiEntitySelector.dijitFocused .EntitySelectorContainer { border: solid 1px #b5bcc7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .user-is-tabbing .FilteringSelector.dijitFocused .EntitySelectorTextBoxWrapper:focus-within, .user-is-tabbing .FilteringSelector.dijitHover .EntitySelectorTextBoxWrapper:focus-within, .user-is-tabbing .MultiEntitySelector.dijitFocused .EntitySelectorContainer:focus-within { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .MultiEntitySelectorItemNode .dijitFocused { outline: none !important; } .user-is-tabbing .EntitySelector>.dijitDropDownButton.dijitFocused>.dijitButtonNode { outline: 2px solid #0087fd; outline-offset: -3px; border-color: #b5bcc7; -webkit-box-shadow: none !important; box-shadow: none !important; } .user-is-tabbing .EntitySelector>.dijitDropDownButton.dijitDropDownButtonFocused .dijitButtonContents:focus { outline: none; } .EntitySelector>.dijitDropDownButtonOpened>.dijitButtonNode { outline: none !important; border-color: #b5bcc7 !important; } .EntitySelectorDropDown.dijitMenuActive .dijitInputContainer { outline: 2px solid #0087fd; } .EntitySelector>.dijitDropDownButtonOpened>.dijitButtonNode { outline: none !important; border-color: #b5bcc7 !important; } .EntitySelectorDropDown.dijitMenuActive .dijitInputContainer { outline: 2px solid #0087fd; } .WhatsNewModal .EntitySelector > .dijitDropDownButton.dijitFocused > .dijitButtonNode { outline: 2px solid #0087fd !important; } .NewFeatureUI.user-is-tabbing .dayforceDialog .dijitDropDownButton ::after { outline: none !important; } .NewFeatureUI.user-is-tabbing .dayforceDialog .dijitReset.dijitButtonContents.dijitDownArrowButton:focus ::after { outline: none; } .EntitySelectorContainer .EntitySelectorTextBoxWrapper .MultiEntitySelectorItemNode .MultiEntitySelectorItem .deselectIcon:focus { outline: 2px solid #0087fd; } .ExpanderControl .ExpanderTitleOuter, .ExpanderControl .ExpanderContentOuter { width: 100%; display: block; } .ExpanderControl .ExpanderTitleOuter { cursor: pointer; } .ExpanderControl .ExpanderTitleInner, .ExpanderControl .ExpanderContentInner { padding: 10px; } .ExpanderControl .ExpanderTitleNode { display: inline-block; width: 100%; } .ExpanderControl .dijitArrowNode { text-align: center; width: 20px; } .ExpanderControl .ExpanderControlTitleOpen .dijitArrowNode { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat; background-position: -21px 0; height: 8px; width: 7px; } .ExpanderControl .ExpanderControlTitleClosed .dijitArrowNode { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat; height: 8px; width: 7px; } .ExpanderControl.arrowOnLeft .ExpanderControlTitleOpen .dijitArrowNode { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat; background-position: 0 0; height: 8px; width: 7px; } .ExpanderControl.arrowOnLeft .ExpanderControlTitleClosed .dijitArrowNode { background: url("../images/spriteArrows.png?v=64.1.2.14510&") no-repeat; background-position: -42px 0; height: 8px; width: 7px; } .ExpanderControl .ExpanderArrowCell { width: 20px !important; text-align: center; } .ExpanderControl.ExpanderControlSection .ExpanderTitleOuter { border: solid 1px #cfe5fa; } .ExpanderControl.ExpanderControlSection .ExpanderContentOuter { border: 1px solid #cfe5fa; margin-top: -1px; } .ExpanderControl.ExpanderControlSection .ExpanderArrowCell { width: 40px; } .ExpanderControl.ExpanderControlSection .ExpanderControlTitleOpen .dijitArrowNode { background: url("../images/ExpanderControl_sprites.png?v=64.1.2.14510&") no-repeat -41px -1px; width: 20px; height: 13px; } .ExpanderControl.ExpanderControlSection .ExpanderControlTitleClosed .dijitArrowNode { background: url("../images/ExpanderControl_sprites.png?v=64.1.2.14510&") no-repeat -41px -16px; width: 20px; height: 13px; } .ExpanderControl.ExpanderControlSection.ExpanderControlSectionV2 .ExpanderTitleOuter { border-width: 0px; } .ExpanderControl.ExpanderControlSection.ExpanderControlSectionV2 .ExpanderContentOuter { border-width: 0px; } .ExpanderControl.ExpanderControlSection.ExpanderControlSectionV2 .ExpanderTitleInner { font-size: 16px; line-height: 19.2px; padding-left: 0px; } .ExpanderControl.ExpanderControlFilter .ExpanderTitleOuter { border: solid #cfe5fa; border-width: 1px 0 1px 0; } .ExpanderControl.ExpanderControlFilter .ExpanderContentOuter { border-width: 0; } .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter { border: 0; } .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter { border: 2px solid #cfe5fa; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #cfe5fa; box-shadow: 0 0 10px #cfe5fa; } .ExpanderControl .ExpanderArrowCellLeft { display: none; } .ExpanderControl.arrowOnLeft .ExpanderArrowCellLeft { display: table-cell; width: 7px; } .ExpanderControl.arrowOnLeft .ExpanderArrowCellRight { display: none; } .TabbedExpander .TabbedExpanderTitleOuter { background-color: #f1f1f1; } .TabbedExpander .TabbedExpanderTop-tabs { height: 40px; } .TabbedExpander .TabbedExpanderButton .dijitButtonContents { padding: 0 15px 0 15px; } .TabbedExpander .TabbedExpanderTitleTable .TabbedExpanderArrowCell { width: 37px; text-align: center; } .TabbedExpander .TabbedExpanderArrowCell .dijitArrowNode { cursor: pointer; width: 16px; height: 16px; background: none; } .TabbedExpander .TabbedExpanderTitleOpen .TabbedExpanderArrowCell > .dijitArrowNode { background: url("../images/ExpanderControl_sprites.png?v=64.1.2.14510&") no-repeat -1px 1px; } .TabbedExpander .TabbedExpanderTitleClosed .TabbedExpanderArrowCell > .dijitArrowNode { background: url("../images/ExpanderControl_sprites.png?v=64.1.2.14510&") no-repeat -1px -15px; } .TabbedExpander .TabbedFixedOpen .TabbedExpanderArrowCell, .TabbedExpander .TabbedFixedClosed .TabbedExpanderArrowCell { display: none; } .TabbedExpander .TabbedExpanderTitleInner .TabbedExpanderButton { text-align: center; } .TabbedExpander .TabbedExpanderTitleInner .dijitButtonText { font-family: 'Open Sans'; color: #0053a4; font-size: 13px; } .TabbedExpander .TabbedExpanderTitleInner .dijitChecked .dijitButtonText { font-weight: bold; } .TabbedExpander .TabbedExpanderTitleTable { width: 100%; height: 35px; } .TabbedExpander .dijitTabContainer > .dijitTabPaneWrapper [role=tabpanel] { height: auto; } .TabbedExpander .TabbedExpanderContentOuter { overflow: auto; } .TabbedExpander .container > * { display: none; } .TabbedExpander .container > .selectedTab { display: inherit; } .div-table { display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: initial; border-spacing: 2px; } .div-row-group { display: table-row-group; vertical-align: middle; } .div-row { display: table-row; vertical-align: inherit; } .div-cell { display: table-cell; vertical-align: inherit; } .expanderRow { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .expanderRowContainer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 10px; margin-bottom: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .arrowOnLeft .expanderRowContainer { -webkit-box-direction: reverse; -moz-box-direction: reverse; -o-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } .arrowOnLeft .expanderRowContainer .expanderRow { margin-right: 15px; } .arrowOnLeft .expanderRowContainer .ExpanderTitleNode span { font-size: 16px; } .TabbedExpanderButtonFocused, .ExpanderArrowFocused { outline: 2px solid #0087fd; } body:not(.user-is-tabbing) .TabbedExpanderButtonFocused, body:not(.user-is-tabbing) .ExpanderArrowFocused { outline: none; } .user-is-tabbing .expanderRowContainer:focus { outline: 2px solid #0087fd; } .expressionIDE .icon_Gray_Calculator { background: url("../images/ben_admin_sprite.png?v=64.1.2.14510&") no-repeat -64px -80px; width: 16px; height: 16px; vertical-align: middle; } .expressionIDE .expTabContent a, .expressionIDE .expTabContent a:active { color: #3e4dba; text-decoration: none; } .expressionIDE .expTabContent a:visited { color: #3e4dba; text-decoration: none; } .expressionIDE .expTabContent a:hover { color: #3e4dba; text-decoration: underline; } .expressionIDE .cellMessages { color: #f00 !important; } .expressionIDE .cellLine { text-align: center !important; } .expressionIDE .cellColumn { text-align: center !important; } .expressionIDE .cellTestValue { text-align: center !important; } .expressionIDE .expExtern .dgrid-row-table .field-action { width: 100px; } .expressionIDE .expMessages .dgrid-row-table .field-Message { width: 60%; } .expressionIDE .expMessages .dgrid-row-table .field-Line { width: 20%; } .expressionIDE .expMessages .dgrid-row-table .field-Column { width: 20%; } .expressionIDE .expEntities .dgrid-header { display: none !important; } .expressionIDE .resultPane { margin-top: 5px; margin-bottom: 5px; } .expressionIDE .opsTools { border: none; } .expressionIDE .resultPane .opsTools { border: none; } .expressionIDE .expTabContent { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; overflow: auto; } .expressionIDE .expTabContent .externalVariableColumns { height: 25rem; } .expressionIDE .descScript { font-style: italic; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; word-wrap: normal; white-space: normal; display: block; } .expressionIDE .descContent { margin-top: 5px; overflow-x: hidden; overflow-y: auto; word-wrap: normal; white-space: normal; display: block; } .expressionIDE .expTabContent .expBuilder .builderPane { vertical-align: top; display: inline-block; width: 32%; height: 170px; } .expressionBuilderIFrameContainer { background-color: #293656 !important; min-height: 140px; max-height: 150px; height: 100%; } .expressionBuilderIFrame { background-color: #293656 !important; color: #f2f2f2; } .expressionIDE .expBuilder .dijitTitlePane { -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; border: 1px solid #e6f1fe; margin-top: 5px; } .expressionIDE .expBuilder .dijitTitlePane .dijitTitlePaneTextNode { padding: 0 1px; font-size: 11px; font-family: 'Open Sans'; } .claro .expressionIDE .expBuilder .dijitTitlePane .dijitTitlePaneTextNode { color: #013ca6; } .expressionIDE .expBuilder .dijitTitlePane .dijitTitlePaneTitle { border: none; padding: 10px 0px 10px 10px; } .claro .expressionIDE .expBuilder .dijitTitlePane .dijitTitlePaneTitle { background-color: #fff; } .expressionIDE .expBuilder .dijitTitlePane .dijitTitlePaneContentOuter { border-top: none; border-left: none; border-right: none; border-top: 1px solid #759dc0; border-bottom: none; } .expressionIDE .expBuilder .dijitTitlePaneContentInner { padding: 5px; font-size: 8pt; margin-bottom: 5px; } .FavouriteFeatureModal .dijitDialogPaneContent { height: auto; width: 85%; min-width: 700px; padding: 0; } .FavouriteFeatureModal .FavoriteFeatureEditor table:not(.notification-container) { display: grid; grid-template-rows: minmax(30%, auto) auto 1fr /* .SelectedFeaturePane | .SearchFeaturePane | .AvailableFeaturePane */; } .FavouriteFeatureModal .SelectedFeaturePane { display: grid; grid-template-rows: auto 1fr /* SelectInstruction | SelectedFeatureList */; } .FavouriteFeatureModal .AvailableFeaturePane { background-color: #efeff0; min-height: 305px; } .FavouriteFeatureModal .AvailableFeaturePane .notificationBarIsNotHidden { background-color: #efeff0; } .FavouriteFeatureModal .FeatureList { padding: inherit; width: 100%; } .FavouriteFeatureModal .SelectedFeaturePane .FeatureList { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; overflow-x: auto; padding: inherit; padding-bottom: 10px; width: 100%; } .FavouriteFeatureModal .SelectInstruction { padding: 10px 30px; } .FavouriteFeatureModal .SearchFeaturePane { border-bottom: 1px solid #adafb3; border-top: 1px solid #68696b; background-color: #efeff0; } .FavouriteFeatureModal .SearchFeaturePane .SearchFeaturePaneContent { padding: 10px 30px; } .FavouriteFeatureModal .SearchFeaturePane .Instruction { width: 45%; float: left; margin-top: 15px; margin-bottom: 15px; } .FavouriteFeatureModal .SearchFeaturePane .SearchBox { width: 35%; float: right; margin-top: 12px; margin-bottom: 12px; } .FeatureDetail { display: inline-block; border: 0 !important; margin: 5px; text-align: center; position: relative; vertical-align: top; } .FeatureDetail .FeatureDetailContent { width: 110px; display: inline-block; position: relative; padding: 0 10px; } .FeatureDetail .Indicator { width: 106px; height: 116px; background-color: transparent !important; border: 2px dashed #006cd8 !important; -webkit-border-radius: 10px; border-radius: 10px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); display: none; } .FeatureDetail.dojoDndItemBefore .Indicator.Left, .FeatureDetail.dojoDndItemAfter .Indicator.Right { display: inline-block; } .FeatureDetail.dojoDndItemBefore, .FeatureDetail.dojoDndItemAfter { background-color: transparent; } .FeatureDetail.ExternalDrop.dojoDndItemBefore .FeatureDetailContent, .FeatureDetail.ExternalDrop.dojoDndItemAfter .FeatureDetailContent { display: none; } .FeatureDetail.FeatureSearchTemplate .featureimage .FeatureResultFavoriteIcon { margin: 41px; margin-bottom: 40px; display: inline-block; } .FeatureDetail .FeatureName { display: block; display: -webkit-box; max-width: 110px; margin-left: auto; margin-right: auto; margin: 0 auto; line-height: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; } .Home .FeatureDetail .FeatureName { color: #fff; } .Home .FeatureDetail, .Home .FeatureDetail:focus { padding: 0; } .Home .FeatureDetail .FeatureDetailContent { border-width: 1px; border-style: solid; border-color: transparent; outline-width: 2px; outline-style: solid; outline-color: transparent; margin-top: 10px; } .Home .FeatureDetail:hover .FeatureDetailContent, .FeatureToolbarActionMenu .FeatureToolbarButton:hover .dijitIcon, .FeatureToolbarButton.HomeButtonWidget:hover .dijitIcon, .FeatureToolbarButton.Hamburger:hover .dijitIcon, .FeatureToolbar .LeftMenu .LogoToolbar .Logo:hover { background-color: rgba(28,28,30,0.08) !important; } .FeatureToolbarActionMenu .FeatureToolbarButton.FeatureEverestToolbarButton:hover .dijitIcon, .FeatureToolbarButton.FeatureEverestToolbarButton.HomeButtonWidget:hover .dijitIcon, .FeatureToolbarButton.EverestHamburger:hover .dijitIcon { background-color: var(--evr-borders-decorative-lowemp) !important; -webkit-border-radius: 50%; border-radius: 50%; width: 24px; height: 24px; } .FeatureToolbarActionMenuList { display: -webkit-inline-box !important; padding-bottom: 1rem; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .FeatureToolbarButton.CloseButton.HomeButtonWidget:hover { background-color: rgba(28,28,30,0.08); } body:not(.user-is-tabbing) .Home .FeatureDetail:focus .FeatureDetailContent { outline: none; } .Home .FeatureDetail:active .FeatureDetailContent { background-color: rgba(0,0,0,0.2); } .FeatureDetail .dijitDialogCloseIcon { position: absolute; display: none; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .FeatureDetail .dijitDialogCloseIcon:hover { background-position: -22px 0; } .SelectedFeatureList .FeatureDetail .dijitDialogCloseIcon { display: block; } .FavoriteFeaturePanel { width: 100%; height: 130px; overflow: hidden; margin-bottom: 10px; margin-top: 25px; } .ManageFeatureLink { float: right; margin-left: 5px; text-decoration: underline; cursor: pointer; border: 1px solid transparent; outline: 2px solid transparent; padding: 5px 5px 3px 25px; } .ManageFeatureLinkContainer { position: relative; top: -10px; } .ManageFeatureLinkContainer:focus .ManageFeatureLink { outline: 2px solid #43beef; outline-offset: 1px; } body:not(.user-is-tabbing) .ManageFeatureLinkContainer:focus .ManageFeatureLink { outline: none; outline-offset: 0px; } .FeatureDetailPosition { height: 150px; margin: 0; padding: 0; text-align: center; cursor: pointer; } .FeatureDetail .FeatureIcon { height: 50px; width: 60px; position: relative; font: 50px/1 "Open Sans", Arial, Helvetica, sans-serif; margin: 0; padding: 0 25px 25px; color: #fff; } .FavouriteFeatureModal .FeatureDetail .FeatureIcon { color: #0355b2; } .ManageFeatureIcon { position: relative; float: right; right: -25px; top: 7px; cursor: pointer; background: url("../../HR/images/nextgen_home_sprite_v1.png?v=64.1.2.14510&"); height: 16px; width: 16px; background-position: -32px -168px; } .user-is-tabbing .FeatureMenu .FeatureToolbarButton.dijitFocused .dijitButtonContents .dfI_Nav_Close { background-color: rgba(28,28,30,0.12); outline: 2px solid #1679c5; } @media (max-width: 400px) { .FeatureDetailPosition { width: auto; } } @media (min-width: 401px) { .FeatureDetailPosition { width: auto; } } @media (max-width: 530px) { .FeatureMenuOpen .FeatureDetailPosition { width: 100%; } } @media (min-width: 531px) { .FeatureMenuOpen .FeatureDetailPosition { width: 50%; } } @media (min-width: 700px) { .FeatureMenuOpen .FeatureDetailPosition { width: 33.333%; } } @media (min-width: 770px) { .FeatureDetailPosition { width: 16.666%; } } @media (max-width: 769px) { .FavoriteFeaturePanel { display: grid; grid-template-columns: repeat(6, calc(37% - 40px)); grid-template-rows: minmax(150px, 1fr); overflow: hidden; overflow-x: auto !important; } } @media (min-width: 1200px) { .FeatureMenuOpen .FeatureDetailPosition { width: 16.666%; } } .user-is-tabbing .Home .FeatureDetail:focus .FeatureDetailContent { outline-color: #43beef; border-color: #3982e8; } body:not(.user-is-tabbing) .Home .FeatureDetail:focus .FeatureDetailContent { outline: none; } .ManageFeatureLinkContainer:focus .ManageFeatureLink { outline: 2px solid #43beef; outline-offset: 1px; } body:not(.user-is-tabbing) .ManageFeatureLinkContainer:focus .ManageFeatureLink { outline: none; outline-offset: 0px; } .user-is-tabbing .FeatureMenu .FeatureToolbarButton.dijitFocused .dijitButtonContents .dfI_Nav_Close { background-color: rgba(28,28,30,0.12); outline: 2px solid #1679c5; } .info-notification { background-color: #e5f2ff; border: 1px solid #3067db; color: #1f3980; margin: 5px 10px 5px 10px; } .notification-container { border-collapse: collapse; font-family: Arial, sans-serif; font-size: 12px; width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .notification-message { margin: 5px 0 0 0; } .notification-icon { vertical-align: top; padding: 4px 4px 4px 10px; width: 2%; } .notification-text { padding: 4px 0px 4px 0px; margin: auto; } .notification-clear-button { padding: 4px 0px 4px 0px; text-align: right; padding-right: 10px; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .notification-close-cursor { cursor: pointer; outline: none; border: 1px solid transparent; background-color: transparent; } .notification-close-cursor:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .info-icon { display: block; min-width: 20px; width: 20px; height: 20px; background: url("../../Compensation/images/Comp_sprite.png?v=64.1.2.14510&") -340px -73px no-repeat; } .notificationBarHidden { display: none; } .FavoriteFeatureEditor.fullSize { overflow: auto !important; } .FavoritesDropDownMenu .dijitMenuSeparator { background-color: #d7d7d7; } .FavoritesDropDownMenu .dijitMenuHeader { padding: 10px 10px 5px 11px; color: #000; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .FavoritesDropDownMenu.dijitMenu .dijitMenuItem td.dijitMenuItemIconCell { padding-left: 10px; } .FavoritesDropDownMenu.dijitMenu .dijitMenuItem td.dijitMenuItemLabel { padding-left: 10px; } .FavoritesDropDownMenu .dijitMenuItem .Icon_ActiveCheck { display: none; } .FavoritesDropDownMenu .dijitMenuItem.Active .Icon_ActiveCheck { display: inline-block; } .FavoritesDropDownMenu .dijitMenuItemLabel .Icon_DefaultCheck { float: right; } .NewFavoriteDialog .Grid, .EditManageFavoritesDialog .Grid { height: 254px; /*exactly 9 rows*/ } .NewFavoriteDialog .Grid .dgrid-cell, .EditManageFavoritesDialog .Grid .dgrid-cell { border: none; } .NewFavoriteDialog .Grid .dgrid-cell .Icon_UserFav, .NewFavoriteDialog .Grid .dgrid-cell .Icon_SystemFav, .EditManageFavoritesDialog .Grid .dgrid-cell .Icon_UserFav, .EditManageFavoritesDialog .Grid .dgrid-cell .Icon_SystemFav { vertical-align: middle; height: 18px; margin: 0px 10px; } .EditManageFavoritesDialog .Grid .dgrid-row, .NewFavoriteDialog .Grid .dgrid-row { margin: 3px; } .EditManageFavoritesDialog .Grid .dgrid-cell:focus, .NewFavoriteDialog .Grid .dgrid-cell:focus { outline: 2px solid #0087fd; } .EditManageFavoritesDialog .Grid .dgrid-cell .favButton, .NewFavoriteDialog .Grid .dgrid-cell .favButton { border: none; background-color: transparent; margin-left: 0; padding: 0; font-size: 11px; height: 26px; font-family: 'Open Sans'; width: 100%; text-align: left; } .NewFavoriteDialog .Grid.dgrid.dgrid-grid .dgrid-row.dgrid-row-even, .EditManageFavoritesDialog .Grid.dgrid.dgrid-grid .dgrid-row.dgrid-row-even { background-color: transparent; /*remove alternating row colour*/ } .NewFavoriteDialog .Grid.dgrid.dgrid-grid .dgrid-row.dgrid-row-even.dgrid-selected, .EditManageFavoritesDialog .Grid.dgrid.dgrid-grid .dgrid-row.dgrid-row-even.dgrid-selected { background-color: #b3d3fe; /*because the css above overrides the selected row colour, we need to set the selected colour again*/ } .EditManageFavoritesDialog .EditableSection, .NewFavoriteDialog .EditableSection { padding: 15px 25px; border: 1px solid #d7d7d7; margin-top: 10px; } .EditManageFavoritesDialog .EditableSection .NameContainer .NameLabel, .NewFavoriteDialog .EditableSection .NameContainer .NameLabel { padding-right: 5px; /*Add a little bit of space between label and textbox*/ } .NewFavoriteDialog .EditableSection .NameContainer .NameLabel { display: inline-block; } .NewFavoriteDialog .EditableSection .NameContainer .NameText { width: 60%; display: inline-block; } .NewFavoriteDialog .EditableSection .NameContainer .dijitTextBox { width: 80%; } .NewFavoriteDialog .EditableSection .LoadByDefaultContainer { display: inline-block; } .NewFavoriteDialog .EditableSection .LoadByDefaultContainer .Icon_DefaultCheck, .NewFavoriteDialog .EditableSection .LoadByDefaultContainer .LoadByDefaultLabel { vertical-align: middle; margin-left: 0; } .EditManageFavoritesDialog .EditableSection .NameContainer .NameText, .EditManageFavoritesDialog .EditableSection .NameContainer .dijitTextBox { width: 100%; } .EditManageFavoritesDialog .EditableSection .NameContainer .NothingSelected { color: #696969; } .claro .EditManageFavoritesDialog .dijitToolbar { border-top: 0; /*remove blue border above toolbar*/ } .claro .EditManageFavoritesDialog .dijitDialogPaneContent { border-bottom: 1px solid #ececec; padding: 10px 5px; } .dijitDialog .favoritesSelectorDialog .favoritesSelectorDialogBottom { padding: 3px; height: 32px; position: relative; } .dijitDialog .favoritesSelectorDialog .favoritesSelectorDialogButtons { position: absolute; right: 0; } .FeaturePanelContainer { position: relative; } .FeaturePanelContainer .featureContent { border: none; overflow: hidden; top: 0px; } .FeaturePanelContainer .FeatureTabContainer { top: 0px; } .FeaturePanelContainer .FeatureToolstrip+.FeatureTabContainer { /*top: 32px;*/ top: 36px; } .FeaturePanelContainer .featureToolstripHidden { visibility: hidden; } .page--ESSMyCalendar .FeatureMenu { z-index: 945 !important; } .FeatureToolbar { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; height: 5.6rem; line-height: 5.6rem; background-image: none; background-color: #fff; overflow: visible; color: #fff; position: relative; z-index: 937; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0,0,0,0.16); /*Cascade height 100% to all children and nodes to make them the same height as the toolbar*/ /*anchor to left*/ } .FeatureToolbar .LeftMenu, .FeatureToolbar .LogoToolbar, .FeatureToolbar .RightMenu { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .FeatureToolbar .LeftMenu .FeatureToolbarButton [class^="dfI_"], .FeatureToolbar .LeftMenu .FeatureToolbarButton [class*=" dfI_"] { font-size: 16px; color: #696969; margin-right: auto; } .FeatureToolbar .LeftMenu .FeatureToolbarButton [class^="Icon_"], .FeatureToolbar .LeftMenu width:32px { height: 32px; color: #696969; margin-right: auto; } .FeatureToolbar .LeftMenu .LogoToolbar .Logo { vertical-align: middle; max-height: 4rem; max-width: 200px; } .FeatureToolbar .LeftMenu .everest-menu-toggle:focus { outline-offset: -2px; } .FeatureToolbar .LeftMenu .icon-hamburger { display: inline-block; fill: var(--evr-content-primary-highemp); width: 16px !important; height: 16px !important; vertical-align: middle; position: relative; } .FeatureToolbar .LeftMenu .icon-everest-menu-toggle { width: 24px; height: 24px; top: 0; } .FeatureToolbar .LeftMenu .svg-everest-menu-toggle .line { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: rotate(0) translateY(0) translateX(0); -moz-transform: rotate(0) translateY(0) translateX(0); -o-transform: rotate(0) translateY(0) translateX(0); -ms-transform: rotate(0) translateY(0) translateX(0); transform: rotate(0) translateY(0) translateX(0); -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.2s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: -ms-transform 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out; } .FeatureToolbar .LeftMenu .svg-everest-menu-toggle .line-1 { -webkit-transform-origin: 1em 2.7em; -moz-transform-origin: 1em 2.7em; -o-transform-origin: 1em 2.7em; -ms-transform-origin: 1em 2.7em; transform-origin: 1em 2.7em; } .FeatureToolbar .LeftMenu .svg-everest-menu-toggle .line-3 { -webkit-transform-origin: 1em 5.5em; -moz-transform-origin: 1em 5.5em; -o-transform-origin: 1em 5.5em; -ms-transform-origin: 1em 5.5em; transform-origin: 1em 5.5em; } .FeatureToolbar .LeftMenu .everest-menu-toggle.opened .svg-everest-menu-toggle .line-1 { -webkit-transform: rotate(45deg) translateY(0) translateX(0); -moz-transform: rotate(45deg) translateY(0) translateX(0); -o-transform: rotate(45deg) translateY(0) translateX(0); -ms-transform: rotate(45deg) translateY(0) translateX(0); transform: rotate(45deg) translateY(0) translateX(0); } .FeatureToolbar .LeftMenu .everest-menu-toggle.opened .svg-everest-menu-toggle .line-2 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .FeatureToolbar .LeftMenu .everest-menu-toggle.opened .svg-everest-menu-toggle .line-3 { -webkit-transform: rotate(-45deg) translateY(0em) translateX(0em); -moz-transform: rotate(-45deg) translateY(0em) translateX(0em); -o-transform: rotate(-45deg) translateY(0em) translateX(0em); -ms-transform: rotate(-45deg) translateY(0em) translateX(0em); transform: rotate(-45deg) translateY(0em) translateX(0em); } .FeatureToolbar .LeftMenu .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .FeatureToolbar .RightMenu { font-size: 0px; margin-left: auto; -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; white-space: nowrap; } .FeatureToolbar .RightMenu .FeatureToolbarButton [class^="dfI_"], .FeatureToolbar .RightMenu .FeatureToolbarButton [class*=" dfI_"] { font-size: 16px; color: #696969; } .FeatureToolbar .RightMenu .FeatureToolbarButton [class^="Icon_"], .FeatureToolbar .RightMenu width:32px { height: 32px; color: #696969; } .FeatureToolbar .CenterMenu { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: visible; z-index: 936; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; color: #696969; line-height: normal; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /*Place invisible content height 100% and middle aligned to allow us to use vertical-align on the actual visible breadcrumb hack from css-tricks*/ } .FeatureToolbar .CenterMenu .sitePurposeNode { position: absolute; top: 0rem; z-index: 100000000; } .FeatureToolbar .CenterMenu > div.FeatureBreadcrumb, .FeatureToolbar .CenterMenu .singlelineTooltipEllipsisText { vertical-align: middle; text-align: center; display: inline; font-size: 1.2em; line-height: 0; white-space: nowrap; overflow-wrap: normal; overflow: visible; margin-top: 0rem; } .FeatureToolbar .CenterMenu .sitePurposePrefix { color: #000; background: #ff0; padding: 1px 5px; font-weight: bold; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; white-space: nowrap; } .FeatureToolbar .CenterMenu .FeatureBreadcrumb:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .FeatureToolbar .FeatureToolbarButton.HomeButtonWidget, .FeatureToolbar .FeatureToolbarButton.ApprovalsButtonWidget, .FeatureToolbar .FeatureToolbarButton.EverestHamburger { line-height: normal; } .NewFeatureUI .FeatureToolbarButton, .NewFeatureUI .FeatureToolbarButton.dijitButton, .NewFeatureUI .FeatureToolbarButton .dijitButton, .NewFeatureUI .FeatureToolbarButton .dijitButtonNode, .NewFeatureUI .FeatureToolbarButton .dijitButtonNode .dijitButtonText, .NewFeatureUI .FeatureToolbarButton.dijitHover .dijitButtonNode, .NewFeatureUI .FeatureToolbarButton.dijitActive .dijitButtonNode, .NewFeatureUI .FeatureToolbarButton.dijitFocused .dijitButtonNode { background-image: none; background: none; border: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #696969; -webkit-border-radius: 0px; border-radius: 0px; padding: 0px; min-width: 0px; } .NewFeatureUI .FeatureToolbarButton, .NewFeatureUI .FeatureToolbarButton.dijitButton, .NewFeatureUI .FeatureToolbarButton .dijitButton, .NewFeatureUI .FeatureToolbarButton .dijitButtonNode, .NewFeatureUI .FeatureToolbarButton .dijitButtonNode .dijitButtonText { margin: 0px; } .NewFeatureUI .FeatureToolbar .EmployeeProfileButton .HighlightBorder { border: 1px solid #ffc303; padding: 0; } .UserActionsContainer .user-profile-image.small-medium { width: 48px; height: 48px; } .UserActionsContainer .UserActionsHeader { background-color: rgba(28,28,30,0.039); padding: 16px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .UserActionsContainer .EmployeeNameContainer { padding-left: 8px; } .UserActionsContainer .UserActionsHeader, .UserActionsContainer .UserActionsFooterInner { padding: 16px; } .UserActionsContainer .UserActionsFooter { padding-bottom: 0.1rem; } .UserActionsContainer .UserActionsRoles { font-size: 10pt; font-weight: 600; } .UserActionsContainer .UserActionsRoles .DayforceRadioButton { color: #004dd8; margin: 10px 5px 5px 5px; /*horizonatally align radio buttons with rols icon*/ } .UserActionsContainer .UserActionsRoles .UserRolesHeader { color: #1c1c1e; height: 2rem; top: 2.2rem; left: 1.6rem; font-family: Arial; font-weight: bold; font-size: 1.4rem; line-height: 2rem; padding: 2.2rem 1.6rem 0 1.6rem; } .UserActionsContainer .UserActionsRoles .DayforceRadioButton label { /*horizontally align with available roles text*/ padding-left: 28px; } .UserActionsContainer .UserRolesIcon { display: inline-block; background: url("../../common/images/featureToolbar_icons.png?v=64.1.2.14510&"); height: 30px; width: 30px; background-position: -120px -150px; vertical-align: middle; } .UserActionsMenuItem .UserRolesIpRestrictedIcon { background: url("../images/chosen-sprite.png?v=64.1.2.14510&"); white-space: nowrap; display: inline-block; height: 16px; width: 16px; position: relative; top: 20px; background-position: -1px -189px; vertical-align: top; } .UserActionsContainer .UserActionsRoles .UserActionsMenuItem .UserRolesIpRestrictedIcon { top: 11px; } .UserActionsMenuPopup .dijitTooltipDialog .dijitTooltipFocusNode, .UserActionsMenuPopup .dijitTooltipDialog .dijitTooltipContainer { /*clear margins and padding because we want the footer of the user actions popup to be full width*/ padding: 0px; margin: 0px; } .dijitDialog .modalSurroundContent .DayforceRadioButton { margin: 20px 20px 10px 20px; } .dijitDialog .modalSurroundContent .UserActionsMenuItem { margin: 0px; } .dijitDialog .modalSurroundContent .UserActionsMenuItem .DayforceRadioButton { margin: 20px 0px 10px 0px; } .UserActionsMenuItem { white-space: nowrap; } .UserActionsMenu .HRule { display: block; border-top: solid 1px #d1d2d3; } .UserActionsMenu .dijitTooltipConnector { width: 0 !important; height: 0 !important; } .UserActionsContainer ul { list-style: none; padding: 0; margin: 0; } .UserActionsContainer .EmployeeName { font-family: Arial; font-style: normal; color: #1c1c1e; font-size: 1.8rem; font-weight: bold; line-height: 2.1rem; margin: 0.4rem 0; left: 0; top: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-align-self: streth; align-self: streth; -ms-flex-item-align: streth; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; -ms-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; white-space: normal; line-break: normal; } .UserActionsContainer .EmployeePosition { color: #606062; font-size: 1.4rem; top: 2.5rem; height: 1.6rem; font-family: Arial; font-style: normal; font-weight: normal; line-height: 1.6rem; margin: 0.4rem 0; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; -ms-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; } .UserActionsContainer .UserActionsContent .shrinkAndWrap { margin: 1.6rem 0 0.8rem 0; } .UserActionsContainer .UserRolesHeader h3 { margin-top: 0; } .UserActionsContainer .ProfileContextMenuItem { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 4rem; margin-bottom: 0.8rem; cursor: pointer; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; margin-bottom: 0.8rem; } .UserActionsContainer .ProfileContextMenuItem:hover { background: rgba(28,28,30,0.08); } .UserActionsContainer .ProfileContextMenuItem .ProfileContextMenuItemContent { padding: 1rem 1.6rem; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .UserActionsContainer .ProfileContextMenuItem .ProfileContextMenuItemLeftBorder { position: relative; background: transparent; width: 0.2rem; min-height: 4rem; margin: 0.2rem 0.1rem; } .UserActionsContainer .DayforceContextMenuRadioButton { cursor: pointer; font-family: Arial; font-style: normal; font-weight: normal; line-height: 2rem; font-size: 1.4rem; color: #1c1c1e; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .UserActionsContainer .DayforceContextMenuRadioButton label, .UserActionsContainer .DayforceContextMenuRadioButton input[type="radio"] { cursor: pointer; } .UserActionsContainer .DayforceContextMenuRadioButton .radioContainer { cursor: pointer; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 2.4rem; height: 2.4rem; -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .UserActionsContainer .DayforceContextMenuRadioButton .dijitRadio { background-image: unset; border: 1px solid rgba(28,28,30,0.2); -webkit-border-radius: 50%; border-radius: 50%; height: 0.8rem; width: 0.8rem; padding: 0.3rem; background-position: unset !important; } .UserActionsContainer .DayforceContextMenuRadioButtonChecked { background: #f5f9ff; } .UserActionsContainer .DayforceContextMenuRadioButtonChecked:hover { background: #f5f9ff; } .UserActionsContainer .DayforceContextMenuRadioButtonChecked:hover .dijitRadio { -webkit-box-shadow: 0 0 0 0.3rem #f5f9ff inset; box-shadow: 0 0 0 0.3rem #f5f9ff inset; } .UserActionsContainer .DayforceContextMenuRadioButtonChecked .ProfileContextMenuItemLeftBorder { background: #1a6de0; } .UserActionsContainer .DayforceContextMenuRadioButtonChecked .DayforceContextMenuRadioButton { font-weight: bold; color: #1a6de0; } .UserActionsContainer .DayforceContextMenuRadioButtonChecked .dijitRadio { border: 0.1rem solid #1a6de0; background-color: #1a6de0; outline: unset; -webkit-box-shadow: 0 0 0 0.3rem #f5f9ff inset; box-shadow: 0 0 0 0.3rem #f5f9ff inset; } .UserActionsContainer .DayforceContextMenuRadioButtonFocused .dijitRadio { outline: unset; } .UserActionsContainer .AccountSectionContainer { margin: 1.5rem 0; } .UserActionsContainer .EmployeeProfileSettingsContainer { height: 4rem; margin: 0.5rem 0; cursor: pointer; } .UserActionsContainer .EmployeeProfileSettingsContainer:hover { background: rgba(28,28,30,0.04); } .UserActionsContainer .UserActionsEmployeeProfileSettings { padding: 0.9rem 0 0 1.6rem; height: 2.2rem; font-family: Arial; font-size: 1.4rem; font-weight: normal; line-height: 2.2rem; color: #1c1c1e; } .UserActionsContainer .GlobalAccountContainer { height: 4rem; margin: 0.5rem 0; cursor: pointer; } .UserActionsContainer .GlobalAccountContainer:hover { background: rgba(28,28,30,0.04); } .UserActionsContainer .UserActionsGlobalAccount { padding: 0.9rem 0 0 1.6rem; height: 2.2rem; font-family: Arial; font-size: 1.4rem; font-weight: normal; line-height: 2.2rem; color: #1c1c1e; } .UserActionsContainer .AboutContainer { height: 4rem; margin: 0.5rem 0; cursor: pointer; } .UserActionsContainer .AboutContainer:hover { background: rgba(28,28,30,0.04); } .UserActionsContainer .UserActionsAbout { padding: 0.9rem 0 0 1.6rem; height: 2.2rem; font-family: Arial; font-size: 1.4rem; font-weight: normal; line-height: 2.2rem; color: #1c1c1e; } .UserActionsContainer .LogoutContainer { height: 4rem; margin: 1.6rem 0 0.8rem 0; } .UserActionsContainer .LogoutContainer:hover { background: rgba(28,28,30,0.04); } .UserActionsContainer .LogoutContainer:focus { background: #000; } .UserActionsContainer .UserActionsLogout { padding: 1.3rem 0 0 1.6rem; height: 1.5rem; font-family: Arial; font-size: 1.3rem; font-weight: bold; line-height: 1.5rem; color: #1c1c1e; cursor: pointer; } .user-is-tabbing .AboutContainerFocused { overflow: hidden; margin-left: 0.3rem; width: calc(100% - 0.6rem); outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing .AboutContainerFocused .UserActionsAbout { margin-left: -0.3rem; } .user-is-tabbing .EmployeeProfileSettingsContainerFocused { overflow: hidden; margin-left: 0.3rem; width: calc(100% - 0.6rem); outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing .EmployeeProfileSettingsContainerFocused .UserActionsEmployeeProfileSettings { margin-left: -0.3rem; } .user-is-tabbing .LogoutContainerFocused { overflow: hidden; margin-left: 0.3rem; width: calc(100% - 0.6rem); outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing .LogoutContainerFocused .UserActionsLogout { margin-left: -0.3rem; } .user-is-tabbing .everest .AboutContainerFocused .UserActionsAbout, .user-is-tabbing .everest .EmployeeProfileSettingsContainerFocused .UserActionsEmployeeProfileSettings, .user-is-tabbing .everest .LogoutContainerFocused .UserActionsLogout { margin-left: 0; } .UserActionsContainer .LocalizeWrapper { margin: 1.5rem 0; } .UserActionsContainer .UserActionsLocalizeButton { display: block; height: 4rem; margin: 0; cursor: pointer; } .UserActionsContainer .UserActionsLocalizeButton:hover { background: rgba(28,28,30,0.04); } .UserActionsContainer .LocalizeWrapper .UserActionsLocalizeButton .dijitButtonNode { display: block; border: 0px; color: #1c1c1e; margin: 0.5rem 0; padding: 0; background-color: transparent; } .UserActionsContainer .LocalizeWrapper .UserActionsLocalizeButton .dijitButtonNode .dijitButtonContents { text-align: left; } .UserActionsContainer .LocalizeWrapper .UserActionsLocalizeButton .dijitButtonNode .dijitButtonText { padding: 0.9rem 0 0 1.6rem; height: 2.2rem; font-family: Arial; font-size: 1.4rem; font-weight: normal; line-height: 2.2rem; color: #1c1c1e; } .user-is-tabbing .UserActionsContainer .LocalizeWrapper .UserActionsLocalizeButton.dijitButtonFocused { margin-left: 0.3rem; width: calc(100% - 0.6rem); } .user-is-tabbing .LocalizeWrapper .UserActionsLocalizeButton.dijitButtonFocused .dijitButtonNode .dijitButtonText { margin-left: -0.3rem; } .FeatureToolbar .VSpacer { display: inline-block; height: 24px; width: 1px; background-color: #ededed; vertical-align: middle; margin-right: 1.6rem; } .FeatureToolbar .FeatureToolbarButton .dijitIcon { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0rem; height: 2.4rem; width: 2.4rem; position: relative; line-height: normal; } .FeatureToolbar .FeatureToolbarButton .dijitButtonNode .dijitButtonContents .dijitArrowButtonInner { background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: 0px -15px; margin-top: -7px; display: none; } .NewFeatureUI .FeatureToolbar .FeatureToolbarButton, .NewFeatureUI .FeatureToolbar .FeatureToolbarButton.dijitButton { margin-right: 1.6rem; } .NewFeatureUI .FeatureToolbar .FeatureEverestToolbarButton, .NewFeatureUI .FeatureToolbar .FeatureEverestToolbarButton.dijitButton { margin-right: 2.4rem; } .FeatureToolbar .FeatureToolbarButton.dijitActiveFocused .dijitButtonContents [class^="dfI_"], .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:active [class^="dfI_"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class^="dfI_"], .FeatureToolbar .FeatureToolbarButton.dijitActiveFocused .dijitButtonContents [class*=" dfI_"], .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:active [class*=" dfI_"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class*=" dfI_"], .FeatureToolbar .FeatureToolbarButton.dijitActiveFocused .dijitButtonContents [class="Logo"], .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:active [class="Logo"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class="Logo"] { background-color: rgba(28,28,30,0.12) !important; } .FeatureToolbar .FeatureEverestToolbarButton.dijitActiveFocused .dijitButtonContents [class*="Icon_"], .FeatureToolbar .FeatureEverestToolbarButton .dijitButtonContents:active [class*="Icon_"], .user-is-tabbing .FeatureToolbar .FeatureEverestToolbarButton .dijitButtonContents:focus [class*="Icon_"] { background-color: var(--evr-surfaces-tertiary-hovered) !important; -webkit-border-radius: 50%; border-radius: 50%; } .user-is-tabbing .FeatureToolbar .EverestHamburger .dijitButtonContents:focus, .user-is-tabbing .FeatureToolbar .EverestHamburger .dijitFocused, .user-is-tabbing .FeatureToolbar .EverestHamburger:focus-within { background-color: var(--evr-surfaces-tertiary-hovered) !important; -webkit-border-radius: 50%; border-radius: 50%; } .user-is-tabbing .FeatureToolbar .EverestHamburger .dijitButtonContents:focus, .user-is-tabbing .FeatureToolbar .EverestHamburger .dijitFocused, .user-is-tabbing .FeatureToolbar .EverestHamburger:focus-within { outline: var(--evr-border-width-thick-px) solid var(--evr-interactive-primary-focus) !important; } .user-is-tabbing .FeatureToolbar .FeatureEverestToolbarButton .dijitButtonContents:focus [class^="Icon_"], .user-is-tabbing .FeatureToolbar .FeatureEverestToolbarButton .dijitButtonContents:focus [class*=" Icon_"] { outline: var(--evr-border-width-thick-px) solid var(--evr-interactive-primary-focus) !important; } .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class^="dfI_"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class*=" dfI_"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class="Logo"] { outline: 2px solid #1679c5; } .FeatureToolbar .FeatureToolbarButton.dijitButton:focus, .FeatureToolbar .FeatureToolbarButton.dijitButtonFocused, .FeatureToolbar .FeatureToolbarButton.dijitDropDownButtonFocused, .FeatureToolbar .FeatureToolbarButton .dijitButton:focus, .FeatureToolbar .FeatureToolbarButton .dijitButtonFocused, .FeatureToolbar .FeatureToolbarButton .dijitDropDownButtonFocused { outline: none; } .FeatureToolbar .Hamburger.FeatureToolbarButton, .FeatureToolbar .EverestHamburger.FeatureToolbarButton, .FeatureToolbar .CloseButton.FeatureToolbarButton { /*more horizontal padding just for the menu button*/ margin-left: 1.6rem; } .dijit.dijitReset.dijitInline.FeatureToolbarButton.Hamburger.dijitToggleButton.dijitToggleButtonFocused.dijitFocused, .dijit.dijitReset.dijitInline.FeatureToolbarButton.EverestHamburger.dijitToggleButton.dijitToggleButtonFocused.dijitFocused, .dijit.dijitReset.dijitInline.FeatureToolbarButton.CloseButton.dijitToggleButton.dijitToggleButtonFocused.dijitFocused { outline: none !important; } .FeatureToolbar .FeatureToolbarButton.dijitChecked .dfI_Nav_Hamburger { color: #696969; } .NewFeatureUI .MessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText, .NewFeatureUI .ApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; color: #fff; font-weight: normal; font-size: 10px; height: 1.4rem; width: 1.4rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; bottom: 0rem; left: 1.6rem; /*minor padding to center the text vertically in the image*/ -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .NewFeatureUI .MessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText .dijitIcon, .NewFeatureUI .ApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText .dijitIcon { -webkit-transition: margin-top linear 0.1s; -moz-transition: margin-top linear 0.1s; -o-transition: margin-top linear 0.1s; -ms-transition: margin-top linear 0.1s; transition: margin-top linear 0.1s; } .NewFeatureUI .MessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText { background: #d3273c; } .NewFeatureUI .ApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText { background: #fe7f0e; } .NewFeatureUI .EverestMessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText, .NewFeatureUI .EverestApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; height: 6px; width: 6px; -webkit-border-radius: 50%; border-radius: 50%; top: 12px; left: 12px; border: 2px solid var(--evr-borders-decorative-lowemp); -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .NewFeatureUI .EverestMessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText .dijitIcon, .NewFeatureUI .EverestApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText .dijitIcon { -webkit-transition: margin-top linear 0.1s; -moz-transition: margin-top linear 0.1s; -o-transition: margin-top linear 0.1s; -ms-transition: margin-top linear 0.1s; transition: margin-top linear 0.1s; } .NewFeatureUI .EverestMessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText { background: var(--evr-content-status-error-default); } .NewFeatureUI .EverestApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText { background: var(--evr-interactive-status-warning-default); } .NewFeatureUI .MessageButton.HasMessages .dijitButtonNode .dijitButtonContents .dijitButtonText, .NewFeatureUI .EverestMessageButton.HasMessages .dijitButtonNode .dijitButtonContents .dijitButtonText, .NewFeatureUI .ApprovalsButton.HasApprovals .dijitButtonNode .dijitButtonContents .dijitButtonText, .NewFeatureUI .EverestApprovalsButton.HasApprovals .dijitButtonNode .dijitButtonContents .dijitButtonText { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/ opacity: 1; -ms-filter: none; filter: none; } .NewFeatureUI .MessageButton, .NewFeatureUI .EverestMessageButton, .NewFeatureUI .EverestApprovalsButton, .NewFeatureUI .ApprovalsButton { position: relative; } .FeatureToolbar .Hamburger .dijitButtonNode, .FeatureToolbar .EverestHamburger .dijitButtonNode, .FeatureToolbar .CloseButton .dijitButtonNode { -webkit-transition: background-color linear 0.2s; -moz-transition: background-color linear 0.2s; -o-transition: background-color linear 0.2s; -ms-transition: background-color linear 0.2s; transition: background-color linear 0.2s; } .FeatureToolbar .Hamburger.dijitChecked .dijitButtonNode, .FeatureToolbar .EverestHamburger.dijitChecked .dijitButtonNode, .FeatureToolbar .CloseButton.dijitChecked .dijitButtonNode { background-color: #fff; } .FeatureMenu .Hamburger, .EverestFeatureMenu .Hamburger, .FeatureMenu .CloseButton { height: 100%; background-color: #fff; -webkit-animation: ft-fadeIn 0.5s linear; -moz-animation: ft-fadeIn 0.5s linear; -o-animation: ft-fadeIn 0.5s linear; -ms-animation: ft-fadeIn 0.5s linear; animation: ft-fadeIn 0.5s linear; } .FeatureMenu { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 35rem; background-color: #fff; z-index: 938; /*938 to render on top of header (to see the 'x' to close feature menu)*/ -webkit-box-shadow: 0.5rem 5.6rem 0.5rem -0.5rem rgba(0,0,0,0.16); box-shadow: 0.5rem 5.6rem 0.5rem -0.5rem rgba(0,0,0,0.16); -webkit-transition: -webkit-transform linear 0.1s; -moz-transition: -moz-transform linear 0.1s; -o-transition: -o-transform linear 0.1s; -ms-transition: -ms-transform linear 0.1s; transition: transform linear 0.1s; /*set this to supposedly eliminate flickering of this animated element in safari, occurs intermittently when opening and closing feature menu*/ -webkit-backface-visibility: hidden; /*to disable text selection on the menu */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .FeatureMenu .FeatureMenuScroller { position: absolute; /*pos:abs because we need to offset the scroller when the org picker is visible*/ top: 5.6rem; bottom: 0px; left: 0px; right: 0px; } .FeatureMenu.OrgSelectorOpen .FeatureMenuScroller { /*temporarily disable scrolling when org selector is open to prevent scrolling away from it*/ overflow: hidden; } .FeatureMenu .FeatureMenuInnerBorder::-webkit-scrollbar { width: 5px; /* for vertical scrollbars */ height: 5px; /* for horizontal scrollbars */ } .FeatureMenu .FeatureMenuInnerBorder::-webkit-scrollbar-track { background: #fff; } .FeatureMenu .FeatureMenuInnerBorder::-webkit-scrollbar-thumb { background: #d2d2d2; max-height: 5px; } .FeatureMenu.dijitHidden { display: block !important; /*override default hidden as we want to animate this*/ /*Move the feature menu via translate instead of animating on the left property, translate is far more performant and looks much, much better especially when animating in a short duration (1s)*/ -webkit-transform: translateX(-230px); -moz-transform: translateX(-230px); -o-transform: translateX(-230px); -ms-transform: translateX(-230px); transform: translateX(-230px); /*Same as non dijitHidden transition BUT has left in it as well with a 0s animation but a 0.1s delay in animation start This hack lets us animate off of translateX instead which has proven to be significantly more performant than animating the "left" property, esp. on tablets*/ -webkit-transition: -webkit-transform linear 0.1s, left 0s 0.1s; -moz-transition: -moz-transform linear 0.1s, left 0s 0.1s; -o-transition: -o-transform linear 0.1s, left 0s 0.1s; -ms-transition: -ms-transform linear 0.1s, left 0s 0.1s; transition: transform linear 0.1s, left 0s 0.1s; /*instead of hiding, push off screen - even though we translateX we need to do this for old browsers and to ensure the iframe cutoff is moved off screen when showing SL*/ left: -230px; } .FeatureMenu .FeatureToolbarButton .dijitInline .dijitButtonContents { padding: 1.6rem; height: 2.4rem; width: 2.4rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /* these icons doesn't look correct at the default 16px size; it's not the best at this size either, but this will have to do until the underlying svg asset is adjusted */ } .FeatureMenu .FeatureToolbarButton .dijitIcon { display: inline-block; font: 16px/1 "Open Sans", Arial, Helvetica, sans-serif; } .FeatureMenu .FeatureToolbarButton .dijitIcon.dfI_Nav_Close { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font: 13.17px "Open Sans", Arial, Helvetica, sans-serif; padding: 5.41px; } .SLSupportPage, .htmlHost, .FeatureToolbar, .DayforceSilverlightContainer, .dfWalletButton { -webkit-transition: padding-left linear 0.1s, left linear 0.1s; -moz-transition: padding-left linear 0.1s, left linear 0.1s; -o-transition: padding-left linear 0.1s, left linear 0.1s; -ms-transition: padding-left linear 0.1s, left linear 0.1s; transition: padding-left linear 0.1s, left linear 0.1s; } .dayforceWalletBanner { font: 1.6rem 'Arial', 'sans-serif'; color: #093351; background-color: #e3f2fd; border-bottom: 0.1rem solid #bad4e6; height: 4rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .dfBannerCentered { -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .dayforceWalletBanner .dfBannerCentered { margin: 0 auto; position: relative; } .dayforceWalletBanner .dfWalletButton { background-color: #1162c2; -webkit-border-radius: 10px; border-radius: 10px; border: none; height: 25px; color: #fff; min-width: 100px; font-weight: bold; float: left; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; text-align: center; white-space: nowrap; } .dayforceWalletBanner .recommendedWalletText { padding: 12.5px 0px 12.5px 0px; float: left; margin-left: 10px; margin-right: 10px; } .dayforceWalletBanner .dfWalletCloseButton { background-image: url("../images/dialogIconSprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; position: relative; height: 35px; width: 27px; right: 0px; display: inline-block; background-position: 2px 0px; padding-right: 3px; float: right; background-color: #e3f2fd; border: none; margin-top: 3px; cursor: pointer; } .FeatureMenu .FeatureMenuOuterBorder { height: 100%; min-height: 100%; /*min height to ensure that the borders at least stretch the full window and can grow if scrollbars are needed*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; /*otherwise ie8 shows white if the menu items don't consume all available vertical space*/ } .FeatureMenu .FeatureMenuInnerBorder { height: 100%; min-height: 100%; /*min height to ensure that the borders at least stretch the full window and can grow if scrollbars are needed*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; position: relative; } .FeatureMenu .FeatureMenuInnerBorder.FeatureMenuInnerBorderEverest { height: 100%; min-height: 100%; /*min height to ensure that the borders at least stretch the full window and can grow if scrollbars are needed*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; position: relative; padding: var(--evr-spacing-md) 0; } .FeatureMenu .FeatureMenuOrgSelector, .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneContentInner { padding: 0px; } .FeatureMenu .FeatureMenuOrgSelector, .FeatureMenu .EverestMenuItem .dijitTitlePane .dijitTitlePaneContentInner { padding: 0px; } .FeatureMenu .FeatureMenuOrgSelector, .FeatureMenu .FeatureMenuItem .dijitTitlePane { min-height: 30px; /*must use min-height instead of height or else title pane will not expand*/ } .FeatureMenuItem .FeatureMenuLeftRule { display: none; position: absolute; top: 0px; bottom: 0px; } .EverestMenuItem .FeatureMenuLeftRule { display: none; position: absolute; top: 0px; bottom: 0px; } .FeatureMenu .FeatureMenuItem, .FeatureMenu .FeatureMenuItem .dijitTitlePane, .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitle, .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed { cursor: pointer; } .FeatureMenu .EverestMenuItem .dijitTitlePaneTitle, .FeatureMenu .EverestMenuItem .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed { cursor: pointer; } .FeatureMenu .EverestMenuItem .dijitTitlePaneTitle:hover, .FeatureMenu .EverestMenuItem .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed:hover { background-color: var(--evr-surfaces-secondary-hovered); } .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon, .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon, .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon, .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon { background-color: transparent; color: #696969; } .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon { background-color: transparent; color: var(--evr-content-primary-highemp); } .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before { background-color: #fff; } .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .FeatureDisplayName, .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .FeatureDisplayName { background: none; color: #1c1c1e; border: none; } .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName { background: none; color: var(--evr-content-primary-highemp); border: none; width: 200px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName { color: var(--evr-content-primary-inverse); } .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitInline.dijitArrowNode, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitInline.dijitArrowNode { background-color: #fff; } .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before { background-color: #3067db; } .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName { background: none; font-weight: bold; color: var(--evr-interactive-primary-default); border: none; } .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon::before { background-color: #fff; } .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitFixedClosed.EverestTreeSelected > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName { color: var(--evr-content-primary-inverse); } .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .FeatureDisplayName, .FeatureMenu .FeatureMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .FeatureDisplayName { background: none; color: #1c1c1e; font-weight: bold; border: none; } .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName, .FeatureMenu .EverestMenuItem > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedOpen > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName { background: none; color: var(--evr-content-primary-highemp); font-weight: bold; border: none; } .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed, .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .FeatureDisplayName, .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon { color: #1a6de0; } .FeatureMenu .FeatureMenuItem .Icon, .FeatureToolbar .Icon, .GlobalSearch .FeatureSearchTemplate .SearchResultIcon { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 0rem; height: 2.4rem; width: 2.4rem; top: 0%; padding: 0rem; margin: 0rem; } .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed, .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .EverestDisplayName, .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed > .dijitTitlePaneTitleFocus > .dijitTitlePaneTextNode > .dijitInline > .Icon { color: #1a6de0; } .FeatureMenu .EverestMenuItem .Icon, .FeatureToolbar .Icon, .GlobalSearch .FeatureSearchTemplate .SearchResultIcon { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 0rem; height: 2.4rem; width: 2.4rem; top: 0%; padding: 0 16px 0 0; margin: 0rem; } .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed, .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed { background-color: #f5f9ff; font-weight: bold; color: #1a6de0; -webkit-box-shadow: 0.2rem 0 0 0 #1a6de0 inset; box-shadow: 0.2rem 0 0 0 #1a6de0 inset; } .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed, .FeatureMenu .EverestMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed { color: var(--evr-interactive-primary-default); } .FeatureMenu .FeatureMenuOrgSelector { background-color: #fff; -webkit-animation: ft-fadeIn 0.5s linear; -moz-animation: ft-fadeIn 0.5s linear; -o-animation: ft-fadeIn 0.5s linear; -ms-animation: ft-fadeIn 0.5s linear; animation: ft-fadeIn 0.5s linear; } .FeatureMenu .FeatureMenuItem { background-color: #fff; -webkit-animation: ft-fadeIn 0.5s linear; -moz-animation: ft-fadeIn 0.5s linear; -o-animation: ft-fadeIn 0.5s linear; -ms-animation: ft-fadeIn 0.5s linear; animation: ft-fadeIn 0.5s linear; margin: 0.8rem 0rem; } .FeatureMenu .EverestMenuItem { background-color: var(--evr-surfaces-primary-default); -webkit-animation: ft-fadeIn 0.5s linear; -moz-animation: ft-fadeIn 0.5s linear; -o-animation: ft-fadeIn 0.5s linear; -ms-animation: ft-fadeIn 0.5s linear; animation: ft-fadeIn 0.5s linear; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePane { border-bottom: none; } .FeatureMenu .EverestMenuItem .EverestMenuItem .dijitTitlePane { border-bottom: none; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem { background-color: #fff; /*no fadein for second and further level children*/ -webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; animation: none; margin: 0.4rem 0rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem { background-color: #fff; /*no fadein for second and further level children*/ -webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; animation: none; margin: 0.4rem 0rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePaneTitle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.8rem 0.8rem 0.8rem 4.8rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem .dijitTitlePaneTitle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.8rem 0.8rem 0.8rem 5.8rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0rem; padding: 0rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0rem; padding: 0rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuItem .dijitTitlePaneTitle { padding: 0.8rem 0.8rem 0.8rem 7.2rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem .EverestMenuItem .dijitTitlePaneTitle { padding: 0.8rem 0.8rem 0.8rem 5.8rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .Icon { /*no feature icons for subfeatures*/ display: none; } .FeatureMenu .EverestMenuItem .EverestMenuItem .Icon { /*no feature icons for subfeatures*/ display: none; } .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode, .FeatureMenu .FeatureMenuItem .dijitArrowNode { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23696969;%7D%0A%3C/style%3E%3Cpath class='st0' d='M11.818,179.057c-7.757-7.757-7.757-20.151,0-27.908L63.336,99.63c7.757-7.757,20.151-7.757,27.908,0 L256,264.386L420.756,99.63c7.757-7.757,20.15-7.757,27.908,0l51.518,51.519c7.757,7.757,7.757,20.15,0,27.908L269.954,409.284 c-7.757,7.757-20.151,7.757-27.908,0L11.818,179.057z'/%3E%3C/svg%3E"); display: inline-block; width: 0.8rem; height: 0.8rem; } .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode, .FeatureMenu .EverestMenuItem .dijitArrowNode { display: inline-block; width: 24px !important; height: 24px !important; content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; vertical-align: middle; -webkit-mask: url("../images/G02_ChevronSmall_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_ChevronSmall_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .FeatureMenu .FeatureMenuOrgSelector.Open .dijitArrowNode, .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitleOpen .dijitArrowNode { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .FeatureMenu .FeatureMenuOrgSelector.Open .dijitArrowNode, .FeatureMenu .EverestMenuItem .dijitTitlePaneTitleOpen .dijitArrowNode { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle, .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitle { -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; -ms-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; padding: 0rem 0.5rem 0rem 0rem; background-image: none; background-color: #fff; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle, .FeatureMenu .EverestMenuItem .dijitTitlePaneTitle { -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; -ms-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; padding: 0rem 0.5rem 0rem 0rem; background-image: none; background-color: var(--evr-surfaces-primary-default); } .FeatureMenu .FeatureMenuItem .dijitFixedClosed .dijitArrowNode { visibility: hidden; display: inline-block; } .FeatureMenu .EverestMenuItem .dijitFixedClosed .dijitArrowNode { visibility: hidden; display: inline-block; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle, .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle, .FeatureMenu .EverestMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { margin: 0.8rem 0rem; padding: 0rem; } .FeatureMenu .EverestMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { margin: var(--evr-spacing-xs) 0; padding: 0rem; height: var(--evr-spacing-md); } .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode, .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitArrowNode { position: absolute; left: 31.8rem; } .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode, .FeatureMenu .EverestMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitArrowNode { position: absolute; left: 29rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitArrowNode { left: 27rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitArrowNode { left: 25.3rem; } .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitTitlePaneTextNode { display: block; line-height: 2rem; } .FeatureMenu .EverestMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitTitlePaneTextNode { display: block; line-height: 2rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItemTitle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-left: 1.6rem; position: relative; max-width: 100%; /*max-width for word-wrap break-word to work on feature display name*/ } .FeatureMenu .EverestMenuItem .EverestMenuItemTitle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-left: 32px; position: relative; max-width: 100%; /*max-width for word-wrap break-word to work on feature display name*/ } .FeatureMenu .FeatureMenuItemTitle .FeatureDisplayName { display: block; padding-left: 3.2rem; margin-top: 0.2rem; word-wrap: break-word; font-size: 1.4rem; line-height: 2rem; letter-spacing: -0.01em; /*for extra long feature names allow us to wrap in the middle of the word rather than go off-screen*/ } .FeatureMenu .EverestMenuItemTitle .EverestDisplayName { display: block; margin-top: 0.2rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuItemTitle { margin-left: 0rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem .EverestMenuItemTitle { margin-left: 0rem; } .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuItemTitle .FeatureDisplayName { display: block; padding-left: 0rem; } .FeatureMenu .EverestMenuItem .EverestMenuItem .EverestMenuItemTitle .EverestDisplayName { display: block; padding-left: 14px; } .FeatureMenu .FeatureMenuItem.Home { overflow: inherit; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: none; /*background none first to clear all images as well (default gradient)*/ background-color: rgba(28,28,30,0.04); color: #8e8e8f; border: none; padding: 0.8rem 0.8rem 0.8rem 0rem; height: 2.4rem; font-size: 14px; line-height: 20px; letter-spacing: -0.01em; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle.OrgSelectorTitleEverest { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: var(--evr-surfaces-tertiary-default); border: none; padding: 12px 12px 12px 0px; } .FeatureMenu .FeatureMenuOrgSelector .OrgName { display: block; /*display block to get implicit width to gracefully overflow text*/ overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; height: 100%; color: #1c1c1e; padding: 0rem 0rem 0rem 0.8rem; /*give padding for arrow icon to prevent clipping and align left with feature names*/ font-size: 1.4rem; line-height: 2rem; letter-spacing: -0.01em; height: 2rem; margin-top: 0.2rem; margin-bottom: 0.2rem; } .FeatureMenu .FeatureMenuOrgSelector .OrgName:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .FeatureMenu .FeatureMenuOrgSelectorButtons { position: absolute; bottom: 0px; border-top: solid 1px #dfe0e1; left: 0px; right: 0px; padding: 10px 0px; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorContainer { background-color: #f1f1f2; position: absolute; top: 40px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorContainer.OrgSelectorContainerEverest { background-color: var(--evr-surfaces-tertiary-default); position: absolute; top: 40px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector { padding: 10px 0; position: absolute; top: 0px; bottom: 52px; left: 0px; right: 0px; } .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector .dijitTree.orgTree { max-height: none; position: absolute; top: 40px; bottom: 0px; left: 0px; right: 0px; } .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons { width: 50%; display: inline-block; float: left; /*float left removes implicit browser padding on all inline block elements*/ } .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons .dijitButton { margin: 0px 10px; } .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons + .HalfsiesButtons .dijitButton { margin-left: 0px; } .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons .dijitButton, .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons .dijitButtonNode { /*take full width of parent container when inside halfsies*/ display: block; } .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector .dijitTextBox { margin: 0px 5px; width: auto; /*override default width for combo boxes*/ display: block; } .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector .orgTree { width: auto; display: block; border-top: solid 1px #dfe0e1; } .FeatureMenu .FeatureMenuTitlePane { position: absolute; top: 0px; left: 0px; right: 0px; z-index: inherit; overflow: hidden; height: 5.6rem; background-color: #fff; border-top: none; -webkit-transition: height linear 0.2s; -moz-transition: height linear 0.2s; -o-transition: height linear 0.2s; -ms-transition: height linear 0.2s; transition: height linear 0.2s; } .FeatureMenu .FeatureMenuOrgSelector { position: relative; left: 0px; right: 0px; z-index: inherit; overflow: hidden; height: 40px; border-top: none; -webkit-transition: height linear 0.2s; -moz-transition: height linear 0.2s; -o-transition: height linear 0.2s; -ms-transition: height linear 0.2s; transition: height linear 0.2s; } .FeatureMenu .FeatureMenuOrgSelector.FeatureMenuOrgSelectorEverest { position: relative; left: 0px; right: 0px; z-index: inherit; overflow: hidden; height: 48px; border-top: none; -webkit-transition: height linear 0.2s; -moz-transition: height linear 0.2s; -o-transition: height linear 0.2s; -ms-transition: height linear 0.2s; transition: height linear 0.2s; margin-bottom: 8px; } .FeatureMenu.OrgSelectorOpen .FeatureMenuOrgSelector { height: calc(100% - 40px); } .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle { cursor: pointer; } .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .OrgSelectorTitle { cursor: default; } .FeatureMenuOrgSelector .OrgSelectorIcon { display: inline-block; height: 2.4rem; width: 2.4rem; margin-left: 1.6rem; background: url("../../common/images/featureToolbar_icons_white.png?v=64.1.2.14510&") no-repeat; background-position: -93px -243px; vertical-align: middle; float: left; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -o-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; /*float left to give org name space to go block width*/ } .FeatureMenuOrgSelector .OrgSelectorIconEverest { display: inline-block; height: 24px; width: 24px; margin-left: 32px; margin-right: 16px; background: url("../images/G02_OrgChart_Everest.SVG?v=64.1.2.14510&") no-repeat; vertical-align: middle; float: left; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -o-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; /*float left to give org name space to go block width*/ content: ""; } .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode { background-position: -112px -24px; /*arrow icon pointing down as unopened state, pointing up when it is open*/ vertical-align: middle; /*org picker has arrow right aligned*/ } .FeatureMenu .FeatureMenuOrgSelector.Open .dijitArrowNode { background-position: -136px -24px; } .FeatureMenuOrgSelector .dijitTreeRow { padding-top: 5px; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando, .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeIcon { display: inline-block; height: 30px; width: 30px; background: url("../../common/images/featureToolbar_icons_white.png?v=64.1.2.14510&") no-repeat; background-position: 100px 100px; /*blank by default*/ vertical-align: middle; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .orgLevel { background-position: -180px -240px; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .storeLevel { background-position: -180px -270px; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando { background-position: -150px -240px; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando.dijitTreeExpandoClosed { background-position: -120px -270px; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeLabel, .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando.dijitTreeExpandoLeaf { background: none; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeContent { display: inline-block; height: 30px; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeLabel { color: #69696a; font-weight: normal; } .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeRowSelected .dijitTreeContent { background-color: #c4d5e8; } .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .OrgSelectorIcon { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /*IE8*/ opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .OrgName { color: #8e8e8f; } .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .dijitArrowNode { display: none; } .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled { cursor: default; } .UserActionsMenu .mobileContainer { display: none; } .UserActionsMenu .mobileContainerEverest { display: none; } .UserActionsMenuPopup { /* Override the inline style "overflow: scroll" dojo adds. Instead I added overflow: auto to a descendent of this node so the scrollbar is within the container - otherwise the whole container (TooltipDialog) scrolls and it looks weird. */ overflow-y: visible !important; } .UserActionsMenuPopup.dijitPopup { -webkit-box-shadow: none; box-shadow: none; min-width: 36rem; width: calc(100% / 3); /*override calculated position by the TooltipDialog*/ right: 1.6rem !important; left: unset !important; max-height: calc(100% - 5.6rem) !important; } .UserActionsMenuPopup .UserActionsMenu { /*extra padding to give iframe cutout enough room to render the bottom box shadow to avoid truncating the bottom when rendering on top of silverlight*/ padding: 1.6rem 0 0.2rem 0; } .UserActionsMenuPopup .UserActionsMenu, .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer, .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer .dijitTooltipContents { height: 100%; } .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer { border: 0; } .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer .dijitTooltipContents { overflow-y: auto; overflow-x: hidden; } .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer .dijitTooltipContents::-webkit-scrollbar { width: 5px; /* for vertical scrollbars */ height: 5px; /* for horizontal scrollbars */ } .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer .dijitTooltipContents::-webkit-scrollbar-thumb { background: #d2d2d2; max-height: 5px; } .UserActionsMenuPopup .UserActionsMenu .dijitTooltipContainer .dijitTooltipContents::-webkit-scrollbar-track { background: #fff; } @media only screen and (max-width: 991px) { .UserActionsMenuPopup.dijitPopup { width: 50%; } } @media only screen and (max-width: 480px) { .UserActionsMenuPopup.dijitPopup { width: 100%; right: 0px !important; } } @media only screen and (max-width: 991px) { .NewFeatureUI .UserActionsMenu .mobileContainer .FeatureToolbarButton .dijitIcon { height: 4rem; width: 4rem; -webkit-border-radius: 50%; border-radius: 50%; background-color: #1a6de0; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList { list-style-type: none; padding: 0; margin: var(--evr-spacing-xs) 0; } .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem { cursor: pointer; padding: var(--evr-spacing-xs) var(--evr-spacing-md); } .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem:hover, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem:focus-within { background: var(--evr-surfaces-primary-hovered); } .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Employees_Everest, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Search_Everest, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Refresh_Everest, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Help_Everest, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Approval_Everest, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Envelope_Everest { margin-right: var(--evr-spacing-2xs); } .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Employees_Everest::before, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Search_Everest::before, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Refresh_Everest::before, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Help_Everest::before, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Approval_Everest::before, .UserActionsMenu .mobileContainerEverest .mobileContainerEverestList .mobileContainerEverestListItem .mobileContainerEverestListItemNode .Icon_Envelope_Everest::before { color: var(--evr-content-primary-highemp); width: 24px !important; height: 24px !important; } .UserActionsMenu .CenterMenu .FeatureBreadcrumb { white-space: nowrap; display: inline-block; line-height: 40px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .NewFeatureUI .mobileContainer .FeatureToolbarButton.GlobalSearch .GlobalSearchButton { height: auto; } .UserActionsMenu .mobileContainer { font-size: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding: 0.8rem; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .UserActionsMenu .mobileContainer .messageLabel, .UserActionsMenu .mobileContainer .dijitButtonNode .dijitButtonText { display: block !important; text-align: center; font-size: 1.4rem; font-family: Arial; color: #000; font-weight: 400; word-wrap: normal; white-space: normal; line-height: 2.2rem; margin-top: 0.4rem; } .UserActionsMenu .mobileContainer .FeatureToolbarButton { vertical-align: top; -webkit-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; width: calc(33.33% - 1.6rem); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 0.8rem; margin: 0.8rem; } .UserActionsMenu .mobileContainer .MessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText, .UserActionsMenu .mobileContainer .ApprovalsButton .dijitButtonNode .dijitButtonContents .dijitButtonText { bottom: 0rem; left: 2.8rem; line-height: normal; display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; } .UserActionsMenu .mobileContainer .HRule { margin: 5px 5px 0px 5px; } .UserActionsMenu .mobileContainer .FeatureToolbarButton .dijitButtonNode { text-align: center; } .UserActionsMenu .mobileContainer .FeatureToolbarButton [class^="dfI_"], .UserActionsMenu .mobileContainer .FeatureToolbarButton [class*=" dfI_"] { font-size: 16px; color: #fff; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .GlobalSearchButton .dijitButtonContents:focus ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .EmployeeProfileButton .dijitButtonContents:focus ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .ApprovalsButton.dijitButton.dijitFocused > ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .MessageButton.dijitButton.dijitFocused > ::after, .user-is-tabbing .FeatureToolbar .UserActionsMenu .mobileContainer .FeatureToolbarButton.UserActionsButton .dijitButtonContents:focus, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .dijitButton.dijitFocused { outline: none; outline-offset: 0px; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .FeatureToolbarButton:focus, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .FeatureToolbarButton.dijitFocused { outline: 2px solid #1679c5; outline-offset: 1px; } } .body--empProfileControlOpen .FeatureMenu { z-index: 938; /*938 to render FeatureMenu on top of header (to see the 'x' to close feature menu). When People is open and Feature Menu is open, we need to target .body--empProfileControlOpen*/ } .body--msgCenterOpen .FeatureMenu { z-index: 938; /*938 to render FeatureMenu on top of header (to see the 'x' to close feature menu). When Message Center is open and Feature Menu is open, we need to target .body--msgCenterOpen*/ } .FeatureMenu .FeatureToolbarButton:hover .dijitIcon { background: rgba(28,28,30,0.08); } .UserActionsContainer .DayforceContextMenuRadioButtonFocused .dijitRadio { outline: unset; } .user-is-tabbing .UserActionsContainer .DayforceContextMenuRadioButtonFocused { outline: 0.2rem solid #0087fd; outline-offset: -0.2rem; } .user-is-tabbing .everest.UserActionsContainer .DayforceContextMenuRadioButtonFocused { outline: none; } .user-is-tabbing .AboutContainerFocused { outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing .EmployeeProfileSettingsContainerFocused { outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing .LogoutContainerFocused { outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing .everest .AboutContainerFocused, .user-is-tabbing .everest .EmployeeProfileSettingsContainerFocused, .user-is-tabbing .everest .LogoutContainerFocused { outline: none; } .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class^="dfI_"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class*=" dfI_"], .user-is-tabbing .FeatureToolbar .FeatureToolbarButton .dijitButtonContents:focus [class="Logo"] { outline: 2px solid #1679c5; } .FeatureToolbar .FeatureToolbarButton.dijitButton:focus, .FeatureToolbar .FeatureToolbarButton.dijitButtonFocused, .FeatureToolbar .FeatureToolbarButton.dijitDropDownButtonFocused, .FeatureToolbar .FeatureToolbarButton .dijitButton:focus, .FeatureToolbar .FeatureToolbarButton .dijitButtonFocused, .FeatureToolbar .FeatureToolbarButton .dijitDropDownButtonFocused { outline: none; } .dijit.dijitReset.dijitInline.FeatureToolbarButton.Hamburger.dijitToggleButton.dijitToggleButtonFocused.dijitFocused, .dijit.dijitReset.dijitInline.FeatureToolbarButton.EverestHamburger.dijitToggleButton.dijitToggleButtonFocused.dijitFocused, .dijit.dijitReset.dijitInline.FeatureToolbarButton.CloseButton.dijitToggleButton.dijitToggleButtonFocused.dijitFocused { outline: none !important; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .GlobalSearchButton .dijitButtonContents:focus ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .EmployeeProfileButton .dijitButtonContents:focus ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .ApprovalsButton.dijitButton.dijitFocused > ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .MessageButton.dijitButton.dijitFocused > ::after, .user-is-tabbing .FeatureToolbar .UserActionsMenu .mobileContainer .FeatureToolbarButton.UserActionsButton .dijitButtonContents:focus, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .dijitButton.dijitFocused { outline: none; outline-offset: 0px; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .FeatureToolbarButton:focus, .user-is-tabbing.NewFeatureUI .UserActionsMenu .mobileContainer .FeatureToolbarButton.dijitFocused { outline: 2px solid #1679c5; outline-offset: 1px; } .user-is-tabbing.NewFeatureUI .UserActionsMenu.everest .dijitTooltipContainer:focus-within { outline: var(--evr-border-width-thick-px) solid var(--evr-interactive-primary-focus); outline-offset: 1px; } @-moz-keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes ft-fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } .file-uploader form .file-uploader-buttons-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .file-uploader .dijitButton.dijitButtonFocused { outline: 2px solid #1679c5; outline-offset: 1px; } .file-uploader .dijitUploader.dijitButton input[type=file][name=uploadedfile] { top: 0 !important; left: 0 !important; width: 100%; height: 100%; } .file-uploader .dijitUploader.dijitButton.dijitUploaderDisabled.dijitButtonDisabled.dijitDisabled input[type=file][name=uploadedfile] { top: 0 !important; left: 0 !important; width: 0; height: 0; display: none; } .FilterPane { display: block; min-height: 130px; border-top: solid 1px #ccc; border-bottom: solid 2px #3267a5; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); margin-bottom: 5px; background-color: #fbfbfb; position: relative; } .FilterPane .FilterPaneContentNode { /*handle edge case where we put a fixed width on the filter pane*/ height: 100%; width: 100%; overflow: auto; } .FilterPane .FilterContent { padding: 0px 0px 0px 0px; } .FilterPane .FilterContentInner { padding: 13px 13px 0px 0px; } .FilterPane .tableContainer-valueCell { padding: 0px 17px 13px 17px; } .FilterPane .tableContainer-labelCell label { padding: 0px 0px 0px 17px; } .FilterPane .tableContainer-labelCell { padding-bottom: 4px; } .FilterPane .FilterButtonsPane { display: block; height: 55px; } .FilterPane .FilterButtonsWrapper { padding: 0px 0px 5px 0px; float: right; white-space: nowrap; } .FilterPane .FilterButtonsWrapper .FilterButtonsFinalizeWrapper { width: 293px; } .FilterPane .FilterButtonsWrapper .dijitButtonNode { min-width: 120px; } .FilterPane .FilterCloseButtonWrapper { display: block; width: 40px; background-color: #e3e3e3; position: absolute; left: 0px; top: 0px; bottom: 0px; } .FilterPane .FilterCloseButtonWrapper .CloseButton { background: url("../images/dialogCloseIcon.png?v=64.1.2.14510&"); background-repeat: no-repeat; height: 24px; width: 27px; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; } .FilterPane .FilterCloseButtonWrapper .CloseButton:hover { background-position: -27px 0px; } .FilterPane .FilterCloseButtonWrapper .CloseButton:active { background-position: -54px 0px; } .FilterPane .VerticalSeparator { display: inline-block; width: 1px; height: 90%; border-right: solid 1px #ccc; max-height: 350px; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.35); box-shadow: 0px 0px 4px rgba(0,0,0,0.35); margin: 5px 5px 0px 0px; } .FilterPane .HorizontalSeparator { display: block; height: 1px; border-top: solid 1px #e1e1e1; margin: 7px 12px 7px 12px; } .FilterGroup { position: relative; display: inline-block; margin: 2px 0px 0px 0px; padding: 0px 10px; vertical-align: top; } .dijitTableLayout .FilterGroup { display: block; width: auto; } .FilterSummary { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 5px 0 5px 0; } .FilterSummary .FilterSummaryNode { display: inline; } .FilterSummary .FilterSummaryNode + .FilterSummaryNode { padding-left: 10px; } .FilterSummaryNode .FilterSummaryField { color: #5e5e5e; padding-right: 5px; } .FilterSummaryNode .FilterSummaryValue { font-weight: bold; } .FilterPaneWrapper.dijitFilterPane { margin-bottom: 5px; } .FilterPaneWrapper.dijitFilterPane.Expanded { background-color: #fbfbfb; border-bottom: solid 2px #3267a5; } .FilterPaneWrapper.dijitFilterPane.Collapsed { overflow: auto; } .dijitFilterPane .FilterContent { padding: 0px 0px 63px 0px; /*needed to get correct height of content when doing calculation*/ height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .dijitFilterPane .FilterContent .noActiveFilters { padding: 35px 10px 35px 10px; text-align: center; display: block; font-size: 1.2em; color: #737373; background-color: #f9f9f9; } .dijitFilterPane .FilterContent .noActiveFilters div.noActiveFilterImg { background: url("../images/filter-icons-sprite.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 32px; width: 32px; background-position: 0px -42px; vertical-align: middle; margin-right: 10px; } .dijitFilterPane .FilterGroupContainer { overflow: auto; } .dijitFilterPane .FilterPaneBottom { border-top: 1px solid #e1e1e1; padding-top: 5px; position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: hidden; /* prevent overflow issue where buttons disappear in IE (TFS#154667) */ } .dijitFilterPane .FilterButtonsPane { display: block; height: 55px; } .dijitFilterPane .FilterPaneBottom .filterPaneButton { display: block; } .dijitFilterPane .FilterButtonsWrapper { padding: 0px 10px 5px 0px; float: right; } .dijitFilterPane .FilterAddButtonWrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 0px 0px 5px; float: left; white-space: nowrap; } .dijitFilterPane .FilterAddButtonWrapper .dijitButton .dijitButtonNode { background: transparent; border: none; padding: 0px 7px; /*reduce the padding around so that the filter button aligns with the other buttons*/ } .dijitFilterPane .FilterAddButtonWrapper .dijitButton .dijitButtonNode .dijitButtonText { font-size: 12px; text-shadow: none; color: #333; } .dijitFilterPane .FilterButtonsWrapper .dijitButtonNode { min-width: 90px; } .dijitFilterPane .FilterAddButtonWrapper .filterCheckbox { padding-top: 5px; } .dijitFilterPane .FilterModeWrapper { padding-left: 3px; } .dijitFilterPane .dijitFilterGroup { border-bottom: 1px solid #e1e1e1; } .dijitFilterPane .dijitFilterGroup .FilterGroupInner { width: 100%; display: table; } .dijitFilterPane .dijitFilterGroup .FilterGroupInner fieldset legend { float: left; margin: 0; line-height: 25px; margin-top: 1px; } .dijitFilterPane .dijitFilterGroup .FilterGroupInner fieldset legend ~ * { clear: both; } .dijitFilterPane .dijitFilterGroup .FilterContent .FilterGroupInner { padding: 0px 7px; } .dijitFilterPane .dijitFilterGroup .FilterGroupInner .FullWidth { width: 100%; min-width: 100px; border-color: #696969; } .dijitFilterPane .dijitFilterGroup .FilterCell { display: table-cell; padding: 5px 10px 5px 0px; vertical-align: middle; } .dijitFilterPane .dijitFilterGroup .DragHandle { max-width: 24px; width: 0; /* Hiding from view due to drag and drop functionality not yet implemented*/ } .dijitFilterPane .dijitFilterGroup .DragHandle .Icon_MoveFilter { margin-left: 6px; display: none; /* Hiding from view due to drag and drop functionality not yet implemented*/ } .dijitFilterPane .dijitFilterGroup .CategoryLabel { max-width: 100px; min-width: 100px; width: 100px; color: #696969; } .dijitFilterPane .dijitFilterGroup.HideCategory .CategoryLabel { display: none; } .dijitFilterPane .dijitFilterGroup .FilterNameLabel { max-width: 100px; min-width: 100px; width: 100px; } .dijitFilterPane .dijitFilterGroup .OperationType { max-width: 120px; min-width: 120px; width: 120px; } .dijitFilterPane .dijitFilterGroup.HideOperationType .OperationType { display: none; } .dijitFilterPane .dijitFilterGroup .OperationType .EntitySelector { min-width: 0px; display: block; } .dijitFilterPane .dijitFilterGroup .Editor { width: 100%; } .dijitFilterPane .dijitFilterGroup .Editor .dijitDateRange .dijitDateTextBox { width: 100px; } .dijitFilterPane .dijitFilterGroup .Editor .dijitDateRange .dijitOutput { margin: 0px 5px; } .dijitFilterPane .dijitFilterGroup.HideDelete .Delete { display: none; } .dijitFilterPane .dijitFilterGroup .Delete { width: 30px; } .user-is-tabbing .dijitFilterPane .dijitFilterGroup .Delete .IconButton .dijitButtonContents:focus .Icon_ClearFilter { outline: 2px solid #0087fd; } .FilterGroupContainer > div.dijitFilterGroup:last-child { border-bottom: none; } .dijitFilterPane.Small .dijitFilterGroup .FilterGroupInner { position: relative; } .dijitFilterPane.Small .dijitFilterGroup .DragHandle { display: inline-block; max-width: none; } .dijitFilterPane.Small .dijitFilterGroup .CategoryLabel { display: inline-block; max-width: none; width: auto; } .dijitFilterPane.Small .dijitFilterGroup.HideCategory .CategoryLabel { display: none; } .dijitFilterPane.Small .dijitFilterGroup .FilterNameLabel { display: block; padding-left: 35px; max-width: none; /*this removes the max-width value on this node*/ width: auto; } .dijitFilterPane.Small .dijitFilterGroup.HideCategory .FilterNameLabel { display: inline-block; padding-left: 2px; } .dijitFilterPane .dijitFilterGroup .FilterGroupInner.extraHeightAlignment .CategoryLabel { padding-top: 18px; } .dijitFilterPane .dijitFilterGroup .FilterGroupInner.extraHeightAlignment .FilterNameLabel { margin-top: 15px; } .dijitFilterPane.Small .dijitFilterGroup .OperationType { display: block; padding-left: 35px; max-width: none; /*this removes the max-width value on this node*/ } .dijitFilterPane.Small .dijitFilterGroup.HideOperationType .OperationType { display: none; } .dijitFilterPane.Small .dijitFilterGroup .Editor { display: block; padding-left: 35px; width: auto; } .dijitFilterPane.Small .dijitFilterGroup .Delete { position: absolute; right: 0; top: 0; padding-right: 0; } .dijitFilterPane.NotEditable .dijitFilterGroup .Delete, .dijitFilterPane.NotEditable .RemoveFiltersButton, .dijitFilterPane.NotEditable .FilterAddButtonWrapper { display: none; } h1 { font-weight: 600; padding: 0 1.5rem; margin-bottom: 0; font-size: 1.5rem; } .FilterPaneContainer { display: block; position: relative; overflow: auto; height: 100%; -webkit-overflow-scrolling: auto; /*do this to enable scrolling on filter pane on ipad*/ } .FilterPaneContainerWrapper .FilterPaneContainer .dijitBorderContainer .topRegion.opened { background-color: #f8f8f8; border-bottom: solid 2px #3267a5; } .FilterPaneContainerWrapper .FilterPaneContainer .topRegion.opened .FilterContent { /* remove the position:relative that prevents buttons on filter pane*/ /* from being anchored correctly when splitter is dragged*/ position: static; } .FilterPaneContainer .topRegion.opened .FilterPaneWrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 100%; background-color: transparent; border-bottom: none; margin-bottom: 0px; } .FilterPaneContainer .anim.dijitBorderContainer-child { border: none; -webkit-transition: height 0.2s linear, top 0.2s linear; -moz-transition: height 0.2s linear, top 0.2s linear; -o-transition: height 0.2s linear, top 0.2s linear; -ms-transition: height 0.2s linear, top 0.2s linear; transition: height 0.2s linear, top 0.2s linear; } .FilterPaneContainerWrapper .FilterPaneContainer .dijitBorderContainer .anim.topRegion { overflow: hidden; /* hide scrollbars during animation in top region */ -webkit-transition: overflow 0.2s linear; -moz-transition: overflow 0.2s linear; -o-transition: overflow 0.2s linear; -ms-transition: overflow 0.2s linear; transition: overflow 0.2s linear; /* reset scrollbars in top region */ overflow-x: hidden; overflow-y: auto; } .FilterPaneContainer .noanim.dijitBorderContainer-child { border: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .FilterPaneContainerWrapper .FilterPaneContainer .dijitBorderContainer .noanim.topRegion { /* reset scrollbars in top region */ overflow-x: hidden; overflow-y: auto; } .FilterPaneContainerWrapper.Collapsed .dijitSplitterH { display: none; /*do not show splitter when filter pane is closed */ } .FilterPaneContainerWrapper.Expanded .dijitSplitterH { display: block; } .FilterPaneContainer .initSize { width: 700px; } .FrameworkBootstrap .col-xs-1, .FrameworkBootstrap .col-sm-1, .FrameworkBootstrap .col-md-1, .FrameworkBootstrap .col-lg-1, .FrameworkBootstrap .col-xs-2, .FrameworkBootstrap .col-sm-2, .FrameworkBootstrap .col-md-2, .FrameworkBootstrap .col-lg-2, .FrameworkBootstrap .col-xs-3, .FrameworkBootstrap .col-sm-3, .FrameworkBootstrap .col-md-3, .FrameworkBootstrap .col-lg-3, .FrameworkBootstrap .col-xs-4, .FrameworkBootstrap .col-sm-4, .FrameworkBootstrap .col-md-4, .FrameworkBootstrap .col-lg-4, .FrameworkBootstrap .col-xs-5, .FrameworkBootstrap .col-sm-5, .FrameworkBootstrap .col-md-5, .FrameworkBootstrap .col-lg-5, .FrameworkBootstrap .col-xs-6, .FrameworkBootstrap .col-sm-6, .FrameworkBootstrap .col-md-6, .FrameworkBootstrap .col-lg-6, .FrameworkBootstrap .col-xs-7, .FrameworkBootstrap .col-sm-7, .FrameworkBootstrap .col-md-7, .FrameworkBootstrap .col-lg-7, .FrameworkBootstrap .col-xs-8, .FrameworkBootstrap .col-sm-8, .FrameworkBootstrap .col-md-8, .FrameworkBootstrap .col-lg-8, .FrameworkBootstrap .col-xs-9, .FrameworkBootstrap .col-sm-9, .FrameworkBootstrap .col-md-9, .FrameworkBootstrap .col-lg-9, .FrameworkBootstrap .col-xs-10, .FrameworkBootstrap .col-sm-10, .FrameworkBootstrap .col-md-10, .FrameworkBootstrap .col-lg-10, .FrameworkBootstrap .col-xs-11, .FrameworkBootstrap .col-sm-11, .FrameworkBootstrap .col-md-11, .FrameworkBootstrap .col-lg-11, .FrameworkBootstrap .col-xs-12, .FrameworkBootstrap .col-sm-12, .FrameworkBootstrap .col-md-12, .FrameworkBootstrap .col-lg-12 { position: relative; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FrameworkBootstrap .col-xs-1, .FrameworkBootstrap .col-xs-2, .FrameworkBootstrap .col-xs-3, .FrameworkBootstrap .col-xs-4, .FrameworkBootstrap .col-xs-5, .FrameworkBootstrap .col-xs-6, .FrameworkBootstrap .col-xs-7, .FrameworkBootstrap .col-xs-8, .FrameworkBootstrap .col-xs-9, .FrameworkBootstrap .col-xs-10, .FrameworkBootstrap .col-xs-11, .FrameworkBootstrap .col-xs-12 { float: left; } .FrameworkBootstrap .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .FrameworkBootstrap .container:after { clear: both; clear: both; } .FrameworkBootstrap .container:before, .FrameworkBootstrap .container:after { display: table; content: " "; display: table; content: " "; } .FrameworkBootstrap .col-xs-12 { width: 100%; } .FrameworkBootstrap .col-xs-11 { width: 91.66666667%; } .FrameworkBootstrap .col-xs-10 { width: 83.33333333%; } .FrameworkBootstrap .col-xs-9 { width: 75%; } .FrameworkBootstrap .col-xs-8 { width: 66.66666667%; } .FrameworkBootstrap .col-xs-7 { width: 58.33333333%; } .FrameworkBootstrap .col-xs-6 { width: 50%; } .FrameworkBootstrap .col-xs-5 { width: 41.66666667%; } .FrameworkBootstrap .col-xs-4 { width: 33.33333333%; } .FrameworkBootstrap .col-xs-3 { width: 25%; } .FrameworkBootstrap .col-xs-2 { width: 16.66666667%; } .FrameworkBootstrap .col-xs-1 { width: 8.33333333%; } .FrameworkBootstrap .col-xs-pull-12 { right: 100%; } .FrameworkBootstrap .col-xs-pull-11 { right: 91.66666667%; } .FrameworkBootstrap .col-xs-pull-10 { right: 83.33333333%; } .FrameworkBootstrap .col-xs-pull-9 { right: 75%; } .FrameworkBootstrap .col-xs-pull-8 { right: 66.66666667%; } .FrameworkBootstrap .col-xs-pull-7 { right: 58.33333333%; } .FrameworkBootstrap .col-xs-pull-6 { right: 50%; } .FrameworkBootstrap .col-xs-pull-5 { right: 41.66666667%; } .FrameworkBootstrap .col-xs-pull-4 { right: 33.33333333%; } .FrameworkBootstrap .col-xs-pull-3 { right: 25%; } .FrameworkBootstrap .col-xs-pull-2 { right: 16.66666667%; } .FrameworkBootstrap .col-xs-pull-1 { right: 8.33333333%; } .FrameworkBootstrap .col-xs-pull-0 { right: auto; } .FrameworkBootstrap .col-xs-push-12 { left: 100%; } .FrameworkBootstrap .col-xs-push-11 { left: 91.66666667%; } .FrameworkBootstrap .col-xs-push-10 { left: 83.33333333%; } .FrameworkBootstrap .col-xs-push-9 { left: 75%; } .FrameworkBootstrap .col-xs-push-8 { left: 66.66666667%; } .FrameworkBootstrap .col-xs-push-7 { left: 58.33333333%; } .FrameworkBootstrap .col-xs-push-6 { left: 50%; } .FrameworkBootstrap .col-xs-push-5 { left: 41.66666667%; } .FrameworkBootstrap .col-xs-push-4 { left: 33.33333333%; } .FrameworkBootstrap .col-xs-push-3 { left: 25%; } .FrameworkBootstrap .col-xs-push-2 { left: 16.66666667%; } .FrameworkBootstrap .col-xs-push-1 { left: 8.33333333%; } .FrameworkBootstrap .col-xs-push-0 { left: auto; } .FrameworkBootstrap .col-xs-offset-12 { margin-left: 100%; } .FrameworkBootstrap .col-xs-offset-11 { margin-left: 91.66666667%; } .FrameworkBootstrap .col-xs-offset-10 { margin-left: 83.33333333%; } .FrameworkBootstrap .col-xs-offset-9 { margin-left: 75%; } .FrameworkBootstrap .col-xs-offset-8 { margin-left: 66.66666667%; } .FrameworkBootstrap .col-xs-offset-7 { margin-left: 58.33333333%; } .FrameworkBootstrap .col-xs-offset-6 { margin-left: 50%; } .FrameworkBootstrap .col-xs-offset-5 { margin-left: 41.66666667%; } .FrameworkBootstrap .col-xs-offset-4 { margin-left: 33.33333333%; } .FrameworkBootstrap .col-xs-offset-3 { margin-left: 25%; } .FrameworkBootstrap .col-xs-offset-2 { margin-left: 16.66666667%; } .FrameworkBootstrap .col-xs-offset-1 { margin-left: 8.33333333%; } .FrameworkBootstrap .col-xs-offset-0 { margin-left: 0; } .FrameworkBootstrap .row:after { clear: both; } @media (min-width: 768px) { .FrameworkBootstrap .col-sm-1, .FrameworkBootstrap .col-sm-2, .FrameworkBootstrap .col-sm-3, .FrameworkBootstrap .col-sm-4, .FrameworkBootstrap .col-sm-5, .FrameworkBootstrap .col-sm-6, .FrameworkBootstrap .col-sm-7, .FrameworkBootstrap .col-sm-8, .FrameworkBootstrap .col-sm-9, .FrameworkBootstrap .col-sm-10, .FrameworkBootstrap .col-sm-11, .FrameworkBootstrap .col-sm-12 { float: left; } } @media (min-width: 768px) { .FrameworkBootstrap .col-sm-12 { width: 100%; } .FrameworkBootstrap .col-sm-11 { width: 91.66666667%; } .FrameworkBootstrap .col-sm-10 { width: 83.33333333%; } .FrameworkBootstrap .col-sm-9 { width: 75%; } .FrameworkBootstrap .col-sm-8 { width: 66.66666667%; } .FrameworkBootstrap .col-sm-7 { width: 58.33333333%; } .FrameworkBootstrap .col-sm-6 { width: 50%; } .FrameworkBootstrap .col-sm-5 { width: 41.66666667%; } .FrameworkBootstrap .col-sm-4 { width: 33.33333333%; } .FrameworkBootstrap .col-sm-3 { width: 25%; } .FrameworkBootstrap .col-sm-2 { width: 16.66666667%; } .FrameworkBootstrap .col-sm-1 { width: 8.33333333%; } .FrameworkBootstrap .col-sm-pull-12 { right: 100%; } .FrameworkBootstrap .col-sm-pull-11 { right: 91.66666667%; } .FrameworkBootstrap .col-sm-pull-10 { right: 83.33333333%; } .FrameworkBootstrap .col-sm-pull-9 { right: 75%; } .FrameworkBootstrap .col-sm-pull-8 { right: 66.66666667%; } .FrameworkBootstrap .col-sm-pull-7 { right: 58.33333333%; } .FrameworkBootstrap .col-sm-pull-6 { right: 50%; } .FrameworkBootstrap .col-sm-pull-5 { right: 41.66666667%; } .FrameworkBootstrap .col-sm-pull-4 { right: 33.33333333%; } .FrameworkBootstrap .col-sm-pull-3 { right: 25%; } .FrameworkBootstrap .col-sm-pull-2 { right: 16.66666667%; } .FrameworkBootstrap .col-sm-pull-1 { right: 8.33333333%; } .FrameworkBootstrap .col-sm-pull-0 { right: auto; } .FrameworkBootstrap .col-sm-push-12 { left: 100%; } .FrameworkBootstrap .col-sm-push-11 { left: 91.66666667%; } .FrameworkBootstrap .col-sm-push-10 { left: 83.33333333%; } .FrameworkBootstrap .col-sm-push-9 { left: 75%; } .FrameworkBootstrap .col-sm-push-8 { left: 66.66666667%; } .FrameworkBootstrap .col-sm-push-7 { left: 58.33333333%; } .FrameworkBootstrap .col-sm-push-6 { left: 50%; } .FrameworkBootstrap .col-sm-push-5 { left: 41.66666667%; } .FrameworkBootstrap .col-sm-push-4 { left: 33.33333333%; } .FrameworkBootstrap .col-sm-push-3 { left: 25%; } .FrameworkBootstrap .col-sm-push-2 { left: 16.66666667%; } .FrameworkBootstrap .col-sm-push-1 { left: 8.33333333%; } .FrameworkBootstrap .col-sm-push-0 { left: auto; } .FrameworkBootstrap .col-sm-offset-12 { margin-left: 100%; } .FrameworkBootstrap .col-sm-offset-11 { margin-left: 91.66666667%; } .FrameworkBootstrap .col-sm-offset-10 { margin-left: 83.33333333%; } .FrameworkBootstrap .col-sm-offset-9 { margin-left: 75%; } .FrameworkBootstrap .col-sm-offset-8 { margin-left: 66.66666667%; } .FrameworkBootstrap .col-sm-offset-7 { margin-left: 58.33333333%; } .FrameworkBootstrap .col-sm-offset-6 { margin-left: 50%; } .FrameworkBootstrap .col-sm-offset-5 { margin-left: 41.66666667%; } .FrameworkBootstrap .col-sm-offset-4 { margin-left: 33.33333333%; } .FrameworkBootstrap .col-sm-offset-3 { margin-left: 25%; } .FrameworkBootstrap .col-sm-offset-2 { margin-left: 16.66666667%; } .FrameworkBootstrap .col-sm-offset-1 { margin-left: 8.33333333%; } .FrameworkBootstrap .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .FrameworkBootstrap .col-md-1, .FrameworkBootstrap .col-md-2, .FrameworkBootstrap .col-md-3, .FrameworkBootstrap .col-md-4, .FrameworkBootstrap .col-md-5, .FrameworkBootstrap .col-md-6, .FrameworkBootstrap .col-md-7, .FrameworkBootstrap .col-md-8, .FrameworkBootstrap .col-md-9, .FrameworkBootstrap .col-md-10, .FrameworkBootstrap .col-md-11, .FrameworkBootstrap .col-md-12 { float: left; } } @media (min-width: 992px) { .FrameworkBootstrap .col-md-12 { width: 100%; } .FrameworkBootstrap .col-md-11 { width: 91.66666667%; } .FrameworkBootstrap .col-md-10 { width: 83.33333333%; } .FrameworkBootstrap .col-md-9 { width: 75%; } .FrameworkBootstrap .col-md-8 { width: 66.66666667%; } .FrameworkBootstrap .col-md-7 { width: 58.33333333%; } .FrameworkBootstrap .col-md-6 { width: 50%; } .FrameworkBootstrap .col-md-5 { width: 41.66666667%; } .FrameworkBootstrap .col-md-4 { width: 33.33333333%; } .FrameworkBootstrap .col-md-3 { width: 25%; } .FrameworkBootstrap .col-md-2 { width: 16.66666667%; } .FrameworkBootstrap .col-md-1 { width: 8.33333333%; } .FrameworkBootstrap .col-md-pull-12 { right: 100%; } .FrameworkBootstrap .col-md-pull-11 { right: 91.66666667%; } .FrameworkBootstrap .col-md-pull-10 { right: 83.33333333%; } .FrameworkBootstrap .col-md-pull-9 { right: 75%; } .FrameworkBootstrap .col-md-pull-8 { right: 66.66666667%; } .FrameworkBootstrap .col-md-pull-7 { right: 58.33333333%; } .FrameworkBootstrap .col-md-pull-6 { right: 50%; } .FrameworkBootstrap .col-md-pull-5 { right: 41.66666667%; } .FrameworkBootstrap .col-md-pull-4 { right: 33.33333333%; } .FrameworkBootstrap .col-md-pull-3 { right: 25%; } .FrameworkBootstrap .col-md-pull-2 { right: 16.66666667%; } .FrameworkBootstrap .col-md-pull-0 { right: auto; } .FrameworkBootstrap .col-md-push-12 { left: 100%; } .FrameworkBootstrap .col-md-push-11 { left: 91.66666667%; } .FrameworkBootstrap .col-md-push-10 { left: 83.33333333%; } .FrameworkBootstrap .col-md-push-9 { left: 75%; } .FrameworkBootstrap .col-md-push-8 { left: 66.66666667%; } .FrameworkBootstrap .col-md-push-7 { left: 58.33333333%; } .FrameworkBootstrap .col-md-push-6 { left: 50%; } .FrameworkBootstrap .col-md-push-5 { left: 41.66666667%; } .FrameworkBootstrap .col-md-push-4 { left: 33.33333333%; } .FrameworkBootstrap .col-md-push-3 { left: 25%; } .FrameworkBootstrap .col-md-push-2 { left: 16.66666667%; } .FrameworkBootstrap .col-md-push-1 { left: 8.33333333%; } .FrameworkBootstrap .col-md-push-0 { left: auto; } .FrameworkBootstrap .col-md-offset-12 { margin-left: 100%; } .FrameworkBootstrap .col-md-offset-11 { margin-left: 91.66666667%; } .FrameworkBootstrap .col-md-offset-10 { margin-left: 83.33333333%; } .FrameworkBootstrap .col-md-offset-9 { margin-left: 75%; } .FrameworkBootstrap .col-md-offset-8 { margin-left: 66.66666667%; } .FrameworkBootstrap .col-md-offset-7 { margin-left: 58.33333333%; } .FrameworkBootstrap .col-md-offset-6 { margin-left: 50%; } .FrameworkBootstrap .col-md-offset-5 { margin-left: 41.66666667%; } .FrameworkBootstrap .col-md-offset-4 { margin-left: 33.33333333%; } .FrameworkBootstrap .col-md-offset-3 { margin-left: 25%; } .FrameworkBootstrap .col-md-offset-2 { margin-left: 16.66666667%; } .FrameworkBootstrap .col-md-offset-1 { margin-left: 8.33333333%; } .FrameworkBootstrap .col-md-offset-0 { margin-left: 0; } .col-md-pull-1 { right: 8.33333333%; } } @media (min-width: 1200px) { .FrameworkBootstrap .col-lg-1, .FrameworkBootstrap .col-lg-2, .FrameworkBootstrap .col-lg-3, .FrameworkBootstrap .col-lg-4, .FrameworkBootstrap .col-lg-5, .FrameworkBootstrap .col-lg-6, .FrameworkBootstrap .col-lg-7, .FrameworkBootstrap .col-lg-8, .FrameworkBootstrap .col-lg-9, .FrameworkBootstrap .col-lg-10, .FrameworkBootstrap .col-lg-11, .FrameworkBootstrap .col-lg-12 { float: left; } } @media (min-width: 1200px) { .FrameworkBootstrap .col-lg-12 { width: 100%; } .FrameworkBootstrap .col-lg-11 { width: 91.66666667%; } .FrameworkBootstrap .col-lg-10 { width: 83.33333333%; } .FrameworkBootstrap .col-lg-9 { width: 75%; } .FrameworkBootstrap .col-lg-8 { width: 66.66666667%; } .FrameworkBootstrap .col-lg-7 { width: 58.33333333%; } .FrameworkBootstrap .col-lg-6 { width: 50%; } .FrameworkBootstrap .col-lg-5 { width: 41.66666667%; } .FrameworkBootstrap .col-lg-4 { width: 33.33333333%; } .FrameworkBootstrap .col-lg-3 { width: 25%; } .FrameworkBootstrap .col-lg-2 { width: 16.66666667%; } .FrameworkBootstrap .col-lg-1 { width: 8.33333333%; } .FrameworkBootstrap .col-lg-pull-12 { right: 100%; } .FrameworkBootstrap .col-lg-pull-11 { right: 91.66666667%; } .FrameworkBootstrap .col-lg-pull-10 { right: 83.33333333%; } .FrameworkBootstrap .col-lg-pull-9 { right: 75%; } .FrameworkBootstrap .col-lg-pull-8 { right: 66.66666667%; } .FrameworkBootstrap .col-lg-pull-7 { right: 58.33333333%; } .FrameworkBootstrap .col-lg-pull-6 { right: 50%; } .FrameworkBootstrap .col-lg-pull-5 { right: 41.66666667%; } .FrameworkBootstrap .col-lg-pull-4 { right: 33.33333333%; } .FrameworkBootstrap .col-lg-pull-3 { right: 25%; } .FrameworkBootstrap .col-lg-pull-2 { right: 16.66666667%; } .FrameworkBootstrap .col-lg-pull-1 { right: 8.33333333%; } .FrameworkBootstrap .col-lg-pull-0 { right: auto; } .FrameworkBootstrap .col-lg-push-12 { left: 100%; } .FrameworkBootstrap .col-lg-push-11 { left: 91.66666667%; } .FrameworkBootstrap .col-lg-push-10 { left: 83.33333333%; } .FrameworkBootstrap .col-lg-push-9 { left: 75%; } .FrameworkBootstrap .col-lg-push-8 { left: 66.66666667%; } .FrameworkBootstrap .col-lg-push-7 { left: 58.33333333%; } .FrameworkBootstrap .col-lg-push-6 { left: 50%; } .FrameworkBootstrap .col-lg-push-5 { left: 41.66666667%; } .FrameworkBootstrap .col-lg-push-4 { left: 33.33333333%; } .FrameworkBootstrap .col-lg-push-3 { left: 25%; } .FrameworkBootstrap .col-lg-push-2 { left: 16.66666667%; } .FrameworkBootstrap .col-lg-push-1 { left: 8.33333333%; } .FrameworkBootstrap .col-lg-push-0 { left: auto; } .FrameworkBootstrap .col-lg-offset-12 { margin-left: 100%; } .FrameworkBootstrap .col-lg-offset-11 { margin-left: 91.66666667%; } .FrameworkBootstrap .col-lg-offset-10 { margin-left: 83.33333333%; } .FrameworkBootstrap .col-lg-offset-9 { margin-left: 75%; } .FrameworkBootstrap .col-lg-offset-8 { margin-left: 66.66666667%; } .FrameworkBootstrap .col-lg-offset-7 { margin-left: 58.33333333%; } .FrameworkBootstrap .col-lg-offset-6 { margin-left: 50%; } .FrameworkBootstrap .col-lg-offset-5 { margin-left: 41.66666667%; } .FrameworkBootstrap .col-lg-offset-4 { margin-left: 33.33333333%; } .FrameworkBootstrap .col-lg-offset-3 { margin-left: 25%; } .FrameworkBootstrap .col-lg-offset-2 { margin-left: 16.66666667%; } .FrameworkBootstrap .col-lg-offset-1 { margin-left: 8.33333333%; } .FrameworkBootstrap .col-lg-offset-0 { margin-left: 0; } } .FrameworkBootstrap .row:before, .FrameworkBootstrap .row:after { display: table; content: " "; } .pull-right { float: right !important; } .pull-left { float: left !important; } .FrameworkBootstrap div[class*="col-"] { padding: 4px 6px; } .FrameworkBootstrap div[class*="col-"] label { margin-bottom: 3px; display: block; } .FrameworkBootstrap.autoSize .dijitButton, .FrameworkBootstrap.autoSize .dijitButton .dijitButtonNode, .FrameworkBootstrap.autoSize .dijitComboBox, .FrameworkBootstrap.autoSize .dijitTextBox, .FrameworkBootstrap.autoSize .dijitSelect, .FrameworkBootstrap.autoSize .dijitSelect .dijitButtonContents { width: 100%; } .NewFeatureUI .GlobalSearch { /* search icon in toolbar */ display: inline-block; float: none; } .NewFeatureUI .GlobalSearch.slideOutPanel { /*for the slide out panel; otherwise the user info pop-up doesn't render on top when user is on a SL feature, in Chrome*/ display: block; } .NewFeatureUI .GlobalSearch .GlobalSearchButton { width: auto; height: auto; background: none; background-color: transparent; border: none; } .NewFeatureUI .GlobalSearch .GlobalSearchButton > .dijitButtonNode > .dijitButtonContents > .dijitIcon { margin: 0px; } .NewFeatureUI .GlobalSearch .GlobalSearchButton > .dijitButtonNode > .dijitButtonContents { height: 100%; } .GlobalSearch { display: block; float: left; color: #000; /*reset color in case hosted from new feature toolbar which is white font*/ } .GlobalSearch .GlobalSearchContainer { position: relative; height: 100%; display: block; } .GlobalSearch .PeoplePane { position: absolute; top: 0px; left: 0px; right: 0px; height: 50%; } .GlobalSearch .PeopleResultPanel { position: absolute; height: 47%; left: 10px; right: 10px; overflow: hidden; } .GlobalSearch .FeatureResultPanel { position: absolute; height: 47%; left: 10px; right: 10px; bottom: 0px; overflow: hidden; } .GlobalSearch .FeatureTitle { display: block; font-weight: bold; font-size: large; color: #808080; background-color: #f1f1f1; position: absolute; top: 10px; left: 0px; right: 0px; height: 30px; padding-left: 10px; } .GlobalSearch .SearchSelectionPanel { position: absolute; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 50px; width: 90%; vertical-align: middle; background: #efefef; } .GlobalSearch .slideOutPanel-slider .PeopleSearch .selectionToolbar.dijitToolbar .customToolbar { margin-top: 0px; } .GlobalSearch .PeopleSearchRadioGroup { white-space: nowrap; display: inline-block; width: 100%; margin-left: 10px; margin-right: 10px; } .GlobalSearch .AllSearchTextBox { display: inline-block; width: 75%; left: 10px; right: 60px; } .GlobalSearch .dijitToggleButton .dijitButtonNode { display: block; } .GlobalSearch .PeopleList { position: absolute; top: 45px; left: 0px; right: 0px; bottom: 50px; } .GlobalSearch .FeatureList { position: absolute; top: 30px; left: 0px; right: 0px; bottom: 50px; } .GlobalSearch .ViewMorePeopleLink { padding-top: 20px; padding-left: 5px; position: absolute; height: 25px; bottom: 0px; left: 0px; right: 0px; background: #fff; } .GlobalSearch .ViewMoreLink { cursor: pointer; text-decoration: underline; color: #0c84d7; margin-left: 5px; } .GlobalSearch .ViewMoreFeatureLink { padding-top: 20px; padding-left: 5px; padding-bottom: 10px; position: absolute; height: 30px; bottom: 0px; left: 0px; right: 0px; background: #fff; } .GlobalSearch .ResultPanel { position: absolute; top: 50px; bottom: 0px; left: 0px; right: 0px; } .GlobalSearch .GlobalSearchButton { width: 52px; height: 52px; background: #2f63a7; border-bottom: 1px solid #0353af; } .GlobalSearch .GlobalSearchButton > .dijitButtonNode, .GlobalSearch .GlobalSearchButton > .dijitButtonNode > .dijitButtonContents { width: inherit; } .GlobalSearch .GlobalSearchButton > .dijitButtonNode { height: 100%; } .GlobalSearch .GlobalSearchButton > .dijitButtonNode > .dijitButtonContents { height: 100%; } .GlobalSearch .GlobalSearchButton > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { display: none; } .GlobalSearch .GlobalSearchButton > .dijitButtonNode > .dijitButtonContents > .dijitIcon { margin-top: 14px; margin-bottom: 14px; } .GlobalSearch.FeatureToolbarButton .magnifyingGlass.dijitIcon { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: 0 0; display: block; margin-left: auto; margin-right: auto; } .GlobalSearch .slideOutPanel-slider .innerWrapper .hookContainer { display: none; } .GlobalSearch .slideOutPanel-slider .containerNode { height: 100%; } .GlobalSearch .slideOutPanel-slider .innerWrapper .contentWrapper { margin: 0px; padding: 0px; } .GlobalSearch .slideOutPanel-slider .dijitTabContainer.horizontal .dijitTabContainerTop-tabs, .GlobalSearch .dijitTabContainer.horizontal>.dijitTabPaneWrapper.dijitTabContainerTop-container { background-color: #efefef; } .GlobalSearch .dijitTabContainer.horizontal .dijitTabContainerTopChildWrapper { background-color: #fff; } .GlobalSearch .slideOutPanel-slider .dijitTabContainer.horizontal .dijitTabContainerTop-tabs .dijitTab, .GlobalSearch .slideOutPanel-slider .dijitTabContainer .dijitToolbar { background-image: none; background-color: #efefef; padding-left: 10px; } .GlobalSearch .slideOutPanel-slider .dijitTabContainer toolbars> .SearchToolbar .customToolbar { display: block; margin-top: 7px; position: relative; } .GlobalSearch .dijitTabContainer.horizontal > .dijitTabPaneWrapper { border: none; } .GlobalSearch .dijitTabContainer.horizontal > .dijitTabPaneWrapper { padding-top: 0px; } .GlobalSearch .searchTab { overflow: hidden; height: 100%; } .GlobalSearch .searchTabHidden { overflow: hidden; } .GlobalSearch .searchTabAuto { overflow: auto; } .GlobalSearch .searchTab { height: 100%; overflow: auto; overflow-x: hidden; } .GlobalSearch .searchTab .toolbars { background: #efefef; } .GlobalSearch .searchTab .toolbars.floating { position: absolute; top: 0; left: 0; right: 17px; /*leave room for scrollbar*/ z-index: 2; } .GlobalSearch .toolbars .dijitButtonGroup { display: inline-block; margin-top: 7px; height: 30px; } .GlobalSearch .toolbars .dijitButtonGroup .dijitToggleButtonChecked .dijitButtonNode { background-color: #e4e4e4; } .GlobalSearch .searchTab .widgetList { overflow-y: auto; overflow-x: hidden; margin-top: 7px; min-height: 100px; } .GlobalSearch .searchTab .dijitToolbar .cancelButton, .GlobalSearch .searchTab .dijitToolbar .filterDropDown { border: 1px solid #d3d3d3; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 3px; } .GlobalSearch .toolbars .filterDropDown { position: absolute; height: 23px; top: 10px; right: 2px; } .GlobalSearch .toolbars .filterDropDown .filterIcon { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 22px; background-position: -121px 0; margin-left: auto; margin-right: auto; } .claro .GlobalSearch .toolbars .filterDropDown .dijitDropDownButtonHover .dijitButtonNode, .claro .GlobalSearch .toolbars .filterDropDown .dijitButtonNode { background-color: transparent; background-image: none; } .GlobalSearch .toolbars .filterDropDown .dijitButtonContents { margin-top: -2px; padding: 0 5px 0 0; } .GlobalSearch .toolbars .filterDropDown .dijitButtonText { margin-top: -2px; padding-right: 5px; } .GlobalSearch .searchTab .dijitToolbar .cancelButton .dijitButtonContents { padding: 1px 1px 1px 5px; } .GlobalSearch .searchTab .dijitToolbar .cancelButton .dijitButtonContents .dijitIcon { margin-top: -2px; } .GlobalSearch .toolbars .filterToolbar { display: block; background: #efefef; } .GlobalSearch .filterToolbar .filterRow { margin: 10px; background: #efefef; } .GlobalSearch .filterToolbar .filterRow:not(.dijitHidden) { padding-top: 7px; margin-top: 0px; } .GlobalSearch .filterToolbar .filterRow:not(.dijitHidden) ~ .filterRow { border: none; padding-top: 0; margin-top: 0; } .GlobalSearch .filterToolbar .filterRow .filterRowContents { position: relative; } .GlobalSearch .filterToolbar .filterRow .filterLabel { position: absolute; display: inline-block; top: 4px; left: 0; width: 80px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow-x: hidden; } .GlobalSearch .filterToolbar .filterRow .DayforceCheckBox { line-height: 25px; } .GlobalSearch .filterToolbar .filterRow .DayforceCheckBox label { margin-left: 90px; } .filterRow .MultiEntitySelector { padding-left: 90px; padding-right: 50px; display: block; } .claro .filterRow .DayforceCheckBox .checkboxContainer>.dijitCheckBox { margin-left: 90px; } .GlobalSearch .toolbars .clearFilter { position: absolute; top: -2px; right: 7px; } .GlobalSearch .toolbars .clearFilter .dijitButtonContents { padding-right: 0px; } .GlobalSearch .toolbars .clearFilter .Icon_Clear, .GlobalSearch .toolbars .Icon_Clear { background-position: -24px -1704px; } .GlobalSearch .bottomShadow { background: #efefef; border-bottom: 1px solid #cdcdcd; -webkit-box-shadow: 0 3px 15px #dedede; -moz-box-shadow: 0 3px 15px #dedede; -webkit-box-shadow: 0 3px 15px #dedede; box-shadow: 0 3px 15px #dedede; } .GlobalSearch .selectMenu { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -72px 0; display: inline-block; margin-left: auto; margin-right: auto; } .GlobalSearch .All { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -48px -24px; } .GlobalSearch .dijitTabChecked .All { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -48px -48px; } .GlobalSearch .People { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -72px -24px; } .GlobalSearch .dfI_Nav_MyHR { font-size: 22px; color: #666; } .GlobalSearch .dijitTabChecked .dfI_Nav_MyHR { color: #1c4c9e; } .GlobalSearch .dijitTabChecked .People { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -72px -48px; } .GlobalSearch .FeatureTabIcon { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -96px -24px; } .GlobalSearch .dijitTabChecked .FeatureTabIcon { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -96px -48px; } .GlobalSearch .Report { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -144px -24px; } .GlobalSearch .dijitTabChecked .Report { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -144px -48px; } .GlobalSearch .Form { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -120px -24px; } .GlobalSearch .dijitTabChecked .Form { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; width: 24px; height: 24px; background-position: -120px -48px; } .GlobalSearch.PeopleSearch .toolbars.bottomShadow .dropdownOverflowToolbar .dijit.customToolbar { display: inherit; } .claro .GlobalSearch .SearchBox.dijitTextBox { height: 25px; display: block; min-width: 170px; position: relative; top: 0; left: 0; right: 0; bottom: 0; width: auto; margin-top: 7px; } .claro .GlobalSearch .PeopleSearch .SearchBox.dijitTextBox { right: 60px; bottom: 10px; position: absolute; left: 10px; top: 2px; } .GlobalSearch .SearchBox .dijitPlaceHolder { padding-top: 3px; } .claro .GlobalSearch .dijitToolbar.SearchToolbar { height: 36px; margin-left: 10px; margin-right: 10px; padding: 5px 5px 10px 5px; } .EmployeeTemplate { white-space: nowrap; } .EmployeeTemplate .EmployeeTemplatePadding { padding-top: 10px; padding-bottom: 20px; } .EmployeeTemplate .checkboxWrapper { float: left; margin-top: 40px; margin-left: 5px; } .EmployeeTemplate .checkbox { margin-top: -36px; } .EmployeeTemplate .ProfileImage { margin: 0 8px; -webkit-border-radius: 26px; border-radius: 26px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); box-shadow: 0 0 4px rgba(0,0,0,0.5); } .EmployeeTemplate .EmployeeDetails { display: inline-block; height: 45px; vertical-align: top; } .EmployeeTemplate .topRow, .EmployeeTemplate .bottomRow { -o-text-overflow: ellipsis; text-overflow: ellipsis; } .EmployeeTemplate .topRow { margin-top: 5px; } .EmployeeTemplate .topRow .EmployeeName { font-weight: bold; font-size: 1.1em; } .EmployeeTemplate .topRow .EmployeeNumber { color: #888; font-size: 0.9em; } .EmployeeTemplate .PositionOrRole, .EmployeeTemplate .PrimaryLocation { color: #555; font-size: 0.9em; } .EmployeeTemplate .dot { margin: 0 3px; } .EmployeeTemplate .info { display: inline-block; } .EmployeeTemplate .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .FormSearchTemplate .SearchResultIcon { margin: 10px 20px; display: inline-block; } .FormSearchTemplate .FormSearchTemplatePadding { padding-top: 7px; } .FormSearchTemplate .SearchResultIcon { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; margin: 8px 22px; max-width: 30px; width: 30px; height: 30px; display: inline-block; } .FormSearchTemplate .MyForm { background-position: -48px -72px; } .FormSearchTemplate .topRow, .FormSearchTemplate .bottomRow { -o-text-overflow: ellipsis; text-overflow: ellipsis; } .FormSearchTemplate .topRow .FormName { -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; font-size: 1.1em; } .FormSearchTemplate .FormDescription { color: #555; font-size: 0.9em; } .FormSearchTemplate .FormResultIcon { margin: 10px 20px; display: inline-block; } .FormSearchTemplate .bottomRow { -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 290px; white-space: nowrap; display: block; overflow: hidden; } .FeatureSearchTemplate, .ReportSearchTemplate, .LearningSearchTemplate { white-space: nowrap; cursor: pointer; } .FeatureSearchTemplate .FeatureSearchTemplatePadding, .ReportSearchTemplate .ReportSearchTemplatePadding { padding-top: 7px; } .FeatureSearchTemplate .FeatureDetails, .FormSearchTemplate .FormDetails, .ReportSearchTemplate .ReportDetails, .LearningSearchTemplate .LearningDetails { display: inline-block; height: 45px; vertical-align: top; } .FeatureSearchTemplate .topRow, .FeatureSearchTemplate .bottomRow { -o-text-overflow: ellipsis; text-overflow: ellipsis; } .FeatureSearchTemplate .topRow, .FormSearchTemplate .topRow, .ReportSearchTemplate .topRow { margin-top: 5px; margin-left: 2px; } .FeatureSearchTemplate .topRow .FeatureName, .ReportSearchTemplate .topRow .ReportName, .LearningSearchTemplate .topRow .LearningName { font-weight: bold; font-size: 1.1em; } .FeatureSearchTemplate .ParentHierarcy { color: #555; font-size: 0.9em; } .FeatureSearchTemplate .dot { margin: 0 3px; } .FeatureSearchTemplate .info { display: inline-block; } .FeatureSearchTemplate .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .ReportSearchTemplate .ReportDescription { color: #555; font-size: 0.9em; } .ReportSearchTemplate .SearchResultIcon { margin: 5px 20px 10px 20px; max-width: 30px; width: 30px; height: 30px; display: inline-block; } .ReportSearchTemplate .MyReports { background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; background-position: -78px -72px; } .ReportSearchTemplate .bottomRow { -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 290px; white-space: nowrap; display: block; overflow: hidden; margin-left: 2px; } .GlobalSearchContainer .dijitTabController .dijitTab { height: 35px; padding-left: 0px; } .GlobalSearchContainer .dijitTabController .dijitTab .dijitIcon { position: relative; top: 0px; } .GlobalSearchContainer .dijitTabContainer.horizontal>.dijitTabController>.dijitTab>.tabLabel { position: absolute; font-size: 9px; bottom: -1px; left: 0px; padding: 0; margin: 0; width: 100%; } .GlobalSearchContainer .dijitTabContainer.horizontal>.dijitTabController>.dijitTab.dijitTabChecked>.tabLabel { font-weight: bold; bottom: 0px; } .GlobalSearchContainer .dijitTabContainer.horizontal > .dijitTabController > .dijitTab { border-bottom-width: 2px; } .GlobalSearch .sectionHeader { margin: 5px 10px; padding: 5px 10px; font-weight: bold; font-size: large; color: #808080; background-color: #f1f1f1; } .GlobalSearch .viewAllResults { color: #1e51bf; text-decoration: none; padding: 10px 10px 25px 15px; } .GlobalSearch .viewAllResults:hover, .GlobalSearch .viewAllResults:active { cursor: pointer; text-decoration: underline; } .GlobalSearch .FeatureSearchTemplate .SearchResultIcon { color: #0355b2; position: relative; display: inline-block; top: -5px; margin: 10px 25px; font-size: 24px; } .LearningSearchTemplate .LearningDescription { color: #555; font-size: 0.9em; } .LearningSearchTemplate .bottomRow { -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 290px; white-space: nowrap; display: block; overflow: hidden; margin-left: 2px; } .LearningSearchTemplate .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .GlobalSearch .LearningSearchTemplate .SearchResultIcon { color: #0355b2; position: relative; display: inline-block; margin: -2px 20px 0px 20px; font-size: 32px; } .GlobalSearch .dfI_Nav_Learning { font-size: 18px; color: #666; } .GlobalSearch .dijitTabChecked .dfI_Nav_Learning { color: #1c4c9e; } .LearningSearchTemplate .LearningSearchTemplatePadding { padding-top: 10px; } .LearningSearchTemplate .topRow { margin-top: 10px; margin-left: 2px; } .MultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox.dijitTextBoxFocused { outline: none; } .peopleReport .section.fullWidth.flexSection { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .reportCard .payrollReport .bold { font-weight: bold; } .reportCard .payrollReport .positionAbsolute { position: absolute; } .reportCard .payrollReport .dijitNumberTextBox { text-align: right !important; } .reportCard .payrollReport .borderContainer { height: 175px; border: none; } .reportCard .payrollReport .halfWidth { width: 50%; } .reportCard .payrollReport .fullWidth { width: 100%; } .reportCard .payrollReport .section.fullWidth.flexSection { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 100%; } .reportCard .payrollReport .payRunSelector .flexSection .footer { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .reportCard .payrollReport .right { float: left; width: 100%; } .reportCard .payrollReport .left { float: left; width: 100%; } .reportCard .payrollReport .message { color: #00f; font-weight: bold; } .reportCard .payrollReport .section { padding: 0 0.5em 0.5em 0.5em; } .reportCard .payrollReport .column26percent { display: inline-block; width: 26%; margin-right: 1em; } .reportCard .payrollReport .column32percent { display: inline-block; width: 32.5%; margin-right: 1em; } .reportCard .payrollReport .column31percent { display: inline-block; width: 31%; margin-right: 1em; } .reportCard .payrollReport .column45percent { display: inline-block; width: 45%; margin-right: 1em; } .reportCard .payrollReport .columnDouble { display: inline-block; width: 62%; margin-right: 1em; } .reportCard .payrollReport .columnSmall { display: inline-block; width: 15%; margin-right: 1em; } .reportCard .payrollReport .columnLarge { display: inline-block; width: 83%; margin-right: 1em; } .reportCard .payrollReport .EntitySelectorContainer { display: block; overflow-x: hidden; overflow-y: auto; max-height: 50px; } .reportCard .payrollReport .MultiEntitySelector .MultiEntitySelectorItem { max-height: 15px; } .reportCard .payrollReport .MultiEntitySelector .MultiEntitySelectorItem .labelNode { max-width: 92px; } .reportCard .payrollReport .doubleLength { width: 62%; } .reportCard .payrollReport .width90percent { width: 90%; } .reportCard .payrollReport .width98percent { width: 98.5%; } .reportCard .payrollReport .width190px { width: 190px; } .reportCard .payrollReport .width210px { width: 210px; } .reportCard .payrollReport .marginTop1 { margin-top: 0.2em; } .reportCard .payrollReport .marginTop2 { margin-top: 0.5em; } .reportCard .payrollReport .marginTop3 { margin-top: 0.5em; vertical-align: top; } .reportCard .payrollReport .marginTop4 { margin-top: 1.5em; vertical-align: top; } .reportCard .payrollReport .marginRight { margin-right: 2em; } .reportCard .payrollReport .marginTop15px { margin-top: 15px; } .reportCard .payrollReport .marginTop4px { margin-top: 4px; } .reportCard .payrollReport .width420px { width: 420px; } .reportCard .payrollReport .width425px { width: 425px; } .reportCard .payrollReport .width552px { width: 552px; } .reportCard .payrollReport .width300px { width: 300px; } .reportCard .payrollReport .StandardParamsPane { position: relative !important; } .reportCard .payrollReport hr.lightGrey { display: block; height: 1px; border: 0; border-top: 1px solid #d3d3d3; padding: 0; } .reportCard .payrollReport .FlexDisplay { display: inline-table; } .reportCard .payrollReport .childReportContentPane { overflow-y: auto; overflow-x: hidden; } .reportCard .payrollReport .flexSection { display: -webkit-flex; -webkit-flex-direction: row; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-align-items: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; display: -ms-flexbox; -ms-flex-direction: row; overflow-y: hidden; } .reportCard .payrollReport div.grsReportGridHeader { padding: 20px; margin-top: 20px; background-color: #fff; border: 1px solid #d3d3d3; border-style: solid; border-width: 1px; } .reportCard .payrollReport div.grsDataGrid .dgrid-header.dgrid-header-row th { background-color: #eee !important; color: #808080 !important; } .reportCard .payrollReport div.taxAuthGridsContainer { margin: 0 20px 0 20px; } .reportCard .payrollReport div.backOfficeReportsTabContainer > div.dijitTabPaneWrapper.dijitTabContainerTop-container { height: 100%; } .reportCard .payrollReport span.grsGridHeaderLabel { color: #808080; } .reportCard .payrollReport span.grsGridHeaderValue { margin: 10px; font-weight: 600; } .reportCard .payrollReport span.grsGridHeaderLabelSep { margin-left: 40px; } .reportCard .payrollReport .grsDataGrid .number { text-align: right !important; } .reportCard .payrollReport .DateRangeSelector .dijitDateTextBox:nth-child(2) { margin-left: 50px; } .claro .dayforceFormCollection .FormCollectionHeader { padding: 2px; line-height: 3em; font-weight: 600; cursor: pointer; } .claro .dayforceFormCollection .FormCollectionHeader .formStepNumber { font-size: large; width: 2em; text-align: center; } .claro .dayforceFormCollection .FormCollectionHeader .formName { font-size: larger; } .claro .dayforceFormCollection .dijitAccordionInnerContainerSelected { border-color: #336ab2; } .claro .dayforceFormCollection .FormCollectionHeader.Selected { background-color: #336ab2; color: #fff; } .claro .dayforceFormCollection .FormCollectionHeader { color: #336ab2; } .claro .dayforceFormCollection .dayforceFormCollection-LazyPane .dijitOutput.processMessage { padding: 15px 36px 15px 36px; } .claro .dayforceFormCollection .FormCollectionHeader .submittedMark { position: absolute; right: 15px; } .claro .dayforceFormCollection .FormCollectionHeader .submittedMark .submittedCheckmark { background: url("../images/guided_process_sprite.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 24px; width: 24px; margin-left: 10px; } .claro.user-is-tabbing .dayforceFormCollection .FormCollectionHeader .formName .dijitOutput:focus { outline: 2px solid #0087fd; } .claro .dijitDialog .GuidedProcessNewFormButtons { float: none; width: 100%; } .claro .dijitDialog .GuidedProcessNewFormButtons .gpBtnAlignLeft { margin-left: 0.8rem; display: inline-block; } .claro .dijitDialog .GuidedProcessNewFormButtons .gpBtnAlignRight { float: right; display: inline-block; margin-right: 1.2rem; } .claro .dijitDialog .GuidedProcessButtons .forwardAfter { float: right; margin-top: 2px; } .claro .dijitDialog .GuidedProcessNewFormButtons .grayButton .dijitButtonNode { border-color: #bfbfbf; background-color: #e6e6e6; color: #000; } .claro .dayforceFormCollection .dijitAccordionInnerContainer .formDescription { font-size: 12px; color: #4d87c0; padding: 10px; border-bottom: 1px solid #4d87c0; } .dayforceFormCollection .xmlFormDialog, .GuidedProcessDialog.maximized .xmlFormDialog { /* Depending on development, could drop maximized */ width: auto !important; } .dijitAccordionInnerContainer .FormCollectionLoadingBackground { height: 34px; } .claro .dayforceFormCollection .FormCollectionHeader .arrowNode { width: 24px; padding-left: 1px; padding-right: 1px; } .claro .dayforceFormCollection .FormCollectionHeader .arrowNode .internalArrow { background: url("../images/ComparisonTable_Sprites.png?v=64.1.2.14510&") no-repeat -24px -64px; width: 24px; height: 24px; vertical-align: middle; } .claro .dayforceFormCollection .FormCollectionHeader.Selected .arrowNode .internalArrow { background: url("../images/ComparisonTable_Sprites.png?v=64.1.2.14510&") no-repeat 0px -64px; } .claro .embeddedGuidedProcess { background-color: #fff; } .dayforceFormCollection .LazyPane { min-height: 100px; /*give min-height so the loading mask has something tangible to render over*/ } .esign-template-section .taskStatusIcon, .guidedProcessForms .taskStatusIcon { position: absolute; left: 4rem; background-color: #fff; z-index: 100; margin-top: 2rem; } .esign-template-section .verticalLine, .guidedProcessForms .verticalLine { border-left: solid 0.1rem #a29c9c; content: ""; height: 20%; position: absolute; z-index: 1; left: 5.2rem; top: 7.5rem; } .esign-template-section .formHeader, .guidedProcessForms .formHeader { font-size: 1.2em; display: inline-block; margin-top: 0.5rem; margin-left: 0.5rem; width: calc(100% - 0.5rem); } .esign-template-section .taskStatusMsg, .guidedProcessForms .taskStatusMsg { font-weight: bold; font-size: 0.8em; float: left; margin-right: 2rem; margin-top: 0.25rem; } .esign-template-section .ExpanderControlSection .ExpanderTitleOuter, .guidedProcessForms .ExpanderControlSection .ExpanderTitleOuter { border: none !important; } .esign-template-section .ExpanderControlSection .ExpanderContentOuter, .guidedProcessForms .ExpanderControlSection .ExpanderContentOuter { border: none !important; } .esign-template-section .expander-header, .guidedProcessForms .expander-header { font-size: 1em !important; color: #000; } .esign-template-section .taskInfo, .guidedProcessForms .taskInfo { margin: 1rem 1rem 0 0; } .esign-template-section .taskInfo .dijitAccordionInnerContainer, .guidedProcessForms .taskInfo .dijitAccordionInnerContainer { border: none !important; } .esign-template-section .taskInfo .dijitAccordionTitle, .guidedProcessForms .taskInfo .dijitAccordionTitle { display: none; } .esign-template-section .taskInfo .dijitAccordionChildWrapper, .guidedProcessForms .taskInfo .dijitAccordionChildWrapper { border: none !important; } .esign-template-section .taskInfo .dijitAccordionContainer-child, .guidedProcessForms .taskInfo .dijitAccordionContainer-child { overflow: hidden !important; padding: 0; } .esign-template-section .taskInfo .guidedProcessHeader, .guidedProcessForms .taskInfo .guidedProcessHeader { margin: 0 1em 1em 0; } .esign-template-section .taskInfo .noFormInThisGuidedProcess, .guidedProcessForms .taskInfo .noFormInThisGuidedProcess { margin: 0 1em 0 1em; } .esign-template-section .taskInfo .guidedProcessFooter, .guidedProcessForms .taskInfo .guidedProcessFooter { margin: 0 1em 0 0; } .esign-template-section .guidedProcessList, .guidedProcessForms .guidedProcessList { display: inline-block; } .esign-template-section .MessageMask .MaskUnderlay, .guidedProcessForms .MessageMask .MaskUnderlay { overflow: hidden !important; } .guidedProcessFormCard { border: 1px solid #b6bfc9; border-style: solid; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; margin-right: 2rem; margin-bottom: 2rem; border-width: thin; width: 35rem; height: 15rem; position: relative; float: left; } .guidedProcessFormCard .formDisable { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); color: #808080; } .guidedProcessFormCard .formLogo { background: url("../images/home_sprite.png?v=64.1.2.14510&") no-repeat -16px -113px; float: left; width: 14px; height: 17px; margin-right: 5px; } .guidedProcessFormCard .guidedProcessFormCardInfo { margin-top: 0.75rem; margin-bottom: 2.75rem; margin-left: 0.5rem; margin-right: 0.5rem; font-size: small; } .guidedProcessFormCard .guidedProcessFormCardInfo .guidedProcessFormCardInfoTitle { font-size: 1.4rem; margin-bottom: 0.35rem; } .guidedProcessFormCard .guidedProcessFormCardInfo .guidedProcessFormCardRequiredStatus { font-size: 1.2rem; float: left; font-style: italic; } .guidedProcessFormCard .guidedProcessFormCardInfo .required { color: #f00; } .guidedProcessFormCard .guidedProcessFormCardInfo .guidedProcessFormCardInfoDescription { font-size: 1.2rem; color: #808080; } .guidedProcessFormCard .guidedProcessFormCardStatusAndButton { position: absolute; bottom: 0; float: right; background-color: #e1effe; width: 100%; height: 3.5rem; } .guidedProcessFormCard .guidedProcessFormCardStatusAndButton .cardButton { float: right; margin-top: 0.5rem; } .guidedProcessFormCard .guidedProcessFormCardStatusAndButton .skipButton { color: #0355b2; cursor: pointer; font-size: 1.3rem; vertical-align: bottom; } .guidedProcessFormCard .guidedProcessFormCardStatusAndButton .dfI_G03_Skip { color: #808080; display: inline-block; margin-left: 1rem; font: icon; font-size: 2rem; vertical-align: bottom; } .guidedProcessFormCard .guidedProcessFormCardStatusAndButton .submittedCheckmark { background: url("../images/guided_process_sprite.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 2.4rem; width: 2.4rem; margin-left: 1rem; } .guidedProcessFormCard .guidedProcessFormCardStatusAndButton .formStatus { margin-top: 0.5em; font-size: small; } .guidedProcessEsignInfoBannerContainer { display: none; } .guidedProcessEsignInfoBannerContainer .guidedProcessEsignInfoBanner { background-color: #e4f2fe; border-style: solid; border-color: #95adc8; border-width: 0.125rem; padding: 0.25rem; padding-bottom: 0.75rem; margin: 0.5rem; } .guidedProcessEsignInfoBannerContainer .guidedProcessEsignInfoBanner .info { font-size: 2rem; color: #1e51c2; } .guidedProcessEsignInfoBannerContainer .guidedProcessEsignInfoBanner .infoText { font-size: 1.2rem; margin-left: 1rem; display: inline; font-weight: 600; } .FormCollectionHeader .ButtonToolTipFocus:focus { outline: 2px solid #0087fd; width: 100%; } .GuidedProcessDialogMobile input, .GuidedProcessDialogMobile textarea { /* On a phone, the font size for form inputs has to be at least 16px otherwise the browser will zoom in when you try to edit the value in the field. !important is for testing. If this ends up working then we'll try to properly add the css....or may leave it if we can't figure out a better solution.*/ font-size: 1.6rem !important; line-height: 1.6rem !important; } .reportOptions .options .DayforceCheckBox, .reportOptions .orderBy .DayforceCheckBox, .reportOptions .grpBy .DayforceCheckBox, .reportOptions .totals .DayforceCheckBox, .reportOptions .NameDisplayFormat .DayforceCheckBox, .reportOptions .kpiSection .DayforceCheckBox { width: 200px; padding: 4px 0px 4px 0px; vertical-align: text-top; } .reportOptions .options .DayforceCheckBox.disabledDayforceCheckBox, .reportOptions .orderBy .DayforceCheckBox.disabledDayforceCheckBox, .reportOptions .grpBy .DayforceCheckBox.disabledDayforceCheckBox, .reportOptions .totals .DayforceCheckBox.disabledDayforceCheckBox, .reportOptions .NameDisplayFormat .DayforceCheckBox.disabledDayforceCheckBox, .reportOptions .kpiSection .DayforceCheckBox.disabledDayforceCheckBox { color: #aaa; cursor: auto; -webkit-box-shadow: none; box-shadow: none; } .reportOptions .options .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .reportOptions .orderBy .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .reportOptions .grpBy .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .reportOptions .totals .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .reportOptions .NameDisplayFormat .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput, .reportOptions .kpiSection .DayforceCheckBox.disabledDayforceCheckBox .dijitCheckBoxInput { cursor: auto; } .reportOptions .options .tableCell, .reportOptions .orderBy .tableCell, .reportOptions .grpBy .tableCell, .reportOptions .totals .tableCell, .reportOptions .NameDisplayFormat .tableCell, .reportOptions .kpiSection .tableCell { display: table-cell; } .reportOptions .options .tableCell.header, .reportOptions .orderBy .tableCell.header, .reportOptions .grpBy .tableCell.header, .reportOptions .totals .tableCell.header, .reportOptions .NameDisplayFormat .tableCell.header, .reportOptions .kpiSection .tableCell.header { font-weight: bold; padding-bottom: 4px; width: 200px; display: table-cell; } .reportOptions .options .kpiSelector, .reportOptions .orderBy .kpiSelector, .reportOptions .grpBy .kpiSelector, .reportOptions .totals .kpiSelector, .reportOptions .NameDisplayFormat .kpiSelector, .reportOptions .kpiSection .kpiSelector { min-width: 200px; max-width: 600px; padding: 0px; } .reportOptions .options .nameDisplayFormatSelector, .reportOptions .orderBy .nameDisplayFormatSelector, .reportOptions .grpBy .nameDisplayFormatSelector, .reportOptions .totals .nameDisplayFormatSelector, .reportOptions .NameDisplayFormat .nameDisplayFormatSelector, .reportOptions .kpiSection .nameDisplayFormatSelector { min-width: 200px; } .reportOptions .options .jobNameDisplayOptionSelector, .reportOptions .orderBy .jobNameDisplayOptionSelector, .reportOptions .grpBy .jobNameDisplayOptionSelector, .reportOptions .totals .jobNameDisplayOptionSelector, .reportOptions .NameDisplayFormat .jobNameDisplayOptionSelector, .reportOptions .kpiSection .jobNameDisplayOptionSelector { min-width: 200px; max-width: 400px; } .reportOptions .options .segmentCheckbox, .reportOptions .orderBy .segmentCheckbox, .reportOptions .grpBy .segmentCheckbox, .reportOptions .totals .segmentCheckbox, .reportOptions .NameDisplayFormat .segmentCheckbox, .reportOptions .kpiSection .segmentCheckbox { padding-top: 5px; padding-bottom: 15px; } .reportOptions .options .additionSegmentDetailsHeader, .reportOptions .orderBy .additionSegmentDetailsHeader, .reportOptions .grpBy .additionSegmentDetailsHeader, .reportOptions .totals .additionSegmentDetailsHeader, .reportOptions .NameDisplayFormat .additionSegmentDetailsHeader, .reportOptions .kpiSection .additionSegmentDetailsHeader { padding-bottom: 25px; width: 200px; vertical-align: top; display: table-cell; } .reportOptions .options .segmentAdditionalDetailsSelector, .reportOptions .orderBy .segmentAdditionalDetailsSelector, .reportOptions .grpBy .segmentAdditionalDetailsSelector, .reportOptions .totals .segmentAdditionalDetailsSelector, .reportOptions .NameDisplayFormat .segmentAdditionalDetailsSelector, .reportOptions .kpiSection .segmentAdditionalDetailsSelector { min-width: 200px; max-width: 400px; padding: 0px; } .reportOptions .orderBy, .reportOptions .grpBy { padding: 5px 0px 5px 0px; } .reportOptions .sortBySelector, .reportOptions .groupBySelector { width: 200px; } .reportOptions .horizontalSeparator { border-top: 1px solid #b5bcc7; display: block; height: 1px; margin: 8px 2px 5px 2px; vertical-align: middle; } .kl-printed-schedule-report { width: 1050px; } .employee-attendance-incident-report { width: 1050px; } .HierarchyVisualization { white-space: nowrap; position: relative; height: 100%; width: 100%; } .HierarchyVisualization .leftPanel { position: absolute; top: 0; left: 0; bottom: 0; white-space: normal; } .HierarchyVisualization .viewFinderHook { position: relative; display: inline-block; vertical-align: top; border-bottom: 0.1rem #808080 solid; } .HierarchyVisualization .rightPanel { min-width: 100px; height: 100%; position: relative; padding-left: 2px; } .HierarchyVisualization .rightPanel .dijitToolbar { position: absolute; right: 0; left: 1px; border: 1px solid #808080; border-bottom-color: #d3d3d3; } .HierarchyVisualization .rightPanel .mainDiagramHook { position: absolute; top: 36px; bottom: 0; left: 0; right: 0; border: 1px solid #808080; border-top-width: 0; margin-left: 1px; } .HierarchyVisualization .viewFinderHook canvas { vertical-align: middle; } .HierarchyVisualization .viewFinderHook svg { position: absolute; top: 0; left: 0; } .HierarchyVisualization svg.mainSvgDiagram { height: 100%; width: 100%; background-color: #efefef; } .HierarchyVisualization .viewfinderGroup .viewfinderRect { fill: #0077e1; fill-opacity: 0.3; stroke: #808080; cursor: move; } .HierarchyVisualization .viewfinderGroup .viewFinderResizeHook { cursor: se-resize; fill: #000; stroke: #fff; stroke-width: 1px; } .HierarchyVisualization.lowZoom .highZoomDetail, .HierarchyVisualization.highZoom .lowZoomDetail { display: none; } .HierarchyVisualization g.node > rect.nodeRect { fill: #fff; stroke: #808080; stroke-width: 0.5px; } .HierarchyVisualization .node { font: 10px sans-serif; } .HierarchyVisualization .link { fill: none; stroke: #595959; stroke-width: 0.5px; } .HierarchyVisualization text { cursor: default; } .HVIcon_ZoomIn, .HVIcon_ZoomOut, .HVIcon_OneToOne, .HVIcon_FitToScreen, .HVIcon_HideChildren, .HVIcon_ShowChildren, .HVIcon_ShowParent, .HVIcon_HideParent { background: url("../images/OrgChart_sprites.png?v=64.1.2.14510&") no-repeat; height: 24px; width: 24px; } .HVIcon_ZoomIn { background-position: -25px 0; } .HVIcon_ZoomOut { background-position: -49px 0; } .HVIcon_OneToOne { background-position: -72px 0; } .HVIcon_FitToScreen { background-position: -96px 0; } .HVIcon_ShowParent { background-position: -120px 0; } .HVIcon_HideParent { background-position: -144px 0; } .HVIcon_ShowChildren { background-position: -168px 0; } .HVIcon_HideChildren { background-position: -192px 0; } .HierarchyVisualization svg { overflow: hidden; } .HierarchyVisualization .fullSize { height: 100%; width: 100%; } .HierarchyVisualization .notSupported { position: relative; } .HierarchyVisualization .notSupported .wrapper { position: absolute; width: 100%; top: 50%; left: 0; right: 0; text-align: center; margin-top: -11px; } .HierarchyVisualization .notSupported .warningIcon { background: url("../images/warning.png?v=64.1.2.14510&") no-repeat; height: 23px; width: 23px; display: inline-block; margin-right: 6px; vertical-align: middle; } .HierarchyVisualDetailsPane .name { color: #1162c2; } .HierarchyVisualDetailsPane .percentValue { min-width: 20px; display: inline-block; text-align: center; } .HierarchyVisualization .mainDiagramHook.PanMove * { cursor: move; } .HierarchyVisualization g.stackedBackgrounds .stackedBackground { fill: #d7d7d7; } .HierarchyVisualization g.stackedBackgrounds .stackedBackground.animating { stroke-width: 0; } .IframeHost .IframeHostButtonGroup { border-bottom: 1px solid $disabled-color; } .IframeHost .IframeHostButtonGroup .featureList > .FeatureButton { margin: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; color: #000; height: 3rem; padding: 0.5rem; border-right: none !important; } .IframeHost .IframeHostButtonGroup .featureList .dijitButtonText { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; font-size: 1.5rem; font-family: "Open Sans", sans-serif; } .IframeHost .FeatureButton.FeatureButtonChecked { padding-bottom: 0.4rem; border-top: none; border-bottom: 2px solid #0355b2 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336ab2', endColorstr='#224d85'); } .IframeHost .FeatureButton.FeatureButtonChecked .dijitButtonText { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; font-size: 1.5rem; font-family: #0355b2; } .IframeHost .hostIframe { overflow: hidden; width: 100%; border: none; position: -ms-device-fixed; } .Icon_Folder, .Icon_Folder_White, .Icon_Save, .Icon_Save_White, .Icon_Post, .Icon_Post_White, .Icon_Refresh, .Icon_Refresh_White, .Icon_New, .Icon_New_White, .Icon_Add, .Icon_Add_White, .Icon_Edit, .Icon_Edit_White, .Icon_Delete, .Icon_Delete_White, .Icon_Undo, .Icon_Undo_White, .Icon_Redo, .Icon_Redo_White, .Icon_ImportFile, .Icon_ImportFile_White, .Icon_Copy, .Icon_Copy_White, .Icon_Paste, .Icon_Paste_White, .Icon_View, .Icon_View_White, .Icon_Filter, .Icon_Filter_White, .Icon_Sort, .Icon_Sort_White, .Icon_Info, .Icon_Info_White, .Icon_Localize, .Icon_Localize_White, .Icon_Audit, .Icon_Audit_White, .Icon_Problems, .Icon_Problems_White, .Icon_Assign, .Icon_Assign_White, .Icon_Decline, .Icon_Decline_White, .Icon_Export, .Icon_Export_White, .Icon_Import, .Icon_Import_White, .Icon_Forward, .Icon_Forward_White, .Icon_Backward, .Icon_Backward_White, .Icon_Hire, .Icon_Hire_White, .Icon_Hyperlink, .Icon_Hyperlink_White, .Icon_Interview, .Icon_Interview_White, .Icon_Minus, .Icon_Minus_White, .Icon_Print, .Icon_Print_White, .Icon_Screen, .Icon_Screen_White, .Icon_Send, .Icon_Send_White, .Icon_Status, .Icon_Status_White, .Icon_Check, .Icon_Check_White, .Icon_Link, .Icon_Link_White, .Icon_Report, .Icon_Report_White, .Icon_Cut, .Icon_Cut_White, .Icon_Favorites, .Icon_Favorites_White, .Icon_MoveUp, .Icon_MoveUp_White, .Icon_MoveDown, .Icon_MoveDown_White, .Icon_Eye, .Icon_Eye_White, .Icon_SelectAll, .Icon_SelectAll_White, .Icon_ActiveFilter, .Icon_ActiveFilter_White, .Icon_ActiveFavorites, .Icon_ActiveFavorites_White, .Icon_CircleCheckmark, .Icon_CircleCheckmark_White, .Icon_Calculate, .Icon_Calculate_White, .Icon_ClearDefault, .Icon_ClearDefault_White, .Icon_PreviewSchedule, .Icon_PreviewSchedule_White, .Create_Time_Off_Request, .Create_Time_Off_Request_White, .Edit_time_off_request, .Edit_time_off_request_White, .View_time_off_request, .View_time_off_request_White, .Adjust_availability_for_this_week, .Edit_default_availability, .Usedefaultavailabilityforthisweek, .Usedefaultavailabilityforthisweek_White, .Copyfrompreviousweek, .Copyfrompreviousweek_White, .Copyfromtemplate, .Copyfromtemplate_White, .Cancelpendingrequest, .Makingshiftavailabletoeveryone, .Makingshiftavailabletoeveryone_White, .Offershifttoacoworker, .Offershifttoacoworker_White, .Swapshiftswithacoworker, .Swapshiftswithacoworker_White, .Viewincidents, .Viewincidents_White, .Viewscorecard, .Viewscorecard_White, .Viewshiftdetails, .Viewshiftdetails_White, .Viewscheduledetails, .Viewscheduleoffers, .RefreshCalendar, .RefreshCalendar_White, .CopyToTemplate, .CopyToTemplate_White, .Availability_Icon, .Availability_Icon_White, .Attendance_Icon, .Attendance_Icon_White, .CancelTimeOffRequest_Icon, .CancelTimeOffRequest_Icon_White, .CancelPendingRequest_Icon, .CancelPendingRequest_Icon_White, .Icon_Authorize, .Icon_Authorize_White, .Icon_Unauthorize, .Icon_Unauthorize_White, .balance_Icon, .balance_Icon_White, .Icon_Load, .Icon_Load_White, .Icon_ShiftTrade, .Icon_ShiftTrade_White, .Icon_Tasks, .Icon_Tasks_White, .Icon_Activities, .Icon_Activities_White, .Icon_LoadOptions, .Icon_LoadOptions_White, .Icon_PinSchedules, .Icon_PinSchedules_White, .Icon_SortOptions, .Icon_SortOptions_White, .Icon_UploadFiles, .Icon_UploadFiles_White, .DocMgmtIcon_Icon_View, .DocMgmtIcon_Icon_View_White, .DocMgmtIcon_Datagrid_View, .DocMgmtIcon_Datagrid_View_White, .DocMgmtIcon_Restore_Files, .DocMgmtIcon_Restore_Files_White, .DocMgmtIcon_Purge_Files, .DocMgmtIcon_Purge_Files_White, .DocMgmtIcon_Data_Usage, .DocMgmtIcon_Data_Usage_White, .DocMgmtIcon_Replace_File, .DocMgmtIcon_Replace_File_White, .PpacaIcon_Load_Cycles, .PpacaIcon_Load_Cycles_White, .PpacaIcon_Calc_Eligibility, .PpacaIcon_Calc_Eligibility_White, .PpacaIcon_Approve_Eligibility, .PpacaIcon_Approve_Eligibility_White, .PpacaIcon_Publish_Enrollment, .PpacaIcon_Publish_Enrollment_White, .PpacaIcon_End_Coverage, .PpacaIcon_End_Coverage_White, .PpacaIcon_Override_Eligibility, .PpacaIcon_Override_Eligibility_White, .PpacaIcon_Csv_Export, .PpacaIcon_Csv_Export_White, .PpacaIcon_Select_All, .PpacaIcon_Select_All_White, .PpacaIcon_Ignore_Period, .PpacaIcon_Ignore_Period_White, .PpacaIcon_Do_Not_Ignore_Period, .PpacaIcon_Do_Not_Ignore_Period_White, .PpacaIcon_Assign_Period, .PpacaIcon_Assign_Period_White, .PpacaIcon_Assign_Employees, .PpacaIcon_Assign_Employees_White, .RecruitingIcon_JobVite, .RecruitingIcon_JobVite_White, .RecruitingIcon_Screen_New_Order, .RecruitingIcon_Screen_New_Order_White, .RecruitingIcon_Screen_Order_Status, .RecruitingIcon_Screen_Order_Status_White, .RecruitingIcon_Screening_Manager, .RecruitingIcon_Screening_Manager_White, .Icon_CandidateOffer, .Icon_CandidateOffer_White, .Icon_CandidateOfferDelete, .Icon_CandidateOfferDelete_White, .Icon_Profile, .Icon_Profile_White, .Icon_Clear, .Icon_Clear_White, .Icon_Search, .Icon_Search_White, .ViewOption_Icon, .ViewOption_Icon_White, .ViewOption_Daily_Icon, .ViewOption_Daily_Icon_White, .ViewOption_Weekly_Icon, .ViewOption_Weekly_Icon_White, .ViewOption_RollingWeek_Icon, .ViewOption_RollingWeek_Icon_White, .ViewOption_Monthly_Icon, .ViewOption_Monthly_Icon_White, .AdminPortalIcon_Download, .AdminPortalIcon_Download_White, .AdminPortalIcon_Cancel_Call_Home, .AdminPortalIcon_Cancel_Call_Home_White, .AdminPortalIcon_Firmware, .AdminPortalIcon_Firmware_White, .AdminPortalIcon_Call_Home, .AdminPortalIcon_Call_Home_White, .AdminPortalIcon_Logs, .AdminPortalIcon_Logs_White, .AdminPortalIcon_Move, .AdminPortalIcon_Move_White, .AdminPortalIcon_Promote, .AdminPortalIcon_Promote_White, .AdminPortalIcon_Remove_License, .AdminPortalIcon_Remove_License_White, .AdminPortalIcon_Replace, .AdminPortalIcon_Replace_White, .AdminPortalIcon_Software, .AdminPortalIcon_Software_White, .AdminPortalIcon_View, .AdminPortalIcon_View_White, .AdminPortalIcon_Upgrade, .AdminPortalIcon_Upgrade_White, .Icon_Contact, .Icon_Contact_White, .Icon_CandidateNotes, .Icon_CandidateNotes_white, .Icon_Generate, .Icon_Generate_White, .Icon_FilterStoreExist, .NotificationStatus_Reset_Icon, .NotificationStatus_Reset_Icon_White { background: url("../images/toolbar_icons24.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 24px; width: 24px; } .DocIcon_FileBlank { width: 16px; height: 16px; background: url("../../DocumentManagement/images/Document_Explorer_Sprite.png?v=64.1.2.14510&") no-repeat -472px 0; } .DocIcon_FileLabel { width: 16px; height: 16px; background: url("../../DocumentManagement/images/Document_Explorer_Sprite.png?v=64.1.2.14510&") no-repeat -488px 0; } .Icon_Folder { background-position: 0px 0px; } .Icon_Folder_White, .dijitMenuItemActive .Icon_Folder { background-position: -48px 0px; } .dijitDisabled .Icon_Folder, .dijitDisabled .Icon_Folder_White { background-position: -24px 0px; } .Icon_Save { background-position: 0px -24px; } .Icon_Save_White, .dijitMenuItemActive .Icon_Save { background-position: -48px -24px; } .dijitDisabled .Icon_Save, .dijitDisabled .Icon_Save_White { background-position: -24px -24px; } .Icon_Post { background-position: 0px -48px; } .Icon_Post_White, .dijitMenuItemActive .Icon_Post { background-position: -48px -48px; } .dijitDisabled .Icon_Post, .dijitDisabled .Icon_Post_White { background-position: -24px -48px; } .Icon_Refresh { background-position: 0px -72px; } .Icon_Refresh_White, .dijitMenuItemActive .Icon_Refresh { background-position: -48px -72px; } .dijitDisabled .Icon_Refresh, .dijitDisabled .Icon_Refresh_White { background-position: -24px -72px; } .Icon_New { background-position: 0px -96px; } .Icon_New_White, .dijitMenuItemActive .Icon_New { background-position: -48px -96px; } .dijitDisabled .Icon_New, .dijitDisabled .Icon_New_White { background-position: -24px -96px; } .Icon_Add { background-position: 0px -120px; } .Icon_Add_White, .dijitMenuItemActive .Icon_Add { background-position: -48px -120px; } .dijitDisabled .Icon_Add, .dijitDisabled .Icon_Add_White { background-position: -24px -120px; } .Icon_Edit { background-position: 0px -143px; } .Icon_Edit_White, .dijitMenuItemActive .Icon_Edit { background-position: -48px -143px; } .dijitDisabled .Icon_Edit, .dijitDisabled .Icon_Edit_White { background-position: -24px -143px; } .Icon_Delete { background-position: 0px -168px; } .Icon_Delete_White, .dijitMenuItemActive .Icon_Delete { background-position: -48px -168px; } .dijitDisabled .Icon_Delete, .dijitDisabled .Icon_Delete_White { background-position: -24px -168px; } .Icon_Undo { background-position: 0px -192px; } .Icon_Undo_White, .dijitMenuItemActive .Icon_Undo { background-position: -48px -192px; } .dijitDisabled .Icon_Undo, .dijitDisabled .Icon_Undo_White { background-position: -24px -192px; } .Icon_Redo { background-position: 0px -216px; } .Icon_Redo_White, .dijitMenuItemActive .Icon_Redo { background-position: -48px -216px; } .dijitDisabled .Icon_Redo, .dijitDisabled .Icon_Redo_White { background-position: -24px -216px; } .Icon_ImportFile { background-position: 0px -530px; } .Icon_ImportFile_White, .dijitMenuItemActive .Icon_ImportFile { background-position: -48px -530px; } .dijitDisabled .Icon_ImportFile, .dijitDisabled .Icon_ImportFile_White { background-position: -24px -530px; } .Icon_Copy { background-position: 0px -240px; } .Icon_Copy_White, .dijitMenuItemActive .Icon_Copy { background-position: -48px -240px; } .dijitDisabled .Icon_Copy, .dijitDisabled .Icon_Copy_White { background-position: -24px -240px; } .Icon_Paste { background-position: 0px -264px; } .Icon_Paste_White, .dijitMenuItemActive .Icon_Paste { background-position: -48px -264px; } .dijitDisabled .Icon_Paste, .dijitDisabled .Icon_Paste_White { background-position: -24px -264px; } .Icon_View { background-position: 0px -288px; } .Icon_View_White, .dijitMenuItemActive .Icon_View { background-position: -48px -288px; } .dijitDisabled .Icon_View, .dijitDisabled .Icon_View_White { background-position: -24px -288px; } .Icon_Filter { background-position: 0px -312px; } .Icon_Filter_White, .dijitMenuItemActive .Icon_Filter { background-position: -48px -312px; } .dijitDisabled .Icon_Filter, .dijitDisabled .Icon_Filter_White { background-position: -24px -312px; } .Icon_FilterStoreExist { background-position: 1px -2615px; } .Icon_Sort { background-position: 0px -336px; } .Icon_Sort_White, .dijitMenuItemActive .Icon_Sort { background-position: -48px -336px; } .dijitDisabled .Icon_Sort, .dijitDisabled .Icon_Sort_White { background-position: -24px -336px; } .Icon_Info { background-position: 0px -360px; } .Icon_Info_White, .dijitMenuItemActive .Icon_Info { background-position: -48px -360px; } .dijitDisabled .Icon_Info, .dijitDisabled .Icon_Info_White { background-position: -24px -360px; } .Icon_Localize { background-position: 0px -384px; } .Icon_Localize_White, .dijitMenuItemActive .Icon_Localize { background-position: -48px -384px; } .dijitDisabled .Icon_Localize, .dijitDisabled .Icon_Localize_White { background-position: -24px -384px; } .Icon_Audit { background-position: 0px -408px; } .Icon_Audit_White, .dijitMenuItemActive .Icon_Audit { background-position: -48px -408px; } .dijitDisabled .Icon_Audit, .dijitDisabled .Icon_Audit_White { background-position: -24px -408px; } .Icon_Problems { background-position: 0px -432px; } .Icon_Problems_White, .dijitMenuItemActive .Icon_Problems { background-position: -48px -432px; } .dijitDisabled .Icon_Problems, .dijitDisabled .Icon_Problems_White { background-position: -24px -432px; } .Icon_Assign { background-position: 0px -456px; } .Icon_Assign_White, .dijitMenuItemActive .Icon_Assign { background-position: -48px -456px; } .dijitDisabled .Icon_Assign, .dijitDisabled .Icon_Assign_White { background-position: -24px -456px; } .Icon_Profile { background-position: -1px -2952px; } .Icon_Profile_White, .dijitMenuItemActive .Icon_Profile { background-position: -48px -2952px; } .dijitDisabled .Icon_Profile, .dijitDisabled .Icon_Profile_White { background-position: -24px -2952px; } .Icon_Decline { background-position: 0px -480px; } .Icon_Decline_White, .dijitMenuItemActive .Icon_Decline { background-position: -48px -480px; } .dijitDisabled .Icon_Decline, .dijitDisabled .Icon_Decline_White { background-position: -24px -480px; } .Icon_Export { background-position: 0px -504px; } .Icon_Export_White, .dijitMenuItemActive .Icon_Export { background-position: -48px -504px; } .dijitDisabled .Icon_Export, .dijitDisabled .Icon_Export_White { background-position: -24px -504px; } .Icon_Import { background-position: 0px -528px; } .Icon_Import_White, .dijitMenuItemActive .Icon_Import { background-position: -48px -528px; } .dijitDisabled .Icon_Import, .dijitDisabled .Icon_Import_White { background-position: -24px -528px; } .Icon_Forward { background-position: 0px -552px; } .Icon_Forward_White, .dijitMenuItemActive .Icon_Forward { background-position: -48px -552px; } .dijitDisabled .Icon_Forward, .dijitDisabled .Icon_Forward_White { background-position: -24px -552px; } .Icon_Backward { background-position: 0px -576px; } .Icon_Backward_White, .dijitMenuItemActive .Icon_Backward { background-position: -48px -576px; } .dijitDisabled .Icon_Backward, .dijitDisabled .Icon_Backward_White { background-position: -24px -576px; } .Icon_Hire { background-position: 0px -600px; } .Icon_Hire_White, .dijitMenuItemActive .Icon_Hire { background-position: -48px -600px; } .dijitDisabled .Icon_Hire, .dijitDisabled .Icon_Hire_White { background-position: -24px -600px; } .Icon_Hyperlink { background-position: 0px -624px; } .Icon_Hyperlink_White, .dijitMenuItemActive .Icon_Hyperlink { background-position: -48px -624px; } .dijitDisabled .Icon_Hyperlink, .dijitDisabled .Icon_Hyperlink_White { background-position: -24px -624px; } .Icon_Interview { background-position: 0px -648px; } .Icon_Interview_White, .dijitMenuItemActive .Icon_Interview { background-position: -48px -648px; } .dijitDisabled .Icon_Interview, .dijitDisabled .Icon_Interview_White { background-position: -24px -648px; } .Icon_Minus { background-position: 0px -672px; } .Icon_Minus_White, .dijitMenuItemActive .Icon_Minus { background-position: -48px -672px; } .dijitDisabled .Icon_Minus, .dijitDisabled .Icon_Minus_White { background-position: -24px -672px; } .Icon_Print { background-position: 0px -696px; } .Icon_Print_White, .dijitMenuItemActive .Icon_Print { background-position: -48px -696px; } .dijitDisabled .Icon_Print, .dijitDisabled .Icon_Print_White { background-position: -24px -696px; } .Icon_Screen { background-position: 0px -720px; } .Icon_Screen_White, .dijitMenuItemActive .Icon_Screen { background-position: -48px -720px; } .dijitDisabled .Icon_Screen, .dijitDisabled .Icon_Screen_White { background-position: -24px -720px; } .Icon_Send { background-position: 0px -744px; } .Icon_Send_White, .dijitMenuItemActive .Icon_Send { background-position: -48px -744px; } .dijitDisabled .Icon_Send, .dijitDisabled .Icon_Send_White { background-position: -24px -744px; } .Icon_Status { background-position: 0px -768px; } .Icon_Status_White, .dijitMenuItemActive .Icon_Status { background-position: -48px -768px; } .dijitDisabled .Icon_Status, .dijitDisabled .Icon_Status_White { background-position: -24px -768px; } .Icon_Check { background-position: 0px -600px; } .Icon_Check_White, .dijitMenuItemActive .Icon_Check { background-position: -48px -600px; } .dijitDisabled .Icon_Check, .dijitDisabled .Icon_Check_White { background-position: -24px -600px; } .Icon_Link { background-position: 0px -624px; } .Icon_Link_White, .dijitMenuItemActive .Icon_Link { background-position: -48px -624px; } .dijitDisabled .Icon_Link, .dijitDisabled .Icon_Link_White { background-position: -24px -624px; } .Icon_Report { background-position: 0px -792px; } .Icon_Report_White, .dijitMenuItemActive .Icon_Report { background-position: -48px -792px; } .dijitDisabled .Icon_Report, .dijitDisabled .Icon_Report_White { background-position: -24px -792px; } .Icon_Cut { background-position: 0px -816px; } .Icon_Cut_White, .dijitMenuItemActive .Icon_Cut { background-position: -48px -816px; } .dijitDisabled .Icon_Cut, .dijitDisabled .Icon_Cut_White { background-position: -24px -816px; } .Icon_Favorites { background-position: 0px -2640px; } .Icon_Favorites_White, .dijitMenuItemActive .Icon_Favorites { background-position: -48px -2640px; } .dijitDisabled .Icon_Favorites, .dijitDisabled .Icon_Favorites_White { background-position: -24px -2640px; } .Icon_MoveUp { background-position: 0px -2664px; } .Icon_MoveUp_White, .dijitMenuItemActive .Icon_MoveUp { background-position: -48px -2664px; } .dijitDisabled .Icon_MoveUp, .dijitDisabled .Icon_MoveUp_White { background-position: -24px -2664px; } .Icon_MoveDown { background-position: 0px -2688px; } .Icon_MoveDown_White, .dijitMenuItemActive .Icon_MoveDown { background-position: -48px -2688px; } .dijitDisabled .Icon_MoveDown, .dijitDisabled .Icon_MoveDown_White { background-position: -24px -2688px; } .Icon_Eye { background-position: 0px -2712px; } .Icon_Eye_White, .dijitMenuItemActive .Icon_Eye { background-position: -48px -2712px; } .dijitDisabled .Icon_Eye, .dijitDisabled .Icon_Eye_White { background-position: -24px -2712px; } .Icon_SelectAll { background-position: 0px -2928px; } .Icon_SelectAll_White, .dijitMenuItemActive .Icon_SelectAll { background-position: -48px -2928px; } .dijitDisabled .Icon_SelectAll, .dijitDisabled .Icon_SelectAll_White { background-position: -24px -2928px; } .Icon_ActiveFilter { background-position: 0px -3024px; } .Icon_ActiveFilter_White, .dijitMenuItemActive .Icon_ActiveFilter { background-position: -48px -3024px; } .dijitDisabled .Icon_ActiveFilter, .dijitDisabled .Icon_ActiveFilter_White { background-position: -24px -3024px; } .Icon_ActiveFavorites { background-position: 0px -3000px; } .Icon_ActiveFavorites_White, .dijitMenuItemActive .Icon_ActiveFavorites { background-position: -48px -3000px; } .dijitDisabled .Icon_ActiveFavorites, .dijitDisabled .Icon_ActiveFavorites_White { background-position: -24px -3000px; } .Icon_CircleCheckmark { background-position: 0px -3048px; } .Icon_CircleCheckmark_White, .dijitMenuItemActive .Icon_CircleCheckmark { background-position: -48px -3048px; } .dijitDisabled .Icon_CircleCheckmark, .dijitDisabled .Icon_CircleCheckmark_White { background-position: -24px -3048px; } .Icon_Calculate { background-position: 0px -3072px; } .Icon_Calculate_White, .dijitMenuItemActive .Icon_Calculate { background-position: -48px -3072px; } .dijitDisabled .Icon_Calculate, .dijitDisabled .Icon_Calculate_White { background-position: -24px -3072px; } .Icon_ClearDefault { background-position: 0px -3120px; } .Icon_ClearDefault_White, .dijitMenuItemActive .Icon_ClearDefault { background-position: -48px -3120px; } .dijitDisabled .Icon_ClearDefault, .dijitDisabled .Icon_ClearDefault_White { background-position: -24px -3120px; } .Icon_PreviewSchedule { background-position: 0px -3144px; } .Icon_PreviewSchedule_White, .dijitMenuItemActive .Icon_PreviewSchedule { background-position: -48px -3144px; } .dijitDisabled .Icon_PreviewSchedule, .dijitDisabled .Icon_PreviewSchedule_White { background-position: -24px -3144px; } .Create_Time_Off_Request { background-position: 0px -840px; } .Create_Time_Off_Request_White, .dijitMenuItemActive .Create_Time_Off_Request { background-position: -48px -840px; } .dijitDisabled .Create_Time_Off_Request, .dijitDisabled .Create_Time_Off_Request_White { background-position: -24px -840px; } .Edit_time_off_request { background-position: 0px -864px; } .Edit_time_off_request_White, .dijitMenuItemActive .Edit_time_off_request { background-position: -48px -864px; } .dijitDisabled .Edit_time_off_request { background-position: -24px -864px; } .View_time_off_request { background-position: 0px -888px; } .View_time_off_request_White, .dijitMenuItemActive .View_time_off_request { background-position: -48px -888px; } .dijitDisabled .View_time_off_request, .dijitDisabled .View_time_off_request_White { background-position: -24px -888px; } .Adjust_availability_for_this_week { background-position: 0px -912px; } .Adjust_availability_for_this_week_White, .dijitMenuItemActive .Adjust_availability_for_this_week { background-position: -48px -912px; } .dijitDisabled .Adjust_availability_for_this_week, .dijitDisabled .Adjust_availability_for_this_week_White { background-position: -24px -912px; } .Edit_default_availability { background-position: 0px -144px; } .Edit_default_availability_White, .dijitMenuItemActive .Edit_default_availability { background-position: -48px -144px; } .dijitDisabled .Edit_default_availability, .dijitDisabled .Edit_default_availability_White { background-position: -24px -144px; } .Usedefaultavailabilityforthisweek { background-position: 0px -936px; } .Usedefaultavailabilityforthisweek_White, .dijitMenuItemActive .Usedefaultavailabilityforthisweek { background-position: -48px -936px; } .dijitDisabled .Usedefaultavailabilityforthisweek, .dijitDisabled .Usedefaultavailabilityforthisweek_White { background-position: -24px -936px; } .Copyfrompreviousweek { background-position: 0px -960px; } .Copyfrompreviousweek_White, .dijitMenuItemActive .Copyfrompreviousweek { background-position: -48px -960px; } .dijitDisabled .Copyfrompreviousweek, .dijitDisabled .Copyfrompreviousweek_White { background-position: -24px -960px; } .Copyfromtemplate { background-position: 0px -984px; } .Copyfromtemplate_White, .dijitMenuItemActive .Copyfromtemplate { background-position: -48px -984px; } .dijitDisabled .Copyfromtemplate, .dijitDisabled .Copyfromtemplate_White { background-position: -24px -984px; } .Cancelpendingrequest { background-position: 0px -1008px; } .Cancelpendingrequest_White, .dijitMenuItemActive .Cancelpendingrequest { background-position: -48px -1008px; } .dijitDisabled .Cancelpendingrequest, .dijitDisabled .Cancelpendingrequest_White { background-position: -24px -1008px; } .Makingshiftavailabletoeveryone { background-position: 0px -1032px; } .Makingshiftavailabletoeveryone_White, .dijitMenuItemActive .Makingshiftavailabletoeveryone { background-position: -48px -1032px; } .dijitDisabled .Makingshiftavailabletoeveryone, .dijitDisabled .Makingshiftavailabletoeveryone_White { background-position: -24px -1032px; } .Offershifttoacoworker { background-position: 0px -1056px; } .Offershifttoacoworker_White, .dijitMenuItemActive .Offershifttoacoworker { background-position: -48px -1056px; } .dijitDisabled .Offershifttoacoworker, .dijitDisabled .Offershifttoacoworker_White { background-position: -24px -1056px; } .Swapshiftswithacoworker { background-position: 0px -1080px; } .Swapshiftswithacoworker_White, .dijitMenuItemActive .Swapshiftswithacoworker { background-position: -48px -1080px; } .dijitDisabled .Swapshiftswithacoworker, .dijitDisabled .Swapshiftswithacoworker_White { background-position: -24px -1080px; } .Viewincidents { background-position: 0px -1104px; } .Viewincidents_White, .dijitMenuItemActive .Viewincidents { background-position: -48px -1104px; } .dijitDisabled .Viewincidents, .dijitDisabled .Viewincidents_White { background-position: -24px -1104px; } .Viewscorecard { background-position: 0px -1128px; } .Viewscorecard_White, .dijitMenuItemActive .Viewscorecard { background-position: -48px -1128px; } .dijitDisabled .Viewscorecard, .dijitDisabled .Viewscorecard_White { background-position: -24px -1128px; } .Viewshiftdetails { background-position: 0px -1152px; } .Viewshiftdetails_White, .dijitMenuItemActive .Viewshiftdetails { background-position: -48px -1152px; } .dijitDisabled .Viewshiftdetails, .dijitDisabled .Viewshiftdetails_White { background-position: -24px -1152px; } .RefreshCalendar { background-position: 0px -1176px; } .RefreshCalendar_White, .dijitMenuItemActive .RefreshCalendar { background-position: -48px -1176px; } .dijitDisabled .RefreshCalendar, .dijitDisabled .RefreshCalendar_White { background-position: -24px -1176px; } .CopyToTemplate { background-position: 0px -240px; } .CopyToTemplate_White, .dijitMenuItemActive .CopyToTemplate { background-position: -48px -240px; } .dijitDisabled .CopyToTemplate, .dijitDisabled .CopyToTemplate_White { background-position: -24px -240px; } .Availability_Icon { background-position: 0px -1200px; } .Availability_Icon_White, .dijitMenuItemActive .Availability_Icon { background-position: -48px -1200px; } .dijitDisabled .Availability_Icon, .dijitDisabled .Availability_Icon_White { background-position: -24px -1200px; } .Attendance_Icon { background-position: 0px -1224px; } .Attendance_Icon_White, .dijitMenuItemActive .Attendance_Icon { background-position: -48px -1224px; } .dijitDisabled .Attendance_Icon, .dijitDisabled .Attendance_Icon_White { background-position: -24px -1224px; } .CancelTimeOffRequest_Icon { background-position: 0px -1248px; } .CancelTimeOffRequest_Icon_White, .dijitMenuItemActive .CancelTimeOffRequest_Icon { background-position: -48px -1248px; } .dijitDisabled .CancelTimeOffRequest_Icon, .dijitDisabled .CancelTimeOffRequest_Icon_White { background-position: -24px -1248px; } .CancelPendingRequest_Icon { background-position: 0px -1272px; } .CancelPendingRequest_Icon_White, .dijitMenuItemActive .CancelPendingRequest_Icon { background-position: -48px -1272px; } .dijitDisabled .CancelPendingRequest_Icon, .dijitDisabled .CancelPendingRequest_Icon_White { background-position: -24px -1272px; } .Icon_Authorize { background-position: 0px -2160px; } .Icon_Authorize_White, .dijitMenuItemActive .Icon_Authorize { background-position: -48px -2160px; } .dijitDisabled .Icon_Authorize, .dijitDisabled .Icon_Authorize_White { background-position: -24px -2160px; } .Icon_Unauthorize { background-position: 0px -2184px; } .Icon_Unauthorize_White, .dijitMenuItemActive .Icon_Unauthorize { background-position: -48px -2184px; } .dijitDisabled .Icon_Unauthorize, .dijitDisabled .Icon_Unauthorize_White { background-position: -24px -2184px; } .balance_Icon { background-position: 0px -2208px; } .balance_Icon_White, .dijitMenuItemActive .balance_Icon { background-position: -48px -2208px; } .dijitDisabled .balance_Icon, .dijitDisabled .balance_Icon_White { background-position: -24px -2208px; } .Icon_Load { background-position: 0px -2232px; } .Icon_Load_White, .dijitMenuItemActive .Icon_Load { background-position: -48px -2232px; } .dijitDisabled .Icon_Load, .dijitDisabled .Icon_Load_White { background-position: -24px -2232px; } .Icon_ShiftTrade { background-position: 0px -2520px; } .Icon_ShiftTrade_White, .dijitMenuItemActive .Icon_ShiftTrade { background-position: -48px -2520px; } .dijitDisabled .Icon_ShiftTrade, .dijitDisabled .Icon_ShiftTrade_White { background-position: -24px -2520px; } .Icon_Activities { background-position: 0px -2544px; } .Icon_Activities_White, .dijitMenuItemActive .Icon_Activities { background-position: -48px -2544px; } .dijitDisabled .Icon_Activities, .dijitDisabled .Icon_Activities_White { background-position: -24px -2544px; } .Icon_Tasks { background-position: 0px -2496px; } .Icon_Tasks_White, .dijitMenuItemActive .Icon_Tasks { background-position: -48px -2496px; } .dijitDisabled .Icon_Tasks, .dijitDisabled .Icon_Tasks_White { background-position: -24px -2496px; } .Icon_LoadOptions { background-position: 0px -2736px; } .Icon_LoadOptions_White, .dijitMenuItemActive .Icon_LoadOptions { background-position: -48px -2736px; } .dijitDisabled .Icon_LoadOptions, .dijitDisabled .Icon_LoadOptions_White { background-position: -24px -2736px; } .Icon_PinSchedules { background-position: 0px -2976px; } .Icon_PinSchedules_White, .dijitMenuItemActive .Icon_PinSchedules { background-position: -48px -2976px; } .dijitDisabled .Icon_PinSchedules, .dijitDisabled .Icon_PinSchedules_White { background-position: -24px -2976px; } .Icon_SortOptions { background-position: 0px -3168px; } .Icon_SortOptions_White, .dijitMenuItemActive .Icon_SortOptions { background-position: -48px -3168px; } .dijitDisabled .Icon_SortOptions, .dijitDisabled .Icon_SortOptions_White { background-position: -24px -3168px; } .Icon_UploadFiles { background-position: 0px -3192px; } .Icon_UploadFiles_White, .dijitMenuItemActive .Icon_UploadFiles { background-position: -48px -3192px; } .dijitDisabled .Icon_UploadFiles, .dijitDisabled .Icon_UploadFiles_White { background-position: -24px -3192px; } .DocMgmtIcon_Datagrid_View { background-position: 0px -1296px; } .DocMgmtIcon_Datagrid_View_White, .dijitMenuItemActive .DocMgmtIcon_Datagrid_View { background-position: -48px -1296px; } .dijitDisabled .DocMgmtIcon_Datagrid_View { background-position: -24px -1296px; } .DocMgmtIcon_Icon_View { background-position: 0px -1320px; } .DocMgmtIcon_Icon_View_White, .dijitMenuItemActive .DocMgmtIcon_Icon_View { background-position: -48px -1320px; } .dijitDisabled .DocMgmtIcon_Icon_View, .dijitDisabled .DocMgmtIcon_Icon_View_White { background-position: -24px -1320px; } .DocMgmtIcon_Restore_Files { background-position: 0px -1344px; } .DocMgmtIcon_Restore_Files_White, .dijitMenuItemActive .DocMgmtIcon_Restore_Files { background-position: -48px -1344px; } .dijitDisabled .DocMgmtIcon_Restore_Files, .dijitDisabled .DocMgmtIcon_Restore_Files_White { background-position: -24px -1344px; } .DocMgmtIcon_Purge_Files { background-position: 0px -1368px; } .DocMgmtIcon_Purge_Files_White, .dijitMenuItemActive .DocMgmtIcon_Purge_Files { background-position: -48px -1368px; } .dijitDisabled .DocMgmtIcon_Purge_Files, .dijitDisabled .DocMgmtIcon_Purge_Files_White { background-position: -24px -1368px; } .DocMgmtIcon_Data_Usage { background-position: 0px -2232px; } .DocMgmtIcon_Data_Usage_White, .dijitMenuItemActive .DocMgmtIcon_Data_Usage { background-position: -48px -2232px; } .dijitDisabled .DocMgmtIcon_Data_Usage, .dijitDisabled .DocMgmtIcon_Data_Usage_White { background-position: -24px -2232px; } .DocMgmtIcon_Replace_File { background-position: 0px -2376px; } .DocMgmtIcon_Replace_File_White, .dijitMenuItemActive .DocMgmtIcon_Replace_File { background-position: -48px -2376px; } .dijitDisabled .DocMgmtIcon_Replace_File, .dijitDisabled .DocMgmtIcon_Replace_File_White { background-position: -24px -2376px; } .PpacaIcon_Load_Cycles { background-position: 0px -1392px; } .PpacaIcon_Load_Cycles_White, .dijitMenuItemActive .PpacaIcon_Load_Cycles { background-position: -48px -1392px; } .dijitDisabled .PpacaIcon_Load_Cycles, .dijitDisabled .PpacaIcon_Load_Cycles_White { background-position: -24px -1392px; } .PpacaIcon_Calc_Eligibility { background-position: 0px -1416px; } .PpacaIcon_Calc_Eligibility_White, .dijitMenuItemActive .PpacaIcon_Calc_Eligibility { background-position: -48px -1416px; } .dijitDisabled .PpacaIcon_Calc_Eligibility, .dijitDisabled .PpacaIcon_Calc_Eligibility_White { background-position: -24px -1416px; } .PpacaIcon_Approve_Eligibility { background-position: 0px -600px; } .PpacaIcon_Approve_Eligibility_White, .dijitMenuItemActive .PpacaIcon_Approve_Eligibility { background-position: -48px -600px; } .dijitDisabled .PpacaIcon_Approve_Eligibility, .dijitDisabled .PpacaIcon_Approve_Eligibility_White { background-position: -24px -600px; } .PpacaIcon_Publish_Enrollment { background-position: 0px -1440px; } .PpacaIcon_Publish_Enrollment_White, .dijitMenuItemActive .PpacaIcon_Publish_Enrollment { background-position: -48px -1440px; } .dijitDisabled .PpacaIcon_Publish_Enrollment, .dijitDisabled .PpacaIcon_Publish_Enrollment_White { background-position: -24px -1440px; } .PpacaIcon_End_Coverage { background-position: 0px -1464px; } .PpacaIcon_End_Coverage_White, .dijitMenuItemActive .PpacaIcon_End_Coverage { background-position: -48px -1464px; } .dijitDisabled .PpacaIcon_End_Coverage, .dijitDisabled .PpacaIcon_End_Coverage_White { background-position: -24px -1464px; } .PpacaIcon_Override_Eligibility { background-position: 0px -144px; } .PpacaIcon_Override_Eligibility_White, .dijitMenuItemActive .PpacaIcon_Override_Eligibility { background-position: -48px -144px; } .dijitDisabled .PpacaIcon_Override_Eligibility, .dijitDisabled .PpacaIcon_Override_Eligibility_White { background-position: -24px -144px; } .PpacaIcon_Csv_Export { background-position: 0px -1486px; } .PpacaIcon_Csv_Export_White, .dijitMenuItemActive .PpacaIcon_Csv_Export { background-position: -48px -1486px; } .dijitDisabled .PpacaIcon_Csv_Export, .dijitDisabled .PpacaIcon_Csv_Export_White { background-position: -24px -1486px; } .PpacaIcon_Select_All { background-position: 0px -1512px; } .PpacaIcon_Select_All_White, .dijitMenuItemActive .PpacaIcon_Select_All { background-position: -48px -1512px; } .dijitDisabled .PpacaIcon_Select_All, .dijitDisabled .PpacaIcon_Select_All_White { background-position: -24px -1512px; } .PpacaIcon_Ignore_Period { background-position: 0px -2304px; } .PpacaIcon_Ignore_Period_White, .dijitMenuItemActive .PpacaIcon_Ignore_Period { background-position: -48px -2304px; } .dijitDisabled .PpacaIcon_Ignore_Period, .dijitDisabled .PpacaIcon_Ignore_Period_White { background-position: -24px -2304px; } .PpacaIcon_Do_Not_Ignore_Period { background-position: 0px -2328px; } .PpacaIcon_Do_Not_Ignore_Period_White, .dijitMenuItemActive .PpacaIcon_Do_Not_Ignore_Period { background-position: -48px -2328px; } .dijitDisabled .PpacaIcon_Do_Not_Ignore_Period, .dijitDisabled .PpacaIcon_Do_Not_Ignore_Period_White { background-position: -24px -2328px; } .PpacaIcon_Assign_Period { background-position: 0px -1536px; } .PpacaIcon_Assign_Period_White, .dijitMenuItemActive .PpacaIcon_Assign_Period { background-position: -48px -1536px; } .dijitDisabled .PpacaIcon_Assign_Period, .dijitDisabled .PpacaIcon_Assign_Period_White { background-position: -24px -1536px; } .PpacaIcon_Assign_Employees { background-position: 0px -1584px; } .PpacaIcon_Assign_Employees_White, .dijitMenuItemActive .PpacaIcon_Assign_Employees { background-position: -48px -1584px; } .dijitDisabled .PpacaIcon_Assign_Employees, .dijitDisabled .PpacaIcon_Assign_Employees_White { background-position: -24px -1584px; } .RecruitingIcon_JobVite { background-position: 0px -1608px; } .RecruitingIcon_JobVite_White, .dijitMenuItemActive .RecruitingIcon_JobVite { background-position: -48px -1608px; } .dijitDisabled .RecruitingIcon_JobVites, .dijitDisabled .RecruitingIcon_JobVite_White { background-position: -24px -1608px; } .RecruitingIcon_Screening_Manager { background-position: 0px -1632px; } .RecruitingIcon_Screening_Manager_White, .dijitMenuItemActive .RecruitingIcon_Screening_Manager { background-position: -48px -1632px; } .dijitDisabled .RecruitingIcon_Screening_Manager, .dijitDisabled .RecruitingIcon_Screening_Manager_White { background-position: -24px -1632px; } .RecruitingIcon_Screen_Order_Status { background-position: 0px -1656px; } .RecruitingIcon_Screen_Order_Status_White, .dijitMenuItemActive .RecruitingIcon_Screen_Order_Status { background-position: -48px -1656px; } .dijitDisabled .RecruitingIcon_Screen_Order_Status, .dijitDisabled .RecruitingIcon_Screen_Order_Status_White { background-position: -24px -1656px; } .Icon_Generate { background-position: 0 -2472px; } .Icon_Generate_White, .dijitMenuItemActive .Icon_Generate { background-position: -48px -2472px; } .dijitDisabled .Icon_Generate, .dijitDisabled .Icon_Generate_White { background-position: -24px -2472px; } .Icon_CandidateOffer { background-position: 0 -2831px; } .Icon_CandidateOffer_White, .dijitMenuItemActive .Icon_CandidateOffer { background-position: -48px -2831px; } .dijitDisabled .Icon_CandidateOffer, .dijitDisabled .Icon_CandidateOffer_White { background-position: -24px -2831px; } .Icon_CandidateOfferDelete { background-position: 0 -2856px; } .Icon_CandidateOfferDelete_White, .dijitMenuItemActive .Icon_CandidateOfferDelete { background-position: -48px -2856px; } .dijitDisabled .Icon_CandidateOfferDelete, .dijitDisabled .Icon_CandidateOfferDelete_White { background-position: -24px -2856px; } .Icon_Clear { background-position: 0px -1704px; } .Icon_Clear_White, .dijitMenuItemActive Icon_Clear { background-position: -48px -1704px; } .dijitDisabled .Icon_Clear, .dijitDisabled .Icon_Clear_White { background-position: -24px -1704px; } .Icon_Search { background-position: 0px -1728px; } .Icon_Search_White, .dijitMenuItemActive .Icon_Search { background-position: -48px -1728px; } .dijitDisabled .Icon_Search, .dijitDisabled .Icon_Search_White { background-position: -24px -1728px; } .ViewOption_Icon { background-position: 0px -1752px; } .ViewOption_Icon_White, .dijitMenuItemActive .ViewOption_Icon { background-position: -48px -1752px; } .dijitDisabled .ViewOption_Icon, .dijitDisabled .ViewOption_Icon_White { background-position: -24px -1752px; } .ViewOption_Daily_Icon { background-position: 0px -1776px; } .ViewOption_Daily_Icon_White, .dijitMenuItemActive .ViewOption_Daily_Icon { background-position: -48px -1776px; } .dijitDisabled .ViewOption_Daily_Icon, .dijitDisabled .ViewOption_Daily_Icon_White { background-position: -24px -1776px; } .ViewOption_Weekly_Icon { background-position: 0px -1800px; } .ViewOption_Weekly_Icon_White, .dijitMenuItemActive .ViewOption_Weekly_Icon { background-position: -48px -1800px; } .dijitDisabled .ViewOption_Weekly_Icon, .dijitDisabled .ViewOption_Weekly_Icon_White { background-position: -24px -1800px; } .ViewOption_RollingWeek_Icon { background-position: 0px -1824px; } .ViewOption_RollingWeek_Icon_White, .dijitMenuItemActive .ViewOption_RollingWeek_Icon_Manager { background-position: -48px -1824px; } .dijitDisabled .ViewOption_RollingWeek_Icon_Manager, .dijitDisabled .ViewOption_RollingWeek_Icon_White { background-position: -24px -1824px; } .ViewOption_Monthly_Icon { background-position: 0px -1848px; } .ViewOption_Monthly_Icon_White, .dijitMenuItemActive .ViewOption_Monthly_Icon { background-position: -48px -1848px; } .dijitDisabled .ViewOption_Monthly_Icon, .dijitDisabled .ViewOption_Monthly_Icon_White { background-position: -24px -1848px; } .AdminPortalIcon_Download { background-position: 0px -1872px; } .AdminPortalIcon_Download_White, .dijitMenuItemActive .AdminPortalIcon_Download { background-position: -48px -1872px; } .dijitDisabled .AdminPortalIcon_Download, .dijitDisabled .AdminPortalIcon_Download_White { background-position: -24px -1872px; } .AdminPortalIcon_Cancel_Call_Home { background-position: 0px -1896px; } .AdminPortalIcon_Cancel_Call_Home_White, .dijitMenuItemActive .AdminPortalIcon_Cancel_Call_Home { background-position: -48px -1896px; } .dijitDisabled .AdminPortalIcon_Cancel_Call_Home, .dijitDisabled .AdminPortalIcon_Cancel_Call_Home_White { background-position: -24px -1896px; } .AdminPortalIcon_Firmware { background-position: 0px -1920px; } .AdminPortalIcon_Firmware_White, .dijitMenuItemActive .AdminPortalIcon_Firmware { background-position: -48px -1920px; } .dijitDisabled .AdminPortalIcon_Firmware, .dijitDisabled .AdminPortalIcon_Firmware_White { background-position: -24px -1920px; } .AdminPortalIcon_Call_Home { background-position: 0px -1944px; } .AdminPortalIcon_Call_Home_White, .dijitMenuItemActive .AdminPortalIcon_Call_Home { background-position: -48px -1944px; } .dijitDisabled .AdminPortalIcon_Call_Home, .dijitDisabled .AdminPortalIcon_Call_Home_White { background-position: -24px -1944px; } .AdminPortalIcon_Logs { background-position: 0px -1968px; } .AdminPortalIcon_Logs_White, .dijitMenuItemActive .AdminPortalIcon_Logs { background-position: -48px -1968px; } .dijitDisabled .AdminPortalIcon_Logs, .dijitDisabled .AdminPortalIcon_Logs_White { background-position: -24px -1968px; } .AdminPortalIcon_Move { background-position: 0px -1992px; } .AdminPortalIcon_Move_White, .dijitMenuItemActive .AdminPortalIcon_Move { background-position: -48px -1992px; } .dijitDisabled .AdminPortalIcon_Move, .dijitDisabled .AdminPortalIcon_Move_White { background-position: -24px -1992px; } .AdminPortalIcon_Promote { background-position: 0px -2016px; } .AdminPortalIcon_Promote_White, .dijitMenuItemActive .AdminPortalIcon_Promote { background-position: -48px -2016px; } .dijitDisabled .AdminPortalIcon_Promote, .dijitDisabled .AdminPortalIcon_Promote_White { background-position: -24px -2016px; } .AdminPortalIcon_Remove_License { background-position: 0px -2040px; } .AdminPortalIcon_Remove_License_White, .dijitMenuItemActive .AdminPortalIcon_Remove_License { background-position: -48px -2040px; } .dijitDisabled .AdminPortalIcon_Remove_License, .dijitDisabled .AdminPortalIcon_Remove_License_White { background-position: -24px -2040px; } .AdminPortalIcon_Replace { background-position: 0px -2064px; } .AdminPortalIcon_Replace_White, .dijitMenuItemActive AdminPortalIcon_Replace { background-position: -48px -2064px; } .dijitDisabled .AdminPortalIcon_Replace, .dijitDisabled .AdminPortalIcon_Replace_White { background-position: -24px -2064px; } .AdminPortalIcon_Software { background-position: 0px -2088px; } .AdminPortalIcon_Software_White, .dijitMenuItemActive .AdminPortalIcon_Software { background-position: -48px -2088px; } .dijitDisabled .AdminPortalIcon_Software, .dijitDisabled .AdminPortalIcon_Software_White { background-position: -24px -2088px; } .AdminPortalIcon_View { background-position: 0px -2112px; } .AdminPortalIcon_View_White, .dijitMenuItemActive .AdminPortalIcon_View { background-position: -48px -2112px; } .dijitDisabled .AdminPortalIcon_View, .dijitDisabled .AdminPortalIcon_View_White { background-position: -24px -2112px; } .AdminPortalIcon_Upgrade { background-position: 0px -2136px; } .AdminPortalIcon_Upgrade_White, .dijitMenuItemActive .AdminPortalIcon_Upgrade { background-position: -48px -2136px; } .dijitDisabled .AdminPortalIcon_Upgrade, .dijitDisabled .AdminPortalIcon_Upgrade_White { background-position: -24px -2136px; } .Icon_Contact { background-position: 0px -2400px; } .Icon_Contact_White, .dijitMenuItemActive .Icon_Hyperlink { background-position: -48px -2400px; } .dijitDisabled .Icon_Contact, .dijitDisabled .Icon_Contact_White { background-position: -24px -2400px; } .Icon_CandidateNotes { background-position: 0px -2424px; } .Icon_CandidateNotes_White, .dijitMenuItemActive .Icon_Hyperlink { background-position: -48px -2424px; } .dijitDisabled .Icon_CandidateNotes, .dijitDisabled .Icon_CandidateNotes_White { background-position: -24px -2424px; } .Icon_CandidateNotes { background-position: 0px -2424px; } .Icon_CandidateNotes_White, .dijitMenuItemActive .Icon_Hyperlink { background-position: -48px -2424px; } .dijitDisabled .Icon_CandidateNotes, .dijitDisabled .Icon_CandidateNotes_White { background-position: -24px -2424px; } .NotificationStatus_Reset_Icon { background-position: 0px -2376px; } .NotificationStatus_Reset_Icon_White, .dijitMenuItemActive .NotificationStatus_Reset_Icon { background-position: -48px -2376px; } .dijitDisabled .NotificationStatus_Reset_Icon, .dijitDisabled .NotificationStatus_Reset_Icon_White { background-position: -24px -2376px; } .Button_Icon_Folder, .Button_Icon_Folder_White, .Button_Icon_Save, .Button_Icon_Save_White, .Button_Icon_Post, .Button_Icon_Post_White, .Button_Icon_Refresh, .Button_Icon_Refresh_White, .Button_Icon_New, .Button_Icon_New_White, .Button_Icon_Add, .Button_Icon_Add_White, .Button_Icon_Edit, .Button_Icon_Edit_White, .Button_Icon_Delete, .Button_Icon_Delete_White, .Button_Icon_Undo, .Button_Icon_Undo_White, .Button_Icon_Redo, .Button_Icon_Redo_White, .Button_Icon_Copy, .Button_Icon_Copy_White, .Button_Icon_Paste, .Button_Icon_Paste_White, .Button_Icon_View, .Button_Icon_View_White, .Button_Icon_Filter, .Button_Icon_Filter_White, .Button_Icon_Sort, .Button_Icon_Sort_White, .Button_Icon_Info, .Button_Icon_Info_White, .Button_Icon_Info_Disabled, .Button_Icon_Localize, .Button_Icon_Localize_White, .Button_Icon_Audit, .Button_Icon_Audit_White, .Button_Icon_Problems, .Button_Icon_Problems_White, .Button_Icon_Assign, .Button_Icon_Assign_White, .Button_Icon_Decline, .Button_Icon_Decline_White, .Button_Icon_Export, .Button_Icon_Export_White, .Button_Icon_Import, .Button_Icon_Import_White, .Button_Icon_Forward, .Button_Icon_Forward_White, .Button_Icon_Backward, .Button_Icon_Backward_White, .Button_Icon_Hire, .Button_Icon_Hire_White, .Button_Icon_Hyperlink, .Button_Icon_Hyperlink_White, .Button_Icon_Interview, .Button_Icon_Interview_White, .Button_Icon_Minus, .Button_Icon_Minus_White, .Button_Icon_Print, .Button_Icon_Print_White, .Button_Icon_Screen, .Button_Icon_Screen_White, .Button_Icon_Send, .Button_Icon_Send_White, .Button_Icon_Status, .Button_Icon_Status_White, .Button_Icon_Check, .Button_Icon_Check_White, .Button_Icon_Link, .Button_Icon_Link_White, .Button_Icon_Sin, .Button_Icon_Sin_White, .Button_Icon_Report, .Button_Icon_Report_White, .Button_Icon_Cut, .Button_Icon_Cut_White, .Button_Icon_Eye, .Button_Icon_Eye_White { background: url("../images/button_icons.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 16px; width: 20px; } .Button_Icon_Folder { background-position: 0px 0px; } .Button_Icon_Folder_White, .dijitMenuItemActive .Button_Icon_Folder { background-position: -40px 0px; } .dijitDisabled .Button_Icon_Folder, .dijitDisabled .Button_Icon_Folder_White { background-position: -20px 0px; } .Button_Icon_Save { background-position: 0px -16px; } .Button_Icon_Save_White, .dijitMenuItemActive .Button_Icon_Save { background-position: -40px -16px; } .dijitDisabled .Button_Icon_Save, .dijitDisabled .Button_Icon_Save_White { background-position: -20px -16px; } .Button_Icon_Post { background-position: 0px -32px; } .Button_Icon_Post_White, .dijitMenuItemActive .Button_Icon_Post { background-position: -40px -32px; } .dijitDisabled .Button_Icon_Post, .dijitDisabled .Button_Icon_Post_White { background-position: -20px -32px; } .Button_Icon_Refresh { background-position: 0px -48px; } .Button_Icon_Refresh_White, .dijitMenuItemActive .Button_Icon_Refresh { background-position: -40px -48px; } .dijitDisabled .Button_Icon_Refresh, .dijitDisabled .Button_Icon_Refresh_White { background-position: -20px -48px; } .Button_Icon_New { background-position: 0px -64px; } .Button_Icon_New_White, .dijitMenuItemActive .Button_Icon_New { background-position: -40px -64px; } .dijitDisabled .Button_Icon_New, .dijitDisabled .Button_Icon_New_White { background-position: -20px -64px; } .Button_Icon_Add { background-position: 0px -80px; } .Button_Icon_Add_White, .dijitMenuItemActive .Button_Icon_Add { background-position: -40px -80px; } .dijitDisabled .Button_Icon_Add, .dijitDisabled .Button_Icon_Add_White { background-position: -20px -80px; } .Button_Icon_Edit { background-position: 0px -96px; } .Button_Icon_Edit_White, .dijitMenuItemActive .Button_Icon_Edit { background-position: -40px -96px; } .dijitDisabled .Button_Icon_Edit, .dijitDisabled .Button_Icon_Edit_White { background-position: -20px -96px; } .Button_Icon_Delete { background-position: 0px -112px; } .Button_Icon_Delete_White, .dijitMenuItemActive .Button_Icon_Delete { background-position: -40px -112px; } .dijitDisabled .Button_Icon_Delete, .dijitDisabled .Button_Icon_Delete_White { background-position: -20px -112px; } .Button_Icon_Undo { background-position: 0px -128px; } .Button_Icon_Undo_White, .dijitMenuItemActive .Button_Icon_Undo { background-position: -40px -128px; } .dijitDisabled .Button_Icon_Undo, .dijitDisabled .Button_Icon_Undo_White { background-position: -20px -128px; } .Button_Icon_Redo { background-position: 0px -144px; } .Button_Icon_Redo_White, .dijitMenuItemActive .Button_Icon_Redo { background-position: -40px -144px; } .dijitDisabled .Button_Icon_Redo, .dijitDisabled .Button_Icon_Redo_White { background-position: -20px -144px; } .Button_Icon_Copy { background-position: 0px -160px; } .Button_Icon_Copy_White, .dijitMenuItemActive .Button_Icon_Copy { background-position: -40px -160px; } .dijitDisabled .Button_Icon_Copy, .dijitDisabled .Button_Icon_Copy_White { background-position: -20px -160px; } .Button_Icon_Paste { background-position: 0px -176px; } .Button_Icon_Paste_White, .dijitMenuItemActive .Button_Icon_Paste { background-position: -40px -176px; } .dijitDisabled .Button_Icon_Paste, .dijitDisabled .Button_Icon_Paste_White { background-position: -20px -176px; } .Button_Icon_View { background-position: 0px -192px; } .Button_Icon_View_White, .dijitMenuItemActive .Button_Icon_View { background-position: -40px -192px; } .dijitDisabled .Button_Icon_View, .dijitDisabled .Button_Icon_View_White { background-position: -20px -192px; } .Button_Icon_Filter { background-position: 0px -208px; } .Button_Icon_Filter_White, .dijitMenuItemActive .Button_Icon_Filter { background-position: -40px -208px; } .dijitDisabled .Button_Icon_Filter, .dijitDisabled .Button_Icon_Filter_White { background-position: -20px -208px; } .Button_Icon_Sort { background-position: 0px -224px; } .Button_Icon_Sort_White, .dijitMenuItemActive .Button_Icon_Sort { background-position: -40px -224px; } .dijitDisabled .Button_Icon_Sort, .dijitDisabled .Button_Icon_Sort_White { background-position: -20px -224px; } .Button_Icon_Info { background-position: 0px -240px; } .Button_Icon_Info:focus { outline: 2px solid #0087fd; } .Button_Icon_Info_White, .dijitMenuItemActive .Button_Icon_Info { background-position: -40px -240px; } .dijitDisabled .Button_Icon_Info, .dijitDisabled .Button_Icon_Info_White, .Button_Icon_Info_Disabled { background-position: -20px -240px; } .Button_Icon_Localize { background-position: 0px -256px; } .Button_Icon_Localize_White, .dijitMenuItemActive .Button_Icon_Localize { background-position: -40px -256px; } .dijitDisabled .Button_Icon_Localize, .dijitDisabled .Button_Icon_Localize_White { background-position: -20px -256px; } .Button_Icon_Audit { background-position: 0px -272px; } .Button_Icon_Audit_White, .dijitMenuItemActive .Button_Icon_Audit { background-position: -40px -272px; } .dijitDisabled .Button_Icon_Audit, .dijitDisabled .Button_Icon_Audit_White { background-position: -20px -272px; } .Button_Icon_Problems { background-position: 0px -288px; } .Button_Icon_Problems_White, .dijitMenuItemActive .Button_Icon_Problems { background-position: -40px -288px; } .dijitDisabled .Button_Icon_Problems, .dijitDisabled .Button_Icon_Problems_White { background-position: -20px -288px; } .Button_Icon_Assign { background-position: 0px -304px; } .Button_Icon_Assign_White, .dijitMenuItemActive .Button_Icon_Assign { background-position: -40px -304px; } .dijitDisabled .Button_Icon_Assign, .dijitDisabled .Button_Icon_Assign_White { background-position: -20px -304px; } .Button_Icon_Decline { background-position: 0px -320px; } .Button_Icon_Decline_White, .dijitMenuItemActive .Button_Icon_Decline { background-position: -40px -320px; } .dijitDisabled .Button_Icon_Decline, .dijitDisabled .Button_Icon_Decline_White { background-position: -20px -320px; } .Button_Icon_Export { background-position: 0px -336px; } .Button_Icon_Export_White, .dijitMenuItemActive .Button_Icon_Export { background-position: -40px -336px; } .dijitDisabled .Button_Icon_Export, .dijitDisabled .Button_Icon_Export_White { background-position: -20px -336px; } .Button_Icon_Import { background-position: 0px -352px; } .Button_Icon_Import_White, .dijitMenuItemActive .Button_Icon_Import { background-position: -40px -352px; } .dijitDisabled .Button_Icon_Import, .dijitDisabled .Button_Icon_Import_White { background-position: -20px -352px; } .Button_Icon_Forward { background-position: 0px -368px; } .Button_Icon_Forward_White, .dijitMenuItemActive .Button_Icon_Forward { background-position: -40px -368px; } .dijitDisabled .Button_Icon_Forward, .dijitDisabled .Button_Icon_Forward_White { background-position: -20px -368px; } .Button_Icon_Backward { background-position: 0px -384px; } .Button_Icon_Backward_White, .dijitMenuItemActive .Button_Icon_Backward { background-position: -40px -384px; } .dijitDisabled .Button_Icon_Backward, .dijitDisabled .Button_Icon_Backward_White { background-position: -20px -384px; } .Button_Icon_Hire { background-position: 0px -400px; } .Button_Icon_Hire_White, .dijitMenuItemActive .Button_Icon_Hire { background-position: -40px -400px; } .dijitDisabled .Button_Icon_Hire, .dijitDisabled .Button_Icon_Hire_White { background-position: -20px -400px; } .Button_Icon_Hyperlink { background-position: 0px -416px; } .Button_Icon_Hyperlink_White, .dijitMenuItemActive .Button_Icon_Hyperlink { background-position: -40px -416px; } .dijitDisabled .Button_Icon_Hyperlink, .dijitDisabled .Button_Icon_Hyperlink_White { background-position: -20px -416px; } .Button_Icon_Interview { background-position: 0px -433px; } .Button_Icon_Interview_White, .dijitMenuItemActive .Button_Icon_Interview { background-position: -40px -433px; } .dijitDisabled .Button_Icon_Interview, .dijitDisabled .Button_Icon_Interview_White { background-position: -20px -433px; } .Button_Icon_Minus { background-position: 0px -448px; } .Button_Icon_Minus_White, .dijitMenuItemActive .Button_Icon_Minus { background-position: -40px -448px; } .dijitDisabled .Button_Icon_Minus, .dijitDisabled .Button_Icon_Minus_White { background-position: -20px -448px; } .Button_Icon_Print { background-position: 0px -464px; } .Button_Icon_Print_White, .dijitMenuItemActive .Button_Icon_Print { background-position: -40px -464px; } .dijitDisabled .Button_Icon_Print, .dijitDisabled .Button_Icon_Print_White { background-position: -20px -464px; } .Button_Icon_Screen { background-position: 0px -480px; } .Button_Icon_Screen_White, .dijitMenuItemActive .Button_Icon_Screen { background-position: -40px -480px; } .dijitDisabled .Button_Icon_Screen, .dijitDisabled .Button_Icon_Screen_White { background-position: -20px -480px; } .Button_Icon_Send { background-position: 0px -496px; } .Button_Icon_Send_White, .dijitMenuItemActive .Button_Icon_Send { background-position: -40px -496px; } .dijitDisabled .Button_Icon_Send, .dijitDisabled .Button_Icon_Send_White { background-position: -20px -496px; } .Button_Icon_Status { background-position: 0px -512px; } .Button_Icon_Status_White, .dijitMenuItemActive .Button_Icon_Status { background-position: -40px -512px; } .dijitDisabled .Button_Icon_Status, .dijitDisabled .Button_Icon_Status_White { background-position: -20px -512px; } .Button_Icon_Check { background-position: 0px -528px; } .Button_Icon_Check_White, .dijitMenuItemActive .Button_Icon_Check { background-position: -40px -528px; } .dijitDisabled .Button_Icon_Check, .dijitDisabled .Button_Icon_Check_White { background-position: -20px -528px; } .Button_Icon_Link { background-position: 0px -544px; } .Button_Icon_Link_White, .dijitMenuItemActive .Button_Icon_Link { background-position: -40px -544px; } .dijitDisabled .Button_Icon_Link, .dijitDisabled .Button_Icon_Link_White { background-position: -20px -544px; } .Button_Icon_Sin { background-position: 0px -608px; } .Button_Icon_Sin_White, .dijitMenuItemActive .Button_Icon_Sin { background-position: -40px -608px; } .dijitDisabled .Button_Icon_Sin, .dijitDisabled .Button_Icon_Sin_White { background-position: -20px -608px; } .Button_Icon_Report { background-position: 0px -560px; } .Button_Icon_Report_White, .dijitMenuItemActive .Button_Icon_Report { background-position: -40px -560px; } .dijitDisabled .Button_Icon_Report, .dijitDisabled .Button_Icon_Report_White { background-position: -20px -560px; } .Button_Icon_Cut { background-position: 0px -576px; } .Button_Icon_Cut_White, .dijitMenuItemActive .Button_Icon_Cut { background-position: -40px -576px; } .dijitDisabled .Button_Icon_Cut, .dijitDisabled .Button_Icon_Cut_White { background-position: -20px -576px; } .Button_Icon_Eye { background-position: 0px -592px; } .Button_Icon_Eye_White, .dijitMenuItemActive .Button_Icon_Eye { background-position: -40px -592px; } .dijitDisabled .Button_Icon_Eye, .dijitDisabled .Button_Icon_Eye_White { background-position: -20px -592px; } .Button_Icon_Sin { background-position: 0px -608px; } .Button_Icon_Sin_White, .dijitMenuItemActive .Button_Icon_Sin { background-position: -40px -608px; } .dijitDisabled .Button_Icon_Sin, .dijitDisabled .Button_Icon_Sin_White { background-position: -20px -608px; } .Icon_Preview, .Icon_Preview_White, .Button_Icon_Preview, .Button_Icon_Preview_White { background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 2.4rem; width: 2.4rem; } .Icon_Preview, .Button_Icon_Preview { background-position: -427px -63px; } .Icon_Preview_White, .Button_Icon_Preview_White { background-position: -475px -63px; } .dijitDisabled .Icon_Preview, .dijitDisabled .Icon_Preview_White, .dijitDisabled .Button_Icon_Preview, .dijitDisabled .Button_Icon_Preview_White { background-position: -451px -63px; } .Button_Icon_Search, .Button_Icon_Clear { background: url("../images/clear_search.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 17px; margin-left: 1px; } .dijitButtonDisabled .Button_Icon_Search, .dijitButtonDisabled .Button_Icon_Clear { background: url("../images/clear_search-darken.png?v=64.1.2.14510&") no-repeat; } .dijitButtonDisabled .Button_Icon_Search { background-position: -16px 0; } .Button_Icon_Search { background-position: -16px 0; } .Button_Icon_Clear { background-position: 0 0; } .Icon_ActiveCheck, .Icon_DefaultCheck, .Icon_SystemFav, .Icon_UserFav, .Icon_UpsideArrow { background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); width: 16px; height: 16px; display: inline-block; margin-left: 2px; /*to center the icon*/ } .Icon_ActiveCheck { background-position: -32px -60px; } .Icon_ActiveCheck_White, .dijitMenuItemActive .Icon_ActiveCheck { background-position: -48px -60px; } .Icon_DefaultCheck { background-position: -32px -76px; } .Icon_DefaultCheck_White, .dijitMenuItemActive .Icon_DefaultCheck { background-position: -48px -76px; } .Icon_SystemFav { background-position: -64px -60px; } .Icon_SystemFav_White, .dijitMenuItemActive .Icon_SystemFav { background-position: -80px -60px; } .Icon_UserFav { background-position: -64px -76px; } .Icon_UserFav_White, .dijitMenuItemActive .Icon_UserFav { background-position: -80px -76px; } .Icon_UpsideArrow { background-position: -22px -134px; } .Icon_Doc { background-image: url("../images/doc.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Expander_Down { background-image: url("../images/Icon_expander_down.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Expander_Up { background-image: url("../images/Icon_expander_up.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Img { background-image: url("../images/image.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Pdf { background-image: url("../images/pdf.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Default_FileType { background-image: url("../images/default_filetype.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Xls { background-image: url("../images/xls.png?v=64.1.2.14510&"); display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; } .Icon_Gray_Arrow_Up, .Icon_Gray_Arrow_Down { background-image: url("../images/buttonArrows.png?v=64.1.2.14510&"); display: inline-block; width: 13px; height: 11px; } .Icon_Gray_Arrow_Up { background-position: 0px -32px; } .Icon_Gray_Arrow_Down { background-position: 32px -32px; } .Icon_ViewHierarchy { background: url("../../Framework/images/contactcard_sprites.png?v=64.1.2.14510&") no-repeat -120px 0px; width: 24px; height: 24px; cursor: pointer; } .Icon_VEVRAA { background: url("../../FrameWork/images/navSprites.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 16px; background-position: 0 -3824px; } .Icon_TeamRelate { background: url("../../FrameWork/images/navSprites.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 16px; background-position: 0 -4130px; } .EntityStateIcon, .EntityStateIconSmall { display: none; /*display none by default as we dont want to display anything unless the entity state changes*/ background: url("../../FrameWork/images/entity-state-icons.png?v=64.1.2.14510&") no-repeat; width: 18px; height: 18px; position: absolute; top: 0px; left: 0px; } .EntityStateIconSmall { height: 16px; width: 16px; } .EntityStateIconSmall.Added { display: inline-block; background-position: 0px 0px; } .EntityStateIconSmall.Modified { display: inline-block; background-position: -32px 0px; } .EntityStateIconSmall.Deleted { display: inline-block; background-position: -16px 0px; } .EntityStateIcon.Added { display: inline-block; background-position: 0px -16px; } .EntityStateIcon.Added:focus { outline: 2px solid #0087fd; } .EntityStateIcon.Modified { display: inline-block; background-position: -36px -16px; } .EntityStateIcon.Modified:focus { outline: 2px solid #0087fd; } .EntityStateIcon.Deleted { display: inline-block; background-position: -18px -16px; } .EntityStateIcon.Deleted:focus { outline: 2px solid #0087fd; } .Icon_EmployeeCard_DGrid { width: 16px; height: 16px; background: url("../../Framework/images/global-search-sprite.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: 150px 100px; -moz-background-size: 150px 100px; background-size: 150px 100px; background-position: 0px -32px; display: inline-block; } .Icon_AddFilter, .Icon_Filters, .Icon_Filters.FilterActive, .Icon_MoveFilter, .Icon_ClearFilter, .Icon_ResetDefault { background: url("../images/filter-icons-sprite.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 24px; width: 24px; } .Icon_AddFilter { background-position: -48px 0px; } .Icon_ResetDefault { background-position: -72px 0px; } .Icon_Filters { background-position: 0px 0px; } .Icon_Filters.FilterDisabled { background-position: -96px 0px; } .Icon_Filters.FilterActive { background-position: -24px 0px; } .Icon_MoveFilter { background-position: -1px -24px; width: 16px; height: 14px; } .Icon_ClearFilter { background-position: -19px -25px; width: 16px; height: 16px; } .Icon_Favorites.FavoritesActive { background-position: 0px -3000px; } .Icon_EmployeeCardConnect_Mail, .Icon_EmployeeCardConnect_LinkedIn { background: url("../../Onboarding/images/Onboarding_sprite.png?v=64.1.2.14510&") no-repeat; display: inline-block; width: 18px; height: 18px; } .Icon_EmployeeCardConnect_Mail { background-position: -71px -820px; } .Icon_EmployeeCardConnect_LinkedIn { background-position: -71px -967px; } .dfI_G08_CollapseAndExpandSidebar { display: inline-block; color: #696969; font-size: 1.3rem; cursor: pointer; overflow: hidden; } .Icon_Help_Everest:before { content: ""; background: url("../images/G02_QuestionMark_Everest.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; } .Icon_Employees_Everest:before { content: ""; background: url("../images/G02_Employees_Everest.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; } .Icon_Envelope_Everest:before { content: ""; background: url("../images/G02_Envelope_Everest.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; } .Icon_Refresh_Everest:before { content: ""; background: url("../images/G02_Refresh_Everest.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; } .Icon_HomeNav_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; -webkit-mask: url("../images/G02_Home_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Home_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Home_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Home_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Home_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Approval_Everest:before { content: ""; background: url("../images/G02_Approval_Everest.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; } .Icon_Search_Everest:before { content: ""; background: url("../images/G02_Search_Everest.SVG?v=64.1.2.14510&"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px !important; height: 18px !important; } .Icon_ESS_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_PersonClock_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_PersonClock_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_OnboardingGettingStarted_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Compass_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Compass_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PerformanceFG_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Favorite_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Favorite_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_ProfileAndSettings_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Profile_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Profile_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLEmployeeTimeSheet_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_TimeRedo_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_TimeRedo_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_CareersFG_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Rocketship_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Rocketship_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_DocumentManagement_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_File_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_File_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_BenefitsHome_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_HandHeart_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_HandHeart_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_EmployeeEarning_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Wallet_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Wallet_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Recruiting_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_PersonSearch_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_PersonSearch_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_RecruitingAdmin_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_PersonArrow_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_PersonArrow_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Setup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Hub_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Hub_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_OrgAdmin_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Shapes_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Shapes_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HRAdmin_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Person_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Person_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_SystemAdmin_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_PersonShield_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_PersonShield_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_WorkflowAdministration_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Reorder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Reorder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_IPayPolicy_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Currency_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Currency_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_ISchedulePolicy_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Clipboard_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Clipboard_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_ISchedulePlanning_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Clipboardclock_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Clipboardclock_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_TimeAwayFromWork_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Time_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Time_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PayrollAdmin_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_HandPlus_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_HandPlus_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_BenefitsSetup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_AddCircle_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_AddCircle_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PerformanceSetup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Sparkle_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Sparkle_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PerformanceSetupRatingScales_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Scale_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Scale_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLManagerTimeSheet_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_ClipboardPerson_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_ClipboardPerson_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Onboarding_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_PersonPlus_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_PersonPlus_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_OnboardingSetup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_FolderPerson_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_FolderPerson_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_BenefitsAdministration_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_HandHeart_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_HandHeart_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLScheduler_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Calendar_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Calendar_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLMultiWeekCalendar_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_CalendarMultiWeek_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_CalendarMultiWeek_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLPayAdminChecklist_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_CalendarCheck_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_CalendarCheck_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PayrollHTML_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_CreditCard_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_CreditCard_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PayrollFiling_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_CalendarPin_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_CalendarPin_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_CompensationManagement_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_HandCheck_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_HandCheck_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_CompensationAdmin_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Ticket_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Ticket_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_LearningSetup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Learning_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Learning_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLAnalytics_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_ClipboardShieldPerson_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_ClipboardShieldPerson_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_DataExportSetupHTML_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Cylinder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Cylinder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_CompensationAdministration_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Briefcase_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Briefcase_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_DataAnalyticsPlatformGroup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_ComputerDownload_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_ComputerDownload_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Integrations_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_InProgress_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_InProgress_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PlatformShowcaseFG_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Reports_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Reports_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HCMAnywhere_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Globe_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Globe_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_IPlanPolicy_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLLetterManagement_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_MarketPricing_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLVacationBiddingSetup_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_HTMLVacationBidding_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_TeamLearningActivity_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_PensionAutoEnrollment_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_ReportMarketplace_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 24px !important; height: 24px !important; -webkit-mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G02_Placeholder_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Info_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px; height: 18px; -webkit-mask: url("../images/G08_Info_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G08_Info_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_Logout_Everest:before { content: ""; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; width: 18px; height: 18px; -webkit-mask: url("../images/G08_Logout_Everest.SVG?v=64.1.2.14510&"); mask: url("../images/G08_Logout_Everest.SVG?v=64.1.2.14510&"); -webkit-mask-size: cover; background-color: #1f1f1f; } .Icon_DockedLeftArrow { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .Icon_DockedRightArrow { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .slideleft .Icon_DockedLeftArrow { display: block; margin-right: 0; margin-left: auto; } .Icon_ComparisonTableArrow { background: url("../images/ComparisonTable_Sprites.png?v=64.1.2.14510&") no-repeat -48px -64px; width: 24px; height: 24px; margin-left: 10px; margin-right: 10px; float: right; } .Icon_ComparisonTableScale { background: url("../images/ComparisonTable_Sprites.png?v=64.1.2.14510&") no-repeat -54px -88px; width: 18px; height: 18px; } .Icon_RecommendedBrowserLogo { background: url("../images/recommended-browsers-logo.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin-right: 0.8rem; height: 2.6rem; min-width: 10.3rem; } .Icon_DFWalletLogo { background: url("../images/dayforce_wallet_icon.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; float: left; width: 35px; height: 35px; margin-top: 3px; margin-bottom: 3px; } .dfImageWidget { overflow: hidden; display: inline-block; } .dfImageWidget .dfImageSpan { display: inline-block; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; } .dgrid-row-table .dgrid-cell .dfImageWidget { vertical-align: middle; } .dfImageWidget .fillHeight { height: 100%; width: auto; max-width: 100%; } .infiniteScroll { overflow-y: auto; width: 100%; height: 100%; } .infiniteScrollLoad { background-image: url("../images/hor_preloader.gif?v=64.1.2.14510&"); background-repeat: no-repeat; width: 310px; height: 13px; margin-top: 5px; margin-left: 32px; } .LastModifiedByDate .SubTitleData { font-weight: bold; padding: 0; } .LastModifiedByDate .SubTitleUser { color: #013ca6; padding: 0; } .LazyPane { display: block; height: 100%; overflow: auto; } .LazyPane.LazyPaneLoading { min-height: 67px; } .ui-widget.dgrid.ListBox { display: inline-block; width: 300px; height: 100px; cursor: pointer; } .ListboxSelector .ListboxContentPane { display: inline-block; width: 50%; overflow: hidden; } .ListboxSelector .ListboxContentPaneDataGrid { height: 100%; min-height: 100px; } .ListboxSelector .showUpAndDownArrows .ListboxContentPaneDataGrid { height: 100%; min-height: 157px; } .ListboxSelector .leftDataGridLabel { margin-right: 21px; color: #4040ca; } .ListboxSelector .rightDataGridLabel { margin-left: 21px; color: #4040ca; } .ListboxSelector .labelText { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 95%; display: inline-block; } .ListboxSelector h3.labelText { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 95%; display: inline-block; font-weight: normal; line-height: normal; margin-top: 0; font-size: 12px; } .ListboxSelector .leftDataGridBorder { margin-right: 21px; border: 1px #6495ed solid; padding: 6px; -webkit-border-radius: 4px; border-radius: 4px; height: 90%; min-height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ListboxSelector .leftDataGridBorderAlignLeft { -webkit-border-radius: 4px 0px 4px 4px; border-radius: 4px 0px 4px 4px; } .ListboxSelector .rightDataGridBorder { margin-left: 21px; border: 1px #6495ed solid; padding: 6px; -webkit-border-radius: 4px; border-radius: 4px; height: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ListboxSelector .showUpAndDownArrows .rightDataGridBorderclass { -webkit-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; } .ListboxSelector .showUpAndDownArrows .rightDataGridBorderAlignLeft { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .ListboxSelector .showUpAndDownArrows .ListboxDataGrid { min-height: 145px; height: 100%; overflow: auto; } .ListboxSelector .ListboxDataGrid { min-height: 88px; height: 100%; } .ListboxSelector .dgrid { border: 0; } .ListboxSelector .dgrid-cell { border: 0; } .ListboxSelector .dgrid.dgrid-grid .dgrid-row.dgrid-row-even.dgrid-selected, .ListboxSelector .dgrid.dgrid-grid .dgrid-row.dgrid-row-odd.dgrid-selected { background-color: #b3d3fe; } .ListboxSelector .dgrid.dgrid-grid .dgrid-row.dgrid-row-even, .ListboxSelector .dgrid.dgrid-grid .dgrid-row.dgrid-row-odd { background-color: transparent; } .user-is-tabbing .ListboxSelector .dgrid-cell[tabindex="0"]:focus { outline: 2px solid #0087fd; outline-offset: -2px; } .ListboxSelector .ButtonsContentPane { width: 42px; text-align: center; position: absolute; left: 50%; margin-left: -21px; margin-top: 21px; top: 0; height: 100%; } .ListboxSelector .showUpAndDownArrows .ButtonsContentPane { width: 39px; margin-left: -17px; height: 100%; } .ListboxSelector .showUpAndDownArrows .ButtonsContentPaneAlignLeft { margin-left: -22px; } .ListboxSelector .buttonsWrapper { height: auto; position: inherit; margin-top: auto; } .ListboxSelector .buttonsWrapper { position: relative; top: 50%; height: 100px; margin-top: -50px; } .user-is-tabbing .ListboxSelector .buttonsWrapper .ListboxSelectorButton.ListboxSelectorButtonFocused.dijitFocused:not(.dijitDisabled) { outline: 2px solid #0087fd; } .ListboxSelector .showUpAndDownArrows .buttonsWrapper { height: auto; top: auto; position: inherit; margin-top: auto; } .ListboxSelector .ListboxSelectorButton .dijitButtonNode { padding: 4px 5px 5px 9px; } .upAndDownArrows { padding-top: 5px; border: 1px #6495ed solid; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; border-right: 1px #fff solid; margin-bottom: 5px; } .upAndDownArrowsAlignLeft { border: 1px #6495ed solid; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; border-left: 1px #fff solid; margin-bottom: 5px; } .upAndDownArrowsRedBorder { border: solid 1px #d46464; border-right: 1px #fff solid; } .ListboxSelectorButton .btn_leftArrowAll, .ListboxSelectorButton .btn_rightArrowAll, .ListboxSelectorButton .btn_leftArrow, .ListboxSelectorButton .btn_rightArrow, .ListboxSelectorButton .btn_downArrow, .ListboxSelectorButton .btn_upArrow { width: 19px; height: 19px; } .ListboxSelectorButton .btn_leftArrowAll { background: url("../../common/images/MoveAllLeft.svg?v=64.1.2.14510&") no-repeat; } .ListboxSelectorButton .btn_rightArrowAll { background: url("../../common/images/MoveAllRight.svg?v=64.1.2.14510&") no-repeat; } .ListboxSelectorButton .btn_leftArrow { background: url("../../common/images/ArrowLeft.svg?v=64.1.2.14510&") no-repeat; } .ListboxSelectorButton .btn_rightArrow { background: url("../../common/images/ArrowRight.svg?v=64.1.2.14510&") no-repeat; } .ListboxSelectorButton .btn_downArrow { background: url("../../common/images/MoveDownArrow.svg?v=64.1.2.14510&") no-repeat; } .ListboxSelectorButton .btn_upArrow { background: url("../../common/images/MoveUp.svg?v=64.1.2.14510&") no-repeat; } .ListboxSelectorButton.ListboxSelectorButtonDisabled .btn_leftArrowAll { background: url("../../common/images/MoveAllLeftDisable.svg?v=64.1.2.14510&") no-repeat; cursor: not-allowed; } .ListboxSelectorButton.ListboxSelectorButtonDisabled .btn_rightArrowAll { background: url("../../common/images/MoveAllRightDisable.svg?v=64.1.2.14510&") no-repeat; cursor: not-allowed; } .ListboxSelectorButton.ListboxSelectorButtonDisabled .btn_leftArrow { background: url("../../common/images/ArrowLeftDisable.svg?v=64.1.2.14510&") no-repeat; cursor: not-allowed; } .ListboxSelectorButton.ListboxSelectorButtonDisabled .btn_rightArrow { background: url("../../common/images/ArrowRightDisable.svg?v=64.1.2.14510&") no-repeat; cursor: not-allowed; } .ListboxSelectorButton.ListboxSelectorButtonDisabled .btn_downArrow { background: url("../../common/images/MoveDownArrowDisable.svg?v=64.1.2.14510&") no-repeat; cursor: not-allowed; } .ListboxSelectorButton.ListboxSelectorButtonDisabled .btn_upArrow { background: url("../../common/images/MoveUpDisable.svg?v=64.1.2.14510&") no-repeat; cursor: not-allowed; } .ListboxSelector .rightDataGridLabel .requiredAsterisk { margin-left: -2px; } .dijitColumnSelector .MandatoryCheckIcon { vertical-align: middle; } .MessageMask, .MessageMask .MaskUnderlay, .MessageMask .MaskContainer { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } .MessageMask .MaskUnderlay { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); background: #fff; display: block; } .MessageMaskParent.Relative { position: relative !important; } @media screen { .MessageMaskParent.HideHorizScroll { overflow-x: hidden !important; } .MessageMaskParent.HideVertScroll { overflow-y: hidden !important; } } .LargeLoadingMaskContainer { background-image: url("../images/DF_bg_preloader2.png?v=64.1.2.14510&"); background-repeat: no-repeat; height: 77px; width: 378px; z-index: 1000; } .LargeLoadingMaskContainer > .loadingLabel { padding-top: 19px; margin-left: 32px; font-family: 'Arial', 'Open Sans', sans-serif; font-size: 12px; color: #000; } .LargeLoadingMaskContainer > .loadingAnimation { background-image: url("../images/hor_preloader.gif?v=64.1.2.14510&"); background-repeat: no-repeat; width: 310px; height: 13px; margin-top: 5px; margin-left: 32px; } .SmallLoadingMaskContainer { height: 24px; display: block; z-index: 1000; } .SmallLoadingMaskContainer > .loadingAnimation { background-image: url("../images/Loading_spinner_Small.gif?v=64.1.2.14510&"); background-repeat: no-repeat; height: 24px; width: 24px; display: inline-block; margin-top: 1px; margin-left: 2px; } .SmallLoadingMaskContainer > .loadingLabel { margin-top: 1px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #013ca6; display: inline-block; vertical-align: top; font-weight: lighter; } .MessageMask .unknownCenteredChildContainer { display: table; } .MessageMask .unknownCenteredChildContainer .unknownCenteredChild { display: table-cell; vertical-align: middle; text-align: center; } .Localization { background-color: #fff; } .Localization .LocalizationGrid { width: 100%; } .Localization .TallGrid { min-height: 250px; } .Localization .SmallGrid { min-height: 190px; } .Localization .Editor { min-height: 190px; } .Localization .dgrid.dgrid-grid .field-CultureId { width: 110px; } .Localization .LocalizationGrid .dgrid-scroller { overflow-y: auto; position: relative; } .Localization .dijitTextBox { margin: 0px; } .CultureSelector { min-width: 100px; } .labelValueTextArea { width: 240px; } .labelNameTextArea { width: 140px; } .claro .dijitSelectMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem { padding: 6px 12px; font-size: 8pt; border-width: 1px 0 1px 0; border-style: solid; border-color: #fff; } .claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected { border: solid 1px #fff; } .claro .dijitSelectMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem { padding: 6px 12px; font-size: 8pt; border-width: 1px 0 1px 0; border-style: solid; border-color: #fff; } .claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected { border: solid 1px #fff; } .claro .dijitMenuSeparator { height: 1px; background: #a5a595; } .claro .dijitMenuItem.dijitMenuItemHover td { background-color: #f1f1f1; background-repeat: repeat-x; background-image: -webkit-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: -moz-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: -o-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: -ms-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: none; } .claro .dijitSelectMenu .dijitMenuItemSelected td, .claro .dijitMenuItem.dijitMenuItemSelected td { color: #fff; text-shadow: 0px 1px 0px rgba(18,52,94,0.7); background-color: #f1f1f1; background-repeat: repeat-x; } .claro .dijitMenuItem.dijitMenuItemActive td { /* darker blue (holding down) */ background: -webkit-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: -moz-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: -o-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: -ms-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265086', endColorstr='#1A3A65',GradientType=0 ); /* IE6-9 */ } .claro .dijitMenu .dijitMenuItemHover, .claro .dijitMenuItemHover { background-color: #f1f1f1; background-repeat: repeat-x; } .claro .dijitMenu .dijitMenuItemSelected, .claro .dijitMenuItemSelected { border-color: none; outline: 2px solid #0087fd; background-color: #f1f1f1; background-repeat: repeat-x; background-image: none; color: #fff; text-shadow: 0px 1px 0px rgba(18,52,94,0.7); } .claro .dijitMenuItemActive { background: #336ab2; /* IE6-9 */ background-image: none; /* Old browsers */ background: -webkit-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -o-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -ms-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: linear-gradient(to bottom, #336ab2 0%, #2f63a7 48%, #224d85 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); color: #fff; text-shadow: 0px 1px 0px rgba(18,52,94,0.7); } .dijitMenuItem .dijitMenuItem td.dijitMenuItemLabel { border-top: none; border-bottom: none; } .claro .dijitMenuSeparatorTop { height: auto; border-bottom: none; } .claro .dijitMenuExpand { margin-right: 7px; } .claro .dijitMenu .dijitMenuItem td.dijitMenuItemLabel.Overflow { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .page--Home.user-is-tabbing .dijitMenuItemSelected { outline: 2px solid #0087fd; outline-offset: 1px; } .claro .dfMessageCenter { top: 53px; z-index: 932; overflow: hidden; background-color: #fff; -webkit-transition: bottom ease-in-out 0.2s, left ease-in-out 0.1s; -moz-transition: bottom ease-in-out 0.2s, left ease-in-out 0.1s; -o-transition: bottom ease-in-out 0.2s, left ease-in-out 0.1s; -ms-transition: bottom ease-in-out 0.2s, left ease-in-out 0.1s; transition: bottom ease-in-out 0.2s, left ease-in-out 0.1s; } .claro.NewFeatureUI .dfMessageCenter { top: 5.6rem; left: 0; -webkit-transition: left ease-in-out 0.1s, bottom ease-in-out 0.2s; -moz-transition: left ease-in-out 0.1s, bottom ease-in-out 0.2s; -o-transition: left ease-in-out 0.1s, bottom ease-in-out 0.2s; -ms-transition: left ease-in-out 0.1s, bottom ease-in-out 0.2s; transition: left ease-in-out 0.1s, bottom ease-in-out 0.2s; } .claro .dfMessageCenter.msgCenterClosed { bottom: 100%; /*Leave top alone; don't want to go over toolbar*/ -webkit-transition: bottom ease-in-out 0.2s; -moz-transition: bottom ease-in-out 0.2s; -o-transition: bottom ease-in-out 0.2s; -ms-transition: bottom ease-in-out 0.2s; transition: bottom ease-in-out 0.2s; } .claro .dfMessageCenter .messagingFill { width: 100%; height: 100%; position: relative; } .claro .dfMessageCenter .dfMessageCenterContent { top: 44px; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane { width: 198px; height: 100%; position: absolute; background-color: #f8f8f8; border-right: 2px solid #e5e6e7; } @media only screen and (orientation: portrait) and (max-width: 569px) { .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane { display: none; z-index: 1; } } @media only screen and (orientation: portrait) and (max-width: 569px) { .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane.mb_show { display: inline-block; } } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .navList { list-style-type: none; padding: 0; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane > .MsgFolderRow:first-child { margin-top: 10px; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane > li { list-style-type: none; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow { position: relative; height: 2em; border-left: 5px solid transparent; cursor: pointer; padding: 4px 0 2px 5px; } .claro.user-is-tabbing .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .messageCenterBtn:focus { outline: solid 2px #0087fd; outline-offset: 1px; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow.opened { background-color: #f0f0f1; border-left: 5px solid #336ab2; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow:hover { background-color: #eee; } .dj_ie8 .claro .MCInboxIcon, .dj_ie8 .claro .MCDraftIcon, .dj_ie8 .claro .MCSaveIcon, .dj_ie8 .claro .MCTrashIcon, .dj_ie8 .claro .MCRefreshIcon, .dj_ie8 .claro .MCSelectIcon, .dj_ie8 .claro .MCSearchIcon, .dj_ie8 .claro .MCMarkAsIcon, .dj_ie8 .claro .MCPrintIcon, .dj_ie8 .claro .MCPreviousIcon, .dj_ie8 .claro .MCNextIcon, .dj_ie8 .claro .MCBackIcon, .dj_ie8 .claro .MCActionFailIcon, .dj_ie8 .claro .MCActionSuccessIcon, .dj_ie8 .claro .MCResponseIcon, .dj_ie8 .claro .MCListIcon, .dj_ie8 .claro .MCSelectAllIcon, .dj_ie8 .claro .MCDeselectAllIcon, .dj_ie8 .claro .MCInvertAllIcon, .dj_ie8 .claro .MCMarkReadMessageIcon, .dj_ie8 .claro .MCMarkUnreadMessageIcon, .dj_ie8 .claro .MCNewMessageIcon, .dj_ie8 .claro .MCBroadcastMessageIcon, .dj_ie8 .claro .MCReplyIcon, .dj_ie8 .claro .MCReplyAllIcon, .dj_ie8 .claro .MCForwardIcon, .dj_ie8 .claro .MCSentIcon, .dj_ie8 .claro .MCFavouriteIcon, .dj_ie8 .claro .MCRecipientsIconWhite, .dj_ie8 .claro .MCAddIcon, .dj_ie8 .claro .MCAddAllIcon, .dj_ie8 .claro .MCSelectAllIconWhite, .dj_ie8 .claro .MCDeselectAllIconWhite, .dj_ie8 .claro .MCInvertAllIconWhite, .dj_ie8 .claro .MCMarkReadMessageIconWhite, .dj_ie8 .claro .MCMarkUnreadMessageIconWhite, .dj_ie8 .claro .MCNewMessageIconWhite, .dj_ie8 .claro .MCBroadcastMessageIconWhite, .dj_ie8 .claro .MCReplyIconWhite, .dj_ie8 .claro .MCReplyAllIconWhite, .dj_ie8 .claro .MCForwardIconWhite, .dj_ie8 .claro .MCSentIconWhite, .dj_ie8 .claro .MCHistoryIcon, .dj_ie8 .claro .MCUnreadReportIcon, .dj_ie8 .claro .MCReadReportIcon, .dj_ie8 .claro .MCActionedIcon, .dj_ie8 .claro .MCActionRequiredIcon, .dj_ie8 .claro .MCActionUpdateIcon, .dj_ie8 .claro .MCUnreadMessageIcon, .dj_ie8 .claro .MCReadMessageIcon, .dj_ie8 .claro .MCFormDraftIcon, .dj_ie8 .claro .MCNotificationIcon, .dj_ie8 .claro .MCCloseIcon { zoom: 0.5; font-size: 12px; } .claro .MCInboxIcon, .claro .MCDraftIcon, .claro .MCSaveIcon, .claro .MCTrashIcon, .claro .MCRefreshIcon, .claro .MCSelectIcon, .claro .MCSearchIcon, .claro .MCMarkAsIcon, .claro .MCPrintIcon, .claro .MCPreviousIcon, .claro .MCNextIcon, .claro .MCBackIcon, .claro .MCActionFailIcon, .claro .MCActionSuccessIcon, .claro .MCResponseIcon, .claro .MCListIcon, .claro .MCSelectAllIcon, .claro .MCDeselectAllIcon, .claro .MCInvertAllIcon, .claro .MCMarkReadMessageIcon, .claro .MCMarkUnreadMessageIcon, .claro .MCNewMessageIcon, .claro .MCBroadcastMessageIcon, .claro .MCReplyIcon, .claro .MCReplyAllIcon, .claro .MCForwardIcon, .claro .MCSentIcon, .claro .MCFavouriteIcon, .claro .MCRecipientsIconWhite, .claro .MCAddIcon, .claro .MCAddAllIcon, .claro .MCSelectAllIconWhite, .claro .MCDeselectAllIconWhite, .claro .MCInvertAllIconWhite, .claro .MCMarkReadMessageIconWhite, .claro .MCMarkUnreadMessageIconWhite, .claro .MCNewMessageIconWhite, .claro .MCBroadcastMessageIconWhite, .claro .MCReplyIconWhite, .claro .MCReplyAllIconWhite, .claro .MCForwardIconWhite, .claro .MCSentIconWhite, .claro .MCHistoryIcon, .claro .MCUnreadReportIcon, .claro .MCReadReportIcon, .claro .MCActionedIcon, .claro .MCActionRequiredIcon, .claro .MCActionUpdateIcon, .claro .MCUnreadMessageIcon, .claro .MCReadMessageIcon, .claro .MCFormDraftIcon, .claro .MCNotificationIcon, .claro .MCCloseIcon { background: url("../images/Messaging_icons.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: 56em 21em; -moz-background-size: 56em 21em; background-size: 56em 21em; } .claro .MCFilterIcon { background: url("../images/filter-icons-sprite.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 24px; width: 24px; background-position: 0px 0px; } .claro .MCFilterIcon.FilterActive { background-position: -24px 0px; } .claro .MCInboxIcon, .claro .MCDraftIcon, .claro .MCSaveIcon, .claro .MCTrashIcon, .claro .MCRefreshIcon, .claro .MCSelectIcon, .claro .MCSearchIcon, .claro .MCMarkAsIcon, .claro .MCPrintIcon, .claro .MCPreviousIcon, .claro .MCNextIcon, .claro .MCBackIcon, .claro .MCActionFailIcon, .claro .MCActionSuccessIcon, .claro .MCResponseIcon, .claro .MCListIcon, .claro .MCSelectAllIcon, .claro .MCDeselectAllIcon, .claro .MCInvertAllIcon, .claro .MCMarkReadMessageIcon, .claro .MCMarkUnreadMessageIcon, .claro .MCNewMessageIcon, .claro .MCBroadcastMessageIcon, .claro .MCReplyIcon, .claro .MCReplyAllIcon, .claro .MCForwardIcon, .claro .MCSentIcon, .claro .MCFavouriteIcon, .claro .MCRecipientsIconWhite, .claro .MCAddIcon, .claro .MCAddAllIcon, .claro .MCSelectAllIconWhite, .claro .MCDeselectAllIconWhite, .claro .MCInvertAllIconWhite, .claro .MCMarkReadMessageIconWhite, .claro .MCMarkUnreadMessageIconWhite, .claro .MCNewMessageIconWhite, .claro .MCBroadcastMessageIconWhite, .claro .MCReplyIconWhite, .claro .MCReplyAllIconWhite, .claro .MCForwardIconWhite, .claro .MCSentIconWhite, .claro .MCHistoryIcon, .claro .MCCloseIcon { width: 3.3333em; height: 3.3333em; font-size: 0.5em; /* 0.5em represents half the size of the inherited font size. So if font-size is 12px, this is effectively setting font-size 6px which will shrink the image by 50%. */ } .claro .MCUnreadReportIcon, .claro .MCReadReportIcon, .claro .MCActionedIcon, .claro .MCActionRequiredIcon, .claro .MCActionUpdateIcon, .claro .MCUnreadMessageIcon, .claro .MCReadMessageIcon, .claro .MCFormDraftIcon, .claro .MCNotificationIcon { width: 6em; height: 6em; } .claro .MCUnreadReportIconHalf, .claro .MCReadReportIconHalf, .claro .MCActionedIconHalf, .claro .MCActionRequiredIconHalf, .claro .MCActionUpdateIconHalf, .claro .MCUnreadMessageIconHalf, .claro .MCReadMessageIconHalf, .claro .MCFormDraftIconHalf, .claro .MCNotificationIconHalf { background: url("../images/Messaging_icons.png?v=64.1.2.14510&") no-repeat; /* don't need to define a background size because it's a 1:1 scaling */ width: 20px; height: 20px; } .claro .MCUnreadReportIcon, .claro .MCReadReportIcon, .claro .MCActionedIcon, .claro .MCActionRequiredIcon, .claro .MCActionUpdateIcon, .claro .MCUnreadMessageIcon, .claro .MCReadMessageIcon, .claro .MCFormDraftIcon, .claro .MCNotificationIcon { font-size: 0.5em; } .claro .MCInboxIcon { background-position: 0 0; } .claro .MCDraftIcon { background-position: -3.3333em 0; } .claro .MCSaveIcon { background-position: -6.6666em 0; } .claro .MCTrashIcon { background-position: -10em 0; } .claro .MCRefreshIcon { background-position: -13.3333em 0; } .claro .MCSelectIcon { background-position: -16.6666em 0; } .claro .MCSearchIcon { background-position: -20em 0; } .claro .MCMarkAsIcon { background-position: -23.3333em 0; } .claro .MCPrintIcon { background-position: -26.6666em 0; } .claro .MCPreviousIcon { background-position: -30em 0; } .claro .MCNextIcon { background-position: -33.3333em 0; } .claro .MCBackIcon { background-position: -36.6666em 0; } .claro .MCActionFailIcon { background-position: -40em 0; } .claro .MCActionSuccessIcon { background-position: -43.3333em 0; } .claro .MCResponseIcon { background-position: -46.6666em 0; } .claro .MCListIcon { background-position: -50em 0; } .claro .MCSelectAllIcon { background-position: 0 -3.3333em; } .claro .MCDeselectAllIcon { background-position: -3.3333em -3.3333em; } .claro .MCInvertAllIcon { background-position: -6.6666em -3.3333em; } .claro .MCMarkUnreadMessageIcon { background-position: -10em -3.3333em; } .claro .MCMarkReadMessageIcon { background-position: -13.3333em -3.3333em; } .claro .MCNewMessageIcon { background-position: -16.6666em -3.3333em; } .claro .MCBroadcastMessageIcon { background-position: -20em -3.3333em; } .claro .MCReplyIcon { background-position: -23.3333em -3.3333em; } .claro .MCReplyAllIcon { background-position: -26.6666em -3.3333em; } .claro .MCForwardIcon { background-position: -30em -3.3333em; } .claro .MCSentIcon { background-position: -33.3333em -3.3333em; } .claro .MCFavouriteIcon { background-position: -36.6666em -3.3333em; } .claro .MCRecipientsIconWhite { background-position: -40em -3.3333em; } .claro .MCAddIcon { background: url("../images/arrow_right.png?v=64.1.2.14510&") no-repeat; position: relative; left: 5px; } .claro .MCAddAllIcon { background: url("../images/move_all_right.png?v=64.1.2.14510&") no-repeat; position: relative; left: 5px; } .claro .MCCloseIcon { background-position: -50em -3.3333em; } .claro .MCSelectAllIconWhite, .claro .dijitMenuItemActive .MCSelectAllIcon { background-position: 0 -6.6666em; } .claro .MCDeselectAllIconWhite, .claro .dijitMenuItemActive .MCDeselectAllIcon { background-position: -3.3333em -6.6666em; } .claro .MCInvertAllIconWhite, .claro .dijitMenuItemActive .MCInvertAllIcon { background-position: -6.6666em -6.6666em; } .claro .MCMarkUnreadMessageIconWhite, .claro .dijitMenuItemActive .MCMarkUnreadMessageIcon { background-position: -10em -6.6666em; } .claro .MCMarkReadMessageIconWhite, .claro .dijitMenuItemActive .MCMarkReadMessageIcon { background-position: -13.3333em -6.6666em; } .claro .MCNewMessageIconWhite, .claro .dijitMenuItemActive .MCNewMessageIcon { background-position: -16.6666em -6.6666em; } .claro .MCBroadcastMessageIconWhite, .claro .dijitMenuItemActive .MCBroadcastMessageIcon { background-position: -20em -6.6666em; } .claro .MCReplyIconWhite, .claro .dijitMenuItemActive .MCReplyIcon { background-position: -23.3333em -6.6666em; } .claro .MCReplyAllIconWhite, .claro .dijitMenuItemActive .MCReplyAllIcon { background-position: -26.6666em -6.6666em; } .claro .MCForwardIconWhite, .claro .dijitMenuItemActive .MCForwardIcon { background-position: -30em -6.6666em; } .claro .MCSentIconWhite, .claro .dijitMenuItemActive .MCSentIcon { background-position: -33.3333em -6.6666em; } .claro .MCHistoryIcon { background-position: -36.6666em -6.6666em; } .claro .dijitDisabled .MCTrashIcon { background-position: -40em -6.6666em; } .claro .dijitDisabled .MCInboxIcon { background-position: 0 0; filter: grayscale(90%); } .claro .dijitDisabled .MCSentIconWhite, .claro .dijitDisabled .MCSentIcon { background-position: -43.3333em -6.6666em; } .claro .dijitDisabled .MCMarkAsIcon { background-position: -46.6666em -6.6666em; } .claro .MCUnreadReportIcon { background-position: 0em -13.3333em; } .claro .MCReadReportIcon { background-position: -6em -13.3333em; } .claro .MCActionedIcon { background-position: -12em -13.3333em; } .claro .MCActionRequiredIcon { background-position: -18em -13.3333em; } .claro .MCActionUpdateIcon { background-position: -24em -13.3333em; } .claro .MCUnreadMessageIcon { background-position: -30em -13.3333em; } .claro .MCReadMessageIcon { background-position: -36em -13.3333em; } .claro .MCFormDraftIcon { background-position: -42em -13.3333em; } .claro .MCNotificationIcon { background-position: -48em -13.3333em; } .claro .MCUnreadReportIconHalf { background-position: 0px -232px; } .claro .MCReadReportIconHalf { background-position: -20px -232px; } .claro .MCActionedIconHalf { background-position: -40px -232px; } .claro .MCActionRequiredIconHalf { background-position: -60px -232px; } .claro .MCActionUpdateIconHalf { background-position: -80px -232px; } .claro .MCUnreadMessageIconHalf { background-position: -100px -232px; } .claro .MCReadMessageIconHalf { background-position: -120px -232px; } .claro .MCFormDraftIconHalf { background-position: -140px -232px; } .claro .MCNotificationIconHalf { background-position: -160px -232px; } .dfI_G05_EmergencyBroadcast { color: #1e51bf; font-size: 1.8rem; text-decoration: none; } .claro .dijitMenu.dijitMenuSelectedActiveFocused .dijitMenuItemActiveFocused .dfI_G05_EmergencyBroadcast { color: #fff; } .iconNode.dfI_G05_EmergencyBroadcast { font-size: 3.6rem; margin-top: -9px; } .claro .messageList .messageListRow.msgUnread .noteIconClass { background-position: -100px -232px; } .claro .messageList .messageListRow .noteIconClass { background-position: -120px -232px; } .claro .messageList .messageListRow.msgUnread .reportIconClass { background-position: 0px -232px; } .claro .messageList .messageListRow .reportIconClass { background-position: -20px -232px; } .claro .dfMessageCenter .subFolder { margin-left: 20px; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight { position: absolute; right: 5px; margin-top: 4px; padding: 0 5px; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight.dijitOutput { background-color: #696969; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow.opened .folderRowRight.dijitOutput { background-color: #2f63a7; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight.dijitButton { margin: 2px 0 0 0; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight.dijitButton .dijitButtonNode { padding: 0; background-color: #f0f0f1; border: 1px solid #dedfe1; color: #2f63a7; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight.dijitButton .dijitButtonNode:hover { background-color: #dedede; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight.dijitButton .dijitButtonNode:active { background-color: #e3e3e3; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .folderRowRight.dijitButton .dijitButtonNode .dijitButtonText { padding: 0; vertical-align: top; text-shadow: none; } .claro .dfMessageCenter .dfMessageCenterContent .MessagingFolderPane .MsgFolderRow .approvalsFolderRowRight { background: url("../../WFMCommon/images/WFMCommonIcons2.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: 22.5em 1.5em; -moz-background-size: 22.5em 1.5em; background-size: 22.5em 1.5em; background-position: -19.5em 0; height: 1.5em; width: 1.5em; padding: 1px 0px; position: absolute; right: 5px; margin-top: 4px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight { width: 100%; height: 100%; padding-left: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f0f0f1; } @media only screen and (orientation: portrait) and (max-width: 569px) { .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight { z-index: 0; padding-left: 0; } } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageContentPane { overflow: auto; height: 100%; background-color: #f0f0f1; /* Avoid issues on refresh*/ } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageList { padding: 0 15px; position: relative; background-color: #f0f0f1; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListHeader { padding: 8px 0; font-weight: bold; font-size: 16px; display: inline-block; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListCount { padding: 8px 0; display: inline-block; float: right; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight h2.messageListHeader { padding: 8px 0; font-weight: bold; font-size: 16px; margin: 0; line-height: normal; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow { height: 40px; background-color: #f8f8f8; position: relative; cursor: pointer; border-left: 5px solid transparent; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow.msgUnread { font-weight: bold; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow.checkedRow { background-color: #e8f3f7; border-left: 5px solid #336ab2; } .dj_ie8 .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow + .messageListRow { border-top: 1px solid #e5e6e7; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow +.messageListRow { -webkit-box-shadow: inset 0px 1px #e5e6e7; box-shadow: inset 0px 1px #e5e6e7; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow .messageListSelect { width: 16px; padding: 11px 8px 11px 4px; } .claro .dfMessageCenter .dfMessageCenterContent .messageListRow .messageListToFrom { position: absolute; left: 64px; right: 67%; width: auto; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 12px 0px; } .claro .dfMessageCenter .dfMessageCenterContent .messageListRow .messageListRowMiddleWrapper { position: absolute; left: 33%; right: 175px; width: auto; white-space: nowrap; top: 12px; bottom: 12px; } .claro .dfMessageCenter .dfMessageCenterContent .messageListRow .messageListRowMiddleWrapper .messageListSubject { float: left; margin-right: 5px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; } .claro .dfMessageCenter .dfMessageCenterContent .messageListRow .messageListRowMiddleWrapper .messageListPreview { font-weight: normal; color: #939393; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .claro .dfMessageCenter .dfMessageCenterContent .messageListRow .messageListDatetime { position: absolute; right: 10px; width: 165px; text-align: right; padding: 12px 0px; } .claro .dfMessageCenter .dfMessageCenterContent .messageListRow .dfI_G05_EmergencyBroadcast { font-size: 22px; margin-top: 1.5px; padding: 2px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessageWrapper, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessageWrapper { padding: 15px 15px 0px 15px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage { border: 2px solid #e5e6e7; position: relative; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .reportMessageBody .reportDescription { padding: 5px 0px 25px 0px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .responseHeader, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader { background-color: #f8f8f8; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderLeft { width: 45px; padding-left: 20px; padding-right: 5px; position: absolute; left: 0px; top: 5px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderLeft.messageHeaderLeftCenter { top: 50%; margin-top: -10px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderRight { margin-left: 70px; margin-right: 5px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject { min-height: 36px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject .messageHeaderRight { padding-top: 6px; word-wrap: break-word; font-size: 16px; font-weight: bold; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject h2.messageHeaderRight { padding-top: 6px; word-wrap: break-word; font-size: 16px; font-weight: bold; margin-top: 0; line-height: normal; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeMessageHeader, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeSubject, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeTo, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderFrom, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTo { padding: 5px 0; position: relative; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTo .messageHeaderRight { max-height: 64px; overflow-y: auto; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTo .messageHeaderRight .moreLink { vertical-align: baseline; padding-left: 5px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTime { position: absolute; right: 20px; top: 50%; margin-top: -10px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .composeSummary { display: none; color: #1e51bf; margin-left: 70px; padding: 5px 0px; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderLeft { width: 45px; padding-left: 20px; padding-right: 5px; position: absolute; left: 0px; top: 5px; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderLeft.messageHeaderLeftCenter { top: 50%; margin-top: -10px; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderRight { margin-left: 70px; margin-right: 5px; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject { min-height: 36px; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject .messageHeaderRight { padding-top: 6px; word-wrap: break-word; font-size: 16px; font-weight: bold; } .FFPrinter .dfMessageCenterRight .composeMessage .messageHeader .composeMessageHeader, .FFPrinter .dfMessageCenterRight .composeMessage .messageHeader .composeSubject, .FFPrinter .dfMessageCenterRight .composeMessage .messageHeader .composeTo, .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderSubject, .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderFrom, .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTo { padding: 5px 0; position: relative; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTo .messageHeaderRight { max-height: 64px; overflow-y: auto; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTo .messageHeaderRight .moreLink { vertical-align: baseline; padding-left: 5px; } .FFPrinter .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderTime { position: absolute; right: 20px; top: 50%; margin-top: -10px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .workflowMessageContainer > div, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .offerContents { margin-bottom: 15px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow .dfI_G08_WarningAlert { font-size: 20px; height: 20px; width: 20px; margin-top: 0px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderLeft .dfI_G08_WarningAlert { font-size: 36px; height: 36px; line-height: 0px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; } .claro .dfMessageCenter .embeddedFormBorder .dfI_G08_WarningAlert { font-size: 1.8em; margin-left: 6px; margin-bottom: 6px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageHeader .messageHeaderLeft .dfI_G08_WarningAlert, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListRow .dfI_G08_WarningAlert, .claro .dfMessageCenter .embeddedFormBorder .dfI_G08_WarningAlert { color: #ff9700; display: inline-block; } .claro .dfMessageCenter .embeddedFormBorder .warning { font-weight: bold; font-size: 12px; word-wrap: break-word; margin-left: 6px; display: inline-block; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .workflowMessageContainer > div, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .messageContents, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayMessage .offerContents { background-color: #fff; /* 1em is hack necessitated by xaml converter spitting out paragraphs, which are then styled with margin. 20px is consistency with rest of message */ padding: 1em 20px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayFormDraftMessageWrapper .displayMessage { border: none; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayFormDraftMessageWrapper .formContainer { min-height: 50px; /* Allows for loading mask to show up properly while loading, otherwise starts with 0 height. A form will never really be below 50 pixels, and if it is, not a big deal. */ } .claro .dfMessageCenter .msgActionPane { background-color: #fff; height: 42px; border-bottom: 2px solid #e5e6e7; } .claro .dfMessageCenter .msgActionPane .msgActionContainer { padding: 5px 0; } .claro .dfMessageCenter .msgActionPane .pipeAfter:after { width: 1px; background-color: #e5e6e7; margin: 0 3px; content: ""; display: inline-block; height: 30px; vertical-align: middle; } .claro .dfMessageCenter .msgActionPane .mb_FolderPaneToggle { display: none; } @media only screen and (orientation: portrait) and (max-width: 569px) { .claro .dfMessageCenter .msgActionPane .mb_FolderPaneToggle { display: inline-block; cursor: pointer; background: url("../images/chosen-sprite.png?v=64.1.2.14510&"); white-space: nowrap; display: inline-block; height: 24px; width: 16px; position: relative; background-position: -38px -189px; margin-left: 10px; vertical-align: bottom; } } .claro .MessagingMenuComposeDropDown .dijitMenuItem td.dijitMenuItemLabel, .claro .MessagingMenuDropDown .dijitMenuItem td.dijitMenuItemLabel { padding: 10px; /* override default padding 10px 20px 10px 20px, too wide */ } .claro .MessagingMenuComposeDropDown .dijitMenuItem .dijitMenuItemIconCell .dijitIcon, .claro .MessagingMenuDropDown .dijitMenuItem .dijitMenuItemIconCell .dijitIcon { margin-left: 5px; } .claro .dfMessageCenter .msgActionPane .ActionPaneRight { position: absolute; right: 5px; top: 7px; } .claro .dfMessageCenter .msgActionPane .dijitDropDownButton.composeDropdown { padding-left: 4px; } .claro .dfMessageCenter .msgActionPane .dijitDropDownButton.composeDropdown .dijitButtonNode { background-color: #2f63a7; } .claro .dfMessageCenter .msgActionPane .dijitDropDownButton.composeDropdown .dijitButtonNode .dijitButtonContents { color: #fff; text-shadow: none; } .claro .dfMessageCenter .msgActionPane .dijitDropDownButton.composeDropdown .dijitButtonNode .dijitButtonContents .dijitButtonText { text-align: left; width: 157px; } .claro .dfMessageCenter .msgActionPane .dijitDropDownButton.composeDropdown .dijitButtonNode .dijitButtonContents .dijitButtonText { text-shadow: none; } .claro .MessagingMenuDropDown .dijitMenuItem td.dijitMenuArrowCell, .claro .MessagingMenuComposeDropDown .dijitMenuItem td.dijitMenuArrowCell { display: none; } .claro .dfMessageCenter .msgActionPane .composeDropdown .dijitbelow-altArrowButton .dijitArrowButtonInner { background: url("../images/buttonArrows.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 16px; background-position: -32px -64px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage { background-color: #fff; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .composeMessageBottom { position: relative; padding: 0 0 5px 10px; height: 30px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .composeMessageBottom .composeMessageBottomRight { position: absolute; right: 10px; top: 0; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .iconWrapper { padding: 3px 10px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .messageHeaderLeft { width: 75px; margin: 0; text-align: center; padding: 0 5px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeTo .dijitFocused .dijitButtonNode { outline: 2px solid #0087fd; outline-offset: 1px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .composeSeperator { height: 1px; background-color: #e5e6e7; margin: 5px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeSubject .dijitTextBox, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeTo .LimitedDropDownMultiEntitySelector { position: absolute; right: 0px; left: 88px; top: 5px; width: auto; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeSubject { height: 25px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeTo { height: 40px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeTo .dijitButtonNode { padding: 1px 7px 3px 7px; margin-top: 16px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .messageHeader .composeTo .MultiEntitySelectorItemNode { height: 23px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage .composeMessageEditor { margin: 10px 15px 5px 15px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage.dijitForceStatic .composeMessageEditor { margin: 0; } .claro .messageListDialog .messageListMessage { padding: 25px; white-space: pre; text-align: center; } .claro .messageListDialog .selectAllBottom { position: relative; border-top: 1px #e5e6e7 solid; height: 40px; } .claro .messageListDialog .selectAllBottomRight { position: absolute; top: 10px; right: 0px; } .claro .messageListDialog .invertMessage { padding: 5px; } .claro .messageListDialog .invertCounts { border-bottom: 1px #e5e6e7 solid; border-top: 1px #e5e6e7 solid; white-space: pre-line; padding: 5px 15px; } .claro .dfMessageCenter .dfMessageCenterRight .displayWorkflowApprovalMessageWrapper .formToolstripButtons { display: none; } .claro .dfMessageCenter .displayFormDraftMessageWrapper { display: block; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .claro .dfMessageCenter .displayFormDraftMessageWrapper .xmlFormDialog { width: 100% !important; } .claro .dfMessageCenter .displayFormDraftMessageWrapper .formToolstripButtons { display: block; padding: 10px 0px 8px 0px; border-top: 1px solid #ccc; height: 35px; } .claro .dfMessageCenter .displayFormDraftMessageWrapper .formToolstripButtons > div { float: right; margin-right: 15px; margin-top: 3px; } .MessageResponseControl .responseSimpleTextarea textarea, .claro .dfMessageCenter .MessageResponseControl .responseSimpleTextarea textarea { width: 100%; min-height: 100px; overflow-y: auto; font-size: 14px; } .claro .dfMessageCenter .MessageResponseControl .responseActionContainer { height: 35px; } .claro .dfMessageCenter .MessageResponseControl .responseActionContainer .responseButtonsContainer { float: right; margin-top: 5px; display: inline-block; } .workflowSectionContainer, .claro .dfMessageCenter .workflowSectionContainer { height: 24px; margin-bottom: 5px; } .claro .dfMessageCenter .embeddedGuidedProcess, .claro .dfMessageCenter .embeddedForm, .claro .dfMessageCenter .embeddedFormBorder { border: 1px solid #ccc; } .workflowSectionContainer .workflowSectionText, .claro .dfMessageCenter .workflowSectionContainer .workflowSectionText { line-height: 24px; font-weight: bold; vertical-align: top; } .workflowSectionContainer .disabledFont, .claro .dfMessageCenter .workflowSectionContainer .disabledFont { font-weight: bold; color: #808080; font-size: 12px; } .workflowSectionContainer .workflowSectionHeader, .claro .dfMessageCenter .workflowSectionContainer .workflowSectionHeader { font-size: 13px; font-weight: bold; color: #1162c2; } .MessageHistoryControl .dateTimeColumn { width: 20%; } .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .dateTimeColumn, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .dateTimeColumn > div { width: 165px; } .MessageHistoryControl .userColumn { width: 25%; } .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .userColumn, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .userColumn > div { width: 200px; } .MessageHistoryControl .responseColumn { width: 25%; } .MessageHistoryControl .responseCommentColumn { width: 30%; } .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .responseColumn, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .responseColumn > div { width: 165px; } .MessageHistoryControl .MessageHistoryGridHeader, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryGridHeader { font-weight: bold; } .MessageHistoryControl .MessageHistoryRow table, .MessageHistoryControl .MessageHistoryGridHeader table { border-top: 1px solid #ccc; padding: 10px 0px; min-width: 100%; } .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryRow table, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryGridHeader table { border-top: 1px solid #ccc; padding: 10px 0px; min-width: 100%; } .MessageHistoryControl .MessageHistoryRow table tr td, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryRow table tr td { vertical-align: top; } .MessageHistoryControl, .MessageResponseControl { padding-left: 10px; padding-right: 10px; } .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryList, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryGridHeader, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryRow { display: inline-block; width: 100%; } .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl .MessageHistoryRow { font-size: 10px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch { border-bottom: 1px solid #2f63a7; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchBottom { background-color: #e6e7e8; position: relative; height: 32px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchButtons { position: absolute; right: 15px; top: 0; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchContainer { background-color: #f8f8f8; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchContainer .searchLabelColumn { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchContainer .searchValueColumn { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; -ms-box-flex: 2; box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchContainer .searchLabelColumn .fieldLabel { border-bottom: 1px solid #e5e6e7; width: 100%; text-align: right; color: #2f63a7; font-weight: bold; height: 28px; line-height: 28px; padding: 4px; white-space: nowrap; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchContainer .searchValueColumn .fieldValueContainer { padding: 4px 15px 4px 4px; height: 28px; line-height: 28px; border-bottom: 1px solid #e5e6e7; white-space: nowrap; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .searchContainer .searchValueColumn .fieldValue { width: 100%; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch.msgSearchDraftLimited .searchContainer .searchRowAuthor { display: none; height: 0; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageSearch .dijitDateTextBox { width: 12em; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageListContainer { overflow: auto; position: absolute; background-color: #f0f0f1; /* Avoid issues on refresh*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive .msgSearchDraftLimited + .messageListContainer { top: 107px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive .messageListContainer { top: 181px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchPartial .messageListContainer { top: 33px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchNoneScroll .messageListContainer { top: 1px; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchPartial .messageSearch .searchContainer > *, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchNoneScroll .messageSearch .searchContainer > * { display: none; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchPartial .messageSearch .searchContainer, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchNoneScroll .messageSearch .searchContainer, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .searchActive.searchNoneScroll .messageSearch .searchBottom { height: 0; padding: 0; border: 0; } .claro .dfMessageCenter .dfMessageCenterRight .noCheckbox .messageListSelect { display: none; } .claro .dfMessageCenter .dfMessageCenterRight .noCheckbox .messageListToFrom { left: 48px; } .claro .dfMessageCenter .dfMessageCenterRight .noCheckbox .iconNode { margin-left: 12px; } .claro .dfMessageCenter .messageListRow .iconNode { margin: 10px 0px; } .claro .dfMessageCenter .minBodyHeight { min-height: 100px; } .claro .dfMessageCenter .closeMessageCenterWrapper { min-width: 60px; } .claro .dfMessageCenter .closeMessageCenterWrapper .dijitButtonText { display: none; } .claro .dfMessageCenter .closeMessageCenterWrapper .dijitButtonContents { padding-bottom: 3px; } .dfMessageCenter .messageContentPane .displayMessageWrapper .messageContents .offer-letter-button { text-decoration: none; } .dfMessageCenter .messageContentPane .displayMessageWrapper .messageContents .emergencyBroadcast .emergencyBroadcastChildContent { border: 1px solid #e0e0e0; padding: 10px; margin-top: 10px; -webkit-border-radius: 2px; border-radius: 2px; } .dfMessageCenter .messageContentPane .displayMessageWrapper .messageContents .emergencyBroadcast .emergencyBroadcastChildSection { margin-top: 20px; } .dialogContainer { width: 500px; text-align: center; } .dialogContainer .progressBar { margin: 20px 10px; } .dialogContainer .iconNode.dfI_G05_Congratulations { font-size: 30px; color: #008000; } .dialogContainer .iconNode.dfI_G05_WarningIcon { font-size: 30px; color: #ffa500; } .dialogContainer .messageWrapper { margin: 15px auto; } .dialogContainer .messageWrapper .mainMessage { margin: 10px auto; font-weight: 600; font-size: 1.4rem; } .partialDialogContainer { width: 500px; margin: 10px auto; } .partialDialogContainer.partialFailedDialogContainer { padding: 20px 10px; background-color: #fff3e0; } .partialDialogContainer .mainContent { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } .partialDialogContainer .mainContent .iconNode.dfI_G05_Congratulations { font-size: 30px; color: #008000; } .partialDialogContainer .mainContent .iconNode.dfI_G05_WarningIcon { font-size: 30px; color: #ffa500; } .partialDialogContainer .mainContent .mainMessage { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 6px auto; margin-left: 10px; padding-right: 10%; font-weight: 600; font-size: 1.4rem; } .partialDialogContainer .mainContent .navigateToSendBtn { margin-top: 7px; } .partialDialogContainer .mainContent .retryBtn { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; margin-top: 7px; } .partialDialogContainer .subContent { margin: 5px 0px 15px 40px; } .messageHeader .recipientSummary { white-space: pre; } .composeMessage .messageHeader .iconWrapper { margin-left: 5px; } .composeMessage .messageHeader .composeTo { margin-left: 10px; margin-right: 15px; } .composeMessage .messageHeader .composeSubject { margin-left: 15px; margin-right: 15px; } .composeMessage .messageHeader .composeSubject .redAstrik { color: #f00; font-weight: bold; display: inline-block; } .composeMessage .messageHeader .composeSubject .dijitTextBox { left: 83px !important; } .composeMessage .highlighted { color: #f00; } .composeMessage .warningHighlight { color: #ed5300; } .composeMessage .emergencyBroadcast { margin: 10px 15px 5px 15px; } .composeMessage .emergencyBroadcast .messageOptions { vertical-align: middle; margin-left: -2px; line-height: 35px; display: block; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .composeMessage .emergencyBroadcast .messageOptions .messageOption { margin-right: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .composeMessage .emergencyBroadcast .messageOptions .messageOption .dijitInline.optionLabel { margin-right: 2px; margin-left: 4px; } .composeMessage .emergencyBroadcast .messageOptions .messageOption .dijitButtonNode { min-width: 100px; } .composeMessage .emergencyBroadcast .messageOptions .messageOption .HelpIcon { background: url("../../../Content/HR/images/hrSprite_new.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: 25px 1094px; -moz-background-size: 25px 1094px; background-size: 25px 1094px; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; background-position: -2px -747px; width: 13px; height: 13px; margin: 10px 5px 0px 3px; } .composeMessage .emergencyBroadcast .messageOptions .messageOption .optionRecipientSummary { margin-left: 5px; } .composeMessage .emergencyBroadcast .messageOptions .messageOption .DayforceCheckBox.dijitInline { line-height: 34px; } .composeMessage .emergencyBroadcast .messageHeaderLeft { margin: 5px 0 5px 0; display: inline-block; } .composeMessage .emergencyBroadcast .smsSection, .composeMessage .emergencyBroadcast .messageSection { height: 35px; margin-top: 10px; vertical-align: middle; line-height: 35px; font-size: 14px; } .composeMessage .emergencyBroadcast .messageSection { line-height: 20px; } .composeMessage .emergencyBroadcast .redAstrik { color: #f00; font-weight: bold; display: inline-block; } .composeMessage .emergencyBroadcast .messageSMSEditorContainer > *, .composeMessage .emergencyBroadcast .messageSMSEditorContainer > *::before, .composeMessage .emergencyBroadcast .messageSMSEditorContainer > *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .composeMessage .emergencyBroadcast .messageSMSEditorHighlight { position: absolute; color: transparent; font-size: 14px; font-family: Arial; padding-top: 6px; padding-left: 6px; padding-right: 6px; white-space: pre-wrap; word-wrap: break-word; line-height: 14px; height: 75px; overflow: hidden; } .composeMessage .emergencyBroadcast .messageSMSEditorHighlight .messageSMSEditorOverLimit { background: #ffebee 0% 0% no-repeat padding-box; color: transparent; display: inline; white-space: pre-wrap; word-wrap: break-word; } .composeMessage .emergencyBroadcast .messageSMSEditor { position: absolute; } .composeMessage .emergencyBroadcast .messageSMSEditor .dijitTextArea { width: 100%; height: 75px; resize: none; font-size: 14px; line-height: 14px; background-color: transparent; padding-right: 6px; } .composeMessage .emergencyBroadcast .messageSMSCount { font-size: 12px; } .composeMessage .emergencyBroadcast .messageSMSUnicodeWarning { font-size: 12px; padding-left: 10px; color: #696969; } .composeMessage .emergencyBroadcast .messageSection .messageHeaderLeft, .composeMessage .emergencyBroadcast .messageSection .messageHeaderExtension { display: inline-block; } .composeMessage .emergencyBroadcast .messageSubject { border: solid 1px #ccc; border-bottom: 0; height: 36px; } .composeMessage .emergencyBroadcast .messageSubject .messageHeaderLeft { margin: 10px 5px 8px 5px; } .composeMessage .emergencyBroadcast .messageSubject .subject { margin-top: 4px; width: calc(100% - 80px); } .composeMessage .composeMessageBottom .DayforceCheckBox { margin-left: 5px; } .composeMessage .composeMessageBottom .composeMessageBottomLeft .composeMessageAcknowledge { display: inline-block; max-width: calc(100% - 240px); } .displayMessageWrapper .displayMessage .messageContents .emergencyBroadcast .smsSection .smsContent { white-space: pre; } .emergencyBroadcastTooltip { max-width: 360px; } .emergencyBroadcastTooltip li { margin-left: -5px; } .learningNavigation { text-align: left; cursor: pointer; display: inline-block; } .learningNavigation .PlayTraining { width: 2% !important; } .learningNavigation .PlayTraining.dfI_G08_Play { font-size: 26px; color: #0355b2; display: inline-block; padding-right: 3rem; } .learningNavigation .launchCourse { display: inline; font-size: 14px; text-decoration: none; color: #000; } @media print { .FFPrinter .dfMessageCenter, .FFPrinter .dfMessageCenter .messagingFill, .FFPrinter .dfMessageCenter .dfMessageCenterContent { display: block !important; height: auto !important; position: relative !important; overflow: visible !important; } .dfMessageCenter .MessageResponseControl .responseActionContainer { display: none; } } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .composeMessage.emergencyBroadcastFlow .composeMessageEditor { margin-top: 0px; } .composeMessage.emergencyBroadcastFlow .emergencyBroadcast { margin-bottom: 0px; } .overflowXAuto { overflow-x: auto; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap /* added line */; border: 0; } .claro.user-is-tabbing .dfMessageCenter .dfMessageCenterContent .messageListRow .messageListRowMiddleWrapper .messageListSubject:focus-within { outline: solid 2px #0087fd; } .claro.user-is-tabbing .dfMessageCenter .msgActionPane .dijitDropDownButton.composeDropdown.composeDropdownFocused .dijitButtonContents { outline: solid 2px #0087fd; } .dijit.dijitReset.dijitInline.messageHeaderLeft.dijitButton.dijitFocused { outline: none !important; } .modelLinkedRow { width: 100%; min-height: 3.5rem; *zoom: 1; } .modelLinkedRow:before{ content: ''; display: table; } .modelLinkedRow:after{ content: ''; display: table; clear: both; } .modelLinkedRow .labelCell { outline: 0; border: none; -moz-outline-style: none; } .modelLinkedRow .labelCell.hasParent { padding-left: 2rem; } .modelLinkedRow .labelCell, .modelLinkedRow .valueCell, .modelLinkedRow .postfixCell { padding: 0.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 3.5rem /* that's how much space entity selectors and text boxes take */; display: inline-block; } .modelLinkedRow .labelCell { width: calc(99.99% * 3/10 - (30px - 30px * 3/10)); } .modelLinkedRow .labelCell:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .modelLinkedRow .labelCell:last-child{ margin-right: 0; } .modelLinkedRow .labelCell:nth-child(10 n){ float: right; } .modelLinkedRow .labelCell:nth-child(10 n){ margin-right: 0; } .modelLinkedRow .labelCell:nth-child(10 n + 1){ clear: left; } .modelLinkedRow .valueGroup { width: calc(99.99% * 7/10 - (30px - 30px * 7/10)); } .modelLinkedRow .valueGroup:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .modelLinkedRow .valueGroup:last-child{ margin-right: 0; } .modelLinkedRow .valueGroup:nth-child(10n){ float: right; } .modelLinkedRow .valueGroup:nth-child(10n){ margin-right: 0; } .modelLinkedRow .valueGroup:nth-child(10n + 1){ clear: left; } .modelLinkedRow .valueGroup span.valueCell { margin-right: 1rem; } .modelLinkedRow .valueCell { width: calc(99.99% * 8/10 - (30px - 30px * 8/10)); } .modelLinkedRow .valueCell:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .modelLinkedRow .valueCell:last-child{ margin-right: 0; } .modelLinkedRow .valueCell:nth-child(10n){ float: right; } .modelLinkedRow .valueCell:nth-child(10n){ margin-right: 0; } .modelLinkedRow .valueCell:nth-child(10n + 1){ clear: left; } .modelLinkedRow .postfixCell { width: calc(99.99% * 2/10 - (30px - 30px * 2/10)); } .modelLinkedRow .postfixCell:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .modelLinkedRow .postfixCell:last-child{ margin-right: 0; } .modelLinkedRow .postfixCell:nth-child(10n){ float: right; } .modelLinkedRow .postfixCell:nth-child(10n){ margin-right: 0; } .modelLinkedRow .postfixCell:nth-child(10n + 1){ clear: left; } .modelLinkedRow .valueCell > * { width: 100%; } .modelLinkedRow .labelCell, .modelLinkedRow .postfixCell { padding: 1rem 0.5rem /* vertically center text */; font-size: 1.2rem; } .modelLinkedRow .labelCell > *, .modelLinkedRow .postfixCell > * { vertical-align: middle; } .viewOptionsPane { position: absolute; z-index: 4; width: 100%; background-color: #fff; padding-left: 20px; padding-bottom: 10px; padding-right: 25px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-width: 1px; border-color: #ccc; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); overflow: hidden; min-height: 110px; height: auto; text-align: left; } .viewOptionsPane.timesheetFilterPane fieldset { -ms-flex: unset; -webkit-flex: unset; -webkit-box-flex: unset; -moz-box-flex: unset; -o-box-flex: unset; box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; border: 0 none; padding: 0; margin: unset; } .viewOptionsPane.timesheetFilterPane fieldset .MultiEntitySelector { padding: unset; } .viewOptionsPane .footer .dijitButtonFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .AnalyticsPane .HTMLOperationView { height: 85rem; } .AnalyticsPane .HTMLOperationView .operationViewGrid.noChart.dgrid { top: 11.8rem; margin: 0rem 0rem; height: auto; } .AnalyticsPane .HTMLOperationView .operationViewGrid.dgrid { top: 11.8rem; margin: 0rem 0rem; height: 32rem; } .AnalyticsPane .HTMLOperationView .operationViewChart { height: 38rem; top: 46rem; width: 98%; } .AnalyticsPane .HTMLOperationView .ChartLegend { height: auto; top: 84rem; position: absolute; margin-left: 30%; } .AnalyticsPane .HTMLOperationView .noSelectedDataMessage { height: 28rem; top: 46rem; width: 60%; background-color: #fff; font-size: 2.4rem; color: #013ca6; font-family: 'Open Sans'; font-weight: 400; } .OperationsViewContainer .HTMLOperationView { width: 60%; margin-left: 20%; } .OperationsViewContainer .HTMLOperationView .operationViewGrid.noChart.dgrid { top: 12.2rem; margin: 0rem 0rem; width: 60%; margin-left: 20%; } .OperationsViewContainer .HTMLOperationView .operationViewGrid.dgrid { top: 12.2rem; margin: 0rem 0rem; width: 60%; height: 42%; margin-left: 20%; } .OperationsViewContainer .HTMLOperationView .operationViewChart { height: 18rem; top: 55.2%; width: 98%; } .OperationsViewContainer .HTMLOperationView .ChartLegend { height: auto; top: 73%; position: absolute; margin-left: 20%; } .OperationsViewContainer .HTMLOperationView .noSelectedDataMessage { height: 39.8%; top: 57.2%; width: 60%; background-color: #fff; font-size: 2.4rem; color: #013ca6; font-family: 'Open Sans'; font-weight: 400; } .HTMLOperationView .toolbar { border-top: none !important; text-align: left; } .HTMLOperationView .toolbar .selectorGroup { display: inline-block; margin-left: 0.5rem; } .HTMLOperationView .toolBarIcon { font-size: 16px; color: #1162c2; margin: -2px 2px 0px 5px; } .HTMLOperationView .showOptionsButton.arrow-up { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 0.7rem 0.77rem 0.7rem; border-color: transparent transparent #1c449c transparent; } .HTMLOperationView .showOptionsButton.arrow-down { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0.77rem 0.7rem 0 0.7rem; border-color: #1c449c transparent transparent transparent; } .HTMLOperationView .EntitySelector { margin: 0.2rem 0rem 0rem 0.3rem; } .HTMLOperationView .customHover { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; border-width: 1px; -webkit-border-radius: 2px; border-radius: 2px; border-color: #fff; display: inline-block; cursor: pointer; } .HTMLOperationView .customHover:hover { background-color: #ececec; color: #000; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .HTMLOperationView .loadArrow { margin-left: -4px; vertical-align: middle; padding-right: 9px; } .HTMLOperationView .operationViewGrid .relative { position: relative; } .HTMLOperationView .numbericValueCell { text-align: right !important; } .HTMLOperationView .operationViewGrid.noChart.dgrid { position: absolute; bottom: 0; top: 7.9rem; left: 0; right: 0; height: auto; margin: 0 0.5rem 0.5rem 0.5rem; -webkit-transition: top 0.36s ease; -moz-transition: top 0.36s ease; -o-transition: top 0.36s ease; -ms-transition: top 0.36s ease; transition: top 0.36s ease; } .HTMLOperationView .operationViewGrid.noChart.dgrid td.dgrid-column-0.uneditable { text-align: left !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .HTMLOperationView .operationViewGrid.noChart.dgrid .formualError { background-color: #cf6e68; } .HTMLOperationView .operationViewGrid.noChart.dgrid .uneditable { color: #666; vertical-align: bottom; } .HTMLOperationView .operationViewGrid.noChart.dgrid td.uneditable { text-align: right !important; } .HTMLOperationView .operationViewGrid.noChart.dgrid .dgrid-column-KPI { width: 12%; } .HTMLOperationView .operationViewGrid.noChart.dgrid .dgrid-column-- { width: 40%; } .HTMLOperationView .operationViewGrid.noChart.dgrid .redText { color: #900; } .HTMLOperationView .operationViewGrid.dgrid { position: absolute; top: 7.9rem; left: 0; right: 0; height: 46%; margin: 0 0.5rem 0.5rem 0.5rem; -webkit-transition: top 0.36s ease; -moz-transition: top 0.36s ease; -o-transition: top 0.36s ease; -ms-transition: top 0.36s ease; transition: top 0.36s ease; } .HTMLOperationView .operationViewGrid.dgrid td.dgrid-column-0.uneditable { text-align: left !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .HTMLOperationView .operationViewGrid.dgrid .formualError { background-color: #cf6e68; } .HTMLOperationView .operationViewGrid.dgrid .uneditable { color: #666; vertical-align: bottom; } .HTMLOperationView .operationViewGrid.dgrid td.uneditable { text-align: right !important; } .HTMLOperationView .operationViewGrid.dgrid .dgrid-column-KPI { width: 12%; } .HTMLOperationView .operationViewGrid.dgrid .dgrid-column-- { width: 40%; } .HTMLOperationView .operationViewGrid.dgrid .redText { color: #900; } .HTMLOperationView .operationViewChart { height: auto; width: 98%; position: absolute; top: 54.9%; } .HTMLOperationView .ChartLegend { height: auto; top: 85%; position: absolute; margin-left: 30%; } .HTMLOperationView .ChartLegend table { border-spacing: 15px; } .HTMLOperationView .noSelectedDataMessage { height: auto; width: 100%; max-width: 90rem; position: absolute; top: 54.9%; background-color: #fff; font-size: 2.4rem; color: #013ca6; font-family: 'Open Sans'; font-weight: 400; } .HTMLOperationView .centerBox { text-align: center; position: absolute; top: 50%; left: 50%; width: 45rem; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .HTMLOperationView .noDataMessage { font-size: 2.4rem; color: #013ca6; font-family: 'Open Sans'; font-weight: 400; } .HTMLOperationView .noDataIcon { font-size: 9rem; margin: 0 auto 0.5rem auto; color: #808080; } .HTMLOperationView .dgrid-sort-up .dgrid-sort-arrow { background-position: -22px -94px; margin-top: 8px; } .HTMLOperationView .dgrid-sort-down .dgrid-sort-arrow { background-position: -3px -94px; margin-top: 8px; } .HTMLOperationView .dijitToggleButton { margin-top: 2px !important; } body:not(.user-is-tabbing) .viewOptionsPane .footer .dijitButtonFocused { outline: none; } .countBadge, .employeeCard .employeeCardTabs .countBadge { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/ position: absolute; font-size: 0.8em; color: #fff; text-align: center; background: url("../images/Messaging_icons.png?v=64.1.2.14510&") no-repeat; height: 15px; width: 15px; top: 10px; right: -1px; background-position: -182px -234px; padding: 1px 0px; /*minor padding to center the text vertically in the image*/ -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; z-index: -2; } .OpenCloseLocationDialog .borderedDiv { padding: 15px 25px; border: 1px solid #d7d7d7; margin-top: 10px; } .OpenCloseLocationDialog .desc { margin-top: 20px; } .OpenCloseLocationDialog .label { color: #808080; margin-bottom: 5px; } .claro .singlelineTooltipEllipsisText { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .PagingSelector .EntitySelectorContainer .EntitySelectorTextBoxWrapper .MultiEntitySelectorItemNode .EllipsisWrapper { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; bottom: 3px; right: 21px; } .PagingSelector .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown .SelectAllWrapper { background-color: #e6e6e6; width: 100%; } .PagingSelector .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown .SelectAllWrapper .SelectAllCheckBox { left: 4px; padding: 5px; width: 80%; } .PagingSelector .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown .ListBoxWrapper { padding: 1px; } .PagingSelector .TotalSelectedLabel { padding-bottom: 2px; font-size: 9px; } .PayRunSelector { width: 550px; } .PayEntryPayRun_0 { background: url("../images/navSprites.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 16px; display: inline-block; margin-left: 12px; margin-right: auto; background-position: 0px -3568px; } .PayEntryPayRun_1 { background: url("../images/navSprites.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 16px; display: inline-block; margin-left: 12px; margin-right: auto; background-position: 0px -3584px; } .PayRunSelector .PayPeriodSelector { width: 240px; } .PayRunSelector .PayGroupSelectorWrapper, .PayRunSelector .PayPeriodSelectorWrapper { display: block; margin-bottom: 5px; float: left; } .PayrollCommitted { background: url("../images/check2.png?v=64.1.2.14510&") no-repeat; width: 16px; height: 16px; display: inline-block; margin-left: 4px; margin-right: auto; } .PayrollNotCommitted { /*background: url("../images/check2.png?v=64.1.2.14510&") no-repeat;*/ width: 16px !important; height: 16px; display: inline-block; margin-left: 4px; margin-right: auto; } .PositiOnChangeComplexForm { min-width: 980px; } .PositiOnChangeComplexForm .InlineHelpText { white-space: pre-wrap; color: #000; font-size: 12px; margin-bottom: 5px; padding-right: 6px; } .PositiOnChangeComplexForm .EmployeeNumber { margin-left: 10px; } .PositiOnChangeComplexForm .EmployeeName { font-size: 18px; } .PositiOnChangeComplexForm .EmployeeHeader { font-size: 13px; } .PositiOnChangeComplexForm .EEStatusBox { padding-top: 10px; padding-bottom: 16px; width: 100%; } .PositiOnChangeComplexForm .EESFieldBox { display: inline-block; width: 100%; padding-bottom: 10px; } .PositiOnChangeComplexForm .EESFieldBox2 { display: inline-block; width: 100%; padding-top: 10px; } .PositiOnChangeComplexForm .EESFields { display: inline-block; width: 24%; padding: 0px 0px 0px 5px; margin-top: 2px; color: #808080; } .PositiOnChangeComplexForm .EESFields .FieldWidth { width: 95%; margin-top: 0.3rem; } .PositiOnChangeComplexForm .EESFields .FieldIcon { display: inline-block; } .PositiOnChangeComplexForm .InlineLabel { width: 100%; } .PositiOnChangeComplexForm .ContainerBox { padding-top: 10px; } @media print { .rem .PositiOnChangeComplexForm { min-width: auto; } .rem .PositiOnChangeComplexForm .EntityStateIcon { display: none; } .rem .PositiOnChangeComplexForm .dgrid-row-table { min-width: auto !important; } .rem .PositiOnChangeComplexForm .dgrid-content { min-width: auto !important; } } .PositionCompensationTimeline { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .PositionCompensationTimeline .PositionCompensationTimelineChart { border-bottom: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; } .PositionCompensationTimeline .PositionCompensationTimelineLegend { padding-left: 75%; } .PositionCompensationTimeline .InlineBlockDisplay { display: inline-block; } .CompensationChartToolTip { width: 100%; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; } .CompensationChartToolTip .Rows { display: inline; width: 100%; } .CompensationChartToolTip .RowLine { margin: 5px; padding: 0 12px; height: 1px; background: rgba(0,0,0,0.5); display: inline-block; } .CompensationChartToolTip .Rowlabels { display: inline-block; overflow: auto; vertical-align: text-bottom; color: #808080; font-size: 11px; padding-bottom: 2px; } .CompensationChartToolTip .RowColor { color: #000; font-weight: 600; } .PeerComparisonChartToolTip { padding: 2px; display: table; } .PeerComparisonChartToolTip .Rows { display: table-row; width: 20%; } .PeerComparisonChartToolTip .RowColumns { display: table-cell; padding: 2px 3px 2px 0; font-size: 11px; } .PeerComparisonChartToolTip .RowText { color: #000; font-weight: 600; } .PeerComparisonChart { padding: 0 10px 10px 10px; } .PeerComparisonChart .PeerComparisonRateChartTimeLine { background-color: #fff; border-top: 1px solid #d1d3d4; } .PeerComparisonChart .LegendRow { display: block; text-align: right; } .PeerComparisonChart .Legend { display: inline-block; padding-left: 10px; padding-right: 10px; } .PeerComparisonChart .InlineDisplay { display: inline; } .PeerComparisonChart .EmployeeComparisonDropDownSection { padding: 0px 0px 5px 5px; display: table; width: 100%; } .PeerComparisonChart .EmployeeComparisonChkBx { padding: 10px; display: table; } .PeerComparisonChart .EmployeeComparisonChkBxLabel { padding: 0px 5px 0px 0px; } .PeerComparisonChart .EmployeeComparisonCheckbox { padding: 3px; } .PeerComparisonChart .EmployeeComparisonDropDown { display: table-cell; max-width: 900px; padding: 5px 10px 5px 0; } .PeerComparisonChart .LegendBubbleChart { display: inline-block; vertical-align: top; } .PeerComparisonChart .ChartNode { height: 300px; width: 450px; position: absolute; z-index: 10; left: 93px; } .PeerComparisonChart .ChartLayoutIndicator { font-size: x-small; font-weight: 700; display: inline-block; padding-bottom: 3px; } .PeerComparisonChart .ChartLayoutImage { display: none; background: url("../../HR/images/hr_import_sprite.png?v=64.1.2.14510&") no-repeat; width: 17.5px; height: 18.5px; background-position: -64px -12px; margin-left: 7px; } .PeerComparisonChart .BarChartNode { height: 300px; width: 140px; position: relative; z-index: 11; } .PeerComparisonChart .DisplayNone { display: none; } .PeerComparisonChart .FilterContent { background: #fafafa; border-top: 1px solid #d1d3d4; border-bottom: 3px solid #1162c2; height: 100%; } .PeerComparisonChart .PeerComparisonTimelineChart { border: 1px solid #d1d3d4; } .PeerComparisonChart .FilterPaneWrapper { margin-bottom: 0px; } .PeerComparisonChart .FilterPaneClass { z-index: 999; position: absolute; width: 96.5%; background: #fafafa; } @media print { .PeerComparisonChart .FilterPaneClass { display: none; } .PositionAndLocationComplexForm .boxcontainercontrol { padding-top: 0px; } .CompensationChangeComplexFormControl .widgetbox { min-height: 500px !important; } .PositionAndLocationComplexForm .widgetbox { min-height: 500px !important; } .spinnerArrows { display: none; } body.IEPrinter .PositionAndLocationComplexForm { -ms-transform: scale(0.87, 1); -webkit-transform-origin-x: 0; -ms-transform-origin-x: 0; } body.IEPrinter .PositionAndLocationComplexForm .PositionCompensationTimeline .PositionCompensationTimelineChart { width: 100% !important; } body.IEPrinter .PositionAndLocationComplexForm .PositionCompensationTimeline .PositionCompensationTimelineChart #ChartID { -ms-transform: scale(0.7, 0.9); -ms-transform-origin-x: 0; } body.IEPrinter .PositionAndLocationComplexForm .PeerComparisonChart .PeerComparisonRateChartTimeLine { width: 100% !important; } body.IEPrinter .PositionAndLocationComplexForm .PeerComparisonChart .PeerComparisonRateChartTimeLine #barchartNodeID { -ms-transform: scale(0.65, 1); -ms-transform-origin: 0 0; } body.IEPrinter .PositionAndLocationComplexForm .PeerComparisonChart .PeerComparisonRateChartTimeLine #chartNodeID { -ms-transform: scale(0.65, 1); -ms-transform-origin: 0 0; } body.IEPrinter .PositionAndLocationComplexForm .boxcontainerchartwidth .dijitTabContainerTop-container { max-height: 80% !important; } body:not(.IEPrinter) .PositionAndLocationComplexForm .PositionCompensationTimeline .PositionCompensationTimelineChart { width: 100% !important; } body:not(.IEPrinter) .PositionAndLocationComplexForm .PositionCompensationTimeline .PositionCompensationTimelineChart #ChartID { -webkit-transform: scale(0.7, 0.9) !important; -moz-transform: scale(0.7, 0.9) !important; -o-transform: scale(0.7, 0.9) !important; -ms-transform: scale(0.7, 0.9) !important; transform: scale(0.7, 0.9) !important; -moz-transform: scale(0.7, 0.9) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; } body:not(.IEPrinter) .PositionAndLocationComplexForm .PeerComparisonChart .PeerComparisonRateChartTimeLine { width: 100% !important; } body:not(.IEPrinter) .PositionAndLocationComplexForm .PeerComparisonChart .PeerComparisonRateChartTimeLine #barchartNodeID { -webkit-transform: scale(0.65, 1); -moz-transform: scale(0.65, 1); -o-transform: scale(0.65, 1); -ms-transform: scale(0.65, 1); transform: scale(0.65, 1); -moz-transform: scale(0.65, 1) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; } body:not(.IEPrinter) .PositionAndLocationComplexForm .PeerComparisonChart .PeerComparisonRateChartTimeLine #chartNodeID { -webkit-transform: scale(0.65, 1); -moz-transform: scale(0.65, 1); -o-transform: scale(0.65, 1); -ms-transform: scale(0.65, 1); transform: scale(0.65, 1); -moz-transform: scale(0.65, 1) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; } .dgrid-header-row { position: inherit !important; border-top: 0.01rem solid #ddd; } .dgrid-scroller { margin-top: 0rem !important; } } .EntitySelector.PositionSelector { width: 200px; } .EntitySelector.LocationSelector { width: 200px; } .claro .xmlFormDialog .positionManagementSelector .tripleControl .labelValueControl { width: 94%; } @media print { .IEPrinter .dijitButton { opacity: 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; } .dijitButton { display: none !important; } span[role="button"]:not(.dgrid-cell-button), span[aria-hidden], input[aria-hidden] { display: none !important; } .validationPane, .dijitValidationContainer, .dijitOffScreen, .dijitArrowButton, .dijitArrowButtonContainer, .dijitPlaceHolder, .dijitArrowButtonInner, .dijitArrowButtonChar, .dijitNoIcon, .ComplexForm .ComplexFormContainer .warning, .dijitHidden, .hidden, .deleteButton, .EntitySelectorValidationIcon, .FFPrinter .recruitingClass .AvailabilitySwitch { display: none !important; } .dijitReset { padding: 0 !important; font-weight: normal !important; } .dijitLayoutContainer, .dijitTabContainer, .xmlFormDialog .xmlFormDatagrid, .xmlFormTableContainer .xmlFormDatagrid .dgrid { position: relative !important; height: auto !important; } .xmlFormDatagrid .toolbarAboveContainer { top: 0 !important; overflow: hidden !important; } .dijitTabContainer .dijitTabPaneWrapper [role=tabpanel] { height: auto !important; } .dijitTabContainerTop-tabs .dijitTab, .dijitTabContainerBottom-tabs .dijitTab { display: inline-block !important; } .dgrid-preload { display: none !important; } .claro .dijitDialog { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .xmlFormDialog .dijitTextBox.dijitTextArea, .xmlFormDialog .dayforceTextArea, .xmlFormDialog .dijitEditor { height: auto !important; } .FilterContent .FilterPaneBottom { display: none; } .xmlFormDialog .TextAreaPrint { width: 100% !important; white-space: normal; margin: 0; } .dgrid-header-row { right: 0 !important; } .MultiEntitySelectorItemNode .dijitInputInner { display: none !important; } .dgrid-expando-wrapper.dgrid-row .ExpandoEditorWrapper .dijitTabContainer > div { position: relative !important; top: 0 !important; } .dijitBorderContainerPane, .dijitBorderContainerNoGutterPane { position: relative !important; } } #printframe { width: 0; height: 0; position: absolute; left: -9999px; } @media print { html, body { height: 99% !important; } html { font-size: 62.5%; } body { font-size: 10px; } body:not(.IEPrinter) { font-family: Open Sans, sans-serif; } #htmlHost { display: block !important; } body.IEPrinter * { /* TFS 96284: Aero reported that having fonts inside a print file from IE crashes their printers */ font-family: initial !important; font-style: initial !important; font-weight: normal !important; } .IERootPosition { position: static !important; } .IERootPosition .xmlFormDialog { width: auto !important; } .IERootPosition .xmlFormDialog .defaultLabelClass, .IERootPosition .xmlFormDialog .panelTag, .IERootPosition .xmlFormDialog .duoControlLabel { white-space: nowrap !important; } .xmlFormDialog .duoControl { float: left; } .dijitInputInner .printInputField { color: #000; } .msgCenterClosed { display: none !important; } .hidden-print { display: none; } * { max-height: none !important; overflow-x: visible !important; overflow-y: visible !important; overflow: visible !important; } .PositionAndLocationComplexForm .boxcontainercontrol { height: 40rem; } .CompensationChangeComplexFormControl { height: 60rem !important; } .LegendRow { text-align: left !important; } .PositionCompensationTimelineLegend { padding-left: 20% !important; } .previousValueMarker { width: 0 !important; } .dgrid.dgrid-grid, .dgrid-row-table, .dgrid-content { height: auto !important; } .dgrid-content { width: auto !important; } .dgrid-row-table .dgrid-cell, .dgrid-row-table .dgrid-cell .dgrid-resize-header-container { overflow: hidden !important; } .dgrid-row-table .dgrid-column-Expander { width: 60px !important; } .dgrid-row-table .dgrid-column-UpdateStatus { width: 40px !important; } .dgrid .dgrid-column-set-cell { padding: 0 !important; } .dgrid.dgrid-grid .dgrid-header.dgrid-header-row th { border-bottom: 1px solid #ccc; } .dgrid-scroller .ExpandoEditorWrapper.dijitHidden { display: none !important; } .dgrid-column-ManagerName { width: 50rem; } .dijitRadio, .dijitCheckBox { background-image: none !important; } .dijitCheckBoxInput { opacity: 1 !important; -ms-filter: none !important; filter: none !important; filter: alpha(opacity=100) !important; } .dgrid-scroller { position: static !important; overflow-x: visible !important; overflow-y: visible !important; } .dijitArrowButton.dijitDownArrowButton { display: none; } .dijitEditorPrint { border: 1px solid #b5bcc7; height: auto !important; font-size: 10pt; } .dijitEditorPrint p { margin-top: 0 !important; margin-bottom: 0 !important; } .dijitDialog, .dayforceDialog .dijitDialogPaneContent { position: relative !important; left: 0 !important; right: 0 !important; } .ComplexForm .ComplexForm { height: auto !important; } .slideOutPanel .slideOutPanel-slider, .slideOutPanel .slideOutPanel-slider .innerWrapper, .slideOutPanel .slideOutPanel-slider.opened .innerWrapper .contentWrapper, .slideOutPanel .slideOutPanel-slider .contentWrapper .containerNode { left: 0 !important; top: 0 !important; right: 0 !important; position: absolute !important; } .slideOutPanel .slideOutPanel-slider { padding: 0 !important; /* IMPORTANT: bottom value 0 can cause an issue that the first page printed in IE is blank. It is IE 10 specific */ bottom: auto !important; } .claro .dfMessageCenter .messagingFill, .claro .dfMessageCenter .messagingFill .messageContentPane, .claro .dfMessageCenter .messagingFill .messageContentPane .displayMessageWrapper { left: 0 !important; top: 0 !important; right: 0 !important; } .claro .dfMessageCenter .dijitInline:not(.dijitHidden), .claro .messageContentPane .dijitInline:not(.dijitHidden), .claro .displayMessageWrapper .dijitInline:not(.dijitHidden) { display: inline-block !important; } .claro .dfMessageCenter .dijitInline .dayforceTextArea, .claro .displayMessageWrapper .dijitInline .dayforceTextArea, .claro .messageContentPane .dayforceTextArea, .claro .dfMessageCenter .dijitInline .responseSimpleTextArea, .claro .displayMessageWrapper .dijitInline .responseSimpleTextArea, .claro .messageContentPane .responseSimpleTextArea { height: auto; } .claro .dfMessageCenter .dijitInline.dijitButton, .claro .messageContentPane .dijitInline.dijitButton { display: none !important; } .claro .dfMessageCenter .messagingFill .messageContentPane .displayMessageWrapper .displayMessage { position: relative !important; } .claro .dfMessageCenter .MessageResponseControl .dijitTextArea, .claro .messageContentPane .MessageResponseControl .dijitTextArea, .ComplexForm .dijitTextArea { max-height: 200px !important; } .ComplexForm .ComplexFormContainer .dfI_G08_WarningAlert { visibility: hidden; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight { padding-left: 0 !important; } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .messageContentPane { background-color: transparent !important; } .claro .dfMessageCenter .MessageResponseControl, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayFormDraftMessageWrapper .formContainer { position: relative !important; /*let the form take up most of the width*/ } .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayFormDraftMessageWrapper .formContainer .xmlFormTableContainer .dijitTabContainer .dijitTabController, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayFormDraftMessageWrapper .formContainer .xmlFormTableContainer .dijitTabContainer .dijitTabPaneWrapper, .claro .dfMessageCenter .dfMessageCenterContent .dfMessageCenterRight .displayFormDraftMessageWrapper .formContainer .xmlFormTableContainer .dijitTabContainer .dijitTabPaneWrapper .dijitContentPane { width: 99% !important; } .claro .dfMessageCenter .formContainer input { font-size: 12px !important; } .claro .dfMessageCenter .dfMessageCenterContent .MessageResponseControl, .claro .dfMessageCenter .dfMessageCenterContent .MessageHistoryControl { page-break-inside: avoid; } .TaxForm .dijitContentPane .formContent { position: relative !important; } .TaxForm .dijitContentPane img, .TaxForm .dijitContentPane .TaxFormControl { left: 0 !important; top: 0 !important; right: 0 !important; position: absolute !important; } .FFPrinter .EntitySelector .deselectIcon { width: 18px !important; margin-left: -5px !important; } .FFPrinter .dijitDateTextBox .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner { background-position: 0px -40px !important; margin-top: -5px !important; } .candidate-profile-dialog .AnchoredContentPane .AnchoredContent .ContentActive { background-color: initial !important; color: initial !important; height: initial !important; } .IEPrinter .candidate-profile-dialog .AnchoredContentPane .AnchoredContent .ContentActive { background-color: transparent !important; color: #000 !important; height: auto !important; } .FFPrinter .RecruitingIcon_Edit { width: 34px !important; height: 23px !important; } .FFPrinter .candidate-profile-dialog .RecruitingIcon_Edit { margin-top: -5px !important; } .FFPrinter #Work-Hours-Availability .RecruitingIcon_Edit { margin-top: -25px !important; } .FFPrinter .RecruitingIcon_Add { height: 23px !important; } .FFPrinter .candidate-profile-dialog .RecruitingIcon_Add { margin-top: -25px !important; } .FFPrinter .RecruitingIcon_Delete { width: 25px !important; height: 23px !important; } .FFPrinter .candidate-profile-dialog .RecruitingIcon_Delete { margin-top: -3px !important; } .FFPrinter .RecruitingIcon_Edit_Disabled { width: 66px !important; } .FFPrinter .candidate-profile-dialog .RecruitingIcon_Edit_Disabled { margin-right: -5px !important; } .FFPrinter .candRightLabel { margin-right: -45px !important; } .FFPrinter .recruitingClass .summary-list.status-new > .status-date::before { width: 23px !important; height: 23px !important; margin-top: -7px !important; margin-left: -5px !important; } .FFPrinter .recruitingClass .summary-list.status-declined > .status-date::before { width: 33px !important; height: 23px !important; margin-top: -8px !important; margin-left: -10px !important; } .FFPrinter .recruitingClass .summary-list.status-hired > .status-date::before { width: 37px !important; height: 23px !important; margin-top: -7px !important; margin-left: -10px !important; } .FFPrinter .recruitingClass .summary-list.status-inprogress > .status-date::before, .FFPrinter .recruitingClass .summary-list.status-offered > .status-date::before { background-position: -54px -39px !important; width: 31px !important; height: 23px !important; margin-top: -7px !important; margin-left: -5px !important; } .FFPrinter .tafwOverrideHoursDayCell.divTableCell.dayOfWeekColumn { padding-left: 2px !important; } .FFPrinter .dijitContainer .dijitTableLayout { display: block; } .recruitingClass #Work-Hours-Availability .listItemButtonContainer { height: 25px !important; } .printDurationTimesheet table { border-collapse: collapse; } .printDurationTimesheet table .title { font-size: 18px; } .printDurationTimesheet table thead tr { border: none; padding: 5px; } .printDurationTimesheet table thead tr.columnheading { background-color: #000; color: #fff; font-size: 12px; } .printDurationTimesheet table thead tr th { border-collapse: collapse; text-align: left; padding: 5px; } .printDurationTimesheet table tr td { border-bottom: 1px solid; border-right: 1px dotted #808080; text-align: left; empty-cells: show; padding: 5px; vertical-align: top !important; } .printDurationTimesheet table tbody tr td.norightborder { border-right: none; } .printDurationTimesheet table tbody tr:nth-child(even) { background: #f0f0f2; } .printDurationTimesheet table tfoot tr.separator { border-top: 5px solid #000; border-bottom: none; } .printDurationTimesheet table tfoot tr td { empty-cells: show; border: none; text-align: right; } .printDurationTimesheet table tfoot tr td span { font-size: 12px; } } .hide-report-section { display: none; } .table-no-break { page-break-inside: avoid !important; } .group-page-break { page-break-before: always; } .printable-page-no-break { page-break-after: avoid !important; } .printable-legend { page-break-before: always; border-collapse: collapse; border: 1px solid #000; width: 50%; font-size: 11px; } .printable-legend .printable-legend-employee-column { width: 30%; } .printable-legend .printable-legend-skill-column { width: 70%; } .printable-legend .skill-legend-header-cell { text-align: center; font-weight: bold; border-left: 1px solid #000; border-top: 1px solid #000; background-color: #b0c4de; } .printable-legend .skill-legend-content-cell { text-align: left; border-left: 1px solid #000; border-top: 1px solid #000; padding: 4px; } .printable-legend .skill-legend-content-cell.last { border-right: 1px solid #000; } .printable-legend .skill-legend-header-cell.last { border-right: 1px solid #000; } .printable-legend .skill-legend-row { border-left: 1px solid #000; border-top: 1px solid #000; } .printable-legend .skill-legend-row.last { border-bottom: 1px solid #000; } .printable-page { margin-bottom: 30px; overflow-wrap: break-word; } .printable-page .header-container .header-report-title { text-align: center; font-size: 16px; font-weight: bold; } .printable-page .header-container .label-padding { padding-bottom: 0.625em; } .printable-page .header-container .table-info-label { font-weight: bold; } .printable-page .header-container .table-info-left { display: inline-block; } .printable-page .header-container .table-info-right { display: inline-block; float: right; } .printable-page .header-container .table-info-right .page-number-place-holder { text-align: right; } .printable-page .header-container .table-info-right .report-version-number { text-align: right; font-weight: bold; } .printable-page .header-container .table-info-filter-selections { display: block; padding-bottom: 1.25em; } .printable-page .header-container .table-info-bottom .filter-selection-text { margin-left: 4px; margin-right: 16px; } .printable-grid { display: -ms-grid; display: grid; } .printable-grid .segment-display-width-filler-sm { min-width: 128px; width: auto; } .printable-grid .segment-display-width-filler-md { min-width: 160px; width: auto; } .printable-grid .segment-display-width-filler-lg { min-width: 192px; width: auto; } .printable-grid .grid-item { border-top: 1px solid #000; border-left: 1px solid #000; } .printable-grid .grid-item .schedule-cell, .printable-grid .grid-item .dept-name, .printable-grid .grid-item .job-name, .printable-grid .grid-item .org-name { font-weight: 700; margin: 0px 1px 0px 1px; font-size: 11px; } .printable-grid .grid-item .schedule-cell .net-hours, .printable-grid .grid-item .dept-name .net-hours, .printable-grid .grid-item .job-name .net-hours, .printable-grid .grid-item .org-name .net-hours { display: inline-block; float: right; } .printable-grid .grid-item .schedule-mb-cell { font-size: 11px; } .printable-grid .grid-item .schedule-mb-cell .schedule-mb-mbtype { display: inline-block; } .printable-grid .grid-item .schedule-mb-cell .schedule-mb-time { display: inline-block; } .printable-grid .grid-item .schedule-segment-data-cell { padding: 2px; font-size: 11px; } .printable-grid .grid-item .schedule-segment-data-cell-item-sm { grid-template-columns: 14px 2px 112px; } .printable-grid .grid-item .schedule-segment-data-cell-item-md { grid-template-columns: 14px 2px 144px; } .printable-grid .grid-item .schedule-segment-data-cell-item-lg { grid-template-columns: 14px 2px 176px; } .printable-grid .grid-item .schedule-segment-data-cell-item { padding: 4px; display: grid; grid-template-rows: auto; } .printable-grid .grid-item .schedule-segment-data-cell-item-index { grid-column: 1/2; color: #3b7bc3; } .printable-grid .grid-item .schedule-segment-data-cell-item-space { margin-left: 4px; } .printable-grid .grid-item .schedule-segment-data-cell-item-details { border-left: 2px solid #3b7bc3; grid-column: 3/3; padding-left: 8px; } .printable-grid .grid-item .schedule-activity-cell { font-size: 11px; } .printable-grid .grid-item .schedule-activity-cell .schedule-activity-name { display: inline-block; } .printable-grid .grid-item .schedule-activity-cell .schedule-activity-time { display: inline; } .printable-grid .grid-item .schedule-scheduletransfer-cell { font-size: 11px; } .printable-grid .grid-item .schedule-scheduletransfer-cell .schedule-scheduletransfer-name { display: inline-block; } .printable-grid .grid-item .schedule-scheduletransfer-cell .schedule-scheduletransfer-time { display: inline-block; } .printable-grid .grid-item .empty-cell { margin: 0 auto 0 auto; display: table; line-height: initial; } .printable-grid .grid-item .shift-definition-name, .printable-grid .grid-item .location-type, .printable-grid .grid-item .on-call-status { font-size: smaller; } .printable-grid .grid-item .seniority-date-cell { float: left; font-size: 11px; margin: 7px 1px 0px 1px; } .printable-grid .grid-item .holiday-cell-text { font-weight: bold; font-size: 11px; text-align: center; } .printable-grid .grid-item .row-total-hours { text-align: center; font-weight: bold; } .printable-grid .grid-item .expression-token-total-cell { font-size: 11px; text-align: left; display: inline-block; margin-left: 10px; } .printable-grid .grid-item .total-cell { font-weight: 700; margin-top: 7px; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .printable-grid .grid-item .end-total-cell { font-weight: 700; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .printable-grid .grid-item .schedule-manager-comment { display: inline-block; font-size: 11px; word-break: break-word; word-wrap: break-word; max-width: 100%; } .printable-grid .grid-item .tafw-cell, .printable-grid .grid-item .free-day-cell { font-weight: 700; margin: 0px 1px 0px 1px; text-align: center; font-size: 11px; } .printable-grid .grid-item .employeeNameHeaderCell, .printable-grid .grid-item .dateHeaderCell, .printable-grid .grid-item .totalHeaderCell, .printable-grid .grid-item .seniorityDateHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; } .printable-grid .grid-item .totalHeaderCell { writing-mode: tb-rl; height: 90px; } .printable-grid .grid-item .employeeNameCell { display: inline-block; margin-left: 1px; font-size: 11px; } .printable-grid .grid-item .rowTotalHeaderCell { font-weight: bold; font-size: 11px; } .printable-grid .grid-item .rowKpiHeaderCell { font-size: 10px; } .printable-grid .grid-item .employee-skills-display { padding: 4px; } .printable-grid .grid-item .employee-skills-display .employee-skills-display-item { font-size: 10px; } .printable-grid .grid-item.holiday-item { background-color: #d0d4d7; } .printable-grid .grid-item.midnight-shift-item { background-color: #b3c3dd; } .printable-grid .grid-item.header { background-color: #b0c4de; } .printable-grid .grid-item.header.holiday-item { background-color: #d0d4d7; } .printable-grid .last-column-grid-item { border-right: 1px solid #000; } .printable-grid .last-row-grid-item { border-bottom: 1px solid #000; } .groupByHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; background-color: #b0c4de; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } @media print { .printable-legend { page-break-before: always; border-collapse: collapse; border: 2px solid #000; width: 50%; font-size: 11px; } .printable-legend .printable-legend-employee-column { width: 30%; } .printable-legend .printable-legend-skill-column { width: 70%; } .printable-legend .skill-legend-header-cell { text-align: center; font-weight: bold; border-left: 2px solid #000; border-top: 2px solid #000; background-color: #b0c4de; } .printable-legend .skill-legend-content-cell { text-align: left; border-left: 2px solid #000; border-top: 2px solid #000; padding: 4px; } .printable-legend .skill-legend-content-cell.last { border-right: 2px solid #000; } .printable-legend .skill-legend-header-cell.last { border-right: 2px solid #000; } .printable-legend .skill-legend-row { border-left: 2px solid #000; border-top: 2px solid #000; } .printable-legend .skill-legend-row.last { border-bottom: 2px solid #000; } .table-no-break { page-break-inside: avoid !important; } .group-page-break { page-break-before: always; } .printable-page-no-break { page-break-after: avoid !important; } .printable-page { margin-bottom: 30px; overflow-wrap: break-word; } .printable-page .header-container .header-report-title { display: none; } .printable-page .header-container .table-info-label { font-weight: bold; } .printable-page .header-container .label-padding { padding-bottom: 0.625em; } .printable-page .header-container .hide-table-info { display: none; } .printable-page .header-container .table-info-left { display: inline-block; } .printable-page .header-container .table-info-right { display: inline-block; float: right; } .printable-page .header-container .table-info-right .page-number-place-holder { text-align: right; } .printable-page .header-container .table-info-filter-selections { padding-bottom: 1.25em; display: block; } .printable-page .header-container .table-info-bottom .filter-selection-text { margin-left: 4px; margin-right: 16px; } .printable-grid { display: -ms-grid; display: grid; } .printable-grid .segment-display-width-filler-sm { min-width: 128px; width: auto; } .printable-grid .segment-display-width-filler-md { min-width: 160px; width: auto; } .printable-grid .segment-display-width-filler-lg { min-width: 192px; width: auto; } .printable-grid .grid-item { border-top: 1px solid #000; border-left: 1px solid #000; } .printable-grid .grid-item .schedule-cell, .printable-grid .grid-item .dept-name, .printable-grid .grid-item .job-name, .printable-grid .grid-item .org-name { font-weight: 700; margin: 0px 1px 0px 1px; font-size: 11px; } .printable-grid .grid-item .schedule-cell .net-hours, .printable-grid .grid-item .dept-name .net-hours, .printable-grid .grid-item .job-name .net-hours, .printable-grid .grid-item .org-name .net-hours { display: inline-block; float: right; } .printable-grid .grid-item .schedule-mb-cell { font-weight: 700; } .printable-grid .grid-item .schedule-mb-cell .schedule-mb-mbtype { display: inline-block; font-size: 11px; } .printable-grid .grid-item .schedule-mb-cell .schedule-mb-time { display: inline-block; font-size: 11px; } .printable-grid .grid-item .schedule-segment-data-cell { display: inline-block; padding: 2px; font-size: 11px; } .printable-grid .grid-item .schedule-segment-data-cell-item-sm { grid-template-columns: 14px 2px 112px; } .printable-grid .grid-item .schedule-segment-data-cell-item-md { grid-template-columns: 14px 2px 144px; } .printable-grid .grid-item .schedule-segment-data-cell-item-lg { grid-template-columns: 14px 2px 176px; } .printable-grid .grid-item .schedule-segment-data-cell-item { padding: 4px; display: grid; grid-template-rows: auto; } .printable-grid .grid-item .schedule-segment-data-cell-item-index { grid-column: 1/2; color: #3b7bc3; } .printable-grid .grid-item .schedule-segment-data-cell-item-space { margin-left: 4px; } .printable-grid .grid-item .schedule-segment-data-cell-item-details { border-left: 2px solid #3b7bc3; padding-left: 8px; } .printable-grid .grid-item .schedule-activity-cell .schedule-activity-name { display: inline-block; font-size: 11px; } .printable-grid .grid-item .schedule-activity-cell .schedule-activity-time { display: inline; font-size: 11px; } .printable-grid .grid-item .empty-cell { margin: 0 auto 0 auto; display: table; line-height: initial; } .printable-grid .grid-item .shift-definition-name, .printable-grid .grid-item .location-type, .printable-grid .grid-item .on-call-status { font-size: smaller; } .printable-grid .grid-item .seniority-date-cell { float: left; font-size: 11px; margin: 7px 1px 0px 1px; } .printable-grid .grid-item .holiday-cell-text { font-weight: bold; font-size: 11px; text-align: center; } .printable-grid .grid-item .row-total-hours { text-align: center; font-weight: bold; } .printable-grid .grid-item .total-cell { font-weight: 700; margin-top: 7px; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .printable-grid .grid-item .end-total-cell { font-weight: 700; display: inline-block; width: 100%; text-align: center; font-size: 11px; } .printable-grid .grid-item .schedule-manager-comment { display: inline-block; font-size: 11px; word-break: break-word; word-wrap: break-word; max-width: 100%; } .printable-grid .grid-item .tafw-cell { font-weight: 700; margin: 0px 1px 0px 1px; text-align: center; font-size: 11px; } .printable-grid .grid-item .employeeNameHeaderCell, .printable-grid .grid-item .dateHeaderCell, .printable-grid .grid-item .totalHeaderCell, .printable-grid .grid-item .seniorityDateHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; } .printable-grid .grid-item .totalHeaderCell { writing-mode: tb-rl; height: 90px; font-size: 12px; } .printable-grid .grid-item .employeeNameCell { display: inline-block; margin-left: 1px; font-size: 11px; } .printable-grid .grid-item .rowTotalHeaderCell { font-weight: bold; font-size: 11px; } .printable-grid .grid-item .rowKpiHeaderCell { font-size: 10px; } .printable-grid .grid-item.holiday-item { background-color: #d0d4d7; } .printable-grid .grid-item.midnight-shift-item { background-color: #b3c3dd; } .printable-grid .grid-item.header { background-color: #b0c4de; } .printable-grid .grid-item.header.holiday-item { background-color: #d0d4d7; } .printable-grid .last-column-grid-item { border-right: 1px solid #000; } .printable-grid .last-row-grid-item { border-bottom: 1px solid #000; } .groupByHeaderCell { display: inline-block; font-weight: bold; font-size: 12px; width: 100%; height: 100%; text-align: center; background-color: #b0c4de; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } } .bootstrap.progress { height: 12px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 2px; border-radius: 2px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .bootstrap.progress-info .bar, .bootstrap.progress .bar-info { background-color: #5ab2ff; background-image: -webkit-linear-gradient(top, #5ab2ff, #3898ff); background-image: -moz-linear-gradient(top, #5ab2ff, #3898ff); background-image: -o-linear-gradient(top, #5ab2ff, #3898ff); background-image: -ms-linear-gradient(top, #5ab2ff, #3898ff); background-image: linear-gradient(to bottom, #5ab2ff, #3898ff); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5ab2ff',endColorstr='#ff3898ff',GradientType=0); } .claro .dgrid-cell .dijitProgressBar { line-height: 18px; } .dijitRadioMenu.dijitMenu .dijitMenuItem { background-image: none; border: none; line-height: 20px; color: #08c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; background-color: #fff; } .dijitRadioMenu.dijitMenu .dijitMenuItem.dijitMenuItemHover { background-color: #f5f5f5; color: #005580; } .dijitRadioMenu.dijitMenu .dijitMenuItem.dijitRadioMenuItemSelected { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); background-color: #08c; } .dijitRadioMenu.dijitMenu .dijitMenuItem.dijitRadioMenuItemSelected .dijitMenuItemLabel { border-bottom: 1px solid #08c; } .dijitRadioMenu.dijitMenu { -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065); box-shadow: 0 1px 4px rgba(0,0,0,0.065); } .RelativeDatePicker .DateRange { width: 60px; } .RelativeDatePicker .DateUnit { width: 200px; } .reportCard { position: relative; font-size: 12px; } .reportCardWidth1, .reportCardWidth2 { width: 100%; } .reportCardNoPadding .dijitTooltipContainer { padding: 1px; -webkit-box-shadow: 0 1px 40px rgba(0,0,0,0.25); box-shadow: 0 1px 40px rgba(0,0,0,0.25); -webkit-border-radius: 5px; border-radius: 5px; border-color: #c3c3c3; } .reportCardNoPadding .dijitTooltipFocusNode { padding: 0; } .reportCardNoPadding .dijitTooltipConnector { display: none; } .reportCard .closeButton { position: absolute; top: 2px; right: 2px; cursor: pointer; } .reportCard .Icon_CloseTooltip { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat 0 0; width: 22px; height: 22px; } .reportCard .reportCardHeader { width: 100%; background-color: #fff; display: table; color: #000; padding-top: 5px; } .reportCard .reportCardHeader > * { display: table-cell; vertical-align: middle; margin-top: 5px; margin-left: 5px; margin-right: 8px; float: left; } .reportCard .reportCardHeader .reportCardHeaderIcon { margin-left: 10px; margin-right: 3px; width: 7%; float: left; } .reportCard .reportCardHeader .reportCardHeaderInfo { vertical-align: middle; margin-top: 4px; margin-left: 3px; margin-right: 8px; width: 80%; float: left; } .reportCard .reportCardHeader .reportCardHeaderInfo .reportName { font-size: 20px; color: #0c84d7; } .reportCard .reportCardHeader .Icon_Report { margin-top: 6px; margin-left: 10px; margin-right: 10px; } .reportCard .reportActionBar { height: 32px; background-color: #0355b2; color: #fff; width: 100%; text-align: left; } .reportCard .reportActionBar .reportActionBarButton { float: left; } .reportCard .reportActionBar .reportActionBarButton > * { float: left; } .reportCard .reportActionBar .reportActionBarButton { margin-left: 10px; margin-right: 10px; display: inline-block; overflow: hidden; text-align: left; } .reportCard .reportActionBar .reportActionBarButton > * { float: left; margin: 5px 5px 5px 0; } .hidden { display: none; } .reportCard .reportActionBar .Label { margin-left: 5px; margin-right: 5px; margin-top: 8px; cursor: pointer; font-size: 13px; } .reportCard .reportActionBar .Label:hover { text-decoration: underline; } .reportCard .reportActionBar > * > * { float: left; } .reportCard .reportCardProfile .reportCardProfilePane { padding: 0; overflow-x: hidden; position: relative; } .reportCard .reportCardProfile [data-label]::before, .reportCard .reportCardEarnings [data-label]::before { content: attr(data-label); font-weight: 600; width: 110px; color: #000; cursor: auto; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .reportCard [data-empty-label]:empty::before { content: attr(data-empty-label); font-size: 10px; } .reportCard .dijitTabContainer.horizontal>.dijitTabController>.dijitTab>.tabLabel { font-size: 13px; } .reportCard .dijitTabContainer.horizontal>.dijitTabPaneWrapper { border-bottom: none; padding: 0; } .claro .reportCard .dijitAccordionTitleSelected .dijitAccordionArrow { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -24px 0; width: 24px; height: 24px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); padding-right: 0; } .claro .reportCard .dijitAccordionArrow { float: right; background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -24px 0; width: 24px; height: 24px; padding-right: 1px; } .claro .reportCard .dijitAccordionInnerContainer, .claro .reportCard .dijitAccordionInnerContainerSelected, .claro .reportCard .dijitAccordionInnerContainerActive { border: none; } .claro .reportCard .dijitAccordionText { font-weight: 700; vertical-align: middle; line-height: 24px; } .claro .reportCard .dijitAccordionInnerContainer:not(:first-of-type) { border-top: 1px solid #d3d3d3; } .claro .reportCard .dijitAccordionInnerContainerSelected .dijitAccordionTitle { border-bottom: 1px solid #d3d3d3; } .claro .reportCard .dijitAccordionInnerContainer .dijitAccordionChildWrapper, .claro .reportCard .dijitAccordionInnerContainerSelected .dijitAccordionChildWrapper { border: none; } .reportCard .fieldLabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; line-height: 22px; vertical-align: top; padding: 2px; } .reportCard .fieldValue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; vertical-align: top; padding: 2px; } .reportCard .Icon_View { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -96px 0; width: 24px; height: 24px; cursor: pointer; } .reportCard .Icon_Filters { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -216px -48px; width: 24px; height: 24px; } .reportCard .Icon_Fields { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -240px -48px; width: 24px; height: 24px; } .reportCard .Icon_Preview { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -264px -48px; width: 24px; height: 24px; } .reportCard .Icon_Output { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -288px -48px; width: 24px; height: 24px; } .reportCard .Icon_Details { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -312px -48px; width: 24px; height: 24px; } .reportCard .Icon_EditButton { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -336px -48px; width: 24px; height: 24px; } .reportCard .Icon_CopyButton { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -216px -72px; width: 24px; height: 24px; } .reportCard .Icon_RunButton { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -360px -48px; width: 24px; height: 24px; } .reportCard .ReportCardIcon { background: url("../../Framework/images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -349px -96px; width: 51px; height: 51px; } .reportCardPrevew .ExpanderControl .ExpanderTitleInner { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; } .reportCard .ButtonDisabled { background-color: #1162c2; } .reportCard .FilterErrorMessage { color: #da0013; } .claro .ReportParamPanel .ReportParamForm { position: relative; min-height: 200px; min-width: 250px; } .claro .ReportParamPanel .StandardParamsPane { padding-top: 15px; padding-bottom: 15px; overflow: auto; position: relative; left: 0; right: 0; bottom: 0; padding: 2px; } .claro .ReportParamPanel .CustomParamsPane { padding-top: 15px; padding-bottom: 15px; overflow: auto; padding: 2px; } .claro .ReportParamPanel .StandardParamsPane .DescriptionPane, .claro .ReportParamPanel .StandardParamsPane .FormatPane { margin: 10px 10px; font-size: 13px; border-top: 1px solid #b5bcc7; } .claro .ReportParamPanel .ParamLabel { display: block; padding: 5px 0px; } .claro .ReportParamPanel .bold { font-weight: bold; } .claro .ReportParamPanel .dijitTextBox.dijitTextArea, .claro .ReportParamPanel .dayforceTextArea, .claro .ReportParamPanel .dijitEditor { height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .claro .ReportParamPanel .validationPane .dgrid-column-message[role='gridcell'] { white-space: pre-wrap; } .ReportParams-StandardParamsDiv { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #c7bebe; overflow: auto; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; } .ReportParams-table-valueCell-0, .ReportParams-table-valueCell-1, .ReportParams-table-valueCell-2 { width: 150px; } .ReportParams-labelCell { width: 1px; } .ReportParams-table-valueCell-3 { width: 100px; } .AdHocReportParametersForm .MultiEntitySelector { max-width: 400px; } .AdHocReportParametersForm { position: relative; min-height: 400px; min-width: 250px; } .AdHocReportClass .ReportParams-table-labelCell, .AdHocReportClass .ReportParams-table-valueCell { vertical-align: middle; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid .dgrid-expando-icon { margin-top: 12px; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid > .dgrid-header.dgrid-header-scroll { display: none; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid > .dgrid-header.dgrid-header-row { z-index: 1; border-bottom: 1em; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid > .dgrid-header.dgrid-header-row th { /*color: #696969;*/ background-color: transparent; border-right: 1px solid #ddd; text-align: center; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid > .dgrid-scroller { margin-top: 0 !important; padding-top: 5px; padding-bottom: 10px; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid .dgrid-row { border-bottom: 1em; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid .dgrid-row.dgrid-row-even:not(.dgrid-selected) { background-color: transparent; /* disable alternating colors */ } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid .dgrid-cell { border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; font-size: 0.9em; color: #111; vertical-align: middle; } .MyReports .dgrid-rbParameterGrid.dgrid.dgrid-grid td.dgrid-cell > a { font-size: 1.1em; } .MyReports .rbParameterFityPercent { width: 50%; } .MyReports .rbParameterSectionHeader { color: #4071d8; font-size: 14px; font-weight: 500; } .MyReports .rbParameterMandatoryStar { color: #f00; font-size: 14px; content: "*"; } .MyReports .previewGridHeader { width: 100%; padding-top: 3px; } .MyReports .filterGroupMiddle { border-left: solid 2px #1162c2; -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; margin-left: 20%; height: 100%; min-height: 28px; } .MyReports .filterGroupMiddleTopOnly { /*background-color: #CEE4F9;*/ border-left: solid 2px #1162c2; /*width: 30%;*/ -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; /*height:89%;*/ margin-left: 20%; min-height: 26px; height: 100%; margin-top: 10%; /*border-bottom:solid 0px black; border-top:solid 0px black;*/ /*width: 24px !important; height: 24px;*/ } .MyReports .filterGroupMiddleBottomOnly { /*background-color: #CEE4F9;*/ border-left: solid 2px #1162c2; /*width: 30%;*/ -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; /*height:89%;*/ margin-left: 20%; min-height: 22px; height: 85%; /*border-bottom:solid 0px black; border-top:solid 0px black;*/ /*width: 24px !important; height: 24px;*/ } .MyReports .filterGroupMiddleTopAndBottom { /*background-color: #CEE4F9;*/ border-left: solid 2px #1162c2; /*width: 30%;*/ -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; /*height:89%;*/ margin-left: 20%; min-height: 26px; height: 100%; /*border-bottom:solid 0px black; border-top:solid 0px black;*/ /*width: 24px !important; height: 24px;*/ } .MyReports .filterGroupTop { border-top: solid 2px #1162c2; /*background: url('../../Framework/images/reporting_sprites.png?v=64.1.2.14510&') no-repeat -22px -95px;*/ } .MyReports .filterGroupBottom { border-bottom: solid 2px #1162c2; } .MyReports .filterGroupCell { border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0; background: #fff; } .MyReports .parameterFilterGenericLayout { display: block; overflow-x: hidden; overflow-y: auto; max-height: 100%; width: 100%; white-space: normal; padding-left: 2px; } .MyReports .parameterFilterDateTimeLayout { display: block; overflow-x: hidden; overflow-y: hidden; max-height: 100%; width: 100%; white-space: normal; padding-left: 2px; margin-left: -2px; } .MyReports .genericEntitySelectorLayout { display: block; overflow-x: hidden; overflow-y: auto; max-height: 100%; width: 100.5%; white-space: normal; margin-left: -4px; } .MyReports .orgUnitLayout { display: block; max-height: 100%; width: 87%; padding-left: 1.5px; margin-left: -1px; } .claro .orgPickerDialogFront { z-index: 1000 !important; } .claro .advancedEmployeePickerDialogFront { z-index: 1000 !important; } .MyReports .orgUnitLayoutFilters { display: block; max-height: 100%; padding-left: 1.5px; margin-left: -1px; } .MyReports .employeeSelectorLayout { display: block; max-height: 100%; margin-left: -2px; } .MyReports .booleanSelectorLayout { display: block; overflow-x: hidden; overflow-y: auto; max-height: 100%; width: 100.5%; white-space: normal; margin-left: -2px; } .MyReports .PayrunLayout, .MyReports .PayrunLayoutStandAloneParameter, .MyReports .MediumSizePayRun { display: block; overflow-x: hidden; overflow-y: auto; max-height: 100%; width: 101.5%; white-space: normal; margin-left: -2px; } .MyReports .PayrunLayout .EntitySelector { width: 100px; } .MyReports .PayrunLayout .PayPeriodSelector { width: 170px; } .reportCardNoPadding .MyReports .PayrunLayout .EntitySelector { width: 108px; } .reportCardNoPadding .MyReports .PayrunLayout .PayPeriodSelector { width: 200px; } .MyReports .MediumSizePayRun .PayGroupSelectorWrapper { width: 39%; } .MyReports .MediumSizePayRun .PayPeriodSelectorWrapper { width: 59%; } .MyReports .MediumSizePayRun .EntitySelector { width: calc(100% - 60px); } .MyReports .MediumSizePayRun .PayPeriodSelector { width: calc(100% - 81px); } .MyReports .PayrunLayoutStandAloneParameter .EntitySelector { width: 150px; } .MyReports .PayrunLayoutStandAloneParameter .PayPeriodSelector { width: 255px; } .MyReports .dateWithinLayout { display: block; overflow-x: hidden; overflow-y: auto; max-height: 100%; white-space: normal; margin-left: -2px; min-height: 30px; } .MyReports .dateWithinLayout .dijitTextBox { max-height: 100%; width: 200px; margin-left: 0px; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.SimpleSelectAllMixin .SelectAllWrapper { padding: 5px 12px; background: #e9e9e9; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.SimpleSelectAllMixin .SelectAllWrapper label { vertical-align: middle; padding-left: 2px; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.SimpleSelectAllMixin .ListBoxRow .DayforceCheckBox { padding-right: 4px; } .EntitySelectorDropDownPopup.DropDownHostBelow .MultiEntitySelectorDropDown.SimpleSelectAllMixin .dijitContentPane { padding-top: 2px; } .MyReports .dateBetweenLayout { display: block; overflow-x: hidden; overflow-y: hidden; max-height: 100%; white-space: normal; margin-left: -2px; min-height: 30px; padding-left: 2px; padding-right: 2px; } .MyReports .dateBetweenLayout .dijitDateTextBox { width: 100%; } .MyReports .AlignParameterStarCenter { vertical-align: center !important; } .MyReports .AlignParameterStarTop { vertical-align: top !important; } .pivotInfoInCustomPreview { width: 65rem; } .pivotInfoInCustomPreview .pivotInfoTable { padding-bottom: 2rem; } .pivotInfoInCustomPreview .pivotInfoTable .readOnlyPivotInfoHeader { font-weight: bold; } .pivotInfoInCustomPreview .pivotInfoTable .readOnlyPivotValueGrid { border-width: 0.1rem 0 0 0; padding-bottom: 2rem; margin-top: 0.8rem; } .ReportsButton td.dijitMenuItemLabel { padding-left: 10px; padding-bottom: 5px; padding-top: 5px; padding-right: 20px; } .ReportsDialog .GridPanel { width: 80vw; height: 80vh; } .ReportsDialog .GridPanel:before { content: ''; display: table; } .ReportsDialog .GridPanel:after { content: ''; display: table; clear: both; } .ReportsDialog .ReportName { font-size: 2rem; color: #1e52bf; display: block; font-weight: 400; line-height: 0; } .ReportsDialog .ReportDescription { display: block; padding-top: 0.5rem; padding-bottom: 1rem; } .ReportsDialog .GridColumn { width: calc((99.99% * (2.2 / 10)) - (10rem / 10)); height: 100%; } .ReportsDialog .GridColumn:nth-child(1n) { float: left; margin-right: 1rem; clear: none; } .ReportsDialog .GridColumn:last-child { margin-right: 0; } .ReportsDialog .GridColumn:nth-child(0n) { float: right; } .ReportsDialog .GridColumn:nth-child(0n) { margin-right: 0; } .ReportsDialog .GridColumn:nth-child(0n + 1) { clear: left; } .ReportsDialog .GridColumn:nth-child(2) { width: calc((99.99% * (7.8 / 10)) - (10rem / 10)); height: 100%; } .ReportsDialog .GridColumn:nth-child(2):nth-child(1n) { float: left; margin-right: 1rem; clear: none; } .ReportsDialog .GridColumn:nth-child(2):last-child { margin-right: 0; } .ReportsDialog .GridColumn:nth-child(2):nth-child(0n) { float: right; } .ReportsDialog .GridColumn:nth-child(2):nth-child(0n) { margin-right: 0; } .ReportsDialog .GridColumn:nth-child(2):nth-child(0n + 1) { clear: left; } .ReportsDialog .PreviewSection { overflow: auto; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ReportsDialog .PreviewSection .ReportPanelLabel { width: 100%; height: 4.0495%; margin-bottom: 1rem; } .ReportsDialog .PreviewSection .ReportPanelLabel:last-child { margin-bottom: 0; } .ReportsDialog .PreviewSection .ReportPanelContainer { width: 100%; height: 89.891%; margin-bottom: 1rem; } .ReportsDialog .PreviewSection .ReportPanelContainer:last-child { margin-bottom: 0; } .ReportsDialog .centered { position: relative; width: 100%; height: 100%; background-color: #f8f8f8; color: #707070; font-size: 2rem; } .ReportsDialog .centered > * { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ReportsDialog .Icon_Info { display: inline-block; -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -o-transform: translate(0, 4px); -ms-transform: translate(0, 4px); transform: translate(0, 4px); zoom: 0.75; -moz-transform: scale(0.75) translateY(4px); } .ReportsDialog .ReportSearch { border-right: 0.1rem solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; height: 50px; } .ReportsDialog .ReportSearch .dfI_G08_Search.search-icon { font-size: 1.6rem; position: absolute; color: #707070; left: 2rem; } .ReportsDialog .ReportSearch .ReportSearchButton { width: calc(100% - 2rem); padding-left: 2rem; } .ReportsDialog .ReportSearch .ReportSearchButton input[type=text]::-ms-clear { display: none; width: 0; height: 0; } .ReportsDialog .ReportSearch .ReportSearchButton input[type=text]:-ms-input-placeholder { color: #808080; } .ReportsDialog .ReportList { overflow-y: scroll; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 0.1rem solid #ccc; border-top: 0.1rem solid #ccc; padding-top: 1rem; padding-right: 1rem; height: calc(99.999999% - 50px); } .ReportsDialog .ReportList .selectedRow { background: #b3d3fe !important; } .ReportsDialog .ReportList .SectionOpened { background: url("../../Framework/images/chosen-sprite.png?v=64.1.2.14510&") no-repeat -60px -4px; width: 10px; height: 10px; display: inline-block; float: left; background-position: -1px -4px; vertical-align: middle; display: inline-block; -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -o-transform: translate(0, 4px); -ms-transform: translate(0, 4px); transform: translate(0, 4px); zoom: 1.2; -moz-transform: scale(1.2) translateY(4px); } .ReportsDialog .ReportList .SectionClosed { background: url("../../Framework/images/chosen-sprite.png?v=64.1.2.14510&") no-repeat -60px -4px; width: 10px; height: 10px; display: inline-block; float: left; background-position: -60px -4px; vertical-align: middle; display: inline-block; -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -o-transform: translate(0, 4px); -ms-transform: translate(0, 4px); transform: translate(0, 4px); zoom: 1.2; -moz-transform: scale(1.2) translateY(4px); } .ReportsDialog .ReportList .ListContainer { padding-left: 1rem; padding-top: 1rem; padding-bottom: 1rem; margin-top: -0.3rem; margin-bottom: 0.5rem; } .ReportsDialog .ReportList .ListContainer .SectionOpened { background: url("../../Framework/images/chosen-sprite.png?v=64.1.2.14510&") no-repeat -60px -4px; width: 10px; height: 10px; display: inline-block; float: left; background-position: -1px -4px; vertical-align: middle; display: inline-block; -webkit-transform: translate(0, 2.5px); -moz-transform: translate(0, 2.5px); -o-transform: translate(0, 2.5px); -ms-transform: translate(0, 2.5px); transform: translate(0, 2.5px); zoom: 1.2; -moz-transform: scale(1.2) translateY(2.5px); } .ReportsDialog .ReportList .ListContainer .SectionClosed { background: url("../../Framework/images/chosen-sprite.png?v=64.1.2.14510&") no-repeat -60px -4px; width: 10px; height: 10px; display: inline-block; float: left; background-position: -60px -4px; vertical-align: middle; display: inline-block; -webkit-transform: translate(0, 2.5px); -moz-transform: translate(0, 2.5px); -o-transform: translate(0, 2.5px); -ms-transform: translate(0, 2.5px); transform: translate(0, 2.5px); zoom: 1.2; -moz-transform: scale(1.2) translateY(2.5px); } .ReportsDialog .ReportList .ReportListRow { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 2rem; padding-bottom: 0.25rem; padding-top: 0.25rem; } .ReportsDialog .ReportList .ReportListRow .ButtonCtrl { white-space: normal; overflow: hidden; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ReportsDialog .ReportList .ReportListRowHeader { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; font-size: 1.3rem; cursor: pointer; vertical-align: middle; } .ReportsDialog .ReportList .ReportLink { font-size: 1.1rem; cursor: pointer; vertical-align: middle; } .ReportsDialog .ReportList .ClientIdZero { color: #666; } .ReportsDialog .ReportListHeader { font-weight: bold; font-size: 1.4rem; } .ReportsDialog .TemplateReport_Icon { float: left; vertical-align: middle; background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -241px -75px; width: 27px; height: 25px; display: inline-block; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); zoom: 0.8; -moz-transform: scale(0.8) translateY(0px); } .ReportsDialog .AvailablePBI_Icon { float: left; vertical-align: middle; background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -404px -54px; width: 24px; height: 22px; display: inline-block; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); zoom: 0.8; -moz-transform: scale(0.8) translateY(0px); cursor: pointer; } .ReportsDialog .CustomReport_Icon { float: left; vertical-align: middle; background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -265px -74px; width: 27px; height: 25px; display: inline-block; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); zoom: 0.8; -moz-transform: scale(0.8) translateY(0px); } .ReportsDialog .DonePBI_Icon { float: left; vertical-align: middle; background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -404px -74px; width: 24px; height: 22px; display: inline-block; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); zoom: 0.8; -moz-transform: scale(0.8) translateY(0px); cursor: pointer; } .ReportsDialog .FixedReport_Icon { float: left; vertical-align: middle; background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -240px -107px; width: 27px; height: 25px; display: inline-block; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); zoom: 0.8; -moz-transform: scale(0.8) translateY(0px); } .ReportsDialog .ProcessingPBI_Icon { float: left; vertical-align: middle; background: url("../images/reporting_sprites.png?v=64.1.2.14510&") no-repeat -383px -73px; width: 24px; height: 22px; display: inline-block; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); zoom: 0.8; -moz-transform: scale(0.8) translateY(0px); cursor: pointer; } .user-is-tabbing .ReportsDialog .ReportList .sectionHeader:focus { outline: 2px solid #0087fd; margin-left: 5px; } .user-is-tabbing .ReportsDialog .ReportList .ReportListRowHeader:focus { outline: 2px solid #0087fd; } .user-is-tabbing .ReportsDialog .ReportList .ReportListRow:focus { outline: 2px solid #0087fd; } .ReportsDialog .ReportList .ReportsItemList { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .ReportsDialog .ReportList .HelpIconFocus:focus { outline: 2px solid #0087fd; } .LimitationMessageCloseButton:focus { outline: 2px solid #0087fd; } .claro .ScheduleReportsControl { overflow: auto; height: 100%; } .claro .ScheduleReportsControl .validationPane { margin: 0px 5px; } .claro .ScheduleReportsControl .ScheduleParams { padding: 10px 0px 10px 15px; width: 300px; } .claro .ScheduleReportsControl .ScheduleParams .tableContainer-labelCell { font-weight: 600; } .claro .ScheduleReportsControl .ScheduleParams .dijitTableLayout { width: 100%; } .claro .ScheduleReportsControl .Divider { border-bottom: 1px solid #c3c3c3; margin-right: 15px; } .claro .ScheduleReportsControl .RecurrenceParams { padding-top: 10px; } .claro .ScheduleReportsControl .RecurrenceParams .EntitySelector { min-width: 0px; } .claro .ScheduleReportsControl .RecurrenceParams .BoldLabel { display: block; padding-bottom: 3px; font-weight: 600; } .claro .ScheduleReportsControl .RecurrenceParams .CheckBoxes { margin-top: 20px; } .claro .ScheduleReportsControl .RecurrenceParams .DayforceCheckBox { display: block; } .claro .ScheduleReportsControl .RecurrenceParams .ColumnOne, .claro .ScheduleReportsControl .RecurrenceParams .ColumnTwo { width: 50%; display: inline-block; } .claro .ScheduleReportsControl .RecurrenceParams .ColumnOne { float: left; } .claro .ScheduleReportsControl .RecurrenceParams.DailySelected .MonthlyRecurrence, .claro .ScheduleReportsControl .RecurrenceParams.WeeklySelected .MonthlyRecurrence, .claro .ScheduleReportsControl .RecurrenceParams.DailySelected .WeeklyRecurrence, .claro .ScheduleReportsControl .RecurrenceParams.MonthlySelected .WeeklyRecurrence { display: none; } .claro .ScheduleReportsControl .RecurrenceParams .MonthlyRecurrence, .claro .ScheduleReportsControl .RecurrenceParams .WeeklyRecurrence, .claro .ScheduleReportsControl .RecurrenceParams .CommonRecurrence { margin-right: 15px; margin-bottom: 5px; } .claro .ScheduleReportsControl .ReportParams .ReportParams-StandardParamsDiv { border-bottom: none; } .claro .ScheduleReportsControl .ReportParams .ReportParams-StandardParamsDiv { border-top: 1px solid #c3c3c3; } .claro .ScheduleReportsControl .ReportParams .ReportParamsContent { height: 100%; } .claro .ScheduleReportsControl .ReportParams .AdHocReportParametersForm { min-height: 300px; } .claro .ScheduleReportsControl .ScheduleParamHeading, .claro .ScheduleReportsControl .ReportParamHeading { display: block; border-bottom: 1px solid #c3c3c3; font-size: 14px; padding-bottom: 5px; color: #6e6e6e; display: none; } @media (max-device-width: 768px) { .claro .ScheduleReportsControl .ScheduleParams { width: 150px; } } .claro .dijitTextareaError > textarea { border-color: #d46464; } .SkipLinksBar { width: 100%; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 99999; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .SkipLinksBar.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } body.FeatureMenuOpen .SkipLinksBar { padding-left: 230px; } .SkipLinksBar a { position: absolute; top: -9999em; left: -9999em; padding: 6px 12px; border: 2px solid #fff503; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff503; color: #000; font-weight: bold; text-decoration: none; outline: none; } .SkipLinksBar a:hover { text-decoration: underline; } .SkipLinksBar a:focus { position: relative; top: auto; left: auto; } .NewFeatureUI .slideOutPanel .slideOutPanel-slider { /* leave space for feature toolbar */ margin-top: 5.6rem; } .slideOutPanel .slideOutPanel-slider { position: fixed; top: 0; bottom: 0; max-height: 100%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; } .slideOutPanel .slideOutPanel-slider.opened { /* disable transitions when opened to avoid ugly animations in multi-children case */ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .slideOutPanel .slideOutPanel-slider.slideout-right { left: 100%; /* the property to animate on */ -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; } .slideOutPanel .slideOutPanel-slider.slideout-left { right: 100%; /* the property to animate on */ -webkit-transition-property: right; -moz-transition-property: right; -o-transition-property: right; -ms-transition-property: right; transition-property: right; } .slideOutPanel .slideOutPanel-slider .panelShadowBox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; } .slideOutPanel .slideOutPanel-slider.opened .panelShadowBox { display: block; z-index: 934; /* same as underlay */ } .slideOutPanel .slideOutPanel-slider.slideout-left.opened .panelShadowBox { -webkit-box-shadow: 5px 10px 15px rgba(80,80,80,0.45); box-shadow: 5px 10px 15px rgba(80,80,80,0.45); } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .panelShadowBox { -webkit-box-shadow: -5px 10px 15px rgba(80,80,80,0.45); box-shadow: -5px 10px 15px rgba(80,80,80,0.45); } .slideOutPanel .slideOutPanel-slider .contentWrapper { position: relative; padding: 10px; height: 100%; background-color: #fff; border: 1px solid #bebebe; display: inline-block; z-index: 932; /* default state one below the new feature menu */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slideOutPanel .slideOutPanel-slider.closed .hookContainer, .slideOutPanel .slideOutPanel-slider.closed .contentWrapper { display: none; /*to avoid any IE page shifting issues */ } .slideOutPanel .slideOutPanel-slider.slideout-right .contentWrapper { float: right; } .slideOutPanel .slideOutPanel-slider.slideout-left .contentWrapper { float: left; } .slideOutPanel .slideOutPanel-slider .contentWrapper .containerNode { /* only want to make the content scrollable, keep header pinned */ overflow: auto; -webkit-overflow-scrolling: touch; position: relative; /* so that child that is absolutely positioned, is absolute inside the container */ /* max-width computed and set at runtime/on resize because IE8 doesn't like max-width:100% when the containing element has no width explicitly set (treats max-width as 0) */ /* max-height needs to be computed because of the space header node takes; ie it is < 100% */ } .slideOutPanel-underlay { position: absolute; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); filter: alpha(opacity=50); /* new feature menu is 933; this needs to be above it */ z-index: 934; } .slideOutPanel-underlay.closed { top: -100%; } .slideOutPanel .slideOutPanel-slider .contentWrapper .headerNode { height: 40px; border-bottom: solid 1px #eee; padding-top: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slideOutPanel .slideOutPanel-slider .contentWrapper .headerNode .titleText { position: relative; /*in case a child node has position:absolute, we want that to be absolute-inside-relative*/ font-weight: 600; font-size: 1.2em; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .slideOutPanel .slideOutPanel-slider .innerWrapper { display: block; position: relative; height: 100%; max-height: 100%; max-width: 100%; } .slideOutPanel .slideOutPanel-slider.opened .innerWrapper .hookContainer, .slideOutPanel .slideOutPanel-slider.opened .innerWrapper .contentWrapper { /* new feature menu is 933; underlay is 934; this needs to be above both */ /* put it on top after it is opened so that user cannot interact with it while in transition */ z-index: 935; } .slideOutPanel .slideOutPanel-slider.opened.noUnderlay .panelShadowBox, .slideOutPanel .slideOutPanel-slider.opened.noUnderlay .innerWrapper .hookContainer, .slideOutPanel .slideOutPanel-slider.opened.noUnderlay .innerWrapper .contentWrapper { /* if there is no underlay, it is possible to open another slide out panel at the same time (e.g. message centre, global search), we need to make sure those with the underlay render on top of those without...so make it the same as feature meanu; 931 is below the message centre; allows unpinned feature toolbar to open on top of the panel */ z-index: 931; } .slideOutPanel .slideOutPanel-slider .hookContainer { position: absolute; display: inline-block; width: 36px; height: 56px !important; background: url("../images/SlideOutPanelHook_sprites.png?v=64.1.2.14510&") no-repeat; cursor: pointer; /* absolute-inside-relative-with-relative-sibling: the sibling is above the hookContainer making shadow in image visible while in transition; this gets around that problem as well as another problem of hook animating over a pinned feature menu */ z-index: 931; } .slideOutPanel .slideOutPanel-slider .hookContainer .tab0 { width: 37px; height: 50px; background: url("../images/SlideOutPanelHook_sprites.png?v=64.1.2.14510&") no-repeat; cursor: pointer; } .slideOutPanel .slideOutPanel-slider .hookContainer .tab1, .slideOutPanel .slideOutPanel-slider .hookContainer .tab2 { width: 37px; height: 50px; background: url("../images/SlideOutPanelHook_sprites.png?v=64.1.2.14510&") no-repeat; cursor: pointer; } .slideOutPanel .slideOutPanel-slider .hookContainer .tab1, .slideOutPanel .slideOutPanel-slider .hookContainer .tab3 { width: 37px; height: 50px; background: url("../images/SlideOutPanelHook_sprites.png?v=64.1.2.14510&") no-repeat; cursor: pointer; } .slideOutPanel .slideOutPanel-slider.closed.hookVisible .hookContainer { /* so that it is not visible when a panel with no underlay is opened, since the z-index of panel in that case is 931 */ z-index: 930; display: inline-block; } .slideOutPanel .slideOutPanel-slider .hookContainer.disabled { cursor: auto; } .slideOutPanel .slideOutPanel-slider.slideout-left .hookContainer { right: 0; top: 0; background-position: 0 -5px; } .slideOutPanel .slideOutPanel-slider.slideout-right .hookContainer { left: 1px; top: 0; background-position: 0 -134px; } .slideOutPanel .slideOutPanel-slider.slideout-left.opened .hookContainer { background-position: 0 -70px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer { background-position: 0 -200px; } .slideOutPanel .slideOutPanel-slider.slideout-right .hookContainer .tab0 { left: 0; top: 0; background-position: 0 -134px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab0 { background-position: 0 -264px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab0.selected { background-position: 0 -264px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab1, .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab2 { background-position: 0 -313px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab1, .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab3 { background-position: 0 -313px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab1.selected, .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab2.selected { background-position: 0 -433px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab1.selected, .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer .tab3.selected { background-position: 0 -433px; } .dj_ie8 .NewFeatureUI.FeatureMenuOpen .slideOutPanel .slideOutPanel-slider.slideout-left, .slideOutPanel .slideOutPanel-slider.slideout-left.hookVisible { margin-right: 0; } .dj_ie8 .NewFeatureUI.FeatureMenuOpen .slideOutPanel .slideOutPanel-slider.slideout-left.closed.hookVisible, .NewFeatureUI.FeatureMenuOpen .slideOutPanel .slideOutPanel-slider.slideout-left { margin-right: -230px; } .slideOutPanel .slideOutPanel-slider.slideout-left.hookVisible.closed .innerWrapper .hookContainer, .NewFeatureUI.FeatureMenuOpen .slideOutPanel .slideOutPanel-slider.slideout-left.hookVisible.closed .innerWrapper .hookContainer { margin-right: -37px; } .slideOutPanel .slideOutPanel-slider.slideout-right.hookVisible { margin-left: 0; } .slideOutPanel .slideOutPanel-slider.slideout-right.hookVisible.closed .innerWrapper .hookContainer, .NewFeatureUI.FeatureMenuOpen .slideOutPanel .slideOutPanel-slider.slideout-right.hookVisible.closed .innerWrapper .hookContainer { margin-left: -36px; } .slideOutPanel .slideOutPanel-slider .innerWrapper .hookContainer:focus { background-position: -7px -200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body:not(.user-is-tabbing) .slideOutPanel .slideOutPanel-slider .innerWrapper .hookContainer:focus { border: none; background-position: 0px -200px; } .slideOutPanel .slideOutPanel-slider .hookContainer:focus .tab0 { background-position: -7px -134px; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .hookContainer:focus .tab0.selected { background-position: -7px -264px; } .slideOutPanel .slideOutPanel-slider.fixed-fullscreen .innerWrapper, .slideOutPanel .slideOutPanel-slider.fixed .innerWrapper { width: 100%; height: 100%; } .slideOutPanel .slideOutPanel-slider.slideout-left.opened .panelShadowBox, .slideOutPanel .slideOutPanel-slider.slideout-left.fixed-fullscreen .innerWrapper .contentWrapper, .slideOutPanel .slideOutPanel-slider.slideout-left.fixed .innerWrapper .contentWrapper, .slideOutPanel .slideOutPanel-slider.slideout-left.fixed-percent .innerWrapper .contentWrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 36px; /*blend in the edge into hookContainer, hiding the border*/ height: auto; } .slideOutPanel .slideOutPanel-slider.slideout-right.opened .panelShadowBox, .slideOutPanel .slideOutPanel-slider.slideout-right.fixed-fullscreen .innerWrapper .contentWrapper, .slideOutPanel .slideOutPanel-slider.slideout-right.fixed .innerWrapper .contentWrapper, .slideOutPanel .slideOutPanel-slider.slideout-right.fixed-percent .innerWrapper .contentWrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 36px; /*blend in the edge into hookContainer, hiding the border*/ height: auto; } .slideOutPanel .slideOutPanel-slider.fixed-fullscreen .contentWrapper .containerNode { height: 100%; } .slideOutPanel.GlobalSearch { z-index: 937; } .slideOutPanel.slideOutCompetencyDetailsPanel, .slideOutPanel.slideOutGoalDetailsPanel_RD, .slideOutPanel.timeOffRequestListContainer, .slideOutPanel.PerformanceReview, .slideOutPanel.Succession, .slideOutPanel.workFlowSlideOutPanel, .slideOutPanel.GlobalSearch, .slideOutPanel { z-index: 935; position: relative; } .user-is-tabbing .hookContainer:focus { outline: 2px solid #0087fd; } .claro .dijitSliderControl { margin: 5px 0px 5px 0px; position: relative; } .claro .dijitSliderControl .dijitSliderBar { height: 8px; } .claro .dijitSliderControl .dijitSliderBumper { width: 8px; } .claro .dijitSliderControl .dijitSliderLeftBumper, .claro .dijitSliderControl .dijitSliderProgressBar { border: none; background-image: none; background-color: #16a6dc; } .claro .dijitSliderControl .dijitSliderRemainingBar, .claro .dijitSliderControl .dijitSliderRightBumper { border: none; background-image: none; background-color: #dcdcdc; } .claro .dijitSliderControl .dijitSliderLabelContainer { padding-left: 5px; min-height: 10px; } .claro .dijitSliderControl .dijitSliderLabelContainer .dijitSliderLabel { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; min-height: 12px; } .claro .dijitSliderControl .dijitSliderLabelContainer .dijitSliderLabel.HideLabel { display: none; } .claro .dijitSliderControl .IncrementMarkers { top: 3px; /*align markers with the bar*/ z-index: 5; cursor: pointer; } .claro .dijitSliderControl .IncrementMarkers .dijitRuleMark { border-color: #fff; height: 2px; } .claro .dijitSliderControl .IncrementMarkers .dijitRuleMark.RangeRuleMark { height: 8px; border-width: 2px; top: -3px; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .claro .dijitSliderControl .RangeLabels .dijitRuleLabelContainer { position: relative; margin: 0; left: 0; padding-bottom: 8px; } .claro .dijitSliderControl .RangeLabels .dijitRuleLabel { left: 0; } .claro .dijitSliderControl .MinMaxLabelContainer { padding-top: 9px; } .claro .dijitSliderControl .MinMaxLabelContainer.HideMinMaxLabels { display: none; } .claro .dijitSliderControl .MinMaxLabelContainer .SliderMinLabel { margin-left: -8px; } .claro .dijitSliderControl .MinMaxLabelContainer .SliderMaxLabel { float: right; margin-right: -8px; } .claro .dijitSliderControl .dijitSliderButtonContainerH { padding: 0; } .claro .dijitSliderControl .dijitSliderButtonContainerH .dijitSliderDecrementIconH, .claro .dijitSliderControl .dijitSliderButtonContainerH .dijitSliderIncrementIconH { height: 9px; width: 9px; background-color: rgba(0,0,0,0); } .claro .dijitSliderControl .dijitSliderButtonContainerH .dijitSliderDecrementIconH { margin-right: 6px; } .claro .dijitSliderControl .dijitSliderButtonContainerH .dijitSliderIncrementIconH { margin-left: 6px; } .claro .dijitSliderControl .dijitSliderHandle { border: 5px solid #fff; position: absolute; bottom: 0; right: 0; top: -6px; z-index: 5; height: 10px; cursor: pointer; width: 10px; margin-left: -10px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 0 1px #dcdcdc; box-shadow: 0 0 0 1px #dcdcdc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#DCDCDC'); } .claro .dijitSliderControl.dijitDisabled .dijitSliderHandle, .claro .dijitSliderControl.dijitDisabled .dijitSliderLeftBumper, .claro .dijitSliderControl.dijitDisabled .dijitSliderProgressBar { background-color: #b0b0b0; } .claro .dijitSliderControl.dijitReadOnly .dijitSliderHandle, .claro .dijitSliderControl.dijitReadOnly .dijitSliderMoveable { display: none; } .claro .dijitSliderControl.dijitReadOnly .dijitSliderBar, .claro .dijitSliderControl.dijitDisabled .dijitSliderBar, .claro .dijitSliderControl.dijitReadOnly .dijitSliderHandle, .claro .dijitSliderControl.dijitDisabled .dijitSliderHandle, .claro .dijitSliderControl.dijitReadOnly .ClickableArea, .claro .dijitSliderControl.dijitDisabled .ClickableArea { cursor: default; } .SliderControlTooltip { max-width: 350px; } .claro .dijitSliderControl .ClickableArea { position: absolute; left: 0; right: 0; top: -6px; cursor: pointer; height: 18px; } .claro .dijitSliderControl.GradientBar .dijitSliderProgressBar { display: none; } .claro .dijitSliderControl.GradientBar .dijitSliderHandle { width: 16px; height: 16px; background: #fff; border: 1px solid #c8c8c8; -webkit-box-shadow: inset -2px -1px 2px 0px #e6e6e6; box-shadow: inset -2px -1px 2px 0px #e6e6e6; } .claro .dijitSliderControl.SkinnyBar .dijitSliderHandle { background: #fff; } .claro .dijitSliderControl.SkinnyBar .dijitSliderBumper { display: none; } .claro .dijitSliderControl.SkinnyBar .IncrementMarkers { left: -3px; /*align the markers with the bar - without this, the dots are a little to the right */ } .claro .dijitSliderControl.SkinnyBar .IncrementMarkers .dijitRuleMark { height: 8px; width: 8px; top: -3px; -webkit-border-radius: 7px; border-radius: 7px; border-width: 0px !important; /*the border width on dojo's control is set to 1px !important. We need to override it */ background: #dcdcdc; } .claro .dijitCircularSlider, .claro .dijitCircularSlider .dijitSliderImageHandle { position: absolute !important; border: none; } .claro .dijitCircularSlider .SliderSurfaceElement { position: relative; } .claro .dijitCircularSlider .dijitSliderLabelContainer { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .claro .dijitCircularSlider .dijitSliderLabelContainer .dijitSliderLabelContentOuter { display: table; } .claro .dijitCircularSlider .dijitSliderLabelContainer .dijitSliderLabelContentInner { display: table-cell; vertical-align: middle; text-align: center; } .claro .dijitCircularSlider .dijitSliderLabelContainer .dijitSliderLabel .SliderLabelPercent { font-weight: bold; padding-left: 5px; } .claro .dijitCircularSlider .dijitSliderLabelContainer .dijitSliderLabel .SliderLabelNumber { font-weight: bold; } .claro .dojoxRangeSlider, .claro .dojoxRangeSliderBarContainer { position: relative; } .claro .dojoxRangeSlider .dijitSliderProgressBar { cursor: pointer; } .claro .dojoxRangeSlider .dijitSliderImageHandle { background-color: #7c7c7c; background-image: none; -webkit-border-radius: 20px; border-radius: 20px; height: 10px; width: 10px; top: -6px; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 0px 1px #dcdcdc; box-shadow: 0px 0px 0px 1px #dcdcdc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#DCDCDC'); } .claro .dojoxRangeSlider.dijitSliderControl.dijitDisabled .dijitSliderImageHandle { background-color: #b0b0b0; } .claro .dojoxRangeSlider.dijitSliderControl.dijitReadOnly .HideMarker, .claro .dojoxRangeSlider.dijitSliderControl.dijitReadOnly .dijitSliderBumper { display: none; } .claro .dojoxRangeSlider .dijitSliderLabel { display: inline-block; padding-bottom: 10px; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .claro .dojoxRangeSlider.dijitSliderControl .dijitSliderDecorationT { text-align: left; font-weight: bold; white-space: nowrap; } .claro .dojoxRangeSlider.dijitSliderControl .HideMarker { border: 1px solid #7c7c7c; position: absolute; top: 2px; bottom: 0; right: 0; z-index: 5; height: 2px; width: 0px; cursor: pointer; margin-left: 0px; -webkit-box-shadow: none; box-shadow: none; filter: none; -webkit-border-radius: 10px; border-radius: 10px; } .claro .dojoxRangeSlider.dijitSliderControl .dijitSliderLabelContainer .dijitSliderLabel { display: none; padding-bottom: 0; } .claro.user-is-tabbing .dijitSliderControl .dijitSliderHandle.dijitSliderThumbFocused { outline: 2px solid #0087fd; } .SlidingTabContainer { position: relative; display: block; height: 100%; width: 100%; overflow: hidden; } .SlidingTabContainer .SwipeContent { /*From SwipeContainer: translateZ will force this node on a different rendering plane for hardware acceleration on webkit based browsers */ -webkit-transform: translateZ(0); position: relative; overflow: auto; height: 100%; } .SlidingTabContainer .tabIndicatorContainer { position: absolute; /* center horizontally */ margin: 0 auto; left: 0; right: 0; bottom: 20px; text-align: center; /* prevent div element hightlighting on double clicking tab circles; only observed to happen on chrome, but adding in the others just in case */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .SlidingTabContainer .TabIndicator { display: inline-block; background-color: #808080; height: 10px; width: 10px; margin-left: 20px; -webkit-border-radius: 5px; border-radius: 5px; } .SlidingTabContainer .TabIndicatorSelected { background-color: #013ca6; } .SlidingTabContainer .dijitContentPane { display: inline-block; height: 100%; width: 100%; float: left; position: relative; } .dijitSortingControl .MultiEntitySelector .EntitySelectorArrowIcon { display: none; /* hide arrow icon */ } .dijitSortingControl .MultiEntitySelector .EntitySelectorTextBoxWrapper .MultiEntitySelectorItemNode { padding-right: 0px; } .dijitSortingControl .MultiEntitySelector .EntitySelectorContainer { min-height: 23px; } .sortingOptionsWrapper { width: 600px; height: 250px; } .dijitSortingControl .MultiEntitySelector .EntitySelectorTextBox.dijitDisabled, .dijitSortingControl .MultiEntitySelector .EntitySelectorTextBox.dijitDisabled .dijitInputContainer { background: transparent; } .dijitSortingControl .MultiEntitySelectorItem .Icon_Ascending, .dijitSortingControl .MultiEntitySelectorItem .Icon_Descending { display: inline-block; width: 12px; height: 12px; background: url("../images/chosen-sprite.png?v=64.1.2.14510&") no-repeat; vertical-align: middle; } .dijitSortingControl .MultiEntitySelectorItem .Icon_Ascending { background-position: -22px -135px; } .dijitSortingControl .MultiEntitySelectorItem .Icon_Descending { background-position: -42px -135px; } .SpinnerTextBox { display: inline-block; position: relative; } .SpinnerTextBox .textboxContainer .dijitTextBox { width: 15em; /* set to default text box width, regardless of what type of text box widget we use */ -webkit-border-radius: 0; border-radius: 0; } .SpinnerTextBox .textboxContainer .dijitTextBox .dijitInputField { margin-right: 55px; /* this one is thanks to IE, because it likes to add a 'x' on all input fields and we need to ensure it shows up nicely*/ } .SpinnerTextBox .textboxContainer .dijitTextBoxHover { border-color: #b5bcc7; /* override default textbox hover color change */ -webkit-box-shadow: none; box-shadow: none; } .SpinnerTextBox .textboxContainer .dijitTextBoxFocused + .spinner, .SpinnerTextBox .textboxContainer .dijitTextBoxFocused { border-color: rgba(82,168,236,0.8); } .SpinnerTextBox .textboxContainer .dijitTextBox .dijitButtonNode.dijitArrowButton { display: none; } .SpinnerTextBox .textboxContainer .dijitValidationTextBoxError .dijitValidationContainer { margin-right: 55px; /* push the validation error ! to the left of the spinner buttons */ } .SpinnerTextBox .textboxContainer .dijitTextBoxFocused.dijitTextBoxErrorFocused, .SpinnerTextBox .textboxContainer .dijitValidationTextBoxError + .spinner { border-color: #d46464; } .SpinnerTextBox .spinner { position: absolute; top: 0; right: 0; border: 1px solid #b5bcc7; } .SpinnerTextBox .arrowBtn { display: inline-block; height: 23px; width: 25px; float: left; cursor: pointer; background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); background-repeat: no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .SpinnerTextBox .arrowBtn:hover { background-color: #eee; } .SpinnerTextBox .arrowBtn:active { background-color: #ddd; } .SpinnerTextBox .upArrow { background-position: -11px 2px; border-right: 1px solid transparent; } .SpinnerTextBox .downArrow { background-position: 7px 2px; border-left: 1px solid #b5bcc7; } .SpinnerTextBox .arrowFocusNode { height: 2.3rem; width: 2.5rem; background: transparent; /* so that we can see the div with icon below */ border: 1px solid transparent; cursor: inherit; /* from arrowBtn */ margin: -1px; /* to avoid overlapped borders */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .SpinnerTextBox .arrowFocusNode:focus { border: 2px solid #0087fd; margin-top: -2px; position: relative; z-index: 99; } .SpinnerTextBox.dijitDisabled .textboxContainer > * { background-color: #efefef; } .SpinnerTextBox.dijitDisabled .spinner, .SpinnerTextBox.dijitDisabled .downArrow { border-color: #d3d3d3; } .SpinnerTextBox.dijitDisabled .arrowBtn { cursor: default; } .dijitDialog .btnAlignRight { float: right; padding-top: 15px; } .dijitDialog .modalSurroundContent { border: 1px solid #a2c0e5; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; display: block; padding: 15px; max-width: 420px; } .dijitDialog .modalSurroundContent .dijitLayoutContainer { padding: 10px 20px 10px 20px; } .dijitDialog .modalSurroundContent .dontShowAgainContainer { padding: 10px 20px 10px 20px; display: block; } .dijitDialog .modalSurroundContent .alertImg { width: 38px; height: 38px; background-image: url("../images/Alert38.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: center; padding: 15px; } .dijitDialog .modalSurroundContent .infoImg { width: 25px; height: 25px; background-image: url("../images/ico_info.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: center; padding: 15px; } .dijitDialog .modalSurroundContent .announcementExplanation, .dijitDialog .modalSurroundContent .unverifiedEmailExplanation, .dijitDialog .modalSurroundContent .confirmRoleSwitchExplanation { padding: 5px 0px 5px 5px; max-width: 340px; } .claro .dijitToolbar.SubFeatureToolbar { background: #dfdfdf; /* Old browsers */ background: -webkit-linear-gradient(top, #dfdfdf 0%, #ccc 100%); background: -moz-linear-gradient(top, #dfdfdf 0%, #ccc 100%); background: -o-linear-gradient(top, #dfdfdf 0%, #ccc 100%); background: -ms-linear-gradient(top, #dfdfdf 0%, #ccc 100%); background: linear-gradient(to bottom, #dfdfdf 0%, #ccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ height: 30px; padding: 0px; border: none; border-bottom: solid 1px #afafaf; } .dijitToolbar.SubFeatureToolbar > .dijitButton.dijitButtonActive { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; border-bottom: solid 2px #eaeaea; } .dijitToolbar.SubFeatureToolbar > .dijitButton.dijitButtonActive > .dijitButtonNode { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; background-color: #eaeaea; border: none; padding: 0px; background-image: none; } .dijitToolbar.SubFeatureToolbar > .dijitButton.dijitButtonFocus, .dijitToolbar.SubFeatureToolbar > .dijitButton.dijitButtonHover { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; border-bottom: solid 2px #f7f7f7; } .dijitToolbar.SubFeatureToolbar > .dijitButton.dijitButtonFocus > .dijitButtonNode, .dijitToolbar.SubFeatureToolbar > .dijitButton.dijitButtonHover > .dijitButtonNode { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; background-color: #f7f7f7; border: none; padding: 0px; background-image: none; } .dijitToolbar.SubFeatureToolbar > .dijitButton, .dijitToolbar.SubFeatureToolbar > .dijitButton > .dijitButtonNode > .dijitButtonContents, .dijitToolbar.SubFeatureToolbar > .dijitButton > .dijitButtonNode, .dijitToolbar.SubFeatureToolbar > .dijitButton .dijitButtonText { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s; -webkit-border-radius: 0px; border-radius: 0px; background-image: none; border: none; padding: 0px; } .dijitToolbar.SubFeatureToolbar > .dijitButton { border-right: solid 1px #c7c7c7; border-left: solid 1px #e1e1e1; border-bottom: solid 2px transparent; } .dijitToolbar.SubFeatureToolbar > .dijitButton > .dijitButtonNode > .dijitButtonContents { padding: 0px 20px 0px 20px; } .dijitToolbar.SubFeatureToolbar > .dijitButton .dijitButtonText { line-height: 28px; padding: 0px; text-shadow: none; font-size: 11px; color: #525252; } .dijitToolbar.SubFeatureToolbar > .dijitButton.featureSelected { border-left: solid 1px #949494; border-bottom: solid 2px #ade700; } .dijitToolbar.SubFeatureToolbar > .dijitButton.featureSelected > .dijitButtonNode { background-image: none; background-color: #c8c8c8; -webkit-box-shadow: inset 0 0 10px #7c7c7c; box-shadow: inset 0 0 10px #7c7c7c; border: none; } .dijitToolbar.SubFeatureToolbar > .dijitButton .dijitIcon { padding-right: 8px; } .SwipeContainer { position: relative; display: block; height: 100%; /*prevent scrollbars while swiping*/ overflow: hidden; } .SwipeContainer .SwipeContent { /*translateZ will force this node on a different rendering plane for hardware acceleration on webkit based browsers */ -webkit-transform: translateZ(0); position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: auto; } .claro .dijitTabController .dijitTabContainerTop-tabs .dijitAlignTop { border-bottom: 0px; } .claro .nihilo .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: solid 1px #fff; padding-top: 0; padding-left: 0; } .claro .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs { padding-bottom: 3px; padding-top: 4px; border-top: 0 solid #fff; border-bottom: 1px solid #cdcdcd; background-color: #fff; background-image: none; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; } .claro .dijitTabContainerTop-tabs .dijitTabCheckedHover { padding-bottom: 4px; padding-top: 9px; background-color: #fff; border: solid 1px 1px 0 1px #808080; } .dijitTabContainerTop-tabs { border-top: 0px solid #000; border-bottom: 0px solid #000; background-color: #e6f1fe; } .dijitTab .tabLabel { min-height: 15px; display: inline-block; font-size: 15px; color: #013ca6; margin: 6px 10px; } .claro .dijitTabContainerTop-tabs .dijitTabChecked { padding-bottom: 4px; padding-top: 9px; background-color: #fff; } .claro .dijitTabContainerTop-tabs .dijitTab { top: 1px; margin-right: 1px; padding: 3px 6px; min-width: 60px; text-align: center; } .claro .dijitTabPaneWrapper, .claro .dijitTabContainerTop-tabs, .claro .dijitTabContainerBottom-tabs, .claro .dijitTabContainerLeft-tabs, .claro .dijitTabContainerRight-tabs { border-color: #fff; } .PseudoTabContainerButtons .btn-group .dijitToggleButton, .claro .dijitTab { border: 1px solid #e5f1fe; background-color: #e5f1fe; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; color: #e5f1fe; } .TabSubTitle { min-height: 15px; display: inline-block; font-size: 11px; color: #1843b1; padding-top: 6px; } .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabDisabled > .tabLabel, .dijitTabContainer.horizontal > .dijitTabController > .dijitTab.dijitTabDisabled > .tabLabel { color: #c3c3c3; text-shadow: none; } .claro .dijitTabContainer.horizontal > .dijitTabContainerTop-tabs > .dijitTab.dijitTabHover { padding-bottom: 3px; padding-top: 4px; } .claro .dijitTabContainer.horizontal>.dijitTabController>.dijitTab { padding-bottom: 3px; padding-top: 4px; background-color: transparent; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; margin-right: 0px; border-left: none; border-top: none; border-right: none; -webkit-box-shadow: none; box-shadow: none; } .claro .dijitTabContainer.horizontal>.dijitTabController>.dijitTab:not(:last-of-type) { margin-right: 3px; } .claro .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabChecked { padding-bottom: 3px; padding-top: 4px; background-color: #fff; /* border-top: solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc;*/ border-top: solid 0px #fff; border-right: solid 0px #fff; border-left: solid 0px #fff; /* border-bottom: solid 1px #FFF;*/ /* border-bottom: solid 1px #ccc; */ border-bottom: 3px solid #274da0; /*-webkit-box-shadow: 1px -1px 3px rgba(66, 66, 66, 0.10); -moz-box-shadow: 1px -1px 3px rgba(66, 66, 66, 0.10); box-shadow: 1px -1px 3px rgba(66, 66, 66, 0.10);*/ } .claro .dijitTabContainer.horizontal > .dijitTabController { /*border-right: 1px solid #FFF;*/ border-right: solid 0px #fff; } .dijitTabContainer.horizontal > .dijitTabContainerTop-tabs { border-top: 0px solid #fff; border-bottom: 1px solid #6b8ce6; background-color: transparent; background-image: none; padding-bottom: 1px; } .dijitTabContainer.horizontal > .dijitTabPaneWrapper { padding-top: 5px; } .dijitTabContainer.horizontal > .dijitTabPaneWrapper > .dijitTabPane { background-color: transparent; } .dijitTabContainer.horizontal > .dijitTabPaneWrapper.dijitTabContainerTop-container { background-color: #fff; } .dijitTabContainer.horizontal > .dijitTabPaneWrapper.dijitTabContainerTop-container > .dijitTabContainerTopChildWrapper.dijitVisible { height: 100%; } .dijitTabContainer.horizontal > .dijitTabController > .dijitTab.dijitTabHover > .tabLabel { color: #696969; } .dijitTabContainer.horizontal > .dijitTabController > .dijitTab.dijitTabChecked > .tabLabel { color: #0053a4; } .dijitTabContainer.horizontal > .dijitTabController > .dijitTab > .tabLabel { min-height: 15px; display: inline-block; font-size: 15px; color: #808080; margin: 3px 10px; } .dijitTabContainer.horizontal > .dijitTabContainerTop-tabs > .dijitTabChecked { padding-bottom: 3px; padding-top: 4px; background-color: transparent; } .dijitTabContainer.horizontal > .dijitTabPaneWrapper, .claro .dijitTabContainerTop-tabs, .claro .dijitTabContainerBottom-tabs, .claro .dijitTabContainerLeft-tabs, .claro .dijitTabContainerRight-tabs { border-color: transparent; border-bottom: solid 1px #808080; } .dijitTabContainer.horizontal > .dijitTabController > .dijitTab { background-color: transparent; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; color: #e5f1fe; /*transparent border when not selected same height as selected bottom border to avoid 3px content jump when new tab is selected; causes projectile vomiting and nausea*/ border-bottom: solid 3px transparent; } .dijitTabContainer.horizontal > .dijitTabContainerTop-tabs > .dijitTabChecked { background-image: none; background-color: #e6f1fe; } .dijitTabContainer.horizontal .TabSubTitle { min-height: 15px; display: inline-block; font-size: 11px; color: #1843b1; padding-top: 6px; } .dijitTabContainer.horizontal > .dijitTabController > .dijitTab > .tabLabel { min-height: 15px; display: inline-block; font-size: 15px; color: #3b3b3b; margin: 3px 10px; } .dijitTabContainer.vertical > .dijitTabController { /*We need to make our tab list scrollable independent of the content as the content size may be automatically set to 100% of VISIBLE space (if in a border container) */ /*important is a horrible design paradigm, but it's used in the claro CSS so we must use it to override those styles*/ overflow-y: auto !important; overflow-x: hidden !important; } /*important is a horrible design paradigm, but it's used in the claro CSS so we must use it to override those styles*/ .dijitTabContainer.vertical > .dijitTabContainerTop-tabs { border-top: 0px solid #fff; border-bottom: 1px solid #6b8ce6; background-color: #fff; } .dijitTabContainer.vertical > .dijitTabPaneWrapper { padding-top: 21px; } .dijitTabContainer.vertical > .dijitTabPaneWrapper > .dijitTabPane { background-color: transparent; } .dijitTabContainer.vertical > .dijitTabController > .dijitTab > .tabLabel { display: inline-block; font-size: 11px; line-height: 30px; vertical-align: middle; margin: 0px 0px 0px 10px; padding-right: 10px; } .PseudoTabContainerButtons .btn-group .dijitToggleButton.dijitToggleButtonChecked .dijitButtonText, .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabChecked > .tabLabel { color: #fff; } .PseudoTabContainerButtons .btn-group dijitToggleButton.dijitToggleHover, .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabHover { background-color: #f1f1f1; background-repeat: repeat-x; background-image: -webkit-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: -moz-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: -o-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: -ms-linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); background-image: linear-gradient(rgba(241,241,241,0.7) 0%, rgba(241,241,241,0) 100%); } .PseudoTabContainerButtons .btn-group .dijitToggleButton.dijitToggleButtonActive .dijitButtonText, .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabActive > .tabLabel { color: #fff; text-shadow: 0px 1px 0px rgba(18,52,94,0.7); } .PseudoTabContainerButtons .btn-group .dijitToggleButton.dijitToggleButtonChecked, .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabChecked { background: -webkit-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -o-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -ms-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: linear-gradient(to bottom, #336ab2 0%, #2f63a7 48%, #224d85 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); /* IE6-9 */ } .PseudoTabContainerButtons .btn-group .dijitToggleButton.dijitToggleButtonActive, .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabActive { /* darker blue (holding down) */ background: -webkit-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: -moz-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: -o-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: -ms-linear-gradient(top, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #265086 0%, #23497b 48%, #1a3a65 100%) repeat scroll 0% 0% transparent; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265086', endColorstr='#1A3A65',GradientType=0 ); /* IE6-9 */ } .dijitTabContainer.vertical .dijitTabPaneWrapper, .claro .dijitTabContainerTop-tabs, .claro .dijitTabContainerBottom-tabs, .claro .dijitTabContainerLeft-tabs, .claro .dijitTabContainerRight-tabs { border-color: transparent; } .PseudoTabContainerButtons .btn-group .dijitToggleButton, .dijitTabContainer.vertical > .dijitTabController > .dijitTab { margin: 0px; border-left: none; -webkit-border-radius: 0px; border-radius: 0px; border-top: none; border-bottom: 1px solid #deebfb; border-right: 1px solid #ebebeb; background-color: transparent; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; color: #e5f1fe; padding-right: 19px; height: 30px; } .dijitTabContainer.vertical > .dijitTabController:first-child { border-top: 1px solid #deebfb; } .PseudoTabContainerButtons .btn-group .dijitToggleButton.dijitToggleButtonChecked .dijitButtonText, .dijitTabContainer.vertical > .dijitTabController > .dijitTab.dijitTabChecked > .tabLabel { text-shadow: 0px 1px 0px rgba(18,52,94,0.7); } .dijitTabContainer > .dijitTabPaneWrapper [role=tabpanel] { display: block; height: 100%; /*Overflow should be controlled within the hosting PANE (e.g. content pane, title pane, etc)*/ overflow: hidden; } .PseudoTabContainerButtons .btn-group .dijitToggleButton .dijitButtonNode { border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; background-image: none; height: 30px; width: 90px; } .PseudoTabContainerButtons .btn-group .dijitToggleButton .dijitButtonNode .dijitButtonContents { line-height: 22px; } .PseudoTabContainerButtons { width: 100px; vertical-align: top; position: absolute; } .claro .PseudoTabContainerButtons .btn-group .dijitToggleButton, .claro .PseudoTabContainerButtons .btn-group .dijitToggleButton+.dijitToggleButton { margin: 0px; padding: 0px; } .claro .PseudoTabContainerTab { padding-left: 100px; } .claro .PseudoTabContainerButtons.dijitHidden+.PseudoTabContainerTab { padding-left: 0; } .claro .PseudoTabContainerButtons .btn-group .dijitToggleButton .dijitButtonContents { text-align: left; } .claro .IconTabContainerLeft.dijitTabContainer { border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; } .claro .IconTabContainerLeft > .dijitTabController:first-child { border-top: none; overflow-y: hidden !important; } .claro .IconTabContainerLeft.dijitTabContainer .dijitTabButtonIcon { display: block; margin: 0px auto; } .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab { background: none; background-color: #f5f5f5; text-align: center; padding: 15px 20px 15px 5px; height: auto; min-height: 15px; /*height of tab with no icon should be the minimum width*/ border: none; width: 100px; } .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab > .tabLabel { line-height: 11px; color: #4c82d6; text-shadow: none; font-weight: 600; white-space: normal; margin: 0px; padding: 0px; } .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab.dijitTabChecked > .tabLabel { color: #fff; } .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab.dijitTabChecked, .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab.dijitTabChecked.dijitTabHover, .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab.dijitTabChecked.dijitTabActive { background: none; background-color: #4c82d6; } .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab.dijitTabHover { background: none; background-color: #f0f0f0; } .claro .IconTabContainerLeft.dijitTabContainer > .dijitTabController > .dijitTab.dijitTabActive { background: none; background-color: #e2e2e2; } .claro .IconTabContainerLeft.dijitTabContainer .TabArrowContainer { background: #fff; top: 0; bottom: 0; right: 0; width: 15px; position: absolute; } .claro .IconTabContainerLeft.dijitTabContainer .dijitTab.dijitTabChecked .TabArrowContainer .ArrowIcon { background: url("../images/chosen-sprite.png?v=64.1.2.14510&") no-repeat -63px -40px; width: 16px; height: 20px; position: absolute; left: 0; top: 35%; } .claro .IconTabContainerLeft.dijitTabContainer .ScrollingNodeTop, .claro .IconTabContainerLeft.dijitTabContainer .ScrollingNodeBottom { height: 25px; background-color: #fff; z-index: 1; position: absolute; width: 125px; /* the width of the tab (100px) + padding on either side (5 + 20px) */ } .claro .IconTabContainerLeft.dijitTabContainer .ScrollingNodeTop { top: 0; } .claro .IconTabContainerLeft.dijitTabContainer .ScrollingNodeBottom { bottom: 0; } .claro .IconTabContainerLeft.dijitTabContainer .TopNodeBorder { border-bottom: 1px solid #0c85de; width: 110px; /* the width scrolling node (125px) - width of TabArrowContainer (15px) */ } .claro .IconTabContainerLeft.dijitTabContainer .BottomNodeBorder { border-top: 1px solid #0c85de; width: 110px; /* the width scrolling node (125px) - width of TabArrowContainer (15px) */ margin-top: -1px; } .claro .IconTabContainerLeft.dijitTabContainer .UpArrow, .claro .IconTabContainerLeft.dijitTabContainer .DownArrow { height: 25px; width: 35px; background: url("../images/chosen-sprite.png?v=64.1.2.14510&") no-repeat; margin: 0 auto; } .claro .IconTabContainerLeft.dijitTabContainer .UpArrow { background-position: -40px -112px; } .claro .IconTabContainerLeft.dijitTabContainer .DownArrow { background-position: 0px -112px; } .claro .IconTabContainerLeft.dijitTabContainer .HideScrollNode { display: none; } body:not(.user-is-tabbing).claro .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabCheckedFocused { outline: none; } .claro .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabHover, .claro .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabHover.dijitTabCheckedHover, .claro .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabCheckedFocused.dijitTabCheckedHover { background: rgba(211,211,211,0.4); } .BalancesTabContainer .dijitTabInner.dijitTabContent.dijitTab.dijitTabChecked.dijitChecked.dijitFocused { outline: 2px solid #0087fd; outline-offset: 2px; } .cer-feature-menu-item:focus { outline-offset: -2px; -webkit-box-shadow: none !important; box-shadow: none !important; } .k-menu-popup { max-height: 40vh; } .k-menu-group { overflow: auto; } .user-is-tabbing .formSearchContainer .dijitFocused { outline: 2px solid #0087fd; outline-offset: 2px; } .user-is-tabbing .EmployeeForms .contentLink:focus { outline: 2px solid #0087fd; } .user-is-tabbing .ExpanderTitleInner .dijitOutput:focus { outline: 2px solid #0087fd; outline-offset: 2px; } .dijitTabContainer .dijitTabController .dijitTabFocused { outline: 2px solid #0087fd; outline-offset: 2px; } .dijitTabContainer .dijitTabController .dijitTabFocused.dijitTabFocusedNoOutline { outline: none; } .user-is-tabbing .dijitTabContainer .dijitTabController .dijitTabCloseButtonFocused { outline: 2px solid #0087fd; outline-offset: 2px; } .page--Home .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabCheckedFocused { outline: 2px solid #0087fd; } .WhatsNewModal .dijitTabInner.dijitTabContent.dijitTab.dijitTabChecked.dijitChecked.dijitTabCheckedFocused { outline: 2px solid #0087fd !important; } .employeeCard .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabCheckedFocused { outline: 2px solid #0087fd !important; } .Home .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabCheckedFocused { outline: 2px solid #0087fd !important; } .claro .dijitTableLayout .dijitTextBox, .claro .dijitTableLayout .dijitComboBox, .dijitTableLayout .dijitTextBox, .dijitTableLayout .dijitComboBox { margin: 0px; padding-left: 0px; padding-right: 0px; } .dijitTableLayout .dijitButton .dijitButtonNode, .dijitTableLayout .dijitButton .dijitButtonContents { padding-left: 0px; padding-right: 0px; } .dijitTableLayout .dijitButton, .dijitTableLayout .dijitToggleButton, .dijitTableLayout .dijitDropDownButton, .dijitTableLayout .dijitComboButton { /* We need to account for the 1px border declared within the buttonNode Do this by adding a 1px padding on the top-level node (dijitButton) */ margin: 0px; padding: 1px; } .dijitContainer.dijitTableLayout { display: table; overflow: auto; } .dijitTableLayout .tableContainer-table { width: auto; } .dijitTableLayout.fullSize .tableContainer-table { width: 100%; } .dijitTableLayout.autoSize .dijitButton, .dijitTableLayout.autoSize .dijitButton .dijitButtonNode, .dijitTableLayout.autoSize .dijitComboBox, .dijitTableLayout.autoSize .dijitTextBox, .dijitTableLayout.autoSize .dijitSelect, .dijitTableLayout.autoSize .dijitSelect .dijitButtonContents { width: 100%; } .dijitTableLayout.autoSize .dijitSelect .dijitButton, .dijitTableLayout.autoSize .dijitSelect .dijitButton .dijitButtonNode, .dijitTableLayout.autoSize .dijitComboBox .dijitButtonNode { width: auto; } .dijitTableLayout.autoSize .dijitToolbar > .customToolbar > * { width: auto; } .dijitTableLayout.autoSize .MultiEntitySelector .EntitySelectorTextBoxWrapper .EntitySelectorTextBox { width: 10px; } .TagPicker, .TagPicker .MultiEntitySelector { width: 100%; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .AddNode { padding: 4px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .AddNode:hover, .EntitySelectorDropDownPopup .MultiEntitySelectorDropDown.EntitySelectorDropDown .AddNode.active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0); background: #336ab2; /* Old browsers */ background: -webkit-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -moz-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -o-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: -ms-linear-gradient(top, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); background: linear-gradient(to bottom, #336ab2 0%, #336ab2 34%, #3064a9 50%, #25528d 84%, #214c84 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#214c84',GradientType=0 ); /* IE6-9 */ color: #fff; } .talentView .align-left { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .talentView .sectionView { background-color: #fff; border-width: 3px; margin: 15px; border-color: #ededed; border-style: solid; } .talentView .section-title { font-size: 1.4em; font-weight: bold; padding-top: 8px; margin-bottom: 15px; } .talentView .todo-list-area { width: 440px; height: 320px; } .talentView .todo-list-area > div { margin-left: 15px; } .talentView .team-dynamics { width: 500px; height: 280px; } .talentView .team-dynamics > div { margin-left: 15px; } .talentView .team-engagement { width: 440px; height: 320px; } .talentView .team-engagement > div { margin-left: 15px; } .talentView .display-table { display: table; } .talentView .display-flex { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .talentView .display-block { display: block; } .talentView .display-inlineblock { display: inline-block; } .talentView .label-text { margin: 10px 0 0 10px; color: #777; } .talentView .grey-badge { height: 35px; width: 35px; display: table-cell; text-align: center; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; background: #f1f1f1; font-weight: bold; } .talentView .green-badge { height: 35px; width: 35px; display: table-cell; text-align: center; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; background: #77c045; font-weight: bold; } .talentView .orange-badge { height: 25px; width: 25px; display: table-cell; text-align: center; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; background: #efaa2d; font-weight: bold; color: #fff; } .talentView .team-engagement-score { font-size: 1.3em; font-weight: bold; color: #008000; } .talentView .team-engagement-subtext { font-size: 0.7em; padding-top: 5px; margin-bottom: 30px; } .talentView .percent-font-size { font-size: 1.3em; } .talentView .activity-stream { width: 440px; height: 970px; } .talentView .activity-stream > div { margin-left: 15px; } .talentView .activity-stream-area { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; margin-bottom: 10px; } .talentView .activity-stream-info { width: 380px; margin-left: 10px; } .talentView .activity-stream-info > div { padding-top: 3px; } .talentView .activity-text { width: 370px; font-weight: 600; } .talentView .activity-sub-text { width: 340px; font-weight: 600; } .talentView .newhire-onboarding { width: 500px; overflow-x: hidden; overflow-y: auto; } .talentView .ExpanderControl.ExpanderControlSection .ExpanderTitleOuter { border: solid 1px #ededed; } .talentView .ExpanderControl.ExpanderControlSection .ExpanderContentOuter { border: solid 1px #ededed; } .talentView .expander-contnet-border-bottom { border-bottom: solid 1px #ededed; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; padding-bottom: 20px; } .talentView .expander-content-header { width: 100px; font-weight: 600; margin-top: 5px; } .talentView .expander-contnet-top-padding { padding-top: 10px; } .talentView .candidate-info-area { width: 340px; } .talentView .candidate-info-area > div { padding-top: 5px; } .talentView .candidate-name { color: #2d409b; font-weight: bold; cursor: pointer; } .talentView .highperformer-pay-area { width: 500px; height: 450px; } .talentView .highperformer-pay-area > div { margin-left: 15px; } .talentView .high-performer-area { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; margin-bottom: 15px; } .talentView .high-performer-info { width: 400px; margin-left: 10px; } .talentView .high-performer-info > div { padding-top: 3px; } .talentView .high-performer-button { margin-top: 15px; margin-left: 120px !important; } .talentView .user-icon { margin-top: 15px; height: 35px; width: 35px; } .talentView .team-performance-matrix { width: 440px; height: 500px; } .talentView .team-performance-matrix > div { margin-left: 20px; } .talentView .team-performance { width: 440px; height: 180px; } .talentView .team-performance > div { margin-left: 15px; } .talentView.slideOutPanel .contentWrapper { padding: 0px; } .talentView.slideOutPanel .slideOutPanel-slider .contentWrapper .headerNode { height: 49px; margin-bottom: 0px; padding-top: 13px; } .talentView .todoListTabContainer > .dijitTabPaneWrapper { padding: 0px; } .talentView .dijitTabContainer.vertical > .dijitTabPaneWrapper { padding-top: 0px; } .TalentviewIcon_User1, .TalentviewIcon_User2, .TalentviewIcon_User3, .TalentviewIcon_User4, .TalentviewIcon_User5, .TalentviewIcon_User6, .TalentviewIcon_User7, .TalentviewIcon_User8, .TalentviewIcon_User9, .TalentviewIcon_User10, .TalentviewIcon_User11, .TalentviewIcon_User12, .TalentviewIcon_User13, .TalentviewIcon_User14, .TalentviewIcon_User15, .TalentviewIcon_User16, .TalentviewIcon_User17, .TalentviewIcon_User18, .TalentviewIcon_User19 { background: url("../images/Onboarding_Portraits_talent.png?v=64.1.2.14510&") no-repeat; display: inline-block; width: 30px; height: 30px; } .TalentviewIcon_User1 { width: 30px; height: 30px; background-position: -15px -7px; } .TalentviewIcon_User2 { width: 30px; height: 30px; background-position: -65px -7px; } .TalentviewIcon_User3 { width: 30px; height: 30px; background-position: -115px -7px; } .TalentviewIcon_User4 { width: 30px; height: 30px; background-position: -15px -56px; } .TalentviewIcon_User5 { width: 30px; height: 30px; background-position: -65px -56px; } .TalentviewIcon_User6 { width: 30px; height: 30px; background-position: -115px -56px; } .TalentviewIcon_User7 { width: 30px; height: 30px; background-position: -15px -103px; } .TalentviewIcon_User8 { width: 30px; height: 30px; background-position: -65px -103px; } .TalentviewIcon_User9 { width: 30px; height: 30px; background-position: -115px -103px; } .TalentviewIcon_User10 { width: 30px; height: 30px; background-position: -15px -151px; } .TalentviewIcon_User11 { width: 30px; height: 30px; background-position: -65px -151px; } .TalentviewIcon_User12 { width: 30px; height: 30px; background-position: -115px -151px; } .TalentviewIcon_User13 { width: 30px; height: 30px; background-position: -15px -190px; } .TalentviewIcon_User14 { width: 30px; height: 30px; background-position: -165px -7px; } .TalentviewIcon_User15 { width: 30px; height: 30px; background-position: -165px -103px; } .TalentviewIcon_User16 { width: 30px; height: 30px; background-position: -220px -151px; } .TalentviewIcon_User17 { width: 30px; height: 30px; background-position: -220px -103px; } .TalentviewIcon_User18 { width: 30px; height: 30px; background-position: -220px -56px; } .TalentviewIcon_User19 { width: 30px; height: 30px; background-position: -220px -7px; } .TalentviewIcon_TeamDynamics { background: url("../images/TeamDynamics.png?v=64.1.2.14510&") no-repeat; width: 100%; height: 100%; } .TalentviewIcon_TeamPerformanceMatrix { background: url("../images/TeamPerformance.png?v=64.1.2.14510&") no-repeat; width: 100%; height: 100%; } .talentView .progress > ul { display: table; width: 100%; margin: 0; padding: 0; border: 0; line-height: normal; } .talentView .progress > ul > li { display: table-cell; vertical-align: middle; } .talentView .progress > ul > li:first-child { width: 100%; } .talentView .progress > ul > li:last-child { min-width: 32px; padding-left: 4px; text-align: left; } .talentView .progress-bar { background-color: #dbdbdb; position: relative; min-height: 16px; min-width: 50px; overflow: hidden; } .talentView .progress-bar > .value { position: absolute; left: 0; top: 0; bottom: 0; width: 0; min-width: 1px; background-color: #0a56b0; -webkit-transition: width ease-out 150ms, background-color 1000ms; -moz-transition: width ease-out 150ms, background-color 1000ms; -o-transition: width ease-out 150ms, background-color 1000ms; -ms-transition: width ease-out 150ms, background-color 1000ms; transition: width ease-out 150ms, background-color 1000ms; } .talentView .progress-bar.red { background-color: #fee2e2; } .talentView .progress-bar.red > .value { background-color: #ea0404; } .talentView .progress-bar.orange { background-color: #ffedd7; } .talentView .progress-bar.orange > .value { background-color: #ff6e16; } .formContent .TaxFormTextBox .dijitInputContainer { height: 90%; } #moreInfoWindow, .moreInfoButton { position: absolute; left: -999999999px; height: 0; width: 0; overflow: hidden; } @media print { .formContent .TaxFormTextBox { height: 12px !important; } .formContent .TaxFormTextBox .dijitInputContainer { height: 90% !important; } } .team-relate-facilitator { color: #fe921d; } .team-relate-director { color: #edb221; } .decisionMaker { color: #edb221; } .team-relate-encourager { color: #36abda; } .team-relate-tracker { color: #565bd3; } .team-relate-facilitator-background { background-color: #fe921d; } .team-relate-director-background { background-color: #edb221; } .team-relate-encourager-background { background-color: #36abda; } .team-relate-tracker-background { background-color: #565bd3; } .EmployeeHierarchyVisualization .team-relate-facilitator { stroke: #fe921d; } .EmployeeHierarchyVisualization .team-relate-director { stroke: #edb221; } .EmployeeHierarchyVisualization .team-relate-encourager { stroke: #36abda; } .EmployeeHierarchyVisualization .team-relate-tracker { stroke: #565bd3; } .EmployeeHierarchyVisualization text.team-relate-facilitator { fill: #fe921d; stroke: none; } .EmployeeHierarchyVisualization text.team-relate-director { fill: #edb221; stroke: none; } .EmployeeHierarchyVisualization text.team-relate-encourager { fill: #36abda; stroke: none; } .EmployeeHierarchyVisualization text.team-relate-tracker { fill: #565bd3; stroke: none; } .team-relate-facilitator .user-profile-image, img.team-relate-facilitator { border: 3px solid; border-color: #fe921d; -webkit-box-shadow: 0 0 3px #fe921d; box-shadow: 0 0 3px #fe921d; } .team-relate-director .user-profile-image, img.team-relate-director { border: 3px solid; border-color: #edb221; -webkit-box-shadow: 0 0 3px #edb221; box-shadow: 0 0 3px #edb221; } .team-relate-encourager .user-profile-image, img.team-relate-encourager { border: 3px solid; border-color: #36abda; -webkit-box-shadow: 0 0 3px #36abda; box-shadow: 0 0 3px #36abda; } .team-relate-tracker .user-profile-image, img.team-relate-tracker { border: 3px solid; border-color: #565bd3; -webkit-box-shadow: 0 0 3px #565bd3; box-shadow: 0 0 3px #565bd3; } .team-relate-no-style .user-profile-image { border: 3px solid #929497; } .team-relate { height: 100%; overflow-y: auto; } .team-relate .dijitTabContainer.horizontal > .dijitTabPaneWrapper { border-bottom: none; } .team-relate-dialog .contentPane { width: 100%; height: 100%; } .team-relate-dialog .dialogButtons { display: block; float: right; } .team-relate .feedback { font-size: 1.2em; } .team-relate .relate { font-size: 1.2em; } .team-relate .motivate { font-size: 1.2em; } .team-relate .conflict { font-size: 1.2em; } .team-relate .checkin { text-align: center; height: 99%; } .checkin .checkin-part { height: 95%; } .team-relate .checkin .checkin-label { font-size: 16px; font-weight: 600; margin-top: 15px; height: 4%; } .team-relate .checkin .slider { width: 70%; margin: 0 auto; height: 4%; margin-top: 15px; } .team-relate .checkin .slider .dijitSliderLeftBumper { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .team-relate .checkin .slider .dijitSliderRightBumper { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .team-relate .checkin .slider .dijitSliderHandle { height: 16px !important; width: 16px !important; background-color: #fff !important; } .checkin .checkin-answer { font-size: 12px; height: 2%; } .checkin .checkin-notes-title { margin-top: 3%; margin-bottom: 1%; width: 70%; height: 5%; display: inline-block; } .checkin .checkin-notes-label { font-size: 16px; display: inline-block; float: left; text-align: left; } .checkin .checkin-notes { width: 70%; height: 12%; } .team-relate .userprofile-general { height: 185px; border-bottom: 1px solid #d3d3d3; background-image: -webkit-linear-gradient(bottom, #fff 70%, #f0f0f0 30%); background-image: -moz-linear-gradient(bottom, #fff 70%, #f0f0f0 30%); background-image: -o-linear-gradient(bottom, #fff 70%, #f0f0f0 30%); background-image: -ms-linear-gradient(bottom, #fff 70%, #f0f0f0 30%); background-image: linear-gradient(to top, #fff 70%, #f0f0f0 30%); } .team-relate .welcomePart { background-color: #90ee90; } .team-relate .userprofile .welcomeIcon { background-image: url("../images/guided_process_sprite.png?v=64.1.2.14510&"); /*Manually overrides to get the icon exactly where we want it*/ width: 1em; height: 1em; margin-left: 0.4em; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; } .team-relate .userprofile .welcomeMessage { font-size: 12px; display: inline-block; } .team-relate .userprofile-general .retake-survey { float: left; width: 30%; display: inline-block; min-height: 33px; } .team-relate .userprofile-general .summary-block { text-align: center; margin-left: auto; margin-right: auto; padding-top: 1em; } .team-relate .userprofile-general .userimage-block { width: 40%; display: inline-block; text-align: center; } .team-relate .userprofile-general .userprofile-image { display: inline-block; } .team-relate .userprofile-general .userprofile-name { font-size: 16px; text-align: center; font-weight: 600; } .team-relate .userprofile-general .userprofile-personal-summary { margin-right: 2rem; height: 100%; display: inline-block; } .team-relate .userprofile-general .userprofile-personal-summary .label { color: #808080; line-height: normal; padding: 0.2rem 0.5rem 0.3rem 0; font-size: 1.2rem; display: block; text-align: left; } .team-relate .userprofile-general .userprofile-personal-summary .personal-style { font-size: 1.2em; font-weight: 600; text-align: center; display: block; } .team-relate .userprofile { font-size: 16px; } .team-relate .userprofile .title { font-size: 18px; font-weight: bold; color: #153777; padding: 10px 0; text-shadow: 0 1px 0 rgba(255,255,255,0.5); -webkit-font-smoothing: antialiased; display: block; } .team-relate .disclaimerInfo { margin: 32px auto 0 auto; text-align: center; font-style: italic; font-size: 12px; } .team-relate-survey { height: 95%; min-height: 50px; } .team-relate-survey .question { font-size: 2.5em; font-weight: 400; text-align: center; color: #000; margin-left: 10%; margin-top: 1%; margin-right: 10%; height: 25%; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .team-relate-survey .answer { text-align: center; height: 52%; } .team-relate-survey .answer .label { font-size: 4em; color: #06f; height: 30%; vertical-align: middle; } .team-relate-survey .answer .label .content { vertical-align: middle; display: inline-block; line-height: 100px; } .team-relate-survey .answer .score { -webkit-border-radius: 50%; border-radius: 50%; behavior: url("PIE.htc?v=64.1.2.14510&"); /* remove if you don't care about IE8 */ width: 1.5em; padding: 0.2em; background: #fff; border: 2px solid #06f; color: #06f; text-align: center; margin: auto; font-size: 5.5em; } .team-relate-survey .answer .slider { width: 80%; padding-top: 6%; margin: 0 auto; height: 5%; } .team-relate-survey .answer .min-max-label { font-weight: 400; height: 3%; font-size: 1em; width: 82%; margin-left: 9%; } .team-relate-survey .answer .min-max-label .minimum { float: left; } .team-relate-survey .answer .min-max-label .maximum { float: right; } .team-relate-survey .buttons { height: 6%; text-align: center; padding-top: 3%; } .team-relate-survey .buttons .backButton { margin-right: 10%; } .team-relate-survey .footer { text-align: center; font-size: 2em; padding-top: 3%; } .team-relate-survey .disclaimer { padding-top: 6px; } .team-relate-survey .disclaimer .privacy-language { font-style: italic; } .team-relate .team-relate-empty { padding: 5px 0px; } @media (max-height: 1060px) { .team-relate .checkin .checkin-label { margin-top: 14px; font-size: 15px; } } @media (max-height: 1020px) { .team-relate .checkin .checkin-label { margin-top: 13px; } .checkin .checkin-answer { font-size: 10px; } .team-relate .checkin .slider { margin-top: 13px; } .checkin .checkin-notes-title { margin-top: 2.5%; } } @media (max-height: 950px) { .checkin .checkin-notes-title { margin-top: 2%; } .team-relate .checkin .checkin-label { margin-top: 11px; } .team-relate .checkin .slider { margin-top: 11px; } .checkin .checkin-notes { width: 70%; height: 10%; } } @media (max-height: 880px) { .team-relate .checkin .checkin-label { margin-top: 10px; } .team-relate .checkin .slider { margin-top: 10px; } } @media (max-height: 860px) { .team-relate .checkin .checkin-label { font-size: 12px; margin-top: 9px; } .team-relate .checkin .slider { margin-top: 9px; } .checkin .checkin-notes-label { font-size: 14px; } } @media (max-height: 805px) { .team-relate .checkin .checkin-label { margin-top: 7px; } .team-relate .checkin .slider { margin-top: 7px; } } @media (max-height: 765px) { .team-relate .checkin .checkin-label { margin-top: 6px; font-size: 11px; } .team-relate .checkin .slider { margin-top: 6px; } } @media (max-height: 730px) { .team-relate .checkin .checkin-label { margin-top: 5px; } .team-relate .checkin .slider { margin-top: 5px; } .checkin .checkin-notes-title { margin-top: 1.5%; margin-bottom: 0.5%; } } @media (max-height: 690px) { .team-relate .checkin .checkin-label { margin-top: 4px; } .checkin .checkin-answer { font-size: 8px; } .team-relate .checkin .slider { margin-top: 4px; } .checkin .checkin-notes-title { font-size: 12px; } } @media (max-height: 640px) { .team-relate .checkin .checkin-label { margin-top: 8px; font-size: 10px; } .checkin .checkin-answer { display: none; } .team-relate .checkin .slider { margin-top: 8px; } .team-relate-survey .footer { font-size: 1em; } } @media (max-height: 600px) { .team-relate .checkin .checkin-label { margin-top: 6px; } .team-relate .checkin .slider { margin-top: 6px; } .checkin .checkin-notes-title { margin-top: 1%; } } @media (max-height: 540px) { .team-relate .checkin .checkin-label { margin-top: 4px; } .team-relate .checkin .slider { margin-top: 4%; } } @media (max-height: 500px) { .team-relate .checkin .checkin-label { margin-top: 2px; font-size: 8px; } .team-relate .checkin .slider { margin-top: 2px; } } @media (max-height: 450px) { .team-relate .checkin .slider { margin-top: 1%; } .checkin .checkin-notes-title { display: none; } .checkin .checkin-notes { display: none; } } @media (max-height: 400px) { .team-relate .checkin .checkin-label { font-size: 6px; } .team-relate .checkin .slider { margin-top: 0.5%; } } @media (max-height: 360px) { .team-relate .checkin .checkin-label { margin-top: 0.3%; } } @media (max-height: 960px) { .team-relate-survey .answer { height: 50%; } .team-relate-survey .answer .score { margin-top: 3%; font-size: 5em; } .team-relate-survey .answer .slider { padding-top: 4%; } } @media (max-height: 850px) { .team-relate-survey .question { font-size: 2.2em; } .team-relate-survey .answer .label { font-size: 3em; margin-top: -3%; } .team-relate-survey .answer .score { font-size: 4em; } .team-relate-survey .footer { font-size: 1.5em; } } @media (max-height: 730px) { .team-relate-survey .answer .label { font-size: 2.5em; } .team-relate-survey .answer .score { margin-top: 3%; font-size: 3.5em; } .team-relate-survey .footer { font-size: 1.2em; } .team-relate-survey .disclaimer { font-size: 10px; margin-top: 1%; } } @media (max-height: 640px) { .team-relate-survey .question { font-size: 2em; } .team-relate-survey .answer .score { font-size: 3em; } .team-relate-survey .answer .slider { padding-top: 2%; } .team-relate-survey .footer { font-size: 1em; } .team-relate-survey .disclaimer { font-size: 9px; margin-top: 1%; } } @media (max-height: 560px) { .team-relate-survey .question { font-size: 1.7em; height: 25%; } .team-relate-survey .answer .label { font-size: 2em; margin-top: -3%; } .team-relate-survey .answer .min-max-label { display: none; } } @media (max-height: 490px) { .team-relate-survey { height: 95%; } .team-relate-survey .answer .label { display: none; } .team-relate-survey .answer .score { margin-top: 0; font-size: 3.5em; } .team-relate-survey .buttons { padding-top: 1%; margin-top: -3%; } } @media (max-height: 440px) { .team-relate-survey { height: 92%; } .team-relate-survey .answer .score { display: none; } .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .slider { margin-top: -8%; } .team-relate-survey .buttons { margin-top: -5%; padding-bottom: 1%; } } @media (max-height: 400px) { .team-relate-survey .question { font-size: 1.4em; } } @media (max-width: 1700px) { .team-relate-survey .question { font-size: 2.3em; } .team-relate-survey .disclaimer { font-size: 11px; } } @media (max-height: 720px) and (max-width: 1700px) { .team-relate-survey .question { font-size: 1.9em; } .team-relate-survey .disclaimer { font-size: 10px; } } @media (max-height: 560px) and (max-width: 1700px) { .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .answer .label { display: none; } .team-relate-survey .answer .score { margin-top: -1%; font-size: 3em; } .team-relate-survey .answer .slider { padding-top: 6%; } .team-relate-survey .buttons { margin-top: -4%; } } @media (max-height: 490px) and (max-width: 1700px) { .team-relate-survey .answer .slider { padding-top: 4%; } .team-relate-survey .buttons { margin-top: -3%; } .team-relate-survey .disclaimer { font-size: 9px; } } @media (max-height: 440px) and (max-width: 1700px) { .team-relate-survey .buttons { margin-top: -6%; } } @media (max-width: 1500px) { .team-relate-survey .question { font-size: 2.1em; } .team-relate-survey .answer .label { font-size: 3.5em; margin-top: -3%; } .team-relate-survey .answer .score { margin-top: 3%; font-size: 5em; } } @media (max-width: 1500px) and (max-height: 850px) { .team-relate-survey .question { font-size: 2em; } .team-relate-survey .answer .label { font-size: 3em; } .team-relate-survey .answer .score { font-size: 4.5em; } .team-relate-survey .buttons { padding-top: 3%; } .team-relate-survey .footer { font-size: 1.5em; } .team-relate-survey .disclaimer { font-size: 10px; margin-top: 1%; } } @media (max-width: 1500px) and (max-height: 730px) { .team-relate-survey .question { font-size: 1.9em; } .team-relate-survey .answer .label { font-size: 2em; } .team-relate-survey .answer .score { margin-top: 3%; font-size: 3.5em; } .team-relate-survey .footer { font-size: 1.2em; } } @media (max-width: 1500px) and (max-height: 640px) { .team-relate-survey .question { font-size: 1.8em; } .team-relate-survey .answer .score { font-size: 3.5em; } .team-relate-survey .footer { font-size: 1em; } .team-relate-survey .disclaimer { font-size: 9px; } } @media (max-width: 1500px) and (max-height: 560px) { .team-relate-survey .question { font-size: 1.6em; } .team-relate-survey .answer .label { display: none; } .team-relate-survey .slider { padding-top: 4%; } .team-relate-survey .answer .min-max-label { display: none; } .team-relate-survey .buttons { padding-top: 0; } } @media (max-width: 1500px) and (max-height: 490px) { .team-relate-survey { height: 95%; } .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .answer .score { margin-top: 0; font-size: 3em; } .team-relate-survey .answer .buttons { margin-top: -3%; } } @media (max-width: 1500px) and (max-height: 440px) { .team-relate-survey { height: 92%; } .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .answer .score { margin-top: 3%; font-size: 3em; } .team-relate-survey .answer .slider { padding-top: 4%; } } @media (max-width: 1500px) and (max-height: 400px) { .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .answer .score { font-size: 3em; } .team-relate-survey .answer .slider { padding-top: 3%; } .team-relate-survey .button { margin-top: -5%; padding-top: 0%; } } @media (max-width: 1500px) and (max-height: 360px) { .team-relate-survey { height: 90%; } .team-relate-survey .question { font-size: 1.4em; } .team-relate-survey .answer .score { display: none; } .team-relate-survey .footer { padding-top: 1%; } } @media (max-width: 1500px) and (max-height: 300px) { .team-relate-survey .question { font-size: 1.2em; } .team-relate-survey .answer .slider { padding-top: 5%; } } @media (max-width: 1375px) and (min-width: 1269px) and (max-height: 970px) { .team-relate-survey .disclaimer { font-size: 10px; } } @media (max-width: 1375px) and (min-width: 1269px) and (max-height: 730px) { .team-relate-survey .disclaimer { font-size: 9px; } } @media (max-width: 1375px) and (min-width: 1269px) and (max-height: 640px) { .team-relate-survey .disclaimer { font-size: 8px; } } @media (max-width: 1268px) and (min-width: 1030px) { .team-relate-survey .question { font-size: 1.8em; } .team-relate-survey .answer { height: 48%; } .team-relate-survey .answer .label { font-size: 2.5em; } .team-relate-survey .answer .score { font-size: 3.5em; } .team-relate-survey .answer .slider { padding-top: 5%; } .team-relate-survey .disclaimer { font-size: 10px; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 970px) { .team-relate-survey .disclaimer { font-size: 10px; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 730px) { .team-relate-survey .answer .slider { padding-top: 3%; } .team-relate-survey .buttons { padding-top: 2%; } .team-relate-survey .disclaimer { font-size: 9px; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 640px) { .team-relate-survey .question { font-size: 1.6em; } .team-relate-survey .answer .label { font-size: 2.2em; margin-top: -5%; } .team-relate-survey .answer .score { font-size: 3.5em; } .team-relate-survey .disclaimer { font-size: 9px; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 560px) { .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .answer { margin-top: -3%; } .team-relate-survey .answer .slider { padding-top: 4%; } .team-relate-survey .buttons { margin-top: -8%; } .team-relate-survey .disclaimer { font-size: 8px; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 490px) { .team-relate-survey .question { font-size: 1.4em; } .team-relate-survey .answer { margin-top: 0; } .team-relate-survey .answer .score { font-size: 2.5em; } .team-relate-survey .footer { padding-top: 2%; } .team-relate-survey .disclaimer { margin-top: 3%; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 440px) { .team-relate-survey .answer .slider { padding-top: 8%; } .team-relate-survey .footer { padding-top: 2%; } } @media (max-width: 1268px) and (min-width: 1030px) and (max-height: 400px) { .team-relate-survey .question { font-size: 1.3em; } .team-relate-survey .answer .slider { padding-top: 5%; } .team-relate-survey .buttons { margin-top: -10%; } } @media (max-width: 1029px) and (min-width: 800px) and (min-height: 850px) { .team-relate-survey .question { font-size: 1.9em; } .team-relate-survey .answer .label { font-size: 2.5em; } .team-relate-survey .answer .score { font-size: 5em; } .team-relate-survey .buttons { padding-top: 4%; } .team-relate-survey .disclaimer { font-size: 10px; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 850px) { .team-relate-survey .question { font-size: 1.8em; } .team-relate-survey .answer .label { font-size: 2.5em; } .team-relate-survey .disclaimer { font-size: 9px; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 730px) { .team-relate-survey .question { font-size: 1.8em; } .team-relate-survey .min-max-label { display: none; } .team-relate-survey .disclaimer { font-size: 8px; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 640px) { .team-relate-survey .question { font-size: 1.5em; } .team-relate-survey .answer .label { font-size: 2em; } .team-relate-survey .answer .score { font-size: 3em; } .team-relate-survey .buttons { margin-top: -4%; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 580px) { .team-relate-survey .buttons { margin-top: -6%; } .team-relate-survey .disclaimer { font-size: 7px; padding-top: 8px; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 490px) { .team-relate-survey .answer .slider { padding-top: 4%; } .team-relate-survey .footer { padding-top: 3%; } .team-relate-survey .buttons { margin-top: -4%; } .team-relate-survey .disclaimer { padding-top: 12px; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 440px) { .team-relate-survey .question { font-size: 1.2em; } .team-relate-survey .answer .score { display: none; } .team-relate-survey .answer .slider { padding-top: 4%; } .team-relate-survey .buttons { margin-top: -10%; } } @media (max-width: 1029px) and (min-width: 800px) and (max-height: 400px) { .team-relate-survey .answer .slider { padding-top: 6%; } } @media (max-width: 800px) and (min-height: 850px) { .team-relate-survey .question { font-size: 2em; } .team-relate-survey .answer .label { font-size: 2.5em; margin-top: 0; } .team-relate-survey .score { font-size: 3em; } .team-relate-survey .answer .slider { padding-top: 6%; } .team-relate-survey .footer { font-size: 1em; } .team-relate-survey .buttons { height: 8%; } .team-relate-survey .disclaimer { padding-top: 0; font-size: 9px; } } @media (max-width: 800px) and (max-height: 850px) { .team-relate-survey .question { font-size: 1.8em; } .team-relate-survey .label { font-size: 1.8em; } .team-relate-survey .score { font-size: 3em; } .team-relate-survey .buttons { height: 8%; } .team-relate-survey .footer { font-size: 1em; } .team-relate-survey .disclaimer { padding-top: 2px; font-size: 9px; } } @media (max-width: 800px) and (max-height: 730px) { .team-relate-survey .question { font-size: 1.6em; } .team-relate-survey .label { font-size: 1.5em; } .team-relate-survey .score { font-size: 2.5em; } .team-relate-survey .buttons { margin-top: -2%; } .team-relate-survey .disclaimer { font-size: 8px; } } @media (max-width: 800px) and (max-height: 640px) { .team-relate-survey .disclaimer { font-size: 7px; padding-top: 8px; } } @media (max-width: 800px) and (max-height: 560px) { .team-relate-survey .question { font-size: 1.4em; } .team-relate-survey .buttons { margin-top: -6%; } } @media (max-width: 800px) and (max-height: 490px) { .team-relate-survey .question { font-size: 1.2em; } .team-relate-survey .answer .slider { padding-top: 6%; } .team-relate-survey .buttons { margin-top: -2%; } } @media (max-width: 800px) and (max-height: 440px) { .team-relate-survey .buttons { margin-top: -6%; } } @media (max-width: 480px) and (min-height: 960px) { .team-relate-survey .question { font-size: 1.8em; } .team-relate-survey .answer .label { font-size: 3em; } .team-relate-survey .answer .slider { padding-top: 6%; } } @media (max-width: 480px) and (max-height: 960px) { .team-relate-survey .question { font-size: 1.6em; } .team-relate-survey .answer .label { font-size: 3em; } } @media (max-width: 420px) { .team-relate-survey .question { font-size: 1.6em; height: 35%; margin: 0; } .team-relate-survey .answer .label { font-size: 2.5em; } .team-relate-survey .answer .score { font-size: 4.5em; } } @media (max-width: 420px) and (max-height: 730px) { .team-relate-survey .answer .label { font-size: 2em; } } .team-relate-trait .user-trait { width: 400px; height: 30px; white-space: nowrap; list-style-type: none; } .team-relate-trait .user-trait .trait-label { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; display: inline; -webkit-border-radius: 51%; border-radius: 51%; font-weight: 600; text-align: center; float: left; vertical-align: middle; margin-right: 0.5rem; padding: 0.2rem; color: #fff; font-size: 1.2rem; } .team-relate-trait .user-trait .trait-bar { width: 97.39999999999999%; height: 1.7rem; -webkit-border-radius: 2.2rem 2.2rem 2.2rem 2.2rem; border-radius: 2.2rem 2.2rem 2.2rem 2.2rem; margin: 0 0 0; overflow: hidden; position: relative; display: inline-block; } .team-relate-trait .user-trait .trait-bar .trait-rates { position: absolute; height: 100%; width: 94.5%; padding: 0; margin: 0; list-style-type: none; } .team-relate-trait .user-trait .trait-bar .trait-rates .trait-rate { background: #eee; border: 0.2rem solid #eee; color: #aaa; border-left: 0.1rem solid #ddd; border-right-width: 0; float: left; overflow: hidden; height: 82%; width: calc((100% - 10px) / 7); text-align: center; font-size: 1.1rem; position: relative; } .team-relate-trait .user-trait .trait-bar .trait-rates .trait-rate.first { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .team-relate-trait .user-trait .trait-bar .trait-rates .trait-rate.last { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right-width: 2px; } .team-relate-trait .user-trait .trait-bar .trait-rates .trait-progress { -webkit-border-radius: 20px 0px 0px 20px; border-radius: 20px 0px 0px 20px; display: block; height: 100%; overflow: hidden; position: absolute; border-bottom-right-radius: 20px; border-top-right-radius: 20px; width: 25%; } .team-relate-checkin { width: 280px; position: relative; } .team-relate-checkin .circle { width: 10px; height: 10px; line-height: 15px; -webkit-border-radius: 50%; border-radius: 50%; border: none; color: #fff; font-weight: 600; vertical-align: middle; margin-left: auto; margin-right: auto; z-index: 2; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); display: block; } .team-relate-checkin .line { width: 217px; height: 1px; background-color: #ccc; position: absolute; margin-left: 35px; margin-top: 15px; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .team-relate-checkin .element { margin-top: 10px; margin-left: 45px; } .team-relate-checkin .checkin-grey { background: #808080; } .team-relate-checkin .checkin-white { background: #fff; } .team-relate-checkin .checkin-red { background: #cb0000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .team-relate-checkin .checkin-yellow { background: #e3d000; } .team-relate-checkin .checkin-green { background: #1a9e00; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .team-relate-checkin .average-circle { width: 33px; height: 33px; -webkit-border-radius: 50%; border-radius: 50%; border: none; color: none; margin-left: 0; z-index: 2; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); display: inline-block; position: absolute; } .team-relate-checkin .checkin-average { font-size: 1.3em; color: #fff; margin-left: -1px; margin-top: 7px; width: 36px; height: 36px; text-align: center; vertical-align: middle; z-index: 3; opacity: 1; -ms-filter: none; filter: none; position: absolute; } .team-relate-checkin .check-in-block { width: 20%; font-size: 11px; display: inline-block; text-align: center; } .team-relate-checkin .check-in-block .checkin-label { margin-top: 3px; display: block; } .team-relate-checkin .small { width: 130px; } .team-relate-checkin .small .line { width: 100px; height: 2px; margin-top: 7px; margin-left: 25px; background-color: #808080; } .team-relate-checkin .small .element { margin-top: 0px; margin-left: 25px; } .team-relate-checkin .small .average-circle { width: 20px; height: 20px; margin-top: -4px; border-width: 2px; border-color: #cfd0d1; } .team-relate-checkin .small .check-in-block .checkin-label { display: none; } .team-relate-checkin .small .checkin-average { width: 20px; height: 20px; font-size: 0.9em; font-weight: bold; margin-top: 1px; margin-left: 1px; color: #fff; } @media (max-width: 600px) { .team-relate-checkin { width: 130px; } .team-relate-checkin .line { width: 100px; height: 1px; margin-top: 7px; margin-left: 25px; background-color: #ccc; } .team-relate-checkin .element { margin-top: 0px; margin-left: 25px; } .team-relate-checkin .average-circle { width: 20px; height: 20px; margin-top: -4px; border-width: 2px; border-color: #cfd0d1; } .team-relate-checkin .check-in-block .checkin-label { display: none; } .team-relate-checkin .checkin-average { width: 20px; height: 20px; font-size: 0.9em; font-weight: bold; margin-top: 1px; margin-left: 1px; color: #fff; } } .claro .dijitSelectDisabled, .claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitInputContainer { background-color: #efefef; background-image: none; } .claro .dijitSelect, .claro .dijitTextBox { background-color: #fff; font-family: Arial; } .dj_ie8 .claro .dijitTextBox .dijitInputInner { font-size: 10px; } .claro .dijitTextBox { padding: 0px; margin: 0px; line-height: 12px; color: #555; border-color: #696969; vertical-align: middle; -webkit-border-radius: 3px; border-radius: 3px; font-size: 11px; } .MultiEntitySelector.dijitFocused .EntitySelectorContainer { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #696969; } .MultiEntitySelector.dijitFocused .EntitySelectorContainer:focus-within { outline: 2px solid #0087fd; outline-offset: 2px; } .MultiEntitySelector.dijitFocused .EntitySelectorContainer .dijitTextBox.dijit.dijitTextBoxFocused { outline: none; } .claro .dijitTextBox.dijit.dijitTextBoxFocused { outline: 2px solid #0087fd; } .claro .dijitTextArea { resize: vertical; padding: 5px 1px 5px 5px; width: 40em; } .dijitTextBox .dijitInputContainer { padding: 3px; height: 21px; } .claro .dijitTextBox .dijitInputContainer .dijitInputInner { line-height: 19px; height: 19px; } .TextArea { padding: 5px; } .claro .dijitSelectHover, .claro .dijitSelectHover .dijitButtonContents, .claro .dijitTextBoxHover { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; border-color: rgba(82,168,236,0.8); outline: 0; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6); } .claro .dijitSelect .dijitArrowButton { padding: 0; background-color: #fff; } .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { height: 16px; } .claro .dijitSelectHover { background-color: #fff; } .claro .dijitSelectFocused, .claro .dijitSelectHover { border-color: #b5bcc7; } .claro .dijitSelectHover .dijitArrowButton { background-color: #fff; } .dijitButtonNode { border: 0px solid #808080; margin: 0; line-height: normal; vertical-align: middle; text-align: center; white-space: nowrap; } .claro .dijitTextBox.dijitTextBoxFocused .dijitInputContainer { background: none; } .claro .dijitTextBoxDisabled.dijitTextBoxFocused .dijitInputContainer { background-color: #efefef; } .claro .dijitTextBox .dijitButtonNode.dijitArrowButton { width: 25px; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0); background-image: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #b5bcc7; -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,0.1); display: block; height: 23px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; overflow: hidden; } .claro .dijitTextBox .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner { border: none; background: url("../images/chosen-sprite-updated.png?v=64.1.2.14510&") no-repeat 7px 2px; width: 25px; min-height: 100%; } .claro .DialogDataGridEditor.dijitTextBox .dijitButtonNode.dijitArrowButton { margin-top: -1px; } .claro .DialogDataGridEditor.dijitTextBox .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner { background-position: 0px -210px; padding: 4px; } .claro .dijitDateTextBox .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner { background-position: 0px -37px; /* background-position: 0px -37px needed to show the full icon; there is a "height: auto !important" inherited from .dijitTextBox input.dijitArrowButtonInner that causes icons taller than the default down arrow to be cut-off */ padding: 4px; } .claro .dijitTimeTextBox .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner { background-position: -24px -37px; /* needed to show the full icon; there is a "height: auto !important" inherited from .dijitTextBox input.dijitArrowButtonInner that causes icons taller than the default down arrow to be cut-off */ padding: 5px; } .claro .dijitTextBox.dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { background-position: -14px -3px; } .claro .dijitTextBox.dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { background-position: 4px -3px; } .claro .dijitTextBox.dijitSpinner .dijitSpinnerButtonContainer { height: 23px; } .claro .dijitTextBox.dijitSpinner .dijitArrowButton { margin: -1px 0px 0px -1px; } .claro .dijitPlaceHolder { color: #707070; font-style: normal; position: absolute; top: 4px; left: 1px; border: none; } .claro .dijitServerError { border-color: #d46464; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; } .claro .dijitSelectError.dijitSelectHover, .claro .dijitSelectError.dijitSelectHover .dijitButtonContents, .claro .dijitTextBoxError.dijitTextBoxHover, .claro .dijitServerError.dijitSelectHover, .claro .dijitServerError.dijitSelectHover .dijitButtonContents, .claro .dijitServerError.dijitTextBoxHover { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -ms-transition-duration: 0.25s; transition-duration: 0.25s; border-color: #e4001e; outline: 0; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(212,100,100,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(212,100,100,0.6); } .dj_safari .claro .dijitTextBoxDisabled .dijitInputInner { color: #404040; } .claro .dateTimeBox { width: 100px; } .claro .dijitTextAreaDisabled { background-color: #efefef; } .claro .search_textbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .claro .textbox_search_icon, .claro .textbox_clear { color: #808080; cursor: pointer; margin-right: 0.5rem; margin-left: 0.5rem; } .claro .search_textbox .dijitReset.dijitInputField.dijitInputContainer { width: 100%; } .claro .search_textbox .dijitReset.dijitInputField.dijitInputContainer input::-ms-clear { display: none; } .formSearchContainer .dijitTextBoxFocused { margin-left: 3px; } .dijitTitlePaneContentInner .label { color: #696969; } .claro .dijitInputInner { color: #555 !important; } .EntitySelector > .dijitDropDownButton > .dijitButtonNode > .dijitButtonContents > .dijitButtonText { color: #696969 !important; } .claro .dijitInputInner::placeholder { color: #757575 !important; } .dijitDropDownButtonOpened.dijitDropDownButton.FeatureToolbarButton.dijitFocused .dijitButtonContents { background: none !important; } .claro .dijitComboBoxHighlightMatch { color: #000; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .GlobalSearchButton .dijitButtonContents:focus ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .EmployeeProfileButton .dijitButtonContents:focus ::after { content: ""; display: block; position: absolute; left: 0px; right: 0px; top: -4px; bottom: 0px; outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .modalSurroundContent .dijitTextBoxFocused { outline: 2px solid #0087fd; outline-offset: 1px; z-index: 1; position: relative; } .page--Home.user-is-tabbing .dijitTreeLabel:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .ActionsContainer .PendingActionRow .responseLink:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .HomeTabsActionLink:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .bottomLink:focus { outline: 2px solid #0087fd; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .dijitButton.dijitFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing .FeatureToolbar .UserActionsMenu .FeatureToolbarButton.UserActionsButton .dijitButtonContents:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .dijitButtonContents:focus { position: relative; } .user-is-tabbing.page--Home.claro .dijitTextBoxFocused { outline: 2px solid #0087fd; outline-offset: 2px; border: none; } .formSearchContainer .dijitTextBoxFocused { margin-left: 3px; } .user-is-tabbing .securityQuestionsModal .dijitTextBoxFocused { outline: 2px solid #0087fd !important; outline-offset: 1px; } .user-is-tabbing .securityQuestionsModal .EntitySelector > .dijitDropDownButton.dijitFocused > .dijitButtonNode { outline: 2px solid #0087fd !important; outline-offset: 1px; } .claro .dijitTextBoxDisabled.dijitTextBoxFocused .dijitInputContainer { background-color: #efefef; } .claro .dijitTextBox.dijitTextBoxFocused .dijitInputContainer { background: none; } .Home .dijitTextBoxFocused { outline: 2px solid #0087fd !important; outline-offset: 1px !important; } .dijitTimePicker { background-color: #fff; } .dijitTimePickerItem { cursor: pointer; -webkit-tap-highlight-color: transparent; background-color: #fff; } .claro .dijitTimePickerPopup { max-height: 250px; } .claro .dijitTimePickerItemHover { color: #fff; background: -webkit-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -o-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -ms-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: linear-gradient(to bottom, #336ab2 0%, #2f63a7 48%, #224d85 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); /* IE6-9 */ } .claro .dijitTimePickerItemSelected { font-weight: normal; color: #fff; background: -webkit-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -o-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -ms-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: linear-gradient(to bottom, #336ab2 0%, #2f63a7 48%, #224d85 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); /* IE6-9 */ } .dijitTimePickerItemDisabled { color: #808080; text-decoration: line-through; } .dijitTimePickerItemInner { text-align: center; border: 0; padding: 2px 8px 2px 8px; } .claro .dijitTimePickerTick { font-size: 0.9em; color: #5a5a5a; } .claro .dijitTimePickerItemSelected, .claro .dijitTimePickerTickHover, .claro .dijitTimePickerMarkerHover, .claro .dijitTimePickerMarkerSelected, .claro .dijitTimePickerTickSelected { font-weight: normal; color: #fff; background: -webkit-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -o-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: -ms-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); background: linear-gradient(to bottom, #336ab2 0%, #2f63a7 48%, #224d85 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ab2', endColorstr='#224d85',GradientType=0 ); /* IE6-9 */ } .claro .dijitTimePickerTick, .dijitTimePickerMarker { border-bottom: 1px solid #ccc; } .dijitTimePicker .dijitDownArrowButton { border-top: none !important; } .dijitTimePickerMarker { color: #000; background-color: #f0f0f0; } .dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { border: solid 4px #000; } .dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { border: dashed 4px #000; } .claro .dijitTextBox .dijitInputInner, .dj_webkit .claro .dijitTextBox .dijitInputInner { font-size: 11px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .dijitTitlePane.formTitlePane { display: inline-block; overflow: hidden; border: 1px solid #e5e5e5; text-shadow: none; background-image: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15); box-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .dijitTitlePane .dijitTitlePaneContentOuter { border-left: none; border-right: none; border-bottom: none; } .dijitTitlePane.formTitlePane .dijitTitlePaneTitle { margin: 2px; text-shadow: none; background-image: none; background: #fff; } .dijitTitlePane.formTitlePane .dijitTitlePaneTitleFocus { padding: 8px 0px 0px 0px; } .dijitTitlePane.formTitlePane .dijitTitlePaneTextNode { color: #3d63db; text-shadow: none; font-size: 8pt; text-shadow: none; } .user-is-tabbing .TreeSelected { outline: 0.2rem solid #0087fd; outline-offset: -0.2rem; } .user-is-tabbing .EverestTreeSelected { background-color: var(--evr-interactive-primary-focus) !important; } .customTitles h3.panel-title { padding-left: 3rem; font: 1.2rem/1.4 'arial'; color: #0355b2; margin: 8px 0 1rem 0; height: 4rem; line-height: 4rem; } .TitledContentPane .headerNode { height: 30px; border-bottom-color: #808080; border-bottom-style: solid; border-bottom-width: thin; margin: 5px; } .TitledContentPane .headerNode .headerIcon { display: inline-block; height: 100%; width: 30px; } .TitledContentPane .headerNode .headerTitle { display: inline-block; height: 100%; font-size: 1.5em; font-family: 'Open Sans'; vertical-align: bottom; padding: 0px 5px; } .TitledContentPane .contentNode { position: absolute; top: 40px; bottom: 0px; left: 0px; right: 0px; height: auto; width: auto; margin: 5px; } .dijitToggleSwitch, .dijitToggleSwitch .dijitButtonNode { width: 40px; height: 22px; background: url("../images/ToggleSwitch_sprite.png?v=64.1.2.14510&") no-repeat; } .dijitToggleSwitch .dijitButtonNode * { cursor: pointer; } .dijitToggleSwitch.dijitToggleSwitchDisabled .dijitButtonNode * { cursor: default; } .dijitToggleSwitch.dijitToggleSwitchChecked .dijitButtonNode { background-position: 0px 0px; } .dijitToggleSwitch .dijitButtonNode { background-position: 0px -22px; } .dijitToggleSwitch.dijitToggleSwitchDisabled .dijitButtonNode { background-position: 0px -44px; } .dijitToggleSwitch.dijitToggleSwitchChecked.dijitToggleSwitchDisabled .dijitButtonNode { background-position: 0px -66px; } .claro .dijitToolbar { border-top: 1px solid #e4f1fe; border-bottom: 0px solid #e4f1fe; background-color: #fff; background-repeat: repeat-x; /*background-image: -moz-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-image: -ms-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);*/ background-image: none; padding: 2px 0 2px 4px; zoom: 1; } .dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode { border-width: 1px; background-color: #ececec; } .dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { background-color: #ececec; background-image: none; border-color: transparent; border-width: 0; padding: 2px; } .dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, .dj_ie .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { background-color: #e8e8e8; background-image: none; border-color: transparent; } .dijitTableLayout .dijitToolbar .dijitButton, .dijitTableLayout .dijitToolbar .dijitToggleButton, .dijitTableLayout .dijitToolbar .dijitDropDownButton, .dijitTableLayout .dijitToolbar .dijitComboButton { padding: 0; } .claro .dijitToolbar .dijitToggleButtonHover.dijitToggleButtonChecked .dijitButtonNode { background: #ececec; border-color: #759dc0; border-width: 1px; padding: 1px; } .claro .dijitToolbar .dijitToggleButtonActive.dijitToggleButtonChecked .dijitButtonNode { background: #0355bd; border-color: #0355bd; border-width: 1px; padding: 1px; } .toolbarHasDropDown { white-space: nowrap; } .claro .dijitToolbar .dijitButton .dijitButtonText, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode .dijitButtonText, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonText { text-shadow: 0 1px 0 rgba(255,255,255,0.7); } .claro .dijitToolbar .dijitButtonText, .claro .dijitToolbar .dijitButton.dijitButtonDisabled .dijitButtonText { font-size: 13px; font-family: Arial, sans-serif; } .claro .dijitToolbar .dijitButton.dijitButtonDisabled .dijitButtonText { color: #696969; } .toolbarMenu.dijitMenu .dijitMenuItem td.dijitMenuItemLabel { font-size: 13px; } .dijitToolbar .dijitButtonContents { font-size: 12px; color: #101010; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); -webkit-font-smoothing: antialiased; } .dijitDropDownButtonOpened.dijitDropDownButton.FeatureToolbarButton.dijitFocused .dijitButtonContents { background: none !important; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .ApprovalsButton.dijitButton.dijitFocused > ::after, .user-is-tabbing.NewFeatureUI .UserActionsMenu .MessageButton.dijitButton.dijitFocused > ::after { content: ""; position: absolute; left: -10px; right: -11px; top: -1px; bottom: -14px; outline: 2px solid #0087fd; } .ProfileSettings_Toolbar { border-top: 1px solid #e4f1fe; border-bottom: 0px solid #e4f1fe; background-color: #fff; background-repeat: repeat-x; background-image: none; padding: 2px 0 2px 4px; zoom: 1; } .user-is-tabbing.NewFeatureUI .UserActionsMenu .ApprovalsButton.dijitButton.dijitFocused, .user-is-tabbing.NewFeatureUI .UserActionsMenu .MessageButton.dijitButton.dijitFocused { outline: none; outline-offset: 0px; } .user-is-tabbing .dijitToolbar .dijitDropDownButtonFocused .dijitButtonContents:focus { outline: solid 2px #0087fd; } .claro .dijitToolbar.toolbarOverflowDropdown, .claro .dijitToolbar.toolbarOverflowDropdown > div { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; padding: 4px; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 12rem); } .claro .dijitToolbar.toolbarOverflowDropdown .dijitDropDownButton, .claro .dijitToolbar.toolbarOverflowDropdown > div .dijitDropDownButton { padding-left: 0; } .claro .dijitToolbar.toolbarOverflowDropdown .dijitToolbarSeparator, .claro .dijitToolbar.toolbarOverflowDropdown > div .dijitToolbarSeparator { display: none; } .claro .dijitToolbar.toolbarOverflowDropdown .dijitButtonNode, .claro .dijitToolbar.toolbarOverflowDropdown > div .dijitButtonNode { width: 100%; } .claro .dijitToolbar.toolbarOverflowDropdown .dijitButtonNode .dijitButtonContents, .claro .dijitToolbar.toolbarOverflowDropdown > div .dijitButtonNode .dijitButtonContents { white-space: nowrap; overflow-wrap: normal; text-align: left; display: grid; grid-template-columns: 24px 1fr auto; grid-auto-rows: auto; justify-items: start; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .claro .dijitToolbar.toolbarOverflowDropdown .dijitButtonNode .dijitIcon, .claro .dijitToolbar.toolbarOverflowDropdown > div .dijitButtonNode .dijitIcon { justify-self: center; } .claro .dijitTreeRowSelected .dijitTreeLabel, .claro .dijitTreeLabel:hover, .claro .dijitTreeLabel:active { border-bottom: 0 solid #f1f1f1; border-top: 0 solid #f1f1f1; background-color: #f1f1f1; color: #013ca6; } .claro .dijitTreeRowSelected .dijitTreeLabel, .claro .dijitTreeLabel:checked { background-color: #f1f1f1; } .user-is-tabbing .dijitTreeLabel:focus, .user-is-tabbing .dijitTreeExpando:focus { outline: 2px solid #0087fd; outline-offset: 1px; } .claro .AdminTree .AdminTreePanel .dijitTree .dijitTreeNode.secondary-content > .dijitTreeRow { height: 3.4rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .claro .AdminTree .AdminTreePanel .dijitTree .dijitTreeNode.secondary-content > .dijitTreeRow .dijitTreeExpando { margin-top: -3.2rem; } .claro .AdminTree .AdminTreePanel .dijitTree .dijitTreeNode.secondary-content > .dijitTreeRow .dijitVisibleNode { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .claro .AdminTree .AdminTreePanel .dijitTree .dijitTreeNode.secondary-content > .dijitTreeRow .secondaryContentNode { display: block; white-space: nowrap; word-break: break-all; color: #000; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-family: "Open Sans", sans-serif; margin-top: 0.1rem; } .claro .AdminTree .AdminTreePanel .dijitTree .dijitTreeNode.secondary-content > .dijitTreeRow .secondaryContentNode .secondaryIconNode { color: #0355b2; } .claro .AdminTree .AdminTreePanel .dijitTree .dijitTreeNode.secondary-content > .dijitTreeRow .dijitTreeCustomNode { margin-top: 0.6rem; margin-right: 2rem; } .c-treegrid { display: block; position: relative; height: 100%; padding: 0 0.6rem; overflow-y: scroll; } .l-treelist__row__innerContainer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; outline: 0; padding: 0.6rem; /** * ListRenderer in catalog is also depending on the row height to initialize the tree list height * When changing the treelist row height here, remember to check and adjust accordingly in catalog: SingleSelectTreeComponent and MultiSelectTreeComponent */ height: 2.4rem; padding: 0.3rem 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /** * TreeRow State Modifiers * * Hoisting the state-modifier to the row/treeitem allows better customization-specificity * over children according to state. */ } .l-treelist__row__innerContainer.is-collapsed { zoom: 1; } .l-treelist__row__innerContainer.is-expanded { zoom: 1; } .l-treelist__row__innerContainer.is-selected { zoom: 1; } :focus > .l-treelist__row__innerContainer { outline: solid 2px #0087fd; outline-offset: -2px; } body:not(.user-is-tabbing) :focus > .l-treelist__row__innerContainer { border: none; } .l-treelist__row:focus { border: none; } .l-treegrid__wrapper { zoom: 1; } .l-treelist { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; white-space: nowrap; } .c-treerow__type { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0; line-height: 0; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -o-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .c-treerow__type.c-treerow__type--group { cursor: pointer; } .c-treerow__type.c-treerow__type--leaf { cursor: default; } .c-treerow__checkbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0; line-height: 0; cursor: pointer; outline: 0; padding: 0; width: 1.5rem; height: 1.5rem; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .c-treerow__icon { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0; line-height: 0; cursor: pointer; outline: 0; padding: 0; width: 1.5rem; height: 1.5rem; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .c-treerow__label { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0; line-height: 0; margin-left: 1rem; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; white-space: nowrap; outline: 0; padding: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -o-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: inherit; padding-top: 1.1rem; } .c-treerow__label__text { font-family: 'Segoe UI', Arial, sans-serif; font-size: 12px; line-height: 1; color: #3e4dba; cursor: default; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: inherit; } .c-treerow__highlight { background-color: #ffcb24; } .c-icon { display: inline-block; line-height: 0; padding: 0; margin: 0; } .c-icon--treeexpand { background: url("../images/chosen-sprite.png?v=64.1.2.14510&") no-repeat; background-position: -43px -96px; height: 10px; width: 10px; } .c-icon--treeselect { background: url("../images/checkboxRadioButtonStates.png?v=64.1.2.14510&") no-repeat; background-position: -15px 0; height: 15px; width: 15px; } .c-treerow .c-treerow__type--leaf .c-icon--treeexpand { display: none; } .c-treerow .c-treerow__checkbox:hover .c-icon--treeselect { background-position: -45px 0; } .c-treerow:hover .c-treerow__label__text, .c-treerow:focus .c-treerow__label__text { background-color: #ececec; } .c-treerow.is-readonly .c-icon--treeexpand, .c-treerow.is-disabled .c-icon--treeexpand { background-position: -62px -3px; } .c-treerow.is-readonly .c-treerow__label__text, .c-treerow.is-disabled .c-treerow__label__text { color: #808080; } .c-treerow.is-expanded .c-icon--treeexpand { background-position: -5px -98px; } .c-treerow.is-expanded.is-disabled .c-icon--treeexpand, .c-treerow.is-expanded.is-readonly .c-icon--treeexpand { background-position: -1px -4px; } .c-treerow.is-selected .c-icon--treeselect { background-position: 0px 0; } .c-treerow.is-selected .c-treerow__checkbox:hover .c-icon--treeselect { background-position: -30px 0; } .c-treerow.is-selected .c-treerow__label__text { font-weight: bold; } .c-treerow.is-disabled { pointer-events: none; } .c-treerow.is-disabled .c-icon--treeselect { background-position: -75px 0; } .c-treerow.is-disabled .c-treerow__checkbox { cursor: default; } .c-treerow.is-disabled .c-treerow__checkbox:hover .c-icon--treeselect { background-position: -75px 0; } .c-treerow.is-disabled:hover .c-treerow__label__text, .c-treerow.is-disabled:focus .c-treerow__label__text { background-color: transparent; } .c-treerow.is-disabled.is-selected .c-icon--treeselect { background-position: -60px 0; } .c-treerow.is-disabled.is-selected .c-treerow__checkbox:hover .c-icon--treeselect { background-position: -60px 0; } .claro .dojoxTriStateCheckBox, .claro .dojoxTriStateCheckBoxIcon { background-image: url("../images/tristatecheckboxStates.png?v=64.1.2.14510&"); /* checkbox sprite image */ background-repeat: no-repeat; width: 15px; height: 16px; margin: 0 2px 0 0; padding: 0; } .dj_ie6 .claro .dojoxTriStateCheckBox, .dj_ie6 .claro .dojoxTriStateCheckBoxIcon { background-image: url("../images/tristatecheckboxStates.png?v=64.1.2.14510&"); /* checkbox sprite image */ } .claro .dojoxTriStateCheckBox { /* unchecked */ background-position: -15px; } .claro .dojoxTriStateCheckBoxChecked { /* checked */ background-position: 0px; } .claro .dojoxTriStateCheckBoxMixed { /* mixed */ background-position: -30px; } .claro .dojoxTriStateCheckBoxDisabled { /* disabled and unchecked */ background-position: -105px; } .claro .dojoxTriStateCheckBoxCheckedDisabled { /* disabled and checked */ background-position: -90px; } .claro .dojoxTriStateCheckBoxMixedDisabled { /* disabled and mixed */ background-position: -120px; } .claro .dojoxTriStateCheckBoxHover { /* hovering over and unchecked */ background-position: -60px; } .claro .dojoxTriStateCheckBoxCheckedHover { /* hovering over and checked */ background-position: -45px; } .claro .dojoxTriStateCheckBoxMixedHover { /* hovering over and mixed */ background-position: -75px; } .dijit_a11y .dojoxTriStateCheckBoxHover .dojoxTriStateCheckBoxInner, .dijit_a11y .dojoxTriStateCheckBoxFocused .dojoxTriStateCheckBoxInner { /* focused or hovering over */ border: dashed; } .dijit_a11y .dojoxTriStateCheckBoxHover .dojoxTriStateCheckBoxInner, .dijit_a11y .dojoxTriStateCheckBoxFocused .dojoxTriStateCheckBoxInner { /* focused or hovering over */ border: solid; } .dijit_a11y .dojoxTriStateCheckBoxDisabled .dojoxTriStateCheckBoxInner { /* focused or hovering over */ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .dojoxTriStateCheckBoxInner { /* inner text */ visibility: hidden; display: none; position: absolute; text-align: center; } .dijit_a11y .dojoxTriStateCheckBoxInner { /* inner text */ visibility: visible; display: block; } .dojoxTriStateCheckBoxInput { /* place the actual input on top, but all-but-invisible */ opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); padding: 0; margin: 0; border: 0; width: 15px; height: 16px; background-position: center center; background-repeat: no-repeat; } .dj_ie .dojoxTriStateCheckBoxInput { filter: alpha(opacity=0); } .user-is-tabbing .dojoxTriStateCheckBox.dojoxTriStateCheckBoxFocused { outline: 2px solid #0087fd; outline-offset: 1px; } .UploaderFileList { height: 178px; } .UploaderFileList .dgrid { height: 142px; width: 100%; } .UploaderFileList .ProgressNode { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; margin-top: 10px; } .UploaderFileList .RemoveFileButton { border: 1px; cursor: pointer; margin-top: 3px; } .UploaderFileList .RemoveFileButton:focus { outline: 2px solid #0087fd; } .user-profile-image { display: block; -webkit-border-radius: 99999px; border-radius: 99999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .user-profile-image.employee-card-enabled { cursor: pointer; } .user-profile-image.disabled { display: none !important; } .user-profile-image.tiny { width: 24px; height: 24px; } .user-profile-image.small { width: 30px; height: 30px; } .user-profile-image.small-medium { width: 40px; height: 40px; } .user-profile-image.medium { width: 60px; height: 60px; } .user-profile-image.medium-large { width: 75px; height: 75px; } .user-profile-image.large { width: 90px; height: 90px; } .user-profile-image.team-relate-enabled.has-communication-style { border-width: 3px; border-style: solid; } .user-profile-image.team-relate-enabled.has-communication-style.tiny { border-width: 1.3px; } .user-profile-image.team-relate-enabled.has-communication-style.small, .user-profile-image.team-relate-enabled.has-communication-style.small-medium { border-width: 2px; } .user-profile-image.team-relate-enabled.facilitator { border-color: #fe921d; -webkit-box-shadow: 0 0 3px #fe921d; box-shadow: 0 0 3px #fe921d; } .user-profile-image.team-relate-enabled.director { border-color: #edb221; -webkit-box-shadow: 0 0 3px #edb221; box-shadow: 0 0 3px #edb221; } .user-profile-image.team-relate-enabled.encourager { border-color: #36abda; -webkit-box-shadow: 0 0 3px #36abda; box-shadow: 0 0 3px #36abda; } .user-profile-image.team-relate-enabled.tracker { border-color: #565bd3; -webkit-box-shadow: 0 0 3px #565bd3; box-shadow: 0 0 3px #565bd3; } .validationPane { height: 145px; display: block; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #f00; position: relative; /*give anchor point for message pane*/ } .validationPane .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .validationPane.fullHeight { height: 145px; } .validationPane .sidebar { width: 185px; border: none; float: left; padding: 2px 0px 0px 2px; } .validationPane .sidebarSeparator { border-top: 1px solid #ccc; margin: 4px 8px 2px 2px; } .validationPane.hideSideBar .messagePane { left: 0px; } .validationPane.nocellgrid .messagePane .dgrid-cell { border: none; } .validationPane .messagePane { /*need pos:abs to apply a padding to the nested content while being 100% still*/ position: absolute; top: 2px; left: 185px; /*must be same size as sidebar*/ bottom: 2px; right: 0px; } .validationPane .messagePane .noModelPane { margin: 5px; } .validationPane .messagePane .dgrid { background: #fff; font-size: 12px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15); box-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .validationPane .messagePane .dgrid-cell { white-space: normal; } .validationPane .icon { width: 35px; } .validationPane .buttonNumber { display: inline-block; font-size: 11px; font-weight: bold; min-width: 20px; float: left; text-align: right; width: 40px; } .validationPane .buttonNumberRed { display: inline-block; font-size: 14px; font-weight: bold; min-width: 20px; float: left; text-align: center; width: 40px; color: #f00; } .validationPane .buttonNumberOrange { display: inline-block; font-size: 14px; font-weight: bold; min-width: 20px; float: left; text-align: center; width: 40px; color: #ff4800; } .validationPane .buttonNumberBlue { display: inline-block; font-size: 14px; font-weight: bold; min-width: 20px; float: left; text-align: center; width: 40px; color: #004cb0; } .validationPane .buttonLabel { display: inline-block; font-size: 11px; float: left; text-align: left; margin-left: 5px; } .validationPane .textLabelGray { display: inline-block; margin: 6px; font-size: 11px; color: #929292; position: relative; top: -3px; } .validationPane .textLabel { display: inline-block; margin: 6px; font-size: 11px; position: relative; top: -3px; cursor: pointer; } .validationPane .showAllButton { display: inline-block; padding-left: 10px; padding-right: 10px; width: 145px; } .validationPane .btn-group > .dijitToggleButton, .validationPane .btn-group>.dijitToggleButton+.dijitToggleButton { margin-top: 2px; margin-left: 2px !important; } .validationPane .ShowAll .btn-group > .dijitToggleButton { margin-left: -3px !important; } .validationPane .btn-group > .dijitToggleButton .dijitButtonNode { outline: none; background-color: #fff; background-image: none; -webkit-border-radius: 3px; border-radius: 3px; width: 165px; cursor: pointer; text-align: left; } .validationPane .ShowAll { text-align: center; } .validationPane .ShowAll .btn-group > .dijitToggleButton .dijitButtonNode { width: 60px; text-align: center; } .validationPane .dijitToggleButton.dijitToggleButton .dijitButtonNode .dijitButtonText { display: inline-block; font-size: 11px; color: #6f6f6f; } .validationPane .ShowAll .btn-group > .dijitToggleButton.dijitChecked .dijitButtonNode { border-color: #1162c2; } .validationPane .ShowAll .btn-group > .dijitToggleButton.dijitChecked .dijitButtonNode .dijitButtonText { color: #1162c2; text-shadow: initial; } .validationPane .dijitToggleButton.dijitToggleButton .dijitButtonNode .dijitButtonText { display: inline-block; font-size: 11px; color: #000; margin-right: 5px; } .validationPane .dijitToggleButton.dijitToggleButton .dijitButtonNode .dfI_G08_ValidationError { font-size: 16px; margin-left: 10px; line-height: 12px; color: #e4001e; } .validationPane .dijitToggleButton.dijitToggleButton .dijitButtonNode .dfI_G08_WarningAlert { font-size: 16px; margin-left: 10px; line-height: 12px; color: #fe7f0e; } .validationPane .dijitToggleButton.dijitToggleButton .dijitButtonNode .dfI_G08_Infomation { font-size: 16px; margin-left: 10px; line-height: 12px; color: #1e51bf; } .validationPane .dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dijitButtonText, .validationPane .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dijitButtonText { color: #000; font-size: 11px; text-shadow: 0px 1px 1px rgba(4,39,81,0.4); margin-right: 5px; } .validationPane .errorButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode, .validationPane .errorButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode, .validationPane .payableButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode, .validationPane .payableButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { background-color: #ffebee; border-color: #e4001e; } .validationPane .warningButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode, .validationPane .warningButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { background-color: #fff3e0; border-color: #fe7f0e; } .validationPane .messageButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode, .validationPane .messageButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode, .validationPane .nonPayableButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode, .validationPane .nonPayableButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { background-color: #e3f2fe; border-color: #1e51bf; } .validationPane .dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dijitButtonText, .validationPane .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dijitButtonText { display: inline-block; font-size: 11px; color: #000; margin-right: 5px; } .validationPane .errorButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dfI_G08_ValidationError, .validationPane .errorButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dfI_G08_ValidationError, .validationPane .payableButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dfI_G08_ValidationError, .validationPane .payableButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dfI_G08_ValidationError { font-size: 16px; margin-left: 10px; line-height: 12px; color: #e4001e; } .validationPane .warningButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dfI_G08_WarningAlert, .validationPane .warningButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dfI_G08_WarningAlert { /*background-color: #ff4800*/ font-size: 16px; margin-left: 10px; line-height: 12px; color: #fe7f0e; } .validationPane .messageButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dfI_G08_Infomation, .validationPane .messageButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dfI_G08_Infomation, .validationPane .nonPayableButton.dijitToggleButton.dijitToggleButtonActive .dijitButtonNode .dfI_G08_Infomation, .validationPane .nonPayableButton.dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode .dfI_G08_Infomation { /*background-color: #004cb0*/ font-size: 16px; margin-left: 10px; line-height: 12px; color: #1e51bf; } .claro .validationPane.dijitHidden+.paneAboveContainer { top: 0; } .claro .validationPane+.paneAboveContainer { top: 147px; } .claro .validationPane.dijitHidden+.toolbarAbovePaneAboveContainer { /*top: 32px;*/ top: 36px; } .claro .validationPane+.toolbarAbovePaneAboveContainer { /*top: 179px;*/ top: 183px; } .validationPane .Icon_Show_All, .validationPane .Icon_Show_All_Blue, .validationPane .Icon_Error_Small, .validationPane .Icon_Warning_Small, .validationPane .Icon_Message_Small, .validationPane .Icon_Error, .validationPane .Icon_Error_White, .validationPane .Icon_Message, .validationPane .Icon_Message_White, .validationPane .Icon_Warning, .validationPane .Icon_Warning_White { background: url("../images/Validation_sprites.png?v=64.1.2.14510&") no-repeat; display: inline-block; height: 20px; width: 20px; text-align: right; } .validationPane .Icon_Show_All_Blue { background-position: -3px -135px; height: 11px; width: 16px; margin-top: 2px; } .validationPane .Icon_Show_All { background-position: -3px -157px; height: 11px; width: 16px; margin-top: 2px; } .validationPane .Icon_Error_Small { background-position: -3px -48px; height: 16px; width: 16px; margin-left: 5px; vertical-align: middle; } .validationPane .Icon_Warning_Small { background-position: -3px -224px; height: 16px; width: 16px; margin-left: 5px; vertical-align: middle; } .validationPane .Icon_Message_Small { background-position: -3px -114px; height: 16px; width: 16px; margin-left: 5px; vertical-align: middle; } .validationPane .Icon_Error_White, .validationPane .dijitToggleButtonActive .Icon_Error { background-position: -1px -1px; margin: 2px 2px 2px 2px; } .validationPane .Icon_Error { background-position: -1px -23px; margin: 2px 2px 2px 2px; } .validationPane .Icon_Message_White, .validationPane .dijitToggleButtonActive .Icon_Message { background-position: -1px -67px; margin: 2px 2px 2px 2px; } .validationPane .Icon_Message { background-position: -1px -89px; margin: 2px 2px 2px 2px; } .validationPane .Icon_Warning_White, .validationPane .dijitToggleButtonActive .Icon_Warning { background-position: -1px -177px; margin: 2px 2px 2px 2px; } .validationPane .Icon_Warning { background-position: -1px -199px; margin: 2px 2px 2px 2px; } .ListboxSelector[aria-invalid=true] .ListboxSelectorValidationIcon, .dayforceValidationArea[aria-invalid=true] .areaValidationIcon, .dayforceTextAreaValidationArea[aria-invalid=true] .areaValidationIcon, .input-error .areaValidationIcon { position: absolute; right: 1px; top: 50%; margin: -8px 0 0 0; background-color: transparent; background-image: url("../../Common/images/dojo/error2.png?v=64.1.2.14510&"); background-position: top center; border: none; width: 9px; height: 15px; } .ListboxSelector[aria-invalid=true] .ListboxSelectorValidationIconAlignLeft, .dayforceValidationArea[aria-invalid=true] .areaValidationIconAlignLeft, .dayforceTextAreaValidationArea[aria-invalid=true] .areaValidationIconAlignLeft { left: 48%; } .ListboxSelector[aria-invalid=true] .dataGridBlueBorder, .ListboxSelector.dijitServerError .dataGridBlueBorder { border: 1px #6495ed solid; } .ListboxSelector[aria-invalid=true] .dataGridRedBorder, .ListboxSelector.dijitServerError .dataGridRedBorder { border: solid 1px #d46464; } .validationPane .dgrid-row-table .dgrid-column-icon[role="columnheader"], .validationPane .dgrid-row-table .dgrid-column-message[role="columnheader"] { text-align: center !important; } .user-is-tabbing .validationPane .btn-group > .dijitToggleButtonFocused { outline: 2px solid #0087fd; } .verticalViewPaneWrapper { display: block; position: relative; overflow: hidden; height: 100%; -webkit-overflow-scrolling: auto; } .verticalViewPaneWrapper .borderContainer { width: 100%; } .verticalViewPaneWrapper .borderContainer .leftRegion { overflow: hidden; } .verticalViewPaneWrapper .borderContainer .leftRegion.partHeight { max-height: 500px; min-height: 300px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneHeader { width: 100%; overflow: hidden; position: absolute; top: 0; z-index: 2; min-height: 30px; background-color: #e6e6e6; border-bottom: 1px solid #cdcdcd; display: inline-block; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .TabbedExpander { position: relative; overflow-y: scroll; height: calc(100% - 30px); top: 30px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .dijitViewPaneTitle { font-size: 12px; color: #696969; line-height: 28px; padding-left: 10px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .dijitViewPaneApplyButton { float: right; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSelectorWrapper .selectAll { padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #cdcdcd; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSelectorWrapper .columnList { padding: 10px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSelectorWrapper .columnList .DayforceCheckBox { display: block; margin-bottom: 10px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSelectorWrapper .columnList .DayforceCheckBox .iconLock { background: url("../images/chosen-sprite.png?v=64.1.2.14510&"); white-space: nowrap; display: inline-block; height: 16px; width: 16px; position: relative; background-position: -1px -189px; vertical-align: bottom; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper { min-width: 170px; margin-bottom: 10px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper .ViewPaneRow { height: 100%; overflow: hidden; padding: 10px; padding-bottom: 0px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper .ViewPaneRow .SortRowWrapper { width: 100%; overflow: hidden; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper .ViewPaneRow .SortRowWrapper .SortRow { float: left; margin-top: 5px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper .ViewPaneRow .SortRowWrapper .SortRow.order { min-width: 100px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper .ViewPaneRow .SortRowWrapper .SortRow:not(:last-child) { margin-right: 5px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneColumnSortWrapper .ViewPaneRow .SortRowWrapper .SortRow.Delete { margin-top: 10px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .iconGroup { background: url("../images/chosen-sprite.png?v=64.1.2.14510&"); white-space: nowrap; display: inline-block; height: 16px; width: 16px; position: relative; background-position: -20px -189px; vertical-align: bottom; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .iconSort { background: url("../images/chosen-sprite.png?v=64.1.2.14510&"); white-space: nowrap; display: inline-block; height: 16px; width: 16px; position: relative; background-position: -38px -189px; margin-left: 10px; vertical-align: bottom; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .levelsContainer { padding: 10px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .levelsContainer .ViewPaneLevel { display: block; padding-bottom: 15px; border-bottom: 1px solid #b5bcc7; /* ideally wrapped in its own container to avoid doing this but didn't want to modify the template */ } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .levelsContainer .ViewPaneLevel .LabelWrapper { display: block; margin-bottom: 5px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .levelsContainer .ViewPaneLevel .ViewPaneLabel { display: inline-block; cursor: default; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .levelsContainer .ViewPaneLevel .Delete { cursor: pointer; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .levelsContainer .ViewPaneLevel:not(:first-child) { padding-top: 15px; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .LabelUngrouped { display: inline-block; } .verticalViewPaneWrapper .borderContainer .viewPaneWrapper .viewPaneGroupWrapper .columnSortContainer { margin-left: 20px; } .verticalViewPaneWrapper.collapsed .borderContainer .dijitSplitterV { display: none; } .verticalViewPaneWrapper.expanded .borderContainer .dijitSplitterV { display: block; } .dgrid-list .ListBoxRow.dgrid-disabled { background-color: transparent; background-image: none; filter: none; color: #ccc; cursor: default; } .EntitySelectorDropDownPopup .EntitySelectorDropDown .ListBoxWrapper .ListBoxRow.dgrid-disabled.active { color: #ccc; background-color: transparent; } .dgrid-no-data { color: #808080; text-align: center; margin-top: 10px; } .LetterManagement .viewLetterPanel.CollapsiblePane .collapsiblePaneContainer { word-wrap: normal; } .LetterManagement .viewLetterPanel { background-color: #fff; width: 30rem; height: 100%; } .LetterManagement .container { background: #f8f8f8; } .LetterManagement .headerViewAccept { border: 10px #daf8da solid; background-color: #daf8da; margin-bottom: 1%; padding-left: 12px; position: relative; top: -20px; display: block; } .LetterManagement .headerViewReject { border: 10px #ffebee solid; background-color: #ffebee; margin-bottom: 1%; padding-left: 12px; position: relative; top: -20px; display: block; } .LetterManagement .headerViewPending { border: 10px #e3f2fd solid; background-color: #e3f2fd; margin-bottom: 1%; padding-left: 12px; position: relative; top: -20px; display: block; } .LetterManagement .headerViewExpired { border: 10px #fff3e0 solid; background-color: #fff3e0; margin-bottom: 1%; padding-left: 12px; position: relative; top: -20px; display: block; } .LetterManagement .contentView { margin: 0 auto; margin-bottom: 0.5cm; margin-top: 10px; width: 21cm; height: auto; display: block; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.161); box-shadow: 0px 3px 6px rgba(0,0,0,0.161); padding: 10px; background: #fff; } .LetterManagement .contentView .Icon_Download { background: url("../../../Content/LetterManagement/images/Recruitment_sprite.png?v=64.1.2.14510&") no-repeat; height: 16px; width: 16px; display: inline-block; background-position: -5px -495px; top: 0px; position: relative; padding-right: 10px; margin-top: -20px; } .LetterManagement .contentView .letter-download { width: 15px; height: 15px; float: right; } .LetterManagement .contentView .letter-attachment { border-top: 1px solid #ddd; display: inline-block; width: 100%; } .LetterManagement .contentView .letter-attachment-size { color: #808080; display: inline-block; } .LetterManagement .iconPosition { width: 16px; height: 16px; display: inline-block; top: 5px; position: absolute; right: 0px; } .LetterManagement .iconHeaderPosition { width: 16px; height: 16px; display: inline-block; top: 10px; position: relative; left: 3px; z-index: 100; } .LetterManagement .accept { background: url("../../../Content/LetterManagement/images/accept.svg?v=64.1.2.14510&") no-repeat; height: 16px; width: 16px; } .LetterManagement .reject { background: url("../../../Content/LetterManagement/images/decline.svg?v=64.1.2.14510&") no-repeat; height: 16px; width: 16px; } .LetterManagement .pending { background: url("../../../Content/LetterManagement/images/architecture-sprite.png?v=64.1.2.14510&") no-repeat 0px -96px; } .LetterManagement .pendingHeader { background: url("../../../Content/LetterManagement/images/pending.svg?v=64.1.2.14510&") no-repeat; height: 16px; width: 16px; } .LetterManagement .expired { background: url("../../../Content/LetterManagement/images/expire.svg?v=64.1.2.14510&") no-repeat; height: 16px; width: 16px; } .LetterManagement .subject { color: #1e52bf; font-size: 1.4rem; font-family: Arial, 'Open Sans', sans-serif; font-weight: normal; } .LetterManagement .timeStamp { color: #000; font-size: 1.2rem; font-family: Arial, 'Open Sans', sans-serif; font-weight: normal; } .LetterManagement .parent { position: relative; line-height: 20px; padding-top: 3px; padding-bottom: 3px; } .LetterManagement .letters-grid { border: 0; } .LetterManagement .letters-grid .dgrid-scroller { padding-top: 0 !important; } .CollapsibleFilter .filter-pane .pane-show-icon { margin-top: 1rem; color: #696969; padding-left: 1.8rem; cursor: pointer; } .CollapsibleFilter .filter-pane .show-section .activeAllToggle { display: block; margin: 1rem 1rem 1rem 1rem; } .CollapsibleFilter .filter-pane .show-section .activeAllToggle .dijitToggleButton { min-width: 25%; } .CollapsibleFilter .filter-pane .show-section .activeAllToggle .dijitToggleButton .dijitButtonNode { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0355b2; background-color: #fff; color: #0355b2; background-image: none; } .CollapsibleFilter .filter-pane .show-section .activeAllToggle .dijitToggleButton .dijitButtonNode .dijitButtonText { text-shadow: none; } .CollapsibleFilter .filter-pane .show-section .activeAllToggle .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode { background-color: #0355b2; color: #fff; } .CollapsibleFilter .filter-pane .show-section .no-result-section { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-top: 1rem; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .CollapsibleFilter .filter-pane .show-section .no-result-section .dfI_G08_NoResultsFound { font-size: 2.4rem; margin-right: 0.5rem; color: #c1c1c1; } .CollapsibleFilter .filter-pane .show-section .no-result-section .no-result-text { font-size: 1.3rem; color: #696969; } .CollapsibleFilter .filter-pane .show-section .filter-topbar { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; height: 4rem; border-bottom: 0.1rem solid #ddd; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .filter-icon { font-size: 1.8rem; color: #1c449c; margin: 0.5rem 0.8rem 0rem 0.8rem; cursor: pointer; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container { position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin: 0.7rem 0.7rem 0.7rem 0.7rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .search-textfield { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.8rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .search-textfield .dijitInputContainer { padding-right: 1.8rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .search-textfield .dijitInputInner { color: #696969; font-size: 1.2rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .search-textfield .dijitInputInner::-ms-clear { width: 0; height: 0; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .dijitPlaceHolder.dijitInputField { font-size: 1.2rem; margin-top: 0.1rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .dfI_G08_Search.search-icon { font-size: 1.6rem; position: absolute; color: #ddd; left: 0.4rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .search-textfield-container .dfI_G00_global_delete.reset-icon { position: absolute; font-size: 1.4rem; color: #696969; right: 0.4rem; top: 0.2rem; cursor: pointer; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .vertical-separator { border-right: 0.1rem solid #ddd; margin-top: 0.4rem; margin-bottom: 0.4rem; } .CollapsibleFilter .filter-pane .show-section .filter-topbar .pane-hide-icon { width: 2.2rem; margin-top: 1rem; color: #696969; margin-right: 1rem; cursor: pointer; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .CollapsibleFilter .filter-pane .show-section .filter-topbar .dijitToolbar { background-color: transparent; border-top: none; padding-top: 0.4rem; } .ViewPane { display: block; min-height: 130px; border-top: solid 1px #ccc; border-bottom: solid 2px #3267a5; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); margin-bottom: 5px; background-color: #fbfbfb; position: relative; } .ViewPane .ViewPaneBottom { height: 45px; } .ViewPane .ViewPaneBottom .ViewButtonsWrapper, .FavoritesTab .FavoritesButtonsWrapper { padding: 0px 0px 5px 0px; position: absolute; white-space: nowrap; right: 5px; } .FavoritesTab .FavoritesBottomWrapper { height: 29px; } .FavoritesTab { margin: 0px 5px; } .FavoritesTab .FavoritesName .dijitOutput, .FavoritesTab .FavoritesName { padding: 3px 0px; } .FavoritesTab .ui-widget.dgrid.ListBox { display: block; } .ViewPane .HorizontalSeparator { display: block; height: 1px; border-top: solid 1px #e1e1e1; margin: 7px 12px 7px 12px; } .ViewPane .ViewPaneLevelContainer { min-height: 40px; padding-top: 5px; padding-bottom: 5px; } .ViewPane .ViewPaneLevelContainer .ViewPaneLabel { padding-bottom: 5px; } .ViewPane .ViewPaneLevel, .ViewPane .ViewPaneCols { padding: 3px; } .ViewPane .ViewPaneCols .MultiEntitySelector { margin-top: 2px; } .ViewPane .ColumnSelectorButton { margin-top: 3px; } .ViewPaneCols .ColumnSelectorMultiEntitySelector .deselectIcon { display: none; /* hide X on selected items */ } .ViewPaneCols .ColumnSelectorMultiEntitySelector .EntitySelectorArrowIcon { display: none; /* hide arrow icon */ } .ColumnSelectorMultiEntitySelector.MultiEntitySelector.dijitDisabled .MultiEntitySelectorItemNode .MultiEntitySelectorItem { padding: 2px 5px 2px 5px; border: 1px solid #aaa; background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -ms-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #333; } .ColumnSelectorMultiEntitySelector.MultiEntitySelector.dijitDisabled .MultiEntitySelectorItemNode .MultiEntitySelectorItem.dijitDisabled { border: 1px solid #dfe2e7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0); background-image: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #f9f9f9 52%, #f4f4f4 100%); color: #8a8787; } .ColumnSelectorMultiEntitySelector.MultiEntitySelector.dijitDisabled .EntitySelectorContainer, .ColumnSelectorMultiEntitySelector.MultiEntitySelector.dijitDisabled .MultiEntitySelectorItemNode .MultiEntitySelectorItem { border: 1px solid #b5bcc7; } .ColumnSelectorMultiEntitySelector .MultiEntitySelectorItem .lockIcon { display: inline-block; width: 10px; height: 10px; vertical-align: middle; background: url("../images/chosen-sprite.png?v=64.1.2.14510&") -4px -136px no-repeat; margin-right: 2px; } .WhatsNewModal .dijitDialogPaneContent { overflow: hidden !important; padding-left: 0px !important; padding-right: 0px !important; } .WhatsNewView.navigation { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .WhatsNewView.WithSelectorAbove.navigation { top: 3rem; } .WhatsNewView.navigation .toolbarContentPane { height: 100%; text-align: center; overflow: hidden; } .WhatsNewView.navigation .toolbarContentPane.left, .WhatsNewView.navigation .toolbarContentPane.right { width: 45px; min-width: 45px; } .WhatsNewView.navigation .navButton { position: absolute; top: 50%; z-index: 1000; } .WhatsNewView.navigation .navButton.Left { left: 5px !important; } .WhatsNewView.navigation .navButton.Right { right: 0px !important; } .WhatsNewView.navigation .navButton .dijitIcon { width: 38px; height: 38px; } .WhatsNewView.navigation .navButton .navLeft { background: url("../images/icon_left.png?v=64.1.2.14510&") no-repeat; } .WhatsNewView.navigation .navButton .navRight { background: url("../images/icon_right.png?v=64.1.2.14510&") no-repeat; } .WhatsNewView.navigation .navButton .navLeft .dijitButtonText { width: 0px; height: 0px; overflow: hidden; } .ViewOnLoginLabel { font-size: 11px; color: #013ca6; font-family: 'Open Sans'; } .WhatsNewModal .NoContent { text-align: center; } .WhatsNewModal .NoContent .NoContentText { margin-top: 30%; } .showOnLogin { float: right; } .WhatsNewModal .WhatsNewTab { width: 100rem; height: 80rem; } .WhatsNewModal .WhatsNewTab .versionSelector { width: 17rem; padding: 1rem 0 0 5rem; } .WhatsNewModal .dijitTabController.dijitTabContainerTop-tabs .dijitTabInner:first-child { margin-left: 5rem; } .WhatsNewModal .dialogButtons { width: 100%; margin-right: 0; } .WhatsNewModal .dialogButtons .viewOnLoginContainer { padding-left: 5rem; } .WhatsNewModal .dialogButtons .ConfirmWhatsNew { padding-right: 5rem; } .WhatsNewModal .dialogButtons .ConfirmWhatsNew { float: right; } .WizardControl .WizardStep .WizardStepHeading { padding: 10px 1px 7px 1px; font-size: 1.3em; color: #013ca6; font-family: Arial, sans-serif; border-bottom-color: #d3d3d3; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 4px; margin-right: 4px; } .WizardControl .WizardStep .WizardStepSubHeading { padding: 15px 1px 4px 0px; font-size: 1em; font-family: Arial, sans-serif; } .WizardControlButton .previousIcon { margin-top: -1px; } .WizardControlButton .nextIcon { float: right; margin-top: 1px; } .claro .WizardControlButton.dijitButton.dijitFocused.dijitButtonFocused .dijitButtonNode { /* border: 1px solid orange */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255,153,51,0.4); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255,153,51,0.4); } .WizardControl .WizardStep .forkOptionButton { padding: 3px; display: block; } .WizardControl .WizardStep .forkOptionButtonChecked { border-width: 2px; padding: 3px; -webkit-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336ab2', endColorstr='#224d85'); background: -webkit-linear-gradient(#336ab2, #224d85); background: -moz-linear-gradient(#336ab2, #224d85); background: -o-linear-gradient(#336ab2, #224d85); background: -ms-linear-gradient(#336ab2, #224d85); background: linear-gradient(#336ab2, #224d85); } .WizardControl .WizardStep .forkOptionButton .dijitButtonNode { color: #013ca6; font-size: 18px; font-family: Arial, sans-serif; text-decoration: none; display: block; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; border-radius: 2px; height: 30px; text-align: left; background-color: #fff; } .WizardControl .WizardStep .forkOptionButton .dijitButtonNode .dijitButtonText { color: #013ca6; font-size: 12px; font-family: Arial, sans-serif; text-decoration: none; margin-top: 5px; margin-left: 10px; } .WizardControl .forkOptionButton .dijitButtonNode .dijitButtonContents .dijitIcon { float: right; margin-top: 1px; } .WizardControl .icon_Star { background-image: url("../images/Star.png?v=64.1.2.14510&"); width: 28px; height: 28px; } .WizardControl .icon_edit { background-image: url("../images/edit.png?v=64.1.2.14510&"); width: 28px; height: 28px; } .WizardControl.dijitTextBox .dijitInputInner { font-family: Arial, sans-serif; font-size: 11px; } .WizardControl .WizardButtonSection { background-color: #e3e3e3; border: solid 1px #d4d4d4; } .WizardControl { height: 100%; position: relative; display: block; overflow-x: auto; overflow-y: hidden; } .WizardControl .leftPane { display: inline-block; position: absolute; top: 0; bottom: 50px; width: 200px; overflow-y: auto; overflow-x: hidden; } .WizardControl .WizardStepButton { display: block; } .WizardControl .WizardStepButton.WizardStepButtonChecked { padding-bottom: 4px; border-top: none; border-bottom: 1px solid #94b8e7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336ab2', endColorstr='#224d85'); background: -webkit-linear-gradient(#336ab2, #224d85); background: -moz-linear-gradient(#336ab2, #224d85); background: -o-linear-gradient(#336ab2, #224d85); background: -ms-linear-gradient(#336ab2, #224d85); background: linear-gradient(#336ab2, #224d85); } .WizardControl .WizardStepButton.WizardStepButtonChecked .dijitButtonText { color: #fff; text-shadow: none; } .claro .WizardControl .btn-group > .dijitButton + .dijitButton, .claro .WizardControl .btn-group > .dijitDropDownButton + .dijitDropDownButton, .claro .WizardControl .btn-group > .dijitComboButton + .dijitComboButton, .claro .WizardControl .btn-group > .dijitToggleButton + .dijitToggleButton { margin-left: 0px; } .WizardControl .rightPane { display: inline-block; position: absolute; top: 0; left: 200px; right: 0; bottom: 50px; overflow-y: auto; border: 1px #ededed solid; margin-left: 5px; } .WizardControl .rightPane .containerNode { display: block; } .WizardControl .rightPane .containerNode>.WizardStep { display: none; height: 100%; } .WizardControl .rightPane .containerNode>.currentStep { display: inherit; } .WizardControl .bottomPane { position: absolute; bottom: 0; height: 49px; left: 0; right: 0; display: block; overflow: hidden; background-color: #ececec; /* border: solid 1px #d4d4d4 */ } .WizardControl .buttonsContainer { text-align: right; margin: 10px; } .WizardControl .SnippetContainer { font-family: 'Open Sans', Arial, 'Times New Roman'; color: #000; max-width: 50%; float: left; height: 100%; } .WizardControl .SnippetContainer .SnippetTitle { font-size: 14px; } .WizardControl .SnippetContent { margin: 0; overflow: hidden; font-size: 11px; height: 100%; } .WizardControl .BottomLogo { float: left; margin: 5px; overflow: hidden; width: 70px; height: 40px; background: url("../images/DF_logo_black.gif?v=64.1.2.14510&") no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; /*Hide logo by default*/ display: none; } .WizardBottomContentTooltip { max-width: 350px; } .WizardControl .stepList > .WizardStepButton { margin: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #deebfb !important; background-color: transparent; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -o-transition-property: background-color, border; -ms-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -ms-transition-duration: 0.35s; transition-duration: 0.35s; color: #e5f1fe; height: 30px; padding-top: 4px; padding-bottom: 4px; border-right: none !important; } .WizardControl .stepList > .WizardStepButton > .dijitButtonNode { margin-top: -2px; width: 100%; } .WizardControl .WizardStepButton .dijitButtonText { display: block; font-size: 11px; color: #013ca6; line-height: 30px; vertical-align: middle; margin: 0 0 0 10px; min-height: 15px; } .WizardControl .stepList .WizardStepButtonDisabled .dijitButtonText { color: #8c8c8c !important; } .WizardControl .WizardProgressPane { text-align: center; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .WizardControl .WizardProgressTitle { font-size: 11px; color: #013ca6; line-height: 30px; vertical-align: middle; } .WizardControl .WizardProgressBar { border: 1px solid #d3d3d3; } .WizardControl.hideMenu .leftPane, .WizardControl.hideMenu .topPane, .WizardControl.hideNavigation .bottomPane { display: none; } .WizardControl.hideNavigation .rightPane, .WizardControl.hideNavigation .leftPane { bottom: 0px; } .WizardControl.hideMenu .rightPane { left: 0px; margin-left: 0; } .WizardControl .topPane { display: none; } .claro .dijitMenu.WizardDropDownMenu { margin-top: 5px; border-top: 1px solid #d3d3d3; display: none; } .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.WizardStepButtonSelected td, .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.WizardStepButtonSelected.dijitMenuItemSelected td { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336ab2', endColorstr='#224d85'); background: -webkit-linear-gradient(#336ab2, #224d85); background: -moz-linear-gradient(#336ab2, #224d85); background: -o-linear-gradient(#336ab2, #224d85); background: -ms-linear-gradient(#336ab2, #224d85); background: linear-gradient(#336ab2, #224d85); } .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem td, .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.dijitMenuItemHover td, .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.dijitMenuItemSelected td { color: #3268af; font-size: 11px; font-weight: bold; } .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.dijitMenuItemActive td, .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.WizardStepButtonSelected td, .claro .dijitMenu.WizardDropDownMenu .dijitMenuItem.WizardStepButtonSelected.dijitMenuItemSelected td { color: #fff; text-shadow: none; } .claro .dijitMenu.WizardDropDownMenu td.dijitMenuItemIconCell { display: none; } .WizardControl .topPane .dijitDropDownButton { width: 100%; margin: 0px; text-align: center; } .WizardControl .topPane .dijitDropDownButton .dijitButtonNode { width: 95%; border: 1px solid #b4d1e3; -webkit-border-radius: 0px; border-radius: 0px; background: #fbfbfb; padding-top: 0px; padding-bottom: 0px; max-height: 38px; overflow: hidden; } .WizardControl .topPane .dijitDropDownButton .dijitButtonNode .dijitButtonContents { text-align: left; } .WizardControl .topPane .dijitDropDownButton .dijitButtonNode .dijitArrowButtonInner { float: right; border-left: 1px solid #b4d1e3; width: 30px; height: 38px; background-position: -41px 53%; } .WizardControl .topPane .dijitDropDownButton .dijitButtonNode .dijitButtonText { float: left; padding: 9px 0px 10px 10px; font-size: 12px; color: #3268af; font-weight: bold; } .WizardControl .stepList .dijitButtonText { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; } @media (max-width: 768px), (max-device-width: 768px) { .WizardControl .SnippetContainer { display: none; } .WizardControl .ButtonContainer { padding: 10px 20px 10px 0; max-width: none; float: none; } .WizardControl .topPane { left: 0px; top: 0px; width: 100%; display: block; } .WizardControl .leftPane { left: 0px; top: 40px; width: 100%; display: inline-block; } .WizardControl .leftPane .stepList { display: none; } .WizardControl .leftPane .WizardProgressPane { padding: 10px 0px 10px 0px; } .WizardControl .rightPane { left: 0px; top: 105px; margin-left: 0px; } .WizardControl.hideMenu .rightPane { top: 0px; } .claro .dijitMenu.WizardDropDownMenu { display: table; } } .workflow-diagram .workflow-diagram-toolbox { overflow-y: hidden; background: #f0f8ff; position: relative; direction: ltr; } .workflow-diagram .workflow-diagram-toolbox.display-vertical { width: 250px; height: 600px; overflow-y: auto; background: #f0f8ff; float: left; position: relative; } .workflow-diagram .workflow-diagram-main { width: 750px; height: 600px; overflow: hidden; background: #f5f5dc; float: left; position: relative; } .workflow-diagram.vertical-layout { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } path.active { fill: #ff0; } path.pending { fill: #9f9; } path.clicked { fill: #fdb050; } .workflow-diagram .node-type-text { -webkit-user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-user-select: none; pointer-events: none; } .claro .xmlFormDialog .header { font-weight: bold; font-size: 13px; padding: 15px 10px; color: #000; } .claro .xmlFormDialog .defaultFormHeader { background: #808080; padding: 15px 10px; } .claro .xmlFormDialog .employeeHeaderPanel, .claro .xmlFormDialog .headerPanel { min-height: 20px; background: #696969; padding: 0px 10px 2px 10px; color: #fff; margin: 10px 10px 0px 10px; } .claro .xmlFormDialog .headerPanel { font-size: 16px; } .dj_ie8 .previousValueMarker { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.70710678, M12=-0.70710678, M21=0.70710678, M22=-0.70710678,sizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.70710678, M12=-0.70710678, M21=0.70710678, M22=-0.70710678,sizingMethod='auto expand'); top: -12px; width: 17px; right: -6px; background-position: 29px -2px; } .claro .previousValueMarker { background-image: url("../images/chosen-sprite.png?v=64.1.2.14510&"); background-position: 20px -2px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: -6px; right: -3px; width: 13px; height: 23px; } .claro .xmlFormDialog .dgrid-scroller .dgrid-cell, .claro .PreviousValueGrid .dgrid-scroller .dgrid-cell { position: relative; } .claro .xmlFormDialog .dgrid-scroller .dgrid-cell { padding: 1px 4px; } .claro .xmlFormDialog .dgrid-cell .MultiEntitySelector { margin-left: 0px; min-width: 50px; } .claro .xmlFormDialog .dgrid-cell .EntitySelector { margin-left: 0px; min-width: 100px; } .claro .dgrid-cell .previousValueMarker { top: -5px; width: 10px; right: 2px; } .claro .dgrid-cell .previousValueMarkerCell { top: -6px; right: -3px; } .claro .xmlFormDialog .singleControlInnerWrapper, .claro .xmlFormDialog .duoControlInnerWrapper, .claro .xmlFormDialog .tripleControlInnerWrapper { position: relative; display: inline-block; overflow: hidden; } .claro .xmlFormDialog .duoControl, .claro .xmlFormDialog .RoleLocationSelector .NewHireRoleAssignmentSelector, .claro .xmlFormDialog .PrestartRoleSelector .PrestartRoleAssignmentSelector, .claro .xmlFormDialog .RoleLocationSelector .UserOrgAssignmentsSelector { display: inline-block; width: 50%; position: relative; overflow: hidden; } .claro .xmlFormDialog .XmlFormRichTextEditor .tox .tox-editor-header { z-index: 0; } .claro .xmlFormDialog .tripleControl { display: inline-block; width: 33%; position: relative; overflow: hidden; vertical-align: top; } .claro .xmlFormDialog .tripleControl .dfDropdown { margin-left: 10px; width: 95%; } .claro .xmlFormDialog .tripleControl .cer-dropdownfilterlist { float: left; } .claro .xmlFormDialog .positionManagementSelector .interimContainer { width: 100%; margin-bottom: 7px; } .claro .xmlFormDialog .positionManagementSelector .tripleControl .interimCheckbox { margin-left: 10px; } .claro .xmlFormDialog .labelValueControl { margin-left: 13px; margin-top: 5px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 240px; } .claro .xmlFormDialog .labelValueControlWide { width: 530px; } .claro .xmlFormDialog .duoLabelValueControl { display: block; } .claro .xmlFormDialog .selectionPlaceholder { font-weight: bold; white-space: nowrap; margin-left: 10px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .claro .xmlFormDialog .dayforceSplitContainer .outerBindingContainer { overflow-y: auto; } .claro .xmlFormDialog .dayforceSplitContainer td > .outerBindingContainer { height: auto; } .claro .xmlFormDialog .outerContainer, .claro .xmlFormDialog .outerBindingContainer, .claro .xmlFormDialog .innerBindingContainer, .claro .xmlFormDialog .linkContainer { position: relative; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; } .claro .xmlFormDialog .linkContainer { min-height: 17px; display: inline-block; } .claro .xmlFormDialog .xmlFormDatagrid { width: 100%; } .claro .xmlFormDialog .xmlFormManagerSelectorDatagrid { display: block; } .claro .xmlFormDialog .managerDatagridWrapper { margin: 10px; } .claro .xmlFormDialog .ManagerSelectorControlWrapper { margin-top: 5px; margin-bottom: 5px; } .claro .xmlFormDialog .xmlFormTableContainer, .claro .xmlFormDialog .xmlFormTableContainer table { width: 100%; table-layout: fixed; } .claro .xmlFormDialog .xmlFormTableContainer .xmlFormPayClassSelector .arrayGroup { margin-top: -20px; } .claro .xmlFormDialog .xmlFormTableContainer .xmlFormPayTypeSelector .arrayGroup { margin-top: -20px; } .claro .xmlFormDialog .horizontal { height: 200px; } .claro .xmlFormDialog .DFFormHeader, .claro .xmlFormDialog .DFFormHeaderRightJustified, .claro .xmlFormDialog .DFFormHeaderBold, .claro .xmlFormDialog .DFFormHeaderBoldCenter { font-size: 15px; } .claro .xmlFormDialog .DFFormHeaderRightJustified { text-align: right; } .claro .xmlFormDialog .DFFormHeaderBold { font-weight: bold; } .claro .xmlFormDialog .DFFormHeaderBoldCenter { font-weight: bold; text-align: center; } .claro .xmlFormDialog .InLineHelpLabel { color: #707070; display: block; } .claro .xmlFormDialog .DFLabel { color: #f00; display: block; } .claro .xmlFormDialog .employeeHeaderPanel { white-space: normal; word-wrap: break-word; } .claro .xmlFormDialog .IVLabelUnderline { vertical-align: bottom; margin-left: 10px; font-weight: bold; text-decoration: underline; } .claro .xmlFormDialog .IVLabelItalic { margin-left: 0.85em; font-size: 12px; font-style: italic; } .claro .xmlFormDialog .DFMargin { margin: 0em 0.85em 0em 0.65em; } .claro .xmlFormDialog label, .claro .xmlFormDialog .DFLabel, .claro .xmlFormDialog .IVLabel, .claro .xmlFormDialog .IVLabelNoBold, .claro .xmlFormDialog .IVLabelRightJustified, .claro .xmlFormDialog .DFFormHeader, .claro .xmlFormDialog .IVPanel, .claro .xmlFormDialog .IVPanelCenter, .claro .xmlFormDialog .DFFormHeaderRightJustified, .claro .xmlFormDialog .DFFormHeaderBold, .claro .xmlFormDialog .DFFormHeaderBoldCenter, .claro .xmlFormDialog .IVHyperLink, .claro .xmlFormDialog .defaultLabelClass, .claro .xmlFormDialog .panelTag, .claro .xmlFormDialog .defaultHyperlinkClass, .claro .xmlFormDialog .dijitTableLayout .InLineHelpLabel, .claro .xmlFormDialog .dijitTableLayout .Text, .claro .xmlFormDialog .header, .claro .xmlFormDialog .defaultFormHeader, .claro .xmlFormDialog .headerPanel { white-space: pre-line; /* white-space pre-line to preserve whitespace and break on line breaks (some resx strings have multiple lines) */ word-wrap: break-word; } .claro .xmlFormDialog .dijitTableLayout .IVLabel, .claro .xmlFormDialog .dijitTableLayout .IVLabelNoBold, .claro .xmlFormDialog .dijitTableLayout .IVLabelRightJustified, .claro .xmlFormDialog .dijitTableLayout .IVComboBox, .claro .xmlFormDialog .dijitTableLayout .IVComboBox200, .claro .xmlFormDialog .dijitTableLayout .IVComboBox2, .claro .xmlFormDialog .dijitTableLayout .IVComboBoxDouble, .claro .xmlFormDialog .dijitTableLayout .IVComboBoxTriple, .claro .xmlFormDialog .dijitTableLayout .IVTFNComboBoxTriple, .claro .xmlFormDialog .dijitTableLayout .IVTFNComboBox700, .claro .xmlFormDialog .dijitTableLayout .IVEntitySelector, .claro .xmlFormDialog .dijitTableLayout .IVDatePicker, .claro .xmlFormDialog .dijitTableLayout .IVCheckBox, .claro .xmlFormDialog .dijitTableLayout .IVCheckBoxCentered, .claro .xmlFormDialog .dijitTableLayout .DFTextBox, .claro .xmlFormDialog .dijitTableLayout .IVTextBox, .claro .xmlFormDialog .dijitTableLayout .IVTextBoxFlex, .claro .xmlFormDialog .dijitTableLayout .IVTextBox200, .claro .xmlFormDialog .dijitTableLayout .IVTextBoxRight, .claro .xmlFormDialog .dijitTableLayout .IVTextBoxRightW180, .claro .xmlFormDialog .dijitTableLayout .IVTextBoxDouble, .claro .xmlFormDialog .dijitTableLayout .IVTFNTextBoxTriple, .claro .xmlFormDialog .dijitTableLayout .IVTextBoxShort, .claro .xmlFormDialog .dijitTableLayout .InLineHelpLabel, .claro .xmlFormDialog .dijitTableLayout .DFLabel, .claro .xmlFormDialog .dijitTableLayout .Text, .claro .xmlFormDialog .dijitTableLayout .IVHyperLink, .claro .xmlFormDialog .dijitTableLayout .IVAutoCompleteBox, .claro .xmlFormDialog .dijitTableLayout .IVAutoCompleteBoxWide, .claro .xmlFormDialog .dijitTableLayout .IVAutoCompleteBoxDoubleWide, .claro .xmlFormDialog .dijitTableLayout .IVJobReqProperty, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyLabel, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyGridLabel { font-size: 12px; margin-left: 10px; vertical-align: bottom; overflow: hidden; } .claro .xmlFormDialog .cer-rte-floating-panel .tox-dialog { position: absolute !important; top: 45px; } .claro .xmlFormDialog .dijitTabContainerTop-tabs { z-index: 0; } .claro .xmlFormDialog .dijitLayoutContainer { z-index: 2; } .claro .xmlFormDialog .dayforceSplitContainer-dijitContentPane { z-index: 0; } .claro .xmlFormDialog .tox-dialog-wrap { overflow-y: hidden; } .claro .xmlFormDialog .IVLabel, .claro .xmlFormDialog .IVLabelNoBold, .claro .xmlFormDialog .IVLabelRightJustified, .claro .xmlFormDialog .defaultLabelClass, .claro .xmlFormDialog .panelTag, .claro .xmlFormDialog .defaultHyperlinkClass, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyGridLabel, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyLabel { display: block; } .claro .xmlFormDialog .IVLabel, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyGridLabel, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyLabel { font-weight: bold; } .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyGridLabel, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyLabel { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyGridLabel.redStarRequired:after, .claro .xmlFormDialog .dijitTableLayout .IVJobReqPropertyLabel.redStarRequired:after { display: inline-block; position: sticky; top: 0px; right: 2px; } .claro .xmlFormDialog .IVLabelRightJustified { font-weight: bold; text-align: right; } .claro .xmlFormDialog .panelTag { border-bottom: 1px solid #000; } .claro .xmlFormDialog .IVPanel { margin: 0px 10px; font-size: 13px; } .claro .xmlFormDialog .IVPanelCenter { margin: 0px 10px; font-size: 15px; font-weight: bold; text-align: center; } .claro .xmlFormDialog .DFTextBox { width: 150px; } .claro .xmlFormDialog .IVTextBox { width: 150px; } .claro .xmlFormDialog .IVTextBoxFlex { width: auto; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .claro .xmlFormDialog .IVTextBox200 { width: 200px; } .claro .xmlFormDialog .IVTextBoxRight input, .claro .xmlFormDialog .IVTextBoxRightW180 input { text-align: right; } .claro .xmlFormDialog .IVTextBoxRight { width: 150px; } .claro .xmlFormDialog .IVTextBoxRightW180 { width: 180px; } .claro .xmlFormDialog .IVTextBoxDouble { max-width: 300px; } .claro .xmlFormDialog .IVTextBoxShort { width: 90px; } .claro .xmlFormDialog .IVComboBox { width: 180px; } .claro .xmlFormDialog .IVComboBox200 { width: 200px; } .claro .xmlFormDialog .IVComboBox2 { width: 100px; } .claro .xmlFormDialog .IVComboBoxDouble { max-width: 350px; } .claro .xmlFormDialog .IVCheckBoxOptionDisplayBlock div[class = 'DayforceCheckBox'] { display: table; margin: 0.7em 0em 0.7em 0.5em; } .claro .xmlFormDialog .IVCheckBoxOptionDisplayBlock .disabledDayforceCheckBox { display: table; margin: 0.7em 0em 0.7em 0.5em; } .claro .xmlFormDialog .IVCheckBoxOptionDisplayBlock .disabledDayforceCheckBox Label { color: #757575; } .claro .xmlFormDialog .DayforceCheckBox { min-height: 18px; } .claro .xmlFormDialog .IVComboBoxTriple { max-width: 505px; } .claro .xmlFormDialog .IVTFNComboBoxTriple { max-width: 350px; } .claro .xmlFormDialog .IVTFNTextBoxTriple { max-width: 350px; } .claro .xmlFormDialog .IVTFNComboBox700 { max-width: 700px; } .claro .xmlFormDialog .IVEntitySelector, .claro .xmlFormDialog .IVDatePicker, .claro .xmlFormDialog .IVTimeTextBox { width: 150px; } .claro .xmlFormDialog .dijitTableLayout td .IVCheckBoxCentered { margin-left: 50%; } .claro .xmlFormDialog .textBold { font-weight: bold; } .claro .FormDialog .dijitDialogPaneContent { padding: 0; } .claro .xmlFormDialog .IVAutoCompleteBox { width: 150px; } .claro .xmlFormDialog .IVAutoCompleteBoxWide { width: 200px; } .claro .xmlFormDialog .IVAutoCompleteBoxDoubleWide { width: 300px; } .xmlFormDialog .xmlFormTableContainer table td.tableContainer-valueCell { padding: 2px 0px; vertical-align: middle; } .xmlFormDialog .dijitTextBox, .xmlFormDialog .MultiEntitySelector, .xmlFormDialog .EntitySelector { display: block; width: auto; min-width: 0; } .xmlFormDialog .dijitEditor .dijitTextBox, .xmlFormDialog .dijitEditor .MultiEntitySelector, .xmlFormDialog .dijitEditor .EntitySelector { display: inline-block; } .xmlFormDialog .richTextControlCaption { margin-left: 10px; } .xmlFormDialog .richTextControlCaption span { white-space: pre-wrap; } .xmlFormDialog .richTextControlCaption p { margin: 0; line-height: normal; } .xmlFormDialog .richTextControlCaption ul li { font-size: medium /* defined on .claro .resetParagraphCSS in UI\Framework\Stylus\FrameworkClaro\main.styl */; } .xmlFormDialog .richTextControlCaption ul li::marker { font-size: 1.2rem /* the bullets still inherit from body */; } .xmlFormDialog .dijitTextBox.dijitTextArea { resize: none; font-size: 10pt; color: #000; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: #707070; } .xmlFormDialog .dijitTabContainer { margin: 20px 10px 0px 10px; } .xmlFormDialog .dijitTextBox.dijitTextArea, .xmlFormDialog .dayforceTextArea, .xmlFormDialog .dijitEditor { height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px; border-color: #696969; } .xmlFormDialog .dayforceTextArea.dijitTextareaFocused { padding: 2px; } .xmlFormDialog .dayforceTextArea.dijitTextareaFocused textarea { outline: 2px solid #0087fd; } .xmlFormDialog .dijitEditor .dijitEditorIFrameContainer { padding: 0; position: absolute; left: 5px; top: 35px; bottom: 5px; right: 5px; height: auto !important; } .xmlFormDialog .richTextControlWithBindingAndCaption, .xmlFormDialog .xmlSimpleCommentControlWithCaption { margin: 10px 10px 0px 10px; } .claro .xmlFormDialog table .labelAboveFillRemainingSpace { position: absolute; top: 18px; bottom: 0; left: 0; right: 0; height: auto; } .xmlFormDialog .commentContainer { margin: 0px 10px; } .xmlFormDialog .commentContainer .dayforceTextArea { height: 60px; padding: 2px; } .xmlFormDialog .commentContainer .dayforceTextArea.dijitTextareaFocused { padding: 2px; } .xmlFormDialog .commentContainer .dayforceTextArea.dijitTextareaFocused dijitTextArea { outline: 2px solid #0087fd; } .xmlFormDialog .uploadDownloadContainer { margin: 0px 10px 10px 10px; } .claro .xmlFormDialog .uploadDownloadUploadFilesButton .dijitButtonNode { padding: 2px 7px 4px 4px; } .claro .xmlFormDialog .xmlUploadDownloadInitialView { background: #f1f1f1; border: 2px solid #d3d3d3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 100%; overflow-y: auto; } .claro .xmlFormDialog .hideUploadDownloadImage .uploadDownloadImageContainer { display: none; } .claro .xmlFormDialog .hideUploadDownloadImage .uploadDownloadButtonInnerContainer { top: 50%; margin-top: -15px; } .claro .xmlFormDialog .xmlUploadDownloadInitialView .centerRegionContainer { position: relative; display: inline-block; max-height: 115px; height: 100%; width: 90%; vertical-align: middle; } .claro .xmlFormDialog .xmlUploadDownloadInitialView .centerRegionContainer.noValidDocuments { height: auto; } .claro .xmlFormDialog .dgrid .dgrid-header .StaticColumnHeaderStandout { font-weight: bold; font-size: 14px; /* border-width: 0px;*/ } .claro .xmlFormDialog .dgrid .dgrid-header .StaticColumnHeaderHorizontalCenter { text-align: center; } .claro .xmlFormDialog .dgrid .dgrid-header .StaticColumnHeaderHorizontalRight { text-align: right; } .claro .xmlFormDialog .dgrid .dgrid-cell.CellRightAlignment { text-align: right !important; } .claro .xmlFormDialog .dgrid .dgrid-cell.CellBold { font-weight: bold; } .claro .displayMessageWrapper .dfI_G08_WarningAlert, .claro .xmlFormDialog .dfI_G08_WarningAlert { font-size: 1.8em; margin-left: 6px; margin-bottom: 6px; color: #ff9700; display: inline-block; } .claro .displayMessageWrapper .warning, .claro .xmlFormDialog .warning { font-weight: bold; font-size: 12px; word-wrap: break-word; margin-left: 6px; display: inline-block; } .claro .xmlFormDialog .duoControlLabel, .claro .xmlFormDialog .tripleControlLabel { margin-bottom: 5px; } .claro .xmlFormDialog .xmlFormSinTextBox { height: 50px; } .claro .xmlFormDialog .AttendanceChart { margin-left: 10px; } .claro .xmlFormDialog .AttendanceChartEmpty { width: 400px; height: 200px; } .FormDialog.maximized .xmlFormDialog { /*by default has width assigned by razor but when maximized we want to remove it to allow content to stretch to dialog fullscreen width*/ width: auto !important; } .claro .xmlFormDialog { max-width: 100%; overflow-x: auto; } .claro .xmlFormDatagrid > .dijitToolbar, .claro .xmlFormDatagrid > .dgrid { margin: 0px 10px 0px 10px; } .claro .DayforceCheckBox .previousValueMarker, .claro .DayforceCheckBox + .previousValueMarker { left: 6px; right: auto; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); top: -7px; } .claro .embeddedForm { background-color: #fff; } .claro .embeddedForm .dgrid .dgrid-row-table .dgrid-cell .MultiEntitySelector .dijitButtonContents, .claro .embeddedForm .dgrid .dgrid-row-table .dgrid-cell .EntitySelector .dijitButtonContents, .claro .embeddedGuidedProcess .dgrid .dgrid-row-table .dgrid-cell .MultiEntitySelector .dijitButtonContents, .claro .embeddedGuidedProcess .dgrid .dgrid-row-table .dgrid-cell .EntitySelector .dijitButtonContents { /* to remove dotted lines that appear around Entity Selector in data grids in firefox */ outline: none !important; border: 0px; } .claro .ComparisonChoiceSelector .dijitEditor { width: 400px; height: 300px; position: relative; } .claro .ComparisonChoiceSelector .ComparisonChoiceSelectorRow .comparisonRowSplit { padding: 10px; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; } .claro .ComparisonChoiceSelector .ComparisonChoiceSelectorRow .comparisonRowSplit + .comparisonRowSplit { border-left: 1px solid #e3e3e3; } .claro .ComparisonChoiceSelector .ComparisonChoiceSelectorRow .comparisonRowSplit.comparisonRowHeader { font-weight: bold; } .claro .ComparisonChoiceSelector .ComparisonChoiceSelectorRow .comparisonRowSplit.comparisonRowHeader .dijitOutput { background-color: #e3e3e3; padding: 5px 0px 5px 10px; } .claro .ComparisonChoiceSelector .ComparisonChoiceSelectorRow .comparisonRowItem { padding-left: 30px; } .claro .ComparisonChoiceSelector .rowsContainer { display: table; width: 100%; } .claro .ComparisonChoiceSelector .rowsContainer .ComparisonChoiceSelectorRow { display: table-row; width: 100%; } .claro .ComparisonChoiceSelector .rowsContainer .ComparisonChoiceSelectorRow .comparisonRowSplit { display: table-cell; width: 49%; } .claro .ComparisonChoiceSelector .comparisonDescription { font-weight: bold; margin: 6px 0px; } .claro.user-is-tabbing .xmlFormDialog .dijitTableLayout .IVDatePicker .dijitDateTextBoxFocused { outline: 2px solid #0087fd; outline-offset: -2px; } .claro.tox-fullscreen .xmlFormDialog { left: 99999px; position: absolute; } .claro.tox-fullscreen .workflowExpressionControlDialog .decisionPanel { visibility: hidden; } .claro.tox-fullscreen .workflowExpressionControlDialog .dijitSplitter { visibility: hidden; } @media print { .xmlFormDialog { width: auto !important; } .xmlFormDialog .formGroup { min-width: 0 !important; } .xmlFormDialog .header { min-width: 50% !important; white-space: nowrap !important; word-break: keep-all !important; overflow: hidden !important; } .claro.IEPrinter .xmlFormDialog .defaultLabelClass, .claro.IEPrinter .xmlFormDialog .commentContainer label { white-space: normal !important; word-break: normal !important; } .claro.IEPrinter .xmlFormDialog .commentContainer label { min-width: 80%; } .xmlFormDialog .printInputField { width: 100% !important; } .FFPrinter .xmlFormDialog .dijitTextBox, .FFPrinter .xmlFormDialog .MultiEntitySelector, .FFPrinter .xmlFormDialog .EntitySelector { width: 100% !important; } .xmlFormDialog .dijitTextBox .dijitInputInner { width: 100% !important; } .xmlFormDialog .dijitTextBox.dijitTextArea, .xmlFormDialog .dayforceTextArea { border: 1px solid #d3d3d3 !important; } .dgrid.dgrid-grid .dgrid-header-row { height: 28px !important; position: absolute !important; } .dgrid.dgrid-grid .dgrid-scroller { position: relative !important; margin-top: 29px !important; height: auto !important; } .DocumentMgmt .dropdownOverflowToolbar { display: none !important; } .DocumentMgmt .dgrid.fillRemainingSpace { position: relative !important; top: 0px !important; } .xmlFormDialog .commentContainer .DayforceCheckBox .checkBoxContainer, .xmlFormDialog .commentContainer .DayforceCheckBox+.previousvaluemarker { display: none; } .xmlFormDialog .previousValueMarker, .xmlFormDialog .previousValueMarkerCell { display: none; } .xmlFormDialog .tableContainer-valueCell .dijitTabContainer div[role=tablist] { position: relative !important; } .xmlFormDialog .tableContainer-valueCell .dijitTabContainer .dijitTabPaneWrapper { top: 0 !important; } .xmlFormDialog .commentContainer .DayforceCheckBox label { padding: 0; } .xmlFormTableContainer .IVComboBox, .xmlFormTableContainer .IVComboBox2, .xmlFormTableContainer .IVAutoCompleteBox, .xmlFormTableContainer .IVComboBox200, .xmlFormTableContainer .IVTextBoxRightW180, .xmlFormTableContainer .IVAutoCompleteBoxWide, .xmlFormTableContainer .IVAutoCompleteBoxDoubleWide { width: auto !important; } .xmlFormTableContainer .duoControl .duoControlInnerWrapper { width: 100% !important; } .xmlFormTableContainer .MultiEntitySelector .dijitButtonText, .xmlFormTableContainer .EntitySelector .dijitButtonText { overflow: hidden !important; } .xmlFormTableContainer .dgrid { overflow: hidden !important; } } .orgtree-search { width: 100%; } .orgtree .c-treerow__type { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -o-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .orgtree .c-treerow__label { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -o-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; margin-left: 5px; } .orgtree .c-treerow .c-treerow__label__text { font-family: "Segoe UI", Arial, sans-serif; font-size: 12px; line-height: 1; color: #1e52bf; } .orgtree .c-treerow .l-treelist__col { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0 0; line-height: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; } .orgtree .c-treerow .l-treelist__col.c-treerow__icon { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding: 0 5px; } .orgtree .c-treerow .l-treelist__col.c-treerow__icon .c-icon--orglevel { background: url("../../Common/images/dojo/OrgTreeIcons.png?v=64.1.2.14510&") 0 0 no-repeat; height: 15px; width: 15px; } .orgtree .c-treerow .l-treelist__col.c-treerow__icon .c-icon--orglevel.store { background-position: 0 -207px; display: inline; } .orgtree .c-treerow .c-treerow__type--group .c-icon--treeexpand { background: url("../../Common/images/dojo/treeExpandImages.png?v=64.1.2.14510&") no-repeat; height: 15px; width: 15px; } .orgtree .c-treerow.is-collapsed .c-treerow__type--group .c-icon--treeexpand { background-position: -17px 0; } .orgtree .c-treerow.is-expanded .c-treerow__type--group .c-icon--treeexpand { background-position: -53px 0; } .orgtree .c-treerow.is-selected .c-treerow__label__text { font-weight: bold; } .orgtree .c-treerow.is-disabled:hover .c-treerow__label__text, .orgtree .c-treerow.is-disabled:focus .c-treerow__label__text { background-color: transparent; } .orgtree .c-treerow.is-disabled.is-collapsed .c-treerow__type--group .c-icon--treeexpand { background-position: 0 0; } .orgtree .c-treerow.is-disabled.is-expanded .c-treerow__type--group .c-icon--treeexpand { background-position: -35px 0; } .orgtree .c-treerow.is-readonly .c-treerow__label__text { color: #808080; } .dgrid-hider-toggle { background-position: 0 -192px; background-color: transparent; border: none; cursor: pointer; position: absolute; right: 0; top: 0; } .dgrid-rtl-swap .dgrid-hider-toggle { right: auto; left: 0; } .dgrid-hider-menu { position: absolute; top: 0; right: 17px; width: 184px; background-color: #fff; border: 1px solid #000; z-index: 99999; padding: 4px; overflow-x: hidden; overflow-y: auto; } .dgrid-rtl-swap .dgrid-hider-menu { right: auto; left: 17px; } .dgrid-hider-menu-row { position: relative; padding: 2px; } .dgrid-hider-menu-check { position: absolute; top: 2px; left: 2px; padding: 0; } .dgrid-hider-menu-label { display: block; padding-left: 20px; } .dgrid-header .dojoDndTarget .dgrid-cell { display: table-cell; } .dgrid-header .dojoDndItemBefore { border-left: 2px dotted #000 !important; } .dgrid-header .dojoDndItemAfter { border-right: 2px dotted #000 !important; } .dgrid-column-resizer { cursor: col-resize; position: absolute; width: 2px; background-color: #666; z-index: 1000; } .dgrid-resize-handle { height: 100px; width: 0; position: absolute; right: -4px; top: -4px; cursor: col-resize; z-index: 999; border-left: 5px solid transparent; outline: none; } .dgrid-resize-header-container { height: 100%; } .dgrid-resize-guard { cursor: col-resize; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } html.has-touch .dgrid-resize-handle { border-left: 20px solid transparent; } html.has-touch .dgrid-column-resizer { width: 2px; } .dgrid-resize-header-container { position: relative; } .dgrid-header .dgrid-cell { overflow: hidden; } .dgrid-spacer-row { height: 0; } .dgrid-spacer-row th { /* Need to make these cells zero height/invisible, but still force the table layout */ padding-top: 0; padding-bottom: 0; border-top: none; border-bottom: none; } @media print { .page-break { page-break-before: always; } } .dgrid-status { padding: 2px; } .dgrid-pagination .dgrid-status { float: left; } .dgrid-pagination .dgrid-navigation, .dgrid-pagination .dgrid-page-size { float: right; } .dgrid-navigation .dgrid-page-link { cursor: pointer; font-weight: bold; text-decoration: none; color: inherit; padding: 0 4px; } .dgrid-first, .dgrid-last, .dgrid-next, .dgrid-previous { font-size: 130%; } .dgrid-pagination .dgrid-page-disabled { color: #aaa; cursor: default; } .dgrid-page-input { margin-top: 1px; width: 2em; text-align: center; } .dgrid-page-size { margin: 1px 4px 0 4px; } .touchscroll-x, .touchscroll-y { display: none; /* overridden below */ overflow: hidden; /* cut off ends of scrollbar during rubber-banding */ position: absolute; /* establish base style for scrollbar fade-in/out */ opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .touchscroll-fadeout .touchscroll-x, .touchscroll-fadeout .touchscroll-y { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out 0.1s; -moz-transition: opacity 0.3s ease-out 0.1s; -o-transition: opacity 0.3s ease-out 0.1s; -ms-transition: opacity 0.3s ease-out 0.1s; transition: opacity 0.3s ease-out 0.1s; } .touchscroll-bar { background-color: rgba(88,88,88,0.97); border: 1px solid #585858; -webkit-border-radius: 3px; border-radius: 3px; /* the borders aren't anti-aliased on Android, so this smooths it out a bit */ -webkit-box-shadow: 0 0 1px rgba(88,88,88,0.4); } .touchscroll-x { left: 1px; right: 3px; bottom: 1px; height: 5px; } .touchscroll-y { top: 1px; bottom: 3px; right: 1px; width: 5px; } .touchscroll-scrollable-x .touchscroll-x, .touchscroll-scrollable-y .touchscroll-y { display: block; /* display scrollbar when appropriate */ } .touchscroll-bar { /* Establish transition property and timing function for scrollbars */ -webkit-transition: -webkit-transform cubic-bezier(0.33, 0.66, 0.66, 1); -moz-transition: -moz-transform cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: -o-transform cubic-bezier(0.33, 0.66, 0.66, 1); -ms-transition: -ms-transform cubic-bezier(0.33, 0.66, 0.66, 1); transition: transform cubic-bezier(0.33, 0.66, 0.66, 1); } #dgrid-css-TouchScroll-loaded { display: none; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .dgrid-expando-icon { width: 16px; height: 16px; } .dgrid-tree-container { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; overflow: hidden; } .dgrid-tree-container.dgrid-tree-resetting { -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; -ms-transition-duration: 0; transition-duration: 0; } .dgrid { position: relative; overflow: hidden; border: 1px solid #ddd; height: 30em; display: block; } .dgrid-header { background-color: #eee; } .dgrid-header-row { position: absolute; right: 17px; left: 0; } .dgrid-header-scroll { position: absolute; top: 0; right: 0; } .dgrid-footer { position: absolute; bottom: 0; width: 100%; } .dgrid-header-hidden { font-size: 0; height: 0 !important; border-top: none !important; border-bottom: none !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .dgrid-footer-hidden { display: none; } .dgrid-sortable { cursor: pointer; } .dgrid-header, .dgrid-header-row, .dgrid-footer { overflow: hidden; background-color: #eee; } .dgrid-row-table { border-collapse: collapse; border: none; table-layout: fixed; empty-cells: show; width: 100%; height: 100%; } .dgrid-cell { padding: 3px; text-align: left; overflow: hidden; vertical-align: top; border: 1px solid #ddd; border-top-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dgrid-content { position: relative; height: 99%; } .dgrid-scroller { overflow-x: auto; overflow-y: scroll; position: absolute; top: 0px; margin-top: 25px; bottom: 0px; width: 100%; } .dgrid-preload { font-size: 0; line-height: 0; } .dgrid-loading { position: relative; height: 100%; } .dgrid-above { position: absolute; bottom: 0; } .ui-icon { width: 16px; height: 16px; background-image: url("../images/ui-icons_222222_256x240.png?v=64.1.2.14510&"); } .dgrid-sort-arrow { background-position: -64px -16px; display: block; float: right; margin: 0 4px 0 5px; height: 12px; } .dgrid-sort-up .dgrid-sort-arrow { background-position: 0px -16px; } .dgrid-selected { background-color: #bbb; } .dgrid-input { width: 99%; } html.has-mozilla .dgrid .dgrid-row:focus, html.has-mozilla .dgrid .dgrid-cell:focus { outline: 1px dotted; } html.has-mozilla .dgrid-focus { outline-offset: -1px; } .dgrid-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .dgrid-autoheight { height: auto; } .dgrid-autoheight .dgrid-scroller { position: relative; overflow-y: hidden; } .dgrid-autoheight .dgrid-header-scroll { display: none; } .dgrid-autoheight .dgrid-header { right: 0; } .user-is-tabbing .dgrid-sortable .dgrid-cell-button:focus { outline: 2px solid #0087fd; } .dgrid-cell .dgrid-cell-tree-button:focus { outline: 2px solid #0087fd; } .dgrid-column-set { overflow: hidden; width: 100%; position: relative; height: 100%; -ms-touch-action: pan-y; touch-action: pan-y; } .dgrid-column-set-cell { vertical-align: top; height: 100%; } .dgrid-column-set-scroller-container { font-size: 0; position: absolute; bottom: 0; } .dgrid-autoheight .dgrid-column-set-scroller-container { position: relative; } .dgrid-column-set-scroller { display: inline-block; overflow-x: auto; overflow-y: hidden; } .dgrid-column-set-scroller-content { height: 1px; } .dgrid-rtl-swap .dgrid-header-row { right: 0; left: 17px; } .dgrid-rtl-swap .dgrid-header-scroll { left: 0px; right: auto; } .dgrid-rtl .dgrid-cell { text-align: right; } .dgrid-rtl .dgrid-sort-arrow { float: left; margin: 0 5px 0 4px; } .dgrid-rtl .ui-icon-triangle-1-e { background-position: -96px -16px; } .dgrid-rtl .ui-icon-triangle-1-se { background-position: -80px -16px; } .dgrid-rtl .dgrid-pagination .dgrid-status { float: right; } .dgrid-rtl .dgrid-pagination .dgrid-page-size { float: right; } .dgrid-rtl .dgrid-pagination .dgrid-navigation { float: left; } .dgrid-rtl.dgrid-autoheight .dgrid-header { left: 0; } .everest.UserActionsMenuPopup.dijitPopup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 30rem; width: 30rem; } .everest.UserActionsMenu.dijitTooltipDialog .dijitTooltipContainer { -webkit-border-radius: var(--evr-radius-sm); border-radius: var(--evr-radius-sm); -webkit-box-shadow: var(--evr-depth-06); box-shadow: var(--evr-depth-06); } .everest.UserActionsContainer .EmployeeNameContainer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .everest.UserActionsContainer .EmployeeName { height: auto; margin: 0 0 var(--evr-spacing-3xs) 0; /* evrHeading3Lg */ font-family: "Clarika"; font-size: var(--evr-font-size-2xl); font-weight: var(--evr-demi-bold-weight); line-height: var(--evr-line-height-md); letter-spacing: var(--evr-letter-spacing-default); color: var(--evr-content-primary-highemp); } .everest.UserActionsContainer .EmployeePosition { height: auto; margin: 0; /* _evrBodyText2 */ font-family: "Inter"; font-size: var(--evr-font-size-md); font-weight: var(--evr-regular-weight); line-height: var(--evr-line-height-lg); letter-spacing: var(--evr-letter-spacing-sm); color: var(--evr-content-primary-default); } .everest.UserActionsContainer .UserActionsHeader { height: auto; cursor: pointer; background-color: var(--evr-surfaces-primary-default); border-top-left-radius: var(--evr-radius-sm); border-top-right-radius: var(--evr-radius-sm); padding: var(--evr-spacing-xs) var(--evr-spacing-md); } .everest.UserActionsContainer .UserActionsHeader:hover, .everest.UserActionsContainer .UserActionsHeader:focus-within { background: var(--evr-surfaces-primary-hovered); } .everest.UserActionsContainer .UserActionsContent { margin: var(--evr-spacing-xs) 0; } .everest.UserActionsContainer .UserActionsContent .shrinkAndWrap { margin: 0; } .everest.UserActionsContainer .UserActionsContent .userActionsContentRoleAvailableHeading { padding: var(--evr-spacing-xs) var(--evr-spacing-sm); } .everest.UserActionsContainer .DayforceContextMenuRadioButtonChecked { background: none; } .everest.UserActionsContainer .DayforceContextMenuRadioButtonChecked:hover, .everest.UserActionsContainer .DayforceContextMenuRadioButtonChecked:focus-within { background: var(--evr-surfaces-primary-hovered); } .everest.UserActionsContainer .ProfileContextMenuItem { margin: 0; } .everest.UserActionsContainer .ProfileContextMenuItem:hover, .everest.UserActionsContainer .ProfileContextMenuItem:focus-within { background: var(--evr-surfaces-primary-hovered); } .everest.UserActionsContainer .ProfileContextMenuItem .ProfileContextMenuItemLeftBorder { display: none; } .everest.UserActionsContainer .ProfileContextMenuItem .ProfileContextMenuItemContent { padding: var(--evr-spacing-xs) var(--evr-spacing-md); } .everest.UserActionsContainer .DayforceContextMenuRadioButton { font: inherit; color: inherit; } .everest.UserActionsContainer .DayforceContextMenuRadioButton .radioContainer { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .everest.UserActionsContainer .DayforceContextMenuRadioButton .radioContainer .dijitRadio { margin-right: var(--evr-spacing-2xs); } .everest.UserActionsContainer .AccountSectionContainer { margin: var(--evr-spacing-xs) 0; } .everest.UserActionsContainer .AccountSectionContainer .GlobalAccountContainer, .everest.UserActionsContainer .AccountSectionContainer .AboutContainer, .everest.UserActionsContainer .AccountSectionContainer .LogoutContainer { padding: var(--evr-spacing-xs) var(--evr-spacing-md); display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: auto; margin: 0; } .everest.UserActionsContainer .AccountSectionContainer .GlobalAccountContainer:hover, .everest.UserActionsContainer .AccountSectionContainer .AboutContainer:hover, .everest.UserActionsContainer .AccountSectionContainer .LogoutContainer:hover, .everest.UserActionsContainer .AccountSectionContainer .GlobalAccountContainer:focus-within, .everest.UserActionsContainer .AccountSectionContainer .AboutContainer:focus-within, .everest.UserActionsContainer .AccountSectionContainer .LogoutContainer:focus-within { background: var(--evr-surfaces-primary-hovered); } .everest.UserActionsContainer .AccountSectionContainer .AboutContainer .Icon_Info_Everest, .everest.UserActionsContainer .AccountSectionContainer .LogoutContainer .Icon_Logout_Everest { margin-right: var(--evr-spacing-2xs); } .everest.UserActionsContainer .AccountSectionContainer .AboutContainer .Icon_Info_Everest:before, .everest.UserActionsContainer .AccountSectionContainer .LogoutContainer .Icon_Logout_Everest:before { height: 20px; width: 20px; color: var(--evr-content-primary-highemp); } .everest.UserActionsContainer .AccountSectionContainer .UserActionsAbout, .everest.UserActionsContainer .AccountSectionContainer .UserActionsLogout, .everest.UserActionsContainer .AccountSectionContainer .UserActionsGlobalAccount { padding: 0; height: auto; font: inherit; color: inherit; } @media only screen and (max-width: 991px) { .everest.UserActionsMenuPopup.dijitPopup { width: 30rem; } } @media only screen and (max-width: 480px) { .everest.UserActionsMenuPopup.dijitPopup { width: 100%; } .everest.UserActionsMenuPopup.dijitPopup .UserActionsMenu .dijitTooltipContainer { height: calc(100vh - 5.8rem); } .everest.UserActionsMenuPopup.dijitPopup .everest.UserActionsMenu.dijitTooltipDialog .dijitTooltipContainer { -webkit-border-radius: 0; border-radius: 0; } .everest.UserActionsMenuPopup.dijitPopup .everest.UserActionsContainer .UserActionsHeader { border-top-left-radius: 0; border-top-right-radius: 0; } .user-is-tabbing.NewFeatureUI .UserActionsMenu.everest .dijitTooltipContainer:focus-within { outline: none; } } .CollapseSidebar, .Email, .GeneralActionsBlack, .GeneralActionsBlue, .NextArrowDisabled, .NextArrowEnabled, .PeopleBlack, .PeopleBlue, .Phone, .PreviousArrowDisabled, .PreviousArrowEnabled, .ProfileBlack, .ProfileBlue, .ShowSidebar, .SalaryDecreaseUpArrow, .SalaryIncreaseUpArrow, .BackButton, .Comments, .FormAction, .ReadOnlyCheckMark, .ViewDetails, .ChangeFromToArrowBlack, .ThreeDotsMenu, .OrgChartBlack, .OrgChartBlue, .TalentViewBlack, .TalentViewBlue, .ExpanderExpanded, .ExpanderCollapsed, .FormActionDisabled { background: url("../../Framework/images/hrSprite.png?v=64.1.2.14510&") no-repeat; -webkit-background-size: 25px 709px; -moz-background-size: 25px 709px; background-size: 25px 709px; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; } .CollapseSidebar { background-position: -2px 0px; width: 21px; height: 21px; } .Email { background-position: -2px -23px; width: 21px; height: 21px; } .GeneralActionsBlack { background-position: -2px -46px; width: 21px; height: 21px; } .GeneralActionsBlue { background-position: -2px -69px; width: 21px; height: 21px; } .NextArrowDisabled { background-position: -2px -92px; width: 21px; height: 21px; } .NextArrowEnabled { background-position: -2px -115px; width: 21px; height: 21px; } .PeopleBlack { background-position: -2px -138px; width: 21px; height: 21px; } .PeopleBlue { background-position: -2px -161px; width: 21px; height: 21px; } .Phone { background-position: -2px -184px; width: 21px; height: 21px; } .PreviousArrowDisabled { background-position: -2px -207px; width: 21px; height: 21px; } .PreviousArrowEnabled { background-position: -2px -230px; width: 21px; height: 21px; } .ProfileBlack { background-position: -2px -253px; width: 21px; height: 21px; } .ProfileBlue { background-position: -2px -276px; width: 21px; height: 21px; } .ShowSidebar { background-position: -2px -299px; width: 21px; height: 21px; } .SalaryDecreaseUpArrow { background-position: -2px -322px; width: 20px; height: 20px; } .SalaryIncreaseUpArrow { background-position: -2px -344px; width: 20px; height: 20px; } .BackButton { background-position: -2px -366px; width: 18px; height: 18px; } .Comments { background-position: -2px -386px; width: 16px; height: 16px; } .FormAction { background-position: -2px -404px; width: 18px; height: 18px; } .ReadOnlyCheckMark { background-position: -2px -424px; width: 16px; height: 16px; } .ViewDetails { background-position: -2px -442px; width: 16px; height: 16px; } .ChangeFromToArrowBlack { background-position: -2px -460px; width: 16px; height: 16px; } .ThreeDotsMenu { background-position: -2px -476px; width: 16px; height: 16px; } .OrgChartBlack { background-position: -2px -494px; width: 21px; height: 21px; } .OrgChartBlue { background-position: -2px -517px; width: 21px; height: 21px; } .TalentViewBlack { background-position: -2px -540px; width: 21px; height: 21px; } .TalentViewBlue { background-position: -2px -563px; width: 21px; height: 21px; } .ExpanderExpanded { background-position: -2px -586px; width: 16.5px; height: 16.5px; } .ExpanderCollapsed { background-position: -2px -604px; width: 16.5px; height: 16.5px; } .FormActionDisabled { background-position: -2px -623px; width: 18px; height: 18px; } .h1 { font-size: 14px; font-weight: bold; color: #153777; padding: 4px; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); -webkit-font-smoothing: antialiased; background-color: #dedede; display: block; } html { font-size: 62.5%; } .store { display: none; } .record { display: none; } .DayforceSilverlight { width: 100%; height: 100%; } .SLSupportPage.visible { z-index: 900; } .SLSupportPage { top: 53px; background: #fff; height: auto; position: absolute; bottom: 0px; left: 0px; right: 0px; width: auto; /*since we're pos:absolute, strip away width:100% as it exists on the SL style*/ } .DayforceSilverlightContainer, .dj_safari .NewFeatureUI.PlatformLoaded .DayforceSilverlightContainer { position: absolute; top: 40px; /*exact height of new toolbar*/ left: 0px; right: 0px; /*don't put a bottom style here in order to make SL hidden, only set bottom to 0px if visible class is present on SL node*/ /*force height 1px when hidden to ensure SL doesn't close (will close at 0px) but is too small to see: if no height will get default height and user will see SL loading mask on login*/ height: 1px; /*Hide the scrollbar on the SL container*/ overflow-y: hidden; /* This is a fix for firefox where the silverlightControlHost container doesn't invoke a resize callback to silverlight, causing modals invoked from HTML pages to show up squished. See bug 107725 */ overflow-x: hidden; } .recommendedBrowserBanner.visible { font: 1.2rem 'Arial', 'sans-serif'; text-align: center; color: #093351; background-color: #e3f2fd; border-bottom: 0.1rem solid #bad4e6; height: 4rem; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .NewFeatureUI .htmlHost.bannerOffset { top: 9.7rem; } @media screen and (max-width: 650px) { .recommendedBrowserBanner.visible { height: 6rem; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .NewFeatureUI .htmlHost.bannerOffset { top: 10.1rem; } } .NewFeatureUI .SLSupportPage, .NewFeatureUI .htmlHost, .NewFeatureUI .DayforceSilverlightContainer.visible, .dj_safari .NewFeatureUI.PlatformLoaded .DayforceSilverlightContainer.visible { height: auto; position: absolute; top: 5.6rem; /*exact height of new toolbar*/ bottom: 0px; left: 0px; right: 0px; width: auto; /*since we're pos:absolute, strip away width:100% as it exists on the SL style*/ /* This is a fix for firefox where the silverlightControlHost container doesn't invoke a resize callback to silverlight, causing modals invoked from HTML pages to show up squished. See bug 107725 */ overflow-x: visible; } .SLModalVisible.timeoutWarning .DayforceSilverlightContainer, .DayforceSilverlightContainer { /* This is a fix for "Mac firefox" where the silverlightControlHost container doesn't invoke a resize callback to silverlight, causing modals invoked from HTML pages to show up squished. See bug 107725 */ z-index: 800; } .dj_gecko .NewFeatureUI .DayforceSilverlightContainer, .dj_safari .NewFeatureUI .DayforceSilverlightContainer { /*must put width/height here to bypass Mac Firefox/Mac OS Safari's "Power Saving Mode" which blocks plugins from starting under mystical conditions*/ width: 100%; } .dj_gecko .NewFeatureUI.FeatureMenuOpen.PlatformLoaded .DayforceSilverlightContainer, .dj_safari .NewFeatureUI.FeatureMenuOpen.PlatformLoaded .DayforceSilverlightContainer { width: auto; } .dj_safari .NewFeatureUI .DayforceSilverlightContainer { bottom: 0px; height: auto; } .SLModalVisible .DayforceSilverlightContainer { /*when an SL modal is visible always elevate SL above all other nodes to ensure it isnt covered by a mask Fixes a bug in Safari where SL will render beneath the message mask*/ z-index: 1000; } .SLModalVisible.timeoutWarning .MessageMaskParent { /* when a SL modal is opened, Bootstrapper.ts displays a full screen msg mask; when the session timeout modal is displayed, it has a lower z-index than this msg mask, so the popup becomes inaccessible under it and user cannot extend their session; this is to handle that. */ display: none; } .SLSupportPage, .NewFeatureUI .htmlHost, .NewFeatureUI .recommendedBrowserBanner { display: none !important; /*use important hack to override closure code*/ } .SLSupportPage.visible, .NewFeatureUI .htmlHost.visible { display: block !important; /*use important hack to override closure code*/ } .NewFeatureUI .recommendedBrowserBanner.visible { display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; /*use important hack to override closure code*/ } .NewFeatureUI .DayforceSilverlightContainer.visible { /* hack for demoware purposes In the old feature toolbar's world, we adjusted the silverlight height whenever we wanted to show it which wasn't invoked only by the feature toolbar but by other features as well (see SilverlightBridge.setSilverlightHeight) To handle this with the new feature toolbar, which is driven by CSS instead of calculations, ignore the height and allow the pos:abs handle it */ height: auto !important; } .SLSupportPage, .htmlHost { display: none; border: none; } .loadingGif { display: inline-block; background-image: url("../images/loading.gif?v=64.1.2.14510&"); width: 16px; height: 16px; padding-right: 5px; background-repeat: no-repeat; } .dayforceHidden { display: none; } .dayforceHtmlHidden { height: 0px; } .fixedFullScreen { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } .requiredAsterisk { color: #e4001e; } .requiredAsteriskHeader { color: #1162c2; } .fullWidth, .fullWidth.dijitButton, .fullWidth.dijitButton .dijitButtonNode, .fullWidth.dijitComboBox, .fullWidth.dijitTextBox, .fullWidth.dijitSelect, .fullWidth.dijitSelect .dijitButtonContents { width: 100%; } .fullHeight, .fullHeight.dijitButton, .fullHeight.dijitComboBox .dijitButtonNode, .fullHeight.dijitSelect, .fullHeight.dijitSelect .dijitButtonContents { vertical-align: middle; height: 100%; } .fullHeight.dijitButton .dijitButtonNode { height: auto; } .fullWidth.dijitSelect .dijitButton, .fullWidth.dijitSelect .dijitButton .dijitButtonNode, .fullWidth.dijitComboBox .dijitButton, .fullWidth.dijitComboBox .dijitButton .dijitButtonNode { width: auto; } .vspacer { height: 13px; background-color: transparent; background-image: url("../images/tab2topGradient.png?v=64.1.2.14510&"); background-repeat: repeat-x; } .visibilityHidden { visibility: hidden; } #SmartWebControls_SmartPrint_PrintContainer { /* Never show the smart print UI for displaying PDF's We show this in a JS modal window instead. */ display: none !important; } .dijitDialog.SmartPrintDialog .dijitDialogPaneContent { padding: 0px; } .claro .timeoutLabel { white-space: pre-line; } .claro .timeoutPopup .dijitDialogPaneContent { text-align: center; } .fillRemainingSpace, .claro .fillRemainingSpace { position: absolute; left: 0; right: 0; bottom: 0; height: auto; } .tabContainerFillRemainingSpace, .tabContainerFillRemainingSpace > .dijitTabPaneWrapper { position: absolute; left: 0; right: 0; bottom: 0; height: auto; } .tabContainerFillRemainingSpace > .dijitTabPaneWrapper { top: 41px; } .claro .dijitHidden+.toolbarAboveContainer, .claro .dijitHidden+.outputTextAboveTabContainer { top: 0px; } .claro .outputTextAboveTabContainer { top: 17px; } .claro .toolbarAboveContainer { top: 33px; } .dj_ie8 .OpacityFix * { filter: inherit !important; zoom: 1 !important; } .dj_ie9 * { -webkit-border-radius: 0px !important; border-radius: 0px !important; } .SilverlightWarningMessages .errorMessageCaption { color: #000; font-weight: normal; } .SilverlightWarningMessages .EnableSilverlightChrome { display: none; text-align: center; } .SilverlightWarningMessages .EnableSilverlightChrome .Instructions { margin: 10px auto 40px auto; width: 450px; line-height: 18px; text-align: left; } .SilverlightWarningMessages .EnableSilverlightChrome .Instructions .Step { margin-left: 10px; } .SilverlightWarningMessages .NotSupported { text-align: center; /*horizontally centers the node on screen*/ margin-top: 100px; } .SilverlightWarningMessages .NotSupported .image { display: inline-block; width: 90px; height: 60px; vertical-align: top; margin-top: 5px; } .SilverlightWarningMessages .NotSupported .Instructions { text-align: left; display: inline-block; width: 400px; margin-left: 20px; } .SilverlightWarningMessages .NotSupported .title { font-size: 1.35em; font-weight: 600; color: #333; margin-bottom: 10px; } .SilverlightWarningMessages .NotSupported .message { font-size: 1.12em; font-weight: 500; color: #808080; margin-bottom: 10px; } .SilverlightWarningMessages .NotSupported a { font-weight: 600; } .redStarRequired:after { color: #f00; content: "*"; } .claro .fullWidth { display: block; width: auto; } .claro .dayforceSplitContainer { position: relative; overflow: visible; } .claro.timeout #htmlHost, .claro.timeout .dijitDialog, .claro.timeout .dijitPopup { /*timeout occured, hide all content (except for the timeout dialog!)*/ display: none !important; } .claro.timeout .dijitDialog.timeoutPopup { display: block !important; } .claro .centerIconInCell { display: block; margin: auto; } .claro .tripleControl { display: inline-block; width: 33%; overflow: hidden; position: relative; } .claro .resetParagraphCSS { margin-top: 0; margin-bottom: 0; line-height: normal; font-size: medium; } .SilverlightRequiredDialog .dijitDialogPaneContent { border-bottom: none; padding: 15px 25px; color: #9d9d9d; font-size: 1.1em; } body { font-family: "Open Sans", sans-serif; } .hidden { display: none !important; } .invisible { visibility: hidden !important; } a, a:visited { color: #1e51bf; text-decoration: none; } a:hover, a:active { cursor: pointer; text-decoration: underline; } .user-is-tabbing a:focus { outline: 2px solid #0087fd; outline-offset: 1px; } a.linkOnDarkBg, a.linkOnDarkBg:visited { color: #fff; text-decoration: underline; border-bottom: 1px solid rgba(255,255,255,0); } a.linkOnDarkBg:hover, a.linkOnDarkBg:active { border-bottom-color: #fff; text-decoration: none; } .dijitForceStatic .dijitEditor .dijitEditorIFrameContainer { position: absolute !important; top: 30px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; padding: 5px !important; } .hiddenFeature { display: none !important; } .newdesignsystem .layout-content-pane-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; border: 0.1rem #e6e6e6 solid; padding: 0.5rem 0 0 0; } .newdesignsystem .layout-content-pane-container-no-border { border: 0; padding: 0.5rem 0 0 0; } .newdesignsystem .layout-content-pane-container .form-field { padding: 0 1.5rem 1.5rem 1.5rem; } .newdesignsystem .layout-content-pane-container .form-field textarea { width: 100%; } .newdesignsystem .layout-content-pane-container .column { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 99%; flex-basis: 99%; margin: 0 1.5rem 1.5rem 1.5rem; padding-top: 1.5rem; } .newdesignsystem .layout-content-pane-container .column label { display: block; font-size: 1.2rem; color: #666; line-height: 1.4; padding-bottom: 0.5rem; } .newdesignsystem .layout-content-pane-container .column label + div, .newdesignsystem .layout-content-pane-container .column label ~ span.MultiEntitySelector { width: 100%; } .newdesignsystem .layout-content-pane-container .column.tabletDesktop { -webkit-flex-basis: calc(48% - 30px); flex-basis: calc(48% - 30px); } .newdesignsystem .layout-content-pane-container .column.desktop { -webkit-flex-basis: calc(24% - 30px); flex-basis: calc(24% - 30px); } .newdesignsystem .layout-content-pane-container .column:empty { height: 0; visibility: hidden; } .newdesignsystem .layout-content-pane-container .column.column-separator { border-top: 0.1rem #e6e6e6 solid; } .newdesignsystem .layout-content-pane-container .column-span-2 { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 99%; flex-basis: 99%; margin: 15px; } .newdesignsystem .layout-content-pane-container .column-span-2 label { display: block; font-size: 1.2rem; color: #666; line-height: 1.4; padding-bottom: 0.5rem; } .newdesignsystem .layout-content-pane-container .column-span-2 label + div, .newdesignsystem .layout-content-pane-container .column-span-2 label ~ span.MultiEntitySelector { width: 100%; } .newdesignsystem .layout-content-pane-container .column-span-2.tabletDesktop { -webkit-flex-basis: 99%; flex-basis: 99%; } .newdesignsystem .layout-content-pane-container .column-span-2.desktop { -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; -ms-box-flex: 2; box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: calc(48% - 30px); flex-basis: calc(48% - 30px); } .newdesignsystem .ExpanderContentInner { padding-left: 0; padding-right: 0; padding-top: 0; } .newdesignsystem .layout-container { border: 0.1rem #e6e6e6 solid; padding: 1.5rem 1.5rem 0 1.5rem; *zoom: 1; } .newdesignsystem .layout-container:before{ content: ''; display: table; } .newdesignsystem .layout-container:after{ content: ''; display: table; clear: both; } .newdesignsystem .layout-container-no-border { border: 0; padding: 1.5rem 0 0 0; *zoom: 1; } .newdesignsystem .layout-container-no-border:before{ content: ''; display: table; } .newdesignsystem .layout-container-no-border:after{ content: ''; display: table; clear: both; } .newdesignsystem .layout-container .form-field, .newdesignsystem .layout-container-no-border .form-field { padding: 0 1.5rem 1.5rem 1.5rem; } .newdesignsystem .layout-container .form-field .MultiOrgSelector, .newdesignsystem .layout-container-no-border .form-field .MultiOrgSelector { height: 2.5rem; } .newdesignsystem .layout-container .form-field .MultiOrgSelector .MultiOrgSelectorWrapper, .newdesignsystem .layout-container-no-border .form-field .MultiOrgSelector .MultiOrgSelectorWrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .newdesignsystem .layout-container .form-field .MultiOrgSelector .MultiOrgSelectorWrapper .dijitValidationTextBox, .newdesignsystem .layout-container-no-border .form-field .MultiOrgSelector .MultiOrgSelectorWrapper .dijitValidationTextBox { width: 100%; } .newdesignsystem .layout-container .form-field .MultiOrgSelector .MultiOrgSelectorWrapper .dijitIconButton, .newdesignsystem .layout-container-no-border .form-field .MultiOrgSelector .MultiOrgSelectorWrapper .dijitIconButton { margin: 0 0 0 0.2rem; } .newdesignsystem .layout-container .form-field textarea, .newdesignsystem .layout-container-no-border .form-field textarea { width: 100%; } .newdesignsystem .layout-container .column, .newdesignsystem .layout-container-no-border .column { width: calc(99.99% * 4/4 - (30px - 30px * 4/4)); padding-bottom: 2rem; } .newdesignsystem .layout-container .column:nth-child(1n), .newdesignsystem .layout-container-no-border .column:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column:last-child, .newdesignsystem .layout-container-no-border .column:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column:nth-child(4n + 1){ clear: left; } .newdesignsystem .layout-container .column label, .newdesignsystem .layout-container-no-border .column label { display: block; font-size: 1.2rem; color: #666; line-height: 1.4; padding-bottom: 0.5rem; } .newdesignsystem .layout-container .column label + div, .newdesignsystem .layout-container-no-border .column label + div, .newdesignsystem .layout-container .column label ~ span.MultiEntitySelector, .newdesignsystem .layout-container-no-border .column label ~ span.MultiEntitySelector { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .newdesignsystem .layout-container .column, .newdesignsystem .layout-container-no-border .column { width: calc(99.99% * 2/4 - (30px - 30px * 2/4)); } .newdesignsystem .layout-container .column:nth-child(1n), .newdesignsystem .layout-container-no-border .column:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column:last-child, .newdesignsystem .layout-container-no-border .column:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column:nth-child(2n), .newdesignsystem .layout-container-no-border .column:nth-child(2n){ float: right; } .newdesignsystem .layout-container .column:nth-child(2n), .newdesignsystem .layout-container-no-border .column:nth-child(2n){ margin-right: 0; } .newdesignsystem .layout-container .column:nth-child(2n + 1), .newdesignsystem .layout-container-no-border .column:nth-child(2n + 1){ clear: left; } } @media only screen and (min-width: 1200px) { .newdesignsystem .layout-container .column, .newdesignsystem .layout-container-no-border .column { width: calc(99.99% * 1/4 - (30px - 30px * 1/4)); } .newdesignsystem .layout-container .column:nth-child(1n), .newdesignsystem .layout-container-no-border .column:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column:last-child, .newdesignsystem .layout-container-no-border .column:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column:nth-child(4n + 1){ clear: left; } } .newdesignsystem .layout-container .column-span-2, .newdesignsystem .layout-container-no-border .column-span-2 { width: calc(99.99% * 4/4 - (30px - 30px * 4/4)); padding-bottom: 2rem; } .newdesignsystem .layout-container .column-span-2:nth-child(1n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column-span-2:last-child, .newdesignsystem .layout-container-no-border .column-span-2:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column-span-2:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column-span-2:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column-span-2:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n + 1){ clear: left; } .newdesignsystem .layout-container .column-span-2 label, .newdesignsystem .layout-container-no-border .column-span-2 label { display: block; font-size: 1.2rem; color: #666; line-height: 1.4; padding-bottom: 0.5rem; } .newdesignsystem .layout-container .column-span-2 label + div, .newdesignsystem .layout-container-no-border .column-span-2 label + div, .newdesignsystem .layout-container .column-span-2 label ~ span.MultiEntitySelector, .newdesignsystem .layout-container-no-border .column-span-2 label ~ span.MultiEntitySelector { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .newdesignsystem .layout-container .column-span-2, .newdesignsystem .layout-container-no-border .column-span-2 { width: calc(99.99% * 4/4 - (30px - 30px * 4/4)); } .newdesignsystem .layout-container .column-span-2:nth-child(1n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column-span-2:last-child, .newdesignsystem .layout-container-no-border .column-span-2:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column-span-2:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column-span-2:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column-span-2:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n + 1){ clear: left; } .newdesignsystem .layout-container .column-span-2 ~ .column, .newdesignsystem .layout-container-no-border .column-span-2 ~ .column { width: calc(99.99% * 2/4 - (30px - 30px * 2/4)); } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(1n), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column-span-2 ~ .column:last-child, .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(4n + 1){ clear: left; } } @media only screen and (min-width: 1200px) { .newdesignsystem .layout-container .column-span-2, .newdesignsystem .layout-container-no-border .column-span-2 { width: calc(99.99% * 2/4 - (30px - 30px * 2/4)); } .newdesignsystem .layout-container .column-span-2:nth-child(1n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column-span-2:last-child, .newdesignsystem .layout-container-no-border .column-span-2:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column-span-2:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column-span-2:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column-span-2:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column-span-2:nth-child(4n + 1){ clear: left; } .newdesignsystem .layout-container .column-span-2 ~ .column, .newdesignsystem .layout-container-no-border .column-span-2 ~ .column { width: calc(99.99% * 1/4 - (30px - 30px * 1/4)); } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(1n), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(1n){ float: left; margin-right: 30px; clear: none; } .newdesignsystem .layout-container .column-span-2 ~ .column:last-child, .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:last-child{ margin-right: 0; } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(4n){ float: right; } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(4n), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(4n){ margin-right: 0; } .newdesignsystem .layout-container .column-span-2 ~ .column:nth-child(4n + 1), .newdesignsystem .layout-container-no-border .column-span-2 ~ .column:nth-child(4n + 1){ clear: left; } } .newdesignsystem .layout-container .SpinnerTextBox .textboxContainer .dijitTextBox, .newdesignsystem .layout-container-no-border .SpinnerTextBox .textboxContainer .dijitTextBox { width: calc(100% - 2px); } /* * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=64.1.2.14510&"); src: url("../fonts/fontawesome-webfont.woff2?v=64.1.2.14510&") format('woff2'), url("../fonts/fontawesome-webfont.woff?v=64.1.2.14510&") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=64.1.2.14510&") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=64.1.2.14510&#fontawesomeregular") format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; -webkit-border-radius: 0.1em; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear; -ms-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); -webkit-animation: fa-spin 1s infinite steps(8); -moz-animation: fa-spin 1s infinite steps(8); -o-animation: fa-spin 1s infinite steps(8); -ms-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -o-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } @-moz-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } .visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }