/* Minification failed. Returning unminified contents. (131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-width' (143,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-height' (144,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (144,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-decorative-lowemp' (145,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-md' (149,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (158,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-margin' (165,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (186,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-regular-weight' (187,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-lg' (189,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-lg' (196,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (202,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (203,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (217,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (218,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (219,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (220,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-radio-checked-pad' (222,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (222,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-primary-default' (228,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (229,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (229,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (233,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (234,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (234,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (238,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (238,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-primary-hovered' (242,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (243,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (252,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-radio-label-pad' (269,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-2xl' (275,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (276,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (276,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (277,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-lg' (281,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (282,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (282,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (291,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-pressed' (292,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (292,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-pressed' (297,29): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (298,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-lg' (303,29): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (304,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-lg' (308,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-lg' (312,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-demi-bold-weight' (313,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-lg' (329,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (329,44): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (329,68): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (333,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (335,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-footer-content-max-height' (339,32): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (377,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg-df' (378,29): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg-df' (379,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-footer-color' (392,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-sm-df' (396,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-footer-link-color' (397,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-3xs-df' (459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (468,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-width' (469,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-height' (470,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-border-width' (470,65): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-border-color' (471,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-border-rd' (475,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-background' */ /* Minification failed. Returning unminified contents. (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-width' (55,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-height' (56,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (56,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-decorative-lowemp' (57,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-md' (61,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (70,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-margin' (77,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (98,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-regular-weight' (99,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-lg' (101,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-lg' (108,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-md' (114,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (115,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (129,20): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (130,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (131,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (132,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-radio-checked-pad' (134,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (134,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-primary-default' (140,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (141,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (141,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (145,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (146,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (146,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (150,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (150,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-borders-primary-hovered' (154,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (155,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-sm' (164,24): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-radio-label-pad' (181,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-size-2xl' (187,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (188,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (188,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (189,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-lg' (193,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (194,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (194,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-hovered' (203,28): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-pressed' (204,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-border-width-thin-px' (204,56): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-pressed' (209,29): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (210,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-lg' (215,29): run-time error CSS1039: Token not allowed after unary operator: '-evr-interactive-primary-default' (216,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-radius-lg' (220,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-lg' (224,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-demi-bold-weight' (225,23): run-time error CSS1039: Token not allowed after unary operator: '-evr-line-height-lg' (241,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (241,44): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (241,68): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg' (245,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-xs' (247,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-dialog-footer-content-max-height' (251,32): run-time error CSS1039: Token not allowed after unary operator: '-evr-surfaces-primary-default' (279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,26): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg-df' (290,29): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-lg-df' (291,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-footer-color' (304,21): run-time error CSS1039: Token not allowed after unary operator: '-evr-font-size-sm-df' (308,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-footer-link-color' (309,19): run-time error CSS1039: Token not allowed after unary operator: '-evr-spacing-3xs-df' (371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (380,17): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-width' (381,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-height' (382,18): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-border-width' (382,65): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-border-color' (383,25): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-border-rd' (387,22): run-time error CSS1039: Token not allowed after unary operator: '-evr-loader-container-background' */ /*This CSS is unique to the date picker and will need to be externalized for that control*/ .claro .dijitCalendarButton .dijitButtonNode { width:120px; padding:0px; margin:0px; text-align:center; } /* ////////////////// calendar ///////////////////*/ .claro .dijitCalendar { border: solid 1px #eeeeee; border-collapse: separate; -moz-border-radius: 2px; border-radius: 2px; background-color: #ffffff; background-image: url("../../images/dojo/calendar.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-image: -moz-linear-gradient(white 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(white 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(white 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(white 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); text-align: center; padding: 6px 5px 3px 5px; border-bottom: 2px solid #3170bb; } .claro .dijitCalendarHover, .claro .dijitCalendar:hover, .claro .dijitCalendarActive { /* treat dijitCalendarActive like hover since there's * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) */ background-color: #fafafa; border: solid 1px #eeeeee; border-bottom: 2px solid #3170bb; } .claro .dijitCalendarMonthLabel { color: black; font-size: 1em; padding: 3px 0px 0px 0px; } :root { /* claro font size is 62.5%*/ --evr-dialog-width: calc(var(--evr-rem-factor)* 29rem); /* 464px */ --evr-dialog-height: calc(var(--evr-rem-factor)* 43.9375rem); /* 703px */ --evr-dialog-margin: calc(var(--evr-rem-factor)* 4.5rem); /* 72px */ --evr-dialog-content-max-height: calc(var(--evr-rem-factor)* 26.875rem); /* 430px */ --evr-dialog-radio-label-pad: calc(var(--evr-rem-factor)* 1.75rem); /* 28px */ --evr-dialog-radio-checked-pad: calc(var(--evr-rem-factor)* 0.1875rem); /* 3px */ --evr-dialog-footer-content-max-height: calc(var(--evr-rem-factor)* 3rem); /* 48px */ } /* main dialog */ .evrDialog { width: var(--evr-dialog-width) !important; height: var(--evr-dialog-height) !important; border: var(--evr-border-width-thin-px) solid var(--evr-borders-decorative-lowemp); border-radius: var(--evr-radius-md); box-shadow: none; display: flex; flex-direction: column; background: var(--evr-surfaces-primary-default); } /* main dialog container */ .evrDialog .evrDialogContainer { display: flex; flex-direction: column; height: 100%; min-height: 0; margin: var(--evr-dialog-margin); justify-content: space-between; } /* title container */ .evrDialog .evrDialogTitleContainer { height: auto !important; /* override dojo resize */ padding-bottom: var(--evr-spacing-lg); } .evrDialog .evrCaptionText { margin-top: 0; } .evrDialog .evrHeading3 { margin-top: 0; } /* inner dialog content */ .evrDialog .evrDialogPaneContent { display: flex; flex-direction: column; justify-content: space-between; width: 100% !important; /*override dojo dialog resize*/ height: 100% !important; /*override dojo dialog resize*/ min-height: 0; max-height: none !important; /*override dojo dialog resize*/ padding: 0; font-weight: var(--evr-regular-weight); font-size: var(--evr-font-size-lg); font-family: 'Inter',sans-serif; line-height: var(--evr-line-height-lg); border: none; } .evrDialog .dialogUserRadioGroup { width: 100%; overflow-x: hidden; margin-bottom: var(--evr-spacing-md); } /* radio group items */ .evrDialog .UserActionsMenuItem .DayforceRadioButton { margin: 0; margin-bottom: var(--evr-spacing-xs); margin-top: var(--evr-spacing-xs); } .evrDialog .UserActionsMenuItem .UserRolesIpRestrictedIcon { width: 0; } /* radio group styles */ /* radio button */ .claro .evrDialog .dijitRadio input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-pack: center; display: flex; flex: 0 0 var(--evr-size-sm); width: var(--evr-size-sm); height: var(--evr-size-sm); padding: var(--evr-dialog-radio-checked-pad); background-clip: content-box; border: var(--evr-border-width-thin-px) solid var(--evr-borders-primary-default); border-radius: 100%; opacity: 1; } .claro .evrDialog .dijitRadio input[type="radio"]:checked { background-color: var(--evr-interactive-primary-default); border: var(--evr-border-width-thin-px) solid var(--evr-interactive-primary-default); } .claro .evrDialog .dijitRadio input[type="radio"]:hover:checked { background-color: var(--evr-interactive-primary-hovered); border: var(--evr-border-width-thin-px) solid var(--evr-interactive-primary-hovered); } .claro .evrDialog .dijitRadio input[type="radio"]:hover { border: var(--evr-border-width-thin-px) solid var(--evr-borders-primary-hovered); } .claro .evrDialog .dijitRadio { width: var(--evr-size-sm); height: var(--evr-size-sm); } /* button parent */ .claro .evrDialog .DayforceRadioButton .radioContainer > .dijitRadio { background-image: none; } .claro .evrDialog .DayforceRadioButton label { padding-left: var(--evr-dialog-radio-label-pad); } /* button */ .evrDialog .dialogButtonContainer { display: flex; flex-direction: column; margin-top: auto; padding: 0; margin: 0; width: 100%; } /* evrDialog-button span */ .evrDialog span[widgetid="evrDialog-button"] { display: flex; flex-direction: column; height: var(--evr-size-2xl); margin: 0 !important; } .evrDialog span[widgetid="evrDialog-button"] .dijitButtonNode { height: 100%; background-color: var(--evr-interactive-primary-default); border: var(--evr-border-width-thin-px) solid var(--evr-interactive-primary-default); border-radius: var(--evr-radius-lg) !important; } .evrDialog .dijitButtonHover .dijitButtonNode { background-color: var(--evr-interactive-primary-hovered) !important; border: var(--evr-border-width-thin-px) solid var(--evr-interactive-primary-hovered) !important; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; } .evrDialog .dijitButtonActive .dijitButtonNode { background-color: var(--evr-interactive-primary-pressed) !important; border: var(--evr-border-width-thin-px) solid var(--evr-interactive-primary-pressed) !important; } .claro.user-is-tabbing .evrDialog .dijitButtonFocused { outline-offset: 1px; outline: 2px solid var(--evr-interactive-primary-default); border-radius: var(--evr-radius-lg) !important; } .claro.user-is-tabbing .evrDialog .dijitRadioFocused { outline-offset: 1px; outline: 2px solid var(--evr-interactive-primary-default); border-radius: var(--evr-radius-lg) !important; } #evrDialog-button_label { font-size: var(--evr-font-size-lg); padding: 0; margin-top: 0.9rem; font-family: 'Inter',sans-serif; font-weight: var(--evr-demi-bold-weight); line-height: var(--evr-line-height-lg); text-shadow: none; } /* responsive */ @media only screen and (max-width: 480px) { .evrDialog { left: 0px !important; /*override dojo dialog positioning*/ top: 0px !important; /*override dojo dialog positioning*/ width: 100% !important; /*override dojo dialog resize*/ height: calc(100% - 9.2rem) !important; /*spacing for footer*/ border: none; border-radius: 0; } .evrDialog .evrDialogContainer { margin: var(--evr-spacing-lg) var(--evr-spacing-lg) 0 var(--evr-spacing-lg); } .evrFooter .footer { margin-top: var(--evr-spacing-xs); bottom: 0; max-height: var(--evr-dialog-footer-content-max-height); } #splashScreen { background-color: var(--evr-surfaces-primary-default); min-height: unset !important; } } /* Feature icons */ .FeatureMenu .FeatureMenuItem .Icon, .FeatureToolbar .Icon, .GlobalSearch .FeatureSearchTemplate .SearchResultIcon { font: 16px/1 "Open Sans",Arial,Helvetica,sans-serif; position: absolute; height: 26px; width: 26px; left: 5px; margin-top: -12px; padding: 2px; top: 50%; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } :root { /* can't use evr tokens since footer's rendered before the theme's loaded */ --evr-footer-color: #707070; --evr-footer-link-color: #3067db; --evr-spacing-lg-df: 3.2rem; --evr-spacing-md-df: 2.4rem; --evr-spacing-3xs-df: 0.4rem; --evr-font-size-sm-df: 1.2rem; } /* footer */ .evrFooter .footer { padding-inline: var(--evr-spacing-lg-df); padding-block-end: var(--evr-spacing-lg-df); color: var(--evr-footer-color); font-family: 'Inter', sans-serif; bottom: 0; position: absolute; text-align: center; left: 0; right: 0; width: auto; } .evrFooter .footer .copyrightText { color: inherit; font-family: inherit; font-size: var(--evr-font-size-sm-df); } .evrFooter .footer .bottomLink { color: var(--evr-footer-link-color); padding: var(--evr-spacing-3xs-df); } .evrFooter .footer nav ul { list-style: none; margin-inline: 0; margin-block-end: 0; padding-inline-start: 0; margin-block-start: 0; } .evrFooter nav ul li { display: inline; } /*This CSS is for uncategorized generic CSS for dojo-specific widgets*/ /*Removes the ugly yellow border around controls*/ /*The outline is important to have for tabbing*/ .claro * { outline:none; } #timeoutPopup_underlay { background-image: url("../../images/dojo/timeoutBG.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-size: 1px 100%; } .claro .dijitContentPane { padding:0px; } body, html { width:100%; height:100%; margin:0; padding:0;overflow:hidden; /* mobile browsers show scrollbars when there is content offscreen on right/bottom (meant to be hidden) */ position:relative; } html { font-size: 62.5%; /* anchor the html element with a 1px size so we can use rem units as pixel values and scale accordingly */ } .fullSize { height:100%; width:100%; overflow:hidden; } /** IE7 gotcha for hidden overflows. Not doing this gets us scrolling where we don't want it. */ .dj_ie7 .fullSize { position:relative; } :root { /* claro font size is 62.5%*/ --evr-loader-container-width: 46.4rem; /* 464px */ --evr-loader-container-height: 70.2rem; /* 702px */ --evr-loader-container-border-rd: 2.4rem; /* 24px */ --evr-loader-container-border-width: 1px; --evr-loader-container-border-color: #ebebeb; --evr-loader-container-background: #ffffff; } .evrSpinnerContainer { width: var(--evr-loader-container-width); height: var(--evr-loader-container-height); border: var(--evr-loader-container-border-width) solid var(--evr-loader-container-border-color); border-radius: var(--evr-loader-container-border-rd); display: flex; align-items: center; justify-content: center; background: var(--evr-loader-container-background); } .evrLoaderSplash { height: 100%; width: 100%; display: flex; justify-content: center; position: absolute; flex-direction: column; align-items: center; } .evrSpinner { animation: rotator 1.85s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .evrSpinnerTrack { stroke: #ebf8ff; } .evrSpinnerPath { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.85s ease-in-out infinite, colors 7.4s ease-in-out infinite; } @keyframes colors { 0% { stroke: #3067db; } 100% { stroke: #3067db; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } /* responsive */ @media only screen and (max-width: 480px) { .evrSpinnerContainer { background: transparent; border: none !important; } } /*/////////////// Menu ///////////////*/ .claro .dijitMenuBar { border: 0px solid #b5bcc7; margin: 0; padding: 0; background-color: #f6f6f6; background-image: url("../../../Framework/images/standardGradient.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-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: none; } .claro .dijitMenu { border: none; background-color: #fbfbfb; background-image: url("../../../Framework/images/standardGradient.png?v=64.1.2.14510&"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-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: none; margin: -1px 0; /*Padding should be 0px. Any padding should be assigned to the menu items and not the menu container*/ padding: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .claro .dijitMenu.green { border-bottom: 2px solid #a9d427; } .claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected { border: solid 0px #759dc0; } .claro .dijitMenu .dijitMenuItem { color: #101010; font-size: 11px; font-family: Verdana; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); -webkit-font-smoothing: antialiased; } .claro .dijitMenu .dijitMenuItem td.dijitMenuItemLabel { padding-left: 20px; padding-bottom: 10px; padding-top: 10px; padding-right: 20px; } /*For the second menu item, and all afterwards, apply a border on the top to give separation*/ .dijitMenuItem ~ .dijitMenuItem td.dijitMenuItemLabel { border-top: none; border-bottom: none; } /*For the first submenu item, no top level separator is needed*/ .claro .dijitMenu .dijitMenuItem:first-child td.dijitMenuItemLabel { border-top: none; border-bottom: none; } /*When a feature is selected, give it a uniform border around to override the default separator*/ .claro .dijitMenu .dijitMenuItem.featureSelected td { border-top: none; border-bottom: none; } /*For nodes that appear after a selected menu item, give a full border on the top (instead of the partial separator we normally use) to ensure a solid border across is painted to make the menu items more seamless */ .dijitMenuItem.featureSelected ~ .dijitMenuItem td, .dijitMenuItem.featureSelected ~ .dijitMenuItem.dijitMenuItemHover td.dijitMenuItemIconCell, .dijitMenuItem.featureSelected ~ .dijitMenuItem.dijitMenuItemHover td.dijitMenuArrowCell, .dijitMenuItem.featureSelected ~ .dijitMenuItem.dijitMenuItemSelected td.dijitMenuItemIconCell, .dijitMenuItem.featureSelected ~ .dijitMenuItem.dijitMenuItemSelected td.dijitMenuArrowCell { /*using !important is bad, but there's no way to create a CSS selector path specific enough with an adjacency (~) selector */ border-top: none; } /*To provide our half-border to the selected row in a drop down menu, we need to ensure the base claro border (of blue) doesn't get painted */ .claro .dijitMenu .dijitMenuItem td.dijitMenuItemIconCell, .claro .dijitMenu .dijitMenuItem td.dijitMenuArrowCell, .claro .dijitMenu .dijitMenuItem.dijitMenuItemHover td.dijitMenuItemIconCell, .claro .dijitMenu .dijitMenuItem.dijitMenuItemHover td.dijitMenuArrowCell, .claro .dijitMenu .dijitMenuItem.dijitMenuItemSelected td.dijitMenuItemIconCell, .claro .dijitMenu .dijitMenuItem.dijitMenuItemSelected td.dijitMenuArrowCell { border-bottom: none; border-top: none; } /* Arrow Button change when drop down is open */ .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode, .claro .dijitHasDropDownOpen { background-image: none; } .dijitToolbar.orgPicker > .dijitDropDownButton { padding:0px; margin:0px; border:none; height:54px; } .dijitToolbar.orgPicker > .dijitDropDownButton { /*Blanket reset css to avoid any issues with dojo-native padding*/ padding:0px; margin:0px; border:none; } .orgPicker .dijitArrowButtonInner { width: 15px; height: 15px; margin: 0px 5px 0px 5px; background-image: url("../../../Framework/images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -33px -31px; } /* toolbar buttons hover status */ .dj_ie .claro .orgPicker .dijitDropDownButtonHover .dijitButtonNode, .claro .orgPicker .dijitDropDownButtonHover .dijitButtonNode { border:none; padding:0px; background-color: White; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .dj_ie .claro .orgPicker .dijitDropDownButtonActive .dijitButtonNode, .claro .orgPicker .dijitDropDownButtonActive .dijitButtonNode { border:none; background-color: #f8f8f8; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; padding:0px; } .dijitToolbar.orgPicker .dijitDropDownButton .dijitButtonNode .dijitButtonText, .dijitToolbar.orgPicker .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode .dijitButtonText, .dijitToolbar.orgPicker .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode .dijitButtonText { color: #234bbb; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 600; } .claro .orgPicker .dijitDropDownButton .dijitButtonNode { /*Padding is defined in the Toolbar CSS -> This is no good for drop down buttons*/ padding:0px; } /*For drop down buttons, we want to control the dijitButtonContents node, not the dijitButtonNode*/ .claro .orgPicker .dijitDropDownButton .dijitButtonNode .dijitButtonContents { height:inherit; border:none; padding:2px; } .dijitToolbar.orgPicker .dijitButton .dijitButtonNode .dijitButtonText, .dijitToolbar.orgPicker .dijitDropDownButton .dijitButtonNode .dijitButtonText { height:inherit; text-align: center; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); -webkit-font-smoothing: antialiased; padding:0px; font-size: 15px; margin-left: 7px; height: 47px; line-height: 48px; } .dijitToolbar.orgPicker .dijitDropDownButton.dijitDisabled .dijitButtonNode, .dijitToolbar.orgPicker .dijitDropDownButton.dijitDisabled .dijitButtonNode .dijitButtonText { /* TFS 30686 - Jordan Neville Although buttons by default already have disabled styling, our custom CSS unique to the org picker button overrides it. Fix this by giving a more verbose path for a disabled button node */ cursor: default; color:#b6b6b6; } .dijitMenu.orgPickerDropDown { border-left:0px solid white; border-right:0px solid white; border-top:0px solid white; border-bottom: 2px solid #2863aa; background-color:white; display:block; padding:8px; } /*For IE7, the %-width value for the autocomplete box goes to 100% of the screen width and not the container width. Handle this by giving the popup a fixed width on IE7 only*/ .dj_ie7 .dijitMenu.orgPickerDropDown { width:300px; } .orgTree { margin-top:5px; overflow:auto; max-height:400px; width: 260px; } /*Since the org tree is smaller now, don't allow for its content to wrap to the next line*/ .orgTree .dijitTreeContent, .orgTree .dijitTreeRow, .orgTree .dijitTreeNode, .orgTree .dijitTreeLabel { white-space:nowrap; } /* Hack to align the buttons on the right side of the org picker TODO: Do this properly when the feature toolbar is rewritten */ .orgOkButton { padding-left: 98px; } .orgPicker { position:relative; display:inline-block; float:left; } .featureToolbarOrgPicker { font-size:20px; } .claro .orgPickerAutoComplete { width: 98%; margin-right: 10px; } /* Sprite images org tree icons */ .claro .orgTree .orgLevel{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -0px; width: 16px; height: 16px } .shap1{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -26px; width: 16px; height: 16px } .shap2{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -52px; width: 13px; height: 15px } .shap3{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -77px; width: 16px; height: 16px } .sheeld{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -103px; width: 16px; height: 16px } .star{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -129px; width: 16px; height: 16px } .star2{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -155px; width: 16px; height: 16px } .State{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -181px; width: 16px; height: 16px } .claro .orgTree .storeLevel{ background: url('../../images/dojo/OrgTreeIcons.png?v=64.1.2.14510&'); background-position: -0px -207px; width: 16px; height: 16px } .orgPicker .orgPickerIcon { background: url('../../images/featureToolbar_icons.png?v=64.1.2.14510&'); background-position: -180px 0px; height: 30px; width:30px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .bootstrap.progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-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 .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .bootstrap.progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .bootstrap.progress-striped .bar, .bootstrap .bar.progress-striped { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .bootstrap.progress.active .bar, .bootstrap.progress .bar.active{ -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .dj_ie7 .bootstrap.progress.progress-info.active .bar, .dj_ie7 .bootstrap.progress .bar.bar-info.active, .dj_ie8 .bootstrap.progress.progress-info.active .bar, .dj_ie8 .bootstrap.progress .bar.bar-info.active, .dj_ie9 .bootstrap.progress.progress-info.active .bar, .dj_ie9 .bootstrap.progress .bar.bar-info.progress-striped.active{ background-image: url('../../images/dojo/progInfo.gif?v=64.1.2.14510&'); background-repeat: repeat-x; filter: none; } .dj_ie7 .bootstrap.progress.progress-success.active .bar, .dj_ie7 .bootstrap.progress .bar.bar-success.active, .dj_ie8 .bootstrap.progress.progress-success.active .bar, .dj_ie8 .bootstrap.progress .bar.bar-success.active, .dj_ie9 .bootstrap.progress.progress-success.active .bar, .dj_ie9 .bootstrap.progress .bar.bar-success.progress-striped.active{ background-image: url('../../images/dojo/progSuccess.gif?v=64.1.2.14510&'); background-repeat: repeat-x; filter: none; } .dj_ie7 .bootstrap.progress.progress-warning.active .bar, .dj_ie7 .bootstrap.progress .bar.bar-warning.active, .dj_ie8 .bootstrap.progress.progress-warning.active .bar, .dj_ie8 .bootstrap.progress .bar.bar-warning.active, .dj_ie9 .bootstrap.progress.progress-warning.active .bar, .dj_ie9 .bootstrap.progress .bar.bar-warning.progress-striped.active{ background-image: url('../../images/dojo/progWarning.gif?v=64.1.2.14510&'); background-repeat: repeat-x; filter: none; } .dj_ie7 .bootstrap.progress.progress-danger.active .bar, .dj_ie7 .bootstrap.progress .bar.bar-danger.active, .dj_ie8 .bootstrap.progress.progress-danger.active .bar, .dj_ie8 .bootstrap.progress .bar.bar-danger.active, .dj_ie9 .bootstrap.progress.progress-danger.active .bar, .dj_ie9 .bootstrap.progress .bar.bar-danger.progress-striped.active{ background-image: url('../../images/dojo/progDanger.gif?v=64.1.2.14510&'); background-repeat: repeat-x; filter: none; } .bootstrap.progress-danger .bar, .bootstrap.progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .bootstrap.progress-danger.progress-striped .bar, .bootstrap.progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress .bar.bar-danger.progress-striped { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress-success .bar, .bootstrap.progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .bootstrap.progress-success.progress-striped .bar, .bootstrap.progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress .bar.bar-success.progress-striped { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress-info .bar, .bootstrap.progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .bootstrap.progress-info.progress-striped .bar, .bootstrap.progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress .bar.bar-info.progress-striped { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress-warning .bar, .bootstrap.progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .bootstrap.progress-warning.progress-striped .bar, .bootstrap.progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap.progress .bar.bar-warning.progress-striped { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /*CSS for preload inline for speed of loading*/ .splashScreen { position: fixed; background-color: #fafafa; height: 100%; width: 100%; } .splashScreenContainer { position:absolute; left:50%; top:50%; margin-left: -189px; /*Negative margins to account for 50% width & height */ margin-top: -57px; } .splashScreenTop { background-image:url('../../images/loadingBox_top.png?v=64.1.2.14510&'); background-repeat:no-repeat; height:51px; width:378px; } .splashScreenMiddle { background-image:url('../../images/loadingBox_middle.png?v=64.1.2.14510&'); background-repeat:repeat; z-index:1000; } .splashScreenBottom { background-image:url('../../images/loadingBox_bottom.png?v=64.1.2.14510&'); background-repeat:no-repeat; height:32px; width:378px; } .splashScreenBarContainer { width:310px; background-image:url('../../images/loadingBar_bg.png?v=64.1.2.14510&'); background-repeat:repeat-x; border: 1px solid #fff; margin: 0 34px; } .splashScreenBar { background-image:url('../../images/dojo/hor_preloader.gif?v=64.1.2.14510&'); background-repeat:repeat-x; height:11px; width:100%; } .splashScreenStatus { width: 344px; margin-left:16px; text-align: center; padding-top: 5px } .splashScreenLoadingPercent { font-weight: bold; } /*CSS for plugin notification*/ .pluginPopupContainer { display:none; position:absolute; left:50%; top:50%; margin-left: -223px; margin-top: -135px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); border: 1px solid rgb(201, 199, 199); } .pluginPopupHeader { border-bottom: 1px solid rgb(173, 175, 179); padding: 14px; } .pluginPopupHeader .pluginPopupHeaderIcon { background: url('../../images/pluginIcon.png?v=64.1.2.14510&') no-repeat center; height: 24px; width: 24px; display: inline-block; } .pluginPopupHeader .pluginPopupHeaderText { color: rgb(157, 157, 157); font-size: 1.7em; margin-bottom:-2px; padding: 0px 0px 0px 15px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pluginPopupContent { margin: 34px 67px; } .pluginPopupContent .pluginPopupText { margin-bottom: 15px; text-align: center; } .pluginPopupContent .pluginPopupFirefox { background: url('../../images/activatePlugin_Firefox.png?v=64.1.2.14510&') no-repeat center; height: 107px; width: 310px; } .pluginPopupContent .pluginPopupChrome { background: url('../../images/activatePlugin_Chrome.png?v=64.1.2.14510&') no-repeat center; height: 107px; width: 310px; } .claro .dijitTextBoxHover { background-color: #f5f9ff; } .claro .dijitComboBox .dijitButtonNode { background-color: #ffffff; } .claro .dijitSelectErrorFocused, .claro .dijitSelectErrorFocused .dijitButtonContents, .claro .dijitTextBoxErrorFocused, .claro .dijitTextBoxErrorFocused .dijitButtonNode { border-color: red; } .claro .dijitValidationTextBoxError .dijitValidationContainer { background-color: transparent; background-image: url("../../images/dojo/error2.png?v=64.1.2.14510&"); background-position: top center; border: solid red 0; width: 9px; margin: 2px 0px; } .claro .dijitTooltipContainer { /* the part with the text */ background-color: red; background-position: bottom; border: 1px solid red; padding: 8px 10px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); font-size: .9em; color: #2e2e2e; } .claro .dijitTooltipLeft { padding-right: 14px; } .claro .dijitTooltipLeft .dijitTooltipConnector { /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ right: 0; background-position: 0 0; width: 16px; height: 14px; } .claro .dijitTooltipRight { padding-left: 14px; } .claro .dijitTooltipConnector { /* the arrow piece */ background-image: url("../../images/dojo/tooltip_arrows_grey.png?v=64.1.2.14510&"); border: 0; z-index: 2; background-repeat: no-repeat; width: 16px; height: 14px; } .dj_ie6 .claro .dijitTooltipConnector { background-image: url("../../images/dojo/tooltip_arrows_red.png?v=64.1.2.14510&"); } .claro .dijitTooltipRight .dijitTooltipConnector { /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ left: 0; background-position: -48px 0; width: 16px; height: 11px; } /* ////////////////// Toolbar ///////////////////*/ /*Generic reset for padding on the buttons*/ .claro .navigationBar .dijitButton, .claro .navigationBar .dijitToggleButton, .claro .navigationBar .dijitComboButton, .claro .navigationBar .dijitDropDownButton, .claro .navigationBar .dijit .dijitButtonNode { padding: 0px; margin: 0px; border: none; } .claro .user-links-toolbar.dijitToolbar, .claro .orgPicker.dijitToolbar, .claro .navigationBar.dijitToolbar { border-top: none; overflow: hidden; white-space: nowrap; height: 52px; padding: 0px; font-family: Verdana; border-bottom: 1px solid rgba(40, 86, 143, 0.77); background-color: #EFEFEF; background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; zoom: 1; } .navigationBar > .dijitButton .dijitButtonNode .dijitButtonText, .navigationBar > .dijitToggleButton .dijitButtonNode .dijitButtonText, .navigationBar > .dijitDropDownButton .dijitButtonNode .dijitButtonText { text-align: center; min-width: 20px; font-size: 15px; height: 47px; } .navigationBar .dijitArrowButtonInner { width: 15px; height: 16px; /* There should a 7px margin around the arrow. Set margin right to 3px here because there is 2px coming from the label and 2px from the icon. */ margin: 0px 0px 0px 3px; background-image: url("../../../Framework/images/buttonArrows.png?v=64.1.2.14510&"); background-repeat: no-repeat; background-position: -33px -31px; } /*Set padding on the nodes... except for the drop button. Set the contents on that one*/ .claro .navigationBar .dijitComboButton .dijitButtonNode .dijitButtonContents, .claro .navigationBar .dijitButton .dijitButtonNode .dijitButtonContents, .claro .navigationBar .dijitToggleButton .dijitButtonNode .dijitButtonContents, .claro .navigationBar .dijitDropDownButton .dijitButtonNode .dijitButtonContents { height: inherit; border: none; padding: 0px; } .claro .navigationBar .dijit .dijitButtonNode { /*Disable button group rounded corners within toolbar*/ padding-left: 15px; padding-right: 15px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } /* toolbar buttons hover status */ .claro .navigationBar .dijitButtonHover .dijitButtonNode, .claro .navigationBar .dijitDropDownButtonHover .dijitButtonNode, .claro .navigationBar .dijitComboButton .dijitButtonNodeHover, .claro .navigationBar .dijitComboButton .dijitDownArrowButtonHover, .claro .navigationBar .dijitToggleButtonHover .dijitButtonNode { background-color: White; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .claro .IFrameDropDownMenuPopup .dijitMenu.featureSelected .dijitMenuItem.featureSelected td { background: #f1f1f1; filter: #d0d0d0; color: #101010; text-shadow: none; } .claro .IFrameDropDownMenuPopup .dijitMenu tr.dijitMenuItem.featureSelected.dijitMenuItemHover td { background: #f9f9f9; color: #101010; text-shadow: none; } .dj_ie8 .claro .IFrameDropDownMenuPopup .dijitMenu tr.dijitMenuItem.featureSelected.dijitMenuItemHover td { background: #d0d0d0; } .claro .IFrameDropDownMenuPopup .dijitMenu.featureSelected tr.dijitMenuItem.dijitMenuItemActiveFocused td, .claro .IFrameDropDownMenuPopup .dijitMenu tr.dijitMenuItem.dijitMenuItemActive td { background: #e0e0e0; filter: #e0e0e0; color: #101010; text-shadow: none; } .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActiveFocused td.dijitMenuItemIconCell, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive td.dijitMenuItemIconCell, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.featureSelected td.dijitMenuItemIconCell { box-shadow: inset 20px 0px 10px -20px #bcbcbc,inset 0px -20px 10px -20px #bcbcbc,inset 0px 20px 10px -20px #808080; } .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActiveFocused td.dijitMenuItemLabel, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive td.dijitMenuItemLabel, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.featureSelected td.dijitMenuItemLabel { box-shadow: inset 0px -20px 10px -20px #bcbcbc,inset 0px 20px 10px -20px #808080; } .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActiveFocused td.dijitMenuArrowCell, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive td.dijitMenuArrowCell, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.featureSelected td.dijitMenuArrowCell { box-shadow: inset -20px 0px 10px -20px #bcbcbc,inset 0px -20px 10px -20px #bcbcbc,inset 0px 20px 10px -20px #808080; } .claro .dijitMenu tr.dijitMenuItem.dijitDisabled.dijitMenuItemDisabled, .claro .dijitMenu tr.dijitMenuItem.dijitDisabled.dijitMenuItemDisabled > td { background: none; box-shadow: none; filter: alpha(opacity=50); color: #101010; text-shadow: none; } .claro .dijitMenu tr.dijitMenuItem.dijitDisabled.dijitMenuItemDisabled:hover, .claro .dijitMenu tr.dijitMenuItem.dijitDisabled.dijitMenuItemDisabled:active, .claro .dijitMenu tr.dijitMenuItem.dijitDisabled.dijitMenuItemDisabled > td:hover, .claro .dijitMenu tr.dijitMenuItem.dijitDisabled.dijitMenuItemDisabled > td:active { background-color: #f0f0f0; filter: #808080 alpha(opacity=50); color: #101010; } .claro .navigationBar .dijitActive .dijitButtonNode, .claro .navigationBar .dijitButton.featureSelected .dijitButtonNode, .claro .navigationBar .dijitComboButton.featureSelected .dijitButtonNode, .claro .navigationBar .dijitToggleButton.featureSelected .dijitButtonNode, .claro .navigationBar .dijitDropDownButton.featureSelected .dijitButtonNode { background-color: #F3F3F3; -moz-box-shadow: inset 0 0 10px #bcbcbc; -webkit-box-shadow: inset 0 0 10px #bcbcbc; box-shadow: inset 0 0 10px #bcbcbc; border: none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .claro .dijitMenuPopup .dijitMenu.featureSelected .dijitMenuItem.featureSelected td { /* no change here.. */ /* blue (actually selected)*/ color: #FFF; background-color: #FFF; /* Unfortunately needed to fix an IE8/IE9 bug.. see bug #53796 */ text-shadow: 0px 1px 0px rgba(18, 52, 94, 0.7); background: -moz-linear-gradient(top, #336ab2 0%, #2f63a7 48%, #224d85 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336ab2), color-stop(48%,#2f63a7), color-stop(100%,#224d85)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #336ab2 0%,#2f63a7 48%,#224d85 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #336ab2 0%,#2f63a7 48%,#224d85 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #336ab2 0%,#2f63a7 48%,#224d85 100%); /* IE10+ */ 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 .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover td, .claro .IFrameDropDownMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected td, .claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected td { /* grey color */ background-color: #f1f1f1; background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(241, 241, 241, 0.7) 0%, rgba(241, 241, 241, 0) 100%); background-image: -webkit-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%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */ _background-image: none; color: #101010; text-shadow: none; } .claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive td { /* darker blue (holding down) */ background: -moz-linear-gradient(to bottom, rgb(38, 80, 134) 0%, rgb(35, 73, 123) 48%, rgb(26, 58, 101) 100%) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, rgb(38, 80, 134) 0%, rgb(35, 73, 123) 48%, rgb(26, 58, 101) 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(to bottom, rgb(38, 80, 134) 0%, rgb(35, 73, 123) 48%, rgb(26, 58, 101) 100%) repeat scroll 0% 0% transparent; background: -ms-linear-gradient(to bottom, rgb(38, 80, 134) 0%, rgb(35, 73, 123) 48%, rgb(26, 58, 101) 100%) repeat scroll 0% 0% transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(38, 80, 134)), color-stop(48%,rgb(35, 73, 123)), color-stop(100%,rgb(26, 58, 101))); /* Chrome,Safari4+ */ background: linear-gradient(to bottom, rgb(38, 80, 134) 0%, rgb(35, 73, 123) 48%, rgb(26, 58, 101) 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265086', endColorstr='#1A3A65',GradientType=0 ); /* IE6-9 */ color: white; } .claro .dijitMenuPopup .dijitMenu.featureSelected .dijitMenuItem.featureSelected .dijitMenuExpand, .claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .dijitMenuExpand { background-image: url("../../images/dojo/spriteArrowsWhite.png?v=64.1.2.14510&"); } .navigationBar .dijitButton .dijitButtonText, .navigationBar .dijitToggleButton .dijitButtonText, .navigationBar .dijitDropDownButton .dijitButtonText, .navigationBar .dijitDropDownButton .dijitButtonText { /*Line-height centers the text*/ line-height: 49px; padding-top: 2px; } .dijitMenuItemHidden { display: none; } .dijitButtonOverflowHidden { display: none; } .dijitButtonHidden { visibility: hidden; } .user-links-toolbar { margin-left: -1px; margin-top: -1px; position: absolute; right: 0; top: 1px; } .claro .user-links .dijitButtonNode { background-color: transparent !important; border: 0 !important; background-image: none !important; } .claro .user-links.dijitButtonHover .dijitButtonNode, .claro .user-links .dijitButtonHover .dijitButtonNode, .claro .user-links .dijitDropDownButtonHover .dijitButtonNode, .claro .user-links .dijitComboButton .dijitButtonNodeHover, .claro .user-links .dijitComboButton .dijitDownArrowButtonHover, .claro .user-links .dijitToggleButtonHover .dijitButtonNode { background-color: transparent !important; border: inherit; padding: 2px; } .claro .user-links .dijitButtonActive .dijitButtonNode, .claro .user-links .dijitDropDownButtonActive .dijitButtonNode, .claro .user-links .dijitComboButton .dijitButtonNodeActive, .claro .user-links .dijitComboButton .dijitDownArrowButtonActive, .claro .user-links .dijitToggleButtonActive .dijitButtonNode { background-color: transparent !important; border: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 2px; } .navigationBarMargin { /*Margin must be 134px (or however big the user-links window is) for overflow to display correctly*/ margin-right: 134px; } .navigationBar > .dijitToolbarOverflowButton.dijitDropDownButton { border: none; /*height:inherit is a bug fix where something was setting the height abnormally large*/ height: inherit; /*The toolbar buttons by default have a min-width of 50px, the overflow button shouldn't inherit this as it can be a single icon*/ min-width: 0px; position: absolute; overflow: hidden; margin: 0px; } .navigationBar > .dijitToolbarOverflowButton.dijitDropDownButton .dijitButtonNode { min-width: 0px; padding-left: 5px; padding-right: 0px; } .navigationBar > .dijitToolbarOverflowButton.dijitDropDownButton .dijitButtonNode .dijitButtonText { min-width: 0px; padding-left: 0px; padding-right: 0px; } .navigationBar > .dijitToolbarOverflowButton.dijitDropDownButton .dijitArrowButtonInner { margin: 0px 5px 0px 5px; } /* Styles specifically for the overflow menu to ensure the scrollbars render properly on top of silverlight */ .claro .IFrameDropDownMenuPopup .dijitMenuWrapper { height: 100%; display: block; overflow-x: hidden; /* Set to auto when we open, but set to scroll for calculations in IFrameDropDownmenu onOpen*/ overflow-y: scroll; border: none !important; margin-top: 0px; } .claro .IFrameDropDownMenuPopup .dijitMenuWrapper .dijitMenuTable { height: 100%; width: 100%; border: 1px solid #C9CBCF!important; } /* IE8 and 9 specific overflow menu style*/ .dj_ie8 .claro .IFrameDropDownMenuPopup .dijitMenuWrapper .dijitMenuTable, .dj_ie9 .claro .IFrameDropDownMenuPopup .dijitMenuWrapper .dijitMenuTable { height: auto; border: none !important; } .dj_ie8 .claro .IFrameDropDownMenuPopup .dijitMenuWrapper, .dj_ie9 .claro .IFrameDropDownMenuPopup .dijitMenuWrapper { height: 100%; display: block; overflow-x: hidden; overflow-y: auto; border: 1px solid #8AABE6 !important; } /* Override default dojo popup overflow handling (done via inline styles) so we can handle it in our wrapper
instead */ .claro .IFrameDropDownMenuPopup { overflow-y: visible !important; overflow-x: visible !important; padding-bottom: 1px; } /* Feature button text */ .claro .navigationBar .dijitButtonText, .claro .dijitMenu .navigationBar .dijitMenuItem td.dijitMenuItemLabel { font-family: 'Open Sans'; font-size: 15px; padding-left: 7px; } .claro .dijitToolbar .dijitOutput { vertical-align:middle; } /* ////////////////// Tooltip ///////////////////*/ .claro .dijitTooltipContainer.dfTooltip { background-color: #ffffff; background-image: none; border: 1px solid #b5b5b5; padding: 8px 10px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); font-size: .9em; color: #2e2e2e; } /* .claro .dijitTooltipLeft .dfTooltip { padding-right: 14px; } .claro .dijitTooltipRight .dfTooltip { /*padding-left: 14px; } .claro .dijitTooltipAbove .dfTooltip { /*padding-left: 3px; padding-right: 3px; } .claro .dijitTooltipBelow .dfTooltip { /*padding-top: 0px; padding-left: 3px; padding-right: 3px; } */ .claro .dijitTooltipConnector.dfTooltip { background-image: url("../../images/dojo/tooltip_arrows_grey.png?v=64.1.2.14510&"); } .dj_ie6 .claro .dijitTooltipConnector.dfTooltip { background-image: url("../../images/dojo/tooltip_arrows_grey.png?v=64.1.2.14510&"); } .claro .dijitTooltipLeft .dijitTooltipConnector.dfTooltip { background-position: 0 0; right: 0; background-color:transparent; width: 16px; height: 14px; padding-left: 0; padding-right: 0; } .claro .dijitTooltipAbove .dijitTooltipConnector.dfTooltip { /*left: 3px;*/ background-position: -13px 0; width: 16px; height: 14px; } .claro .dijitTooltipRight .dijitTooltipConnector.dfTooltip { left: 0; background-position: -48px 0; width: 16px; height: 11px; } .claro .dijitTooltipBelow .dijitTooltipConnector.dfTooltip { /*left: 3px;*/ background-position: -31px 0; width: 16px; height: 14px; } .claro .dijitTooltip .tooltipSingleLine { white-space:nowrap; } .claro .dijitTooltip .wrapText { max-width: calc(150rem/10); } /*remove gradient for standard red tooltip*/ .claro .dijitTooltipContainer { background-image: none; } .claro .dijitTooltipContainer.ValidationTooltip { background-color: #E4001E; color: white; border: 2px solid #E4001E; } .claro .dijitTooltipConnector.ValidationTooltip { background-image: url("../../images/dojo/tooltip_arrows_red.png?v=64.1.2.14510&"); } .dijitTreeNodeHidden { display:none; } /*Important to have 100% to ensure whole row is selected on hover/select*/ .claro .dijitTreeRow { font-family:'Segoe UI'; /*font-weight:bold;*/ color:#4d5ccd; text-shadow: 0px 1px 1px #f8f8f8; text-wrap:none; } /*Outline used for keyboard/tab navigation*/ .claro .dijitTreeRowSelected .dijitTreeLabel, .claro .dijitTreeLabel:checked { padding: 2px 0px ; background-color: #eaf6ff; text-wrap:avoid; } /*Outline used for keyboard/tab navigation*/ .claro .dijitTreeLabel:hover { padding: 2px 0px ; border-bottom: 0px solid #dee6f6; border-top: 0px solid #dee6f6; background-color: #eaf2fb; color: #2f4d83; text-wrap:avoid; } .claro .dijitTreeLabel { padding:2px 0px; } /*Outline used for keyboard/tab navigation*/ .claro .dijitTreeRowSelected .dijitTreeLabel, .claro .dijitTreeLabel:active { padding: 2px 0px ; border-bottom: 0px solid #97b6f5; border-top: 0px solid #97b6f5; background-color: #e3edf8; color: #2f4d83; text-wrap:avoid; font-weight: bold; } .claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter { /* so insert line shows up on IE when dropping after a target element */ width: 100%; } .dijitTreeIndent { /* amount to indent each tree node (relative to parent node) */ width: 15px; } .dijitTreeRow, .dijitTreeContent { white-space:normal; } .dijitTreeLabel { text-wrap:none; } .claro .dijitTreeIsRoot { width:auto; } /* Styling for basic tree node (unhovered, unselected) * Also use this styling when dropping between items on the tree (in other words, don't * use hover effect) */ .claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter { /* so insert line shows up on IE when dropping after a target element */ font-size:11px; max-width:600px; color:#3e4dba; } .claro .dijitTreeRowSelected { background-color: transparent; background-image: none; border:none; padding:4px 0px 2px; color: #2d3ebc; } /*/////////////// user links ///////////////*/ .claro .dijitToolbar.user-links { display: inline-block; background-color:transparent; background-image:none; vertical-align:middle; padding: 2px 0 2px 0px; list-style: none; z-index: 1010; text-shadow: 0px 1px 0px rgba(83, 119, 4, 0.7); -webkit-font-smoothing: antialiased; border: 0px; } .claro .dijitToolbar.user-links .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar.user-links-toolbar .dijitButtonHover .dijitButtonNode { background-image:none; border-width:0; border:0; } .dijitToolbar.user-links .dijitButtonContents { padding:1px 2px; } .dijitToolbar.user-links .dijitButtonText { /* Must be same size as icons for valign */ line-height:18px; vertical-align:middle; padding:0px; } /*Hack to correct styling in IE7*/ .dj_ie7 .claro .user-links { display:inline; } /*IE cannot align with line-height properly and must use height instead.*/ .dj_ie .claro .user-links .dijitButtonText { /* Must be same size as icons for valign */ line-height:inherit; height:18px; vertical-align:middle; } div#preloader{ position: absolute; top:-9999px; left:-9999px; height:1px; width:1px; overflow:hidden; } .user-links-gc-label { height:18px; color:#333333; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7); vertical-align:central; text-align:right; margin: 0, 6px; } /* Sprite images toolbar icons */ .user-links-toolbar .dijitIcon { background: url('../../images/featureToolbar_icons.png?v=64.1.2.14510&'); background-position: -1470px 0; /*blank*/ height: 30px; width: 30px; } .user-links-toolbar .user-links-icon-garbagecollect { background-position: -150px -150px; } .user-links-toolbar .dijitHover .user-links-icon-garbagecollect, .user-links-toolbar .dijitActive .user-links-icon-garbagecollect { background-position: -150px -180px; } .user-links-toolbar .user-links-icon-logout{ background-position:-120px 0px; } .user-links-toolbar .dijitHover .user-links-icon-logout, .user-links-toolbar .dijitActive .user-links-icon-logout{ background-position: -120px -30px; width: 29px; margin-right: 1px; } .user-links-toolbar .user-links-icon-localize{ background-position: -90px -150px; } .user-links-toolbar .dijitHover .user-links-icon-localize, .user-links-toolbar .dijitActive .user-links-icon-localize{ background-position:-90px -180px; } .user-links-toolbar .user-links-icon-messages { background-position:-60px 0px; } .user-links-toolbar .dijitHover .user-links-icon-messages, .user-links-toolbar .dijitActive .user-links-icon-messages { background-position:-60px -30px; } .user-links-toolbar .user-links-icon-printscreen{ background-position: -30px -150px; } .user-links-toolbar .dijitHover .user-links-icon-printscreen, .user-links-toolbar .dijitActive .user-links-icon-printscreen{ background-position:-30px -180px; } .user-links-toolbar .user-links-icon-refresh{ background-position: 0px -150px; } .user-links-toolbar .dijitHover .user-links-icon-refresh, .user-links-toolbar .dijitActive .user-links-icon-refresh{ background-position:0px -180px; } .user-links-toolbar .user-links-icon-roleswitch{ background-position: -120px -150px; } .user-links-toolbar .dijitHover .user-links-icon-roleswitch, .user-links-toolbar .dijitActive .user-links-icon-roleswitch { background-position:-120px -180px; } .user-links-toolbar .user-links-icon-sendlog{ background-position: -60px -150px; } .user-links-toolbar .dijitHover .user-links-icon-sendlog, .user-links-toolbar .dijitActive .user-links-icon-sendlog{ background-position:-60px -180px; } .user-links-toolbar .user-links-icon-user { background-position:0px 0px; } .user-links-toolbar .dijitHover .user-links-icon-user, .user-links-toolbar .dijitActive .user-links-icon-user { background-position:0px -30px; } .user-links-toolbar .user-links-icon-help { background-position:0px -240px; } .user-links-icon-help:hover { background-position:0px -270px; } .claro .dijitToolbar.user-links-toolbar .dijitButtonActive.user-links-user .dijitButtonNode { padding:2px; } /*Hack to correct IE7 styling glitches*/ .dj_ie7 .claro .user-links-user { position:relative; top:4px; } .user-links-user { line-height: 52px; } .dijitToolbar .user-links-user .dijitButtonContents { padding-right: 0px }