/* Argo theme */ :root { /* Typography */ --pmFontFaceHead: "Px Grotesk", -apple-system, BlinkMacSystemFont, sans-serif; --pmFontFaceBody: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --pmFontWeightThin: 100; --pmFontWeightExtraLight: 200; --pmFontWeightLight: 300; --pmFontWeightNormal: 400; --pmFontWeightMedium: 500; --pmFontWeightSemiBold: 600; --pmFontWeightBold: 700; --pmFontWeightExtraBold: 800; --pmFontWeightBlack: 900; --pmFontSizeBody: 14px; --pmFontSizeSubHeading: 18px; --pmFontSizeHeading: 22px; /* Forms */ --pmThemeInputPaddingX: 0.355em; --pmThemeInputPaddingY: 0.5em; /* Primary colours */ --pmColorBrand10: #F6FECC; --pmColorBrand20: #EAFE9A; --pmColorBrand30: #DBFC67; --pmColorBrand40: #CBF941; --pmColorBrand50: #B3F604; --pmColorBrand60: #93D302; --pmColorBrand70: #76B102; --pmColorBrand80: #5B8E01; --pmColorBrand90: #487600; --pmColorBrand100: #1F3300; --pmColorBrand: var(--pmColorBrand50); --pmColorBlack: #000; --pmColorWhite: #fff; --pmColorGrey10: #F5F8FB; --pmColorGrey20: #ECF1F7; --pmColorGrey30: #D7DEE7; --pmColorGrey40: #BEC4CF; --pmColorGrey50: #9DA3AE; --pmColorGrey60: #707989; --pmColorGrey70: #505768; --pmColorGrey80: #3A3F50; --pmColorGrey90: #232734; --pmColorGrey95: #1a1e2c; /* Special shade for the workload grid */ --pmColorGrey100: #101423; --pmColorGrey: var(--pmColorGrey50); --pmColourDarkTransparent: rgba(16, 20, 35, 0.5); --pmColourLightTransparent: rgba(255, 255, 255, 0.5); /* Secondary colours */ --pmColorTeal10: #00fce7; --pmColorTeal20: #96FAD9; --pmColorTeal30: #60F0CD; --pmColorTeal40: #39E2C8; --pmColorTeal50: #01CFC2; --pmColorTeal60: #00ADB2; --pmColorTeal70: #008395; --pmColorTeal80: #005F78; --pmColorTeal90: #004663; --pmColorTeal100: #00202E; --pmColorTeal: var(--pmColorTeal50); --pmColorCyan10: #CEFCF3; --pmColorCyan20: #9EFAEF; --pmColorCyan30: #6CF2EC; --pmColorCyan40: #47E0E6; --pmColorCyan50: #0EC3EB; --pmColorCyan60: #0C96B8; --pmColorCyan70: #08719A; --pmColorCyan80: #05517C; --pmColorCyan90: #033B66; --pmColorCyan100: #001D33; --pmColorCyan: var(--pmColorCyan50); --pmColorLightBlue10: #D1F9FE; --pmColorLightBlue20: #A3EEFE; --pmColorLightBlue30: #75DDFE; --pmColorLightBlue40: #53C9FD; --pmColorLightBlue50: #1BAAFC; --pmColorLightBlue60: #1384D8; --pmColorLightBlue70: #0D63B5; --pmColorLightBlue80: #084692; --pmColorLightBlue90: #053278; --pmColorLightBlue100: #021636; --pmColorLightBlue: var(--pmColorLightBlue50); --pmColorBlurple10: #E8E8FF; --pmColorBlurple20: #D1D1FF; --pmColorBlurple30: #BABAFF; --pmColorBlurple40: #A8A9FF; --pmColorBlurple50: #8C8DFF; --pmColorBlurple60: #6667DB; --pmColorBlurple70: #4647B7; --pmColorBlurple80: #2C2D93; --pmColorBlurple90: #1A1B7A; --pmColorBlurple100: #07073C; --pmColorBlurple: var(--pmColorBlurple50); --pmColorPurple10: #F6E0FF; --pmColorPurple20: #EBC2FF; --pmColorPurple30: #DDA4FF; --pmColorPurple40: #CE8DFF; --pmColorPurple50: #B768FF; --pmColorPurple60: #8F4CDB; --pmColorPurple70: #6B34B7; --pmColorPurple80: #4B2193; --pmColorPurple90: #34137A; --pmColorPurple100: #1A0449; --pmColorPurple: var(--pmColorPurple50); --pmColorPink10: #FEDADF; --pmColorPink20: #FDB6C7; --pmColorPink30: #F991B4; --pmColorPink40: #F374AC; --pmColorPink50: #EC48A1; --pmColorPink60: #CA3495; --pmColorPink70: #A92487; --pmColorPink80: #881676; --pmColorPink90: #710D6B; --pmColorPink100: #42003E; --pmColorPink: var(--pmColorPink50); --pmColorOrange10: #FFEBD2; --pmColorOrange20: #FFD2A6; --pmColorOrange30: #FFB379; --pmColorOrange40: #FF9558; --pmColorOrange50: #FF6321; --pmColorOrange60: #DB4518; --pmColorOrange70: #B72B10; --pmColorOrange80: #93170A; --pmColorOrange90: #7A0906; --pmColorOrange100: #420200; --pmColorOrange: var(--pmColorOrange50); /* Status colours */ --pmColorSuccess10: #E3FCDA; --pmColorSuccess20: #C1FAB7; --pmColorSuccess30: #95F190; --pmColorSuccess40: #71E375; --pmColorSuccess50: #45D157; --pmColorSuccess60: #32B34F; --pmColorSuccess70: #229647; --pmColorSuccess80: #16793E; --pmColorSuccess90: #0D6438; --pmColorSuccess100: #022C17; --pmColorSuccess: var(--pmColorSuccess50); --pmColorWarning10: #FFF4D4; --pmColorWarning20: #FFE6AA; --pmColorWarning30: #FFD47F; --pmColorWarning40: #FFC360; --pmColorWarning50: #FFA62B; --pmColorWarning60: #DB841F; --pmColorWarning70: #B76515; --pmColorWarning80: #934A0D; --pmColorWarning90: #7A3708; --pmColorWarning100: #3D1900; --pmColorWarning: var(--pmColorWarning50); --pmColorError10: #FFE5D8; --pmColorError20: #FFC4B1; --pmColorError30: #FF9D8A; --pmColorError40: #FF776D; --pmColorError50: #FF3D40; --pmColorError60: #DB2C3E; --pmColorError70: #B71E3B; --pmColorError80: #931337; --pmColorError90: #7A0B34; --pmColorError100: #420018; --pmColorError: var(--pmColorError50); /* React theme vars */ /* If a react component is used in the .NET world we need to define the CSS vars here */ --pm-primary-color: var(--pmColorBrand); --pm-primary-color-highlight: var(--pmColorBrand60); --pm-secondary-color: var(--pmColorTeal50); --pm-text-default-color: var(--pmThemeForeground); --pm-primary-background-color: var(--pmThemeBackground); --pm-secondary-background-color: var(--pmThemeBackground90); --pm-input-border-color: var(--pmThemeBackground70); --pm-input-background-color: var(--pmThemeBackground90); --pm-status-success-color: var(--pmColorSuccess50); --pm-status-warning-color: var(--pmColorWarning50); --pm-status-error-color: var(--pmColorError50); --pm-scroll-color: var(--pmThemeScrollHandleColor); --pm-scroll-track-color: var(--pmThemeScrollTrackColor); } /* Inter */ @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-Thin.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-ExtraLight.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-Light.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-Regular.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-Medium.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-SemiBold.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-Bold.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-ExtraBold.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('/assets/css/fonts/Inter/Inter-Black.woff2') format('woff2'), url('/assets/css/fonts/Inter/Inter-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: auto; } /* Px Grotesk */ @font-face { font-family: 'Px Grotesk'; src: url('/assets/css/fonts/PxGrotesk/PxGrotesk-Thin.woff2') format('woff2'), url('/assets/css/fonts/PxGrotesk/PxGrotesk-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: auto; } @font-face { font-family: 'Px Grotesk'; src: url('/assets/css/fonts/PxGrotesk/PxGrotesk-Light.woff2') format('woff2'), url('/assets/css/fonts/PxGrotesk/PxGrotesk-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Px Grotesk'; src: url('/assets/css/fonts/PxGrotesk/PxGrotesk-Regular.woff2') format('woff2'), url('/assets/css/fonts/PxGrotesk/PxGrotesk-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Px Grotesk'; src: url('/assets/css/fonts/PxGrotesk/PxGrotesk-Bold.woff2') format('woff2'), url('/assets/css/fonts/PxGrotesk/PxGrotesk-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: 'Px Grotesk'; src: url('/assets/css/fonts/PxGrotesk/PxGrotesk-Black.woff2') format('woff2'), url('/assets/css/fonts/PxGrotesk/PxGrotesk-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: auto; } @font-face { font-family: "icon-pm"; src: url('/assets/fonts/icon-pm.eot'); src: url('/assets/fonts/icon-pm.eot?#iefix') format('eot'), url('/assets/fonts/icon-pm.woff2') format('woff2'), url('/assets/fonts/icon-pm.woff') format('woff'), url('/assets/fonts/icon-pm.ttf') format('truetype'); font-weight: normal; font-style: normal; } .icon-pm:before, [class^="icon-pm-"]:before, [class*=" icon-pm-"]:before { display: inline-block; font-family: "icon-pm"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pm-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .icon-pm-2x { font-size: 2em; } .icon-pm-3x { font-size: 3em; } .icon-pm-4x { font-size: 4em; } .icon-pm-5x { font-size: 5em; } .icon-pm-fw { width: 1.2857142857142858em; text-align: center; } .icon-pm-activity-portfolio:before { content: "\EA01" } .icon-pm-activity-team:before { content: "\EA02" } .icon-pm-activity-user:before { content: "\EA03" } .icon-pm-add-circle-dark:before { content: "\EA04" } .icon-pm-add-circle-solid-dark:before { content: "\EA05" } .icon-pm-add-circle-solid:before { content: "\EA06" } .icon-pm-add-circle:before { content: "\EA07" } .icon-pm-add-dark:before { content: "\EA08" } .icon-pm-add:before { content: "\EA09" } .icon-pm-approved:before { content: "\EA0A" } .icon-pm-arrow-down-box-dark:before { content: "\EA0B" } .icon-pm-arrow-left:before { content: "\EA0C" } .icon-pm-arrow-right:before { content: "\EA0D" } .icon-pm-arrow-vertical:before { content: "\EA0E" } .icon-pm-board-circle:before { content: "\EA0F" } .icon-pm-board:before { content: "\EA10" } .icon-pm-bold:before { content: "\EA11" } .icon-pm-bulb-on:before { content: "\EA12" } .icon-pm-bullet-list:before { content: "\EA13" } .icon-pm-calendar-circle:before { content: "\EA14" } .icon-pm-calendar-complete-dark:before { content: "\EA15" } .icon-pm-calendar-light:before { content: "\EA16" } .icon-pm-calendar-lock:before { content: "\EA17" } .icon-pm-calendar:before { content: "\EA18" } .icon-pm-change:before { content: "\EA19" } .icon-pm-chart-pie:before { content: "\EA1A" } .icon-pm-chart:before { content: "\EA1B" } .icon-pm-checkbox-circle:before { content: "\EA1C" } .icon-pm-checkbox:before { content: "\EA1D" } .icon-pm-checkmark-dark:before { content: "\EA1E" } .icon-pm-checkmark-dark2:before { content: "\EA1F" } .icon-pm-checkmark-light:before { content: "\EA20" } .icon-pm-checkmark-sharp:before { content: "\EA21" } .icon-pm-checkmark-sharp2:before { content: "\EA22" } .icon-pm-checkmark:before { content: "\EA23" } .icon-pm-clock:before { content: "\EA24" } .icon-pm-clock2:before { content: "\EA25" } .icon-pm-clock3:before { content: "\EA26" } .icon-pm-close-circle-solid-dark:before { content: "\EA27" } .icon-pm-close-dark:before { content: "\EA28" } .icon-pm-close:before { content: "\EA29" } .icon-pm-color:before { content: "\EA2A" } .icon-pm-column-add:before { content: "\EA2B" } .icon-pm-columns:before { content: "\EA2C" } .icon-pm-comment-circle:before { content: "\EA2D" } .icon-pm-comment-dark:before { content: "\EA2E" } .icon-pm-comment-darker:before { content: "\EA2F" } .icon-pm-comment:before { content: "\EA30" } .icon-pm-company-logo:before { content: "\EA31" } .icon-pm-complete:before { content: "\EA32" } .icon-pm-complete2-circle:before { content: "\EA33" } .icon-pm-contract-dark:before { content: "\EA34" } .icon-pm-contract:before { content: "\EA35" } .icon-pm-copy:before { content: "\EA36" } .icon-pm-corner-outline-bottom-left:before { content: "\EA37" } .icon-pm-cost:before { content: "\EA38" } .icon-pm-cut:before { content: "\EA39" } .icon-pm-dashboard:before { content: "\EA3A" } .icon-pm-delete-circle:before { content: "\EA3B" } .icon-pm-delete:before { content: "\EA3C" } .icon-pm-denied-approval:before { content: "\EA3D" } .icon-pm-description-circle:before { content: "\EA3E" } .icon-pm-details-left:before { content: "\EA3F" } .icon-pm-details-right:before { content: "\EA40" } .icon-pm-down-circle:before { content: "\EA41" } .icon-pm-down-close-tall:before { content: "\EA42" } .icon-pm-down-close:before { content: "\EA43" } .icon-pm-down-dark-double:before { content: "\EA44" } .icon-pm-down-dark-rounded:before { content: "\EA45" } .icon-pm-down-dark:before { content: "\EA46" } .icon-pm-down:before { content: "\EA47" } .icon-pm-download:before { content: "\EA48" } .icon-pm-drag-vertical:before { content: "\EA49" } .icon-pm-drag:before { content: "\EA4A" } .icon-pm-edit:before { content: "\EA4B" } .icon-pm-edit2:before { content: "\EA4C" } .icon-pm-edit3:before { content: "\EA4D" } .icon-pm-edition-config-circle:before { content: "\EA4E" } .icon-pm-egg-crack:before { content: "\EA4F" } .icon-pm-emoji-category-activity:before { content: "\EA50" } .icon-pm-emoji-category-diversity:before { content: "\EA51" } .icon-pm-emoji-category-flags:before { content: "\EA52" } .icon-pm-emoji-category-food:before { content: "\EA53" } .icon-pm-emoji-category-nature:before { content: "\EA54" } .icon-pm-emoji-category-objects:before { content: "\EA55" } .icon-pm-emoji-category-people:before { content: "\EA56" } .icon-pm-emoji-category-recent:before { content: "\EA57" } .icon-pm-emoji-category-symbols:before { content: "\EA58" } .icon-pm-emoji-category-travel:before { content: "\EA59" } .icon-pm-envelope:before { content: "\EA5A" } .icon-pm-exclaim:before { content: "\EA5B" } .icon-pm-expand-dark:before { content: "\EA5C" } .icon-pm-expand:before { content: "\EA5D" } .icon-pm-expand2:before { content: "\EA5E" } .icon-pm-export-dark:before { content: "\EA5F" } .icon-pm-export:before { content: "\EA60" } .icon-pm-file-add:before { content: "\EA61" } .icon-pm-file-clip-circle:before { content: "\EA62" } .icon-pm-file-clip-dark:before { content: "\EA63" } .icon-pm-file-clip-darker:before { content: "\EA64" } .icon-pm-file-clip-light:before { content: "\EA65" } .icon-pm-file-clip:before { content: "\EA66" } .icon-pm-files:before { content: "\EA67" } .icon-pm-fill-color:before { content: "\EA68" } .icon-pm-filter-dark:before { content: "\EA69" } .icon-pm-filter:before { content: "\EA6A" } .icon-pm-folder-2-open:before { content: "\EA6B" } .icon-pm-folder-2:before { content: "\EA6C" } .icon-pm-folder-search:before { content: "\EA6D" } .icon-pm-folder:before { content: "\EA6E" } .icon-pm-font:before { content: "\EA6F" } .icon-pm-gantt:before { content: "\EA70" } .icon-pm-graduation-cap:before { content: "\EA71" } .icon-pm-group:before { content: "\EA72" } .icon-pm-hamburger:before { content: "\EA73" } .icon-pm-health:before { content: "\EA74" } .icon-pm-heart-filled:before { content: "\EA75" } .icon-pm-heart:before { content: "\EA76" } .icon-pm-help-circle-dark:before { content: "\EA77" } .icon-pm-help-circle:before { content: "\EA78" } .icon-pm-help:before { content: "\EA79" } .icon-pm-import:before { content: "\EA7A" } .icon-pm-inbox:before { content: "\EA7B" } .icon-pm-indent-decrease:before { content: "\EA7C" } .icon-pm-indent-increase:before { content: "\EA7D" } .icon-pm-info-light:before { content: "\EA7E" } .icon-pm-info:before { content: "\EA7F" } .icon-pm-insert-row-above:before { content: "\EA80" } .icon-pm-insert-row-below:before { content: "\EA81" } .icon-pm-issue:before { content: "\EA82" } .icon-pm-italic:before { content: "\EA83" } .icon-pm-key-group:before { content: "\EA84" } .icon-pm-key-password:before { content: "\EA85" } .icon-pm-kiwi-unicycle:before { content: "\EA86" } .icon-pm-left-circle:before { content: "\EA87" } .icon-pm-left-close:before { content: "\EA88" } .icon-pm-left-dark-double:before { content: "\EA89" } .icon-pm-left-dark:before { content: "\EA8A" } .icon-pm-left:before { content: "\EA8B" } .icon-pm-link:before { content: "\EA8C" } .icon-pm-list-indent:before { content: "\EA8D" } .icon-pm-list:before { content: "\EA8E" } .icon-pm-location:before { content: "\EA8F" } .icon-pm-lock-password:before { content: "\EA90" } .icon-pm-lock:before { content: "\EA91" } .icon-pm-magnify-less:before { content: "\EA92" } .icon-pm-magnify-more:before { content: "\EA93" } .icon-pm-mention-circle:before { content: "\EA94" } .icon-pm-mention:before { content: "\EA95" } .icon-pm-menu-bold:before { content: "\EA96" } .icon-pm-menu-fill:before { content: "\EA97" } .icon-pm-menu-heading-1:before { content: "\EA98" } .icon-pm-menu-heading-2:before { content: "\EA99" } .icon-pm-menu-heading-3:before { content: "\EA9A" } .icon-pm-menu-heading-4:before { content: "\EA9B" } .icon-pm-menu-heading:before { content: "\EA9C" } .icon-pm-menu-highlight:before { content: "\EA9D" } .icon-pm-menu-indent:before { content: "\EA9E" } .icon-pm-menu-italic:before { content: "\EA9F" } .icon-pm-menu-list-bullet:before { content: "\EAA0" } .icon-pm-menu-list-checkbox:before { content: "\EAA1" } .icon-pm-menu-list-number:before { content: "\EAA2" } .icon-pm-menu-list:before { content: "\EAA3" } .icon-pm-menu-paragraph:before { content: "\EAA4" } .icon-pm-menu-strike:before { content: "\EAA5" } .icon-pm-menu-underline:before { content: "\EAA6" } .icon-pm-merge:before { content: "\EAA7" } .icon-pm-milestone-white:before { content: "\EAA8" } .icon-pm-milestone:before { content: "\EAA9" } .icon-pm-minus-box:before { content: "\EAAA" } .icon-pm-more-vertical:before { content: "\EAAB" } .icon-pm-more:before { content: "\EAAC" } .icon-pm-my-summary:before { content: "\EAAD" } .icon-pm-need-approval:before { content: "\EAAE" } .icon-pm-notes-dark:before { content: "\EAAF" } .icon-pm-notes-darker:before { content: "\EAB0" } .icon-pm-notes:before { content: "\EAB1" } .icon-pm-notification-solid:before { content: "\EAB2" } .icon-pm-notification:before { content: "\EAB3" } .icon-pm-number-format:before { content: "\EAB4" } .icon-pm-paste:before { content: "\EAB5" } .icon-pm-people:before { content: "\EAB6" } .icon-pm-person-add:before { content: "\EAB7" } .icon-pm-person-circle:before { content: "\EAB8" } .icon-pm-person-dark:before { content: "\EAB9" } .icon-pm-person-solid:before { content: "\EABA" } .icon-pm-person-time:before { content: "\EABB" } .icon-pm-person:before { content: "\EABC" } .icon-pm-pin:before { content: "\EABD" } .icon-pm-pinned:before { content: "\EABE" } .icon-pm-plan:before { content: "\EABF" } .icon-pm-plus-box:before { content: "\EAC0" } .icon-pm-portfolio-summary:before { content: "\EAC1" } .icon-pm-print:before { content: "\EAC2" } .icon-pm-priority-high-1:before { content: "\EAC3" } .icon-pm-priority-high-2:before { content: "\EAC4" } .icon-pm-priority-high-3:before { content: "\EAC5" } .icon-pm-priority-low-1:before { content: "\EAC6" } .icon-pm-priority-low-2:before { content: "\EAC7" } .icon-pm-priority-neutral:before { content: "\EAC8" } .icon-pm-progress-checkmark-dark:before { content: "\EAC9" } .icon-pm-progress-circle:before { content: "\EACA" } .icon-pm-project-board:before { content: "\EACB" } .icon-pm-project-gantt:before { content: "\EACC" } .icon-pm-project-sheet:before { content: "\EACD" } .icon-pm-project:before { content: "\EACE" } .icon-pm-radio-selected:before { content: "\EACF" } .icon-pm-radio:before { content: "\EAD0" } .icon-pm-radio2:before { content: "\EAD1" } .icon-pm-redo:before { content: "\EAD2" } .icon-pm-refresh-circle:before { content: "\EAD3" } .icon-pm-refresh:before { content: "\EAD4" } .icon-pm-repeat:before { content: "\EAD5" } .icon-pm-reports:before { content: "\EAD6" } .icon-pm-restore:before { content: "\EAD7" } .icon-pm-right-box-dark:before { content: "\EAD8" } .icon-pm-right-circle:before { content: "\EAD9" } .icon-pm-right-close:before { content: "\EADA" } .icon-pm-right-dark-double:before { content: "\EADB" } .icon-pm-right-dark:before { content: "\EADC" } .icon-pm-right:before { content: "\EADD" } .icon-pm-risk:before { content: "\EADE" } .icon-pm-rss:before { content: "\EADF" } .icon-pm-save:before { content: "\EAE0" } .icon-pm-search-dark:before { content: "\EAE1" } .icon-pm-search-light:before { content: "\EAE2" } .icon-pm-search:before { content: "\EAE3" } .icon-pm-search2:before { content: "\EAE4" } .icon-pm-search3:before { content: "\EAE5" } .icon-pm-secure-person-circle:before { content: "\EAE6" } .icon-pm-secure-person:before { content: "\EAE7" } .icon-pm-secure-shield:before { content: "\EAE8" } .icon-pm-settings-solid:before { content: "\EAE9" } .icon-pm-settings:before { content: "\EAEA" } .icon-pm-settings2:before { content: "\EAEB" } .icon-pm-settings3:before { content: "\EAEC" } .icon-pm-share-circle:before { content: "\EAED" } .icon-pm-share:before { content: "\EAEE" } .icon-pm-sheet:before { content: "\EAEF" } .icon-pm-smile:before { content: "\EAF0" } .icon-pm-sort:before { content: "\EAF1" } .icon-pm-spinner:before { content: "\EAF2" } .icon-pm-square:before { content: "\EAF3" } .icon-pm-star-chunky:before { content: "\EAF4" } .icon-pm-star-outline:before { content: "\EAF5" } .icon-pm-star:before { content: "\EAF6" } .icon-pm-subtasks:before { content: "\EAF7" } .icon-pm-summary-task:before { content: "\EAF8" } .icon-pm-tab-left-in:before { content: "\EAF9" } .icon-pm-tab-left-out:before { content: "\EAFA" } .icon-pm-task-children:before { content: "\EAFB" } .icon-pm-task-history:before { content: "\EAFC" } .icon-pm-task-move-board-circle:before { content: "\EAFD" } .icon-pm-task-move-project-circle:before { content: "\EAFE" } .icon-pm-task-parent:before { content: "\EAFF" } .icon-pm-team-summary:before { content: "\EB00" } .icon-pm-text-color:before { content: "\EB01" } .icon-pm-text-format:before { content: "\EB02" } .icon-pm-thumbs-up-alert:before { content: "\EB03" } .icon-pm-thumbs-up:before { content: "\EB04" } .icon-pm-type-board:before { content: "\EB05" } .icon-pm-type-list:before { content: "\EB06" } .icon-pm-type-plan:before { content: "\EB07" } .icon-pm-underline:before { content: "\EB08" } .icon-pm-undo:before { content: "\EB09" } .icon-pm-unlink:before { content: "\EB0A" } .icon-pm-unlock:before { content: "\EB0B" } .icon-pm-up-close-tall:before { content: "\EB0C" } .icon-pm-up-close:before { content: "\EB0D" } .icon-pm-up-dark-double:before { content: "\EB0E" } .icon-pm-up-dark-rounded:before { content: "\EB0F" } .icon-pm-up-dark:before { content: "\EB10" } .icon-pm-up:before { content: "\EB11" } .icon-pm-upgrade:before { content: "\EB12" } .icon-pm-video-chat:before { content: "\EB13" } .icon-pm-activity-portfolio-hover:hover:before { content: "\EA01" } .icon-pm-activity-team-hover:hover:before { content: "\EA02" } .icon-pm-activity-user-hover:hover:before { content: "\EA03" } .icon-pm-add-circle-dark-hover:hover:before { content: "\EA04" } .icon-pm-add-circle-solid-dark-hover:hover:before { content: "\EA05" } .icon-pm-add-circle-solid-hover:hover:before { content: "\EA06" } .icon-pm-add-circle-hover:hover:before { content: "\EA07" } .icon-pm-add-dark-hover:hover:before { content: "\EA08" } .icon-pm-add-hover:hover:before { content: "\EA09" } .icon-pm-approved-hover:hover:before { content: "\EA0A" } .icon-pm-arrow-down-box-dark-hover:hover:before { content: "\EA0B" } .icon-pm-arrow-left-hover:hover:before { content: "\EA0C" } .icon-pm-arrow-right-hover:hover:before { content: "\EA0D" } .icon-pm-arrow-vertical-hover:hover:before { content: "\EA0E" } .icon-pm-board-circle-hover:hover:before { content: "\EA0F" } .icon-pm-board-hover:hover:before { content: "\EA10" } .icon-pm-bold-hover:hover:before { content: "\EA11" } .icon-pm-bulb-on-hover:hover:before { content: "\EA12" } .icon-pm-bullet-list-hover:hover:before { content: "\EA13" } .icon-pm-calendar-circle-hover:hover:before { content: "\EA14" } .icon-pm-calendar-complete-dark-hover:hover:before { content: "\EA15" } .icon-pm-calendar-light-hover:hover:before { content: "\EA16" } .icon-pm-calendar-lock-hover:hover:before { content: "\EA17" } .icon-pm-calendar-hover:hover:before { content: "\EA18" } .icon-pm-change-hover:hover:before { content: "\EA19" } .icon-pm-chart-pie-hover:hover:before { content: "\EA1A" } .icon-pm-chart-hover:hover:before { content: "\EA1B" } .icon-pm-checkbox-circle-hover:hover:before { content: "\EA1C" } .icon-pm-checkbox-hover:hover:before { content: "\EA1D" } .icon-pm-checkmark-dark-hover:hover:before { content: "\EA1E" } .icon-pm-checkmark-dark2-hover:hover:before { content: "\EA1F" } .icon-pm-checkmark-light-hover:hover:before { content: "\EA20" } .icon-pm-checkmark-sharp-hover:hover:before { content: "\EA21" } .icon-pm-checkmark-sharp2-hover:hover:before { content: "\EA22" } .icon-pm-checkmark-hover:hover:before { content: "\EA23" } .icon-pm-clock-hover:hover:before { content: "\EA24" } .icon-pm-clock2-hover:hover:before { content: "\EA25" } .icon-pm-clock3-hover:hover:before { content: "\EA26" } .icon-pm-close-circle-solid-dark-hover:hover:before { content: "\EA27" } .icon-pm-close-dark-hover:hover:before { content: "\EA28" } .icon-pm-close-hover:hover:before { content: "\EA29" } .icon-pm-color-hover:hover:before { content: "\EA2A" } .icon-pm-column-add-hover:hover:before { content: "\EA2B" } .icon-pm-columns-hover:hover:before { content: "\EA2C" } .icon-pm-comment-circle-hover:hover:before { content: "\EA2D" } .icon-pm-comment-dark-hover:hover:before { content: "\EA2E" } .icon-pm-comment-darker-hover:hover:before { content: "\EA2F" } .icon-pm-comment-hover:hover:before { content: "\EA30" } .icon-pm-company-logo-hover:hover:before { content: "\EA31" } .icon-pm-complete-hover:hover:before { content: "\EA32" } .icon-pm-complete2-circle-hover:hover:before { content: "\EA33" } .icon-pm-contract-dark-hover:hover:before { content: "\EA34" } .icon-pm-contract-hover:hover:before { content: "\EA35" } .icon-pm-copy-hover:hover:before { content: "\EA36" } .icon-pm-corner-outline-bottom-left-hover:hover:before { content: "\EA37" } .icon-pm-cost-hover:hover:before { content: "\EA38" } .icon-pm-cut-hover:hover:before { content: "\EA39" } .icon-pm-dashboard-hover:hover:before { content: "\EA3A" } .icon-pm-delete-circle-hover:hover:before { content: "\EA3B" } .icon-pm-delete-hover:hover:before { content: "\EA3C" } .icon-pm-denied-approval-hover:hover:before { content: "\EA3D" } .icon-pm-description-circle-hover:hover:before { content: "\EA3E" } .icon-pm-details-left-hover:hover:before { content: "\EA3F" } .icon-pm-details-right-hover:hover:before { content: "\EA40" } .icon-pm-down-circle-hover:hover:before { content: "\EA41" } .icon-pm-down-close-tall-hover:hover:before { content: "\EA42" } .icon-pm-down-close-hover:hover:before { content: "\EA43" } .icon-pm-down-dark-double-hover:hover:before { content: "\EA44" } .icon-pm-down-dark-rounded-hover:hover:before { content: "\EA45" } .icon-pm-down-dark-hover:hover:before { content: "\EA46" } .icon-pm-down-hover:hover:before { content: "\EA47" } .icon-pm-download-hover:hover:before { content: "\EA48" } .icon-pm-drag-vertical-hover:hover:before { content: "\EA49" } .icon-pm-drag-hover:hover:before { content: "\EA4A" } .icon-pm-edit-hover:hover:before { content: "\EA4B" } .icon-pm-edit2-hover:hover:before { content: "\EA4C" } .icon-pm-edit3-hover:hover:before { content: "\EA4D" } .icon-pm-edition-config-circle-hover:hover:before { content: "\EA4E" } .icon-pm-egg-crack-hover:hover:before { content: "\EA4F" } .icon-pm-emoji-category-activity-hover:hover:before { content: "\EA50" } .icon-pm-emoji-category-diversity-hover:hover:before { content: "\EA51" } .icon-pm-emoji-category-flags-hover:hover:before { content: "\EA52" } .icon-pm-emoji-category-food-hover:hover:before { content: "\EA53" } .icon-pm-emoji-category-nature-hover:hover:before { content: "\EA54" } .icon-pm-emoji-category-objects-hover:hover:before { content: "\EA55" } .icon-pm-emoji-category-people-hover:hover:before { content: "\EA56" } .icon-pm-emoji-category-recent-hover:hover:before { content: "\EA57" } .icon-pm-emoji-category-symbols-hover:hover:before { content: "\EA58" } .icon-pm-emoji-category-travel-hover:hover:before { content: "\EA59" } .icon-pm-envelope-hover:hover:before { content: "\EA5A" } .icon-pm-exclaim-hover:hover:before { content: "\EA5B" } .icon-pm-expand-dark-hover:hover:before { content: "\EA5C" } .icon-pm-expand-hover:hover:before { content: "\EA5D" } .icon-pm-expand2-hover:hover:before { content: "\EA5E" } .icon-pm-export-dark-hover:hover:before { content: "\EA5F" } .icon-pm-export-hover:hover:before { content: "\EA60" } .icon-pm-file-add-hover:hover:before { content: "\EA61" } .icon-pm-file-clip-circle-hover:hover:before { content: "\EA62" } .icon-pm-file-clip-dark-hover:hover:before { content: "\EA63" } .icon-pm-file-clip-darker-hover:hover:before { content: "\EA64" } .icon-pm-file-clip-light-hover:hover:before { content: "\EA65" } .icon-pm-file-clip-hover:hover:before { content: "\EA66" } .icon-pm-files-hover:hover:before { content: "\EA67" } .icon-pm-fill-color-hover:hover:before { content: "\EA68" } .icon-pm-filter-dark-hover:hover:before { content: "\EA69" } .icon-pm-filter-hover:hover:before { content: "\EA6A" } .icon-pm-folder-2-open-hover:hover:before { content: "\EA6B" } .icon-pm-folder-2-hover:hover:before { content: "\EA6C" } .icon-pm-folder-search-hover:hover:before { content: "\EA6D" } .icon-pm-folder-hover:hover:before { content: "\EA6E" } .icon-pm-font-hover:hover:before { content: "\EA6F" } .icon-pm-gantt-hover:hover:before { content: "\EA70" } .icon-pm-graduation-cap-hover:hover:before { content: "\EA71" } .icon-pm-group-hover:hover:before { content: "\EA72" } .icon-pm-hamburger-hover:hover:before { content: "\EA73" } .icon-pm-health-hover:hover:before { content: "\EA74" } .icon-pm-heart-filled-hover:hover:before { content: "\EA75" } .icon-pm-heart-hover:hover:before { content: "\EA76" } .icon-pm-help-circle-dark-hover:hover:before { content: "\EA77" } .icon-pm-help-circle-hover:hover:before { content: "\EA78" } .icon-pm-help-hover:hover:before { content: "\EA79" } .icon-pm-import-hover:hover:before { content: "\EA7A" } .icon-pm-inbox-hover:hover:before { content: "\EA7B" } .icon-pm-indent-decrease-hover:hover:before { content: "\EA7C" } .icon-pm-indent-increase-hover:hover:before { content: "\EA7D" } .icon-pm-info-light-hover:hover:before { content: "\EA7E" } .icon-pm-info-hover:hover:before { content: "\EA7F" } .icon-pm-insert-row-above-hover:hover:before { content: "\EA80" } .icon-pm-insert-row-below-hover:hover:before { content: "\EA81" } .icon-pm-issue-hover:hover:before { content: "\EA82" } .icon-pm-italic-hover:hover:before { content: "\EA83" } .icon-pm-key-group-hover:hover:before { content: "\EA84" } .icon-pm-key-password-hover:hover:before { content: "\EA85" } .icon-pm-kiwi-unicycle-hover:hover:before { content: "\EA86" } .icon-pm-left-circle-hover:hover:before { content: "\EA87" } .icon-pm-left-close-hover:hover:before { content: "\EA88" } .icon-pm-left-dark-double-hover:hover:before { content: "\EA89" } .icon-pm-left-dark-hover:hover:before { content: "\EA8A" } .icon-pm-left-hover:hover:before { content: "\EA8B" } .icon-pm-link-hover:hover:before { content: "\EA8C" } .icon-pm-list-indent-hover:hover:before { content: "\EA8D" } .icon-pm-list-hover:hover:before { content: "\EA8E" } .icon-pm-location-hover:hover:before { content: "\EA8F" } .icon-pm-lock-password-hover:hover:before { content: "\EA90" } .icon-pm-lock-hover:hover:before { content: "\EA91" } .icon-pm-magnify-less-hover:hover:before { content: "\EA92" } .icon-pm-magnify-more-hover:hover:before { content: "\EA93" } .icon-pm-mention-circle-hover:hover:before { content: "\EA94" } .icon-pm-mention-hover:hover:before { content: "\EA95" } .icon-pm-menu-bold-hover:hover:before { content: "\EA96" } .icon-pm-menu-fill-hover:hover:before { content: "\EA97" } .icon-pm-menu-heading-1-hover:hover:before { content: "\EA98" } .icon-pm-menu-heading-2-hover:hover:before { content: "\EA99" } .icon-pm-menu-heading-3-hover:hover:before { content: "\EA9A" } .icon-pm-menu-heading-4-hover:hover:before { content: "\EA9B" } .icon-pm-menu-heading-hover:hover:before { content: "\EA9C" } .icon-pm-menu-highlight-hover:hover:before { content: "\EA9D" } .icon-pm-menu-indent-hover:hover:before { content: "\EA9E" } .icon-pm-menu-italic-hover:hover:before { content: "\EA9F" } .icon-pm-menu-list-bullet-hover:hover:before { content: "\EAA0" } .icon-pm-menu-list-checkbox-hover:hover:before { content: "\EAA1" } .icon-pm-menu-list-number-hover:hover:before { content: "\EAA2" } .icon-pm-menu-list-hover:hover:before { content: "\EAA3" } .icon-pm-menu-paragraph-hover:hover:before { content: "\EAA4" } .icon-pm-menu-strike-hover:hover:before { content: "\EAA5" } .icon-pm-menu-underline-hover:hover:before { content: "\EAA6" } .icon-pm-merge-hover:hover:before { content: "\EAA7" } .icon-pm-milestone-white-hover:hover:before { content: "\EAA8" } .icon-pm-milestone-hover:hover:before { content: "\EAA9" } .icon-pm-minus-box-hover:hover:before { content: "\EAAA" } .icon-pm-more-vertical-hover:hover:before { content: "\EAAB" } .icon-pm-more-hover:hover:before { content: "\EAAC" } .icon-pm-my-summary-hover:hover:before { content: "\EAAD" } .icon-pm-need-approval-hover:hover:before { content: "\EAAE" } .icon-pm-notes-dark-hover:hover:before { content: "\EAAF" } .icon-pm-notes-darker-hover:hover:before { content: "\EAB0" } .icon-pm-notes-hover:hover:before { content: "\EAB1" } .icon-pm-notification-solid-hover:hover:before { content: "\EAB2" } .icon-pm-notification-hover:hover:before { content: "\EAB3" } .icon-pm-number-format-hover:hover:before { content: "\EAB4" } .icon-pm-paste-hover:hover:before { content: "\EAB5" } .icon-pm-people-hover:hover:before { content: "\EAB6" } .icon-pm-person-add-hover:hover:before { content: "\EAB7" } .icon-pm-person-circle-hover:hover:before { content: "\EAB8" } .icon-pm-person-dark-hover:hover:before { content: "\EAB9" } .icon-pm-person-solid-hover:hover:before { content: "\EABA" } .icon-pm-person-time-hover:hover:before { content: "\EABB" } .icon-pm-person-hover:hover:before { content: "\EABC" } .icon-pm-pin-hover:hover:before { content: "\EABD" } .icon-pm-pinned-hover:hover:before { content: "\EABE" } .icon-pm-plan-hover:hover:before { content: "\EABF" } .icon-pm-plus-box-hover:hover:before { content: "\EAC0" } .icon-pm-portfolio-summary-hover:hover:before { content: "\EAC1" } .icon-pm-print-hover:hover:before { content: "\EAC2" } .icon-pm-priority-high-1-hover:hover:before { content: "\EAC3" } .icon-pm-priority-high-2-hover:hover:before { content: "\EAC4" } .icon-pm-priority-high-3-hover:hover:before { content: "\EAC5" } .icon-pm-priority-low-1-hover:hover:before { content: "\EAC6" } .icon-pm-priority-low-2-hover:hover:before { content: "\EAC7" } .icon-pm-priority-neutral-hover:hover:before { content: "\EAC8" } .icon-pm-progress-checkmark-dark-hover:hover:before { content: "\EAC9" } .icon-pm-progress-circle-hover:hover:before { content: "\EACA" } .icon-pm-project-board-hover:hover:before { content: "\EACB" } .icon-pm-project-gantt-hover:hover:before { content: "\EACC" } .icon-pm-project-sheet-hover:hover:before { content: "\EACD" } .icon-pm-project-hover:hover:before { content: "\EACE" } .icon-pm-radio-selected-hover:hover:before { content: "\EACF" } .icon-pm-radio-hover:hover:before { content: "\EAD0" } .icon-pm-radio2-hover:hover:before { content: "\EAD1" } .icon-pm-redo-hover:hover:before { content: "\EAD2" } .icon-pm-refresh-circle-hover:hover:before { content: "\EAD3" } .icon-pm-refresh-hover:hover:before { content: "\EAD4" } .icon-pm-repeat-hover:hover:before { content: "\EAD5" } .icon-pm-reports-hover:hover:before { content: "\EAD6" } .icon-pm-restore-hover:hover:before { content: "\EAD7" } .icon-pm-right-box-dark-hover:hover:before { content: "\EAD8" } .icon-pm-right-circle-hover:hover:before { content: "\EAD9" } .icon-pm-right-close-hover:hover:before { content: "\EADA" } .icon-pm-right-dark-double-hover:hover:before { content: "\EADB" } .icon-pm-right-dark-hover:hover:before { content: "\EADC" } .icon-pm-right-hover:hover:before { content: "\EADD" } .icon-pm-risk-hover:hover:before { content: "\EADE" } .icon-pm-rss-hover:hover:before { content: "\EADF" } .icon-pm-save-hover:hover:before { content: "\EAE0" } .icon-pm-search-dark-hover:hover:before { content: "\EAE1" } .icon-pm-search-light-hover:hover:before { content: "\EAE2" } .icon-pm-search-hover:hover:before { content: "\EAE3" } .icon-pm-search2-hover:hover:before { content: "\EAE4" } .icon-pm-search3-hover:hover:before { content: "\EAE5" } .icon-pm-secure-person-circle-hover:hover:before { content: "\EAE6" } .icon-pm-secure-person-hover:hover:before { content: "\EAE7" } .icon-pm-secure-shield-hover:hover:before { content: "\EAE8" } .icon-pm-settings-solid-hover:hover:before { content: "\EAE9" } .icon-pm-settings-hover:hover:before { content: "\EAEA" } .icon-pm-settings2-hover:hover:before { content: "\EAEB" } .icon-pm-settings3-hover:hover:before { content: "\EAEC" } .icon-pm-share-circle-hover:hover:before { content: "\EAED" } .icon-pm-share-hover:hover:before { content: "\EAEE" } .icon-pm-sheet-hover:hover:before { content: "\EAEF" } .icon-pm-smile-hover:hover:before { content: "\EAF0" } .icon-pm-sort-hover:hover:before { content: "\EAF1" } .icon-pm-spinner-hover:hover:before { content: "\EAF2" } .icon-pm-square-hover:hover:before { content: "\EAF3" } .icon-pm-star-chunky-hover:hover:before { content: "\EAF4" } .icon-pm-star-outline-hover:hover:before { content: "\EAF5" } .icon-pm-star-hover:hover:before { content: "\EAF6" } .icon-pm-subtasks-hover:hover:before { content: "\EAF7" } .icon-pm-summary-task-hover:hover:before { content: "\EAF8" } .icon-pm-tab-left-in-hover:hover:before { content: "\EAF9" } .icon-pm-tab-left-out-hover:hover:before { content: "\EAFA" } .icon-pm-task-children-hover:hover:before { content: "\EAFB" } .icon-pm-task-history-hover:hover:before { content: "\EAFC" } .icon-pm-task-move-board-circle-hover:hover:before { content: "\EAFD" } .icon-pm-task-move-project-circle-hover:hover:before { content: "\EAFE" } .icon-pm-task-parent-hover:hover:before { content: "\EAFF" } .icon-pm-team-summary-hover:hover:before { content: "\EB00" } .icon-pm-text-color-hover:hover:before { content: "\EB01" } .icon-pm-text-format-hover:hover:before { content: "\EB02" } .icon-pm-thumbs-up-alert-hover:hover:before { content: "\EB03" } .icon-pm-thumbs-up-hover:hover:before { content: "\EB04" } .icon-pm-type-board-hover:hover:before { content: "\EB05" } .icon-pm-type-list-hover:hover:before { content: "\EB06" } .icon-pm-type-plan-hover:hover:before { content: "\EB07" } .icon-pm-underline-hover:hover:before { content: "\EB08" } .icon-pm-undo-hover:hover:before { content: "\EB09" } .icon-pm-unlink-hover:hover:before { content: "\EB0A" } .icon-pm-unlock-hover:hover:before { content: "\EB0B" } .icon-pm-up-close-tall-hover:hover:before { content: "\EB0C" } .icon-pm-up-close-hover:hover:before { content: "\EB0D" } .icon-pm-up-dark-double-hover:hover:before { content: "\EB0E" } .icon-pm-up-dark-rounded-hover:hover:before { content: "\EB0F" } .icon-pm-up-dark-hover:hover:before { content: "\EB10" } .icon-pm-up-hover:hover:before { content: "\EB11" } .icon-pm-upgrade-hover:hover:before { content: "\EB12" } .icon-pm-video-chat-hover:hover:before { content: "\EB13" } @charset "UTF-8"; @font-face { font-family: "pm-file-icons"; src:url("/css/pm-file-icons/fonts/pm-file-icons.eot"); src:url("/css/pm-file-icons/fonts/pm-file-icons.eot?#iefix") format("embedded-opentype"), url("/css/pm-file-icons/fonts/pm-file-icons.woff") format("woff"), url("/css/pm-file-icons/fonts/pm-file-icons.ttf") format("truetype"), url("/css/pm-file-icons/fonts/pm-file-icons.svg#pm-file-icons") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "pm-file-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="pmfi-"]:before, [class*=" pmfi-"]:before { font-family: "pm-file-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pmfi-acrobat:before { content: "\61"; } .pmfi-audio:before { content: "\62"; } .pmfi-chart:before { content: "\63"; } .pmfi-design:before { content: "\65"; } .pmfi-image:before { content: "\67"; } .pmfi-table:before { content: "\68"; } .pmfi-text:before { content: "\69"; } .pmfi-zip:before { content: "\6b"; } .pmfi-generic:before { content: "\66"; } .pmfi-code:before { content: "\64"; } .pmfi-video:before { content: "\6a"; } @charset "UTF-8"; @font-face { font-family: "pm-icon-retrofit"; src:url("/assets/css/fonts/pm-icon-retrofit/fonts/pm-icon-retrofit.eot"); src:url("/assets/css/fonts/pm-icon-retrofit/fonts/pm-icon-retrofit.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/pm-icon-retrofit/fonts/pm-icon-retrofit.woff") format("woff"), url("/assets/css/fonts/pm-icon-retrofit/fonts/pm-icon-retrofit.ttf") format("truetype"), url("/assets/css/fonts/pm-icon-retrofit/fonts/pm-icon-retrofit.svg#pm-icon-retrofit") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "pm-icon-retrofit" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="pmi-"]:before, [class*=" pmi-"]:before { font-family: "pm-icon-retrofit" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pmi-discuss3:before { content: "\32"; } .pmi-arrowleft:before { content: "\63"; } .pmi-arrowright:before { content: "\64"; } .pmi-arrowup:before { content: "\65"; } .pmi-cross:before { content: "\66"; } .pmi-dashboard:before { content: "\68"; } .pmi-email:before { content: "\6b"; } .pmi-settings:before { content: "\6f"; } .pmi-people:before { content: "\75"; } .pmi-issues:before { content: "\76"; } .pmi-info:before { content: "\77"; } .pmi-unlink:before { content: "\7a"; } .pmi-undo:before { content: "\41"; } .pmi-trash:before { content: "\42"; } .pmi-restore2:before { content: "\45"; } .pmi-redo:before { content: "\47"; } .pmi-indent:before { content: "\46"; } .pmi-link:before { content: "\48"; } .pmi-milestone:before { content: "\49"; } .pmi-more:before { content: "\4a"; } .pmi-outdent:before { content: "\4b"; } .pmi-notes:before { content: "\4c"; } .pmi-paste:before { content: "\4d"; } .pmi-print:before { content: "\4e"; } .pmi-import:before { content: "\e035"; } .pmi-copy:before { content: "\50"; } .pmi-columns:before { content: "\51"; } .pmi-filter:before { content: "\52"; } .pmi-color:before { content: "\53"; } .pmi-attach:before { content: "\e036"; } .pmi-assign:before { content: "\56"; } .pmi-discuss2:before { content: "\57"; } .pmi-cut2:before { content: "\58"; } .pmi-restore:before { content: "\30"; } .pmi-notes2:before { content: "\31"; } .pmi-arrowdown:before { content: "\62"; } .pmi-info2:before { content: "\34"; } .pmi-search:before { content: "\35"; } .pmi-bars:before { content: "\36"; } .pmi-files:before { content: "\79"; } .pmi-timesheet:before { content: "\6d"; } .pmi-calendar:before { content: "\72"; } .pmi-contacts:before { content: "\71"; } .pmi-project:before { content: "\74"; } .pmi-reports:before { content: "\73"; } .pmi-roadmap:before { content: "\70"; } .pmi-expenses:before { content: "\6a"; } .pmi-discuss:before { content: "\6c"; } .pmi-save:before { content: "\44"; } .pmi-more2:before { content: "\37"; } .pmi-lock:before { content: "\38"; } .pmi-add2:before { content: "\39"; } .pmi-export:before { content: "\54"; } .pmi-share:before { content: "\43"; } .pmi-edit:before { content: "\21"; } .pmi-arrowleft2:before { content: "\22"; } .pmi-arrowright2:before { content: "\23"; } .pmi-calendar2:before { content: "\33"; } .pmi-arrowright3:before { content: "\24"; } .pmi-arrowleft3:before { content: "\25"; } .pmi-group:before { content: "\26"; } .pmi-workload:before { content: "\69"; } .pmi-owner:before { content: "\27"; } .pmi-plus:before { content: "\67"; } .pmi-activity:before { content: "\78"; } .pmi-tasks:before { content: "\6e"; } .pmi-tick:before { content: "\28"; } .pmi-todo:before { content: "\29"; } .pmi-file-pdf:before { content: "\2a"; } .pmi-file-excel:before { content: "\2d"; } .pmi-fi-page-export-csv:before { content: "\2e"; } .pmi-bar-graph:before { content: "\5b"; } .pmi-pm-icon-retrofit:before { content: "\61"; } .pmi-camera:before { content: "\e000"; } .pmi-camera-2:before { content: "\e000"; } .pmi-change:before { content: "\e002"; } .pmi-unlock:before { content: "\e003"; } .pmi-minus:before { content: "\e004"; } .pmi-risk:before { content: "\e001"; } .pmi-clock:before { content: "\e006"; } .pmi-downcircle:before { content: "\e007"; } .pmi-issues2:before { content: "\e009"; } .pmi-people2:before { content: "\e00a"; } .pmi-15min:before { content: "\e005"; } .pmi-clipboarddone:before { content: "\e008"; } .pmi-boxdown:before { content: "\e00b"; } .pmi-boxup:before { content: "\e00c"; } .pmi-health:before { content: "\e00d"; } .pmi-users:before { content: "\e00e"; } .pmi-cross-1:before { content: "\e00f"; } .pmi-x-solid:before { content: "\e010"; } .pmi-gear-solid:before { content: "\e012"; } .pmi-mag-thick:before { content: "\e013"; } .pmi-zoom-in:before { content: "\e014"; } .pmi-folderclosed:before { content: "\e014"; } .pmi-folderopen:before { content: "\e015"; } .pmi-wrench:before { content: "\e016"; } .pmi-merge:before { content: "\e017"; } .pmi-zoom-in:before { content: "\e018"; } .pmi-i-files:before { content: "\e019"; } .pmi-enter-2:before { content: "\e01a"; } .pmi-search-folder:before { content: "\e01b"; } .pmi-files2:before { content: "\e01c"; } .pmi-down-13:before { content: "\e01d"; } .pmi-add:before { content: "\5a"; } .pmi-fa-folder-open-o:before { content: "\e01e"; } .pmi-fa-folder-o:before { content: "\e01f"; } .pmi-check-alt:before { content: "\e020"; } .pmi-share-1:before { content: "\e021"; } .pmi-paper-clip:before { content: "\e022"; } .pmi-stopwatch:before { content: "\e023"; } .pmi-calendar-1:before { content: "\e024"; } .pmi-pen:before { content: "\e025"; } .pmi-paper-plane:before { content: "\e026"; } .pmi-envelope-pull:before { content: "\e027"; } .pmi-gear:before { content: "\e028"; } .pmi-morph-folder:before { content: "\e029"; } .pmi-dashboard-1:before { content: "\e02a"; } .pmi-line-chart:before { content: "\e02b"; } .pmi-morph-map:before { content: "\e02c"; } .pmi-desktop:before { content: "\e02d"; } .pmi-users-1:before { content: "\e02e"; } .pmi-info-alt:before { content: "\e02f"; } .pmi-comment:before { content: "\e030"; } .pmi-warning-alt:before { content: "\e031"; } .pmi-us-dollar:before { content: "\e032"; } .pmi-search-q:before { content: "\e011"; } .pmi-minus-square-o:before { content: "\e033"; } .pmi-plus-square-o:before { content: "\e034"; } .pmi-caret-closed-fill:before { content: "\e037"; } .pmi-caret-right-hollow:before { content: "\e038"; } .pmi-pencil-tool:before { content: "\e039"; } .pmi-google:before { content: "\e03a"; } .pmi-project-gantt:before { content: "\e03b"; } .pmi-project-board:before { content: "\e03c"; } .pmi-tree-folder:before { content: "\e03d"; } .pmi-tree-trash:before { content: "\e03e"; } .ajax__validatorcallout div, .ajax__validatorcallout td {} .ajax__validatorcallout_popup_table {border:1px solid #ccc;background-color:lemonchiffon;padding:3px;border-radius:2px;-webkit-box-shadow: 0 0 25px rgba(152,152,152,0.4);box-shadow: 0 0 25px rgba(152,152,152,0.4);margin-left: 4px;line-height: 1em;} .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;padding:0px;} .ajax__validatorcallout_callout_cell {display:none;} .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;} .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;} .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;} .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;} .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;} .ajax__validatorcallout_error_message_cell {width:100%;} .ajax__validatorcallout_icon_cell {display:none;} .ajax__validatorcallout_close_button_cell {vertical-align:middle;padding:0px;text-align:right;border-left:none;} .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;} /* RadMenu MainMenu skin */ .RadMenu_MainMenu { } .RadMenu_MainMenu_rtl { text-align: right; } .RadMenu_MainMenu_Context { background: none; border: 0; } .RadMenu_MainMenu a { text-decoration: none; } .RadMenu_MainMenu .rmLink { line-height: 24px; text-decoration: none; color: #fff; width:200px; } .RadMenu_MainMenu .rmLink:focus, .RadMenu_MainMenu .rmFocused { outline: 0; } .RadMenu_MainMenu .rmExpanded { z-index: 10000; } .RadMenu_MainMenu .rmGroup { } .RadMenu_MainMenu .rmGroup .rmLink { color: #999; } .RadMenu_MainMenu_rtl .rmGroup .rmLink { text-align: right; } .RadMenu_MainMenu .rmGroup .rmLink:hover, .RadMenu_MainMenu .rmGroup .rmFocused, .RadMenu_MainMenu .rmGroup .rmExpanded { color: #77C044; } .RadMenu_MainMenu .rmText { } .RadMenu_MainMenu .rmGroup .rmLink .rmText { font-size: 13px; cursor: pointer; } /* */ /*.RadMenu_MainMenu .rmGroup .rmLink .rmExpandRight { background: transparent url(/css/menus/mainmenu/arrowexpand.gif) no-repeat right 0px; } .RadMenu_MainMenu .rmGroup .rmLink .rmExpandLeft { background: transparent url(/css/menus/mainmenu/arrowexpandrtl.gif) no-repeat left -3px; } .RadMenu_MainMenu .rmGroup .rmLink:hover .rmExpandLeft, .RadMenu_MainMenu .rmGroup .rmFocused .rmExpandLeft, .RadMenu_MainMenu .rmGroup .rmExpanded .rmExpandLeft { background-image: url(/css/menus/mainmenu/arrowexpandhoveredrtl.gif); }*/ .RadMenu_MainMenu .rmGroup .rmExpanded { z-index: 11; } .RadMenu_MainMenu .rmTopArrowDisabled, .RadMenu_MainMenu .rmBottomArrowDisabled, .RadMenu_MainMenu .rmLeftArrowDisabled, .RadMenu_MainMenu .rmRightArrowDisabled { display: none; } .RadMenu_MainMenu .rmTopArrow, .RadMenu_MainMenu .rmBottomArrow, .RadMenu_MainMenu .rmLeftArrow, .RadMenu_MainMenu .rmRightArrow { font-size: 0; line-height: 0; color: #fff; } .RadMenu_MainMenu .rmTopArrow, .RadMenu_MainMenu .rmBottomArrow { height: 10px; width: 100%; background: #fff url(/css/menus/mainmenu/img/arrowscrollupdown.gif) no-repeat top center; } .RadMenu_MainMenu .rmBottomArrow { background-position: center -18px; } .RadMenu_MainMenu .rmLeftArrow, .RadMenu_MainMenu .rmRightArrow { width: 10px; height: 100%; background: #fff url(/css/menus/mainmenu/img/arrowscrollleftright.gif) no-repeat left center; } .RadMenu_MainMenu .rmRightArrow { background-position: -18px center; } .RadMenu_MainMenu .rmItem .rmDisabled .rmText { color: #999; } .RadMenu_MainMenu .rmRootGroup .rmItem .rmDisabled { background: none; } .RadMenu_MainMenu .rmGroup .rmItem .rmDisabled { background-color: #fff; } .RadMenu_MainMenu .rmRootGroup .rmSeparator, .RadMenu_MainMenu .rmGroup .rmSeparator { } .RadMenu_MainMenu .rmSeparator .rmText { display: none; } .RadMenu_MainMenu .rmHorizontal .rmSeparator { height: 20px; width: 1px; line-height: 20px; border: 0; } .RadMenu_MainMenu .rmVertical .rmSeparator { height: 1px; margin: 3px 0; border: 0; line-height: 1px; } .RadMenu_MainMenu .rmLeftImage { margin: 0px; } .RadMenu_MainMenu .rmSlide { margin: -1px 0 0 -1px !important; } * html .RadMenu_MainMenu .rmVertical .rmSlide { margin-left: -2px !important; } * html .RadMenu_MainMenu .rmHorizontal .rmSlide { margin-top: -2px !important; } .RadMenu_MainMenu_rtl .rmSlide { margin: -1px 0 0 2px !important; } * html .RadMenu_MainMenu_rtl .rmVertical .rmSlide { margin-left: 3px !important; } * html .RadMenu_MainMenu_rtl .rmHorizontal .rmSlide { margin-top: -2px !important; margin-left: 0 !important; } .RadMenu_MainMenu .rmItem .rmDisabled:hover { background: none; } /* Main menu overrides */ .RadMenu_MainMenu ul.rmVertical.rmGroup.rmLevel1{ position:relative; border-radius:2px; background:#fff; /*border:1px solid #d9d9d9;*/ -webkit-box-shadow:0 0 25px rgba(152,152,152,0.4); box-shadow:0 0 25px rgba(152,152,152,0.4); padding:11px 0; } /* All menu levels */ .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1 { } /* Top menu level only */ .RadMenu_MainMenu .rmItem a.rmLink { width:126px !important; line-height:30px; padding:0 0 0 15px; cursor:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position: relative; } .RadMenu_MainMenu .rmItem a.rmLink:after { position: absolute; right: 9px; top: 12px; color: #323232; } .RadMenu_MainMenu .rmItem a.rmLink.moreprojects{ width: 137px !important; border-top: 1px solid #d9d9d9; padding-top: 8px; } .RadMenu_MainMenu .rmItem a.rmLink.recentProjects:hover { background: rgba(30,166,248,0.2); color: #999; } .msie8 .RadMenu_MainMenu .rmItem a.rmLink.recentProjects:hover { background: #d2edfe; } .RadMenu_MainMenu .rmItem a.rmLink.recentProjects:after { content: 'd'; font-size: 7px; color: #bababa; } .RadMenu_MainMenu .rmSlide .rmText{} .RadMenu_MainMenu .rmLink img {display:none;} /* Arrow on the top of the menu */ .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1:after, .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1:before { bottom: 100%; left: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* Left 50% to center */ .msie8 .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1:after, .msie8 .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1:before { display: none;} .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -10px; } .RadMenu_MainMenu ul.rmActive.rmVertical.rmGroup.rmLevel1:before { /*border-color: rgba(204, 204, 204, 0);*/ /*border-bottom-color: #d9d9d9;*/ border-width: 8px; margin-left: -11px; } /* Arrow on the side of submenus */ .RadMenu_MainMenu ul:not(.rmActive).rmVertical.rmGroup.rmLevel1:after, .RadMenu_MainMenu ul:not(.rmActive).rmVertical.rmGroup.rmLevel1:before { right: 100%; top: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .RadMenu_MainMenu ul:not(.rmActive).rmVertical.rmGroup.rmLevel1:after { } .RadMenu_MainMenu ul:not(.rmActive).rmVertical.rmGroup.rmLevel1:before { } /* IE8 fixes */ .msie8 .RadMenu_MainMenu .rmGroup {border:1px solid #cecece;} /* RADWINDOW PROMETHEUS reskinned for project manager */ .radwindow_PMWeb.normalwindow { background-color: #f3f3f3; color: #444; border: solid 1px #999; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); } div.radwindow_PMWeb table td.corner { width: 5px; overflow: hidden; } div.radwindow_PMWeb table td.topleft { width: 5px; overflow: hidden; } * html div.radwindow_PMWeb table td.topleft { width: 5px; overflow: hidden; } div.radwindow_PMWeb table td.topright { width: 5px; overflow: hidden; } * html div.radwindow_PMWeb table td.topright { width: 5px; overflow: hidden; } div.radwindow_PMWeb table td.bodyleft { width: 5px; overflow: hidden; } * html div.radwindow_PMWeb table td.bodyleft { width: 5px; overflow: hidden; } div.radwindow_PMWeb .footerrow { display: none; } div.radwindow_PMWeb .windowcontent { } /* hacks to make the pop ups work with Chrome */ div.radwindow_PMWeb .windowcontentrename { padding: 10px 0 5px 0; height: 190px; } div.radwindow_PMWeb .windowcontentimport { padding: 0; height: 458px; } div.radwindow_PMWeb .windowcontentdeleteproject { padding: 19px 10px 0 10px; height: 289px; } div.radwindow_PMWeb .windowcontenthelp { padding: 5px 0 0 0; height: 463px; } div.radwindow_PMWeb .windowcontentexpensetype { padding: 10px 0 5px 0; height: 290px; } div.radwindow_PMWeb .windowcontentexpensetask { padding: 10px 0 5px 0; height: 280px; } div.radwindow_PMWeb .windowcontenttimesheettask { padding: 10px 0 5px 0; height: 290px; } div.radwindow_PMWeb .windowcontentterms { padding: 10px 0 5px 0; height: 400px; } div.radwindow_PMWeb .windowcontentimportdocument { padding: 10px 0 5px 0; height: 230px; } div.radwindow_PMWeb .windowcontentmovedocument { padding: 10px 0 5px 0; height: 230px; } div.radwindow_PMWeb .windowcontentexportdata { padding: 10px 0 5px 0; height: 280px; } div.radwindow_PMWeb .windowcontentexportplan { padding: 10px 0 5px 0; height: 230px; } div.radwindow_PMWeb .windowcontenttimesheetdesc { padding: 10px 0 5px 0; height: 175px; } * html div.radwindow_PMWeb .windowcontent { } div.radwindow_PMWeb table td.bodyright { } * html div.radwindow_PMWeb table td.bodyright { } div.radwindow_PMWeb table td.footerleft { } * html div.radwindow_PMWeb table td.footerleft { } div.radwindow_PMWeb table td.footerright { } * html div.radwindow_PMWeb table td.footerright { } div.radwindow_PMWeb table td.footercenter { } * html div.radwindow_PMWeb table td.footercenter { } div.radwindow_PMWeb table td.titlebar { } * html div.radwindow_PMWeb table td.titlebar { } div.radwindow_PMWeb td.statusbar { height: 19px; line-height: 19px; background: #f7f3e9; } div.radwindow_PMWeb td.statusbar .loading { } div.radwindow_PMWeb td.statusbar span.statustext { font: normal 11px Verdana, Arial, Sans-serif; color: black; } div.radwindow_PMWeb td.statusbar div { } div.radwindow_PMWeb td.statusbar input { background-color: #f7f3e9; background-repeat: no-repeat; } div.radwindow_PMWeb table.titlebarcontrols td { vertical-align: middle; padding: 0; } div.radwindow_PMWeb table.titlebarcontrols { background-color: #0066B4; } div.radwindow_PMWeb table.titlebarcontrols tr td em { color: #FFFFFF; font-size: 13px; line-height: 1em; padding: 9px 0; font-style: normal; } div.radwindow_PMWeb table.titlebarcontrols ul.controlbuttons { } div.radwindow_PMWeb table.titlebarcontrols ul.controlbuttons li { margin: 0; padding: 0 8px 0 ; } div.radwindow_PMWeb table.titlebarcontrols ul.controlbuttons li a { height: 18px; width: 17px; } /* reload button */ div.radwindow_PMWeb a.reloadbutton { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat -112px top; } div.radwindow_PMWeb a.reloadbutton:hover { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat -112px -15px; } /* unpin button */ div.radwindow_PMWeb a.pinbutton { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat; } div.radwindow_PMWeb a.pinbutton.on { background-position: -140px top !important; } /* pin button */ div.radwindow_PMWeb a.pinbutton { background-position: -168px top; } div.radwindow_PMWeb a.pinbutton:hover { background-position: -168px -15px; } /* minimize button */ div.radwindow_PMWeb a.minimizebutton { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat left top; } div.radwindow_PMWeb a.minimizebutton:hover { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat 0 -15px; } /* maximize button */ div.radwindow_PMWeb table.titlebarcontrols ul.controlbuttons li a.maximizebutton { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat -56px top; } div.radwindow_PMWeb a.maximizebutton:hover { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat -56px -15px; } /* close button */ div.radwindow_PMWeb a.closebutton { background: url('/Images/Popups/popupCloseButton.gif'); } div.radwindow_PMWeb a.closebutton:hover { } /* restore button */ div.radwindow_PMWeb.maximizedwindow a.maximizebutton, div.radwindow_PMWeb.minimizedwindow a.minimizebutton { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat -28px top !important; } div.radwindow_PMWeb.maximizedwindow a.maximizebutton:hover, div.radwindow_PMWeb.minimizedwindow a.minimizebutton:hover { background: transparent url('/css/window/pmweb/controlbuttons.gif' ) no-repeat -28px -15px !important; } div.radwindow_PMWeb table.titlebarcontrols a.windowicon { display: none; width: 16px; height: 16px; cursor: default; margin: 6px 0 0 2px; } div.radwindow_PMWeb.minimizedwindow { width: 150px !important; height: 26px !important; background: #abc1de; border: solid 1px #5d6f88; } div.radwindow.radwindow_PMWeb.minimizedwindow table.titlebarcontrols { width: 150px !important; position: relative; top: -4px; } div.radwindow_PMWeb.minimizedwindow em { color: white !important; width: 55px !important; } div.radwindow_PMWeb.minimizedwindow td.corner { cursor: default; } div.radwindow_PMWeb.minimizedwindow td.corner.topleft { } div.radwindow_PMWeb.minimizedwindow td.corner.topright { } div.radwindow_PMWeb.minimizedwindow td.titlebar, div.radwindow_PMWeb.minimizedwindow:hover td.titlebar { cursor: default !important; } div.radwindow_PMWeb .windowcontent .windowpopup { background: #A3D7FF; margin: 16px; font: normal 11px Arial; color: black; padding: 0px 0px 16px 50px; } div.radwindow_PMWeb .windowcontent .windowpopup.radalert { } div.radwindow_PMWeb .windowcontent .windowpopup.radprompt { padding: 0; } div.radwindow_PMWeb .windowcontent .windowpopup.radconfirm { } div.radwindow_PMWeb .windowcontent input.dialoginput { border: solid 1px #666; padding: 3px 4px 0 4px; height: 17px; font: normal 11px Verdana, Arial, Sans-serif; } div.radwindow_PMWeb .windowcontent a, div.radwindow_PMWeb .windowcontent a span { text-decoration: none; color: black; line-height: 22px; cursor: default; } div.radwindow_PMWeb .windowcontent a.radwindowbutton { padding: 0 0 0 3px; margin: 8px 8px 8px 0; } div.radwindow_PMWeb .windowcontent a.radwindowbutton span.outerspan { padding: 0 3px 0 0; } div.radwindow_PMWeb .windowcontent a.radwindowbutton span.innerspan { padding: 0 12px; } div.radwindow_PMWeb .windowcontent a.radwindowbutton:hover { padding: 0 0 0 3px; margin: 8px 8px 8px 0; } div.radwindow_PMWeb .windowcontent a.radwindowbutton:hover span.outerspan { } div.radwindow_PMWeb .windowcontent a.radwindowbutton:hover span.innerspan { padding: 0 12px; } div.modaldialogbacgkround { background: black; } /* set window transparency */ * html div.radwindow.radwindow_PMWeb.normalwindow.transparentwindow td.corner, * html div.radwindow.radwindow_PMWeb.normalwindow.transparentwindow td.titlebar, * html div.radwindow.radwindow_PMWeb.transparentwindow td.footercenter { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;} div.radwindow_PMWeb .topresize {} div.TelerikModalOverlayXXX{background-color:transparent !important;} div.TelerikModalOverlay{color:#fff !important; opacity:0.01 !important; filter: alpha(opacity=01) !important; -moz-opacity: 0.01 !important;} #RAD_SPLITTER_PANE_CONTENT_RadPane1 { min-height: 423px; max-height: 423px; } #RAD_SPLITTER_PANE_EXT_CONTENT_RightPane, #RAD_SPLITTER_PANE_CONTENT_RightPane { min-height: 423px; max-height: 423px; min-width: 471px; max-width: 471px; } #taskRibbonContainer { background:var(--pmThemeBackground); } #pnlTaskBarContainer { height: 72px; padding-top: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #TaskBarState5_Links, #TaskBarState5_Links li { list-style: none outside none; margin: 0; padding: 0; } #TaskBarState5_Links { /* #19090 hack around a edge14 bug which shows a binking cursor next to the links by hidding it off-screen */ position: relative; left: -39px; top: 0; } #TaskBarState5_Links li { text-align: center; } #TaskBarState5_Links li:first-child { margin-left: 78px; } #pnlTaskBarContainer #TaskBarState5_Links li{ color: #999; display: inline-block; white-space: nowrap; /*min-width: 85px;*/ font-size: 14px; cursor:pointer; } #pnlTaskBarContainer #TaskBarState5_Links li div{margin:0 auto;} #pnlTaskBarContainer #TaskBarState5 ul li div.menuText, .msie8 #pnlTaskBarContainer #TaskBarState5 ul li:before { } .msie8 #pnlTaskBarContainer #TaskBarState5 ul li div.menuText { font-family: "Roboto", Sans-Serif; } #pnlTaskBarContainer #TaskBarState5_Links li div.evo path, #pnlTaskBarContainer #TaskBarState5_Links li div.evo circle, #pnlTaskBarContainer #TaskBarState5_Links li div.evo polyline, #pnlTaskBarContainer #TaskBarState5_Links li div.evo polygon, #pnlTaskBarContainer #TaskBarState5_Links li div.evo line{ stroke: #1ea6f8 !important; } #pnlTaskBarContainer #TaskBarState5_Links li:hover div.menuText, #pnlTaskBarContainer #TaskBarState5_Links li:hover div.evo path, #pnlTaskBarContainer #TaskBarState5_Links li:hover div.evo circle, #pnlTaskBarContainer #TaskBarState5_Links li:hover div.evo polyline, #pnlTaskBarContainer #TaskBarState5_Links li:hover div.evo polygon, #pnlTaskBarContainer #TaskBarState5_Links li:hover div.evo line, #pnlTaskBarContainer #TaskBarState5_Links li.active div.menuText, #pnlTaskBarContainer #TaskBarState5_Links li.active div.evo path, #pnlTaskBarContainer #TaskBarState5_Links li.active div.evo circle, #pnlTaskBarContainer #TaskBarState5_Links li.active div.evo polyline, #pnlTaskBarContainer #TaskBarState5_Links li.active div.evo line, #pnlTaskBarContainer #TaskBarState5_Links li.active div.evo polygon{ color: #77C044; stroke: #77C044 !important; } #pnlTaskBarContainer #TaskBarState5_Links li.Workload.active div.evo rect.lievo-donotdraw.lievo-likestroke { fill: #77C044 !important; } #pnlTaskBarContainer #TaskBarState5_Links li div.evo{width:40px; height:40px;} .msie8 #pnlTaskBarContainer #TaskBarState5_Links li div.evo{display: none;} .msie8 #pnlTaskBarContainer #TaskBarState5_Links li:before { /*font-size: 32px;*/ margin:4px 0 3px; content: ""; width: 32px; height: 32px; } #pnlTaskBarContainer #TaskBarState5_Links li.Home{ margin-right: 34px; } #pnlTaskBarContainer #TaskBarState5_Links li.Activity{ margin-right: 37px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Activity:before{ content: url("/images/msie8navicons/share.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Activity:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Activity:before{ content: url("/images/msie8navicons/hover/share.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.MyTasks{ margin-right: 38px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.MyTasks:before{ content: url("/images/msie8navicons/check-alt.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.MyTasks:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.MyTasks:before{ content: url("/images/msie8navicons/hover/check-alt.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Files{ margin-right: 26px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Files:before{ content: url("/images/msie8navicons/paper-clip.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Files:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Files:before{ content: url("/images/msie8navicons/hover/paper-clip.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.People{ margin-right: 31px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.People:before{ content: url("/images/msie8navicons/users.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.People:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.People:before{ content: url("/images/msie8navicons/hover/users.png"); } #pnlTaskBarContainer .Project_spacer #TaskBarState5_Links li.Files{ margin-right: 33px; } #pnlTaskBarContainer #TaskBarState5_Links li.Timesheet{ margin-right: 18px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Timesheet:before{ content: url("/images/msie8navicons/stopwatch.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Timesheet:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Timesheet:before{ content: url("/images/msie8navicons/hover/stopwatch.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.MyHomeCalendar{ margin-right: 19px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.MyHomeCalendar:before{ content: url("/images/msie8navicons/calendar.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.MyHomeCalendar:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.MyHomeCalendar:before{ content: url("/images/msie8navicons/hover/calendar.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.ToDoList{ margin-right: 20px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.ToDoList:before{ content: url("/images/msie8navicons/pen.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.ToDoList:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.ToDoList:before{ content: url("/images/msie8navicons/hover/pen.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Contacts{ margin-right: 23px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Contacts:before{ content: url("/images/msie8navicons/paper-plane.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Contacts:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Contacts:before{ content: url("/images/msie8navicons/hover/paper-plane.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Projects{ margin-right: 23px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Projects:before{ content: url("/images/msie8navicons/morph-folder.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Projects:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Projects:before{ content: url("/images/msie8navicons/hover/morph-folder.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Dashboard{ margin-right: 24px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Dashboard:before{ content: url("/images/msie8navicons/dashboard.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Dashboard:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Dashboard:before{ content: url("/images/msie8navicons/hover/dashboard.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Reports{ margin-right: 36px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Reports:before{ content: url("/images/msie8navicons/line-chart.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Reports:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Reports:before{ content: url("/images/msie8navicons/hover/line-chart.png"); } #pnlTaskBarContainer .Project_spacer #TaskBarState5_Links li.Reports{ margin-right: 36px; } #pnlTaskBarContainer #TaskBarState5_Links li.Workload{ margin-right: 22px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Workload:before{ content: url("/images/msie8navicons/desktop.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Workload:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Workload:before{ content: url("/images/msie8navicons/hover/desktop.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Roadmap{ margin-right: 34px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Roadmap:before{ content: url("/images/msie8navicons/morph-map.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Roadmap:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Roadmap:before{ content: url("/images/msie8navicons/hover/morph-map.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Resources{ margin-right: 34px; } #pnlTaskBarContainer #TaskBarState5_Links li.Tasks{ margin-right: 26px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Tasks:before{ content: url("/images/msie8navicons/check-alt.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Tasks:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Tasks:before{ content: url("/images/msie8navicons/hover/check-alt.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Calendar{ margin-right: 33px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Calendar:before{ content: url("/images/msie8navicons/calendar.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Calendar:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Calendar:before{ content: url("/images/msie8navicons/hover/calendar.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Issues{ margin-right: 32px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Issues:before{ content: url("/images/msie8navicons/warning-alt.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Issues:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Issues:before{ content: url("/images/msie8navicons/hover/warning-alt.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Expenses{ margin-right: 28px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Expenses:before{ content: url("/images/msie8navicons/us-dollar.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Expenses:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Expenses:before{ content: url("/images/msie8navicons/hover/us-dollar.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Discuss{ margin-right: 34px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Discuss:before{ content: url("/images/msie8navicons/comment.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Discuss:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Discuss:before{ content: url("/images/msie8navicons/hover/comment.png"); } #pnlTaskBarContainer .Project_spacer #TaskBarState5_Links li.Discuss{ margin-right: 37px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Info:before{ content: url("/images/msie8navicons/info-alt.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Info:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Info:before{ content: url("/images/msie8navicons/hover/info-alt.png"); } #pnlTaskBarContainer #TaskBarState5_Links li.Email{ margin-right: 37px; margin-left: 10px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Email:before{ content: url("/images/msie8navicons/envelope-pull.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Email:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Email:before{ content: url("/images/msie8navicons/hover/envelope-pull.png"); } #pnlTaskBarContainer .Project_spacer #TaskBarState5_Links li.Email{ margin-left: 0; margin-right: 42px; } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Settings:before{ content: url("/images/msie8navicons/gear.png"); } .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.Settings:hover:before, .msie8 #pnlTaskBarContainer #TaskBarState5_Links li.active.Settings:before{ content: url("/images/msie8navicons/hover/gear.png"); } #pnlTaskBarContainer #TaskBarState5_Links li a:hover { color: #1ea6f8; } /* ------------------- The Legendary Rainbow Rollovers -------------------- */ /*#pnlTaskBarContainer #TaskBarState5_Links li.Home a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Home a:hover:before { color: #01008a; } #pnlTaskBarContainer #TaskBarState5_Links li.Activity a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Activity a:hover:before { color: #01008a; } #pnlTaskBarContainer #TaskBarState5_Links li.MyTasks a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.MyTasks a:hover:before { color: #01b530; } #pnlTaskBarContainer #TaskBarState5_Links li.Files a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Files a:hover:before { color: #1ea7fb; } #pnlTaskBarContainer #TaskBarState5_Links li.Timesheet a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Timesheet a:hover:before { color: #00ff01; } #pnlTaskBarContainer #TaskBarState5_Links li.MyHomeCalendar a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.MyHomeCalendar a:hover:before { color: #f2e500; } #pnlTaskBarContainer #TaskBarState5_Links li.ToDoList a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.ToDoList a:hover:before { color: #ef8b01; } #pnlTaskBarContainer #TaskBarState5_Links li.Contacts a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Contacts a:hover:before { color: #f94a11; } #pnlTaskBarContainer #TaskBarState5_Links li.Settings a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Settings a:hover:before { color: #ba56d4; } #pnlTaskBarContainer #TaskBarState5_Links li.Projects a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Projects a:hover:before { color: #dda0dc; } #pnlTaskBarContainer #TaskBarState5_Links li.Issues a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Issues a:hover:before { color: #dda0dc; } #pnlTaskBarContainer #TaskBarState5_Links li.Dashboard a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Dashboard a:hover:before { color: #ffc0cb; } #pnlTaskBarContainer #TaskBarState5_Links li.Expenses a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Expenses a:hover:before { color: #ffc0cb; } #pnlTaskBarContainer #TaskBarState5_Links li.Reports a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Reports a:hover:before { color: #bababa; } #pnlTaskBarContainer #TaskBarState5_Links li.Workload a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Workload a:hover:before { color: #5e5e5e; } #pnlTaskBarContainer #TaskBarState5_Links li.Resources a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Resources a:hover:before { color: #f7cc1e; } #pnlTaskBarContainer #TaskBarState5_Links li.Roadmap a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Roadmap a:hover:before { color: #daa521; } #pnlTaskBarContainer #TaskBarState5_Links li.Discuss a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.Discuss a:hover:before { color: #daa521; }*/ #pnlTaskBarContainer #TaskBarState5_Links li.active a, #pnlTaskBarContainer #TaskBarState5_Links li.active a:before, #pnlTaskBarContainer #TaskBarState5_Links li.active a:hover, #pnlTaskBarContainer #TaskBarState5_Links li.active a:hover:before { color: #1ea6f8; } #pnlTaskBarContainer.min #TaskBarState5_Links li{ min-width: 0px; margin-right: 0 !important; margin-left: 20px !important; } #pnlTaskBarContainer.min #TaskBarState5_Links li.Home{ margin-left: 0px; } #pnlTaskBarContainer.min #TaskBarState5_Links li.MyTasks{ margin-left: 0px; } #pnlTaskBarContainer.min #TaskBarState5_Links li:first-child { margin-left: 98px !important; } #TaskBarState5_Links li a:before { display: block !important; font-size:26px !important; line-height:1em; margin-bottom: 6px; color: #cecece; } #TaskBarState5_Links li a:before:hover { color: #77C044; } #TaskBarState5_Links li.Home a:before { content: "x"; font-size: 30px !important;} #TaskBarState5_Links li.Activity a:before { content: "x"; font-size: 30px !important;} #TaskBarState5_Links li.MyTasks a:before { content: "n"; } #TaskBarState5_Links li.Tasks a:before { content: "t"; font-size: 27px !important;} #TaskBarState5_Links li.Reports a:before { content: "s"; font-size: 28px !important;} #TaskBarState5_Links li.Timesheet a:before { content: "m"; font-size: 25px !important;} #TaskBarState5_Links li.Calendar a:before { content: "r"; font-size: 23px !important;} #TaskBarState5_Links li.MyHomeCalendar a:before { content: "r"; font-size: 23px !important;} #TaskBarState5_Links li.Email a:before { content: "k"; font-size: 24px !important;} #TaskBarState5_Links li.Contacts a:before { content: "q"; } #TaskBarState5_Links li.ToDoList a:before { content: ")"; } #TaskBarState5_Links li.Settings a:before { content: "o"; font-size: 23px !important;} #TaskBarState5_Links li.Discuss a:before { content: "l"; font-size: 32px !important;} #TaskBarState5_Links li.Dashboard a:before { content: "h"; font-size: 27px !important;} #TaskBarState5_Links li.Documents a:before { content: "y"; } #TaskBarState5_Links li.Files a:before { content: "y"; font-size: 28px !important;} #TaskBarState5_Links li.Projects a:before { content: "t"; font-size: 27px !important;} #TaskBarState5_Links li.Roadmap a:before { content: "p"; font-size: 24px !important;} #TaskBarState5_Links li.Resources a:before { content: "u"; font-size: 23px !important;} #TaskBarState5_Links li.People a:before { content: "u"; font-size: 23px !important;} #TaskBarState5_Links li.Workload a:before { content: "i"; } #TaskBarState5_Links li.Expenses a:before { content: "j"; } #TaskBarState5_Links li.Issues a:before { content: "v"; font-size: 23px !important;} #TaskBarState5_Links li.Info a:before { content: "w"; font-size: 27px !important;} #TaskBarState5_Links li.Messages a:before { content: "k"; } #TaskBarState5_Links li a .close { background: url("/images/ribbon/ribbonLargeClose.gif") no-repeat scroll center center transparent; display: none; height: 5px; position: absolute; right: 3px; top: 3px; width: 5px; } #pnlTaskBarContainer #minSettings { position:absolute; right: 21px; top: 26px;padding: 4px; } #pnlTaskBarContainer.min #minSettings { top: 7px; } #TaskBarStateBlank_Links, #TaskBarStateBlank_Links li { list-style: none outside none; margin: 0; padding: 0; } #TaskBarStateBlank_Links { margin-left: 66px; } #TaskBarStateBlank_Links li { display: block; float: left; height: 62px; margin-right: -1px; padding: 0 5px 7px; text-align: center; width: 71px; } #DocRibbonBar { clear: left; padding: 8px 0 0 12px; } #DocRibbonBar ul { float: left; height: 46px; margin: 0; padding: 0 0 0 2px; } #DocRibbonBar ul li { background: url("/images/ribbon/doc-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; font-size: 10px; height: 12px; line-height: 10px; list-style: none outside none; margin-right: 10px; padding-top: 34px; text-align: center; width: 40px; } #DocRibbonBar li.addFolder { background-position: -24px 6px; width: 56px; } #DocRibbonBar li.addFile { background-position: 10px 4px; } #DocRibbonBar li.share { background-position: -292px 4px; } #DocRibbonBar li.download { background-position: -66px 4px; } #DocRibbonBar li.merge { background-position: -69px 4px; } #DocRibbonBar li.move { background-position: -118px 4px; } #DocRibbonBar li.rename { background-position: -192px 4px; } #DocRibbonBar li.delete { background-position: -150px 4px; } #DocRibbonBar li.googleDocs { background-position: -223px 4px; width:44px;} #DocRibbonBar li.security { background-position: -256px 4px; } #DocRibbonBar ul li:hover { background-color: #F3F3F4; } #DocRibbonBar ul li.disabled { opacity: 0.5; filter: alpha(opacity=50);} #DocRibbonBar li.disabled span { cursor: default; } #DocRibbonBar ul li.disabled:hover { background-color: transparent; } #ResRibbonBar { clear: left; padding: 8px 0 0 12px; } #ResRibbonBar ul { float: left; height: 46px; margin: 0; padding: 0 0 0 2px; } #ResRibbonBar ul li { background: url("/images/ribbon/doc-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; font-size: 10px; height: 12px; line-height: 10px; list-style: none outside none; margin-right: 10px; padding-top: 34px; text-align: center; width: 40px; } #ResRibbonBar li.addFolder { background-position: -24px 6px; width: 56px; } #ResRibbonBar li.addRes { background-position: 28px 4px; width: 68px; } #ResRibbonBar li.merge { background-position: -69px 4px; } #ResRibbonBar li.move { background-position: -118px 4px; } #ResRibbonBar li.rename { background-position: -192px 4px; } #ResRibbonBar li.delete { background-position: -150px 4px; } #ResRibbonBar li.skill { background-position: -256px 4px; } #ResRibbonBar li.notes { background-position: -332px 4px; } #ResRibbonBar ul li:hover { background-color: #F3F3F4; } #ResRibbonBar ul li.disabled { opacity: 0.5; filter: alpha(opacity=50);} #ResRibbonBar li.disabled span { cursor: default; } #ResRibbonBar ul li.disabled:hover { background-color: transparent; } #ProjectsRibbonBar { clear: left; padding: 8px 0 0 12px; } #ProjectsRibbonBar ul { float: left; height: 46px; margin: 0; padding: 0 0 0 2px; } #ProjectsRibbonBar ul li { background: url("/images/ribbon/doc-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; font-size: 10px; height: 12px; line-height: 10px; list-style: none outside none; margin-right: 10px; padding-top: 34px; text-align: center; width: 40px; } #ProjectsRibbonBar li.addFolder {background-position: -26px 4px;width:54px} #ProjectsRibbonBar li.addFolder span {width:54px;} #ProjectsRibbonBar li.newProject {background-position: 18px 4px;width:56px} #ProjectsRibbonBar li.newProject span {width:56px;} #ProjectsRibbonBar li.newTemplate {background-position: 13px 4px;width:50px} #ProjectsRibbonBar li.li.newTemplate span {width:50px;} #ProjectsRibbonBar li.move {background-position: -118px 4px; width:32px} #ProjectsRibbonBar li.move span {width:32px;} #ProjectsRibbonBar li.copy {background-position: -376px 4px; width:32px} #ProjectsRibbonBar li.copy span {width:32px;} #ProjectsRibbonBar li.rename {background-position: -192px 4px} #ProjectsRibbonBar li.delete {background-position: -150px 4px} #ProjectsRibbonBar li.notes { background-position: -332px 4px; } #ProjectsRibbonBar li.security {background-position: -256px 4px;} #ProjectsRibbonBar ul li:hover { background-color: #F3F3F4; } #ProjectsRibbonBar ul li.disabled { opacity: 0.5; filter: alpha(opacity=50);} #ProjectsRibbonBar li.disabled span { cursor: default; } #ProjectsRibbonBar ul li.disabled:hover { background-color: transparent; } .RibbonBar .processing-screen {position: absolute; top: 0px; left: 0px; width: 100%; height: 56px; background-color: #FFFFFF;opacity:0.1;filter: alpha(opacity=10);display: none;float:left;} .RibbonBar .disable-screen {position: relative; left: 0px; width: 100%; height: 67px; background-color: #f3f3f4;opacity:0.8;filter: alpha(opacity=80);display: none;float:left;vertical-align:middle;line-height: 65px;top: -67px;cursor:pointer;} .RibbonBar .disable-screen > div {padding-left: 260px; font-weight:bold;} .RibbonBar #taskOnline {display:inline;} .RibbonBar .saving-indicator { padding: 3px 10px 5px 8px; border-radius: 12px; background: #EDEDED; color: #666666; display: none; } .RibbonBar .saving-indicator span.spin { display: inline-block; } .RibbonBar .saving-indicator span.text { display: inline-block; vertical-align: middle; margin-left: 5px; } .RibbonBar .saving-indicator .text { margin-top: -1px; } .RibbonBar .saving-indicator .lds-spinner { position: relative; display: inline-block; vertical-align: middle; color: #666666; width: 18px; height: 18px; top: 3px; } .RibbonBar .saving-indicator .lds-spinner div { -webkit-transform-origin: 6px 6px; -ms-transform-origin: 6px 6px; -o-transform-origin: 6px 6px; transform-origin: 6px 6px; -webkit-animation: lds-spinner 1.2s linear infinite; -o-animation: lds-spinner 1.2s linear infinite; animation: lds-spinner 1.2s linear infinite; } .RibbonBar .saving-indicator .lds-spinner div:after { content: " "; display: block; position: absolute; top: 10px; left: 5px; width: 2px; height: 5px; border-radius: 45%; background: #666666; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(1) { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(2) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(3) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(4) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(5) { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(6) { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(7) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(8) { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); -o-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(9) { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.3s; -o-animation-delay: -0.3s; animation-delay: -0.3s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(10) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.2s; -o-animation-delay: -0.2s; animation-delay: -0.2s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(11) { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); -o-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.1s; -o-animation-delay: -0.1s; animation-delay: -0.1s; } .RibbonBar .saving-indicator .lds-spinner div:nth-child(12) { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); -o-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .RibbonBar .saving-indicator span.spin { display: inline-block; } .RibbonBar .saving-indicator span.text { display: inline-block; vertical-align: middle; margin-left: 5px; } .RibbonBar { padding: 18px 0 0 20px; height: 38px; min-width: 720px; } .RibbonBar ul, .RibbonBar ul li { margin: 0; padding: 0; list-style: none; } .RibbonBar > .section > ul { display: block; white-space: nowrap; } .RibbonBar ul li { display: inline-block; position: relative; width: 28px; } .RibbonBar ul li.sectionStart { margin-left:8px; padding-left:14px; border-left:1px solid var(--pmThemeBackground80); } .RibbonBar ul li a { display:inline-block; margin-right:9px; color:var(--pmThemeForeground60); vertical-align: middle; cursor: pointer; } .RibbonBar ul li a:before { font-size:19px; line-height:1em; } .RibbonBar ul li a:hover, .RibbonBar ul li a:hover:before { color:var(--pmThemeForeground); } .RibbonBar ul li.disabled a, .RibbonBar ul li.disabled a:hover, .RibbonBar ul li.disabled a:hover:before, .RibbonBar ul ul li.disabled a:before { color:var(--pmThemeForeground30) !important; background: none; cursor: not-allowed; } .RibbonBar ul li.highlight > a { color:var(--pmThemeForeground60); } .RibbonBar ul li a span { display: none; } .RibbonBar ul li.textButton a { padding: 3px 10px; border: 1px solid #1ea6f8; color: #1ea6f8; border-radius: 5px; line-height: 1em; } .RibbonBar ul li.textButton a:hover { border-color: #77C044; color: #77C044; } .RibbonBar ul li.textButton { margin-right: 10px; } .RibbonBar ul li.textButton.save.dirty a { border-color: #77C044; background:#77C044; color: #fff; } .RibbonBar ul li.textButton.save.dirty a:hover { border-color: #08bf35; background:#08bf35; } .RibbonBar ul li.save a span { display: inline-block; } .RibbonBar ul li.hide-menu-item { display: none; } /* Lighten the thicker icons */ .RibbonBar ul li a.icon-pm-magnify-more { opacity: 0.8; } .RibbonBar ul li a.icon-pm-settings, .RibbonBar ul li a.icon-pm-calendar-light, .RibbonBar ul li a.icon-pm-columns { opacity: 0.9; } #portfolioRibbonContainer #PortfolioRibbonBar { background-color: var(--pmThemeBackground); } #portfolioRibbonContainer #PortfolioRibbonBar .processing-screen-portfolio {position: absolute; top: -0px; left: 0px; width: 100%; height: 56px; background-color: var(--pmThemeBackground); opacity:0.1; display:none; filter: alpha(opacity=10);float:left;} .ribbonContainer a.btn.share { float: right; margin-top: -3px; } .ribbonContainer a.btn.share:before { margin-right:3px; color: #1ea6f8; } .RibbonBar ul li.filtering a { line-height: 1em; } .RibbonBar ul li.filtering a:before { display: inline-block; width: 23px; padding-left: 6px; color: #77C044; } .RibbonBar ul li.filtering > a > span.filterContent { position: absolute; top: 3px; margin-left: 3px; } .RibbonBar ul li.filtering > a.filterActive:after { width: 8px; height: 8px; } .RibbonBar ul ul { position: absolute; top: 27px; left: -51px; background-color: var(--pmThemeBackground90); border: 1px solid var(--pmThemeBackground80); font-size: 12px; padding: 8px 0; border-radius: 4px; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.3); box-shadow: 0 0 25px rgba(0,0,0,.3); z-index: 999; } .RibbonBar ul ul li { position: static; display: block; width: 100%; } .RibbonBar ul ul li a { display: block; padding: 6px 20px 6px 12px; margin-right: 0; white-space: nowrap; } .RibbonBar ul ul li a span { display: inline-block; } .RibbonBar ul ul li a:before { font-size: 19px !important; line-height: 1em; vertical-align: middle; margin-right: 8px; } .RibbonBar ul ul li a:hover { background-color: var(--pmThemeBackground80); } .RibbonBar ul ul li a:hover:before { color: var(--pmThemeForeground); } /* Hide the default iOS active link shading */ .RibbonBar ul li a { -webkit-tap-highlight-color: rgba(0,0,0,0); } #taskOnlinePanel { position:absolute; min-width: 100px; top:-20px; left:-20px; z-index:1100; border-radius: 2px; background: #fff; border: 1px solid #d9d9d9; -webkit-box-shadow: 0 0 25px rgba(152,152,152,0.4); box-shadow: 0 0 25px rgba(152,152,152,0.4); padding:5px 10px 10px 10px; display:none; } #taskOnlinePanel:after, #taskOnlinePanel:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #taskOnlinePanel:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } #taskOnlinePanel:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #d9d9d9; border-width: 9px; margin-left: -9px; } #taskOnlinePanel ul, #taskOnlinePanel li { margin:0;padding:0;list-style:none; } #taskOnlinePanel li {margin-top: 5px; } #taskOnlinePanel li a {display:block;} #taskOnlinePanel .profilePhoto {width:36px;height:36px;margin:0 5px 0 0;vertical-align:middle;} /* Free tiral popup css */ .pm-signup .features {padding:3px; margin: 10px 0; border: 1px solid #d2d2d2; background:white} .pm-signup .features div { background: url("/images/greytick.gif") no-repeat scroll left 0 transparent; display: block; line-height:22px; margin: 0 0 5px 10px; max-width: 250px; overflow: hidden; padding: 2px 0 0 24px; text-overflow: ellipsis; white-space: nowrap; } #pnlTaskBarContainer { background:#fff; position:relative; padding: 10px 0; } #pnlTaskBarContainer.min{ height: 35px; line-height:35px; padding: 0; } #pnlTaskBarContainer.min #TaskBarState5_Links li a:before{content: "";} .msie8 #pnlTaskBarContainer.min #TaskBarState5_Links li:before {display:none;content: "";} .msie8 #pnlTaskBarContainer.min #TaskBarState5_Links li.active:before {display:none;content: "";} #pnlTaskBarContainer.min #TaskBarState5_Links li div.evo {display:none;} .minState.button.iconWords::before { font-size: 10px; color: #cecece; } /* dashboard, change the #pnlTaskBarContainer.min to #pnlTaskBarContainer because we hide the print and share*/ #pnlTaskBarContainer.min #dashboardSettings { background: none; height:30px; } #pnlTaskBarContainer.min #dashboardSettings ul { background: none; width: 160px; padding-top: 3px; } #pnlTaskBarContainer.min #dashboardSettings ul li { width: 30%; padding: 0; float: left; } #pnlTaskBarContainer.min #dashboardSettings ul li.settings { width: 40%; } #pnlTaskBarContainer #dashboardSettings { background: none; } #pnlTaskBarContainer #dashboardSettings ul { background: none; padding-top: 3px; } #pnlTaskBarContainer #dashboardSettings ul li { padding: 0; float: left; } #pnlTaskBarContainer.min #dashboardSettings ul.only2 { width: 100px; } /* Pancake is a retro-fitted flattening of the ribbon and popups */ /* Common styles for all popups */ .pmPopup.pancake .col { display: block; float: left; margin:0; } .pmPopup.pancake .col.half { width: 50%; } .pmPopup.pancake .col.third { width: 33.33%; } .pmPopup.pancake .col.third.double { width: 66.66%; } .pmPopup.pancake .actions { clear: both; } .pmPopup.pancake .subtle { color: #8b8b8b; } .pmPopup.pancake .files { font-weight:bold; color:#000; line-height:14px; } /*.pmPopup.pancake .value { display: block; float: left; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }*/ .pmPopup.pancake .clear { clear: both; height: 1px; overflow: hidden; } .pmPopup.pancake p a { color: #000; } .pmPopup.pancake ul, .pmPopup.pancake li { margin: 0; padding: 0; list-style: none; } .pmPopup.pancake .preHead { word-wrap: break-word; } .pmPopup.pancake .head { color: #000; font-size: 16px; margin: 5px 0 10px 0; line-height: 1em; } .pmPopup.pancake .head.solo { margin-bottom: 15px; } .pmPopup.pancake .subHead { margin: 5px 0; word-wrap: break-word; } .pmPopup.pancake .infoBox { clear: left; padding: 10px; line-height: 1.5; max-height: 300px; overflow: auto; } .pmPopup.pancake .infoBox.tall { max-height: 450px; } .pmPopup.pancake .infoBox.short { max-height: 132px; } .pmPopup.pancake .infoBox .section { clear: both; } .pmPopup.pancake #creatGroupPopup .infoBox {height:150px;} .pmPopup.pancake .filter {position: absolute; top: 20px; right: 20px; } .pmPopup.pancake .filter label { display: inline-block; padding-top: 3px; } .pmPopup.pancake .filter input {width:80px;} .pmPopup.pancake table.filter label { padding: 0; } .Reports .pmPopup.pancake.pm-popup-userShare .filter input { border: 1px solid #bfbfbf; margin: 0 0 0 3px; height: 13px; } .pmPopup.pancake ul.highlights { } .pmPopup.pancake ul.highlights li { } .pmPopup.pancake ul.highlights li label { } .pmPopup.pancake ul.highlights li label input { } /* Search result popups */ .pmPopup.pancake .searchPopup .infoBox { } .pmPopup.pancake .searchPopup .emailFiles { padding-bottom:10px; } .pmPopup.pancake .infoBox .label { width: 38%; margin-top: 10px; } .pmPopup.pancake .infoBox .label.short { width: 19%; } .pmPopup.pancake .infoBox .label.medium { width: 25%; } .pmPopup.pancake .infoBox .value { font-weight: bold; width: 62%; margin-top: 10px; } .pmPopup.pancake .infoBox .value.resolution { font-weight: normal; width: 100%; margin-top: 10px; display: block; } .pmPopup.pancake .infoBox .first { margin-top: 0; } .pmPopup.pancake .infoBox .section.stats .label { display:inline-block; width: 45%; } .pmPopup.pancake .infoBox .section.stats .value { display:inline-block; width: 55%; } .pmPopup.pancake .infoBox .section.resources { padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.resources .label { width:auto; } .pmPopup.pancake .infoBox .section.resources .value { width:auto; } .pmPopup.pancake .infoBox .section.notes { padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.notes .label { width: 45px; } .pmPopup.pancake .infoBox .section.notes .value { width: 280px; font-weight: normal; white-space: normal; } .pmPopup.pancake .infoBox .section.description { padding: 0 0 10px 0; word-wrap: break-word; } .pmPopup.pancake .infoBox .section.resolution { padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.attachments { padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .attachments .label { vertical-align:top; display:inline-block; width: 25%; } .pmPopup.pancake .infoBox .attachments .value { vertical-align:top; display:inline-block; width: 75%; font-weight:normal; } .pmPopup.pancake .searchPopup .infoBox { max-height:230px; } .pmPopup.pancake .infoBox .section.expenseDetails { padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.expenseDetails .label { display:inline-block; width: 50%; } .pmPopup.pancake .infoBox .section.expenseDetails .value { display:inline-block; width: 50%; } .pmPopup.pancake .infoBox .section.expenseDetails.descriptionSection{ } .pmPopup.pancake .infoBox .section.expenseDetails.descriptionSection .label { display:inline-block; width:25%;} .pmPopup.pancake .infoBox .section.expenseDetails.descriptionSection .value { display:inline-block;width: 75%;} .pmPopup.pancake .infoBox .section.expenseDetails.resource{ padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.expenseDetails.resource .label { display:inline-block; width:25%;} .pmPopup.pancake .infoBox .section.expenseDetails.resource .value { display:inline-block;width: 75%;} .pmPopup.pancake .infoBox .section.expenseDetails.attachments{ padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.expenseDetails.attachments .label { display:inline-block; width:25%;} .pmPopup.pancake .infoBox .section.expenseDetails.attachments .value { display:inline-block;width: 75%;} .pmPopup.pancake .infoBox .section.expenseDetails.task{ padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.expenseDetails.task .label { display:inline-block;width:25%; } .pmPopup.pancake .infoBox .section.expenseDetails.task .value { display:inline-block;width: 75%;} .pmPopup.pancake .infoBox .section.ticks { padding: 10px 0 0 0; } .pmPopup.pancake .infoBox .section.ticks li { float: left; padding-left: 12px; width: 28%; background: left center no-repeat url('/images/common/tinyTick.gif'); font-weight: bold; } .pmPopup.pancake .infoBox .section.riskDetails { /*margin: 10px 0 0 0;*/ } .pmPopup.pancake .infoBox .section.riskDetails .col.left { width: 60%; } .pmPopup.pancake .infoBox .section.riskDetails .col.right { width: 40%; } .pmPopup.pancake .infoBox .section.riskDetails .col.left .label { display:inline-block; width: 35%; } .pmPopup.pancake .infoBox .section.riskDetails .col.left .value { display:inline-block; width: 65%; } .pmPopup.pancake .infoBox .section.riskDetails .col.right .label { display:inline-block; width: 40%; } .pmPopup.pancake .infoBox .section.riskDetails .col.right .value { display:inline-block; width: 60%; } .pmPopup.pancake .section.inboxHeader { margin: 10px 0; line-height: 18px; } .pmPopup.pancake .section.inboxHeader .label { color: #8b8b8b; width: 22%; } .pmPopup.pancake .section.inboxHeader .value { font-weight: bold; width: 78%; } .pmPopup.pancake .post .thumbnail { float: left; width: 40px; padding-right: 15px; font-size: 11px; overflow: hidden; text-align: center; background: right 18px no-repeat url('/images/common/postArrowLeftInverted.gif'); z-index: 9999; position: relative; } .pmPopup.pancake .post .thumbnail .profilePhoto { width: 40px; height: 40px; margin-right: 6px; } .pmPopup.pancake .post .bubble { float: left; width: 424px; padding: 10px 0 10px 10px; margin-left: -1px; background: #fff; border-radius: 4px; border: 1px solid #cfcfcf; max-height: 450px; overflow: auto; } .pmPopup.pancake .post .bubble a { color: #008aff; } .pmPopup.pancake .post .bubble .title { font-size: 13px; font-weight: bold; margin-bottom: 5px; width: 345px; color: #013d6b; } .pmPopup.pancake .post .bubble .text a { text-decoration: underline; } .pmPopup.pancake .post .bubble .images { margin: 5px 0 0 0; } .pmPopup.pancake .post .bubble .images img { float: left; width: 100px; height: 100px; margin: 5px 5px 0 0; } .pmPopup.pancake .post .bubble .foot { clear: left; padding-top: 10px; font-size: 11px; color: #8d8d8d; } .pmPopup.pancake .post .bubble .foot a { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #8d8d8d; color: #3681bc; font-weight: bold; } .pmPopup.pancake .post .bubble .comments { line-height: 16px; margin: 10px 0 0 0; } .pmPopup.pancake .post .bubble .comments li { clear: left; padding: 10px 0; margin: 0 10px 0 0; border-top: solid 1px #cfcfcf; } .pmPopup.pancake .post .bubble .comments li.input { padding-bottom: 0; } .pmPopup.pancake .post .bubble .comments .image { float: left; width: 26px; height: 26px; margin: 0 10px; padding: 0 0 10px 0; } .pmPopup.pancake .post .bubble .comments .image img { width: 28px; height: 28px; } .pmPopup.pancake .post .bubble .comments .text { float: left; width: 360px; padding: 0 0 10px 0; } .pmPopup.pancake .post .bubble .comments .text .subtle { font-size: 11px; } .pmPopup.pancake .post .bubble .comments strong { font-size: 13px; } .pmPopup.pancake .post .bubble .comments input { width: 345px; padding: 7px; margin: 0; line-height: 14px; border: solid 1px #c8cccf; border-radius: 4px; } .pmPopup.pancake .section.fileImage .col.left { width: 70px; } .pmPopup.pancake .section.fileImage .col.left img { width: 60px; height: 60px;} .pmPopup.pancake .section.fileImage .col.right { width: 240px; } .pmPopup.pancake .section.fileImage .col.right .label { width: 20%; } .pmPopup.pancake .section.fileImage .col.right .value { width: 80%; } /* Group popups */ .pmPopup.pancake .section.fullWidthForm .label { width: 100%; margin: 5px 0; } .pmPopup.pancake .section.fullWidthForm .value input[type="text"], .pmPopup.pancake .fullWidthForm .value textarea, .pmPopup.pancake .section.fullWidthForm .value select { width: 95%; margin-bottom: 10px; } .pmPopup.pancake .section.fullWidthForm.last .value input, .pmPopup.pancake .fullWidthForm.last .value textarea, .pmPopup.pancake .section.fullWidthForm.last .value select { margin-bottom: 0; padding: inherit; } .pmPopup.pancake .section.fullWidthForm .value textarea { height: 84px; } .pmPopup.pancake .section.fullWidthForm .value select { width: 100%; } /* Small faces */ .pmPopup.pancake .infoBox.selectList { } .pmPopup.pancake .infoBox.selectList li .profilePhoto { width: 36px; height: 36px; margin: 0 5px 0 0; vertical-align: middle; } .pmPopup.pancake .infoBox.selectList li:last-child label, .pmPopup.pancake .infoBox.selectList li:last-child .label {margin-bottom:0;} .pmPopup.pancake .infoBox.selectList li:hover label, .pmPopup.pancake .infoBox.selectList li:hover .label { cursor: pointer; } .pmPopup.pancake .infoBox.selectList.strongHighlight li.selected label, .pmPopup.pancake .infoBox.selectList.strongHighlight li.selected .label { color: var(--pmThemeBrand); } .pmPopup.pancake .infoBox.selectList.faces li input { margin-top: 12px; } .pmPopup.pancake .infoBox.selectList .groupMembers li { position: relative; display: block; margin-bottom: 5px; } .pmPopup.pancake .infoBox.selectList .groupMembers li:last-child {margin-bottom:0;} .pmPopup.pancake .infoBox.selectList .groupMembers li .star { top: -2px; left: 28px; } .pmPopup.pancake .infoBox.selectList .groupMembers li .name { padding: 0; width: 83%; } /* use percentage to handle that scrollbars are occassionally visible */ .pmPopup.pancake .infoBox.selectList.compact li .profilePhoto { display:none; } .pmPopup.pancake .infoBox.selectList.compact li label, .pmPopup.pancake .infoBox.selectList.compact li .label { margin-bottom:0; } /* Faces but no input */ .pmPopup.pancake .infoBox.selectList.faceFirst li label, .pmPopup.pancake .infoBox.selectList.faceFirst li .label { padding-left: 0; } /* No faces */ .pmPopup.pancake .infoBox.selectList.noFaces li label, .pmPopup.pancake .infoBox.selectList.noFaces li .label { margin-bottom:0; } .pmPopup.pancake .infoBox.selectList.noFaces li img { display: none; } .pmPopup.pancake .infoBox.selectList .links li { position: relative; display: block; padding: 0; margin-bottom: 2px; background: #f3f3f3; } .pmPopup.pancake .infoBox.selectList .links li:hover { background: #ebf5fe; } .pmPopup.pancake .infoBox.selectList .links li a { color: #3c3c3c; } .pmPopup.pancake .infoBox.selectList .links li img { float: left; margin: 0; } .pmPopup.pancake .infoBox.selectList .links li .name { display: inline-block; padding: 11px 0 11px 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pmPopup.pancake .infoBox.selectList .links li .star { position: absolute; top: 1px; left: 1px; width: 10px; height: 10px; background: center center no-repeat url(/images/MyHome/star.png); overflow: hidden; text-indent: -9999px; } .pmPopup.pancake .infoBox.selectList .links li a.remove { display: none; position: absolute; top: 3px; right: 3px; width: 5px; height: 5px; text-indent: -9999px; background: center center no-repeat url(/images/MyTasks/closeButtonTinyRed.gif); } .pmPopup.pancake .infoBox.selectList .links li:hover a.remove { display: block; } .pmPopup.pancake .section.filter { padding-left: 113px; height: 30px; overflow: hidden; } .pmPopup.pancake .section.filter .label { width: 45px; font-weight: bold; color: #000; font-size: 13px; padding: 6px 0 0 0; } .pmPopup.pancake .section.filter .value { float:left; width: 92px; } .pmPopup.pancake .section.filter .value input { width: 80px; padding: 5px; border: 1px solid #d3d3d3; font-size: 12px; } .pmPopup.pancake .section.fullWidthForm .value ul { margin: 5px 0 15px 0; line-height: 1.5; } .pmPopup.pancake .section.fullWidthForm.last .value ul { margin-bottom: 0; } .pmPopup.pancake .section.fullWidthForm .value ul label:hover { color: #77C044; cursor: pointer; } .ulPlaceholder { display: none; } /* Share With popup */ .pmPopup.pancake .section.addUser { margin-top: 10px; height: 32px; } .pmPopup.pancake .section.addUser .shareCommentLabel { padding-top: 5px; display: inline-block; } .pmPopup.pancake .section.addComment { } .pmPopup.pancake .section.addComment label { display: block; margin-bottom: 3px; } .pmPopup.pancake .section.addComment textarea { width: 313px; padding: 5px; border: 1px solid #d3d3d3; font-size: 12px; line-height: 1.2em; height: 3.5em; resize: vertical; } .pmPopup.pancake .infoBox.alert { line-height: 1.2em; padding: 15px; text-align: center; } .pmPopup.pancake .infoBox.borderless { border: 0; } .pmPopup.pancake .private { float: right; width: 50%; text-align: right; padding-top: 2px; } .pmPopup.pancake .private a, .pmPopup.pancake a.info { float: right; margin: 2px 0 0 5px; color: #cecece; font-size: 16px; line-height: 1em; } .pmPopup.pancake .private a:before, .pmPopup.pancake a.info:before { content: "\34"; font-size: 14px; } .pmPopup.pancake .private input { vertical-align: middle; } .pmPopup.pancake .actions.hasPrivate { text-align: left !important; } .pmPopup.pancake .section.move { margin-top: 20px; color: var(--pmThemeForeground50); } .pmPopup.pancake .section.move a:before { font-size: 21px;vertical-align: middle; color: var(--pmThemeForeground50); } .pmPopup.pancake .section.move a:hover:before { color: var(--pmThemeBrand); } .pmPopup.pancake .section.move a span { display: none; } .pmPopup.pancake .actions.closeRight { width: 75px; float: right; text-align: right !important; padding-top:17px !important; } .pmPopup.pancake .actions.closeRight a { margin: 0 !important; } .pmPopup.pancake a.info { margin-top: 4px; float: right; } .pmPopup.pancake.pm-popup-userShare .private { position: relative; top: 20px; margin-bottom: -20px; } .pmPopup.pancake.pm-popup-userShare .section.addComment textarea { width: 323px; } .pmPopup.pancake.pm-popup-userShare p.label { margin: 15px 0 5px 0; } .pmPopup.pancake.pm-popup-userShare .infoBox.selectList li a.remove { display: none; position: absolute; top: 3px; right: 3px; width: 5px; height: 5px; text-indent: -9999px; background: center center no-repeat url(/images/MyTasks/closeButtonTinyRed.gif); } .pmPopup.pancake.pm-popup-userShare .infoBox.selectList li:hover a.remove { display: block; } .pmPopup.pancake.pm-popup-userShare .infoBox.selectList li a.removeItem { display: none; float: right; width: 17px; height: 18px; margin: 4px -1px 0 0; overflow: hidden; text-indent: -999px; background: center center no-repeat url(/images/MyTasks/closeButton.gif); } .pmPopup.pancake.pm-popup-userShare .infoBox.selectList li:hover a.removeItem { display: block; } .pmPopup.pancake.pm-popup-userShare .inlineForm .input input, .pmPopup.pancake.pm-popup-userShare .inlineForm .input textarea {width:100%;resize:vertical;} .pmPopup .subHead {margin-bottom:5px;} /* Shared file preview popup */ .pmPopup.pancake .section.fileImage { padding-top: 10px; } .pmPopup.pancake .section.fileImage.first { padding-top: 0; } .pmPopup.pancake .section.fileImage .col.right .label, .pmPopup.pancake .section.fileImage .col.right .value { margin: 0 0 0.4em 0; line-height: 1em; } .pmPopup.pancake .section.fileImage .col.right .label { color: #aaa; } .pmPopup.pancake .section.fileImage .col.right .value { font-weight: normal; } .pmPopup.pancake .section.fileImage .icon { display: block; width: 32px; height: 32px; float: right; margin-right: 10px; background: left top no-repeat url(/images/MyTasks/iconsLarge.png); overflow: hidden; text-indent: -9999px; } .pmPopup.pancake .section.fileImage .icon.txt, .pmPopup.pancake .section.fileImage .icon.rtf { background-position: left -32px} .pmPopup.pancake .section.fileImage .icon.ppt { background-position: left -64px} .pmPopup.pancake .section.fileImage .icon.pub { background-position: left -96px} .pmPopup.pancake .section.fileImage .icon.doc { background-position: left -128px} .pmPopup.pancake .section.fileImage .icon.xls { background-position: left -160px} .pmPopup.pancake .section.fileImage .icon.docx { background-position: left -192px} .pmPopup.pancake .section.fileImage .icon.xlsx { background-position: left -224px} .pmPopup.pancake .section.fileImage .icon.zip { background-position: left -256px} .pmPopup.pancake .section.fileImage .icon.pdf { background-position: left -288px} .pmPopup.pancake .section.fileImage .icon.jpg { background-position: left -320px} .pmPopup.pancake .section.fileImage .icon.gif { background-position: left -352px} .pmPopup.pancake .section.fileImage .icon.png { background-position: left -384px} .pmPopup.pancake .section.fileImage .icon.eml { background-position: left -416px} .pmPopup.pancake .section.fileImage .icon.csv { background-position: left -448px} .pmPopup.pancake .section.fileImage .icon.htm { background-position: left -480px} .pmPopup.pancake .section.fileImage .icon.html { background-position: left -480px} /* Completed report popup */ .pmPopup.pancake li.reportlist { padding: 5px 0 0 0; font-size:13px; color: #3681bc;line-height:13px;} .pmPopup.pancake .section.availableReport.first { padding-top: 0; } .pmPopup.pancake .section.availableReport .col.right .label, .pmPopup.pancake .section.availableReport .col.right .value { margin: 0 0 0.4em 0; line-height: 1em; } .pmPopup.pancake .section.availableReport .col.right .label { color: #aaa; } .pmPopup.pancake .section.availableReport .col.right .value { font-weight: normal; } /* Restore list styles for disussion display */ .pmPopup.pancake .discussionText ol, .pmPopup.pancake .discussionText ul { margin: 1em 0; padding: 0; } .pmPopup.pancake .discussionText ol li, .pmPopup.pancake .discussionText ul li { margin: 0 0 0 2.5em; padding: 0; } .pmPopup.pancake .discussionText ol, .pmPopup.pancake .discussionText ol li { list-style: decimal; } .pmPopup.pancake .discussionText ul, .pmPopup.pancake .discussionText ul li { list-style: disc; } /* Export popup */ #ExportPopup .inlineForm .input li label { display: inline-block; } #ExportPopup #CustomColSetup { margin-left: 0.5em; } #exportColumnsPopup .infoBox { height: 275px; padding: 0; border: 0; } form input.error {border:solid 1px red !important;} form .errorWrapper label.error {color: red !important;} .hidden{display:none;} .validation {color:red;font-size:12px;font-weight:bold;} .clearAll { clear: both; height: 1px; overflow: hidden; } /***** Components *************************************************************************************************************************/ * html .pmPopup{padding-right:9px;} * html .pmPopup iframe.ie {position:absolute;top:0;left:0;height:100%;width:95%;z-index:5;} * html #PMPopupTitle {position:relative;z-index:6;} * html #PMPopupContentWrapper{position:relative;z-index:6;} * html #PMPopupContent{zoom:1;} .pmPopup.modal { /*position: fixed;*/ } .pmPopup.modal #PMPopupTitle { cursor: default; } .pmPopup.pm-genericAlert {z-index: 99999;} .pmPopup.ui-draggable #PMPopupTitle { } #PMPopupContent div .infoMessage { display:none; text-align:center; padding-top:15px; } .pm-genericConfirm #PMPopupContent { word-wrap: break-word; } /***** PAGE LAYOUTS *************************************************************************************************************************/ /***** Discussions Page *****/ #PageDiscussions { overflow:hidden; min-width:1100px; } #PageDiscussions .clear { clear: both; height: 1px; overflow: hidden; } #PageDiscussions span.cke_skin_kama { padding: 0; border: none; } #PageDiscussions .cke_skin_kama .cke_wrapper { background-image: none; } #PageDiscussions a.cke_toolbox_collapser{display:none;} #PageDiscussions .cke_toolbox {zoom:1;} #PageDiscussions #DiscussionSearch { float: left; margin-right: 0px; width: 382px; } @media (min-width: 1024px) { #PageDiscussions #DiscussionSearch { width: 430px; } } #PageDiscussions #DiscussionSearch.emptystate { width: 625px; } #PageDiscussions #DiscussionSearch a.clear { background: url(/images/project/btnsearchclear.gif) no-repeat top left; height: 20px; width: 14px; display: none; } #PageDiscussions #DiscussionSearch a.search { background: url(/images/project/btnsearch.gif) no-repeat top left; height: 20px; width: 20px; } #PageDiscussions #DiscussionSearch a.new { float: left; } #PageDiscussions #DiscussionSearch th { background: #ddd; border-right: 1px solid #fff; } #PageDiscussions #DiscussionSearch th:last-child { border: 0; } #PageDiscussions #DiscussionSearch input.search { width: 161px; margin-top: 3px; } #PageDiscussions #DiscussionSearch .Panel { padding: 0; border: 0; min-height: 370px; margin-bottom: 10px; } #PageDiscussions #DiscussionSearch .Panel .t-state-selected{ background-color: #e8f6fe !important; } #PageDiscussions #DiscussionSearch .Panel .t-state-selected td{ } #PageDiscussions #DiscussionSearch .Panel .t-state-selected td:first-of-type{ } #PageDiscussions #DiscussionSearch .Panel .t-state-selected td:last-of-type{ } #PageDiscussions #DiscussionEdit a.search { background: url(/images/project/btnsearch.gif) no-repeat top left; height: 20px; width: 20px; } #PageDiscussions #DiscussionSearch .t-grid .t-header .t-link { padding: 8px 0 6px 7px; color: #6a6a6a; font-weight: bold; } #PageDiscussions #DiscussionSearch .t-grid td { padding: 6px 2px 6px 7px; } #PageDiscussions #Discussion { float: left; margin: 0 0 10px 20px; width: 521px; border-radius: 0; padding: 14px 16px 0; } #PageDiscussions #Discussion .Panel { padding: 15px; } #PageDiscussions #Discussion .SubPanel { padding: 0; } #PageDiscussions #Discussion .PanelContainer { } #PageDiscussions #Discussion .files .videos li { width: 100%; } #PageDiscussions #Discussion .files .audios a {text-decoration:none;} .PanelContainer .panel-header.ProjectDetail_DetailHeader { background: #fff; } .PanelContainer .panel-header.ProjectDetail_DetailHeader .title { color: #1ea6f8; font-weight: normal; line-height: normal; font-size: 18px; margin-left: 0; } .PanelContainer .panel-header.ProjectDetail_DetailHeader.comment { background: #fff; height:30px;} #DiscussionEdit.PanelContainer .panel-header.ProjectDetail_DetailHeader.comment { height: 23px; } .PanelContainer .panel-header.ProjectDetail_DetailHeader.comment .title { color: #323232; font-size:13px; } .PanelContainer .panel-header .btn { margin-top: 3px; } .PanelContainer.comment .Panel { padding: 0; } .PanelContainer.comment .Panel .panel-header.ProjectDetail_DetailHeader { background: #fff; } .PanelContainer.comment .Panel .panel-header.ProjectDetail_DetailHeader .title { color: #1ea6f8; } #PageDiscussions #DiscussionEdit div.title { padding: 7px 0 7px 7px; background: #fff; } #PageDiscussions #DiscussionEdit div.title label { display:inline-block; font-weight: bold; width: 6%; vertical-align: middle; } #PageDiscussions #DiscussionEdit div.title input { vertical-align:middle; width: 90%; } #PageDiscussions #DiscussionEdit div.title label.error{width:auto;padding-left:60px;} #PageDiscussions #DiscussionEdit div.content{zoom:1; border: 1px solid #cecece} #PageDiscussions #DiscussionEdit .files { border-top: 1px solid #eee; } #PageDiscussions #DiscussionEdit .files ul.actions {list-style: none; padding: 0; float:left; margin:0; width: 128px;} #PageDiscussions #DiscussionEdit .files ul.actions li {display: block} #PageDiscussions #DiscussionEdit .files .actions a.button { } #PageDiscussions #DiscussionEdit .files .actions a.button.disabled { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } #PageDiscussions .mediaButton { margin: 0 0 3px 6px; } #PageDiscussions #DiscussionEdit .files .fileList { } #PageDiscussions #DiscussionEdit .files .fileList .label { } #PageDiscussions #DiscussionEdit .files .fileList table {border-collapse:collapse;width:100%;} #PageDiscussions #DiscussionEdit .files .fileList table td {padding:0;margin:0;} #PageDiscussions #DiscussionEdit .files .fileList ul { margin: 0; padding: 0; overflow: hidden; display: block; } #PageDiscussions #DiscussionEdit .files .fileList ul li { margin: 0; display: block; list-style: none; padding:5px 2%; width: 96%; } #PageDiscussions #DiscussionEdit .files .fileList ul li a {padding: 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;} #PageDiscussions #DiscussionEdit .files .fileList ul li a.link { } #PageDiscussions .feed #DiscussionEdit .files .fileList ul li a.link { width: 230px; } #PageDiscussions #DiscussionEdit .files .fileList ul li a.media { color: #5B5A5A; text-decoration: none; cursor: auto} #PageDiscussions #DiscussionEdit .files .fileList ul li a.delete { float:right; display: none; margin-top: -2px; position: relative; } #PageDiscussions #DiscussionEdit .files .fileList ul li:hover { } #PageDiscussions #DiscussionEdit .files .fileList ul li:hover a.delete {display:inline-block;} #PageDiscussions #DiscussionEdit .files .fileList tr:first-child ul li {margin-top:7px;} #PageDiscussions #DiscussionEdit #WordCount{text-align:right;padding:5px;color:#5B5A5A;font-size:11px;display:none;} #PageDiscussions #DiscussionEdit #WordCount.exceed{font-weight:bold;color:#f00} #PageDiscussions #DiscussionEdit .notification { border: solid 1px #ccc; border-width: 1px 0; padding: 10px 0 5px 10px; font-size: 12px; overflow: hidden;zoom:1 } #PageDiscussions #DiscussionEdit .notification span { display: block; color: #333; margin-bottom: 7px; } #PageDiscussions #DiscussionEdit .notification .all { float: left; width: 50px; } #PageDiscussions #DiscussionEdit .notification .all input { margin-left: 0; } #PageDiscussions #DiscussionEdit .notification .users { float: left; width: 475px; } #PageDiscussions #DiscussionEdit .notification ul { margin: 0; padding: 0; } #PageDiscussions #DiscussionEdit .notification ul li { list-style: none; float: left; display: block; width: 116px; margin: 0 0 2px 0; padding: 0; overflow: hidden; } #PageDiscussions #DiscussionEdit .actions { margin: 10px 0 10px 0; } #PageDiscussions #DiscussionEdit .actions a { margin-right: 5px;} #PageDiscussions #DiscussionEdit .actions a.cancel, #PageDiscussions #DiscussionEdit .actions a.save { float:right; } #PageDiscussions #DiscussionEdit .actions a.cancel { margin-right: 0; } #PageDiscussions #DiscussionEdit .panel-header { padding-left: 0; } #PageDiscussions #DiscussionEdit .cke_contents.cke_reset { height: 180px !important; } #PageDiscussions #DiscussionEdit .ProjectDetail_Body { padding-bottom: 0; } #PageDiscussions #DiscussionEdit .cke_inner { background: #f7f7f7; } #PageDiscussions #Discussion .feed .posts li .post .foot .hours span { color: #999; } #PageDiscussions #DiscussionEdit.comment { background: #D0F0FF; } #PageDiscussions #DiscussionEdit.comment div.notification { display: none;zoom:1 } #PageDiscussions #DiscussionEdit textarea[name=itemBody] { width: 97%; margin: 0.5% 0 0 1%; } * html #PageDiscussions #DiscussionEdit .ProjectDetail_Body{zoom:1} * html #PageDiscussions #DiscussionEdit .files .fileList {height:auto !important;height:28px;} #PageDiscussions .DiscussionSearch .ProjectDetail_SearchHeader a.BtnGreenGray { float: left; } #PageDiscussions .t-grid span.title { color: #0395DD; font-weight: bold; cursor:pointer;} #PageDiscussions .discussionItem { } #PageDiscussions .discussionItem .header { color: #777; overflow: hidden; } #PageDiscussions .discussionItem .header .profilePhoto { width: 50px; height: 50px; float: right; } #PageDiscussions .discussionItem .header .title { margin-top: 4px; margin-bottom: 7px; } #PageDiscussions .discussionItem .header .author { color: #999; } #PageDiscussions .discussionItem .actions a { margin:0; } #PageDiscussions .discussionHeader .header {} #PageDiscussions .discussionItem .body {margin:15px 0;word-wrap: break-word;} #PageDiscussions .discussionItem .body a {color:#0179B8;text-decoration:underline; } #PageDiscussions .discussionItem .body p { margin-bottom: 0; } #PageDiscussions .discussionItem .body p:first-child { margin-top:0; } #PageDiscussions .discussionCommentFiles { margin: 0 15px 20px 15px; font-size: 12px; } #PageDiscussions .discussionCommentFiles ul, #PageDiscussions .discussionCommentFiles li { list-style: none; margin: 0; padding: 0; } #PageDiscussions .discussionCommentFiles span.title { display: none; } #PageDiscussions .HighlightPanelContainer { background-color: #cbf2f9; } #PageDiscussions #CommentPager { overflow: hidden; } #PageDiscussions #CommentPager a { color: #0395DD; height: 30px; font-size: 13px; padding: 0 10px; } #PageDiscussions #CommentPager a span { font-size: 11px; } #PageDiscussions #CommentPager a:hover { text-decoration: underline; } #PageDiscussions #CommentPager a.next { float: right; } #PageDiscussions #CommentPager a.previous { float: left; } #PageDiscussions .discussionItem .header .actions { margin: 17px 0 16px 0; } #PageDiscussions .PanelContainer { zoom: 1; } #PageDiscussions form { display: inline; } #PageDiscussions .feed .posts { } #PageDiscussions .feed .posts li .post { } #PageDiscussions .feed .posts li .post .comments .content { width: 372px; } #PageDiscussions .feed .posts li .post .files { padding: 0; margin: 0; background: none; } #PageDiscussions .feed .posts li .post .files.comment { margin-bottom: 8px; } #PageDiscussions .feed .posts li .post .text .detail { white-space: normal; margin-bottom: 0; } #PageDiscussions .feed .posts li .post .text .detail p { margin-bottom: 0; } #PageDiscussions .feed .posts li .post .text .detail p { margin-bottom: 0; } #PageDiscussions .feed .more { line-height: 12px; margin: 30px 15px 20px 15px; } .feed #DiscussionEdit { margin-right: 15px; } .feed #DiscussionEdit .cke_chrome { border: 0; padding: 0; margin-bottom: 5px; } /***** My Home Page *****/ #PageMyHome {min-width: 1020px} #PageMyHome #MainContentIE6MinWidthProp {_width: 1020px !important} /* IE6 fixes */ #PageMyHome .pageWrapper{display:inline-block;width:auto;-webkit-box-shadow: 0 0 25px rgba(152,152,152,0.4);box-shadow: 0 0 25px rgba(152,152,152,0.4);border-right: 0px solid #fff;} #PageMyHome select {border:solid 1px #b1b1b1;} /*#PageMyHome .title { color: #fff; }*/ /*Hidden by Andrew - 2012-07-15 - Is being inherited by the To Do List page*/ #PageMyHome .area .header { background: #DBDBDB; height: 32px; padding: 0 10px 0 ; margin-bottom: 5px; position:relative;zoom:1} #PageMyHome .area .header .title { font-weight: bold; font-size: 14px; line-height: 32px; vertical-align: middle;float:left; } #PageMyHome .area .header .toolbar {position:absolute;right:6px;top:6px;} #PageMyHome .area .header .toolbar a {float:left;background:url(/images/taskbar/project-max-on.gif);height:20px;width:19px;text-indent:-9999px;} #PageMyHome .area .header .toolbar a.min{background:url(/images/taskbar/project-min-on.gif);} #PageMyHome .area .header .content {float:right;margin-top:5px;} #PageMyHome .area .body{overflow:hidden;padding-left:10px;} * html #PageMyHome .area .header * {zoom:1;} * html #PageMyHome .area .header .content {display:inline;} * html #PageMyHome .area .header .content a {float:none !important;} #PageMyHome .pager { color: #7c7c7d; font-weight: bold; font-size: 12px; overflow: hidden; border-top: solid 1px #d1d1d1; margin-top:5px; } #PageMyHome .pager .nav { float: right; } #PageMyHome .pager .nav * { float: left; height: 20px; line-height: 20px; vertical-align: middle; } #PageMyHome .pager a { background: url(/images/myhome/myhome-sprite.png) -88px 2px; width: 20px; } #PageMyHome .pager a.previous { background-position: -71px 2px; } * html #PageMyHome .pager a { background-image: url(/images/myhome/myhome-sprite.gif)} #PageMyHome .t-grid table { width: 100%; } #PageMyHome .t-grid tfoot { display: none; } #PageMyHome .t-grid th { border: solid 1px #d1d1d1; border-width: 1px 0; text-align: left; } #PageMyHome .t-grid th a.t-link, .t-grid th { color: #929292; font-weight: normal; font-size: 11px; } #PageMyHome #Actions { float: left; width: 525px; padding: 0 12px; } #PageMyHome #Communications { float: left; width: 380px; padding: 0 12px; border-left:1px solid #CECFCE;} #PageMyHome #Communications .header .content {position:relative;} /* position content section absolutely to overcome floating problems with IE */ #PageMyHome #Communications .header .content input {position:absolute; width: 100px;border: 1px solid #B1B1B1;} #PageMyHome #Communications .header .content .fakeDisplay {position:absolute;width:90px;cursor:pointer;} #PageMyHome #Communications .header .content .usersDisplay {right:39px;} #PageMyHome #Communications .header .content a {position:absolute;height:19px;width:18px;} #PageMyHome #Communications .header .content .fakebutton {background: url(/images/common/btndropdown.gif);} #PageMyHome #Communications .header .content .users {right:22px;} #PageMyHome #Communications .header .content .settings {right:0px;background: url(/images/myhome/btn-settings.png);} #PageMyHome #Users { float: left; width: 60px; color: #545554; padding-left: 5px; } #PageMyHome #Users .profile { margin-bottom: 15px; } #PageMyHome #Users .profile .title { display: block; text-align: right; font-size: 13px; margin-bottom: 20px; } #PageMyHome #Users .profile img { border: solid 1px #ccc; width: 50px; padding:3px; margin-left:1px; background:#fff; } #PageMyHome #Users .profile a.upload {background: url(/images/myhome/changeimage.gif);display:block;height:17px;padding-left:8px;font-size:11px;color:#656565;line-height:17px;vertical-align:middle;text-decoration:underline; } /***** users *****/ #PageMyHome #Users .list #UserContainer {height:356px;overflow:hidden;zoom:1} #PageMyHome #Users .list .title { display: block; border-bottom: solid 1px #ccc; font-weight: bold; font-size: 12px;margin-bottom:7px;} #PageMyHome #Users .list ul { margin: 0; padding:0;position:relative;top:0;overflow:hidden;} #PageMyHome #Users .list li { margin: 0; padding: 7px; list-style: none; color: #747272; font-size: 11px; float: left; width: 60px; text-align: center;height:75px;overflow:hidden; } #PageMyHome #Users .list li img { max-width: 50px; max-height: 50px} #PageMyHome #Users .list li img { _width: 50px; _height: 50px} #PageMyHome #Users .list li span {display: block;} #PageMyHome #Users .list .actions {border-top:solid 1px #ccc;overflow:hidden;} #PageMyHome #Users .list .actions a{color:#018dfe;font-size:10px;float:right} #PageMyHome #Users .list .actions span{font-size:9px;line-height:12px;vertical-align:middle;padding-left:3px;} #PageMyHome #Users .list #UserContainer {position:relative } /*HACK:IE*/ /***** tasks *****/ #PageMyHome #Tasks .header .content {position:relative;} /* position content section absolutely to overcome floating problems with IE */ #PageMyHome #Tasks .header .content input {position:absolute; width: 100px;border: 1px solid #B1B1B1;} #PageMyHome #Tasks .header .content .fakeDisplay {position:absolute;width:90px;cursor:pointer;} #PageMyHome #Tasks .header .content .resourcesDisplay {right:169px;} #PageMyHome #Tasks .header .content .tasksDisplay {right:288px;} #PageMyHome #Tasks .header .content a {position:absolute;height:19px;width:18px;} #PageMyHome #Tasks .header .content .fakebutton {background: url(/images/common/btndropdown.gif);} #PageMyHome #Tasks .header .content .resources {right:152px;} #PageMyHome #Tasks .header .content .tasks {right:271px;} #PageMyHome #Tasks .header .content .settings {right:0px;background: url(/images/myhome/btn-settings.png);} #PageMyHome #Tasks .header .content .searchInput {right:45px;} #PageMyHome #Tasks .header .content .search {right:25px;background: url(/images/common/icosearch.gif);} #PageMyHome #Tasks #TaskList input {font-size:11px;} #PageMyHome #Tasks #TaskList td { border-bottom: solid 1px #E9E9E9; padding: 1px; } #PageMyHome #Tasks #TaskList .t-grouping-header { display: none; } #PageMyHome #Tasks #TaskList thead { display: none; } #PageMyHome #Tasks #TaskList p { padding: 0; margin: 0; } #PageMyHome #Tasks #TaskList .t-grouping-row { font-weight: bold; font-size: 12px; color: #0a67af; } #PageMyHome #Tasks #TaskList .t-grouping-row p { cursor:pointer; width:280px;} #PageMyHome #Tasks #TaskList .t-grouping-row td { padding-top: 10px; } #PageMyHome #Tasks #TaskList .t-grouping-row td span { font-size:10px;color:#929292;font-weight:normal; } #PageMyHome #Tasks #TaskList .t-groupcell { width: 7px; border: none; } #PageMyHome #Tasks #TaskList .title { color: #3c3c3c; font-weight: bold;padding-right:4px; cursor:pointer; } #PageMyHome #Tasks #TaskList .taskColumnPercentHeader { color: #3c3c3c; font-weight: bold;text-align:right; } #PageMyHome #Tasks #TaskList .taskColumnPercentHeader input { text-align:right; width:34px;margin-right:7px; } #PageMyHome #Tasks #TaskList .taskColumnActualHeader { color: #3c3c3c; font-weight: bold;text-align:right; } #PageMyHome #Tasks #TaskList .taskColumnActualHeader input { text-align:right; width:55px; } #PageMyHome #Tasks #TaskList .date { color: #595959; font-size:11px;} #PageMyHome #Tasks #TaskList a.activenote { background: url(/images/myhome/myhome-sprite.png) -282px -71px; display: block; height: 18px; width: 18px; margin-left:3px;} #PageMyHome #Tasks #TaskList a.inactivenote { background: url(/images/myhome/myhome-sprite.png) -312px -71px; display: block; height: 18px; width: 18px; margin-left:3px;} #PageMyHome #Tasks #TaskList a.activedocument { background: url(/images/myhome/myhome-sprite.png) -343px -71px; display: block; height: 18px; width: 18px; margin: 0px 3px;} #PageMyHome #Tasks #TaskList a.inactivedocument { background: url(/images/myhome/myhome-sprite.png) -367px -71px; display: block; height: 18px; width: 18px; margin: 0px 3px;} #PageMyHome #Tasks #TaskList .displaySettingsMarker { cursor:pointer;} #PageMyHome #Tasks #TaskList .taskColumnHeader {text-align:center;} #PageMyHome #Tasks #TaskList .taskColumnDateHeader {text-align:right;} #PageMyHome #Tasks .pager { border: none; } #PageMyHome #Tasks .empty {font-size:12px;color:#aaa;padding:7px 15px;} #PageMyHome #Tasks .empty a{font-size:12px;color:#0395DD;text-decoration:underline;} #PageMyHome #TaskNotesUpdate input {width:30px;text-align:center;} #PageMyHome #TaskNotesUpdate .note {clear:left;padding:10px 65px 0 65px;font-size:12px;font-style:italic; } #PageMyHome #TaskNotesUpdate form span {display:inline-block;width:65px;} #PageMyHome #TaskNotesUpdate form div {margin-bottom:3px;} #PageMyHome #TaskNotesUpdate textarea {width:334px; height:200px;} #PageMyHome .TaskSelections ul{margin:0;padding:0;max-height:155px;overflow-y:auto;} #PageMyHome .TaskSelections .offset{margin-left:20px;} #PageMyHome .TaskSelections li{list-style:none;display:block;overflow:hidden;margin:0;padding:0;} #PageMyHome .TaskSelections input[type=checkbox] { margin-left: 0; } #PageMyHome #TaskSettings .settingsOption { height:40px; } #PageMyHome #TaskSettings .long { height:80px; margin: 10px 0;} #PageMyHome #TaskSettings .settingsOption .title { position:absolute; float:left; width:70px; height:50px; padding-top:2px;} #PageMyHome #TaskSettings .settingsOption span { font-family:Arial, sans-serif; font-size:13px; font-weight:bold; color:#444;} #PageMyHome #TaskSettings .settingsOption .detail { position:absolute; float:left; margin-left:80px; width:100px; height:50px;} #PageMyHome #TaskSettings .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #PageMyHome #TaskSettings .clearfix {display: block;} #PageMyHome #TaskSettings p { margin: 0; } /*** WhatsHappening ***/ #PageMyHome #WhatsHappening .header .settings {background: url(/images/myhome/btn-settings.png);} /* Hides from IE-mac \*/ * html #PageMyHome #TaskSettings .clearfix {height: 1%;} #PageMyHome #TaskSettings .clearfix {display: block;} /* End hide from IE-mac */ #PageMyHome #PMGridPopup.tasks .body{padding-left:20px;} #PageMyHome #PMGridPopup.tasks .resources label{display:block;margin-bottom:5px;} #PageMyHome #PMGridPopup.tasks .notes label{margin-bottom:5px;} #PageMyHome #PMGridPopup.tasks .notes span {display:block;max-height:250px; overflow:hidden;} * html #PageMyHome #TasksResources ul{height:155px;} * html #PageMyHome #Tasks #TaskList a.edit { background-image: url(/images/myhome/myhome-sprite.gif)} * html #PageMyHome #PMGridPopup.tasks .notes span {height:250px;} /***** messages *****/ #PageMyHome #Messages .header {} /*#PageMyHome #Messages .header a.refresh { height: 22px; width: 22px; background: url(/images/myhome/myhome-sprite.png) -2px -3px; display:block; }*/ #PageMyHome #Messages a.add { display: block; height: 16px; width: 50px; float:left; background: url(/images/myhome/myhomeadd.png) no-repeat; margin: 3px 0; margin-bottom: 5px; } #PageMyHome #Messages a.delete { height: 16px; width: 50px; display:none; float:left; background: url(/images/myhome/myhomedelete.png) no-repeat; margin: 3px 0 0 5px; margin-bottom: 5px; } #PageMyHome #Messages thead { display: none; } #PageMyHome #Messages #MessageText { border: solid 1px #ccc; width: 354px; font-size: 12px; background: #fff; padding: 2px;height:20px;line-height:19px;margin-bottom:3px; } #PageMyHome #Messages #MessageList { border-top: solid 1px #ccc;} #PageMyHome #Messages #MessageList span.author { color: #858484; font-size: 11px; } #PageMyHome #Messages #MessageList span.date { color: #3f3f3f; font-size: 11px; padding-right: 5px; } #PageMyHome #Messages #MessageList td {line-height:12px;padding-left:4px;} #PageMyHome #Messages span.message { font-size: 12px; line-height:14px;font-weight: bold;color:#0a67af ;cursor:pointer;display:block;width:380px;padding-top:5px;} #PageMyHome #Messages span.message a {text-decoration:underline; color:#006DC4 ; } #PageMyHome #Messages span.message a:hover {text-decoration:none;} /***** discussions *****/ #PageMyHome #Discussions { position: relative; } #PageMyHome #Discussions .body {padding-left:0} #PageMyHome #Discussions tbody td { height: 20px; vertical-align: middle; } #PageMyHome #Discussions .pager { border-bottom: solid 1px #ccc; } #PageMyHome #Discussions .t-alt { background: #F5F5F5; } #PageMyHome #Discussions .t-state-selected { background-color: none; } #PageMyHome #Discussions .t-state-hover { border-color: #828282; background-color: #d0f0ff} #PageMyHome #Discussions .t-header { border-top: none; } #PageMyHome #Discussions #DiscussionList span.title {padding-left:4px; color: #0395DD; font-weight: bold; text-decoration: underline; cursor: pointer; } #PageMyHome #Discussions #DiscussionList span.unread { color: #378707; } #PageMyHome #Discussions span.popup { display: none; position: absolute; background: #c6eaff; padding: 5px; border: solid 1px #50a9ee; max-width: 300px; color: #00184a; font-size: 12px; left: 0; } #PageMyHome #Discussions span.popup span { display: block; width: 13px; height: 8px; position: absolute; background: url(/images/myhome/myhome-sprite.png) -183px -3px; bottom: -7px; right: 50%; } #PageMyHome #Discussions .empty {font-size:12px;color:#aaa;padding:7px 15px;} #PageMyHome #PMGridPopup.discussions .body{padding-left:20px;} #PageMyHome #PMGridPopup.discussions .discussionTitle label{display:block;margin-bottom:5px;} * html #PageMyHome #Discussions .pager { zoom:1 } #ToDoContainer .lists{float:left;width:200px;padding:15px 0 0;background:#fff;height:523px} #ToDoContainer .items{float:left;width:780px;padding:25px 0 0;margin-left:-1px;height:513px} #ToDoContainer .btn {margin:0 0 14px 13px;} #ToDoContainer .lists ul, #ToDoContainer .lists li {padding:0;margin:0;list-style:none;} #ToDoContainer .lists ul {width:100%; max-height:483px; overflow-x:hidden; overflow-y:auto;} #ToDoContainer .lists ul li a { display: block; color: #8b8b8b; padding: 10px 12px 10px 15px; } #ToDoContainer .lists ul li a span { display: inline-block; word-break: break-word; max-width: 90%; } .msie8 #ToDoContainer .lists ul li a span { word-break: break-all; } /* IE8 has issues with break-word */ #ToDoContainer .lists ul li a:before { content: '#'; float: right; color: #1ea6f8; font-size:13px;margin-top:1px; } #ToDoContainer .lists ul li a:hover { color:#77C044; } #ToDoContainer .lists ul li.selected a { background: #d2edfe; } #ToDoContainer .lists li:last-child{margin-bottom:10px;} #PageMyHome #ToDo {} #PageMyHome #ToDo .body {} #PageMyHome #ToDo .pager {display:none;} #PageMyHome #ToDo .newItem { padding: 0 0 7px 0;overflow:hidden;zoom:1 } #PageMyHome #ToDo .newItem input { width:450px; float:left; margin:0 5px 15px 25px; } #PageMyHome #ToDo .noItemsMsg { clear: both; padding-top: 8px; font-style:italic; } #PageMyHome #ToDo #ToDoItemList {width:100%;max-height:465px;overflow-y:auto;} #PageMyHome #ToDo #ToDoItemList table {margin-bottom:10px;} #PageMyHome #ToDo #ToDoItemList thead {display:none;} #PageMyHome #ToDo #ToDoItemList tr.t-alt { background-color: transparent; } #PageMyHome #ToDo #ToDoItemList a.delete { margin-right:25px;} #PageMyHome #ToDo #ToDoItemList td {padding:2px 0; height: 28px; vertical-align: top;} /* Need to hard-code the height so it doesn't jump when we switch from read-only to edit mode */ #PageMyHome #ToDo #ToDoItemList td.title span { cursor: pointer; word-wrap: break-word; display: block; width: 670px; } #PageMyHome #ToDo #ToDoItemList td.title input { display:none; width: 670px; } #PageMyHome #ToDo #ToDoItemList tr td.complete{ padding-left:25px; background-image: -webkit-linear-gradient(0deg,#f5f5f5 0,#fff 100%); background-image:-ms-linear-gradient(0deg,#f5f5f5 0,#fff 100%); -webkit-background-size:15px 100%; background-size:15px 100%; background-repeat:no-repeat; } #PageMyHome #ToDo #ToDoItemList tr.t-alt td.complete{background-image:-webkit-linear-gradient(0deg,#f5f5f5 0,#fff 100%);background-image:-ms-linear-gradient(0deg,#f5f5f5 0,#fff 100%)} #PageMyHome #ToDo #ToDoItemList td.complete input { margin-top: 1px; } #PageMyHome #ToDo #ToDoItemList tr.complete td.title span { text-decoration: line-through; color: #929292; font-weight: normal; } #PageMyHome #ToDo #ToDoItemList td.t-last { text-align:right; } #PageMyHome #ToDoListsManage {display:none;min-height:80px;} #PageMyHome #ToDoListsManage label { display: block; margin-bottom:5px; } #PageMyHome #ToDoListsManage input { width: 200px; } #PageMyHome #ToDoListsManage .header a.button { margin: -1px 0 0 5px; } #PageMyHome #ToDoListsManage .body { margin-top: 15px;} #PageMyHome #ToDoListsManage .body thead { display: none; } #PageMyHome #ToDoListsManage .body .t-last { width: 30px; } #PageMyHome #ToDoListsManage .body a.delete { margin-left: 5px; } #PageMyHome #ToDoListsManage .body table { width: 230px; margin: 1px 0; } #PageMyHome #ToDoListsManage .body td.title { text-align: right; padding-bottom:3px; } #PageMyHome #ToDoListsManage .body #ToDoListList { overflow-y: auto; overflow-x: hidden; max-height: 152px;} #PageMyHome #ToDoListsManage .actions {zoom:1} #PageSecurity #RolesManage .body thead { display: none; } #PageSecurity #MantainRoleList td.t-last { width: 4%; text-align:right; } #PageSecurity #RolesManage {display:none;min-height:80px;} #PageSecurity #RolesManage label { display: block; margin-bottom:5px; } #PageSecurity #RolesManage .header { overflow:hidden; } #PageSecurity #RolesManage .header input { width:170px; } #PageSecurity #RolesManage .header a.add { margin-left:5px; } #PageSecurity #RolesManage .body { margin-top: 15px;} #PageSecurity #RolesManage .body thead { display: none; } #PageSecurity #RolesManage .body tr input { width: 215px; } #PageSecurity #RolesManage .body tr td { padding-bottom:5px; } #PageSecurity #RolesManage .body tr:last-child td {padding-bottom:0;} #PageSecurity #RolesManage .body .t-last { width: 30px; } #PageSecurity #RolesManage .body a.delete { margin-left: 5px; text-decoration: none; } #PageSecurity #RolesManage .body table { width: 230px; margin: 1px 0; } #PageSecurity #RolesManage .body td.title { text-align: right; } #PageSecurity #RolesManage .body #MantainRoleList { overflow-y: auto; overflow-x: hidden; max-height: 160px;} #PageSecurity #RolesManage .t-alt {background:none;} #PageSecurity .t-grid tfoot { display: none; } #PageResources {padding:0; margin:14px;} #PageResources #MainContent {overflow:hidden;} #PageResources .PanelContainer{float:left;} #PageResources .hideMe {display:none;} #PageResources #Criteria .ui-multiselect { vertical-align: top; } @media screen and (-webkit-min-device-pixel-ratio:0) { #PageResources #Criteria .searchInput {top:22px;left:700px;line-height:16px;font-size:12px;} } #PageResources .TaskSelections ul {margin:0;padding:0;max-height:300px;overflow-y:auto;} #PageResources .TaskSelections .offset {margin-left:20px;} #PageResources .TaskSelections .offset.groupItem {margin-left:40px;} #PageResources .TaskSelections li {list-style:none;display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0;padding:0;} #PageResources #ResourceList {font-size:12px;} #PageResources #ResourceList table {border-collapse:collapse;} #PageResources #ResourceList th {color:#fff;font-weight:normal;text-align:center;border-color: #989898; border-bottom:solid 1px #959595;border:solid 1px #fff;border-top:none; } #PageResources #ResourceList th.name {color:#000;text-align:left;padding:0 0 0 10px;border-left-width:0 !important ;background:#ddd;} #PageResources #ResourceList th .date{background:#0056a7;display:block;font-family:Arial, Sans-Serif;font-weight:bold;} #PageResources #ResourceList th .day{background:#003a70;display:block;color:#b3cde5;} #PageResources #ResourceList th.weekend .date{background:#0094ce;} #PageResources #ResourceList th.weekend .day{background:#007aa9;color:#b2def0} #PageResources #ResourceList td {background:#ddd;border:solid 1px #fff;text-align:left;} #PageResources #ResourceList td.name {width:170px;padding:0 0 0 10px;border-left:none;background:#fff;color:#0395dd;font-weight:bold;} #PageResources #ResourceList td.name span {cursor:pointer;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #PageResources #ResourceList td.weekend {background:#ececec;} #PageResources #ResourceList td div {width:24px;height:24px;} #PageResources #ResourceList td .holy {background:#cdcdcd;} #PageResources #ResourceList td .resholy {background:#FFE14D;cursor:pointer;color:#000;font-size:8pt;text-align:center;line-height: 18pt;} #PageResources #ResourceList td .over {background:#b70101;cursor:pointer;color:gold;font-size:8pt;text-align:center;line-height: 18pt;} #PageResources #ResourceList td .alloc {background:#5bb701;cursor:pointer;color:#ffffe1;font-size:8pt;text-align:center;line-height: 18pt;} #PageResources #ResourceList td.hover .resholy {background:#FFE14D;border:0;} #PageResources #ResourceList td.hover .over {background:#f00000;border:0;} #PageResources #ResourceList td.hover .alloc {background:#00f000;border:0;} #PageResources #ResourceList tr.alt td.name{background:#f5f5f5;} #PageResources #Base {clear:left;} #PageResources #Legend {float:left;} #PageResources #Legend * {line-height:21px;vertical-align:middle;} #PageResources #Legend .item {margin-left:4px;margin-right:4px;} #PageResources #Legend .color {display:inline-block;height:9px;width:9px;background:#5bb701;margin-right:3px;} #PageResources #Legend .over .color {background:#b70101;} #PageResources #Legend .not .color {background:#b4b4b4;} #PageResources #Legend .holiday .color {background:#FFE14D;} #PageResources #Pager {float:right;} #PageResources #Pager a {margin-left:3px;} #PageResources #Pager a.active {background:#fff;} #PageResources #Pager .start span, #PageResources #Pager .end span, #PageResources #Pager .next span, #PageResources #Pager .previous span {opacity:.6;} #PageResources #TaskList {} #PageResources #TaskList div { background:#d3d3d3; } #PageResources #TaskList div div { background:none; } #PageResources #TaskList .tasks {} #PageResources #TaskList .tasks table {width:612px;} #PageResources #TaskList .tasks div.scroller {overflow-x:hidden; overflow-y:auto;max-height:300px;background:#fff;border:1px solid #d3d3d3;} #PageResources #TaskList .tasks div.scroller table { margin-bottom: 8px; } #PageResources #TaskList th {text-align:left;font-size:13px;color:#000;padding:4px 0 4px 8px;} #PageResources #TaskList th.project {width:160px;} #PageResources #TaskList th.task {width:160px;} #PageResources #TaskList th.hours {width:60px;} #PageResources #TaskList th.unassign {width:43px;} #PageResources #TaskList td {padding:8px 0 0 8px;text-align:left;} #PageResources #TaskList td.project {width:160px;text-decoration:underline;color: #0395DD;} #PageResources #TaskList td.task {width:160px;} #PageResources #TaskList td.hours {width:60px;} #PageResources #TaskList td.hours img {padding-left:6px;vertical-align:text-bottom;cursor:pointer;} #PageResources #TaskList td.hours span {display: inline-block; width: 20px;} #PageResources #TaskList td.unassign {text-align:center;width:55px;} #PageResources #TaskList td.reassign {width: 200px;} #PageResources #TaskList td.reassign .ui-multiselect {max-width: 180px;} #PageResources #TaskList td.reassign .filler { display: inline-block; width: 200px; } #PageResources #TaskList td.project a { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 160px; text-decoration:underline;} #PageResources #TaskList td.task { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 160px; } #PageResources #Empty {border:solid 1px #50a9ee;background:#c6eaff;padding:20px;text-align:center;font-size:12px;} #ReportPopup textarea {color:#333; font-size:12px; width:250px; height:100px;} #ReportPopup input {width:250px;} #ReportPopup .Label {text-align:right;} #ReportPopup .LabelTop {vertical-align:top; } #PMPopup.imagePopup {padding:0;border-radius:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:center center no-repeat;-webkit-background-size:cover;background-size:cover;width:372px;height:210px;color:#fff;} #PMPopup.imagePopup #PMPopupTitle {display:none;} #PMPopup.imagePopup .message { text-align: center; margin: 90px 40px 0; font-weight:bold; text-shadow: 0px 0px 8px rgba(248, 97, 30, 1); } #PMPopup.imagePopup .message a {color:#fff;} #PMPopup.imagePopup .message a:hover {text-decoration:underline;} #PMPopup.imagePopup .actions {position:absolute;bottom:28px;width:100%;} #PMPopup.imagePopup .actions a {display:inline-block;width:150px;height:40px;} #PMPopup.imagePopup.reactivate {background-image:url('/Images/NoticeReactivateBgnd.png');} .msie8 #PMPopup.imagePopup.reactivate {background-image:url('/Images/NoticeReactivateBgndLowres.png');} #LockedAccountPopup div {padding-bottom:10px;} #LockedAccountPopup .BtnRedBlue {margin-left:10px;} #AddActualEffort .table-header-footer { width: 100%; background: var(--pmThemeBackground90); } #AddActualEffort .table-header td { line-height: 1em; height: 25px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #AddActualEffort .table-header td.colDate, #AddActualEffort .table-header td.colEffort { border-left: 1px solid var(--pmThemeBackground70); position: relative; left: -1px; } #AddActualEffort .table-header { border-bottom: 1px solid var(--pmThemeBackground70); } #AddActualEffort .table-header-footer td:first-child, #AddActualEffort #TaskTimesheets td:first-child { padding-left: 10px !important; } #AddActualEffort .table-footer td { padding-bottom: 10px; padding-top: 10px; } #AddActualEffort .table-footer td.colEffort { padding-right: 79px; text-align: right; } #AddActualEffort .table-footer td.colDate { text-align: right; } #AddActualEffort .table-footer td.colDate span { display: inline-block; padding-right: 10px; } #AddActualEffort #TaskTimesheets tr:first-child td { padding-top: 10px !important; } #AddActualEffort #TaskTimesheets tr:last-child td { padding-bottom: 10px !important; } #AddActualEffort .colResource { width: 205px; } #AddActualEffort .colDate { width: 138px; } #AddActualEffort .colActions { text-align: right; } #AddActualEffort .colActions a { margin-right: 10px; } #AddActualEffort .colActions a:hover { color: var(--pmThemeForeground); } #AddActualEffort .contents { background: var(--pmThemeBackground); max-height: 260px; overflow-y: auto; } #AddActualEffort .contents table { width: 100%; } #AddActualEffort .header {background: none repeat scroll 0 0 #108BCE; font-weight:bold;color:#fff;} #AddActualEffort .info { margin-bottom: 5px; text-transform: uppercase; color: var(--pmThemeForeground50); font-size: 12px; } #AddActualEffort .pm-datepicker input { width:80px; } #AddActualEffort .colEffort input, #AddActualEffort input.inputMarker { padding-left: 0; padding-right: 0; width: 30px; text-align: center; vertical-align: initial; } #AddActualEffort .inputHrs { vertical-align: initial; } #AddActualEffort #AddEffort { margin-top: 12px; margin-bottom: 20px; padding: 5px; } #AddActualEffort td.hours, #AddActualEffort #TaskTimesheets td.colDate, #AddActualEffort #TaskTimesheets td.colEffort { color: var(--pmThemeForeground50); font-size: 12px; } #AddActualEffort #TaskTimesheets td.colEffort { padding-top: 2px; padding-bottom: 2px; } #AddActualEffort .table-header td { color: var(--pmThemeForeground50); font-size: 12px; text-transform: uppercase; } #AddActualEffort #DisplayEffort, #AddActualEffort #Summary { border: 1px solid var(--pmThemeBackground70); } #AddActualEffort #DisplayEffort { margin-top: 20px; border-bottom: 0; font-size: 12px; } #DisplayEffort .info { margin: 15px 0 5px 0; } #DisplayEffort .info span { display: none; } .actualEffortPopup .actions, .pm-taskpopup-actualeffort .actions { text-align: left !important; } .pm-taskpopup-actualeffort .actual-hours-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pm-taskpopup-actualeffort .actual-effort-upsell-section { padding-left: 5px; display: inline-block; } .pm-taskpopup-actualeffort .actual-effort-upsell-section .actual-effort-upsell-popover { position: absolute; top: -40px; left: 10px; width: 220px; padding: 7px; background-color: var(--pmThemePopoverBackground); border: var(--pmThemePopoverBorder); -webkit-box-shadow: var(--pmThemePopoverShadow); box-shadow: var(--pmThemePopoverShadow); border-radius: var(--pmThemePopoverCorner); font-size: 14px; } .pm-taskpopup-actualeffort .actual-effort-upsell-section .actual-effort-upsell-popover.hide { display: none; } .pm-taskpopup-actualeffort .actual-effort-upsell-section .actual-effort-upsell-popover .upsellEditionLabelResourceTooltip { text-decoration: none; cursor: pointer; color: #00D3C3; margin-right: 3px; font-size: 14px; } .pm-taskpopup-actualeffort .actual-effort-upsell-section .actual-effort-upsell-popover .upsellEditionLabelResourceTooltip:hover { color: #61F0CD; } .pm-taskpopup-actualeffort .popop-clickable-background { height: 100%; position: absolute; width: 100%; top: 10px; } .ui-multiselect.ae span { display: inline-block; max-width: 88%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ui-multiselect.ae .ui-multiselect-checkboxes { padding: 0 !important; } .ui-multiselect-menu.ae input[type=radio]+label { margin-left: 6px !important; } .ui-multiselect-menu.ae input[type=radio]+label:before { display: none !important; } #TopAddEffort select { width:180px; margin: 0; } #TopAddEffort table { width: 100%; } #TopAddEffort table td { padding: 0; } #TopAddEffort table td#AddAction { text-align: right; padding-left: 16px; } #TopAddEffort table td.dateMarker { padding-left: 28px; padding-right: 18px; } #Summary .totals { margin-top: 15px; } #Summary .totals div { display: inline-block; float: left; width: 28%; margin-right: 2%; border-radius: 3px; padding: 2%; background: #eee; } #Summary .totals div:last-child { margin-right: 0; } #Summary .totals div em { display: block; font-style: normal; opacity: .35; } #Summary .totals div span { display: block; font-size: 16px; } #TaskTimesheets {color:#000;} #InfoMessage { padding: 10px; margin: 0 0 20px; background-color: var(--pmThemeBackground70); } #PMPopupContent #TaskTimesheets td { padding: 5px 0; } #TaskTimesheets select { width: 180px; } #NewResources .confirm {float:left;display:inline;} #DefaultOpenProject .leftPanel { } #DefaultOpenProject #Top1 {padding-bottom:15px;} #DefaultOpenProject #projectList {max-height:375px; overflow-y:auto; overflow-x:hidden; width:375px; border: 1px solid #D3D3D3; border-radius:2px;} #DefaultOpenProject .leftPanel #tableProjects { width: 100%;line-height: 1.5;padding: 5px;} #DefaultOpenProject .leftPanel #projectsFilter {width: 250px;} #DefaultOpenProject .leftPanel select {width: 110px;} #DefaultOpenProject #taskDetails {background-color:#fff; margin-left:5px; width:250px;height:375px;} #DefaultOpenProject #tableProjects span { color: #1ea6f8; } #DefaultOpenProject #tableProjects span:hover { color: #77C044; } #DefaultOpenProject #projectList {background-color:#fff;} #DefaultOpenProject #projectList td span {cursor:pointer;} #AddNewUsers select { width:150px; height: 1.85em; border:1px solid #ccc;} #AddNewUsers input[type='text'] { width:160px; border:1px solid #ccc;} #AddNewUsers input[type='checkbox'] { width:30px; } #AddNewUsers input, #AddNewUsers select { margin: 0.5em 0; } #AddNewUsers #NewResources td { border-top: 1px solid #eee; } #AddNewUsers .header td { padding-bottom: 5px !important; } #AddNewUsers #AddAction { padding-top: 10px; } #CreateTask h2 { font-size: 12px; font-weight: normal; color: #1ea6f8; margin: 0 0 5px 0; } #CreateTask input.disabled {background-color: #f3f3f3;} #CreateTask .ui-multiselect.myTasks { margin-left: 0; min-width: 266px; max-width: 266px; } #myTasks .ui-multiselect-menu.myTasks {min-width: 165px; max-width: 265px;} #CreateTask input {width:252px;} #CreateTask .pm-datepicker input {width:100px;} #CreateTask #projectList {width:260px; overflow-y:auto; overflow-x:hidden; height:250px; padding: 2px; margin: 5px 0 0 0; border: 1px solid #D3D3D3; background-color:#fff; border-radius:2px; } #CreateTask #projectList td {width:300px; padding: 4px 5px;} #CreateTask #projectList span {width:240px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;} #CreateTask #projectList tr span:hover {color:#77C044;cursor:pointer;} #CreateTask #projectList tr.t-state-selected span {color:#1ea6f8;} #CreateTask input.narrow {width:98px;} #CreateTask .leftPanel {float:left; margin:0 0 15px 0; width: 328px; } #CreateTask .rightPanel {float:left; width: 270px;} #CreateTask #taskDetails td { min-width: 60px; color: #000; padding: 1px 0; } #CreateTask #taskDetails img { border: 0; margin: 0 0 -2px 3px; } #CreateTask #actions { margin: 15px 0 0 0; text-align: center; } #CreateTask #actions a { display: inline-block; margin-left: 2px; } #TaskSettings .label {width:45%} #TaskSettings .input {width:52%} #addEvent .label {width:17%} #addEvent .input {width:80%} .pmPopup.deleteProjectPopup #PMPopupTitle .close, .pmPopup.uploadUserProfilePopup #PMPopupTitle .close, .pmPopup.createTaskPopup #PMPopupTitle .close { display: none !important; } .pmPopup.helpPopup {padding: 0;} .pmPopup.helpPopup #PMPopupTitle {display:none;} .pmPopup.helpPopup .actions{position: absolute;left: 250px;bottom: 20px;} .pmPopup.upgrade .infoBox.selectList { padding: 0 !important; border: 0 !important; overflow-x: hidden; } .pmPopup.upgrade .comparisonList li { width: 930px; } .pmPopup.upgrade .comparisonList li div { float: left; width: 8%; text-align: center; } .pmPopup.upgrade .comparisonList li div.feature { width: 19%; text-align: left; } .pmPopup.upgrade .comparisonList.header { height: 42px; } .pmPopup.upgrade .comparisonList.header div { padding-top: 6px; } .pmPopup.upgrade .comparisonList.body { } .pmPopup.upgrade .comparisonList.body li { overflow: hidden; } .pmPopup.upgrade .comparisonList.body li div { padding: 4px 0; border-top: 1px solid #eee; } .pmPopup.upgrade .comparisonList.body li.sectionTitle { margin-top: 15px; } .pmPopup.upgrade .comparisonList.body li.sectionTitle div { margin-top: 0; } .pmPopup.upgrade .comparisonList.body li div.tick { background: center center no-repeat url(/Images/MyHome/icons/tick.png); text-indent: -9999px; overflow: hidden; } /*padding div to give body min width in ie6 * html #IE6MinWidthPadder {} #IE6MinWidthPadder{border:solid 4px red;border-color:expression( document.body.clientWidth < 800 ? "red" : "green");} */ #PageHeaderMinimal { height: 80px; background-repeat: no-repeat; } #PageHeaderMinimal .PMLogo { position: absolute; top: 12px; left: 5px; } #PageHeaderMinimal .PMLogo { position: absolute; top: 12px; left: 5px; } #PageHeader { height: 80px; background: #002e62; background-image: url(/images/header_bg2.png); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: right; } #PageHeader #WalkMe { position: absolute; left: 50%; width: 1px; } #PageHeader a.UserSignUp { background: url('/images/signup.png'); position: absolute; width: 169px; height: 52px; left: 45%; z-index: 10; } #PageHeader a.FreeTrial { background: url('/images/freetrial.png'); position: absolute; width: 166px; height: 52px; left: 45%; z-index: 10; } #PageHeader .guiRedirect{position:absolute;left:40%;color: #fff; margin-top: 14px;} #PageHeader .guiRedirect a { display: inline-block; color: #fff; padding: 0.2em 0.5em; border: 1px solid rgba(255,255,255,0.5); border-radius: 2px; margin-left: 1em; } #PageHeader .guiRedirect a:hover { border-color: #fff; } #PageHeader #PageHeader_Links { float: right; margin: 19px 21px 0 0; color: #6CD5FC; font-size: 12px; text-align: right; } #PageHeader #PageHeader_Links a { margin-left: 5px; color: #fff; padding: 5px 11px; border: 1pt solid rgba(255,255,255,0.5); border-radius: 2px; font-size: 11px; } #PageHeader #PageHeader_Links a:hover { background: #327cda; } #PageHeader #PageHeader_Links a#hypRequestFeature, #PageHeader #PageHeader_Links a#hypLogout { display: none; } #PageHeader #CallMe { width: 55px; height: 51px; float: right; background-image: url('/images/callme.png'); cursor: pointer; } #PageHeader .PMLogo { cursor: pointer; position: absolute; top: 17px; left: 16px; height: 23px; width: 189px; } * html #PageHeader a.UserSignUp { background: url('/images/signup.gif'); position: absolute; width: 163px; height: 49px; left: 45%; z-index: 10; } #PageHeader .CompanyBranding { color: #fff; font-size: 19px; line-height: 1em; font-weight: 300; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 17px 0 0 18px; } /* max-width is only temporary, while we have the .guiRedirect message on */ #PageHeader .CompanyBranding span { line-height: normal; } #CheckList_Launcher { color: #fff; font-size: 0.8em; font-weight: bold; border: none 1px green; padding-top: 2px; } #CheckList_Launcher > a { margin: 3px; width: 15px; height: 14px; display: block; margin-top: 2px; background: url('/images/checklist/launcher.gif'); float: left; } #CheckList_Launcher > span { float: left; } .CheckListLauncher { display: none; } #CheckList_Top { width: 152px; height: 3px; background: url('/images/checklist/top.png') no-repeat; } #CheckList_Bottom { width: 152px; height: 9px; background: url('/images/checklist/bottom.png') no-repeat; } #CheckList_Body a { display: block; background: #ADE5FF; padding: 3px; color: #0C153A; font-size: 0.9em; font-weight: bold; } #CheckList_Body { background: url('/images/checklist/checklistbg.png'); padding: 2px 8px 2px 5px; white-space: nowrap; } #RequestCall .subTitle { height: 25px; font-size: 12px; } #RequestCall .subTitle input { width: 13px; margin: 0px; } #RequestCall .subTitle .prompt { padding-right: 20px; } #RequestCall .subTitle .callMarker { cursor: pointer; } #RequestCall .subTitle .demoMarker { cursor: pointer; } #RequestCall .subTitle .trainingMarker { cursor: pointer; } #RequestCall .label { font-weight: bold; } #RequestCall input { width: 210px; } #telephonePopup table { margin-left: 10px; border-collapse: separate; border-spacing: 5px 10px; } #telephonePopup .actions { padding: 10px 0 0 0; } /* Can't make this part of the
list so we'll have to absolutely position it separately */ #MainMenuButton { position: absolute; top: 54px; left: 14px; width: 22px; height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; display: inline-block; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #fff; cursor: pointer; z-index: 300; } #MainMenuButton span:before { font-size: 10px; display: inline-block; width: 22px; height: 26px; line-height: 27px; } #MainMenuButton:hover, #MainMenuButton.Active { background: none; color: #1ea6f8; } /*min width required due to absolute position therefore does not get min width from body*/ #TabsBar { font-size: 14px; position: absolute; left: 50px; top: 54px; right: 20px; min-width: 922px; white-space: nowrap; overflow: visible; } .ProjectBar td { vertical-align: top; white-space: nowrap; height: 25px; } .ProjectBar dl { margin: 0; padding: 0; z-index: 5; } .ProjectBar dd { display: block; margin: 0 1px 0 0; padding: 0; white-space: nowrap; vertical-align: top; float: left; background: rgba(30,166,248,0.5); border-top-left-radius: 2px; border-top-right-radius: 2px; } .msie8 .ProjectBar dd { background: #0f74c5; } .ProjectBar dd a { display: inline-block; color: #fff; padding: 6px 19px 0; height: 20px; } .ProjectBar dd.NewProject a { padding: 6px 10px 0 10px; } .ProjectBar dd.HomeTab a, .ProjectBar dd.PortfolioTab a { padding: 6px 9px 0 9px; } .ProjectBar dd.Closeable a.Name { padding-right: 6px; } .ProjectBar dd.welcome-tab.Closeable a.Name { padding-right: 19px; } .ProjectBar dd.Closeable { position: relative; padding-right: 12px; } .ProjectBar dd.welcome-tab.Closeable { padding-right: 0; } .ProjectBar dd.Closeable a.CloseButton { position: absolute; top: 6px; right: 7px; font-size: 8px; padding: 0; } .ProjectBar dd.Closeable a.CloseButton:before { content: ""; } .ProjectBar dd.Closeable.hover a.CloseButton:before { content: attr(data-icon); } .ProjectBar dd.welcome-tab.Closeable a.CloseButton { display: none; } .ProjectBar dd.Closeable a.CloseButton:before { line-height: 16px; } .ProjectBar dd.Closeable a.CloseButton:hover { } .ProjectBar dd.HomeTab, .ProjectBar dd.PortfolioTab { background: #1ea6f8; } .ProjectBar dd.NewProject { background: #77C044; } .ProjectBar dd.welcome-tab { background: #1ea6f8; } .ProjectBar dd.welcome-tab a { color: #fff; } .ProjectBar dd.Active.welcome-tab { background: #f3f3f3; } .ProjectBar dd.Active.welcome-tab a { color: #6a6a6a; } .ProjectBar dd.NewProject span:before { font-size: 8px; margin-right: 5px; } .ProjectBar dd.Active { background: #fff; } .ProjectBar dd.Active.alt-tab-color { background: #f3f3f3; } .ProjectBar dd.Active a { color: #6a6a6a; } .ProjectBar dd.Arrow a { font-size: 8px; padding-left: 6px; padding-right: 6px; } .ProjectBar dd.Arrow a:before { display: inline-block; margin-top: 2px; color: #ffffff; } .ProjectBar dd a span { max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1em; } .ProjectBar dd.Arrow.Active a:before { color: #6BD214; } .TabSelector { z-index: 100; width: 281px; position: relative; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 0 25px rgba(152,152,152,0.4); box-shadow: 0 0 25px rgba(152,152,152,0.4); padding: 0; } .TabSelector:after, .TabSelector:before { bottom: 100%; left: 200px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* Left 50% to center */ .TabSelector:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: 54px; } .TabSelector:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #d9d9d9; border-width: 6px; margin-left: 53px; } .TabSelector a { display: block; color: #999; line-height: 30px; padding: 0 0 0 15px; max-width: 175px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .TabSelector a:hover { color: #77C044; } .TabSelector a.Close { float: right; font-size: 8px; margin: 8px 25px 0 0; padding: 0; color: #ddd; } .TabSelector a.Close:hover { color: #333; } .TabSelector #Links { border-top: 1px solid #d9d9d9; padding: 10px 0; } .TabSelector #Links a { display: inline-block; margin-left: 20px; } .TabSelector #TabSelector_Top, .TabSelector #TabSelector_Bottom { display: none; } .TabSelector #pb_pnlTabs.Tabs { max-height: 300px; overflow-y: auto; padding: 10px 0; height: auto; } /* ---------------------------------------END OF PROJECT BAR FORMATTING -------------------------------------------- */ /* page title display the name of the page in a collapeable panel*/ #PageTitle_Expanded { height: 40px; background: url('/images/pagetitle/expandedbg.gif' ) repeat-x; padding: 0px 0 0 0px; } #PageTitle_Expanded .PageTitle { color: #fff; font-size: 1.1em; } #PageTitle_Expanded .PageSubTitle { color: #fff; font-size: 0.8em; } #PageTitle_Expanded img { vertical-align: middle; margin-bottom: 1px; } #PageTitle_Expanded a { height: 40px; width: 19px; float: right; margin-right: 50px; background: url('/images/pagetitle/icocollapse.gif' ) no-repeat; } #PageTitle_Collapsed { display: none; height: 14px; background: url('/images/pagetitle/collapsedbg.gif' ) repeat-x; } #PageTitle_Collapsed a { height: 14px; width: 19px; float: right; margin-right: 50px; background: url('/images/pagetitle/icoexpand.gif' ) no-repeat; } /* ---------------------------------------END OF PAGE TITLE FORMATTING -------------------------------------------- */ #TaskBarController { float: right; margin-top: 7px; width: 40px; } #TaskBarController * { float: right; } * html #TaskBarController { } * html #TaskBarController * { overflow: hidden; } #TaskBarController .State1, #TaskBarController .State1Act, #TaskBarController .State1Inact { margin-right: 2px; width: 19px; height: 20px; background: url('/images/taskbar/project-min-on.gif'); background-repeat: no-repeat; } #TaskBarController .State1Act { background-image: url('/images/taskbar/project-min-on.gif'); } #TaskBarController .State1Inact { background-image: url('/images/taskbar/project-min-off.gif'); } #TaskBarController .State2, #TaskBarController .State2Act, #TaskBarController .State2Inact { margin-right: 2px; Width: 19px; height: 20px; background: url('/images/taskbar/project-min-on.gif'); background-repeat: no-repeat; } #TaskBarController .State2Act { background-image: url('/images/taskbar/project-min-on.gif'); } #TaskBarController .State2Inact { background-image: url('/images/taskbar/project-min-off.gif'); } #TaskBarController .State3, #TaskBarController .State3Act, #TaskBarController .State3Inact { margin-right: 2px; Width: 19px; height: 20px; background: url('/images/taskbar/project-max-on.gif'); background-repeat: no-repeat; } #TaskBarController .State3Act { background-image: url('/images/taskbar/project-max-on.gif'); } #TaskBarController .State3Inact { background-image: url('/images/taskbar/project-max-off.gif'); } #TaskBarController .State4, #TaskBarController .State4Act, #TaskBarController .State4Inact { Width: 19px; height: 20px; background: url('/images/taskbar/project-max-on.gif'); background-repeat: no-repeat; } #TaskBarController .State4Act { background-image: url('/images/taskbar/project-max-on.gif'); } #TaskBarController .State4Inact { background-image: url('/images/taskbar/project-max-off.gif'); } #TaskBarController.Portfolio .State1 { background-image: url('/images/taskbar/portfolio-min-on.gif'); } #TaskBarController.Portfolio .State1Act { background-image: url('/images/taskbar/portfolio-min-on.gif'); } #TaskBarController.Portfolio .State1Inact { background-image: url('/images/taskbar/portfolio-min-off.gif'); } #TaskBarController.Portfolio .State2 { background-image: url('/images/taskbar/portfolio-min-on.gif'); } #TaskBarController.Portfolio .State2Act { background-image: url('/images/taskbar/portfolio-min-on.gif'); } #TaskBarController.Portfolio .State2Inact { background-image: url('/images/taskbar/portfolio-min-off.gif'); } #TaskBarController.Portfolio .State3 { background-image: url('/images/taskbar/portfolio-max-on.gif'); } #TaskBarController.Portfolio .State3Act { background-image: url('/images/taskbar/portfolio-max-on.gif'); } #TaskBarController.Portfolio .State3Inact { background-image: url('/images/taskbar/portfolio-max-off.gif'); } #TaskBarController.Portfolio .State4 { background-image: url('/images/taskbar/portfolio-max-on.gif'); } #TaskBarController.Portfolio .State4Act { background-image: url('/images/taskbar/portfolio-max-on.gif'); } #TaskBarController.Portfolio .State4Inact { background-image: url('/images/taskbar/portfolio-max-off.gif'); } #RenameProject a.hint.iconButton.help { vertical-align: middle; margin-top: 5px; } /* A div that contains all the taskbar states and provides common formatting to each */ /* START OF STATE 1 FORMATTING */ #TaskBarState1 { background: url('/images/taskbar/state1/containerbg.gif' ) repeat-x; height: 38px; overflow: hidden; } #TaskBarState1_Lt { float: left; width: 4px; height: 38px; background: url('/images/taskbar/state1/containerlt.gif'); } #TaskBarState1_Rt { float: right; background: url('/images/taskbar/state1/containerrtv2.gif' ) top right no-repeat; width: 9px; padding: 4px 0 0 0px; height: 34px; } /*#TaskBarState1_Rt2 {float: right;padding: 7px 0 0 0px;margin-right:-1px; width: 45px; height: 20px}*/ #TaskBarState1_Links { margin-top: 6px; } #TaskBarState1_Links a { font-size: 13px; color: #000; padding: 0 0 0 4px; background: url('/images/taskbar/state1/btnlt.gif') no-repeat left top; float: left; } #TaskBarState1_Links span { display: block; height: 22px; padding: 4px 6px 0 4px; background: url('/images/taskbar/state1/btnrt.gif' ) no-repeat right top; } #TaskBarState1_Links td { padding: 0 2px; } #TaskBarState1_Links td.More a { float: none; background: url('/images/taskbar/state1/moretab.gif') no-repeat top center; display: block; margin-left: auto; margin-right: auto; height: 10px; width: 18px; } #TaskBarState1_Links a:hover span { background: url('/images/taskbar/state1/btnrtover.gif' ) no-repeat right; cursor: hand; } #TaskBarState1_Links a:hover { background: url('/images/taskbar/state1/btnltover.gif' ) no-repeat left; text-decoration: none; color: #014478; } #TaskBarState1_Links a.active span { background: url('/images/taskbar/state1/btnrtact.gif' ) no-repeat right; } #TaskBarState1_Links a.active { background: url('/images/taskbar/state1/btnltact.gif' ) no-repeat left; color: #fff; } * html #TaskBarState1 { } * html #TaskBarState1 span { float: left; } * html #TaskBarState1_Links { position: relative; left: -3px; } * html #TaskBarState1_Links a.active:hover span { background: url('/images/taskbar/state1/btnrtact.gif' ) no-repeat right; } * html #TaskBarState1_Links a.active:hover { background: url('/images/taskbar/state1/btnltact.gif' ) no-repeat left; color: #fff; } * html #TaskBarState1_Links td.More a:hover { float: none; background: url('/images/taskbar/state1/moretab.gif') no-repeat top center; display: block; margin-left: auto; margin-right: auto; height: 10px; width: 18px; } /*define the different colors for the portfolio area*/ #TaskBarState1.Portfolio { background: url('/images/taskbar/state1/containerbg_port.gif' ); } #TaskBarState1.Portfolio #TaskBarState1_Lt { background: url('/images/taskbar/state1/containerlt_port.gif'); } #TaskBarState1.Portfolio #TaskBarState1_Rt { background: url('/images/taskbar/state1/containerrt_portv2.gif' ) top right no-repeat; } #TaskBarState1.Portfolio #TaskBarState1_Links a { background: #ccc url('/images/taskbar/state1/btnlt_port.gif' ) no-repeat left top; color: #fff; } #TaskBarState1.Portfolio #TaskBarState1_Links span { background: url('/images/taskbar/state1/btnrt_port.gif' ) no-repeat right top; } #TaskBarState1.Portfolio #TaskBarState1_Links td.More a { float: none; background: url('/images/taskbar/state1/moretab.gif') no-repeat top center; display: block; margin-left: auto; margin-right: auto; height: 10px; width: 18px; } #TaskBarState1.Portfolio #TaskBarState1_Links a:hover span { background: url('/images/taskbar/state1/btnrtover_port.gif' ) no-repeat right; } #TaskBarState1.Portfolio #TaskBarState1_Links a:hover { background: url('/images/taskbar/state1/btnltover_port.gif' ) no-repeat left; } #TaskBarState1.Portfolio #TaskBarState1_Links a.active span { background: url('/images/taskbar/state1/btnrtact_port.gif' ) no-repeat right; } #TaskBarState1.Portfolio #TaskBarState1_Links a.active { background: url('/images/taskbar/state1/btnltact_port.gif' ) no-repeat left; color: #fff; font-weight: bold; } * html #TaskBarState1.Portfolio #TaskBarState1_Links td.More a:hover { float: none; background: url('/images/taskbar/state1/moretab.gif') no-repeat top center; display: block; margin-left: auto; margin-right: auto; height: 10px; width: 18px; } * html #TaskBarState1.Portfolio #TaskBarState1_Links a.active:hover span { background: url('/images/taskbar/state1/btnrtact_port.gif' ) no-repeat right; } * html #TaskBarState1.Portfolio #TaskBarState1_Links a.active:hover { background: url('/images/taskbar/state1/btnltact_port.gif' ) no-repeat left; color: #fff; font-weight: bold; } /* ---------------------------------------END OF STATE 1 FORMATTING -------------------------------------------- */ /* START OF STATE 2 FORMATTING */ #TaskBarState2 { background: url('/images/taskbar/state2/containerbg.gif' ) repeat-x; height: 115px; overflow: hidden; } #TaskBarState2_Lt { background: url('/images/taskbar/state2/containerlt.gif' ); float: left; width: 5px; height: 115px; } #TaskBarState2_Rt { float: right; background: url('/images/taskbar/state2/containerrtv2.gif' ) top right no-repeat; width: 9px; padding: 7px 0 0 0px; height: 108px; border: none 1px green; border-width: 0 1px; } /*#TaskBarState2_Rt2 {float: right;padding: 7px 0 0 0px;margin-right:-1px; width: 45px; height: 20px} */ #TaskBarState2_Ribbon_Lt { float: left; width: 2px; height: 75px; background: url('/images/taskbar/ribbon/outerlt.gif'); } #TaskBarState2_Links { margin: 4px 0 0 0; height: 30px; } #TaskBarState2_Links td { padding-right: 3px; vertical-align: top; } #TaskBarState2_Links a { height: 26px; float: left; padding: 0 0 0 4px; font-size: 13px; color: #000; background: #ccc url('/images/taskbar/state1/btnlt.gif' ) no-repeat left top; } #TaskBarState2_Links span { height: 22px; float: left; display: block; padding: 4px 6px 0 4px; background: url('/images/taskbar/state1/btnrt.gif' ) no-repeat right top; } #TaskBarState2_Links a:hover { background: url('/images/taskbar/state1/btnltover.gif' ) no-repeat left top; text-decoration: none; color: #014478; } #TaskBarState2_Links a:hover span { background: url('/images/taskbar/state1/btnrtover.gif' ) no-repeat right top; cursor: hand; } #TaskBarState2_Links a.active { height: 31px; background: url('/images/taskbar/state2/btnltact.gif' ) no-repeat left top; color: #fff; } #TaskBarState2_Links a.active span { height: 27px; background: url('/images/taskbar/state2/btnrtact.gif' ) no-repeat right top; } * html #TaskBarState2_Links a.active:hover { background-image: url('/images/taskbar/state2/btnltact.gif' ); } * html #TaskBarState2_Links a.active:hover span { color: #fff; background-image: url('/images/taskbar/state2/btnrtact.gif'); } #TaskBarState2_Links td.dashboard a { background: url('/images/taskbar/state2/btnlt_dash.gif' ) no-repeat left top; height: 31px; } #TaskBarState2_Links td.dashboard a:hover { background: url('/images/taskbar/state2/btnltover_dash.gif' ) no-repeat left top; } #TaskBarState2_Links td.dashboard a.active { background: url('/images/taskbar/state2/btnltact_dash.gif' ) no-repeat left top; } * html #TaskBarState2_Links td.dashboard a.active:hover { color: #fff; background: url('/images/taskbar/state2/btnltact_dash.gif' ) no-repeat left top; } #TaskBarState2.Portfolio { background: url('/images/taskbar/state2/containerbg_port.gif' ) repeat-x; } #TaskBarState2.Portfolio #TaskBarState2_Lt { background: url('/images/taskbar/state2/containerlt_port.gif' ); } #TaskBarState2.Portfolio #TaskBarState2_Rt { background: url('/images/taskbar/state2/containerrt_portv2.gif' ); } #TaskBarState2.Portfolio #TaskBarState2_Ribbon_Lt { background: url('/images/taskbar/ribbon/outerlt_port.gif'); } #TaskBarState2.Portfolio #TaskBarState2_Links a { background: url('/images/taskbar/state1/btnlt_port.gif' ) no-repeat left top; color: #fff; } #TaskBarState2.Portfolio #TaskBarState2_Links span { background: url('/images/taskbar/state1/btnrt_port.gif' ) no-repeat right top; } #TaskBarState2.Portfolio #TaskBarState2_Links a:hover { background: url('/images/taskbar/state1/btnltover_port.gif' ) no-repeat left top; } #TaskBarState2.Portfolio #TaskBarState2_Links a:hover span { background: url('/images/taskbar/state1/btnrtover_port.gif' ) no-repeat right top; cursor: hand; } #TaskBarState2.Portfolio #TaskBarState2_Links a.active { background: url('/images/taskbar/state2/btnltact_port.gif' ) no-repeat left top; } #TaskBarState2.Portfolio #TaskBarState2_Links a.active span { background: url('/images/taskbar/state2/btnrtact_port.gif' ) no-repeat right top; } #TaskBarState2.Portfolio #TaskBarState2_Links td.dashboard a { background: url('/images/taskbar/state2/btnlt_dash_port.gif' ) no-repeat left top; } #TaskBarState2.Portfolio #TaskBarState2_Links td.dashboard a:hover { background: url('/images/taskbar/state2/btnltover_dash_port.gif' ) no-repeat left top; } #TaskBarState2.Portfolio #TaskBarState2_Links td.dashboard a.active { background: url('/images/taskbar/state2/btnltact_dash_port.gif' ) no-repeat left top; } * html #TaskBarState2 { } * html #TaskBarState2_Links { position: relative; left: -3px; height: auto; } * html #TaskBarState2.Portfolio #TaskBarState2_Links a.active:hover { background: url('/images/taskbar/state2/btnltact_port.gif' ) no-repeat left top; } * html #TaskBarState2.Portfolio #TaskBarState2_Links a.active:hover span { background: url('/images/taskbar/state2/btnrtact_port.gif' ) no-repeat right top; } * html #TaskBarState2.Portfolio #TaskBarState2_Links td.dashboard a.active:hover { background: url('/images/taskbar/state2/btnltact_dash_port.gif' ) no-repeat left top; } /* * html #TaskBarState2_Tasks a {height:27px;} * html #TaskBarState2_Tasks span{height:27px;} * html #TaskBarState2_Tasks a:hover span{height:27px;} * html #TaskBarState2_Tasks a.active:hover span { background: url('/images/taskbar/state2/btnrtbgact.gif' ) no-repeat right top; } * html #TaskBarState2_Tasks a.active:hover { background: url('/images/taskbar/state2/btnltbgact.gif' ) no-repeat left top; color: #fff; } * html #TaskBarState2_Tasks td.dashboard {} * html #TaskBarState2_Options{border:solid 1px red;display:none;} * html #TaskBarState2_Options img{border:solid 1px blue;display:none;} */ /* ---------------------------------------END OF STATE 2 FORMATTING -------------------------------------------- */ /* Formatting the TaskBar in state 3 */ #TaskBarState3 { background: url('/images/taskbar/state3/containerbg.gif' ) repeat-x; height: 90px; overflow: hidden; } #TaskBarState3_Lt { background: url('/images/taskbar/state3/containerlt.gif' ); float: left; width: 5px; height: 90px; } #TaskBarState3_Rt { float: right; background: url('/images/taskbar/state3/containerrtv2.gif' ) top right no-repeat; width: 9px; height: 90px; padding: 7px 0 0 0px; } /*#TaskBarState3_Rt2 {float: right;padding: 7px 0 0 0px;margin-right:-1px; width: 45px; height: 20px}*/ #TaskBarState3_Links { margin: 4px 0 0 0px; } #TaskBarState3_Links a * { display: block; } #TaskBarState3_Links td { padding-right: 3px; } #TaskBarState3_Links a { width: 70px; display: block; } #TaskBarState3_Links a span { text-align: center; background: url('/images/taskbar/state3/title.gif' ) no-repeat; font-size: 11px; font-weight: bold; color: #3C3C3C; padding: 4px 0; height: 16px; width: 70px; } #TaskBarState3_Links a .footer { background: url('/images/taskbar/state3/footer.gif' ) no-repeat; width: 70px; height: 14px; } #TaskBarState3_Links a img { border: solid 1px #ABA9AA; border-width: 0 1px; } #TaskBarState3_Links a:hover .title { background-image: url('/images/taskbar/state3/titleover.gif' ); color: #014478; text-decoration: none; cursor: pointer; } #TaskBarState3_Links a:hover .footer { background-image: url('/images/taskbar/state3/footerover.gif' ); cursor: pointer; } #TaskBarState3_Links td.active .title { background: url('/images/taskbar/state3/titleact.gif' ) no-repeat; color: #002641; } #TaskBarState3_Links td.active .footer { background: url('/images/taskbar/state3/footeract.gif' ) no-repeat; } #TaskBarState3_Links td.active .nooptions { background: url('/images/taskbar/state3/footeractnooption.gif' ) no-repeat; } #TaskBarState3_Links img.active { display: block; } #TaskBarState3_Links img.inactive { display: none; } /* define formatting for the portfolio skin of this taskbar */ #TaskBarState3.Portfolio { background: url('/images/taskbar/state3/containerbg_port.gif'); } #TaskBarState3.Portfolio #TaskBarState3_Rt { background: url('/images/taskbar/state3/containerrt_portv2.gif' ) top right no-repeat; } #TaskBarState3.Portfolio #TaskBarState3_Lt { background: url('/images/taskbar/state3/containerlt_port.gif' ); } #TaskBarState3.Portfolio #TaskBarState3_Links a .title { background: url('/images/taskbar/state3/title_port.gif' ) no-repeat; color: #fff; } #TaskBarState3.Portfolio #TaskBarState3_Links a .footer { background: url('/images/taskbar/state3/footer_port.gif' ) no-repeat; } #TaskBarState3.Portfolio #TaskBarState3_Links a img { border-color: #434242; } #TaskBarState3.Portfolio #TaskBarState3_Links a:hover .title { background: url('/images/taskbar/state3/titleover_port.gif' ) no-repeat; } #TaskBarState3.Portfolio #TaskBarState3_Links a:hover .footer { background: url('/images/taskbar/state3/footerover_port.gif' ) no-repeat; } #TaskBarState3.Portfolio #TaskBarState3_Links td.active .title { background: url('/images/taskbar/state3/titleact_port.gif' ) no-repeat; color: #002641; } #TaskBarState3.Portfolio #TaskBarState3_Links td.active .footer { background: url('/images/taskbar/state3/footeract_port.gif' ) no-repeat; } #TaskBarState3.Portfolio #TaskBarState3_Links td.active .nooptions { background: url('/images/taskbar/state3/footeractnooption_port.gif' ) no-repeat; } * html #TaskBarState3 { } * html #TaskBarState3_Links { position: relative; left: -3px; } * html #TaskBarState3 #TaskBarState3_Links a:hover { zoom: 1; } * html #TaskBarState3_Links td.active a:hover .title { background: url('/images/taskbar/state3/titleact.gif' ) no-repeat; color: #002641; } * html #TaskBarState3_Links td.active a:hover .footer { background: url('/images/taskbar/state3/footeract.gif' ) no-repeat; } * html #TaskBarState3.Portfolio #TaskBarState3_Links td.active a:hover .title { background: url('/images/taskbar/state3/titleact_port.gif' ) no-repeat; color: #002641; } * html #TaskBarState3.Portfolio #TaskBarState3_Links td.active a:hover .footer { background: url('/images/taskbar/state3/footeract_port.gif' ) no-repeat; } /* ---------------------------------------END OF STATE 3 FORMATTING -------------------------------------------- */ /* Formatting the TaskBar in state 4 */ #TaskBarState4 { background: url('/images/taskbar/state4/containerbg.gif' ) repeat-x; height: 170px; overflow: hidden; } #TaskBarState4_Lt { background: url('/images/taskbar/state4/containerlt.gif' ) no-repeat; float: left; width: 5px; height: 170px; } #TaskBarState4_Rt { float: right; background: url('/images/taskbar/state4/containerrtv2.gif' ) top right no-repeat; width: 9px; height: 170px; padding: 7px 0 0 0px; } /*#TaskBarState4_Rt2 {float: right;padding: 7px 0 0 0px;margin-right:-1px; width: 45px; height: 20px} */ #TaskBarState4_Ribbon_Lt { float: left; width: 2px; height: 75px; background: url('/images/taskbar/ribbon/outerlt.gif'); } #TaskBarState4_Links { margin: 4px 0 0 0px; } #TaskBarState4_Links a * { display: block; } #TaskBarState4_Links a img { display: block; border: solid 1px #ABA9A9; border-width: 0 1px; } #TaskBarState4_Links td { padding-right: 3px; } #TaskBarState4_Links a:hover .title { background: url('/images/taskbar/state3/titleover.gif' ) no-repeat; cursor: pointer; } #TaskBarState4_Links a:hover .footer { background: url('/images/taskbar/state3/footerover.gif' ) no-repeat; cursor: pointer; } #TaskBarState4_Links a .title { text-align: center; background: url('/images/taskbar/state3/title.gif' ) no-repeat; font-size: 11px; font-weight: bold; color: #3C3C3C; padding: 4px 0; height: 16px; width: 70px; } #TaskBarState4_Links a .footer { background: url('/images/taskbar/state3/footer.gif' ) no-repeat; width: 70px; height: 18px; } #TaskBarState4_Links td.dash .footer { background: url('/images/taskbar/state4/footer_dash.gif' ) no-repeat; } #TaskBarState4_Links td.dash a:hover .footer { background: url('/images/taskbar/state4/footerover_dash.gif' ) no-repeat; } #TaskBarState4_Links td.active a .title { background: url('/images/taskbar/state3/titleact.gif' ) no-repeat; color: #002641; } #TaskBarState4_Links td.active a .footer { background: url('/images/taskbar/state4/footeract.gif' ) no-repeat; } #TaskBarState4_Links td.active.dash a .footer { background: url('/images/taskbar/state4/footeract_dash.gif' ) no-repeat; } #TaskBarState4_Links img.active { display: block; } #TaskBarState4_Links img.inactive { display: none; } /* define formatting for the portfolio skin of this taskbar */ #TaskBarState4.Portfolio { background: url('/images/taskbar/state4/containerbg_port.gif' ) repeat-x; } #TaskBarState4.Portfolio #TaskBarState4_Lt { background: url('/images/taskbar/state4/containerlt_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Rt { float: right; background: url('/images/taskbar/state4/containerrt_portv2.gif' ) top right no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Ribbon_Lt { float: left; width: 2px; height: 75px; background: url('/images/taskbar/ribbon/outerlt_port.gif'); } #TaskBarState4.Portfolio #TaskBarState4_Links a img { border-color: #434242; } #TaskBarState4.Portfolio #TaskBarState4_Links a .title { background: url('/images/taskbar/state3/title_port.gif' ) no-repeat; color: #fff; } #TaskBarState4.Portfolio #TaskBarState4_Links a .footer { background: url('/images/taskbar/state3/footer_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Links a:hover .title { background: url('/images/taskbar/state3/titleover_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Links a:hover .footer { background: url('/images/taskbar/state3/footerover_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Links td.dash .footer { background: url('/images/taskbar/state4/footer_dash_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Links td.dash a:hover .footer { background: url('/images/taskbar/state4/footerover_dash_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Links td.active a .title { background: url('/images/taskbar/state3/titleact_port.gif' ) no-repeat; color: #002641; } #TaskBarState4.Portfolio #TaskBarState4_Links td.active a .footer { background: url('/images/taskbar/state4/footeract_port.gif' ) no-repeat; } #TaskBarState4.Portfolio #TaskBarState4_Links td.active.dash a .footer { background: url('/images/taskbar/state4/footeract_dash_port.gif' ) no-repeat; } * html #TaskBarState4 { } * html #TaskBarState4_Links { position: relative; left: -3px; } * html #TaskBarState4_Links a:hover { zoom: 1; } * html #TaskBarState4_Links td.active a:hover .title { background: url('/images/taskbar/state3/titleact.gif' ) no-repeat; color: #002641; } * html #TaskBarState4_Links td.active a:hover .footer { background: url('/images/taskbar/state4/footeract.gif' ) no-repeat; } * html #TaskBarState4_Links td.dash .footer { background: url('/images/taskbar/state4/footer_dash.gif' ) no-repeat; } * html #TaskBarState4_Links td.active a.dash .footer { background: url('/images/taskbar/state4/footeract_dash.gif' ) no-repeat; } * html #TaskBarState4_Links td.active a.dash:hover .footer { background: url('/images/taskbar/state4/footeract_dash.gif' ) no-repeat; } * html #TaskBarState4.Portfolio #TaskBarState4_Links td.active a:hover .title { background: url('/images/taskbar/state3/titleact_port.gif' ) no-repeat; color: #002641; } * html #TaskBarState4.Portfolio #TaskBarState4_Links td.active a:hover .footer { background: url('/images/taskbar/state4/footeract_port.gif' ) no-repeat; } * html #TaskBarState4.Portfolio #TaskBarState4_Links td.dash .footer { background: url('/images/taskbar/state4/footer_dash_port.gif' ) no-repeat; } * html #TaskBarState4.Portfolio #TaskBarState4_Links td.active a.dash .footer { background: url('/images/taskbar/state4/footeract_dash_port.gif' ) no-repeat; } * html #TaskBarState4.Portfolio #TaskBarState4_Links td.active a.dash:hover .footer { background: url('/images/taskbar/state4/footeract_dash_port.gif' ) no-repeat; } /* ---------------------------------------END OF STATE 4 FORMATTING -------------------------------------------- */ #MainContent { min-height: 500px; } #frameTasks, #frameAdmin, #frame1 { background: top left repeat-x #fff url('/Images/bgTopShadowFading.png'); -webkit-background-size: 1px 480px; background-size: 1px 480px; } #frameAdmin.frame_gradient { background: top left repeat-x #fff url('/Images/bgTopFading.png'); -webkit-background-size: 1px 480px; background-size: 1px 480px; } #MainFooter { text-align: center; padding: 15px 0 20px 0; font-size: 11px; color: #fff; clear: both; display: none; } #MainFooter a { text-align: center; color: #bbb; } #MainFooter .hidden { color: #fff; clear: both; float: right; } /* ----------------------------- Loading indicator ---------------------------------------*/ /*#AJAXLoadingContainer { display: none; height: 80px; top: 0; right: 0; bottom: 0; left: 0; background-color: #A8A8A8; position: fixed; z-index: 9998; top: 0; opacity: 0; filter: alpha(opacity=00); -moz-opacity: 0;} #AJAXLoadingFrame { display: none; top: 0; right: 0; bottom: 0; left: 0; background-color: #A8A8A8; position: fixed; z-index: 9998; top: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;} #AJAXLoadingImageFrame {display:none;position:absolute;z-index:9999;height:70px;width:60px;top:48px;left:0;}*/ #ContentLoadingContainer, #AJAXLoadingImage { display: none; } #LogoRotatorWrapper { position: absolute; z-index: 100; top: 46px; left: 4px; width: 42px; height: 34px; overflow: hidden; } .msie8 #LogoRotatorWrapper { display:none !important;} #LogoRotator { display: none; z-index: 99; width: 40px; height: 40px; border-radius: 50%; border: 1px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } #LogoRotator:before { content: ""; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; border-radius: 50%; border: 1px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; -o-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #LogoRotator:after { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 1px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; -o-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* ----------------------------- Invite form css ---------------------------------------*/ #inviteForm .fieldset { border: 0; padding: 0 !important; margin: 1em 0 0 0 !important; } #inviteForm .fieldset input { font-size: 13px; padding: 0.3em; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #999; } #inviteForm .fieldset input.email { width: 65%; margin-right: 0.5em; } #inviteForm .fieldset input.name { width: 25%; } #validationWarning { display: none; position: absolute; padding: 0.5em; background: #fffce7; border: 1px solid #dec612; color: #9b8900; } /* ------------------------------ Project Info ie8 ----------------------------------- */ .msie8 .RadComboBox_PMWeb .rcbArrowCell { background-image: url(/images/ie8_downarrow.png); } .msie8 .RadComboBox_PMWeb .rcbArrowCellRight { background-position: center center; } /* ------------------------------ Pulse Animation for Icon Bar ----------------------- .animated-icon a:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .Home_spacer .animated-icon a:hover:before { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .Portfolio_spacer .animated-icon a:hover:before { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .Project_spacer .animated-icon a:hover:before { -webkit-animation-name: tada; animation-name: tada; }*/ html, body, .page-wrap { height: 100%; } body { margin: 0; background: var(--pmThemeBackground); } body, textarea, input, select, button, table, .fusioncharts.DashboardHover { font-size: var(--pmFontSizeBody); line-height: 1.2em; color: var(--pm-text-default-color); font-family: var(--pmFontFaceBody); font-weight: var(--pmFontWeightNormal); -webkit-font-smoothing: antialiased; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select { line-height: 1em; height: 1em; } body#topBody { padding: 0; background: #fff; } /* There are multiple tags because of all the iframes, this just targets the top one */ body.noRibbon { background: #fff; } #mainform { padding: 0; margin: 0; min-width: 995px; height: 100%; } img { border: none; } img.blue-icons { width: 12px; height: 12px; position: relative; top: 2px; margin-right: 3px; } .profilePhoto { display: inline-block; width: 25px; height: 25px; border-radius: 3px; background: no-repeat center; -webkit-background-size: cover; background-size: cover; vertical-align: middle; /* border: 1px solid #ddd; */ } .profilePhoto.default { border: 0; } a { text-decoration: none; outline-style: none; color: var(--pmThemeForeground50); } a:hover { color: var(--pmThemeForeground); } /* Text */ h1, .h1 { font-weight: normal; margin: 20px 0; font-family: var(--pmFontFaceHead); font-size: var(--pmFontSizeHeading); } h2, .h2 { font-weight: normal; margin: 20px 0; font-size: var(--pmFontSizeSubHeading); } /* Input basics */ input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], textarea, select, .pm-taskpopup-note div.readonly { border: 1px solid var(--pmThemeInputBorder); background-color: var(--pmThemeInputBackground); padding: var(--pmThemeInputPaddingX) var(--pmThemeInputPaddingY); vertical-align: middle; line-height: 1em; height: auto; margin: 0; } input:autofill { background-color: var(--pmThemeInputBackground); color: var(--pmThemeForeground); } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 2em var(--pmThemeInputBackground) inset !important; -webkit-text-fill-color: var(--pmThemeForeground) !important; } input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus { outline: none; } select { height: 25px; padding: 0; vertical-align: middle; } input[type="search"], input.search, .filter input[type="text"] { background: left 6px center no-repeat url("/Images/Common/icon_search.png"); -webkit-background-size: 23px 17px; background-size: 23px 17px; width: 180px; padding-left: 26px !important; vertical-align: middle; border-radius: 15px; } .filter input[type="text"] { background-color: #fff; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="submit"], input[type="button"] { outline: none; } textarea { resize: vertical; } button:focus { outline: none; } select.subtle, .subtle select { color: #999; } input.placeholder, textarea.placeholder, .placeholdersjs { color: #999; } :-ms-input-placeholder { color: #999; } ::-webkit-input-placeholder { color: #999; } ::-moz-placeholder { color: #999; } ::-moz-focus-inner { border: 0; } ::-ms-clear { display: none; } /* Search input */ .clearSearch { position: relative; } .clearSearch input { padding-right: 25px; } .clearSearch input + .clearSearchButton { display: none; position: absolute; top: 5px; right: 9px; cursor: pointer; } .clearSearch input + .clearSearchButton:before { font-size: 10px; } .clearSearch input + .clearSearchButton:hover { color: var(--pmThemeBrand); } .clearSearch.active input + .clearSearchButton { display: inline-block; } /* Checkbox and radio buttons */ input[type="checkbox"], input[type="radio"] { display: inline-block; margin: 0; vertical-align: middle; outline: none; } input[type="checkbox"], input[type="radio"] { display: none; } input[type="checkbox"] + label, input[type="radio"] + label { position: relative; line-height: 21px; padding-left: 19px; cursor: pointer; } input[type="checkbox"] + label:after, input[type="radio"] + label:after { position: absolute; z-index: 1; top: 2px; left: 0; content: " "; display: inline-block; vertical-align: middle; margin-right: 5px; width: var(--pmThemeCheckboxSize); height: var(--pmThemeCheckboxSize); border: 1px solid var(--pmThemeInputBorder); background: var(--pmThemeInputBackground); } input[type="checkbox"] + label:before, input[type="radio"] + label:before { position: absolute; content: " "; z-index: 2; width: var(--pmThemeCheckboxInnerSize); height: var(--pmThemeCheckboxInnerSize); top: 6px; left: 4px; background-color: transparent; } input[type="checkbox"]:hover + label:after, input[type="radio"]:hover + label:after { background-color: var(--pmThemeInputFocus); } input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { background-color: var(--pmThemeBrand); } input[type="checkbox"]:active + label:after, input[type="radio"]:active + label:after { border-color: var(--pmThemeBrand); } input[type="checkbox"]:disabled, input[type="radio"]:disabled, input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label { cursor: default; pointer-events: none; color: var(--pmThemeForeground50); } input[type="checkbox"]:disabled + label:after, input[type="radio"]:disabled + label:after { background-color: var(--pmThemeInputDisabledBackground); } input[type="checkbox"]:checked:disabled + label:before, input[type="radio"]:checked:disabled + label:before { background-color: var(--pmThemeInputDisabledForeground); } input[type="checkbox"].standalone + label { margin-left: 4px; } input[type="checkbox"].standalone + label:after { margin-right: 0; } input[type="radio"] + label:after, input[type="radio"] + label:before { border-radius: 50%; } input[type="checkbox"] + label .cb { display: none; } /* Predefined class - used for asp.net controls where style can't easily be applied */ .OverflowHidden { overflow: hidden; } .hidden { display: none; } .clear { clear: both; height: 1px; overflow: hidden; } /* Columns */ .col { display: block; float: left; margin-left: 5%; } .col:first-child { margin-left: 0; } .col2 { width: 47.5%; } .col3 { width: 30%; } .col4 { width: 21.25%; } /* Let's define the basic icon-font styles just once, anything which needs the standard implementation of the icon font should be listed below */ .icon-pm:before, [class^="icon-pm-"]:before, [class*=" icon-pm-"]:before { font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } /* LHS panels */ .Admin_Body #leftPanel { background: var(--pmThemeBackground90); } /* Misc shared styles */ .ErrorMessage { color: #f00; } .StdLabel { color: #5d5d5d; } a.Help { height: 21px; width: 21px; display: block; } .header a.top-close-button { position: absolute; top: 25px; right: 20px; display: none; color: #aaa; } .header a.top-close-button:before { font-size: 14px; } .header a.top-close-button:hover { color: var(--pmThemeBrand); } .DetailsPanelContainer { padding: 4px; background: #e5e5e5; } .DetailsPanel { border: solid 1px #9c9c9c; background: #fff; } #vakata-contextmenu, .pm-grid-contextmenu { position: absolute; z-index: 10000; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); } #vakata-contextmenu ul, #vakata-contextmenu li, .pm-grid-contextmenu ul, .pm-grid-contextmenu li { margin: 0; padding: 0; list-style-type: none; } #vakata-contextmenu ul, .pm-grid-contextmenu ul { width: auto !important; padding: 10px 0; } #vakata-contextmenu li ins { display: none; } #vakata-contextmenu li a, .pm-grid-contextmenu li a { display: block; padding: 0 10px; padding: 5px 15px; line-height: 1em; font-weight: 700; color: #444; } #vakata-contextmenu li a:hover, .pm-grid-contextmenu li a:hover { cursor: pointer; background-color: #eee; color: var(--pmThemeBrand); } #vakata-contextmenu li.disabled a, .pm-grid-contextmenu li.disabled a { color: #999 !important; cursor: default !important; } .StandardPanelHeader { background: #d3d3d3; color: #000; } .StandardPanelHeader .Title { font-weight: bold; } .ProjectDetail_SearchHeader .search, .ProjectDetail_SearchHeader .btn { float: right; } .ProjectDetail_SearchHeader .ExportActionWrapper { margin-right: 10px; height: 24px; border-right: solid 1px #f7f7f7; } .ProjectDetail_SearchHeader .ExportAction { padding-right: 10px; height: 22px; border-right: solid 1px #9c9c9c; } .ProjectDetail_SearchHeader .ExportActionSmall { padding-right: 10px; height: 22px; padding-top: 2px; border-right: solid 1px #9c9c9c; } .ProjectDetail_SearchHeader input { vertical-align: middle; line-height: 13px; margin: 0 3px 0 6px; } .ProjectDetail_SearchHeader div.HeaderTitle { float: left; } .ProjectDetail_SearchHeader div.HeaderTitle * { vertical-align: middle; } .ProjectDetail_SearchHeader .Title { color: #5b5a5a; font-weight: bold; } .ProjectDetail_FilterHeader { background: #bcbcbc; height: 31px; border-top: solid 1px #999; overflow: hidden; } .ProjectDetail_FilterHeader .FilterDetails { float: left; padding: 5px 5px 0 5px; } .ProjectDetail_FilterHeader .FilterLabel { display: block; float: left; background: #626262; color: #fff; font-weight: bold; padding: 3px 6px; height: 16px; } .ProjectDetail_FilterHeader .FilterField { display: block; float: left; background: #ececec; color: #4f4e4e; padding: 3px 6px; height: 16px; width: 226px; } .ProjectDetail_AdditionalHeader { height: 22px; overflow: hidden; background: #b2b2b2; padding: 4px 9px 0 9px; border-top: solid 1px #e8f5fc; } .ProjectDetail_AdditionalHeader .Title { font-weight: bold; font-size: 0.8em; color: #fffefe; vertical-align: middle; } .ProjectDetail_ProjectSpecificHeader { background: #1b9cd6; border-top: solid 1px #aaedfd; } .ProjectDetail_ProjectSpecificHeader .Title { font-weight: bold; font-size: 0.8em; color: #fff; } .ProjectDetail_Body { background: #fff; padding-bottom: 14px; } .ProjectDetail_Body .Label { color: #5b5a5a; white-space: nowrap; } .ProjectDetail_Body td.Label { text-align: right; } .ProjectDetail_Body td.Field { padding: 2px 2px 1px 2px; } .ProjectDetail_Body td.LabelLeft { text-align: left; } .tag { display: inline-block; font-size: 11px; line-height: 1em; color: #fff; border-radius: 4px; padding: 4px; text-transform: uppercase; font-weight: 500; vertical-align: middle; } .tag.deleted { background-color: #ccc; } .tag.priority { background-color: #5856cf; } .tag.priority.unimportant { background-color: #1ea6f8; } .tag.priority.important { background-color: var(--pmThemeBrand); } .tag.priority.veryimportant { background-color: #f3cd45; } .tag.priority.noncritical { background-color: #ec9a37; } .tag.priority.critical { background-color: #e64d3d; } .RelatedTasks { margin-top: 3px; } .RelatedTasksLink { text-decoration: underline; font-size: 0.7em; } .calloutWrapper { position: relative; } .callout { display: none; position: absolute; background: #36a4d9; color: #fff; padding: 6px 8px; font-size: 12px; border-radius: 4px; top: 0; left: 0; white-space: nowrap; } .callout:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #36a4d9; border-width: 7px; margin-top: -7px; } #notifyBubble, #myHome .menu ul li.inbox span.unread { min-width: 7px; height: 15px; line-height: 15px; font-size: 11px; padding: 0 4px; text-align: center; color: #ffffff; background: #ff501a; border-radius: 8px; z-index: 100; display: none; cursor: pointer; } #notifyBubble { position: absolute; } #myHome .menu ul li.inbox span.unread { vertical-align: bottom; } /* Blank states */ .blankState { display: block; text-align: center; padding: 60px 0 85px 0; } .blankState h2, .blankState p { margin: 0 auto 15px; } .blankState h2 { font-family: var(--pmFontFaceHead); font-size: 18px; } .blankState .icon, .blankState .icon:before { font-size: 70px; color: var(--pmThemeForeground70); } .blankState h2:last-child, .blankState p:last-child { margin-bottom: 0; } /*Launch Pad*/ .LaunchPadSmall { width: 695px; background: #fff; -webkit-box-shadow: 0 0 25px rgba(152, 152, 152, 0.4); box-shadow: 0 0 25px rgba(152, 152, 152, 0.4); } .LaunchPadSmall table { border-collapse: collapse; } /* Account admin pages */ .Admin_SubPanel { border: solid 1px #ccc; padding: 3px; background: #fff; } .Admin_SubPanelHeader { background: #e1e1e1; } .Admin_SubPanelHeaderTitle { padding: 0 0 0 10px; height: 20px; } .Admin_SubPanelHeaderTitle * { vertical-align: middle; line-height: 20px; } .Admin_SubPanelHeaderTitle .Title { color: #3e3e3e; font-size: 0.7em; font-weight: bold; } .Admin_SubPanelHeaderTitle .SubTitle { color: #3e3e3e; font-size: 0.7em; } .Admin_SubPanelBody .Field { font-weight: bold; } .Admin_InfoPanel { border: solid 1px #ccc; padding: 5px; } .Admin_InfoPanel div.Header { background: #dcdcdc; min-height: 24px; margin-bottom: 5px; } .Admin_InfoPanel div.HeaderTitle * { vertical-align: middle; line-height: 24px; } .Admin_InfoPanel div.HeaderTitle .Title { color: #3d3d3d; font-weight: bold; } .Admin_InfoPanel div.HeaderTitle img { margin-bottom: 1px; } .Admin_InfoPanel .Body { padding: 3px; } .Admin_InfoPanel .Body .Field { color: #3e3e3e; font-weight: bold; } .Admin_InfoPanel .Body .Label { color: #5d5d5d; } /* need to make it go to bottom of page not just viewport */ #URLChangingFrame { display: none; right: 0; bottom: 0; left: 0; background-color: #ffffff; position: fixed; z-index: 9998; top: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; } .pm-taskpopup.oldschool.warning { border-color: #222; color: #333; } input[type="file"] { max-width: 100%; } #uploadFile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #uploadFilename { margin-left: 4px; } /* File lists */ .fileIcon { display: none; } ul.documentList, ul.documentList li { margin: 0; padding: 0; list-style: none; } ul.documentList { width: 240px; max-height: 190px; overflow-y: auto; margin: 2px 0 8px 0; line-height: 1.5; } ul.documentList li a.fileName { width: 82%; } ul.documentList li a.delete { float: right; margin: 0 16px 0 0; } /* Popups */ .pmPopup, #PMBorderlessPopup, .pm-taskpopup { display: none; position: absolute; left: 350px; top: 200px; z-index: 9999; padding: 0 20px 20px 20px; background-color: var(--pmThemePopoverBackground); border: var(--pmThemePopoverBorder); -webkit-box-shadow: var(--pmThemePopoverShadow); box-shadow: var(--pmThemePopoverShadow); border-radius: var(--pmThemePopoverCorner); } .tabbedPopup.holidayPage { display: inline-block; text-align: left; background-color: var(--pmThemePopoverBackground); border: var(--pmThemePopoverBorder); -webkit-box-shadow: var(--pmThemePopoverShadow); box-shadow: var(--pmThemePopoverShadow); border-radius: var(--pmThemePopoverCorner); } .pm-taskpopup { z-index: 9998 !important; } .pm-taskpopup div.pm-taskdocuments { min-width: 590px; } #PMPopupTitle, .pm-taskpopup .header { padding: 20px; margin: 0 -20px; } .pm-taskpopup .body #settingsPopup label.icon-pm-checkmark-sharp { padding-top: 1px; } #PMPopupTitle .title, .pm-taskpopup .header .title { display: inline-block; width: 96%; font-family: var(--pmFontFaceHead); font-size: var(--pmFontSizeHeading); line-height: 1.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #PMPopupTitle div .close { float: right; cursor: pointer; color: var(--pmThemeBackground50); margin-top: 6px; } #PMPopupTitle div .close:before { font-size: 14px; } #PMPopupTitle div .close:hover { color: var(--pmThemeBrand); } .hasCloseButton #PMPopupTitle div .close { position: absolute; top: 20px; right: 20px; } #PMPopupContent form { margin: 0; padding: 0; } #PMPopupContent .actions { padding: 15px 0 0 0; text-align: center; background: none !important; } #PMPopupContent #filesPanel .actions { text-align: left; } #PMPopupContent .actions, .pm-taskpopup .actions { clear: both; padding-top: 20px; text-align: center; } #PMPopupContent table, #PMPopupContent tr, #PMPopupContent td { margin: 0; padding: 0; } .flatHeader #PMPopupTitle, .flatHeader.pm-taskpopup .header { border-bottom: 0; } .flatHeader #PMPopupTitle .title, .flatHeader.pm-taskpopup .header .title { font-family: var(--pmFontFaceHead); font-size: var(--pmFontSizeSubHeading); line-height: 1.1em; height: auto; } .noPadding { padding: 0; } .noMargin { margin: 0; } .noPadding #PMPopupTitle { padding: 0; } .noMargin #PMPopupTitle { margin: 0; } .pm-taskpopup.pm-taskpopup-delete-summary { width: 540px; } #PMGridPopup { position: absolute; z-index: 9999; } #PMGridPopup .content { background: var(--pmThemeBackground80); padding: 5px; color: var(--pmThemeForeground); max-width: 400px; font-size: 13px; } #PMGridPopup .head { background: #0066b4; padding: 10px; color: #fff; } #PMGridPopup .head label { color: #b6e3ff; padding-right: 5px; } #PMGridPopup .body { padding: 5px; } #PMGridPopup .body .item { margin-bottom: 10px; } #PMGridPopup .body .item label { font-weight: bold; width: 85px; display: inline-block; color: #000; } #PMPopupModal { position: fixed; width: 100%; height: 100%; z-index: 5000; } #PMPopupModal.dark { background-color: rgba(0, 0, 0, 0.75); } #PMPopupOverlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } .popupOverlay:before { content: ""; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: -1; } .pmPopup .subhead, .pm-taskpopup .subhead { margin: 0 0 5px; } .tabbedPopup #PMPopupTitle { margin: 0; } .tabbedPopup .leftContent { padding: 20px 0; float: left; width: 236px; height: 100%; background: #eee; overflow-x: hidden; overflow-y: auto; border-radius: 0 0 0 4px; } .tabbedPopup .rightContent { float: left; width: 480px; background: #fff; border-radius: 0 0 3px 0; height: 100%; position: relative; } .tabbedPopup .tabs ul, .tabbedPopup .tabs ul li { margin: 0; padding: 0; list-style: none; } .tabbedPopup .tabs ul li a { display: block; color: #333; padding: 0 20px; line-height: 24px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tabbedPopup .tabs ul li a:hover { color: var(--pmThemeBrand); } .tabbedPopup .tabs ul li.selected a { color: var(--pmThemeBrand); background: #fff; font-weight: 600; } .pmPopup.centredPopup { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Info bubbles */ #PMGridPopup.infoBubble .content, #dragInfo, #DragInfo, #DashboardHover, .fusioncharts.DashboardHover, #Calendar #CalendarView .dhtmlXTooltip.tooltip, .pm-taskpopup.pm-taskgrid-tooltip, .pm-taskgrid-tooltip, .pm-taskgrid-column-dragtitle, .pm-taskpopup-resources .header #settingsMenu, #Processing-info, #chartjs-tooltip { background-color: var(--pmThemeTooltipBackground); color: var(--pmThemeTooltipForeground); -webkit-box-shadow: var(--pmThemeTooltipShadow); box-shadow: var(--pmThemeTooltipShadow); border-radius: var(--pmThemeTooltipCorner); font-size: var(--pmThemeTooltipFontSize); border: var(--pmThemeTooltipBorder); padding: var(--pmThemeTooltipPadding); } #PMGridPopup.infoBubble .head { background: none; padding: 0; color: #000; } #PMGridPopup.infoBubble .head label { color: #000; } #PMGridPopup.infoBubble .head span { color: #1ea6f8; } #PMGridPopup.infoBubble .body { padding: 0; margin-top: 15px; display: table; } #PMGridPopup.infoBubble .body .item { margin: 0; line-height: 1.5; display: table-row; } #PMGridPopup.infoBubble .body .item label { font-weight: normal; display: table-cell; } #PMGridPopup.infoBubble .body .item div { display: table-cell; max-width: 300px; overflow: hidden; text-overflow: ellipsis; } #PMGridPopup.infoBubble .body .item span { display: table-cell; } #dragInfo, #DragInfo { padding: 10px; z-index: 9999; } /* Form layouts */ .inlineForm fieldset, fieldset.inlineForm { border: 0; padding: 0; margin: 10px 0 0 0; } .inlineForm .label { text-transform: uppercase; color: var(--pmThemeForeground50); font-weight: 500; font-size: 13px; display: inline-block; width: 25%; margin-right: 1%; vertical-align: top; padding-top: 7px; } .inlineForm .label.layout { padding-top: 1px; } .inlineForm .input { display: inline-block; width: 68%; line-height: 1.3em; } .inlineForm .input label { display: block; } .inlineForm .input label:hover, .inlineForm .input label:hover .icon:before { cursor: pointer; } .inlineForm .input label span { vertical-align: middle; } .inlineForm .radio .label, .inlineForm.radio .label { padding-top: 3px; } /* radios/checkboxes have less vertical padding than input/select/textareas so let's even it up */ .inlineForm .inlineRadio label { display: inline-block; margin-right: 0.5em; } /* for when radios/checkboxes need to be beside eachother not on top of eachother */ .inlineForm .text .label, .inlineForm.text .label { padding-top: 0px; } /* if we have plain text instead of input fields this will balance out the padding */ .inlineForm .input li label { cursor: pointer; } .inlineForm .input.input-radio { margin-top: 6px; } .inlineForm .input .label-tag { font-size: 12px; margin-left: 6px; margin-right: 6px; color: var(--pmThemeBackground50); vertical-align: inherit; } .inlineForm input[type="text"], .inlineForm input[type="number"], .inlineForm input[type="email"], .inlineForm input[type="password"], .inlineForm input[type="search"], .inlineForm textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .inlineForm.slim .label { width: 20%; margin-right: 2%; } .msie8 .inlineForm.slim .label { width: 26%; } .inlineForm.slim .input { display: inline-block; width: 73%; } .msie8 .inlineForm.slim .input { width: 70%; } /* Mini selects */ .ui-datepicker .chosen-container-single .chosen-single div:before, .miniSelectParent .chosen-container-single .chosen-single div:before { top: 3px; } .ui-datepicker .chosen-container-single .chosen-single, .miniSelectParent .chosen-container-single .chosen-single, .miniSelectParent .ui-multiselect { height: 22px; line-height: 19px; } .ui-datepicker .chosen-container-single .chosen-single div b, .miniSelectParent .chosen-container-single .chosen-single div b { background-position: 4px 0; } .ui-datepicker .chosen-container-active.chosen-with-drop .chosen-single div b, .miniSelectParent .chosen-container-active.chosen-with-drop .chosen-single div b { background-position-x: -14px; } /* Light selects: CHOSEN */ /* You may also want to pass a lighter icon to Chosen (via the icon_class / icon_class_active options) */ button.lightSelect.ui-multiselect { border-color: #dfdfdf; } button.lightSelect.ui-multiselect span.ui-icon { border-left: 0; } button.lightSelect.ui-multiselect.borderless { border: 0 !important; padding-left: 0; } button.lightSelect.ui-multiselect.borderless span.ui-icon { width: 15px; } button.lightSelect.ui-multiselect.borderless span.ui-icon:before { font-size: 12px; } button.lightSelect.ui-multiselect.borderless span:last-child { padding-left: 0; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } .lightSelect.ui-multiselect-menu { min-width: 150px; } .lightSelect.ui-multiselect-menu ul { padding: 10px !important; } .lightSelect.ui-multiselect-menu ul li { padding: 0; } /* Buttons - standard */ .button, a.confirm, a.cancel, .pm-taskpopup .actions a, .plupload_button, .RadUpload_PMWeb .ruButton, .RadCalendarMonthView_Admin input, .RadCalendarMonthView_PMWebAdmin input { display: inline-block; padding: 0 16px; color: var(--pmThemeForeground); background: var(--pmThemeBackground70); border: 1px solid var(--pmThemeBackground70); height: 28px; line-height: 28px; text-align: center; vertical-align: middle; text-decoration: none !important; cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .button:hover, a.confirm:hover, a.cancel:hover, .pm-taskpopup .actions a:hover, .plupload_button:hover, .RadCalendarMonthView_Admin input:hover, .RadCalendarMonthView_PMWebAdmin input:hover { color: var(--pmThemeBrand); background: var(--pmThemeBackground90); border: 1px solid var(--pmThemeBackground80); } .button:active, a.confirm:active, a.cancel:active, .pm-taskpopup .actions a:active, .plupload_button:active, .RadCalendarMonthView_Admin input:active, .RadCalendarMonthView_PMWebAdmin input:active { color: var(--pmThemeForeground); background: var(--pmThemeBackground80); border: 1px solid var(--pmThemeBrand); } .btn.disabled, .btn.disabled:hover, .button.disabled, .button.disabled:hover { color: var(--pmThemeBackground70) !important; background-color: transparent !important; border-color: var(--pmThemeBackground80) !important; cursor: default !important; } .iconButton.disabled, .iconButton.disabled:hover, .iconButton.disabled:before { color: #ccc !important; background-color: #fff !important; border-color: #ccc !important; cursor: default !important; } .button span, .pm-taskpopup .actions a span, .button.save span, .button.primary span, .button.confirm span, a.confirm span, a[class^="button save"] span, a.confirm span, input.button span, #UpgradePopup .actions a span { display: inline; } /* Button sizes */ .button.large { font-size: 20px; height: 2.2em; } /* Buttons - primary */ .button.save, .button.primary, .button.confirm, .pm-taskpopup .actions a.primary, .pm-taskpopup .actions a.confirm, .pm-taskpopup .actions a[class^="button save"] { background: var(--pmThemeBrand); border-color: var(--pmThemeBrand); color: var(--pmThemeBackground); -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } .button.save:hover, .button.primary:hover, .button.confirm:hover, .pm-taskpopup .actions a.primary:hover, .pm-taskpopup .actions a.confirm:hover, .pm-taskpopup .actions a[class^="button save"]:hover { background: var(--pmThemeBrandHighlight); border-color: var(--pmThemeBrandHighlight); color: var(--pmThemeBackground); } .btn.cancel, .button.cancel, .actions a.cancel, .actions a.close { background: var(--pmThemeBackground70); border-color: var(--pmThemeBackground70); color: var(--pmThemeForeground); } .btn.cancel:hover, .button.cancel:hover, .actions a.cancel:hover, .actions a.close:hover { background: var(--pmThemeBackground90); border-color: var(--pmThemeBackground80); color: var(--pmThemeBrand); } .button.save:active, .button.primary:active, .button.confirm:active, .pm-taskpopup .actions a.primary:active, .pm-taskpopup .actions a.confirm:active, .pm-taskpopup .actions a[class^="button save"]:active, .btn.cancel:active, .button.cancel:active, .actions a.cancel:active, .actions a.close:active { background: var(--pmThemeBackground80); border-color: var(--pmThemeBrand); color: var(--pmThemeForeground); } /* Buttons - variations */ .button.primary.disabled, .button.primary.disabled:hover { border-color: var(--pmThemeInputDisabledBackground) !important; background-color: var(--pmThemeInputDisabledBackground) !important; color: var(--pmThemeInputDisabledForeground) !important; cursor: default !important; } .actions a, .actions .button, .actions .btn { margin-left: 10px; } .actions a:first-child, .actions .button:first-child, .actions .btn:first-child { margin-left: 0; } .iconButton { display: inline-block; font-weight: 700; color: var(--pmThemeForeground50); } .iconButton:before { font-size: 21px; } .iconButton:hover { color: var(--pmThemeForeground); } .iconButton.primaryAdd { color: inherit; } .iconButton.primaryAdd span, .iconButton.primaryAdd + span { display: inline-block; vertical-align: middle; margin-left: 6px; } .iconButton.primaryAdd:hover { color: var(--pmThemeBrand); } .iconButton.primaryAdd:before { color: var(--pmThemeBrand); vertical-align: middle; } a.button.subtle { border-radius: 2px; border: 1px solid #ccc; -webkit-box-shadow: none; box-shadow: none; color: #494949; } .btn.muted { -webkit-box-shadow: none; box-shadow: none; border: none; background: #b3b3b3; } .btn.muted span { color: #fff; } .button.warning { background: #e10019; background: -webkit-linear-gradient(top, #e10019 0%, #af0013 100%); background: -webkit-gradient(linear, left top, left bottom, from(#e10019), to(#af0013)); background: -o-linear-gradient(top, #e10019 0%, #af0013 100%); background: linear-gradient(to bottom, #e10019 0%, #af0013 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10019', endColorstr='#af0013',GradientType=0 ); } .button.warning:hover { background: #ca0016; background: -webkit-linear-gradient(top, #ca0016 0%, #9e0012 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ca0016), to(#9e0012)); background: -o-linear-gradient(top, #ca0016 0%, #9e0012 100%); background: linear-gradient(to bottom, #ca0016 0%, #9e0012 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0016', endColorstr='#9e0012',GradientType=0 ); } .actions.waiting a.primary, .actions.waiting a.primary:hover, .actions.waiting a.confirm, .actions.waiting a.confirm:hover { background: #eee !important; border-color: #eee !important; color: #aaa !important; cursor: wait !important; } .actions.waiting a.cancel, .actions.waiting a.cancel:hover { color: #ccc !important; cursor: wait !important; } .button.addButton { color: var(--pmThemeForeground); } .button.addButton:before { color: var(--pmThemeForeground50); font-size: 16px; vertical-align: middle; margin-right: 8px; line-height: 28px; } .button.addButton span { vertical-align: middle; } .button.addButton:hover { color: var(--pmThemeBrand); } /* Icon-font buttons */ input.btn { background: 0; padding: 0; margin: 0; border: 0; outline: 0; } .btn, .iconButton { display: inline-block; cursor: pointer; } .btn img, .btn span .iconButton img, .gridActions a img { display: none; } .gridActions a:before, .actions a.command:before, [class^="pmi-"]:before, [class*=" pmi-"]:before { color: var(--pmThemeForeground50); vertical-align: middle; } .pmi-downcircle:before { content: "\E01D"; } .btn:hover:before, .iconButton:hover:before, .gridActions a:hover:before, .actions a.command:hover:before, .iconButton.active:before, [class^="pmi-"]:hover:before, [class*=" pmi-"]:hover:before { color: var(--pmThemeForeground); } a.icon-pm-calendar { color: var(--pmThemeForeground50); } a.icon-pm-calendar:hover { color: var(--pmThemeForeground70); } /* The calendar popup date picker uses arrow icons for next/prev */ .ui-datepicker-prev:before, .ui-datepicker-next:before { display: none; } .ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { font-family: "pm-icon-retrofit"; font-size: 12px; width: 12px; height: 15px; line-height: 14px; display: inline-block; overflow: hidden; } .ui-datepicker-prev .ui-icon:before { content: "\25"; } .ui-datepicker-next .ui-icon:before { content: "\24"; } /* File type icons */ .filetype { cursor: pointer; display: inline-block; vertical-align: middle; width: 27px; height: 24px; background: center center no-repeat url(/images/filetypes/astro/generic.png); -webkit-background-size: contain; background-size: contain; margin-right: 10px; } .filetype.csv { background-image: url(/images/filetypes/astro/csv.png); } .filetype.doc, .filetype.docx { background-image: url(/images/filetypes/astro/doc.png); } .filetype.pdf { background-image: url(/images/filetypes/astro/pdf.png); } .filetype.ppt, .filetype.pptx { background-image: url(/images/filetypes/astro/ppt.png); } .filetype.txt { background-image: url(/images/filetypes/astro/txt.png); } .filetype.xls, .filetype.xlsx { background-image: url(/images/filetypes/astro/xls.png); } .filetype.keynote { background-image: url(/images/filetypes/astro/keynote.png); } .filetype.numbers { background-image: url(/images/filetypes/astro/numbers.png); } .filetype.pages { background-image: url(/images/filetypes/astro/pages.png); } .filetype.sketch { background-image: url(/images/filetypes/astro/sketch.png); } .filetype.jpg, .filetype.jpeg, .filetype.gif, .filetype.png, .filetype.tiff { background-image: url(/images/filetypes/astro/image.png); } .filetype.m4a, .filetype.mp4, .filetype.swf, .filetype.mov, .filetype.flv, .filetype.avi, .filetype.wmv, .filetype.mkv, .filetype.webm, .filetype.ogv { background-image: url(/images/filetypes/astro/video.png); } .filetype.small, .fileTypeSmall .filetype { width: 20px; height: 22px; margin-right: 7px; -webkit-background-size: 20px auto; background-size: 20px auto; } .filetype.small:before, .fileTypeSmall .filetype:before { margin-top: 4.5px; } /* Header panels */ .panel-header, .dhx_cal_navline, #Base { height: 44px; padding: 0 20px 0 0; } .panel-header .title { font-size: 18px; line-height: 1em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #ProjectDetailsView { overflow-y: hidden; } #ProjectDetailsView .panel-header input[type="text"] { padding: 4px 4px 3px; } .panel-header select, .dhx_cal_navline select, select.inputInline, .inputInline select { max-width: 180px; height: 21px; } .ui-multiselect.small { min-width: 140px; max-width: 140px; padding: 1px 0 1px 0 !important; border: 1px solid #ccc !important; font-weight: normal !important; border-radius: 2px !important; vertical-align: middle !important; } .ui-multiselect.small span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 1px 0 1px 4px; } .ui-multiselect.small span.ui-icon { padding-left: 0; } .panel-header .left { float: left; text-align: left; width: 30%; } .panel-header .right { float: right; text-align: right; min-width: 55%; } .panel-header .button, .panel-header select, .panel-header input { margin-left: 5px; vertical-align: middle; } .panel-header .btn, .panel-header .btn:before { vertical-align: middle; } .panel-header .btn { margin-left: 8px; color: var(--pmThemeForeground50); } .panel-header .btn:hover { color: var(--pmThemeForeground); } .panel-header .btn span { display: none; } .panel-header .button.primary { margin-left: 0; } .panel-header a.btn:before { font-size: 24px; } .panel-header .ui-multiselect { vertical-align: middle; } /* SimpleGrid */ .pm-simplegrid { overflow: hidden; position: relative; } .pm-simplegrid .pm-screen { position: absolute; background: #fff; opacity: 0.4; height: 100%; width: 100%; display: none; filter: alpha(opacity=20); } .pm-simplegrid table { table-layout: fixed; } .pm-simplegrid .pm-body { overflow-y: hidden; } .pm-simplegrid th, #gridTimesheets th, .pm-resourcepopup-skill .section .title, .plupload_filelist_header, #AssignPopup th, #AddNewUsers .header td, #inviteUserPopup .fieldHeader > span { line-height: 1em; text-align: left; padding: 0 0 10px 0; font-weight: 400; font-size: 13px; text-transform: uppercase; color: var(--pmThemeForeground50); } .pm-simplegrid th:first-child, .pm-simplegrid th.pm-spacer { border: 0; } .pm-simplegrid th div.cell { white-space: nowrap; } .pm-simplegrid th div.cell.pm-resizable, .pm-simplegrid th div.cell.pm-ellipsis { text-overflow: ellipsis; } .pm-simplegrid th.pm-spacer div.cell { padding: 0; width: 21px; } .pm-simplegrid th.pm-spacer { width: 5px; } .pm-simplegrid td { padding: 5px 0; border-top: solid 1px var(--pmThemeBackground70); } .pm-simplegrid td div.cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pm-simplegrid .pm-sortable:after, #gridTimesheets .pm-sortable:after { content: " "; display: inline-block; width: 10px; height: 10px; vertical-align: middle; background: url(/images/simplegrid-vertical-bg-lighter.gif) no-repeat 100% -36px; opacity: 0; } .pm-simplegrid .pm-sorted-asc:after, #gridTimesheets .pm-sorted-asc:after { opacity: 1 !important; } .pm-simplegrid .pm-sorted-desc:after, #gridTimesheets .pm-sorted-desc:after { opacity: 1 !important; background-position-y: -25px; } .pm-simplegrid .pm-sortable, #gridTimesheets .pm-sortable { cursor: pointer; } .pm-simplegrid .pm-sortable:hover:after, #gridTimesheets .pm-sortable:hover:after { opacity: 0.25; } .pm-simplegrid .delete span { cursor: pointer; } .pm-simplegrid .delete span:hover:before { color: var(--pmThemeForeground); } .pm-simplegrid-subtleheader .pm-simplegrid th { padding: 6px 8px; font-weight: 400; font-size: 12px; } .pm-simplegrid-subtleheader .pm-simplegrid .pm-header { border-bottom: 1px solid var(--pmThemeBackground80); } .pm-simplegrid-subtleheader .pm-simplegrid .pm-sorted-desc, .pm-simplegrid-subtleheader #gridTimesheets .pm-sorted-desc { background-position-y: -21px; } .pm-simplegrid-subtleheader .pm-simplegrid .empty { padding: 6px 8px; } /* Astro-style simple grid */ .simplegrid-astro .pm-simplegrid th { background: var(--pmThemeBackground90); border-left: 1px solid var(--pmThemeBackground90); border-top: 1px solid var(--pmThemeBackground90); padding: 7px; font-size: 12px; line-height: 1em; } .simplegrid-astro .pm-simplegrid td { border: solid var(--pmThemeBackground90); border-width: 0 0 1px 1px; padding: 7px; font-size: 12px; line-height: 1em; } .simplegrid-astro .pm-simplegrid th:first-child, .simplegrid-astro .pm-simplegrid td:first-child { border-left: 1px solid var(--pmThemeBackground90); } .simplegrid-astro .pm-simplegrid th:last-child, .simplegrid-astro .pm-simplegrid td:last-child { border-right: 1px solid var(--pmThemeBackground90); } .simplegrid-astro .pm-simplegrid tr:last-child td, .simplegrid-astro .pm-simplegrid.footer th { border-bottom: 1px solid var(--pmThemeBackground90); } .simplegrid-astro .pm-simplegrid.footer th { border-top: 0; } .simplegrid-astro .pm-simplegrid.scrolling { padding-bottom: 1px; } .simplegrid-astro .pm-simplegrid.scrolling tr:last-child td { border-bottom: 0; } .simplegrid-astro .pm-simplegrid.scrolling .pm-body { border-bottom: 1px solid var(--pmThemeBackground80); } .simplegrid-astro .pm-simplegrid .pm-spacer { width: 0; padding: 0; position: relative; left: -1px; } .simplegrid-astro .pm-simplegrid .pm-spacer div { display: none; } .simplegrid-astro .pm-simplegrid .empty { padding: 7px; font-size: 12px; border: solid var(--pmThemeBackground90); border-width: 0 1px 1px; } /* Tooltips */ .ui-tooltip { padding: var(--pmThemeTooltipPadding); position: absolute; z-index: 9999; max-width: 300px; background-color: var(--pmThemeTooltipBackground) !important; color: var(--pmThemeTooltipForeground) !important; border-radius: var(--pmThemeTooltipCorner) !important; font-size: var(--pmThemeTooltipFontSize) !important; line-height: 1em !important; text-transform: uppercase; word-wrap: break-word; -webkit-box-shadow: var(--pmThemeTooltipShadow) !important; box-shadow: var(--pmThemeTooltipShadow) !important; } .tooltip-arrow-center-top:after, .tooltip-arrow-center-bottom:after, .tooltip-arrow-left-top:after, .tooltip-arrow-left-bottom:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-width: 6px; margin-left: -6px; } .tooltip-arrow-center-top:after { left: 50%; bottom: 100%; border-bottom-color: var(--pmThemeTooltipBackground); } .tooltip-arrow-center-bottom:after { left: 50%; top: 100%; border-top-color: var(--pmThemeTooltipBackground); } .tooltip-arrow-left-top:after { left: 1em; bottom: 100%; border-bottom-color: var(--pmThemeTooltipBackground); } .tooltip-arrow-left-bottom:after { left: 1em; top: 100%; border-top-color: var(--pmThemeTooltipBackground); } /* Popups */ .popup-arrow-top-center:after, .popup-arrow-top-left:after, .popup-arrow-top-right:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .popup-arrow-top-center:after { left: 50%; } .popup-arrow-top-left:after { left: 10px; } .popup-arrow-top-right:after { right: 10px; } /* Google location picker */ .pac-container .pac-item:hover { cursor: pointer; } .pac-container.pac-logo:after { opacity: 0.25; margin: 0.25em; } /* Looks like this might be in the wrong place, perhaps intended for a contacts css file? */ .add-edit-users, .contacts-page-body { margin: 0; padding: 20px 19px; min-width: 1006px; } .contacts-page-body .newUser .panel-header, .Users .edit.Panel .panel-header { height: auto; padding: 13px 2px 8px 11px; } .contacts-page-body .newUser .panel-header .title, #PageDiscussions .discussionItem .header .title, .Users .edit.Panel .panel-header .title { color: #1ea6f8; font-weight: normal; line-height: normal; font-size: 20px; margin-left: 0; } /*Filter*/ .filterActive { position: relative; } .filterActive:after { position: absolute; bottom: 6px; right: 0; content: " "; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #fff; background-color: var(--pmThemeBrand); } .pm-security .tooltipster-content { color: #666666 !important; } /* Custom scrollbar for cross domain iframe */ /* Scrollbars: Firefox */ * { scrollbar-width: thin; scrollbar-color: var(--pm-scroll-color) var(--pm-scroll-track-color); } /* Scrollbars: Webkit */ *::-webkit-scrollbar { width: 7px; height: 7px; } *::-webkit-scrollbar-track { background-color: transparent; border-radius: 3.5px; } *::-webkit-scrollbar-track:hover { background: var(--pm-scroll-track-color); } *::-webkit-scrollbar-thumb { background-color: var(--pm-scroll-color); border-radius: 3.5px; } *::-webkit-scrollbar-corner { background: transparent; } #ProjectSelectorLt, #ProjectSelectorRt{display:none;} /* project selector common formatting*/ .Panel {padding:20px;} .ProjectSelector{width:780px;} .ProjectSelector td.Label{text-align:right;padding:6px 6px 0 0;vertical-align:top;} .ProjectSelector td.FirstLabel{width:105px;} .ProjectSelector td.Field {padding:0 0 10px 0;} .ProjectSelector td.Field a.action {margin-left:5px;} .ProjectSelector .Note {color:#C8C8C8;font-style:italic;} .ProjectSelector td.Actions {padding:10px 0 0 0;} .ProjectSelector td.Actions.right {text-align:right;} .ProjectSelector .PanelTitle{border-top:solid 1px #F2F2F2;background:#DBDBDB;height:23px;overflow:hidden;} .ProjectSelector .PanelTitle .Title{color:#525252; font-weight:bold;display:block;float:left;padding:3px 5px 4px 5px;} .ProjectSelector a.Open{display:block;background:url(/images/admin/open.gif);width:35px;height:13px;} #ProjectSelector_Group_ProjectList{width:334px; height:150px;max-height: 150px;background:#F2F2F2;border: solid 1px #C8C8C8;overflow:scroll;overflow-x:visible;} #ProjectSelector_Group_ProjectList .Label{text-align:left;} .ProjectSelector .StandardWorkDaysTitle {color: #5D5D5D;display:block;margin-bottom:4px;} .ProjectSelector .StandardWorkDays td{padding:0 10px 0 0;vertical-align:top;text-align:center;} .ProjectSelector .StandardWorkDays td span{display:block;color:#414141;text-align:center;text-transform:uppercase;font-size:10px;} .ProjectSelector .StandardWorkDays td div{margin:0;padding:0;} .ProjectSelector .StandardWorkDays td input {margin:0;padding:0;} .ProjectSelector .StandardWorkDays .BtnGrayWhite {float:right;margin:9px 10px 0 0;} .ProjectSelector .userCheckList td {padding-left: 5px} .ProjectSelector .userAccess { float:right; border: 1px solid #cecece; border-radius: 2px; padding:20px; } .ProjectSelector .userAccess .Label {padding-bottom:10px;} .ProjectSelector .userAccess label {display:block;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ProjectSelector .userAccess label:hover {color:#77C044;cursor:pointer;} .ProjectSelector .userAccess label label {display:inline;} .ProjectSelector #UserSelections { width: 200px; height: 400px; overflow: auto; } .ProjectSelector #UserSelections .groupMarker, .ProjectSelector #UserSelections .subItems label {} .ProjectSelector #UserSelections input {vertical-align:middle;} .ProjectSelector .HideDetailsLink {text-transform:uppercase;color:#323232;} .ProjectSelector .HideDetailsLink:hover {color:#77C044;} /*Project Setup Wizard*/ .ProjectSetupWizard_Container{width:181px;z-index:100;position:absolute;display:none;}/*use class here cause asp.net steals the id due to server control*/ #ProjectSetupWizard{border:solid 1px #367C00;} #ProjectSetupWizard .Header{border-bottom:solid 1px #367C00;background:url('/images/checklist/projectsetupwizard/headerbg.gif');cursor:move; } #ProjectSetupWizard .Header .Title{display:block;height:22px;line-height:22px;color:#fff;font-weight:bold;vertical-align:middle;background:url(/images/checklist/projectsetupwizard/headericon.gif) no-repeat;padding-left:28px;} #ProjectSetupWizard .Header .Actions{float:right;} #ProjectSetupWizard .Header .Actions a{display:block;width:10px;height:22px;float:left;} #ProjectSetupWizard .Header .Actions a.Min{background:url('/images/checklist/projectsetupwizard/headermin.gif');} #ProjectSetupWizard .Header .Actions a.Max{background:url('/images/checklist/projectsetupwizard/headermax.gif');display:none;} #ProjectSetupWizard .Header .Actions a.Close{background:url('/images/checklist/projectsetupwizard/headerclose.gif');} #ProjectSetupWizard .Body{background:url('/images/checklist/projectsetupwizard/bodybg.gif');border-bottom:solid 1px #367C00;opacity:0.9;} #ProjectSetupWizard .Body .Item{margin-top:5px;padding-left:5px;} #ProjectSetupWizard .Body .Item a{display:block;height:35px;line-height:35px;vertical-align:middle; padding-left:40px;color:#0C3A0C;font-weight:bold;} #ProjectSetupWizard .Body .Item a:hover{color:#0C3A0C;text-decoration:underline;} #ProjectSetupWizard .Body .Item a.Project{background:url(/images/checklist/projectsetupwizard/icoproject.gif) no-repeat 0 3px;} #ProjectSetupWizard .Body .Item a.Team{background:url(/images/checklist/projectsetupwizard/icoteam.gif) no-repeat 0 3px;} #ProjectSetupWizard .Body .Item a.Tasks{background:url(/images/checklist/projectsetupwizard/icotasks.gif) no-repeat 0 3px;} #ProjectSetupWizard .Body .Item a.Resources{background:url(/images/checklist/projectsetupwizard/icoresources.gif) no-repeat 0 3px;} #ProjectSetupWizard .Body .Item a.Risks{background:url(/images/checklist/projectsetupwizard/icorisks.gif) no-repeat 0 3px;} #ProjectSetupWizard .Body .Heading{border-bottom:solid 1px #B9DC8B;color:#1D4B01;margin:0 5px;margin-top:5px; } #ProjectSetupWizard .Body .Selected{background:url('/images/checklist/projectsetupwizard/selectedbg.gif');} #ProjectSetupWizard .Body .Bullet{float:right;} #ProjectSetupWizard .Body .Instruction {color:#1D4B01;background:#D5F19D;padding:10px 7px;line-height:1.4em; } #ProjectSetupWizard .Footer{height:11px;background:url('/images/checklist/projectsetupwizard/footerbg.gif');overflow:hidden;} #ProjectSetupWizard .Footer a {height:11px;width:11px;margin-left:auto;margin-right:auto;display:block;} #ProjectSetupWizard .Footer a.Min {background:url('/images/checklist/projectsetupwizard/footermin.gif');} #ProjectSetupWizard .Footer a.Max {background:url('/images/checklist/projectsetupwizard/footermax.gif');display:none;} #ProjectSetupWizard a.CloseButton {display:block;background:#D5F19D;padding:5px;height:20px;text-align:center;color:#0C3A0C;margin-top:5px;} /*styling when minimised */ #ProjectSetupWizard.Minimised .Header a.Min {display:none;} #ProjectSetupWizard.Minimised .Header a.Max {display:block;} #ProjectSetupWizard.Minimised .Body{display:none;} #ProjectSetupWizard.Minimised .Footer a.Min {display:none;} #ProjectSetupWizard.Minimised .Footer a.Max {display:block;} /*Formatting for tasks ribbon bar*/ #TaskRibbon {padding-left:8px;} #TaskRibbon table{ background: url('/images/taskbar/ribbon/innerbg.gif' ) repeat-x; color: #003561; height: 67px; margin: 3px 0 0 2px; float:left;} #TaskRibbon td { padding: 0 2px; } #TaskRibbon a {display:block;color: #003561;background-repeat:no-repeat;} #TaskRibbon span {display:block;color: #003561;background-repeat:no-repeat;} #TaskRibbon td.seperator { background: url('/images/taskbar/ribbon/innerseperator.gif' ); width: 6px; padding:0; } #TaskRibbon td.start { background: url('/images/taskbar/ribbon/innerlt.gif' ); width: 2px; padding: 0; } #TaskRibbon td.end { background: url('/images/taskbar/ribbon/innerrt.gif' ); width: 2px; padding: 0; } #TaskRibbon tr.bottom td.item { vertical-align: top; } #TaskRibbon tr.middle td.item { vertical-align: middle; } #TaskRibbon tr.top td.item { vertical-align: bottom; } #TaskRibbon td.group {padding-top: 6px;vertical-align:top;} #TaskRibbon td.group a {padding-top:38px;padding-bottom:9px; text-align:center;width:36px;background-position:center top;line-height:1.0em } #TaskRibbon td.group span {padding-top:38px;padding-bottom:9px;text-align:center;width:36px;background-position:center top} #TaskRibbon td.item { height:15px;} #TaskRibbon td.item a { padding: 1px 3px;height:15px;padding-left:19px; } #TaskRibbon td.item span {padding: 1px 3px;height:15px;padding-left:19px; } #TaskRibbon td .State1Dis {display:none;opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;} #TaskRibbon td .State2 {display:none} #TaskRibbon td .State2Dis {display:none;opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;} * html #TaskRibbon table.Layout {position:relative;left:-3px;} * html #TaskRibbon table {float:left;} #TaskRibbon td a:hover { background-color:#BAE1F4;} .Task_AddTask_BG {background-image:url('/images/taskbar/ribbon/tasks/icotask1.gif');padding-top:35px !important;padding-bottom:2px !important} .Task_Cut_BG {background-image:url('/images/taskbar/ribbon/tasks/icocut.gif');} .Task_Copy_BG {background-image:url('/images/taskbar/ribbon/tasks/icocopy.gif');} .Task_Paste_BG {background-image:url('/images/taskbar/ribbon/tasks/icopaste.gif');} .Task_MileStone_BG {background-image:url('/images/taskbar/ribbon/tasks/icomilestone.gif');} .Task_Export_BG {background-image:url('/images/taskbar/ribbon/tasks/icoexport.gif');} .Task_Restore_BG {background-image:url('/images/taskbar/ribbon/tasks/icorestore.gif');} .Task_Print_BG {padding-left:21px !important;background-image:url('/images/taskbar/ribbon/tasks/icoprintv2.gif');} .Task_Print_Large_BG {background-image:url('/images/taskbar/ribbon/tasks/icoprintlarge.gif');} .Task_Save_BG {background-image:url('/images/taskbar/ribbon/tasks/icosave1.gif');} .Task_Import_BG {background-image:url('/images/taskbar/ribbon/tasks/icoimport.gif');} .Task_Delete_BG {background-image:url('/images/taskbar/ribbon/tasks/icodelete.gif');} .Task_Rename_BG {background-image:url('/images/taskbar/ribbon/tasks/icorename.gif');} .Task_Indent_BG {background-image:url('/images/taskbar/ribbon/tasks/icoindent.gif');} .Task_Outdent_BG {background-image:url('/images/taskbar/ribbon/tasks/icooutdent.gif');} .Task_Deadline_BG {background-image:url('/images/taskbar/ribbon/tasks/icodeadline.gif');} .Task_Resource_BG {background-image:url('/images/taskbar/ribbon/tasks/icoresources.gif');} .Task_AddNote_BG {background-image:url('/images/taskbar/ribbon/tasks/iconote.gif');} .Task_RemoveNote_BG {background-image:url('/images/taskbar/ribbon/tasks/iconoteremove.gif');} .Task_AddAlert_BG {width:64px; background-image:url('/images/taskbar/ribbon/tasks/icoalert.gif');} .Task_RemoveAlert_BG {background-image:url('/images/taskbar/ribbon/tasks/icoalertremove.gif');} .Task_Lock_BG {background-image:url('/images/taskbar/ribbon/tasks/icolock.gif');} .Task_Unlock_BG {background-image:url('/images/taskbar/ribbon/tasks/icolockremove.gif');} .Task_Baseline_BG {background-image:url('/images/taskbar/ribbon/tasks/icobaseline.gif');} .Task_ShowLinks_BG {background-image:url('/images/taskbar/ribbon/tasks/icolink.gif');} .Task_Timescale_BG {padding-left:21px !important;background-image:url('/images/taskbar/ribbon/tasks/timescale.png');} .Task_Columns_BG {padding-left:21px !important;background-image:url('/images/taskbar/ribbon/tasks/columns.png');} .Task_Split_BG {background-image:url('/images/taskbar/ribbon/tasks/icosplit.gif');} .Task_Unlink_BG {background-image:url('/images/taskbar/ribbon/tasks/icounlink.gif');} .Task_Color_BG {background-image:url('/images/taskbar/ribbon/tasks/icocolor.gif');} .Task_ColumnsHide_BG {background-image:url('/images/taskbar/ribbon/tasks/icocolumnshide.gif');} .Task_ColumnsShow_BG {background-image:url('/images/taskbar/ribbon/tasks/icocolumnsshow.gif');} .Task_GanttHide_BG {background-image:url('/images/taskbar/ribbon/tasks/icogantthide.gif');} .Task_GanttShow_BG {background-image:url('/images/taskbar/ribbon/tasks/icoganttshow.gif');} .Task_TaskInfoHide_BG {background-image:url('/images/taskbar/ribbon/tasks/icotaskinfohide.gif');} .Task_TaskInfoShow_BG {background-image:url('/images/taskbar/ribbon/tasks/icotaskinfoshow.gif');} .Task_BaselineShow_BG {background-image:url('/images/taskbar/ribbon/tasks/icobaselineshow.gif');padding-left:26px !important;} .Task_BaselineHide_BG {background-image:url('/images/taskbar/ribbon/tasks/icobaselinehide.gif');padding-left:26px !important;} .Task_PlannedShow_BG {background-image:url('/images/taskbar/ribbon/tasks/icoplannedshow.gif');padding-left:26px !important;} .Task_PlannedHide_BG {background-image:url('/images/taskbar/ribbon/tasks/icoplannedhide.gif');padding-left:26px !important;} .Task_ActualShow_BG {background-image:url('/images/taskbar/ribbon/tasks/icoactualshow.gif');padding-left:26px !important;} .Task_ActualHide_BG {background-image:url('/images/taskbar/ribbon/tasks/icoactualhide.gif');padding-left:26px !important;} /* Formatting for dashboard option bar */ #DashboardRibbon { height: 67px;white-space:nowrap; } #DashboardRibbon table.Layout{background: url('/images/taskbar/ribbon/innerbg.gif' ) repeat-x; height: 67px; margin: 3px 0 0 2px; } #DashboardRibbon td.body {vertical-align:top;padding-top:4px;} #DashboardRibbon td.item {padding:1px;width:100px;vertical-align:middle;} #DashboardRibbon td.item img {margin:0 5px 0 7px;} #DashboardRibbon td.item a {color: #032E4E;} #DashboardRibbon td.start { background: url('/images/taskbar/ribbon/innerlt.gif' ) no-repeat; width: 2px; padding: 0; } #DashboardRibbon td.end { background: url('/images/taskbar/ribbon/innerrt.gif' ) no-repeat top right; width: 2px; padding: 0; } * html #DashboardRibbon table.Layout{position:relative;left:-3px;} /* Fomratting for reports option bar */ .ReportsRibbon {height: 67px;white-space:nowrap; } .ReportsRibbon table.Layout{background: url('/images/taskbar/ribbon/innerbg.gif' ) repeat-x; height: 67px; margin: 3px 0 0 2px; } .ReportsRibbon td.body {height: 16px; vertical-align:top;text-align:left;padding:2px;} .ReportsRibbon td.item {padding:1px;width:130px;vertical-align:middle;} .ReportsRibbon td.item a {margin-left:5px;height:16px;display:block;padding-left:17px; color: #07436A;background: url('/images/reports/icoreport.gif' ) no-repeat; } .ReportsRibbon td.start { background: url('/images/taskbar/ribbon/innerlt.gif' ) no-repeat; width: 2px; padding: 0; } .ReportsRibbon td.end { background: url('/images/taskbar/ribbon/innerrt.gif' ) no-repeat top right; width: 2px; padding: 0; } * html .ReportsRibbon table.Layout{position:relative;left:-3px;} /* Formatting for the documents ribbon */ #DocumentsRibbon {background: url('/images/taskbar/ribbon/innerbg.gif' ) repeat-x; height: 67px; margin: 3px 0 0 3px; } #DocumentsRibbon td{vertical-align:top;text-align:center} #DocumentsRibbon_Nav td,#DocumentsRibbon_File td,#DocumentsRibbon_Search a,#DocumentsRibbon_View a {color:#003561;} #DocumentsRibbon_Nav td *,#DocumentsRibbon_File td *{display:block;margin-left:auto;margin-right:auto;color:#003561;} #DocumentsRibbon_Nav td div,#DocumentsRibbon_File td div {display:none;} #DocumentsRibbon_View a *,#DocumentsRibbon_Search a * {display:block;margin-left:auto;margin-right:auto;} /*inactive td*/ #DocumentsRibbon td.Inactive {opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3;} #DocumentsRibbon td.Inactive div {display:block;} #DocumentsRibbon td.Inactive a {display:none;} #DocumentsRibbon td.seperator { background: url('/images/taskbar/ribbon/innerseperator.gif' ) no-repeat; width: 6px; padding: 0; } #DocumentsRibbon td.start { background: url('/images/taskbar/ribbon/innerlt.gif' ) no-repeat; width: 2px; padding: 0; } #DocumentsRibbon td.end { background: url('/images/taskbar/ribbon/innerrt.gif' ) no-repeat top right; width: 2px; padding: 0; } #DocumentsRibbon span.Title {height:13px;background: url('/images/taskbar/ribbon/documents/titlebg.gif' ) repeat-x;text-transform:uppercase;color:#005BA7;display:block;margin:3px 2px 0 2px;text-align:center;padding-top:2px; } #DocumentsRibbon_Nav td {padding:0 3px;} #DocumentsRibbon_File td {padding:0 5px;} #DocumentsRibbon_Search {width:60px;} #DocumentsRibbon_View {width:60px;} #DocumentsRibbon_View img {margin-top:3px;margin-bottom:4px;} /*Error Page*/ .ErrorPageContainer.pmPopup {display:block !important;width:400px;} /*.ErrorPageContainer{width:600px;margin-left:auto;margin-right:auto;position:relative;top:-15px; } .ErrorPageContainerLt{height:265px;width:2px;background:url(/images/error/errorlt.png);float:left;} .ErrorPageContainerRt{height:265px;width:6px;background:url(/images/error/errorrt.png);float:right;} .ErrorPageContainerBody{height:265px;background:url(/images/error/errorbg.png);overflow:hidden;} .ErrorPageContainer .Header{padding-top:2px;} .ErrorPageContainer .Header img{float:left;} .ErrorPageContainer .Header .Title{background:url(/images/error/headerbg.gif);color:#fff;display:block;height:21px;font-weight:bold;margin-left:24px;padding:5px 0 0 10px;} .ErrorPageContainer .Message{float:left;width:330px;height:205px;overflow:hidden;color:#4A421C;border-right:solid 1px #DACB9F;margin:15px 0 0 24px;padding-right:20px; } .ErrorPageContainer .Message p{margin-top:0;margin-bottom:12px;} .ErrorPageContainer .Links {margin-left:384px;margin-top:15px;} .ErrorPageContainer .Links a{display:block;color:#8D5F00;padding-left:15px;background:url(/images/error/point.gif) no-repeat 0 4px;margin-bottom:3px;} * html .ErrorPageContainerLt {height:262px;margin:0;padding:0} * html .ErrorPageContainerRt {height:262px;width:2px;} * html .ErrorPageContainerBody{height:262px;margin:0px;float:left;} * html .ErrorPageContainer .Message{margin-left:12px;}*/ /*MODAL DIALOGS*/ /*Warning Modal */ .ModalBG {background-color:#fff;opacity: 0.01; filter: alpha(opacity=01); -moz-opacity: 0.01;} .ModalSummaryContainer{padding:26px 20px 0 35px;width:270px;height:260px;background:url('/images/modal/modalbg.png') no-repeat;margin-left:auto;margin-right:auto;} * html .ModalSummaryContainer{background:url('/images/modal/modalbg.gif') no-repeat;} .ModalSummaryContainer .Title{cursor:move;font-weight:bold;color:#362100;margin-bottom:10px;} .ModalSummaryContainer .Body {height:185px;overflow:auto;} .ModalSummaryContainer .Subtitle{color:#000;} .ModalSummaryContainer .Message{} .ModalSummaryContainer .Actions{position:absolute;bottom:10px;width:265px;} .ModalSummaryContainer .Actions table{margin-left:auto;margin-right:auto;} .ModalSummaryContainer .Actions a{color:#fff;font-weight:bold;display:block;width:84px;height:27px;text-align:center;line-height:27px;vertical-align:middle;} .ModalSummaryContainer .Actions a.OK {background:url(/images/modal/btngreen.gif)} .ModalSummaryContainer .Actions a.Cancel {background:url(/images/modal/btnred.gif)} /*Information Modal */ .ModalInfoContainer{width:371px;height:266px;background:url(/images/modal/modalinfobg.png);} .ModalInfoContainer div.Header{border:none 1px white;padding:5px 0 0 10px;margin-top:8px;height:18px;cursor:move;} .ModalInfoContainer div.Header span.Title{font-weight:bold;color:#fff;display:block;float:left;} .ModalInfoContainer div.Header a.Close {margin-right:20px;width: 28px; height: 15px;float:right; background: transparent url('/images/modal/controlbuttons.gif' ) no-repeat -84px top; } .ModalInfoContainer div.Header a.Close:hover { background: transparent url('/images/modal/controlbuttons.gif' ) no-repeat -84px -15px; } .ModalInfoContainer div.Body {border:none 1px white;padding:8px 10px;} .ModalInfoContainer div.Body .Label{color:#003E66;} .ModalInfoContainer div.Body input,.ModalInfoContainer div.Body textarea {border:solid 1px #5DA1C8;} * html .ModalInfoContainer{background:url(/images/modal/modalinfobg.gif);} /*Email Modal - built on top of information modal*/ .ModalControls td.Label{text-align:right;padding-right:4px;} .ModalControls td.Label.Top{vertical-align:top;padding-top:4px;} .ModalControls td.Field {padding:1px 0 1px 0} .ModalControls td.Action {padding-top:4px;} .ModalControls td.Action a{float:left;margin-right:5px;} /*Cancel Account Modal - built on top of information modal*/ .ModalCancelAccount {width:371px;height:415px;background:url(/images/modal/modalcancelbg.png);} .ModalCancelAccount td.Info{text-align:left;padding:1px 0px 10px 0;color:#003E66;} .ModalCancelAccount td.Actions a{float:left;margin:3px 3px 0 0} * html .ModalCancelAccount{background:url(/images/modal/modalcancelbg.gif);} /*Spin Edit Formatting*/ .SpinEditWrapper{position:relative;display:inline; } .SpinEditWrapper_Text {width:35px;height:17px;top:0;text-align:center;position:absolute;line-height:20px;} .SpinEditWrapper_Up {position:absolute;left:35px;top:0;height:9px;width:13px; background:url(/images/common/spineditup.gif);border:Solid 1px #aaa; } .SpinEditWrapper_Down {position:absolute;left:35px;top:10px;height:9px;width:13px;background:url(/images/common/spineditdown.gif);border:Solid 1px #aaa; } /* Tooltip hovers */ .pm-tooltip {position:absolute;display:none;} .pm-tooltip .pm-tooltip-content {background:#ffffeb; padding:10px; border-radius: 2px; -webkit-box-shadow: 0 0 25px rgba(152,152,152,0.4); box-shadow: 0 0 25px rgba(152,152,152,0.4);} .pm-tooltip .pm-tooltip-pointer {position:absolute;width:12px;height:7px;background: url(/images/myhome/myhome-sprite.png) -183px -4px;bottom:-6px;} .pm-tooltip .pm-tooltip-pointer.right {width:7px;height:12px;background-position:-183px -15px;left:-6px;} .pm-tooltip .pm-tooltip-pointer.left {width:7px;height:12px;background-position:-171px -15px;right:-6px;} .pm-tooltip .pm-tooltip-pointer.bottom {background-position:-167px -3px;top:-6px;} html body div.pm-tooltip {height:auto !important;overflow:visible !important;} /*add some extra weight to these rules when contained within elements unspecific rules*/ /* Pager */ .pm-pager {vertical-align:middle;} .pm-pager .pm-pager-link {} /* Shadow */ .shadow { background-color: #0e90d4; border: 1px solid #6e6d6b; border-radius: 2px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); } /*project info popups*/ #maintainProjectPopup { margin: 0; padding: 0; min-width: 0; overflow: hidden; z-index: 9999; } #maintainProjectPopup #Project .Label { display: block; margin-bottom: 2px; } #maintainProjectPopup #SelectData { height: 139px; border: 1px solid #d3d3d3; border-radius:2px;margin-top: 15px; } #maintainProjectPopup #SelectData.top {margin-top: 10px} #maintainProjectPopup .editType table, .editType td { border-collapse: collapse; padding: 0; } #maintainProjectPopup .editType table { width: 100%; } #maintainProjectPopup .editType input { width: 255px; height:auto; } #maintainProjectPopup .editType .actionButtonAdd, #maintainProjectPopup .editType .actionButtonUpdate { width: 60px; } #maintainProjectPopup .editTypeHeader { clear: both; margin: 15px 0 5px; } #maintainProjectPopup .editTypeHeader.top { margin-top: 0; } #maintainProjectPopup .editType .label { } #maintainProjectPopup .addActions { display: none; } #maintainProjectPopup table.MasterTable_PMWeb { width: 100% !important; } #maintainProjectPopup .GridRow_PMWeb div, #maintainProjectPopup .GridAltRow_PMWeb div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 212px; } #maintainProjectPopup.custom #SelectData { height: 109px; } #rfvName {display:none;} #PMErrorLogViewer { position: absolute; border: solid 1px #999; top: 0; left: 0; z-index: 9999999; opacity: 0.8; width: 400px; } #PMErrorLogViewer:hover .items, #PMErrorLogViewer:hover { opacity: 1; } #PMErrorLogViewer .header { cursor: move; background: #E1E1E1; padding: 10px 5px; border: solid 1px #fff; border-width: 1px 0 0 1px; border-bottom: solid 1px #999; position: relative; } #PMErrorLogViewer .header .title { padding-left: 19px; background: url(/images/gantt-ico-sprite.png) no-repeat 0 -500px; display: inline-block; height: 16px; } #PMErrorLogViewer .header .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } #PMErrorLogViewer .items { opacity: 0.4; min-height: 300px; background: #fff; max-height: 400px; overflow-y: scroll; } #PMErrorLogViewer .item { padding: 5px; } /***** COMPONENTS ********************/ .pm-simplegrid .delete span:hover:before { color: var(--pmColorBrand); } /****** TaskColumn Mapper ******/ .pm-taskcolumn-mapper .pm-simplegrid table { border-collapse: collapse; } .pm-taskcolumn-mapper .pm-simplegrid th, .pm-taskcolumn-mapper .pm-simplegrid tr td { border: solid 1px var(--pmThemeBackground70); border-width: 0 1px 1px 1px; padding: 0; font-size: 12px; } .pm-taskcolumn-mapper .pm-simplegrid select { max-width: 110px; min-width: 110px; } .pm-taskcolumn-mapper .pm-simplegrid .empty { text-align: center; margin-top: 40px; } .pm-taskcolumn-mapper .cell { width: 125px !important; min-width: 125px; max-width: 125px; padding: 5px; } .pm-taskcolumn-mapper .instructions { padding: 25px; margin-left: 200px; } .pm-taskcolumn-mapper .options { padding: 20px 0 0 0; } .pm-taskcolumn-mapper .options * { vertical-align: middle; } .t-animation-container { z-index: 10000; } /* Scrollbars */ .scrollbar { position: absolute; bottom: 0; width: 100%; z-index: 999; } .pm-scrollbar-vertical { height: 100%; background: var(--pmThemeScrollTrack); } .pm-scrollbar-vertical .track { border-left: 1px solid var(--pmThemeScrollTrack); } .pm-scrollbar-vertical .label { position: absolute; top: 5px; right: 20px; border: solid 1px #ccc; background: #fafafa; padding: 10px; z-index: 10000; } .pm-scrollbar-vertical .top, .pm-scrollbar-vertical .bottom, .pm-scrollbar-vertical .handle { display: none; } .pm-scrollbar-vertical .bar { position: relative; height: 40px; width: 8px; top: 1px; background: var(--pmThemeScrollHandle); border-radius: 4px; margin-left: 4px; } .pm-scrollbar-vertical .bar.hover { } .pm-scrollbar-vertical .bar.selected { } .pm-scrollbar-horizontal { height: 16px; overflow: hidden; background: var(--pmThemeScrollTrack); border-top: 1px solid var(--pmThemeBackground); border-bottom: 1px solid var(--pmThemeBackground80); padding: 0 3px; } .pm-scrollbar-horizontal .left, .pm-scrollbar-horizontal .right, .pm-scrollbar-horizontal .handle { display: none; } .pm-scrollbar-horizontal .track { margin: 0; position: relative; } .pm-scrollbar-horizontal .bar { height: 8px; width: 40px; top: 1px; background: var(--pmThemeScrollHandle); border-radius: 4px; margin-top: 3px; } #Editor .pm-projectpanel-wrap .btn span { line-height: 1em; padding-bottom: 5px; padding-top: 4px; } #Editor .priority .chosen-results li { padding: 3px 0 2px 8px !important} .pm-projectpanel { z-index: 1; border: 0 !important; min-width: 750px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: -webkit-calc(100vh - 56px); height: calc(100vh - 56px); } .pm-projectpanel-tasks input[type=text] { border: 0 !important; } .pm-projectpanel-tasks { position: relative; display: block; overflow: hidden; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pm-projectpanel-grid { position: absolute; width: 50%; height: 100%; background: var(--pmThemeBackground); z-index: 1; } .pm-projectpanel-gantt { position: absolute; height: 100%; background: var(--pmThemeBackground90); border-top: 1px solid var(--pmThemeBackground90); overflow: hidden; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-projectpanel-vdivider { z-index: 16; width: 10px; position: absolute; left: 50%; height: 100%; margin-left: 0; cursor: e-resize; background-color: var(--pmThemePrimaryBorderWeak); border-left: solid 1px var(--pmThemeBackground); border-right: solid 1px var(--pmThemeBackground); border-bottom: solid 1px var(--pmThemeBackground); border-radius: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-projectpanel-vdivider:before { position: relative; top: 48%; left: -3px; } .pm-projectpanel-vdivider .handle { position: relative; top: 48%; left: -3px; } .pm-projectpanel-vdivider .handle:before { color: var(--pmThemeBackground80) !important;} .pm-projectpanel-vdivider.ui-draggable-dragging { border-right: 1px solid #ddd; } .pm-projectpanel-hdivider { height: 6px; cursor: n-resize; z-index: 9999; border: 1px solid #ddd; text-align: center; background: #fff; } .pm-projectpanel-hdivider .handle { display: inline-block; margin: -3px 0 0 0; color: #ddd; } .pm-projectpanel-scrollbar { position: absolute; top: 0; right: 0; height: 100%; width: 17px; z-index: 1000; } .pm-projectpanel-wrap { background: var(--pmThemeBackground); padding: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: none; } .pm-projectpanel-infoheader {line-height: normal;} .pm-projectpanel-infoheader .taskDetails { font-size: 18px; } .pm-projectpanel-infoheader .taskDetails .title { float: left; font-family: var(--pmFontFaceHead); } .pm-projectpanel-infoheader .hideDetails { text-align: center; display: none; } .pm-projectpanel-infoheader .hideDetails .hide { cursor: pointer; } .pm-projectpanel-infoheader .hideDetails .hide:hover { color: var(--pmColorBrand); } .pm-projectpanel-infoheader .hideDetails .hide span:before { font-size: 10px; } .pm-projectpanel-infoheader .hideDetails .hide .text { font-size: 12px; margin: 0 20px; } .pm-projectpanel-infoheader .button.opener { margin-right: 10px; color: #fff; background-color: #ccc; border-color: #ccc; } .pm-projectpanel-infoheader .button.opener:hover { background-color: #bbb; border-color: #bbb; } .pm-projectpanel-infoheader .button.opener > span:before { font-size: 12px; margin-right: 5px; } .pm-projectpanel-infoheader .showDetails { display: none; } /* Disible divider on touch devices */ @media (-moz-touch-enabled: 1), (pointer:coarse) { .pm-projectpanel-vdivider { cursor: default; } .pm-projectpanel-vdivider .handle { display: none; } } .pm-projectpanel .pm-skeleton { width: 100%; height: -webkit-calc(100% - 56px); height: calc(100% - 56px); margin-top: 55px; top: 1px; border-radius: 0 0 4px 4px; background: var(--pmThemeBackground); position: absolute; z-index: 9999999; } .pm-projectpanel .pm-skeleton .header { border: solid var(--pmThemeBackground90); border-width: 1px 0; height: 27px; } .pm-projectpanel .pm-skeleton .body { padding: 20px; } .pm-projectpanel .pm-skeleton .body ul, .pm-projectpanel .pm-skeleton .body li { list-style: none; margin: 0; padding: 0; } .pm-projectpanel .pm-skeleton .body li { margin-bottom: 7px; } .pm-projectpanel .pm-skeleton .body span { display: inline-block; width: 94px; height: 12px; margin-right: 30px; vertical-align: middle; background-color: var(--pmThemeBackground90); } .pm-projectpanel .pm-skeleton .body span.square { width: 18px; height: 18px; margin-right: 25px; } .pm-projectpanel .pm-skeleton .body span.large { width: 156px; height: 18px; } .pm-projectpanel .pm-skeleton .body span.large.corner { margin-left: 18px; } .pm-projectpanel .pm-skeleton .body span.large.corner:before { font-size: 12px; color: var(--pmThemeBackground90); margin: 3px 0 0 -18px; } .pm-projectpanel .pm-skeleton .body span.large.noCorner { margin-right: 48px; } .pm-projectpanel .pm-portfolio-skeleton { position: absolute; width: 100%; height: 100%; top: 0; z-index: 9999999; background: var(--pmThemeBackground); border-radius: 4px; text-align: center; } .pm-projectpanel .pm-portfolio-skeleton .body {position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .pm-projectpanel .pm-portfolio-skeleton img { width: 140px; } #newProjectForm .pm-newproject-skeleton { position: absolute; z-index: 6000; top: 65px; left: 0; width: 100%; height: -webkit-calc(100% - 65px); height: calc(100% - 65px); background: var(--pmThemeBackground); } #newProjectForm .pm-newproject-skeleton .body { padding: 20px; } #newProjectForm .pm-newproject-skeleton .body ul, #newProjectForm .pm-newproject-skeleton .body li { list-style: none; margin: 0; padding: 0; } #newProjectForm .pm-newproject-skeleton .body li { margin-bottom: 10px; } #newProjectForm .pm-newproject-skeleton .body span { display: inline-block; width: 120px; height: 12px; margin-left: 10px; vertical-align: middle; background-color: var(--pmThemeBackground90); } #newProjectForm .pm-newproject-skeleton .body span:first-child { margin-left: 30px; } #newProjectForm .pm-newproject-skeleton .body span.large { width: 187px; -webkit-transform: scaleX(1.5); -ms-transform: scaleX(1.5); -o-transform: scaleX(1.5); transform: scaleX(1.5); -webkit-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; height: 18px; margin-left: 0; } .pm-projectpanel .pm-skeleton .body span, #newProjectForm .pm-newproject-skeleton .body span { background-image: -webkit-linear-gradient(left, var(--pmThemeBackground90) 0px, var(--pmThemeBackground80) 30px, var(--pmThemeBackground90) 60px); background-image: -o-linear-gradient(left, var(--pmThemeBackground90) 0px, var(--pmThemeBackground80) 30px, var(--pmThemeBackground90) 60px); background-image: linear-gradient(90deg, var(--pmThemeBackground90) 0px, var(--pmThemeBackground80) 30px, var(--pmThemeBackground90) 60px); -webkit-background-size: 300px 300px; background-size: 300px; -webkit-animation: skeletonShine 1.75s infinite ease-out; -o-animation: skeletonShine 1.75s infinite ease-out; animation: skeletonShine 1.75s infinite ease-out; } @-webkit-keyframes skeletonShine { 0% { background-position: -100px; } 40%, 100% { background-position: 200px; } } @-o-keyframes skeletonShine { 0% { background-position: -100px; } 40%, 100% { background-position: 200px; } } @keyframes skeletonShine { 0% { background-position: -100px; } 40%, 100% { background-position: 200px; } } .pm-tasksearch { cursor: default; position: absolute; color: #393939; padding-left: 10px; top: 0; width: 260px; } .pm-tasksearch div.searchtext { float: left; } .pm-tasksearch div.searchinput { float: left; } .pm-tasksearch div.searchinput input { height: 15px; margin-top: 2px; } .pm-tasksearch div.searchprev, .pm-tasksearch div.searchnext { display: none; } .pm-tasksearch div.searchprev:hover { background-position: 0 -19px; } .pm-tasksearch div.searchprev.disabled { background-position: 0 -38px; } .pm-tasksearch div.searchnext { background-position: -15px 0; } .pm-tasksearch div.searchnext:hover { background-position: -15px -19px; } .pm-tasksearch div.searchnext.disabled { background-position: -15px -38px; } .pm-share-plan { float: right; text-align: right; margin-top: -5px; } .pm-share-plan:before { font-size: 24px !important; } .pm-share-plan div.sharetext, .pm-share-plan div.shareinput { display: inline; } .pm-share-plan div.shareinput input { width: 150px; margin: 0 3px; } .pm-share-plan a.hint, .pm-share-plan.icon-pm-share { color: #b7b7b7; line-height: 1em; font-size: 25px; margin: 0 6px 6px 0; cursor: pointer; } .pm-share-plan a.hint:before { position: relative; top: 1px; } .pm-share-plan a.hint:hover, .icon-pm-share:hover { color: var(--pmColorBrand); } .pm-editor-footer { height: 6px; cursor: n-resize; background: url(/images/scrollbar-horizontal-bg.png) 0 -65px; z-index: 1000; width: 100%; } .pm-key-handler { position: fixed; top: 0; left: -50px; height: 2px; width: 2px; z-index: 1; } .pm-tabstrip { margin-top: 20px; } .pm-tabstrip .pm-tablist { padding: 0; margin: 0; margin-bottom: -1px; } .pm-tabstrip .pm-tabitem { text-transform: uppercase; color: var(--pmThemeForeground50); font-size: 13px; margin-right: 15px; list-style: none; display: inline-block; border-right-width: 0; cursor: pointer; } .pm-tabstrip .pm-tabitem.active { color: var(--pmThemeForeground); } .pm-tabstrip .pm-tabitem:hover { color: var(--pmThemeForeground); } .pm-tabstrip .pm-tabitem.disabled, .pm-tabstrip .pm-tabitem.disabled:hover { cursor: default; opacity: .5; } .pm-tabstrip .pm-contentitem { height: 140px; margin-top: 15px; } .pm-tabstrip .pm-contentitem .dates { padding-top: 5px; } .pm-taskgrid { overflow: hidden; border: solid 10px var(--pmThemePrimaryBorder); border-width: 1px 0; width: 100%; height: 100%; user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; } .pm-taskgrid td { white-space: nowrap; border: solid 1px var(--pmThemePrimaryBorderWeak); border-width: 0 1px 1px 0; } .pm-taskgrid thead th { position: relative; font-weight: normal; text-transform: uppercase; border: 1px solid var(--pmThemePrimaryBorderWeak); color: var(--pmThemeForeground50); border-width: 1px 1px 1px 0; white-space: nowrap; padding: 0 5px; height: 27px; line-height: 27px; vertical-align: middle; text-align: left; font-size: 12px; } .pm-taskgrid thead th .title { display: block; height: 100%; text-overflow: ellipsis; overflow-x: hidden; } .pm-taskgrid thead th .resize { position: absolute; height: 100%; width: 8px; right: 0; top: 0; cursor: e-resize; z-index: 9999; } .pm-taskgrid thead th .sort { opacity: 0; position: absolute; height: 18px; width: 18px; right: 4px; top: 3px; cursor: pointer; background-color: var(--pmThemeBackground90); z-index: 9999; border: solid 1px transparent; } .pm-taskgrid thead th .sort:before { color: var(--pmThemeForeground50); } .pm-taskgrid thead th .sort.sortOpenFromPopup { opacity: 1; } .pm-taskgrid thead th:hover .sort { opacity: 1; } .pm-taskgrid thead th .sort:before { font-size: 9px; line-height: 18px; margin-left: 4px; } .pm-taskgrid thead th .info .title { font-size: 12px; } .pm-taskgrid thead th.add-columns { padding: 0; } .pm-taskgrid thead th.add-columns .title { cursor: pointer; text-align: center; width: 25px; } .pm-taskgrid thead th.add-columns .title:before { font-size: 12px; line-height: 27px; } .pm-taskgrid tbody td.add-columns { cursor: pointer; } .pm-taskgrid .row-headers { color: var(--pmThemeForeground50); } .pm-activeusers { display: none; position: absolute; top: 16px; right: 16px; padding: 0 10px; line-height: 24px; border-radius: 12px; font-size: 12px; background-color: var(--pmThemeBackground80); cursor: pointer; } .pm-activeusers .number { font-weight: bold; } .pm-activeusers:hover { background-color: var(--pmThemeBackground70); } .tooltipster-base, .active-users-tooltip { pointer-events: auto; cursor: default; } .active-users-tooltip { width: 180px; } .active-users-tooltip .active-users-item { margin-top: 10px; } .active-users-tooltip .title { text-transform: uppercase; font-size: 12px; color: var(--pmThemeBackground50); } .active-users-tooltip .avatar { position: relative; display: inline-block; vertical-align: middle; color: var(--pmThemeForeground); text-align: center; -webkit-background-size: cover; background-size: cover; background-position: 50%; background-image: none; background-color: var(--pmThemeBackground80); border-radius: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 15px; border: 1px solid var(--pmThemeBackground90); -webkit-background-clip: padding-box; background-clip: padding-box; } .active-users-tooltip .avatar.more { background-color: var(--pmThemeBackground50); } .active-users-tooltip .avatar .dot { position: absolute; height: 9px; width: 9px; border-radius: 50%; display: inline-block; bottom: -2px; right: 2px; border: 1px solid var(--pmThemeBackground90); } .active-users-tooltip .name { display: inline-block; vertical-align: middle; padding-left: 10px; max-width: -webkit-calc(100% - 50px); max-width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 30px; color: var(--pmThemeForeground); } .hasActiveUsers .pm-activeusers { display: inline-block; } @supports (-ms-ime-align:auto) { .pm-projectpanel-grid .pm-taskgrid { height: -webkit-calc(100% - 2px); height: calc(100% - 2px); } /* IE Only */ } .pm-taskgrid thead { cursor: pointer; } .pm-taskgrid thead.grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pm-importscreen { display: none; } .pm-importscreen .header { padding-left: 15px; border-bottom: solid 1px #9f9f9f; border-right: solid 1px #b7babc; height: 26px; line-height: 26px; cursor: pointer; color: #333; background: #E1E1E1; font-size: 13px; font-weight: bold; white-space: nowrap; } .pm-importscreen .container { padding: 15px; } .pm-importscreen .container .intructions { margin-bottom: 1em; } .pm-importscreen .container .button { margin: 0 5px 5px 0; } .pm-taskgrid .row-headers { position: absolute; top: 0; left: 0; height: 100%; } .pm-taskgrid .row-headers table { position: relative; z-index: 2; } .pm-taskgrid .row-headers .all, .pm-taskgrid .row-headers tbody th span { cursor: pointer; display: block; width: 32px; font-size: 12px; text-align: center; } .pm-taskgrid .row-headers tbody.grabbing th span { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pm-taskgrid .row-headers .all { border-left: 0; padding: 0; width: 33px; } .pm-taskgrid .row-headers tbody th { cursor: pointer; font-weight: normal; color: var(--pmThemeForeground50); border: solid 1px var(--pmThemePrimaryBorderWeak); border-width: 0 1px 1px 0; } .pm-taskgrid .row-headers tbody th span { height: 24px; line-height: 24px; text-align: center; } .pm-taskgrid .scrollSection { overflow-x: auto; overflow-y: hidden !important; position: absolute; top: 0; left: 31px; } /* added important here PM-412 to override scrollbar js to reduce regression */ .pm-taskgrid .scrollSection .cells table { border-left-width: 0; margin: 0; } .pm-taskgrid .scrollSection .pm-ie-shim { width: 100%; } .pm-taskgrid .scrollSection .copy-indicator .copy-selection { position: absolute; display: block; border: dashed #03ADEE 1.1px; z-index: 20; pointer-events:none; background: transparent; color: var(--pmThemeForeground); } .pm-taskgrid .scrollSection::-webkit-scrollbar { display: none; } .pm-taskgrid-headermenu { background: red; padding: 0 10px; position: absolute; z-index: 9999; display: none; top: 0; right: -2px; height: 100%; } .pm-taskgrid-headermenu .pm-resize { float: right; height: 100%; width: 3px; cursor: e-resize; } .pm-taskgrid-itemeditor-resources { height: 100%; white-space: nowrap; overflow: hidden; } .active-overlay .tasktags { overflow: hidden; height: 23px; cursor: text; } #GanttAssignmentPopupContent input[type=text] { border: 0px; padding: 0 10px 0 24px; } #GanttAssignmentPopup { padding: 0; } #GanttAssignmentPopup > #PMPopupTitle { position: relative; z-index: 1; padding: 0; margin: 0; border: 0; } #GanttAssignmentPopup > #PMPopupTitle .title { display: none; } #GanttAssignmentPopup > #PMPopupTitle .close { position: absolute; top: 10px; right: 10px; margin: 0; } #GanttAssignmentPopup > #PMPopupTitle .close:before { font-size: 12px; } .gantt-cell-assignment-icon { padding: 3px; position: absolute; right: 0; background-color: white; } .pm-taskgrid .header-overflow {width: 100%; height:27px; position: absolute; top: 0px; } .pm-taskgrid tr.active th { background: #FFDC61; } .pm-taskgrid tr th.active { background: var(--pmThemeGridBackgroundSelected); } .pm-taskgrid tr.selected td, .pm-taskgrid tr td.selected { background: var(--pmThemeGridBackgroundSelected); } .pm-taskgrid tr.selected td .pm-cell-background, .pm-taskgrid tr td.selected .pm-cell-background { opacity: 0.5; } .pm-taskgrid tr.selected th, .pm-taskgrid tr th.selected { background: var(--pmThemeGridBackgroundSelected); } .pm-taskgrid tr.summary td, .pm-taskgrid tr.summary td .pm-cell, .pm-taskgrid tr.summary td b { font-weight: var(--pmFontWeightBold); color: var(--pmThemeForeground100); } .pm-taskgrid tr.selected.grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pm-taskgrid .pm-cell { font-size: 12px; color: var(--pmThemeForeground); overflow: hidden; position: relative; padding: 0 5px; height: 24px; line-height: 24px; vertical-align: middle; width: 100%; cursor: text; text-overflow: ellipsis; } .pm-taskgrid .pm-cell-taskname span.taskname { position: absolute; z-index: 10; overflow: hidden; cursor: text; text-overflow: ellipsis; display: inline-block; color: var(--pmThemeForeground); } .pm-taskgrid .pm-cell-taskname span.summary { cursor:pointer; } .pm-taskgrid .pm-cell-taskname span.summary, .pm-itemeditor-taskname .summary { position: absolute; left: -11px; top: 5px; display: block; width: 12px; height: 12px; z-index: 100; } .pm-taskgrid .pm-cell-taskname span.summary:before { color: var(--pmThemeForeground50); cursor: pointer; font-size: 11px !important; padding-top: 2px; } .pm-itemeditor-taskname .summary:before { color: #ccc; cursor: pointer; font-size: 11px !important; padding-top: 0px; } .pm-taskgrid .pm-cell-taskname span.summary:hover:before, .pm-itemeditor-taskname .summary:hover:before { color: var(--pmThemeBrand); } .pm-taskgrid .pm-cell span.icon-pm-lock { position: absolute; top: 4px; right: -3px; display: none; } .pm-taskgrid .pm-cell:hover span.icon-pm-lock { display: inline-block; background: var(--pmThemeBackground); color: var(--pmThemeBackground50); } .pm-taskgrid .pm-cell input[type=checkbox].cbSimple + label > .cb { margin-right: 0px; } .pm-taskgrid-editor-boolean input[type=checkbox].cbSimple + label > .cb { margin-right: 0px; } .pm-taskgrid .active-overlay .pm-readonly span.icon-pm-lock { position: absolute; top: 4px; right: 2px; } .pm-taskgrid .active-overlay .pm-readonly {padding-left:4px;} .pm-cell.wbs, .pm-cell.baselineFinish, .pm-cell.baselineStart, .pm-cell.info, .pm-cell.remainingEffort, .pm-cell.plannedResourceCost, .pm-cell.actualResourceCost, .pm-cell.actualEffort, .pm-cell.resource, .pm-cell.percentComplete, .pm-cell.isMilestone, .pm-cell.isComplete, .pm-cell.priority, .pm-cell.tags, .pm-cell.type-bool, .pm-cell.type-dropdown-multi, .pm-cell.type-dropdown-single { cursor: default; } .pm-taskgrid-column-seperator { position: absolute; top: 0; width: 4px; z-index: 20; cursor: w-resize; } .pm-taskgrid-column-highlight { position: absolute; top: 0; left: 0; width: 20px; background: #000; height: 100%; z-index: 21; display: none; } .pm-taskgrid-column-drag { position: absolute; width: 1px; background: #2A79A0; z-index: 21; display: none; } .pm-taskgrid-column-dragtitle { position: absolute; z-index: 9999; } .pm-taskgrid-column-resize { position: absolute; width: 1px; background: #2A79A0; z-index: 21; } .pm-taskgrid-cell-dragSelection { position: absolute; z-index: 21; border: dashed 1px #777; } .pm-taskgrid-cell-multiSelection { position: absolute; z-index: 999; outline: solid 1px #1ea6f8; pointer-events: none;} .pm-taskgrid-cell-multiSelection .bg { background-color: #1ea6f8; opacity: 0.2; width: 100%; height: 100%; pointer-events: none; } .pm-taskgrid-row-drag { font-size: 11px; position: absolute; top: 0; left: 0; z-index: 99999; border-bottom: solid 1px #777; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pm-taskgrid-row-drag div { margin-left: 30px; float: left; padding: 5px 10px; border: solid 1px #777; height: 20px; background: #FFFBCC; opacity: 0.8; color: #000 !important; line-height: 20px; vertical-align: middle; -moz-border-radius: 5px 5px 0 0; -moz-box-shadow: 2px 2px 2px #666; -webkit-border-radius: 5px 5px 0 0; -webkit-box-shadow: 2px 2px 2px #666; } .pm-datagrid-popup { border: solid 1px #ccc; background: #fff; padding: 10px; position: absolute; } .pm-datagrid-popup .header { font-weight: bold; color: #fff; font-size: 12px; background: blue; } /* tooltips that correspond to taskinfo column icons */ .pm-taskpopup.pm-taskgrid-tooltip, .pm-taskgrid-tooltip, .pm-taskgrid-column-dragtitle { background-color: var(--pmThemeBackground80); color: var(--pmThemeForeground); padding: 10px !important; width: auto; min-width: 150px; max-width: 350px; } .pm-taskpopup.pm-taskgrid-tooltip .header, .pm-taskgrid-tooltip .header { background: transparent; padding: 0; margin: 0 0 10px 0; height: auto; } .pm-taskpopup.pm-taskgrid-tooltip .header .title, .pm-taskgrid-tooltip .header .title { font-size: 14px; } .pm-taskpopup.pm-taskgrid-tooltip .header .title span, .pm-taskgrid-tooltip .header .title span { color: #000; } .pm-taskpopup.pm-taskgrid-tooltip .header .close, .pm-taskgrid-tooltip .header .close { display: none; } .pm-taskpopup.pm-taskgrid-tooltip .body, .pm-taskgrid-tooltip .body { padding: 0; margin: 0; word-wrap: break-word; } .pm-taskpopup.pm-taskgrid-tooltip .body strong, .pm-taskgrid-tooltip .body strong { font-weight: normal; color: #000; } .pm-taskpopup.pm-taskgrid-tooltip .body ul, .pm-taskgrid-tooltip .body ul { margin: 0; padding-left: 1.5em; } .pm-taskpopup.pm-taskgrid-tooltip .body .skills-container div, .pm-taskgrid-tooltip .body .skills-container div { display: none; } .pm-taskpopup.pm-taskgrid-tooltip .body .skills-container ul { margin-top: 0; padding-top: 0; } .pm-taskpopup.pm-taskgrid-tooltip .header .title span.skills-single {color: #8b8b8b;} .pm-taskpopup.pm-taskgrid-tooltip.skills-single .header, .pm-taskpopup.pm-taskgrid-tooltip.skills-tooltip .header .title { margin: 0; height: auto; font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif; } .pm-taskgrid-tooltip { position: absolute; z-index: 99999; } .pm-taskgrid-tooltip-vscroll { position: absolute; z-index: 99999; min-width: 100px; top: 2px; right: 16px; } /* Tooltipster: Standard theme */ .tooltipster-sidetip.tooltipster-shadow .tooltipster-box { padding: var(--pmThemeTooltipPadding) !important; background-color: var(--pmThemeTooltipBackground) !important; border-radius: var(--pmThemeTooltipCorner) !important; text-transform: uppercase; word-wrap: break-word; -webkit-box-shadow: var(--pmThemeTooltipShadow) !important; box-shadow: var(--pmThemeTooltipShadow) !important; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-content { padding: 0 !important; color: var(--pmThemeTooltipForeground) !important; font-size: var(--pmThemeTooltipFontSize) !important; line-height: 1em; overflow: hidden !important; } .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--pmThemeTooltipBackground) !important; } /* Tooltipster: Styled to look like a dropdown menu */ .tooltipster-sidetip.tooltipster-dropdown { pointer-events: all; } .tooltipster-sidetip.tooltipster-dropdown .tooltipster-box { padding: 12px 10px !important; background-color: var(--pmThemePopoverBackground) !important; border-radius: var(--pmThemePopoverCorner) !important; word-wrap: break-word; -webkit-box-shadow: var(--pmThemePopoverShadow) !important; box-shadow: var(--pmThemePopoverShadow) !important; border: var(--pmThemePopoverBorder) !important; margin-top: 9px !important; } .tooltipster-sidetip.tooltipster-dropdown .tooltipster-content { padding: 0 !important; color: var(--pmThemeTooltipForeground) !important; font-size: var(--pmThemeTooltipFontSize) !important; line-height: 1em; overflow: hidden !important; } .tooltipster-sidetip.tooltipster-dropdown .tooltipster-arrow-background { top: 2px !important; } .tooltipster-sidetip.tooltipster-dropdown .tooltipster-arrow-border { border-bottom-color: var(--pmThemeBackground80) !important; } .tooltipster-sidetip.tooltipster-dropdown .tooltipster-arrow-background { border-bottom-color: var(--pmThemePopoverBackground) !important; } /* taskinfo column icons */ .info .taskinfo { color: var(--pmThemeForeground50); cursor: pointer; } .info .taskinfo.icon-pm-lock { cursor: auto; } .info .taskinfo-icons-wrap { padding: 3px; position: absolute; text-align: inherit; top: 0; left: 0; right: 0; bottom: 0; } .info .taskinfo { display: inline-block; text-align: center; padding: 3px 0; margin: 1px 5px 0 0; } .info .taskinfo:before { width: 15px; } /* should match TaskInfoItemRenderer */ .info .taskinfo:not(.unread):not(.in-use):not(.icon-pm-exclaim) { display: none; } /* item editors */ .pm-itemeditor-taskname { position: absolute; right: 4px; z-index: 10; } .pm-readonly.info { padding: 0; margin: 0; } .pm-taskgrid-editor-boolean { text-align: center; } .pm-taskgrid-editor-dropdown select { width: 100%; border: none; font-size: 12px; } .pm-taskgrid-editor-dropdown .ui-dropdownchecklist-dropcontainer.ui-widget-content { max-height: -webkit-calc(100vh / 2); max-height: calc(100vh / 2); } /* item renderers */ .pm-taskgrid-renderer-boolean { text-align: center; } .pm-taskgrid-taskname-color { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 4px; } .pm-taskgrid-taskname-color.purple-dark { background-color: var(--pmColorBlurple50); } .pm-taskgrid-taskname-color.blue-dark { background-color: var(--pmColorTeal50); } .pm-taskgrid-taskname-color.green-dark { background-color: var(--pmColorSuccess50); } .pm-taskgrid-taskname-color.orange-dark { background-color: var(--pmColorOrange50); } .pm-taskgrid-taskname-color.red-dark { background-color: var(--pmColorError50); } .pm-taskgrid-taskname-color.gold-dark { background-color: var(--pmColorWarning50); } .pm-taskgrid-taskname-color.magenta-dark { background-color: var(--pmColorPink80); } .pm-taskgrid-taskname-color.brown-dark { background-color: var(--pmColorLightBlue80); } .pm-taskgrid-taskname-color.grey-dark { background-color: var(--pmColorTeal80); } .pm-taskgrid-taskname-color.darkblue-dark { background-color: var(--pmColorLightBlue50); } .pm-taskgrid-taskname-color.mauve-dark { background-color: var(--pmColorPink50); } .pm-taskgrid-taskname-color.darkgrey-dark { background-color: var(--pmColorGrey80); } .pm-taskgrid-taskname-color.navy-dark { background-color: var(--pmColorCyan50); } .pm-taskgrid-taskname-color.lightbrown-dark { background-color: var(--pmColorOrange30); } .pm-taskgrid-taskname-color.lightpurple-dark { background-color: var(--pmColorBlurple80); } .pm-taskgrid-taskname-color.lightyellow-dark { background-color: var(--pmColorWarning80); } .pm-taskgrid-taskname-color.lightgreen-dark { background-color: var(--pmColorSuccess80); } .pm-taskgrid-taskname-color.lightgrey-dark { background-color: var(--pmColorGrey50); } /***** Task Info Panel *****/ .pm-taskinfo { position: relative; } .pm-taskinfo .right { text-align: right; } .pm-taskinfo .dateTitle { margin-left: -5px; } .pm-taskinfo .alerts { border: solid 1px #b7babc; position: absolute; left: 800px; top: 10px; width: 160px; } .pm-taskinfo .alerts .list { background: #fff; } .pm-taskinfo .alerts .list .alert { border-bottom: solid 1px #b7babc; padding: 5px; } .pm-taskinfo .checkboxes { position: absolute; top: -2px; right: 0; font-size: 12px; } .pm-taskinfo .locked-info { display: inline-block; padding-left: 6px; color: #b7babc; vertical-align: middle; cursor: pointer; } .pm-taskinfo .locked-wrapper { width:85px; } .pm-taskinfo .summary label { font-size: 12px; } .pm-taskinfo .summary label .chosen-single { font-size: 14px; } .pm-taskinfo .summary label.priority { padding-left: 46px; } .pm-taskinfo .summary label.priority .chosen-drop .chosen-results { max-height: 110px; } .pm-taskinfo .summary input { margin: 0 10px 0 5px; } .pm-taskinfo .summary .percent input { width: 71px; } .pm-taskinfo .summary .taskname input { width: 354px; } .pm-taskinfo .summary .priority select { width: 143px; } .pm-taskinfo .dates .screen-all { position: absolute; background: #000; opacity: 0; height: 116px; width: 100%; display: none; filter: alpha(opacity=0); } .pm-taskinfo .dates .icon-pm-calendar-lock:before { color: #b7babc; } .pm-taskinfo .dates .group-title { font-size: 12px; color: #39464e; } .pm-taskinfo .dates td { font-size: 12px; padding: 3px 14px 3px 0px; } .pm-taskinfo .dates td.label-duration {padding: 3px 14px 3px 25px; } .pm-taskinfo .start input, .pm-taskinfo .finish input, .pm-taskinfo .duration input, .pm-taskinfo .cost input, .pm-taskinfo .effort input { width: 6em; } .pm-taskinfo .baseline .start input, .pm-taskinfo .baseline .finish input { width: 7em; } .pm-taskinfo .group-title { display: block; margin: 10px 0; font-weight: 700; } .pm-taskinfo .group-title span { display: inline-block; background: #fff; padding-right: 10px; } .pm-taskinfo .group-title hr { border: 1px solid #eee; border-width: 1px 0 0 0; height: 1px; margin-top: -8px; } .pm-taskinfo .dates td.duration .icon-pm-lock {display: none; padding-left: 4px; color: #999; cursor: default;} .pm-taskinfo .dates.planned-locked td.duration .icon-pm-lock {display: inline-block;} .pm-taskinfo .dates td.duration {width: 126px;} .pm-taskinfo input:disabled {pointer-events:none;} .simplegrid-astro.pm-tasklinks .pm-simplegrid .empty { width: 695px; } .simplegrid-astro.pm-taskresources .pm-simplegrid .empty { width: 580px; } .simplegrid-astro.pm-taskdependancy .pm-simplegrid .empty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Disabled/locked planned/actual dates */ .pm-projectpanel-info .dates.disabled .pm-datepicker span, .pm-projectpanel-info .dates.planned-disabled .planned .pm-datepicker span {cursor:default;} .pm-projectpanel-info .dates.disabled .pm-datepicker span:before, .pm-projectpanel-info .dates.planned-disabled .planned .pm-datepicker span:before {color:#b7babc;} /***** Task Links Panel *****/ .pm-tasklinks { position: relative; } .pm-tasklinks #LinkType { height: 36px; padding-top: 4px; } .pm-tasklinks #LinkType select#Successors, .pm-tasklinks #LinkType .chosen-container { margin-left: 6px; width: 80px } .pm-tasklinks #LinkType span.name { margin-left: 11px; } .pm-tasklinks #LinkType span.name span { max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; } .pm-tasklinks #LinkType a.action { position: absolute; left: 576px; top: 0; } .pm-tasklinks .pm-simplegrid { height: 110px; width: 728px; max-width: 100%; } .pm-tasklinks .pm-simplegrid .delete .cell .delete { display: inline-block; cursor: pointer; } /* IE 11 fix - browser doesn't allow cursor styles pseudo elements */ .pm-tasklinks .pm-simplegrid .delete .cell .delete:before { color: #cecece; cursor: pointer; } .pm-tasklinks .pm-simplegrid .delete .cell .delete:hover:before { color: var(--pmColorBrand); } .pm-tasklinks .pm-simplegrid .task-color .cell span { padding: 0; width: 4px; height: 30px; display: block; } .pm-tasklinks .pm-simplegrid .lag .cell { min-height: 1em; } .pm-tasklinks .pm-simplegrid td.type select { width: 140px; } .pm-tasklinks .pm-simplegrid td.type select option { background-color: var(--pmThemeBackground90); } .pm-taskpopup-tasklinks { cursor: default; } .pm-taskpopup-tasklinks .header span.title {display: none;} .pm-taskpopup-tasklinks .header { margin: 0 -20px 9px; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.purple-dark { background-color: #6d4393; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.blue-dark { background-color: #4eadd3; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.green-dark { background-color: #6ca03e; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.orange-dark { background-color: #b9712f; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.red-dark { background-color: #a0251d; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.gold-dark { background-color: #9ba637; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.magenta-dark { background-color: #8b1e80; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.brown-dark { background-color: #878168; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.grey-dark { background-color: #707070; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.darkblue-dark { background-color: #285f9d; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.mauve-dark { background-color: #67435f; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.darkgrey-dark { background-color: #060606; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.navy-dark { background-color: #3379A1; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.lightbrown-dark { background-color: #AFAD92; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.lightpurple-dark { background-color: #9A78A5; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.lightyellow-dark { background-color: #BCB65A; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.lightgreen-dark { background-color: #79B183; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span.lightgrey-dark { background-color: #D0D0D0; } /***** Task Resources Panel *****/ .pm-taskresources #resourceSimpleGridContainer { display: inline-block; width: 600px; } .pm-taskresources #resourceSimpleGridContainer .assignedEffort input, .pm-taskresources #resourceSimpleGridContainer .allocation input { font-size: 11px; line-height: 1em; padding: 2px 3px; margin: -4px 0 -4px -2px; } .pm-taskresources { position: relative; height: 150px; } .pm-taskresources .pm-simplegrid { height: 123px; width: 613px; } .pm-taskresources .pm-simplegrid table { /*min-height: 95px;*/ } .pm-taskresources .pm-simplegrid.footer { height: auto; width: 610px; } .pm-taskresources .pm-form { display: inline-block; position: relative; top: -131px; left: 10px;} .pm-taskresources .pm-form label { display: block; margin-bottom: 5px; color: #333; padding-left: 2px; } .pm-taskresources .pm-form input[type="text"] { width: 175px; margin-right: 7px; } .pm-taskresources .pm-form .action.disabled { cursor: auto; opacity: 0.65; } .pm-taskresources .pm-header th.first, .pm-taskresources .assign { text-align: center; } .pm-taskresources .assign input[type="checkbox"] + label::after { top: 1px; } .pm-taskresources .pm-simplegrid td.assignedEffort .cell, .pm-taskresources .pm-simplegrid td.allocation .cell {height: 13px;} /* google additions */ .pm-taskresources .pm-form .google-action { display: inline-block; height: 22px; width: 80px; background: url(/images/scrollbar-sprite.png) -158px -69px; text-align: center; color: #fff; line-height: 22px; vertical-align: top; cursor: pointer; font-size: 11px; zoom: 1; } .pm-taskresources .pm-form .google-action.disabled { background-position: -158px -92px; cursor: auto; } .pm-taskresources .pm-form #GoogleContactsShow { margin-left: 7px; } .pm-taskresources .pm-form #GoogleContactsShow.disabled { opacity: 0.5; } .pm-taskresources .pm-form .pm-google-contacts-display.disabled { opacity: 0.5; } .pm-taskresources .pm-form .pm-google-contacts-display { width: 400px; padding-top: 5px; } .pm-taskresources .pm-form .pm-google-contacts-list { display: inline-block; border: solid 1px #ccc; overflow: auto; width: 238px; height: 120px; margin-right: 7px; background: #FFF; zoom: 1; } .pm-taskresources .pm-form .pm-google-contacts-list img { padding: 34px 73px; } .pm-taskresources .pm-form .pm-google-contacts-list td { background: none repeat scroll 0 0 #FFFFFF; padding: 0; } .pm-taskresources .pm-form .pm-google-contacts-list tr.alt td { background: none repeat scroll 0 0 #EFEFEF; } .pm-taskresources .pm-form .pm-google-contacts-list td.selectContact { text-align: center; width: 30px; } /***** Task Documents Panel *****/ .pm-projectpanel-info .pm-taskdocuments { position: relative; } .pm-projectpanel-info .pm-taskdocuments div.actions span.disabled { cursor: auto; opacity: 0.65; } .pm-projectpanel-info .pm-taskdocuments .pm-simplegrid { height: 187px; width: 580px; } .pm-taskdocuments .pm-simplegrid .delete span { cursor: default; color: #fff; display: none; } .pm-taskdocuments .pm-simplegrid .delete span:before { cursor: pointer; color: #999; vertical-align: middle; } .pm-taskdocuments .pm-simplegrid .delete span:hover:before { color: var(--pmColorBrand); } .pm-taskdocuments .pm-simplegrid .name { cursor: pointer; } .pm-taskdocuments .pm-simplegrid .name:hover { color: #0395DD; } .pm-taskdocuments .pm-simplegrid .name div.cell { cursor: pointer; } /* google additions */ .pm-taskdocuments div.actions { width: 80px; position: absolute; left: 595px; white-space: nowrap; } .pm-taskdocuments div.actions span.google-action { margin-top: 7px; } .pm-taskdocuments div.actions span.google-action.disabled { opacity: 0.5; } /***** Documents page file panel *****/ .pm-documents #tabs { width: 25.65%; height: 100%; position: relative; float: left; } .pm-documents #tabs .left { position: relative; height: 100%; padding-bottom: 0; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-documents #tabs .left .folder-tree-container { position: absolute; top: 50px; bottom: 0; width: 100%; } .pm-documents #tabs .left .folder-tree-container .jstree { overflow: visible; margin-bottom: 12px; } .pm-documents #files { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; padding: 20px 0 0 0; overflow: hidden; position: relative; } .pm-documents #files > div { height: 100%; position: relative; } .pm-documents #files div.actions { padding: 0 15px 0 0; width: 80px; } .pm-documents #files div.actions span.action { display: inline-block; height: 22px; width: 80px; background: url(/images/scrollbar-sprite.png) -158px 0; text-align: center; color: #fff; line-height: 22px; vertical-align: top; cursor: pointer; font-size: 11px; } .pm-documents #files div.actions span.disabled { background-position: -158px -23px; cursor: auto; } .pm-documents #files #all { cursor: pointer; margin-left: 1px; } .pm-documents #files .filter { float: right; } .pm-documents #files .filter .clearSearch { display: inline-block; } .pm-documents #files .filter .clearSearch .clearSearchButton { top: 10px; } .pm-documents #files .filter #toolbarAddFile { margin-left: 10px; } .pm-documents #files .blankState { height: -webkit-calc(100% - 75px); height: calc(100% - 75px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100% } .pm-documents #folderPopup { overflow: auto; } .pm-documents .pm-tabstrip .pm-content { height: auto; } .pm-documents .pm-tabstrip .pm-contentitem { padding: 0; } .pm-documents #usageMeter { margin: 7px 0; } .pm-documents #usageMeter #usage { float: right; border: 1px solid #9A9A9A; color: #000000; text-align: center; width: 163px; background: url("/images/project/documents/usage.gif") no-repeat scroll 0 0 #FFFFFF; } .pm-documents #usageMeter .subTitle { letter-spacing: 0.08em; color: #5B5A5A; } .pm-documents .top { padding: 0 20px; position: relative; z-index: 1; } .pm-documents .top .toolbar { float: left; } .pm-documents .top .toolbar a.action { margin-right: 10px; padding-left: 12px; padding-right: 12px; } .pm-documents .top .toolbar a:last-child{margin-right:0;} .pm-documents .top .toolbar a.icon {width:20px; height:20px; display:inline-block;} .pm-documents .top .toolbar a.icon:before{font-size:16px;} .pm-documents .top .toolbar a.iconButton.add span { padding-left: 6px; } .pm-documents .search > div { margin-bottom: 5px; padding: 3px; } .pm-documents .search #searchTerms { width: 185px; } .pm-documents .search .range { width: 80px; } .pm-documents .search .firstCol { float: left; width: 85px; } .pm-documents .search .secondCol { padding-left: 85px; } .pm-documents .search .firstCol { *width: 82px; } .pm-documents .search .secondCol { *padding-left: 82px; } .pm-documents .search .secondCol input { margin-bottom: 3px; } .pm-documents .search .secondCol .last { margin-bottom: 0; } .pm-documents .search .footer { clear: left; } .pm-documents .search .lastSection { padding-bottom: 14px; margin-bottom: 0; } .pm-documents .actions { padding: 3px; } .pm-documents .search .disabled { position: relative; } .pm-documents .search .screen { background: none repeat scroll 0 0 #000000; display: none; height: 100%; opacity: 0; position: absolute; width: 100%; filter: alpha(opacity=0); } .pm-documents .search .disabled .screen { display: block; } .pm-documents .search input.disabled { background: none repeat scroll 0 0 #EAEAEA; } .pm-documents .search input.filesize { width: 60px; margin-right: 2px; } .pm-documents .search .pm-datepicker input { margin-top: 0; } #PMPopupContent .filterOptions select { width: 170px; } .pm-documents .pm-simplegrid { height: 100%; border: 0; } .pm-documents .pm-simplegrid th:not(.first) { font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, sans-serif; } .pm-documents .pm-simplegrid td { padding-top: 15px; padding-bottom: 15px; } .pm-documents .pm-simplegrid .delete span { cursor: pointer; } .pm-documents .pm-simplegrid .pm-title.size { display: block; width: 100%; } .pm-documents .pm-simplegrid .pm-title.documentdownload { margin-left: 10px; } .pm-documents .pm-simplegrid .name { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-documents .pm-simplegrid .name div.cell { line-height: 18px; } .pm-documents .pm-simplegrid .name div.fileUrlWrapper { display: inline-block; vertical-align: middle; max-width: 80%; line-height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-documents .pm-simplegrid .name a.fileUrlValue, .pm-documents .pm-simplegrid .name span.fileUrlRelated { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pm-documents .pm-simplegrid .name a.fileUrlValue { display: block; cursor: pointer; font-weight: 700; } .pm-documents .pm-simplegrid .name span.fileUrlRelated { font-size: 12px; font-weight: lighter; } .pm-documents .pm-simplegrid .name span.fileUrlRelated:hover { cursor: pointer; color: var(--pmColorBrand); } .pm-documents .pm-simplegrid .name a { color: #333; font-weight: 500; } .pm-documents .pm-simplegrid .name a:hover { color: var(--pmColorBrand); } .pm-documents .pm-simplegrid .ownerAvatar { display: inline-block; margin-right: 6px; } .pm-documents .pm-simplegrid .pm-spacer { display: none; } .pm-documents .pm-simplegrid.scrolling .pm-spacer { display: none; } .pm-documents .pm-simplegrid tr { margin-bottom: -1px; } .pm-documents .pm-simplegrid tr td { border-bottom: 1px solid #fff; } .pm-documents .pm-simplegrid tr td:first-child { border-left: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-documents .pm-simplegrid tr td:last-child { border-right: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-documents .pm-simplegrid tr:hover td { border-color: var(--pmColorBrand); } .pm-documents .pm-simplegrid tr.selected td { border-color: var(--pmColorBrand); background: #f7f7f7; } .pm-documents .pm-simplegrid .nano.has-scrollbar table { padding-right: 17px; } .pm-documents .pm-simplegrid .nano.has-scrollbar > .nano-content { /*overflow: hidden;*/ } /*affects nano scroll using mouse wheel*/ .pm-documents #files .blankState { padding-bottom: 0; } .pm-documents #files .pm-simplegrid tr td.first div.cell { padding: 0 0 0 15px; visibility: hidden; } .pm-documents #files .pm-simplegrid .pm-body tr:hover td.first div.cell, .pm-documents #files .pm-simplegrid .pm-body.active tr td.first div.cell { visibility: visible; } .pm-documents #files .pm-simplegrid .pm-body td div.cell { text-overflow: clip; position: relative; padding:0; } .pm-documents #files .pm-simplegrid .pm-body {overflow-y: auto; } .pm-documents .pm-simplegrid .name.documentdownload div.cell { padding-top: 20px; } .pm-documents .pm-simplegrid .name.relatedentitydownload { padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pm-documents .pm-simplegrid .empty { margin: 7px 0 0 17px; } .pm-documents #files .pm-simplegrid .contextMenuPlaceholder { float: right; display: none; cursor: pointer; font-size: 16px; width:16px; text-align:right;position:absolute;top:0px;right:16px;-o-transition: 'opacity 400ms ease-out';transition: 'opacity 400ms ease-out'; -webkit-transition: 'opacity 400ms ease-out'; } .pm-documentpopup-move { width: 300px; } .pm-documentpopup-move .header span { background-position: 6px -924px; } .pm-documentpopup-move #folderPopup { height: auto; max-height: 250px; overflow-x: hidden; overflow-y: auto; background-color: #fff; margin: 15px 0 0 0; } .pm-documentpopup-delete { width: 305px; } .pm-documentpopup-delete .header span { background-position: 6px -924px; } .pm-documentpopup-rename { width: 350px; } .pm-documentpopup-rename .header span { background-position: 6px -924px; } .pm-documentpopup-rename .message { padding: 0 0 5px 0; } .pm-documentpopup-rename input { width: 98%; padding: 5px; } .pm-documentpopup-security { min-width: 220px; } .pm-documentpopup-security .item { margin-left: 18px; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /***** Task Dependancy Panel *****/ .pm-taskdependancy { width: 100%; position: relative; } .pm-taskdependancy .pm-simplegrid { height: 110px; width: 738px; max-width: 100%; } .pm-taskdependancy .pm-simplegrid .pm-body { overflow-y: auto; } .pm-taskdependancy .pm-simplegrid .pm-body .task-name .link { display: inline; cursor: pointer; color: #0395DD; } .pm-taskdependancy .pm-simplegrid .pm-body .task-name .link:hover { color: var(--pmColorBrand); } .pm-taskdependancy .pm-simplegrid .gridIcon > div.cell > div { text-align: center; color: #999; } .pm-taskdependancy .pm-simplegrid .gridIcon > div.cell > div:before { font-size: 1em !important; } .pm-taskdependancy .pm-simplegrid .gridIcon > div.cell > div.conflict:before { color: #e64d3d; } .pm-taskdependancy .pm-simplegrid .gridIcon > div.cell > div.task-pred:before { color: var(--pmColorBrand); font-weight: 700; } .pm-taskdependancy .pm-simplegrid .gridIcon > div.cell > div.task-succ:before { color: var(--pmColorBrand); font-weight: 700; } .pm-taskdependancy .pm-simplegrid .gridIcon > div.cell > div.delete:hover { color: var(--pmColorBrand); cursor: pointer; } .pm-taskdependancy .action.disabled { opacity: 0.5; cursor: not-allowed; } .pm-taskdependancy .action { position: absolute; left: 574px; top: 0; } .pm-taskdependancy .intro-text { display: inline-block; margin: 6px 0 18px; } /***** Grid Context menu *****/ .pm-taskgrid-contextmenu { position: absolute; z-index: 1000; width: 165px; background-color: var(--pmThemeBackground90); font-size: 12px; font-weight: 500; border-radius: 4px; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.3); box-shadow: 0 0 25px rgba(0,0,0,.3); } .pm-taskgrid-contextmenu .separator { border-bottom: 1px solid var(--pmThemeBackground80); margin-bottom: 5px; margin-top: 4px; margin-left: 4px; margin-right: 21px; display: block; } .pm-taskgrid-contextmenu .item { cursor: pointer; display: block; padding: 6px 20px 6px 12px; } .pm-taskgrid-contextmenu .item:hover { background-color: var(--pmThemeBackground80); color: var(--pmThemeForeground); } .pm-taskgrid-contextmenu .item:before { font-size: 19px !important; line-height: 1em; color: var(--pmThemeForeground50); vertical-align: middle; margin-right: 8px; } .pm-taskgrid-contextmenu .item:hover:before { color: var(--pmThemeForeground70); } .pm-taskgrid-contextmenu .nano .nano-content { padding: 8px 0; } .pm-taskgrid-contextmenu .item .menu-item-upsell-container { float: right; padding-right: 2px; } .pm-taskgrid-contextmenu .item .menu-item-upsell-container:hover { color: #fff; } /***** POPUPS FOR THE GRID *****/ .pm-taskpopup-note .body .defaultContainer { border: solid 1px #8EBCDD; background: #fff; margin: 5px 3px 0 3px; } .pm-taskpopup-note .header span { background-position: 6px -696px; } .pm-taskpopup-note textarea, .pm-taskpopup-note div.readonly { height: 158px; width: 512px; background: #fff; resize: none; } .pm-taskpopup-discussion .inner .body .feedContainer { min-height: auto; } .pm-taskpopup-discussion .feedContainer { padding: 0; width: 480px; } .pm-taskpopup-discussion #shareActivity { position: relative; border: none; margin: 0; } .pm-taskpopup-discussion .header span { background-position: 6px -1526px; } .pm-taskpopup-discussion .feed { float: none !important; width: 100% !important; margin-right: 0 !important; } .pm-taskpopup-discussion ul.posts { margin: 20px -20px 0 0 !important; max-height: 380px; overflow-y: auto; } .pm-taskpopup-discussion ul.posts.noPosts { display: none; } .pm-taskpopup-discussion ul.posts > li:first-child { margin-top: 0 !important; } .pm-taskpopup-discussion .more { margin-top: 0 !important; padding-top: 0 !important; height: 32px !important; background: center top repeat-x url(/images/mytasks/morebgndgray.png) !important; } .pm-taskpopup-discussion .share input.link { width: 410px !important; } .pm-taskpopup-discussion .share input.button.small { margin-right: 11px !important; } .pm-taskpopup-discussion .share a.file { cursor: pointer !important; } .pm-taskpopup-discussion .share a.post { margin-left: 0 !important; } .pm-taskpopup-discussion .share div.plupload { width: 100% !important; height: 100% !important; top: -7px !important; cursor: pointer !important; } .pm-taskpopup-discussion .share div.plupload input { cursor: pointer !important; } .pm-taskpopup-discussion .feed .posts li .post .text .summary a.search.task { color: #868686 !important; cursor: text !important; } .pm-taskpopup-discussion .feed .share .iconButton { display: none; } .pm-taskpopup-settings { width: 250px; } .pm-taskpopup-settings .header span { background-position: 6px -747px; } .pm-taskpopup-settings .body .defaultContainer .subHeader { margin-bottom: 1em; text-align: center; } .pm-taskpopup-settings .body .defaultContainer .column1 > div > label { margin: 0 5px; } .pm-taskpopup-settings .body .defaultContainer .column1 > div > input { margin: 0 5px; } .pm-taskpopup-settings .body .defaultContainer .weekstart { height: 18px; } .pm-taskpopup-settings .body .defaultContainer .dates .pm-datepicker input { width: 117px; } .pm-taskpopup-settings .body .defaultContainer .dates div label#finish { display: inline-block; width: 30px; color: #000; } .pm-taskpopup-settings .body .defaultContainer .linkType { width: 100%; margin-top: 15px; } .pm-taskpopup-settings .body .defaultContainer .linkType label { display: inline-block; padding-bottom: 5px; width: 129px; } .pm-taskpopup-settings .body .defaultContainer label { display: block; color: var(--pmThemeForeground); } .pm-taskpopup-settings .body .defaultContainer .editorSettings label:hover { color: var(--pmThemeForeground); cursor: pointer; } .pm-taskpopup-settings .body .defaultContainer .editorSettings label > input { width: 13px; height: 13px; padding: 0; margin: 5px 5px 0 0; vertical-align: bottom; } .pm-taskpopup-settings .body .defaultContainer .editorSettings .callout { top: 1px; left: 10px; } .pm-taskpopup-settings .body .defaultContainer a#SetBaseline { display: block; margin-top: 15px; } .pm-taskpopup-settings .body .defaultContainer .section-title { padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; color: var(--pmThemeBackground50); font-size: 13px; } .pm-taskpopup-settings .body .defaultContainer .section-title.show { padding-top: 0; } .pm-taskpopup-mask { z-index: 1000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); } .pm-taskpopup-dates { width: 420px; } .pm-taskpopup-dates .formGrid .label { display: inline-block; width: 27%; vertical-align: top; } .pm-taskpopup-dates .formGrid .content { display: inline-block; width: 73%; } .pm-taskpopup-dates .formGrid .content .colHalf { display: inline-block; width: 50%; } .pm-taskpopup-dates .formGrid .content .title { font-size: 12px; margin-bottom: 5px; text-transform: uppercase; color: var(--pmThemeBackground50); } .pm-taskpopup-dates .formGrid .content .notes { padding: 10px; margin-top: 10px; background-color: var(--pmThemeBackground80); border-radius: 4px; font-size: 12px; line-height: 1.25; max-width: 270px; } .pm-taskpopup-dates .formGrid .content .notes p { margin: 10px 0 0 0; } .pm-taskpopup-dates .formGrid .content .notes p:first-child { margin-top: 0; } .pm-taskpopup-dates .formGrid .content .notes p .projectDate { font-weight: bold; } .pm-taskpopup-dates .formGrid .content .notes p.projectDates { font-size: 11px; } .pm-taskpopup-dates .formGrid .scale select { width: 138px; } .pm-taskpopup-dates .formGrid .scale .label { vertical-align: middle; } .pm-taskpopup-dates .formGrid .scaleTop { margin-top: 20px; } .pm-taskpopup-dates .formGrid .scaleTop .content .colHalf { padding-bottom: 20px; } .pm-taskpopup-color .header span { background-position: 6px -171px; } .pm-taskpopup-color .body .defaultContainer { background: #fff; background: none; border: none; width: 270px; } .pm-taskpopup-color .body .colorColumn { float: left; width: 45%; margin-left: 5%; margin-bottom: 15px; } .pm-taskpopup-color .body .colorColumn ul { margin: 0; padding: 0; list-style: none; } .pm-taskpopup-color .body .colorColumn li { margin: 5px 0; } .pm-taskpopup-color .body .colorColumn li label:hover { color: var(--pmColorBrand); cursor: pointer; } .pm-taskpopup-color .colorBox { padding: 0 6px; margin-right: 7px; } .pm-taskpopup-color label > input { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; } .pm-taskpopup-color .body .defaultContainer .colors { display: block; } .pm-taskpopup-color .body .defaultContainer .colors p, .pm-taskpopup-color .body .defaultContainer .formatting p { margin: 0 0 5px 0; padding: 0; } .pm-taskpopup-color .body .defaultContainer .formatting { display: block; } .pm-taskpopup-color .body .defaultContainer .formatting select { vertical-align: middle; width: 130px; } .pm-taskpopup-color .body .defaultContainer .formatting select, .pm-taskpopup-color .body .defaultContainer .formatting .chosen-container { margin: 0 5px 0 0; } .pm-taskpopup-color .body .defaultContainer .formatting div.vertical-separator { vertical-align: middle; display: inline-block; width: 1px; height: 18px; background-color: #ccc; margin: 0 5px 0 5px; } .pm-taskpopup-color .body .defaultContainer .formatting a.formatting-button { vertical-align: middle; cursor: pointer; display: inline-block; text-indent: -1999px; overflow: hidden; width: 20px; height: 20px; background: url(/images/formatting/formatting-buttons-sprite.png) no-repeat; -webkit-background-size: 49px 49px; background-size: 49px; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-color { display: inline-block; vertical-align: middle; width: 26px; overflow: hidden; border: none; padding: 0; height: 18px; background: url(/images/formatting/formatting-buttons-sprite.png) no-repeat; background-position: 0 -54px; -webkit-background-size: 36px 36px; background-size: 36px; cursor: pointer; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-bg-color { display: inline-block; vertical-align: middle; margin: 0 2px; width: 26px; overflow: hidden; border: none; padding: 0; height: 18px; background: url(/images/formatting/formatting-buttons-sprite.png) no-repeat; background-position: 0 -90px; -webkit-background-size: 36px 36px; background-size: 36px; cursor: pointer; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-color input, .pm-taskpopup-color .body .defaultContainer .formatting div.format-bg-color input { display: none; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-bg-color div.evo-colorind-ff { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-bg-color div.evo-colorind-ie { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-bg-color div.evo-colorind { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-color div.evo-colorind-ff { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-color div.evo-colorind-ie { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-color .body .defaultContainer .formatting div.format-color div.evo-colorind { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-color .body .defaultContainer .formatting div.evo-pop { margin-top: 15px; padding: 1px; border: 1px solid #D3D3D3; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 0; } .pm-taskpopup.pm-taskpopup-text-format, .pm-taskpopup.pm-taskpopup-column-format { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; min-width: 120px; } .pm-taskpopup-text-format .header, .pm-taskpopup-text-format .actions, .pm-taskpopup-column-format .header, .pm-taskpopup-column-format .actions { display: none; } .pm-taskpopup-text-format .body .bodyContent, .pm-taskpopup-column-format .body .bodyContent { background: var(--pmThemePopoverBackground); border: var(--pmThemePopoverBorder); -webkit-box-shadow: var(--pmThemePopoverShadow); box-shadow: var(--pmThemePopoverShadow); border-radius: var(--pmThemePopoverCorner); padding: 10px; white-space: nowrap; font-size: 13px; } .pm-taskpopup-text-format .body .textFormatMenu .ui-menu, .pm-taskpopup-column-format .body .columnFormatMenu .ui-menu { background: var(--pmThemePopoverBackground); border: var(--pmThemePopoverBorder); -webkit-box-shadow: var(--pmThemePopoverShadow); box-shadow: var(--pmThemePopoverShadow); border-radius: var(--pmThemePopoverCorner); } .pm-taskpopup-column-format .body .columnFormatMenu .ui-menu { max-height: 250px; overflow: auto; padding: 5px; } .pm-taskpopup-text-format .body .textFormatMenu .ui-menu > .ui-menu-item > a, .pm-taskpopup-column-format .body .columnFormatMenu .ui-menu > .ui-menu-item > a { padding-right: 20px; } .pm-taskpopup-text-format .body .title, .pm-taskpopup-column-format .body .title { margin-bottom: 7px; font-size: 14px; } .pm-taskpopup-text-format .body .title { width: 220px; } .pm-taskpopup-text-format .body .subtitle, .pm-taskpopup-column-format .body .subtitle { text-transform: uppercase; color: var(--pmThemeForeground50); margin-bottom: 5px; } .pm-taskpopup-column-format .body .message { text-align: center; margin-top: 10px; } .pm-taskpopup-column-format .body a.accountSettings { padding: 0; display: inline; line-height: 1.3em; color: #1ea7f8; background: transparent; } .pm-taskpopup-column-format .body a.accountSettings:hover { color: var(--pmColorBrand); } .pm-taskpopup-column-format .body .countryName { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; line-height: inherit; } .pm-taskpopup-column-format .body .dateFormatText { text-transform: uppercase; } .pm-taskpopup-text-format .body #textFormatColor { margin-top: -6px; } .pm-taskpopup-text-format .body .evo-pop, .pm-taskpopup-theme .body .evo-pop { padding: 0; } .pm-taskpopup-text-format .body .evo-palette, .pm-taskpopup-theme .body .evo-palette { border: 0; } .pm-taskpopup-text-format .body .evo-palette td, .pm-taskpopup-theme .body .evo-palette td { border-color: var(--pmThemeBackground70); } .pm-taskpopup-text-format .body .evo-palette th.ui-widget-content[colspan="10"], .pm-taskpopup-theme .cell-colors .evo-palette th.ui-widget-content[colspan="10"] { visibility: hidden; overflow: hidden; line-height: 10px; padding: 0; } .pm-taskpopup-theme .cell-colors .evo-pop table.evo-palette tbody tr td.active-cell, #textFormatColor .evo-pop table.evo-palette tbody tr td.active-cell { border: 2px solid blue; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pm-taskpopup-text-format .body .bodyContent { width: 210px; } .pm-taskpopup-text-format .body .bodyInner { padding: 10px; } .pm-taskpopup-theme .body .nano.has-scrollbar, .pm-taskpopup-text-format .body .nano.has-scrollbar { padding-right: 20px; } .pm-taskpopup-text-format .body .evo-palette, .pm-taskpopup-theme .body .evo-palette { margin-bottom: 5px; } .pm-taskpopup-text-format .body .evo-more, .pm-taskpopup-theme .cell-colors .evo-more { text-align: center; } .pm-taskpopup.pm-taskpopup-theme { padding: 10px; } .pm-taskpopup-theme .header { display: none; } .pm-taskpopup-theme .body { padding: 0; } .pm-taskpopup-theme .body .section-title { font-size: 13px; text-transform: uppercase; color: var(--pmThemeBackground50); } .pm-taskpopup-theme .body .themes li { display: inline-block; width: 50%; } .pm-taskpopup-theme .body .themes li svg { position: relative; top: 7px; } .pm-taskpopup-theme .actions { display: none; } .pm-taskpopup-theme .body .defaultContainer { background: none; border: none; width: 227px; } .pm-taskpopup-theme .body .smallContainer { width: 220px; } .pm-taskpopup-theme .body .themes { margin-right: 17px; } .pm-taskpopup-theme .body hr { margin: 5px -2px 10px; height: 0; border: solid var(--pmThemeBackground80); border-width: 1px 0 0 0; } .pm-taskpopup-theme .body .smallContainer hr { display: none; } .pm-taskpopup-theme .colorBox { padding: 0 6px; margin-right: 7px; } .pm-taskpopup-theme label > input { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; } .pm-taskpopup-theme .body .defaultContainer .colors { display: block; } .pm-taskpopup-theme .body .defaultContainer .colors p, .pm-taskpopup-theme .body .defaultContainer .formatting p { margin: 0 0 5px 0; padding: 0; } .pm-taskpopup-theme .body .defaultContainer .pm-gantt-chart-tasks-layer .pm-gantt-chart-row .pm-gantt-chart-row-highlight { display: none; } .pm-taskpopup-theme .body .defaultContainer .formatting { display: block; position: relative; padding-bottom: 1px; } .pm-taskpopup-theme .body .defaultContainer .formatting select { vertical-align: middle; width: 130px; } .pm-taskpopup-theme .body .defaultContainer .formatting select, .pm-taskpopup-theme .body .defaultContainer .formatting .chosen-container { margin: 0 5px 0 0; } .pm-taskpopup-theme .body .defaultContainer .formatting div.vertical-separator { vertical-align: top; display: inline-block; width: 1px; height: 28px; background-color: #ccc; margin: 0 13px 0 5px; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color, .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color, .pm-taskpopup-theme .body .defaultContainer .formatting a.formatting-button { border: solid 1px var(--pmColorBrand); color: var(--pmColorBrand); border-radius: 4px; cursor: pointer; display: inline-block; overflow: hidden; width: 30px; height: 26px; margin-right: 8px; text-align: center; vertical-align: top; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color:before, .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color:before, .pm-taskpopup-theme .body .defaultContainer .formatting a.formatting-button:before { line-height: 26px; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color:before, .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color:before { font-size: 22px; } .pm-taskpopup-theme .body .defaultContainer .formatting a#formatBold.selected, .pm-taskpopup-theme .body .defaultContainer .formatting a#formatItalics.selected, .pm-taskpopup-theme .body .defaultContainer .formatting a#formatUnderline.selected, .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color.selected, .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color.selected { background-color: var(--pmColorBrand); color: #fff;} .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color input, .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color input { display: none; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color div.evo-colorind-ff { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color div.evo-colorind-ie { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-bg-color div.evo-colorind { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color div.evo-colorind-ff { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color div.evo-colorind-ie { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-theme .body .defaultContainer .formatting div.format-color div.evo-colorind { float: none; width: 15px; height: 2px; left: 2px; top: 14px; border: none; position: relative; } .pm-taskpopup-theme .body .defaultContainer .formatting div.evo-pop { bottom: 40px; margin-top: 15px; padding: 1px 6px; border: 1px solid #D3D3D3; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 0; } .pm-taskpopup-theme .body .defaultContainer .formatting div.evo-more { padding: 0; overflow: hidden; } .pm-taskpopup-theme .body .defaultContainer .formatting .evo-palette th { padding-left: 0; } .msie8 .pm-taskpopup-color .body .defaultContainer .formatting a.formatting-button, .msie8 .pm-taskpopup-color .body .defaultContainer .formatting div.format-color, .msie8 .pm-taskpopup-color .body .defaultContainer .formatting div.format-bg-color { background-image: url(/images/formatting/formatting-buttons-sprite-ie8.png); } .pm-taskpopup-restore { max-width: 300px; } .pm-taskpopup-restore .header span { background-position: 6px -924px; } .pm-taskpopup-print { width: 570px; } .pm-taskpopup-print input[type=radio] { vertical-align: middle; margin: 0 3px 3px 0px; } .pm-taskpopup-print .header span { background-position: 6px -823px; } .pm-taskpopup-print .body .defaultContainer { background: none; border: 0; } .pm-taskpopup-print .section { margin: 15px 0 0; float: left; clear: left; } .pm-taskpopup-print .section.title { margin-top: 0; } .pm-taskpopup-print .section > label { float: left; width: 80px; padding-right: 10px; padding-top: 2px; text-transform: uppercase; color: var(--pmThemeForeground50); font-weight: 500; font-size: 13px; } .pm-taskpopup-print .section.title > label { padding-top: 7px; } .pm-taskpopup-print .section.layout > label, .pm-taskpopup-print .section.columnOptions > label { padding-top: 3px; } .pm-taskpopup-print .section.showOptions > label { padding-top: 1px; } .pm-taskpopup-print .section.taskrange > label, .pm-taskpopup-print .section.timeframe > label, .pm-taskpopup-print .section.zoom > label { padding-top: 5px; vertical-align: middle; } .pm-taskpopup-print .section.taskrange input[type=text], .pm-taskpopup-print .section.timeframe input[type=text], .pm-taskpopup-print .section.zoom input[type=text] { margin-top: -2px; } .pm-taskpopup-print .section .field { float: left; } .pm-taskpopup-print .section .field .row { vertical-align: middle; } .pm-taskpopup-print .section .field .row input[type="checkbox"] { vertical-align: bottom; margin-bottom: 1px; } .pm-taskpopup-print .section .numerictextbox { width: 35px; } .pm-taskpopup-print .advancedButton { clear: both; padding: 10px 0 0 5px; } .pm-taskpopup-print .advanced { display: none; } .pm-taskpopup-print .pm-datepicker { margin: 0 5px; } .pm-taskpopup-print .pm-datepicker input { width: 7em !important; } .pm-taskpopup-print #portraitLabel1 { padding-left: 28px; height: 32px; display: inline-block; line-height: 32px; background: url(/images/scrollbar-sprite.png) -239px 0 no-repeat; text-align: center; cursor: pointer; } .pm-taskpopup-print #landscapeLabel1 { padding-left: 34px; height: 32px; display: inline-block; line-height: 32px; margin-left: 10px; background: url(/images/scrollbar-sprite.png) -239px -32px no-repeat; text-align: center; cursor: pointer; } .pm-taskpopup-print .selectWrapper { margin-top: 5px; } .pm-taskpopup-print .section.title input { width: 235px; } .pm-taskpopup-print .section.warning { border: none; margin-bottom: 5px; } .pm-taskpopup-print .timepart > div { display: inline; } .pm-taskpopup-print .timepart > label { display: inline; vertical-align: baseline; } .pm-taskpopup-print .section.settings { line-height: 20px; } .pm-taskpopup-print .selectWrapper .chosen-container .chosen-results { max-height: 190px; } .pm-taskpopup-filter { width: 195px; } .pm-taskpopup-filter .header span { background-position: 6px -1296px; } .pm-taskpopup-filter label { display: inline-block; width: 100%; } .pm-taskpopup-filter .clearFilters { margin-left: 5px; } .pm-taskpopup-filter label > input { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; } .msie8 .pm-taskpopup-filter input[type=checkbox], .msie8 input[type=radio] { padding-left: 0; } .pm-taskpopup-filter .tasksAssignedToDropDown { padding-bottom: 3px; padding-left: 19px; } .pm-taskpopup-filter .tasksAssignedToDropDown select { width: 173px; } .pm-taskpopup-filter .tasksAssignedToDropDown .chosen-drop .chosen-results { max-height: 145px; } .pm-taskpopup-filter #txtTasksName { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin-bottom: 5px; } .pm-taskpopup-zoom #PMPopupTitle { position: relative; } .pm-taskpopup-zoom #PMPopupTitle span.title { padding: 15px 0 0 15px; font-size: 13px; text-transform: uppercase; color: var(--pmThemeBackground50); } .pm-taskpopup-zoom #PMPopupContentWrapper #PMPopupContent #ZoomPopup ul.zoomPopupOption { list-style-type: none; margin: 10px 0; padding: 0; } .pm-taskpopup-zoom #PMPopupContentWrapper #PMPopupContent #ZoomPopup ul.zoomPopupOption li.ZoomPopupOptionItem { padding: 5px 15px; line-height: 1em; cursor: pointer; } .pm-taskpopup-zoom #PMPopupContentWrapper #PMPopupContent #ZoomPopup ul.zoomPopupOption li.ZoomPopupOptionItem:hover { background-color: var(--pmThemeBackground70); } .pm-taskpopup-print-options { width: auto !important; margin-left: 60px !important; } .pm-taskpopup-print-options #PMPopupTitle { position: relative; } .pm-taskpopup-print-options #PMPopupTitle span.title { padding: 15px 0 0 15px; font-size: 13px; text-transform: uppercase; color: var(--pmThemeBackground50); } .pm-taskpopup-print-options #PMPopupContentWrapper #PMPopupContent #PrintOptionsPopup ul.printOptionsPopupOptions { list-style-type: none; margin: 10px 0; padding: 0; } .pm-taskpopup-print-options #PMPopupContentWrapper #PMPopupContent #PrintOptionsPopup ul.printOptionsPopupOptions li.printOptionsPopupOptionItem { padding: 5px 15px; line-height: 1em; cursor: pointer; } .pm-taskpopup-print-options #PMPopupContentWrapper #PMPopupContent #PrintOptionsPopup ul.printOptionsPopupOptions li.printOptionsPopupOptionItem:hover { background-color: var(--pmThemeBackground70); } .pm-taskpopup-print-options #PMPopupContentWrapper #PMPopupContent #PrintOptionsPopup ul.printOptionsPopupOptions li.printOptionsPopupOptionItem.disabled { background-color: transparent; cursor: default; color: var(--pm-text-default-color-subtle); } .pm-taskpopup-delete-recurrency-popup { width: 460px; } .pm-taskpopup-sort { width: 140px; } .pm-taskpopup-sort #PMPopupTitle { display: none; } .pm-taskpopup-sort .header, .pm-taskpopup-sort .actions { display: none; } .pm-taskpopup-sort #SortPopup ul.sortPopupOption { list-style-type: none; margin: 10px 0; padding: 0; } .pm-taskpopup-sort #SortPopup ul.sortPopupOption li.sortPopupOptionItem { font-size: 12px; line-height: 22px; padding-left: 15px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .pm-taskpopup-sort #SortPopup ul.sortPopupOption li.sortPopupOptionItem:hover { background-color: var(--pmThemeBackground80); } .pm-taskpopup-sort.popup-arrow-top-right::after { right: 32px; } .pm-taskpopup-sort #SortPopup ul.sortPopupOption .formatting-options li { display: inline-block; position: relative; width: 28px; } .pm-taskpopup-sort #SortPopup ul.sortPopupOption .formatting-options li.disabled { pointer-events: none; opacity: 0.5; } .pm-taskpopup-sort #SortPopup ul.sortPopupOption .formatting-options li a { display: inline-block; margin-right: 9px; vertical-align: middle; cursor: pointer; } .pm-taskpopup-sort #SortPopup ul.sortPopupOption .formatting-options li a:before { font-size: 19px; line-height: 1em; color: var(--pmThemeForeground50); } .pm-taskpopup-sort #SortPopup ul.sortPopupOption .formatting-options li a:hover:before { color: var(--pmThemeBrand); } #SortPopup ul.formatting-options { padding: 10px 0 5px 15px; list-style: none; } #SortPopup ul.formatting-options li { margin: 0; padding: 0; list-style: none; } #SortPopup ul.formatting-options li { display: inline-block; position: relative; width: 28px; } #SortPopup ul.formatting-options li a { display:inline-block; margin-right:9px; color:#333; vertical-align: middle; cursor: pointer; } #SortPopup ul.formatting-options li a:before { font-size:19px; line-height:1em; } #SortPopup ul.formatting-options li a:hover, #SortPopup ul.formatting-options li a:hover:before { color:var(--pmColorBrand); } #SortPopup ul.formatting-options li.disabled a, #SortPopup ul.formatting-options li.disabled a:hover, #SortPopup ul.formatting-options li.disabled a:hover:before, #SortPopup ul.formatting-options li.disabled a:before { color:#ccc; cursor: default; background: none; pointer-events: none;} .pm-taskpopup-portfolio-filter .header span { background-position: 6px -1296px; } .pm-taskpopup-portfolio-filter label { width: 120px; display: inline-block; } .pm-taskpopup-portfolio-filter select { width: 200px; } .pm-taskpopup-portfolio-filter .options > div { margin-bottom: 5px; } .pm-taskpopup-portfolio-filter .options > div:last-child { margin-bottom: 0; } .pm-taskpopup-portfolio-filter #groupsFilter { display: inline-block; width: 200px; position: relative; vertical-align: middle; } .pm-taskpopup-portfolio-filter .customerFilterPortfolioSelectDeafult + .chosen-container > .chosen-single.chosen-default { color: #333; } .pm-taskpopup .to-from-links, .pm-taskpopup .to-from-links-popup { display: block; margin-bottom: 20px; font-size: 16px; } .pm-taskpopup .to-from-links select, .pm-taskpopup .to-from-links-popup select { width: 85px; } .pm-taskpopup .to-from-links .task-name span, .pm-taskpopup .to-from-links-popup .task-name span { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; padding: 2px 0; margin: 0 15px; font-size: 15px; border-bottom: 1px solid #444; } .pm-taskpopup .to-from-links .static, .pm-taskpopup .to-from-links-popup .static { margin-left: 15px; } .pm-taskpopup .to-from-links-popup span { display: inline-block; vertical-align: middle; } .pm-taskpopup .clearFormat { color: var(--pmThemeForeground50); text-transform: none; cursor: pointer; } .pm-taskpopup .clearFormat:hover { color: var(--pmThemeForeground); } .pm-taskpopup.pm-taskpopup-theme .clearFormat { float: right; padding-right: 20px; font-weight: normal; } .pm-taskpopup.pm-taskpopup-text-format .clearFormat, .pm-taskpopup.pm-taskpopup-column-format .clearFormat { float: right; padding-right: 10px; margin-left: 10px; } .pm-taskpopup-tasklinks .body { position: relative; } .pm-taskpopup-tasklinks .body .filter-wrap { background: left 6px top 4px no-repeat url(/Images/Common/icon_search.png); position: absolute; top: -3px; left: 78px; z-index: 100; -webkit-background-size: 18px 18px; background-size: 18px; width: 25px; height: 22px; cursor: pointer; } .pm-taskpopup-tasklinks .body .filter-wrap input { width: 130px; margin-top: -1px; display: none; background: transparent; padding: 0 5px 0 22px; font-size: 12px; line-height: 22px; height: 22px; } .pm-taskpopup-tasklinks .header, .pm-taskpopup-dependacy .header { border-bottom: none; margin-bottom: 0 !important; border: 0 !important; } .pm-taskpopup-tasklinks .header .top-close-button, .pm-taskpopup-dependacy .header .top-close-button { display: inline-block; top: 12px; right: 12px; } .pm-taskpopup-tasklinks .header .top-close-button:before, .pm-taskpopup-dependacy .header .top-close-button:before { font-size: 12px; } .pm-taskpopup-tasklinks .header span { background-position: 6px -593px; } .pm-taskpopup-tasklinks .pm-simplegrid .pm-header th .cell { font-size: 12px; } .pm-taskpopup-tasklinks .pm-simplegrid .pm-header th .cell .pm-title.name { margin-left: -34px; } .pm-taskpopup-tasklinks .pm-simplegrid { max-height: 310px; } .pm-taskpopup-tasklinks .pm-simplegrid .showMore { cursor: pointer; } .pm-taskpopup-tasklinks td.name { text-align: left; } .pm-taskpopup-tasklinks td.name div.cell { line-height: 1.7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 1em; } .pm-taskpopup-tasklinks td.assign { text-align: center; } .pm-taskpopup-tasklinks td.lag { text-align: left; padding: 0; } .pm-taskpopup-tasklinks td.lag div.cell { width: 100%; } .pm-taskpopup-tasklinks td.lag div.cell:hover, .pm-taskpopup-tasklinks td.lag input { padding: 4px 0 4px 5px; margin-left: -6px; border: 1px solid #ddd; border-radius: 4px; width: 60px !important; } .pm-taskpopup-tasklinks td.lag input { padding-top: 3px; padding-bottom: 3px; } .pm-taskpopup-tasklinks td.linkType { padding: 0;} .pm-taskpopup-tasklinks td.index { text-align: center; text-indent: -12px; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color { padding: 0; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell { padding: 0; } .pm-taskpopup-tasklinks .pm-simplegrid .task-color .cell span { padding: 0; width: 4px; height: 33px; display: block; } .pm-taskpopup-tasklinks .linkType select { width: 125px; } .pm-taskpopup-tasklinks .dependancy-link-wrap { text-align: right; padding-top: 20px; } .pm-taskpopup-tasklinks .dependancy-link { color: var(--pmThemeForeground50); cursor: pointer; } .pm-taskpopup-tasklinks .dependancy-link:hover { color: var(--pmThemeForeground); } .pm-taskpopup-tasklinks .fake-icon-link-type { position: absolute; right: -1px; top: 8px; width: 15px; color: #999; font-size: 12px; } .pm-taskpopup-tasklinks .fake-icon-link-type:before { font-size: 12px; } .pm-taskpopup-tasklinks .linkType select { width: 125px; } .pm-taskpopup-tasklinks .linkType .cell { height: 30px; } .pm-taskpopup-tasklinks .linkType .fake-container { position: relative; height: 30px; width: 125px;} .pm-taskpopup-tasklinks .linkType .fake-container select.link-type { position: absolute; left: 0px; border: 0px; margin-top: 2px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .pm-taskpopup-tasklinks .linkType select.link-type::-ms-expand { display: none; } .pm-taskpopup-resources .body .search { text-align: right; margin-bottom: 20px; } .pm-taskpopup-resources .body .search td { padding-right: 0.5em; } .pm-taskpopup-resources .body .search td.selectSkills { padding-right: 0; } .pm-taskpopup-resources .header #settingsButton { position: absolute; top: 22px; right: 20px; display: block; cursor: pointer; color: #aaa; font-size: 18px; } .pm-taskpopup-resources .header #settingsButton:hover { color: var(--pmColorBrand); } .pm-taskpopup-resources .header #settingsButton span.settings { display: none; } .pm-taskpopup-resources .header #settingsMenu { position: absolute; top: 52px; right: -125px; z-index: 999999; width: 145px; } .pm-taskpopup-resources .header #settingsMenu:before, .pm-taskpopup-resources .header #settingsMenu:after { bottom: 100%; left: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pm-taskpopup-resources .header #settingsMenu:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #d9d9d9; border-width: 8px; margin-left: -9px; } .pm-taskpopup-resources .header #settingsMenu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -8px; } .pm-taskpopup-resources .header #settingsMenu ul, .pm-taskpopup-resources .header #settingsMenu li { margin: 0; padding: 0; list-style: none; font-weight: 700; } .pm-taskpopup-resources .header #settingsMenu li { display: block; cursor: pointer; } .pm-taskpopup-resources .header #settingsMenu li:hover { color: var(--pmColorBrand); } .pm-taskpopup-resources .instruction { display: block; text-align: center; margin-bottom: 0; color: #ccc; } .pm-taskpopup-resources .add-resource { display: none; } .pm-taskpopup-resources .add-resource .form { margin-top: 20px; } .pm-taskpopup-resources .add-resource .form label { margin: 0 0 3px 0; } .pm-taskpopup-resources .add-resource .form input { margin: 0 8px 0 6px; width: 195px; } .pm-taskpopup-resources .pm-simplegrid { max-height: 265px; } .pm-taskpopup-resources .pm-simplegrid .assign input { margin: 1px 15px 1px 1px; opacity: 1; } .pm-taskpopup-resources .pm-simplegrid .assign input:hover { margin: 1px 15px 1px 1px; opacity: 0.99; } /* This opacity/transform hack is to prevent FF making the checkboxes disappear! */ .pm-taskpopup-resources .assignment-grid-footer { height: 25px; line-height: 25px; padding-right: 50px; color: var(--pmThemeBackground50); } .pm-taskpopup-resources .assignment-grid-footer span.total { height: 25px; line-height: 25px; text-align: right; float: right; min-width: 70px; display: inline-block; margin: 0; } .pm-taskpopup-resources .assignment-grid-footer span.total-title { float: right; padding-right: 10px; } .pm-taskpopup-resources td.name { text-align: left; line-height: 1.7; } .pm-taskpopup-resources td.assign, .pm-taskpopup-resources th.first { text-align: center; width: 70px !important; } .pm-taskpopup-resources td.name { text-align: left; } .pm-taskpopup-resources td.name span.name:hover { cursor: pointer; } .pm-taskpopup-resources td.availability label { color: #2b2b2b; display: block; text-align: center; position: relative; z-index: 100; line-height: 20px; } .pm-taskpopup-resources td.availability div.bar { position: relative; height: 20px; display: block; } .pm-taskpopup-resources td.availability div.bar span { width: 100%; position: absolute; height: 100%; border-radius: 2px; } .pm-taskpopup-resources td.availability div.not-avaliable span { background: #daf0cd; } .pm-taskpopup-resources td.availability div.partial-avaliable span { background: #aaf088; } .pm-taskpopup-resources td.availability div.fully-avaliable span { background: #6ad332; } .pm-taskpopup-resources td.assignedEffort input { width: 40px; text-align: right; padding: 2px 4px; line-height: 14px; } .pm-taskpopup-resources th .pm-title.availability { display: block; text-align: center; padding-right: 2px; } .pm-taskpopup-resources .header #settingsPanel { position: absolute; width: 566px; height: 335px; left: 0; right: 5px; top: 41px; padding: 5px; z-index: 99999; background-color: #f3f3f3; display: none; } .pm-taskpopup-resources .assignedEffort, .pm-taskpopup-resources .assignedEffort .effort { margin-left: 10px; } .pm-taskpopup-resources .assignment-grid table { width: 455px; } .pm-taskpopup-resources .pm-simplegrid tr.selected td div.cell { color: var(--pmColorBrand); } .pm-taskpopup-resources .pm-simplegrid tr.selected td span.cb { background-color: #bbe0a2; border-color: #bbe0a2; } .pm-taskpopup-resources .pm-simplegrid tr.selected td input[type=checkbox].cbSimple:checked + label > .cb { background-color: var(--pmColorBrand); border-color: var(--pmColorBrand); } .pm-taskpopup-resources .selectTeams { text-align: left; width: 130px; } .pm-taskpopup-resources .body .search input, .pm-taskpopup-resources .selectSkills select { width: 130px; } .ui-multiselect-menu.selectTeams, .ui-multiselect-menu.selectSkills { min-width: 200px; max-width: 200px; } .ui-multiselect-menu ul li.create-link, .ui-multiselect-menu ul li.no-link { padding: 6px 0 0 8px; } .ui-multiselect-menu ul li.create-link, .ui-multiselect-menu ul li.no-link.empty-message-placeholder { color: #aaa; padding-top: 8px; padding-bottom: 2px; } .ui-multiselect-menu ul li.create-link a { color: var(--pmThemeForeground50); } .ui-multiselect-menu ul li.create-link a:hover { color: var(--pmThemeForeground); } .pm-taskpopup-resources .upsellSkills, .pm-taskpopup-resources .upsellTeams { /*display: none;*/ width: 130px; position: relative; padding: 0 0 0 8px; line-height: 28px; height: 30px; text-align: left; margin-top: 0; background: var(--pmThemeInputBackground); color: var(--pmThemeForeground); border: 1px solid var(--pmThemeInputBorder); vertical-align: middle; cursor: pointer; border-radius: 0; } .pm-taskpopup-resources .upsellSkills:after, .pm-taskpopup-resources .upsellTeams:after { font-family: "icon-pm"; content: "\EA42"; font-size: 12px; display: block; position: absolute; top: 0; right: 0; line-height: 15px; height: 28px; padding: 5px 7px 0; color: var(--pm-text-default-color-subtle); } .pm-taskpopup-resources .upsellSkills:before, .pm-taskpopup-resources .upsellTeams:before { color: var(--pmColorLightBlue); padding-right: 5px; } .pm-taskpopup-resources .pm-resource-name.inactive { color: var(--pm-text-default-color-weak); } /* This is the edition name which is part of the text inside the upsell tooltip content */ .tooltipster-upsell.tooltipster-sidetip .tooltipster-box .upsellEditionLabelResourceTooltip { color: var(--pmColorTeal); } /* Just styling a bit the tooltip box */ .tooltipster-upsell.tooltipster-sidetip .tooltipster-box { border-width: 1px; color: var(--pm-text-default-color); background-color: var(--pm-secondary-background-color); border-color: var(--pm-secondary-border-color); -webkit-box-shadow: var(--pmThemeTooltipShadow); box-shadow: var(--pmThemeTooltipShadow); border-radius: var(--pmThemeTooltipCorner); } /* Style the text inside the tooltip content for the upsell information */ .tooltipster-upsell.tooltipster-sidetip .tooltipster-content { color: var(--pm-text-default-color); font-size: var(--pmThemeTooltipFontSize); line-height: 1.2em; text-transform: uppercase; padding: var(--pmThemeTooltipPadding); } /* This is the arrow for the upsell tooltip content */ .tooltipster-upsell.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--pm-secondary-border-color); top: 1px; } /* This the arrow background for the upsell tooltip content */ .tooltipster-upsell.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: var(--pm-secondary-background-color); top: -1px; } .pm-taskpopup-over-allocation div.remember { text-align: center; margin-top: 1em; } .pm-taskpopup-email .header span { background-position: 6px -1596px; } .pm-taskpopup-email .instruction { color: #999; display: block; padding-top: 10px; text-align: center; } .pm-taskpopup-email .body { padding: 3px; } .pm-taskpopup-email .body .filter { position: absolute; top: 10px; right: 12px; font-size: 11px; color: #fff; } .pm-taskpopup-email .body .filter input { width: 100px; font-size: 11px !important; padding: 2px; } .pm-taskpopup-email .body .filter input.pm-watermark { color: #999; } .pm-taskpopup-email .pm-simplegrid { height: 220px; } .pm-taskpopup-email td.name { text-align: left; } .pm-taskpopup-email td.assign { text-align: center; } .pm-taskpopup-email .pm-simplegrid .pm-sortable { background-image: url(/images/simplegrid-vertical-bg-light.gif) !important; } /* The width and height needs to be hard-coded as the contents changes on-the-fly as you use the folders */ .pm-taskpopup-saveto { width: 250px; } .pm-taskpopup-saveto .folderTree { max-height: 195px; overflow-y: auto; overflow-x: hidden; } .pm-taskpopup-linkedric .header span { background-position: 6px -574px; } .pm-taskpopup-linkedric .body { padding: 3px; } .pm-taskpopup-linkedric .pm-simplegrid { height: 200px; } .pm-taskpopup-linkedric td.set { padding-left: 5px; } .pm-taskpopup-linkedric td.status { padding-left: 2px; } .pm-taskpopup-linkedric .actions .cancel { margin-right: 5px; } .pm-taskpopup-linkedric .loading { height: 80px; text-align: center; } .pm-taskpopup-linkedric .pm-body { overflow-y: auto; } .pm-taskpopup-linkedric .pm-simplegrid th div.cell { padding-right: 6px; } .pm-taskpopup-generic-message div.actions { text-align: center; } .pm-taskpopup-generic-message div.actions span.cancel { display: none; } .pm-taskpopup-file-upload { min-width: 440px; } .pm-taskpopup-file-upload .header span { background-position: 6px -1427px; } .pm-taskpopup-file-upload div#uploader { } .pm-taskpopup-file-upload div.inner div.actions { display: none; } .pm-taskpopup-file-upload div.inner .share_Footer div.actions { display: block; padding: 0; text-align: left; } .pm-taskpopup-file-upload div.inner .share_Footer .autoCloseLabel { float: right; line-height: 29px; } .pm-taskpopup-file-upload .moxie-shim.moxie-shim-html5 { display: none; } .pm-taskpopup-file-upload.pm-taskpopup .body .defaultContainer { padding: 0; } .pm-taskpopup-file-upload.pm-taskpopup .header a.top-close-button { display: block !important; } .pm-taskpopup-clipboard .pm-taskcolumn-mapper { max-width: 700px; } .pm-taskpopup-clipboard .pm-taskcolumn-mapper .instructions { margin: 0 0 20px; padding: 0; text-align: center; } .pm-taskpopup-clipboard .pm-simplegrid { max-height: 300px; overflow: auto; } .pm-taskpopup-clipboard .pm-simplegrid .pm-body {overflow-y: visible; } .pm-taskpopup-clipboard .pm-simplegrid th div.cell { padding: 5px; } .pm-taskpopup-clipboard .pm-simplegrid th.pm-spacer div.cell { padding: 0; width: 1px !important; } .pm-taskpopup-clipboard .pm-simplegrid th:not(.pm-spacer) { background: var(--pmThemeBackground70); border: solid 1px var(--pmThemeBackground70); border-width: 0 1px; } .pm-taskpopup-clipboard .pm-simplegrid th.pm-spacer { max-width: 10px; } .pm-taskpopup-clipboard .pm-simplegrid tr.alt td { background: var(--pmThemeBackground80); } .pm-taskpopup-clipboard .pm-simplegrid select { font-size: 11px; } .pm-taskpopup-clipboard .pm-simplegrid td { font-size: 12px; } .pm-taskpopup-google-docs .header span { background-position: 6px -1456px; } .pm-taskpopup-google-docs .pm-simplegrid { height: 200px; width: 444px; } .pm-taskpopup-google-docs .header .filter { position: absolute; top: 10px; right: 12px; font-size: 11px; color: #fff; } .pm-taskpopup-google-docs .header .filter label { *vertical-align: baseline; /*IE7 fix*/ } .pm-taskpopup-google-docs .header .filter input { width: 100px; font-size: 11px !important; padding: 2px; } .pm-taskpopup-google-docs .header input.pm-watermark { color: #999; } .pm-taskpopup-document .pm-simplegrid { height: 310px; position: relative; top: 0; left: 0; } .pm-taskpopup-document .actions .cancel { display: none; } .pm-taskpopup-document .pm-taskdocuments .actions { display: none; } .pm-taskpopup-user #userPopup .box1 { margin-top: 10px; } .pm-taskpopup-user #userPopup .field { position: relative; } .pm-taskpopup-user #userPopup .field input { width: 300px; margin-top: 10px; } .pm-taskpopup-user #userPopup .field select { width: 314px; margin-top: 10px; } .pm-taskpopup-user #userPopup .field .callout { left: 325px; top: 10px; } .pm-taskpopup-user #userPopup .projectsBox { width: 302px; max-height: 235px; overflow: auto; padding: 5px; border: 1px solid #d3d3d3; margin-top: 5px; } .pm-taskpopup-user #userPopup ul, .pm-taskpopup-user #userPopup li { list-style: none outside none; margin: 0; padding: 0; } .pm-taskpopup-user #userPopup li { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pm-taskpopup-user #userPopup li.groupProject, .pm-taskpopup-user #userPopup .projectsBox ul { margin-left: 18px; } .pm-taskpopup-user #userPopup .projectsBox ul li label:hover { cursor: pointer; color: var(--pmColorBrand); } .pm-taskpopup-user #userPopup #projectAccess { margin-top: 10px; } .pm-taskpopup-project-google-calendar-importer .pm-simplegrid { height: 300px; width: 100%; margin-top: 12px; } .pm-taskpopup-project-template-selector { width: 410px; } .pm-taskpopup-project-template-selector #gridContainer { width: 100%; } .pm-taskpopup-project-template-selector #gridContainer .pm-simplegrid { height: 300px; width: 100%; margin-top: 15px; } .pm-taskpopup-project-template-selector #gridContainer .pm-simplegrid tr.selected td.name { color: #1ea6f8; } .pm-taskpopup-project-template-selector #gridContainer .pm-simplegrid tr td.name:hover { color: var(--pmColorBrand); } .pm-taskpopup-project-template-selector #gridContainer .pm-simplegrid td { line-height: 1.7; } .pm-taskpopup-project-template-selector #gridContainer #message { display: none; z-index: 9999; width: 392px; height: 338px; background: #f3f3f3; text-align: center; position: absolute; top: 50px; } .pm-taskpopup-project-template-selector #options { text-align: center; margin-top: 10px; } .pm-taskpopup-project-template-selector #options label { margin-left: 5px; } .pm-taskpopup-project-template-selector #projectsFilter { position: absolute; top: 20px; right: 20px; } .pm-taskpopup-dependacy { width: 516px; cursor: default; } .pm-taskpopup-dependacy .header span.title { display:none; } .pm-taskpopup-dependacy .header .back-to-links-wrap { padding-bottom: 13px; } .pm-taskpopup-dependacy .header .back-to-links { font-size: 14px; color: #0395DD; cursor: pointer; } .pm-taskpopup-dependacy .header .back-to-links:hover { color: var(--pmColorBrand); } .pm-taskpopup-dependacy .header .to-from-links select { display: block; } .pm-taskpopup-dependacy #Top1, .pm-taskpopup-dependacy #Top2 { height: 55px; } .pm-taskpopup-dependacy .leftPanel, .pm-taskpopup-dependacy .rightPanel { width: 48%; } .pm-taskpopup-dependacy .leftPanel input, .pm-taskpopup-dependacy .rightPanel input#tasksFilter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .pm-taskpopup-dependacy .rightPanel { float: right; } .pm-taskpopup-dependacy .rightPanel #selectResources, .pm-taskpopup-dependacy .rightPanel .chosen-container { width: 145px; margin-left: 6px; } .pm-taskpopup-dependacy .rightPanel #tvHolder li { max-width: 220px; overflow: hidden; text-overflow: ellipsis; } .pm-taskpopup-dependacy .rightPanel .jstree a { display: inline; padding: 0; } .pm-taskpopup-dependacy .mainContainer #Main { border: 1px solid var(--pmThemeBackground70); overflow-x: auto; overflow-y: scroll; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); } .pm-taskpopup-dependacy .actions { clear: both; } .pm-taskpopup-dependacy .jstree-leaf { font-weight: normal !important; } .pm-taskpopup-dependacy #DepType { padding-top: 20px; } .pm-taskpopup-dependacy #DepType input, .pm-taskpopup-dependacy #DepType label { vertical-align: middle; } .pm-taskpopup-dependacy #DepType label { margin-right: 10px; } .pm-taskpopup-dependacy #DepType input { margin: 0 3px 0 0; } .pm-taskpopup-dependacy #DepType input#fromDep { margin-left: 10px; } .pm-taskpopup-dependacy .headerTitle { margin-bottom: 5px; } .pm-taskpopup-dependacy .pm-simplegrid { border: 1px solid var(--pmThemeBackground70); width: -webkit-calc(100% - 2px); width: calc(100% - 2px); } .pm-taskpopup-dependacy .pm-simplegrid .pm-header { display: none;} .pm-taskpopup-dependacy .pm-simplegrid .pm-content.nano-content table { width: 100%; } .pm-taskpopup-dependacy .pm-simplegrid tr { cursor: pointer; } .pm-taskpopup-dependacy .pm-simplegrid tr.selected { background-color: var(--pmThemeBackground70); } .pm-taskpopup-dependacy .pm-simplegrid tr:hover { background-color: var(--pmThemeBackground80); } .pm-taskpopup-dependacy .pm-simplegrid tr .project-name .project-name-label { padding: 0 0 0 5px; text-overflow: ellipsis; display: inline-block; vertical-align: middle; overflow: hidden; max-width: -webkit-calc(100% - 35px); max-width: calc(100% - 35px); } .pm-taskpopup-dependacy .pm-simplegrid tr .project-name .project-name-label.has-linked-project { max-width: -webkit-calc(100% - 95px); max-width: calc(100% - 95px); } .pm-taskpopup-dependacy .pm-simplegrid tr .project-name .linked-project { font-size: 10px; line-height: 14px; border-radius: 7px; padding: 0 7px; color: var(--pmThemeBackground); background-color: var(--pmThemeForeground); display: inline-block; vertical-align: middle; text-transform: uppercase; margin-left: 0.5em; } .pm-taskpopup-dependacy .pm-simplegrid tr td { border: 0; } .pm-taskpopup-copytasks fieldset{ border:none; margin:15px 0 0 0; padding: 0; } .pm-taskpopup-copytasks fieldset div.label{float: left; width: 60px; } .pm-taskpopup-copytasks fieldset div.label.forSelect {padding-top: 7px;} .pm-taskpopup-copytasks fieldset div.input{float:left; } .pm-taskpopup-copytasks fieldset div.input select { width:250px; } /* overlays */ .active-overlay { position: absolute; border: 0; overflow: visible; display: none; z-index: 999; background: var(--pmThemeGridBackgroundSelected); outline: solid 1px #1ea6f8 !important; padding: 0px; margin: 0px; line-height: 23px; font-size: 12px; white-space: nowrap; } .active-overlay .corner { position: absolute; right:-3px; bottom: -3px; width: 6px; height: 6px; z-index: 999; background: #1ea6f8; outline: solid 1px var(--pmThemeBackground90); cursor: cell; display: block;} .active-overlay.readonly { outline-color: var(--pmThemeBackground80) !important; } .active-overlay input[type=text] { outline: none; padding: 0 0 0 4px !important; line-height: 23px !important; font-size: 12px; width: -webkit-calc(100% - 8px); width: calc(100% - 8px); height: 23px; background: transparent; } .active-overlay select { font-size: 12px; } .active-overlay select option { color: inherit; } .active-overlay .editor-string.task-links input[type=text] { width: 67%; text-overflow: ellipsis; } .active-overlay .pm-itemeditor-taskname input[type=text] {padding: 0 0 0 9px !important;} .active-overlay .pm-datepicker { border: none !important; } .active-overlay .pm-datepicker input { border: none !important; } .active-overlay .pm-datepicker span { position: absolute; right: 3px; top: 3px; border: 0; padding: 0; } .active-overlay .pm-datepicker span:before { font-size: 17px !important; } .active-overlay .pm-readonly.resource-cell { overflow: hidden; text-overflow: ellipsis; } .active-overlay .icon-pm-link { position: absolute; right: 0px; top: 0px; background-color: var(--pmThemeBackground90); padding: 3px; color: var(--pmThemeForeground70); cursor: pointer; } .pm-taskgrid .copy-cell-indicator { position: absolute; overflow: visible; display: none; z-index: 998; outline-width: 1px; outline-style: dashed; outline-color: #1ea6f8; padding: 0px; margin: 0px; pointer-events: none; } .portfolio .active-overlay { outline-color: #999 !important; } .portfolio .corner { display: none !important; } .highlighted-overlay { position: absolute; border: 0; z-index: 11; display: block; pointer-events:none; top: 0px; left: 0px; right: 0px; bottom: 0px; } .highlighted-overlay .pm-taskgrid-highlight-cell { border: solid 1px; position: absolute; margin: -1px; pointer-events: all; } .tooltipster-sidetip.tooltipster-collaboration > .tooltipster-box { background-color: var(--pmThemeBackground80); border: 1px solid var(--pmThemeBackground80); } .tooltipster-collaboration.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--pmThemeBackground80); top: 1px; } .tooltipster-collaboration.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: var(--pmThemeBackground80); top: -1px; } .tooltip-collaboration-user { color: var(--pmThemeBackground50); } /* Firefox positioning */ @-moz-document url-prefix() { .active-overlay input[type=text] { padding: 0 0 0 3px !important; } .pm-taskpopup-tasklinks .linkType select.link-type { margin-left: -4px; } } /* milestone summary */ .pm-readonly input[type="checkbox"] + label:before { display: none; } /* MS IE11 positioning */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .active-overlay, .pm-taskgrid .copy-cell-indicator { margin: -1px 0 0 -2px; padding-left: 2px; } .active-overlay select { height: 24px; } .highlighted-overlay .pm-taskgrid-highlight-cell { padding-right: 2px; margin: -2px 0 0 -3px; } .pm-taskpopup-tasklinks .fake-container button, .pm-taskpopup-tasklinks .fake-container span { letter-spacing: normal ; } .pm-taskpopup-tasklinks .linkType select.link-type { height: 28px; margin-left: -2px; margin-top: 1px; } .pm-taskgrid thead.grabbing { cursor: move; } .pm-taskgrid .row-headers tbody.grabbing th span { cursor: move; } .pm-taskgrid tr.selected.grabbing { cursor: move; } .pm-taskgrid-row-drag { cursor: move; } } .selection-overlay { position: absolute; opacity: 0.1; filter: alpha(opacity=10); background: #2556F8; } .selection-border-overlay { position: absolute; z-index: 12; background: #65B7C0; } /* reinstate when we fix up range selection .selection-handle-overlay {position:absolute;padding:2px;background:#fff;cursor:crosshair;z-index:14;} .selection-handle-overlay div {background:#3366cc;height:5px;width:5px;} */ .selection-handle-overlay { display: none; } .selection-handle-overlay div { display: none; } .selection-fill-overlay { border: dashed 1px #666; position: absolute; } .copy-overlay { border: dotted 2px orange; position: absolute; z-index: 13; } .editor-string { height: 100%; width: 100%; } .editor-string input { height: 100%; width: 100%; border: solid 0px #000 !important; vertical-align: middle; padding: 0 0 0 4px; -webkit-tap-highlight-color: rgba(0,0,0,0); } #ApplicationLog, #GridEventLog, #GanttEventLog { width: 500px; float: left; border: solid 1px #ccc; padding: 10px; overflow: auto; height: 300px; margin-bottom: 10px; } #GanttEventLog { margin-left: 10px; } #ApplicationLog label, #GridEventLog label, #GanttEventLog label { font-weight: bold; padding-bottom: 5px; display: inline-block; margin-bottom: 3px; } #ApplicationLog a, #GridEventLog a, #GanttEventLog a { margin-left: 5px; } #ApplicationLog > div, #GridEventLog > div, #GanttEventLog > div { clear: left; border-top: dotted 1px #ccc; padding-top: 10px; } #ApplicationLog .item, #GridEventLog .item, #GanttEventLog .item { white-space: nowrap; } #ApplicationLog .item ul, #GridEventLog .item ul, #GanttEventLog .item ul { margin: 0; } #ApplicationLog .item span, #GridEventLog .item span, #GanttEventLog .item span { padding-right: 20px; } #Processing-popup { position: absolute; height: 100%; width: 100%; padding-top: 100px; top: 0; z-index: 10000; } #Processing-info { width: 350px; padding: 20px 0 20px 20px !important; position: relative; } #Processing-info .heading { font-size: 18px; } #Processing-info .body { margin-top: 1em; } #Processing-info .body .spinner, #Processing-info .body .spinner img { width: 20px; height: 20px; } #Processing-info .body .spinner { display: inline-block; vertical-align: top; margin-right: 10px; } #Processing-info .body .spinner img { -webkit-animation: rotating 1s linear infinite; -o-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; } #Processing-info .progress-bar-wrapper { display: none; padding: 0 0 0 10px; width: 300px; height: 100px; } #Processing-popup .processing-screen { top: 0; left: 0; position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.25); } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotating { from { -o-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Roadmap */ #TasksPage.portfolio .simplegrid-astro.pm-tasklinks .pm-simplegrid .empty { width: 580px !important; } /* Webkit animation keyframes */ @-webkit-keyframes animate-stripes { from { background-position: 0 0; } to { background-position: 44px 0; } } /* Bar which is placed behind the progress */ .ui-progress-bar { /* Usual setup stuff */ position: relative; height: 15px; /* Pad right so we don't cover the borders when fully progressed */ padding-right: 2px; /* For browser that don't support gradients, we'll set a blanket background colour */ background-color: #abb2bc; /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */ /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; /* Webkit background gradient */ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b6bcc6), color-stop(1, #9da5b0)); /* Mozilla background gradient */ background: -moz-linear-gradient(#9da5b0 0%, #b6bcc6 100%); /* Give it the inset look by adding some shadows and highlights */ -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF; box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF; } /* Progress part of the progress bar */ .ui-progress { /* Usual setup stuff */ position: relative; display: block; overflow: hidden; /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */ height: 13px; /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */ /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */ border-radius: 8px; /* Set the background size so the stripes work correctly */ -webkit-background-size: 44px 44px; /* Webkit */ /* For browser that don't support gradients, we'll set a blanket background colour */ background-color: #74d04c; /* Webkit background stripes and gradient */ background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0.00, rgba(255,255,255,0.17)), color-stop(0.25, rgba(255,255,255,0.17)), color-stop(0.26, rgba(255,255,255,0)), color-stop(0.50, rgba(255,255,255,0)), color-stop(0.51, rgba(255,255,255,0.17)), color-stop(0.75, rgba(255,255,255,0.17)), color-stop(0.76, rgba(255,255,255,0)), color-stop(1.00, rgba(255,255,255,0)) ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #74d04c), color-stop(1, #9bdd62)); /* Mozilla (Firefox etc) background stripes */ /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */ background: -moz-repeating-linear-gradient(top left -30deg, rgba(255,255,255,0.17), rgba(255,255,255,0.17) 15px, rgba(255,255,255,0) 15px, rgba(255,255,255,0) 30px ), -moz-linear-gradient(#9bdd62 0%, #74d04c 100%); /* Webkit embossing */ -webkit-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a; /* Mozilla embossing */ /* IE9 and Opera embossing */ box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a; /* Give it a higher contrast outline */ border: 1px solid #4c8932; /* Webkit magic */ -webkit-animation: animate-stripes 2s linear infinite; /* TODO: Wait for Mozilla to support animation, then implement */ } /* Progress indicator text */ .ui-progress span.ui-label { font-size: 1.2em; position: absolute; right: 0; line-height: 15px; padding-right: 12px; color: rgba(255,255,255,255.6); text-shadow: rgba(0,0,0, 0.45) 0 1px 0px; white-space: nowrap; } /* Scaling */ @media screen and (max-width: 1250px) { .pm-documents .top { padding-left: 15px; padding-right: 15px; } .pm-documents .top .toolbar a { margin-right: 5px; } } @media screen and (max-width: 1100px) { .pm-taskinfo .summary .taskname input { width: 220px; } .pm-taskinfo .summary .percent input { width: 50px; } .pm-taskinfo .dates td { padding-right: 5px; } .pm-taskinfo .start input, .pm-taskinfo .finish input, .pm-taskinfo .duration input, .pm-taskinfo .cost input, .pm-taskinfo .effort input, .pm-taskinfo .pm-datepicker input[type="text"] { width: 80 !important; padding-right: 0; font-size: 12px; } } @media screen and (max-width: 900px) { .pm-taskinfo .summary .taskname input { width: 140px; } .pm-taskinfo .start input, .pm-taskinfo .finish input, .pm-taskinfo .duration input, .pm-taskinfo .cost input, .pm-taskinfo .effort input, .pm-taskinfo .pm-datepicker input[type="text"] { width: 65px !important; } .pm-tasklinks #LinkType a.action, .pm-taskdependancy .action { left: auto; right: 0; } .pm-taskinfo .dates td.label-duration { padding-left: 0; } } #RequestCall textarea {width:345px; font-size:12px; border:solid 1px #B1B1B1;} #exportSetup table { width: 100%; } #ExportPopup #ExportTypes #excelInfo { margin-left: 4px; } #ExportPopup select {width:100%;} #ExportPopup p { margin: 0px; } #ExportPopup ul.input, #ExportPopup ul.input li { margin:0;padding:0;list-style:none; } #RenameProject table.body {width:100%;} #RenameProject select, #RenameProject input { width: 100%; } #RenameProject label { display: block; margin: 15px 0 5px 0; } #RenameProject label.first { margin-top: 0; } #RenameProject .last select, #RenameProject .last input { margin-bottom:0; } #RenameProject input { width: 96%; } #RenameProject .rename { width: 100px; margin-right: 4px;} #RenameProject img.helpIcon { margin-bottom: 10px; } #RequestDemo .subtitle, #RequestDemo .Label {color: #444} #RequestDemo .subtitle { padding-bottom:15px;} #RequestDemo .label { vertical-align:top; width:60px !important;} #RequestDemo input, #RequestDemo textarea {width:260px; font-size:12px; border:solid 1px #B1B1B1; margin-bottom:2px; resize: none;} #FileMapping{width:100%;margin-top:auto;margin-bottom:auto;display:block;} body { background: transparent; } #PMNewProjectPopup { z-index: 5001; max-height: -webkit-calc(100vh - 100px); max-height: calc(100vh - 100px); } #newProjectForm .left { width: 100%; height: 440px; } #newProjectForm fieldset.first { margin-top: 0; } #newProjectForm.inlineForm .left fieldset:not(.first) { margin-top: 0.5em; } #newProjectForm.inlineForm .label { margin-bottom: 3px; } #newProjectForm table { width: 265px; } #newProjectForm select { width: 255px; } #newProjectForm textarea { width: 282px; resize: none; height: 3.5em; } #newProjectForm .label { text-align: left; width: 30%; } #newProjectForm .chosen-container .chosen-results { max-height: 7.2em; } #newProjectForm .left.leftScroll #npPriority_chosen .chosen-drop, #newProjectForm .left.leftScroll #npStatus_chosen .chosen-drop { top: auto; bottom: 30px; } #newProjectForm .left:not(.leftScroll) .nano, #newProjectForm .left:not(.leftScroll) .nano-content { overflow: visible; } #newProjectForm input.narrow { width: 210px; margin-top: 0; margin-bottom: 0; } #newProjectForm input#npName { width: 330px; } .expanded #newProjectForm input#npName { width: 426px; } #newProjectForm .collapsed .label { width: 10%; } #newProjectForm .collapsed .input { width: 85%; } #newProjectForm .pmi-project-gantt:before, #newProjectForm .pmi-project-board:before { margin-right: 0.5em; color: #ccc; } #newProjectForm .projectType { width: 80px; margin: 0 25px; padding: 5px 0 10px 0; vertical-align: top; text-align: center; display: inline-block; color: #cccccc; } #newProjectForm .projectType span { display: block; cursor: pointer; } #newProjectForm .projectType .icon-pm:before, #newProjectForm .projectType [class^="icon-pm-"]:before, #newProjectForm .projectType [class*=" icon-pm-"]:before { font-size: 50px; } #newProjectForm .projectType.disabled { color: #bfbfbf; position: relative; overflow: hidden; } #newProjectForm .projectType.disabled:hover { color: #bfbfbf; } #newProjectForm .projectType.disabled span { cursor: initial; } #newProjectForm .projectType.selected { color: #77c044; } #newProjectForm .projectType:hover { color: #77c044; } .expanded #newProjectForm .projectType { width: 80px; } #newProjectForm .projectType.disabled:after { content: "SOON!"; position: absolute; right: -14px; top: 8px; font-size: 10px; background: #bfbfbf; color: #fff; padding: 0 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #newProjectForm .edit { font-size: 16px; } #newProjectForm #npManagerEdit:before { color: #cccccc; cursor: auto; } #newProjectForm #npManagerEdit { cursor: auto; } #newProjectForm .StandardWorkDaysTitle { font-size: 12px; color: #5d5d5d; display: block; margin-bottom: 4px; } #newProjectForm .StandardWorkDays td { padding: 0 5px 0 0; vertical-align: top; text-align: center; } #newProjectForm .StandardWorkDays td:last-child { vertical-align: bottom; padding-bottom: 2px; } #newProjectForm .StandardWorkDays td span { display: block; color: var(--pmThemeForeground50); font-size: 12px; text-transform: uppercase; text-align: center; } #newProjectForm .StandardWorkDays td div { margin: 0; padding: 0; } #newProjectForm .StandardWorkDays td label { display: inline; } #newProjectForm .StandardWorkDays .BtnGrayWhite { float: right; margin: 9px 10px 0 0; } #newProjectForm .userAccessDiv { position: relative; float: right; height: 380px; width: 310px; padding-left: 5px; border-left: 1px solid #ddd; } #newProjectForm .userAccessDiv.leftScroll { border-left-color: transparent; } #newProjectForm .userAccessDiv .label { width: auto; margin: 0 0 0 10px; padding: 0; } #newProjectForm .userAccessDiv .projectAccessHeaderFont { color: #999; display: block; } #newProjectForm .userAccessDiv .projectAccessHeader { float: right; width: 84px; margin-top: 10px; } #newProjectForm .userAccessDiv .userList { position: absolute; top: 28px; right: 0; bottom: 0; left: 14px; } #newProjectForm .userAccessDiv ul { padding: 0; margin: 0; } #newProjectForm .userAccessDiv ul ul { margin-left: 1.25em; list-style: none; } #newProjectForm .userAccessDiv ul li div { display: inline-block; } #newProjectForm .projectInfoDiv { overflow-y: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #newProjectForm .userAccessDiv ul li { position: relative !important; } #newProjectForm .userAccessDiv ul li label { position: static !important; } #newProjectForm .userAccessDiv ul li label:after { margin-top: 1px; } } @supports (-ms-ime-align: auto) { #newProjectForm .userAccessDiv ul li { position: relative !important; } #newProjectForm .userAccessDiv ul li label { position: static !important; } } #newProjectForm .userAccessDiv .chosen-container { width: 90px !important; float: right; height: 18px; line-height: 18px; font-size: 12px; } #newProjectForm .userAccessDiv .chosen-container a { height: 18px; line-height: 18px; font-size: 12px; border: none; } #newProjectForm .userAccessDiv .chosen-container a span { margin-right: 3px; } #newProjectForm .userAccessDiv .chosen-container a div { border-left: none; position: static; width: 10px; } #newProjectForm .userAccessDiv .chosen-container a div:before { font-size: 8px; top: -1px; } #newProjectForm .userAccessDiv .chosen-container .chosen-results { margin-left: 0px; } #newProjectForm .userAccessDiv span.all, #newProjectForm .userAccessDiv span.group, #newProjectForm .userAccessDiv span.name { display: inline-block; vertical-align: middle; max-width: 220px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #newProjectForm .userAccessDiv span.all, #newProjectForm .userAccessDiv span.group { font-weight: 700; } #newProjectForm .adminPopup { width: 355px; top: 75px; left: 154px; } #newProjectForm .adminPopup .adminGrid { max-height: 98px; width: 340px; padding: 8px 0 8px 10px; margin: 0 0 15px; border: 1px solid var(--pmThemeBackground80); overflow-y: scroll; } #newProjectForm .adminPopup ul, #newProjectForm .adminPopup .adminGrid li { margin: 0; padding: 0; list-style: none; } #newProjectForm .adminPopup li { display: block; line-height: 1.5; } #newProjectForm .adminPopup li .name { max-width: 77%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--pmThemeForeground50); } #newProjectForm .adminPopup li .name:hover { color: var(--pmThemeForeground); cursor: pointer; } #newProjectForm .adminPopup li.active .name { color: var(--pmColorTeal); } #newProjectForm .adminPopup li .rowActions { float: right; width: 18%; text-align: right; margin-right: 5%; } #newProjectForm .adminPopup li .rowActions a:before { display: inline-block; } #newProjectForm .adminPopup .input { width: 100%; } #newProjectForm .adminPopup .input input[type="text"] { width: 260px; } #newProjectForm .button.expand { float: right; padding-right: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #fff; } #newProjectForm .button.expand:before { content: "\EA24"; margin-right: 3px; font-size: 11px; } #newProjectForm .collapsed .button.expand:before { content: "\EA23"; } /* This is for the upsell icon */ #newProjectForm .upsellIndicatorContainer { display: inline-block; vertical-align: top; color: var(--pmColorLightBlue); cursor: pointer; } #newProjectForm .fieldset-hidden { display: none !important; } /* This is the edition name which is part of the text inside the upsell tooltip content */ .tooltipster-upsell .upsellEditionLabelProjectSettingsTooltip { color: var(--pmColorTeal); } /* Just styling a bit the tooltip box */ .tooltipster-upsell.tooltipster-sidetip .tooltipster-box { background-color: var(--pmThemeForeground); border-color: var(--pmThemeForeground); -webkit-box-shadow: var(--pmThemeTooltipShadow); box-shadow: var(--pmThemeTooltipShadow); border-radius: var(--pmThemeTooltipCorner); } /* Style the text inside the tooltip content for the upsell information */ .tooltipster-upsell.tooltipster-sidetip .tooltipster-content { color: var(--pmThemeBackground); font-size: var(--pmThemeTooltipFontSize); line-height: 1.2em; text-transform: uppercase; padding: var(--pmThemeTooltipPadding); } /* This is the arrow for the upsell tooltip content */ .tooltipster-upsell.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--pmThemeForeground); top: 1px; } /* This the arrow background for the upsell tooltip content */ .tooltipster-upsell.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: var(--pmThemeForeground); top: -1px; } .ui-multiselect { position: relative; padding: 0 0 0 8px; line-height: 28px; height: 30px; text-align: left; margin-top: 0; background: var(--pmThemeInputBackground); color: var(--pmThemeForeground); border: 1px solid var(--pmThemeInputBorder); vertical-align: middle; cursor: pointer; border-radius: 0; } .ui-multiselect:hover { background: var(--pmThemeInputFocus); } .ui-multiselect span.ui-icon { position: absolute; top: 0; right: 0; display: block; width: 23px; height: 100%; text-align: center; } .ui-multiselect span.ui-icon:before { color: var(--pmThemeBackground60); line-height: inherit; font-size: 11px; } .ui-multiselect.ui-state-active span.ui-icon:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ui-multiselect span:last-child { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; } .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; } .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px; } .ui-multiselect-header ul { font-size: 0.9em; } .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0; } .ui-multiselect-header a { text-decoration: none; } .ui-multiselect-header a:hover { text-decoration: underline; } .ui-multiselect-header span.ui-icon { float: left; } .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0; } .ui-multiselect-menu { display: none; position: absolute; z-index: 10000; text-align: left; } .ui-multiselect-menu ul { max-height: 350px; } .ui-multiselect-checkboxes { padding: 5px 0 10px !important; overflow-y: auto; } .ui-multiselect-checkboxes input { position: relative; margin-top: 0; margin-right: 3px; margin-left: -16px; } .ui-multiselect-checkboxes label { cursor: default; display: block; word-wrap: break-word; } .ui-multiselect-checkboxes li { clear: both; padding-right: 3px; padding-left: 9px; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none; } .ui-multiselect-checkboxes input[type="checkbox"].cbSimple + label { position: relative; margin-top: 5px; line-height: 1.2; } .ui-multiselect-checkboxes input[type="checkbox"].cbSimple + label .cb { position: absolute; top: 1px; left: 0; } .ui-multiselect-checkboxes input[type="checkbox"].cbSimple + label .name { display: inline-block; margin-left: 20px; } .ui-multiselect-single.light { min-width: 0; } .ui-multiselect-single.light .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: left; font-weight: bold; border-bottom: none; } .ui-multiselect-single.light .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { padding-left: 0; text-transform: uppercase; color: #ccc; font-size: 12px; margin-left: 10px; } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.6.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* Modified to suit PM.com style */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; } .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: var(--pmThemeBackground90); border: 1px solid var(--pmThemeBackground70); margin-top: -1px; } .chosen-container.chosen-drop-up .chosen-drop { top: auto; bottom: 100%; } .msie8 .chosen-container .chosen-drop { border: 1px solid #ddd; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 0.6em; line-height: 1.9em; border: 1px solid var(--pmThemeInputBorder); background-color: var(--pmThemeInputBackground); -webkit-background-clip: padding-box; background-clip: padding-box; color: var(--pmThemeForeground); text-decoration: none; white-space: nowrap; vertical-align: middle; } .chosen-container-single .chosen-single:hover { background-color: var(--pmThemeInputFocus); } .chosen-container-single .chosen-default { color: var(--pmThemeForeground50); } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 1.6em; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('/assets/images/holidays/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 1.6em; text-align: center; } .chosen-container-single .chosen-single div:before { color: var(--pmThemeBackground60); line-height: 2.2em; font-size: 0.8em; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 0.4em 0.4em 0 0.4em; max-width: -webkit-calc(100% - 0.8em); max-width: calc(100% - 0.8em); white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { padding-right: 1.4em; width: 100%; height: auto; outline: 0; border: 1px solid var(--pmThemeBackground80); background: var(--pmThemeBackground) url('/assets/images/holidays/chosen-sprite.png') no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { -webkit-background-clip: padding-box; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: var(--pmThemeForeground); position: relative; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0.4em 0; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 0.4em 0.8em; list-style: none; line-height: 1em; word-wrap: break-word; -webkit-touch-callout: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.active-result:hover { background-color: var(--pmThemeBackground80); color: var(--pmThemeForeground); } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { color: var(--pmColorTeal); } .chosen-container .chosen-results li.no-results { display: list-item; font-style:italic; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #ccc; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px !important; } .chosen-container .chosen-results li em { font-style: normal; font-weight: bold; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; background-color: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eeeeee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-background-size: 100% 19px; background-size: 100% 19px; background-repeat: repeat-x; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('/assets/images/holidays/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eeeeee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled, .chosen-disabled .chosen-single, .chosen-disabled .chosen-single:hover, .chosen-disabled .chosen-single div:before, .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; color: #ccc; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('/assets/images/holidays/chosen-sprite.png') no-repeat -30px -20px; background: url('/assets/images/holidays/chosen-sprite.png') no-repeat -30px -20px; direction: rtl; } /* * jQuery UI CSS Framework @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { cursor: pointer; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget-content { background: transparent; } .ui-multiselect-menu, .ui-datepicker { border-radius: 0 !important; background-color: var(--pmThemePopoverBackground); border: var(--pmThemePopoverBorder); -webkit-box-shadow: var(--pmThemePopoverShadow); box-shadow: var(--pmThemePopoverShadow); } /* Interaction states ----------------------------------*/ .ui-datepicker-calendar td { border: 1px solid #eee; } .ui-datepicker-calendar td:hover { color: #77c044; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(/images/jqueryui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } /* Misc visuals ----------------------------------*/ .ui-widget-content .actions a.command { margin-left: 5px; } /* Corner radius */ .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-br { border-bottom-right-radius: 4px; } .ui-corner-top { border-top-left-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/images/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); border-radius: 8px; } /* * jQuery UI Datepicker @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { padding: 15px; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0; border: 0; background: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 4px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-title { margin: 0 1.2em; line-height: 1.8em; text-align: center; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; border-collapse: collapse; } .ui-datepicker th { padding: 10px 0; font-weight: normal; text-align: center; color: #acacac; font-size: 11px; } .ui-datepicker td { border: 0; padding: 0; } .ui-datepicker td span, .ui-datepicker td a { display: block; line-height: 1em; padding: 6px; border: 1px solid transparent; text-align: center; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; } /* * jQuery UI Slider 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 11px; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { /* color: #77c044; */ } .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /* color: #1ea6f8; */ } .ui-corner-all { border-radius: 3px; } .ui-autocomplete { border: 1px solid #cecece; } .ui-multiselect-menu .ui-state-hover, .ui-multiselect-menu .ui-widget-content .ui-state-hover, .ui-multiselect-menu .ui-widget-header .ui-state-hover { cursor: pointer; } .ui-multiselect-menu .ui-state-focus, .ui-multiselect-menu .ui-widget-content .ui-state-focus, .ui-multiselect-menu .ui-widget-header .ui-state-focus { color: #1ea6f8; } .ui-multiselect-checkboxes input[type="checkbox"].cbSimple + label .name { margin-left: 0 !important; } .msie8 .ui-multiselect-single .ui-multiselect-checkboxes LABEL { padding: 1px 0 !important; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-datepicker .ui-state-default:hover { color: var(--pmThemeForeground); } .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-highlight { color: var(--pmThemeForeground); border-radius: 3px; border-color: var(--pmThemeBrand); } .ui-datepicker .ui-state-active:hover, .ui-datepicker .ui-state-highlight:hover { background: var(--pmThemeBackground80); } .ui-multiselect-single.singleSelect label { margin-left: 0; line-height: 1.5em; } .ui-multiselect-single.singleSelect label:before { display: none; } .ui-multiselect-single.singleSelect input[type="radio"]:checked + label, .ui-multiselect-single.singleSelect.ui-multiselect-menu label.ui-state-hover { color: inherit; font-weight: normal; } .ui-multiselect-single.singleSelect input[type="radio"]:checked + label:hover, .ui-multiselect-single.singleSelect.ui-multiselect-menu label.ui-state-hover:hover { color: #77c044; } /* UI Menu */ .ui-menu .ui-menu-item a { color: var(--pmThemeForeground) !important; cursor: pointer; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { background-color: var(--pmThemeBackground70) !important; } .ui-menu .ui-menu-divider { border-color: var(--pmThemeBackground70) !important; } .pm-datepicker {display:inline-block;} .pm-datepicker input[type=text] {vertical-align:middle;width:7em;} .pm-datepicker span {display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer;} .pm-datepicker span:before {display:inline-block; color:var(--pmThemeForeground40); font-size:19px !important; line-height:1em; } .pm-datepicker span:hover, .pm-datepicker span:hover:before {color:var(--pmThemeForeground50);} .disable .pm-datepicker span {cursor:default;} .pm-projectpanel-info .pm-datepicker span {margin: 0 5px;} .pm-calendar-shared {position:absolute;left:0;top:0;z-index:99999;} .pm-calendar-shared .ui-datepicker select{width:72px;margin:0 2px;} .pm-calendar-shared .ui-datepicker select.ui-datepicker-year{width:82px;} .pm-calendar-shared .ui-datepicker .chosen-container{margin:0 2px;} .pm-calendar-shared .chosen-container .chosen-results {max-height:192px;} /* new clearfix */ .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} * html .clearfix {zoom: 1;} /* IE6 */ *:first-child + html .clearfix {zoom: 1;}/* IE7 */ /* Send message popup specified css */ .pm-message-messagePopup {width:390px;} .pm-message-messagePopup .body .defaultContainer{border:solid 1px #8EBCDD;background:#fff;margin:5px 3px 0 3px;} .pm-message-messagePopup .header span {background-position:0 -698px;} .pm-message-messagePopup .leftPanel {float:left;} .pm-message-messagePopup .topPanel, .pm-message-messagePopup .bottomPanel { } .pm-message-messagePopup .topPanel {margin-bottom: 15px;} .pm-message-messagePopup .topPanel span, .pm-message-messagePopup .bottomPanel span {display: block;margin-bottom:5px;} .pm-message-messagePopup .users {border: 1px solid #D3D3D3;border-radius:2px;height:110px;background: #fff; width:380px;overflow-x:hidden; overflow-y:auto; margin:0 0 5px 0;padding: 4px;} .pm-message-messagePopup .users input {vertical-align:middle;cursor:pointer;} .pm-message-messagePopup .users label {cursor: pointer;} .pm-message-messagePopup .users .user {overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;} .pm-message-messagePopup .users .user:hover {overflow:hidden; width:2000px; color: #77C044;} .pm-message-messagePopup .rightPanel {margin: 5px 4px 5px 162px;} .pm-message-messagePopup .message { margin-top: 3px; } .pm-message-messagePopup .message div.readonly {margin:0;width:366px;height:100px;} .pm-message-messagePopup .message textarea {margin:0;width:380px;height:100px; resize:vertical; } .pm-message-messagePopup textarea {height:200px;width:529px;border:solid 1px #D3D3D3;margin:5px 4px;display:block;padding:4px;font-size:13px;} .pm-message-messagePopup div.readonly {height:158px;width: 527px;border:solid 1px #8EBCDD;padding:4px;background:#fff;overflow-y:auto; margin: 5px 4px;display:block;} .pm-message-messagePopup div.readonly a{color:#003561;text-decoration:underline;} #1notifyContainer{position:absolute; top:10px; left:10px; display:none;} #notifyContainer{word-wrap: break-word;font: 11px Arial,Sans-Serif; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2);} #notifyContainer{width:412px; position:absolute; top:58px; left:150px; background-color:#03a4f2;display:none;border: 1px solid #0c4a95;padding:1px;} #notifyContainer .messagesHeader, #notifyContainer .messagesFooter {background-color:#c9e7ff;} #notifyContainer .messagesHeader {height:26px; vertical-align:middle;font-size:12px;line-height:23px;padding-left:5px;border: 1px solid #a8c3e0; border-width: 0 0 1px 0;} #notifyContainer .messagesHeader .title {font-weight:bold;float:left;} #notifyContainer .messagesHeader .unreadMessage {color:Red;float:left;margin:0 5px;} #notifyContainer .messagesHeader a {color: #0a67af; cursor: pointer; text-decoration: none;float:right;margin:0 5px;} #notifyContainer .messagesHeader a:hover {text-decoration:underline;} #notifyContainer .messagesFooter {height:31px;vertical-align:middle;border: 1px solid #a8c3e0; border-width: 1px 0 0 0;} #notifyContainer .messagesFooter span {float:left} #notifyContainer .messagesFooter a {color: #0a67af; cursor: pointer; text-decoration: none;float:right;margin:8px 5px 0 5px;font-weight:bolder} #notifyContainer .messagesFooter a:hover {text-decoration:underline;} #notifyContainer .messagesFooter span {margin: 5px 0 0 145px;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 11px; height: 22px;line-height: 23px;text-align: center;vertical-align: top;width: 110px; background: url("/images/scrollbar-sprite.png") repeat scroll -74px 202px transparent;} #notifyContainer .body {height:auto} #notifyContainer .body .noMessage{background-color:White; padding:10px;} #notifyContainer ul {list-style-type: none;padding-left:0; margin:0} #notifyContainer li {list-style-type: none;} #notifyContainer .item {display: block; padding: 3px 0; border: 1px solid #E9E9E9; border-width: 0 0 1px 0;cursor:pointer;background-color:White} /* phtot block for messages and comments */ #notifyContainer .item .photoBlock {float: left; margin: 0 10px 0 12px;max-width:40px} #notifyContainer .item .photoBlock img {display: block; max-width: 40px; max-height: 40px;} #notifyContainer .item .photoBlock img {_width: 40px; _height: 40px;} /*IE6 fixes*/ #notifyContainer .unread1 .photoBlock {float: left; margin: 0 10px 0 5px; border: 5px solid red; border-width:0 0 0 4px; padding-left:3px} /* messages css */ #notifyContainer .item .message { color: #595959; font-weight: normal; overflow:hidden; margin: 0 5px 0 65px; width:342px; line-height:13px;} #notifyContainer .item .message .messageHeader .userName {color: #3c3c3c; font-weight: bold; float:left;} #notifyContainer .item .message .messageHeader .hoursMessage {margin: 0 5px;float:right} #notifyContainer .item .message .messageHeader .action {float:left;margin:0 5px;} #notifyContainer .unread {background: #e3f0f9 ; border: 1px solid #a8c3e0; border-width: 0 0 1px 0;} #notifyContainer .item .message .messageHeader a {color: #7e7e7e; cursor: pointer; text-decoration: none;} #notifyContainer .item:hover .message .messageHeader a {color: #0a67af;} /* changes anhor color when hover the item block */ #notifyContainer .item .message .messageHeader a:hover {text-decoration:underline;} #notifyContainer .item .messageBody {height:28px} #1notifyContainer .unread {background: #e3f0f9 ; border: 1px solid #a8c3e0; border-width: 1px 0 1px 0;} html, body { height: 100%; width: 100%; }