/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 $Author: jgreaves $ $Date: 2014/07/16 17:45:03 $ $Revision: 1.164.2.1 $ $Name: V651 $ */ /******************************************************************************* Layout Util ******************************************************************************/ html{color:#000;background:#f3f6f7;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;} /*to enable resizing for IE*/ input,textarea{*font-size:100%;} /*because legend doesn't inherit in IE */ legend{color:#000;} del,ins{text-decoration:none;} input,textarea,select {border: 1px solid #A0A0A0;margin: 1px 1px 1px 1px;} input[type=checkbox] {border: 1px transparent;} input[type=radio] {border: 1px transparent;} body { margin-top: 185px; margin-bottom: 35px; background-color: #f3f6f7; font-family: 'Open sans'; font-size: 12px; overflow: hidden; } a { text-decoration: underline; color: #000000; } a:hover{ text-decoration: underline; } a:focus { text-decoration: underline; } /******************************************************************************* Page Body - Templates ******************************************************************************/ /*Should be kept the same as the background color set on */ .pinn-ui-page-background{ background:#fafafa; } #pinn-ui-page-popup-shuttle-window, #pinn-ui-html-popup-browser-window, #pinn-ui-page-popup-search, #pinn-ui-page-wizard-level-tabs { margin-top: 70px; background-color: transparent; background-image: none; height: 100%; overflow: auto; } #pinn-ui-html-popup-browser-window{ margin-top: 10px; } #pinn-ui-page-popup-browser-window{ margin-top: 10px; } #pinn-ui-html-popup-shuttle-window, #pinn-ui-html-popup-search, #pinn-ui-html-wizard-level-tabs { background-color: transparent; background-image: none; height: 100%; } #pinn-ui-html-popup-browser-window #pinn-ui-header, #pinn-ui-html-popup-shuttle-window #pinn-ui-header, #pinn-ui-html-popup-search #pinn-ui-header, #pinn-ui-html-wizard-level-tabs #pinn-ui-header{ background-color: #ffffff; position: fixed; } /******************************************************************************* APEX Tweaks - Items in this area must have a comment ******************************************************************************/ /* Overrides APEX's table attributes e.g. width = 100% */ table { width: auto; } /* Raise APEX's developer toolbar above our veil */ #htmldbDevToolbar { z-index: 1100; } /** * Make inputs and related items not wrap and squish to new lines. **/ .formlayout td{ white-space:nowrap; } .formlayout td span { white-space:nowrap; } .formlayout .pinn-textarea-display .display_only{ white-space: normal; } /** * center the tabular form error **/ .apex-tabular-form-error-box{ width: auto; } .u-VisuallyHidden{ position: absolute; top: -999px; } /* APEX 5.0.4. style mods */ /* show text labels in devToolbar*/ .a-Button--devToolbar { font-size: 12px; } /* display devToolbar correctly for top, left, right,and bottom positions */ .a-Menu-content { border-color: #A0A0A0; border-radius: 2px; } /* align pinnacle sort icon */ .u-Report-sortHeading { vertical-align: middle; } /* hide APEX IR report sort icon from pinnacle reports. from core.css */ .a-Icon.icon-rpt-sort-asc::before, .a-Icon.icon-rpt-sort-desc::before { display:none; } /* APEX 5 IR toolbar styling as taken from Theme-Standard.css */ .a-IRR-toolbar .a-Button { font-size: 12px; line-height: 16px; padding: 8px 12px; border: none; color: #444444; border-radius: 2px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-font-smoothing: antialiased; } .a-IRR-search-field { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left-width: 0; border-right-width: 0; } .a-IRR-button--search { vertical-align: top; } .a-IRR-selectList { border-color: #E0E0E0; } /* Override app_ui\css\core.css .ui-datepicker-div "z-index: 400 !important" override. this is for showing datapicker on top of IR report Filter date field */ div#ui-datepicker-div { z-index: 902 !important; } /******************************************************************************* jQuery UI Tweaks - Items in this area must have a comment ******************************************************************************** /* Makes icons in dialog titles float to the left */ .ui-dialog .ui-dialog-title .ui-icon { float: left; margin-right: 4px; } /* Makes all dialog modal veil's to have a lighter opacity */ .ui-widget-overlay { opacity: 0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-titlebar-close { background: #00c7e1; font-weight: normal; color: #fff; padding: .4em 1em; } .ui-dialog .ui-dialog-buttonpane button > span.ui-button-text { padding: 0; } .ui-dialog .ui-dialog-titlebar-close { margin-right: 4px; } /******************************************************************************* Notifications ******************************************************************************/ .pinn-ui-page-error-messages{ margin-right: auto; margin-left: auto; width: 400px; } .pinn-ui-messages{ text-align: center; padding: 0 0 0 1px; } .pinn-ui-region-notification{ display: block; min-width: 400px; max-width: 675px; margin-bottom: 15px; padding: 5px; text-align: left; margin-right: auto; margin-left: auto; } #pinn-ui-html-login .pinn-ui-region-notification{ display: inline-block; width: 100%; min-width: 100px; margin-left: -5px; margin-bottom: 15px; padding: 5px; text-align: left; } .pinn-ui-notification-messages{ padding: 0 5px 3px 5px; font-weight: 600; font-family: monospace; } .pinn-ui-notification-stack-trace, .pinn-ui-notification-msg-id{ font-weight: normal; font-size: 10px; margin-left: 10px; text-decoration: none; cursor: pointer; } .pinn-ui-notification-msg-id-link{ font-weight: bold; text-decoration: underline; } a.pinn-ui-notification-msg-id:hover{ text-decoration: none; } .pinn-ui-notification-controls{ float: right; } .pinn-ui-notification-controls ul{ padding: 0; margin: 0; } .pinn-ui-notification-controls li{ list-style: none outside none; display: inline; padding: 0; margin: 0; cursor: pointer; } .pinn-ui-notification-controls .ui-icon { display: inline-block; } .pinn-ui-notification-msg-list-multi { margin-left: 10px; } .pinn-ui-notification-msg-list-multi > li{ list-style: circle outside none; } .pinn-ui-notification-msg-list li{ margin-left: 5px; } /******************************************************************************* Suggest/Live Search *******************************************************************************/ .pinn-ui-suggest-item-collection{ line-height: 18px; min-height: 18px; max-height: 200px; min-width: 100px; max-width: 300px; overflow-y: scroll; padding: 0.2em 0.3em; z-index: 1100; } .pinn-ui-suggest-item-collection li{ font-size: 11px; line-height: 18px; vertical-align: middle; } .pinn-ui-suggest-item-text{ display: inline-block; width: 100%; } .pinn-ui-suggest-status{ font-style: italic; font-size: 10px; } li.pinn-ui-suggest-item.ui-state-default{ background-image: none; background-color: transparent; border-color: transparent; font-weight: normal; } /******************************************************************************* Region Customization ******************************************************************************/ .pinn-ui-customize-item-custom, .pinn-ui-customize-region-name { width: 10em; } .pinn-ui-customize-column-container{ min-height: 300px; overflow: auto; } .pinn-ui-customize-ajax-status{ display: none; position: absolute; bottom: 0; right: 0; } .pinn-ui-customize-column-button-up, .pinn-ui-customize-column-button-down { display: inline-block; width: 100%; } .pinn-ui-customize-column-button-up-container { margin-bottom: 2px; } /******************************************************************************* Misc System ******************************************************************************/ .pinn-ui-dev-mode-notification{ position:fixed; width:150px; top:0; left:50%; margin:5px 0 0 -75px; font-size:12px; line-height:12px; z-index:200; text-align: center; display: none; } #pinn-ui-html-no-toolbar .pinn-ui-dev-mode-notification, #pinn-ui-page-one-level-tabs .pinn-ui-dev-mode-notification{ display: block; } #pinn-ui-page-one-level-tabs { margin-top: 0px; } .pinn-ui-dev-mode-notification a{ cursor: help; text-decoration: none; } .pinn-ui-dialog-shadow{ -webkit-box-shadow: 8px 8px 5px 5px rgba(0, 0, 0, .25); box-shadow: 8px 8px 5px 5px rgba(0, 0, 0, .25); } .pinn-ui-item-value-text{ white-space: normal; } .pinn-ui-item-value-text-long { white-space: pre-wrap; } .pinn-ui-center-text{ text-align: center; } .pinn-ui-center-block{ margin-left: auto; margin-right: auto; } .pinn-ui-middle-text{ vertical-align: middle; } .pinn-ui-editable-veil{ display: none; position: fixed; width: 100%; top: 0; left: 0; height: 200px; background-color: #000000; opacity: 0.5; } .pinn-ui-html-one-level-tabs > .pinn-ui-editable .pinn-ui-editable-veil{ display: block; } .pinn-ui-box-shadow{ width: 374px; min-width: 200px; min-height: 130px; margin: auto; background: #ccc; border: 5px solid white; position:relative; box-shadow: 9px 11px 3px rgba(0, 0, 0, 0.20); -moz-box-shadow: 9px 11px 3px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 9px 11px 3px rgba(0, 0, 0, 0.20); } .nodatafound { text-transform: uppercase; color: #ff0000; font-size: 10px; } .clear, .pinn-ui-clear { display: none; clear: both; } .pinn-ui-veil{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 1000; opacity: 0.5; filter:alpha(opacity=50); } #pinn-ui-header-veil{ position: absolute; } #pinn-ui-header-veil1{ position: absolute; } #pinn-ui-header-veil2{ position: absolute; } .pinn-ui-report-search-prompt{ color: #00c7e1; } .pinn-ui-framework-event-error{ position: relative; font-size: 8pt; line-height: 8pt; height: 8pt; width: 80%; overflow: hidden; padding: 2px; margin: 0 20px 0 20px; cursor: pointer; } .pinn-ui-framework-event-error-instructions{ position: absolute; top: 2px; right: 2px; z-index: 10; border: 0; font-weight: bold; padding: 1px; } .pinn-ui-label-container{ text-align: right; } .pinn-ui-element-container{ text-align: left; } .pinn-ui-label{ margin-left: 8px; padding-left: 2px; padding-right: 2px; white-space: nowrap; } .pinn-ui-error-label{ font-weight: bold; } .pinn-ui-item-date-tz-abbrev{ margin-left: 2px; margin-right: 2px; font-size: 10px; } .pinn-ui-error-text{ font-weight: 500; } .pinn-ui-item-errors{ margin: 2px; line-height: 2em; } .pinn-ui-item-error{ font-size: 10px; line-height: 15px; padding: 0 2px; } .pinn-ui-odr-link{ text-decoration: none; display:inline-block; width: 100%; cursor: pointer; } .pinn-ui-odr-region-link{ text-decoration: none; margin: 5px 5px 0 5px; display: inline-block; } .pinn-ui-odr-link span{ float: right; margin:3px; } .pinn-ui-notification-header { text-align: center; line-height: 15pt; font-size: 15pt; font-weight: bold; } .pinn-ui-page-title-container{ position: relative; margin: 15px 0 0 0; } .pinn-ui-page-title-header-container{ position: relative; margin: 5px 0 0 300px; color: white; text-align: left; } .pinn-ui-page-title { font-size: 16pt; font-weight: bold; margin-left: 25px; line-height: 16pt; } #pinn-ui-breadcrumb { font-size: 12px; min-height: 40px; line-height: 40px; background-color: #1f2533; border-top: 1px solid rgba(255, 255, 255, 0.1); position: fixed; top: 60px; width: 100%; z-index: 100; } .pinn-breadcrumbs { padding: 10px 0 0 15px; border-top: 1px solid rgba(234, 236, 239, 0.2); box-sizing: border-box; } .pinn-breadcrumbs ul{ margin: 5px 0 5px 0; padding: 0; line-height: 5px; } .pinn-breadcrumbs ul li{ display: inline-flex; margin: 0 10px 0 0; font-size: 12px; color: #f3f6f7; vertical-align: middle; line-height: 14px; } .pinn-breadcrumbs ul li:hover{ color: #00c7e1; } .pinn-breadcrumbs ul li:hover .pinn-ui-bc-tooltip{ visibility: visible; } .pinn-ui-bc-tooltip{ visibility: hidden; width: auto; background-color: #1f2533; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; position: absolute; z-index: 1000; top: 113%; } .pinn-breadcrumbs ul li .pinn-ui-bc-tooltip::after { content: ""; position: absolute; bottom: 100%; left: 15px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #1f2533 transparent; } .pinn-ui-bc-separator{ fill: #00C7E1; height: 10px; width: 6.25px; } .pinn-ui-bc-entry{ text-decoration: none; color: rgba(243, 246, 247, 1); max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } a.pinn-ui-bc-entry:hover { text-decoration: none; cursor: pointer; color: #00c7e1; } .pinn-ui-flyout-arrow { height: 13px; width: 13px; fill: white; padding: 0 0 2px 0; display: none; } .pinn-ui-flyout-current-arrow { fill: #00c7e1; } .pinn-main-menu ul ul ul li:hover svg{ fill: #00c7e1; } #pinn-ui-breadcrumb .pinn-ui-current{ font-weight: normal; display: inline-block; max-width: calc(100%); margin: 0 10px 0 0; font-size: 12px; color: #f3f6f7; vertical-align: middle; line-height: 14px; white-space: nowrap; overflow: visible; } .pinn-ui-icon-info { padding-left: 2px; padding-right: 2px; cursor: pointer; } .pinn-ui-icon-info-link{ text-decoration:none; } .pinn-ui-required.pinn-ui-editable > .pinn-ui-icon-required, .pinn-ui-required > .pinn-ui-editable.pinn-ui-icon-required, .pinn-ui-required > .pinn-ui-editable .pinn-ui-icon-required, .pinn-ui-editable .pinn-ui-required .pinn-ui-icon-required{ display: inline-block; width:4px; height: 4px; background-color: red; vertical-align: top; position: relative; top: 2px; } .pinn-ui-icon-pp-search { cursor: pointer; display: inline-block; vertical-align: top; } .pinn-ui-cal{ vertical-align: bottom; } .pinn-ui-shuttle-ajax-indicator, .pinn-ui-hidden{ display: none; } .pinn-ui-region-shuttle .nodatafound{ display: block; border: 1px dotted transparent; text-align: center; padding: 50px 0 50px 0; } .pinn-ui-region-shuttle .pinn-ui-region-body{ border: 3px dotted transparent; } .pinn-ui-region-shuttle .pinn-ui-region-shuttle-drop { border-color: #ed003b; } .pinn-ui-region-shuttle .pinn-ui-region-shuttle-highlight{ border-color: #0069bd; } .pinn-ui-region-shuttle .pinn-ui-region-title { width: 15em; } .pinn-ui-popup-info .ui-dialog-titlebar, .pinn-ui-popup-select .ui-dialog-titlebar { padding: 0.2em; } .pinn-ui-popup-info .ui-dialog-buttonpane { margin: 0.2em; text-align: center; } .pinn-ui-popup-info .ui-dialog-buttonpane .ui-button { margin: 0; } .pinn-ui-popup-info .ui-dialog-buttonpane .ui-button-text { padding:0.1em 0.4em; } .pinn-ui-popup-select .pinn-ui-region-buttons{ white-space:nowrap; } .pinn-ui-popup-select .pinn-ui-region-body{ padding: 0; } .pinn-ui-popup-select .pinn-ui-region{ padding-left: 0; padding-right: 0; } .pinn-ui-confirm .ui-dialog-titlebar{ padding: 0.2em; } .pinn-ui-confirm .ui-dialog-buttonpane{ padding: 0; margin: 0; text-align: right; } .pinn-ui-dialog .ui-dialog-buttonpane .ui-button-text, .pinn-ui-confirm .ui-dialog-buttonpane .ui-button-text{ padding: 0.2em 1em; } .pinn-ui-dialog-no-title .ui-dialog-titlebar{ display: none; } body#pinn-ui-page-content-pane-only { overflow: auto; } /******************************************************************************* Bookmark ******************************************************************************/ .pinn-bookmark { border-radius: 100%; background-color: none; font-size: 16px; width: 34px; height: 34px; line-height: 33px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-weight: 400; color: #ffffff; float: right; background-position: right center; margin-right: 20px; margin-top: 13px; cursor: pointer; } .pinn-bookmark-icon { text-overflow: ellipsis; white-space: nowrap; -webkit-font-smoothing: antialiased; cursor: pointer; width: 13px; margin-top: 6px; fill: #ffffff; } .pinn-bookmark-active { background-color: #00bed7; } .pinn-bookmark-menu { width: 0; height: 0; position: fixed; background-color: #ffffff; z-index: 105; box-sizing: border-box; padding: 15px; box-shadow: rgba(31, 37, 51, 0.1) 0 3px 5px; top: 65px; right: -1000px; margin-right: 60px; width: auto; height: auto; border-radius: 2px; opacity: 0; } .pinn-bookmark-list { margin: 0; } .pinn-bookmark-link { list-style-type: none; margin: 10px 0 0 0; font-size: 13px; letter-spacing: 0.1em; } .pinn-bookmark-link a { text-decoration: none; white-space: nowrap; color: #828a98; } .pinn-bookmark-link a:hover { text-decoration: none; cursor: pointer; color: #00c7e1; } .pinn-bookmark-pinned { float: right; fill: #828a98; padding-left: 20px; } .pinn-bookmark-pinned:hover { float: right; fill: #00c7e1; padding-left: 20px; } .pinn-bookmark-unpinned { float: right; fill: #828a98; padding-left: 20px; } .pinn-bookmark-unpinned:hover { float: right; fill: #00c7e1; padding-left: 20px; } .pinn-bookmark-divider { border-bottom: 1px solid #828a98; margin-top: 15px; } .pinn-bookmark-header { list-style-type: none; font-size: 13px; font-weight: bold; letter-spacing: 0.1em; color: #828a98; margin-top: 15px; } #pinn_ui_bookmark_top_pages { list-style-type: none; font-size: 13px; font-weight: bold; letter-spacing: 0.1em; color: #828a98; text-align: center; border-bottom: 2px solid #828a98; padding-bottom: 5px } /******************************************************************************* User Menu ******************************************************************************/ .pinn-user-menu { width: 380px; height: 100%; position: fixed; right: -380px; background-color: #ffffff; z-index: 110; box-sizing: border-box; padding: 30px; box-shadow: rgba(31, 37, 51, 0.1) 0 3px 5px; opacity: 0; top: 0px; } .pinn-user-menu-close { float: right; box-sizing: border-box; padding: 0; margin: -10px 0 0 0; } .pinn-user-menu-close img { margin: 0; width: 15px; height: auto; cursor: pointer; } .pinn-user-icon { border-radius: 100%; background-color: #00c7e1; font-size: 16px; width: 34px; height: 34px; line-height: 33px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-weight: 400; color: #ffffff; float: right; background-position: right center; margin-right: 13px; margin-top: 13px; cursor: pointer; } .pinn-user-icon:hover{ background-color: #00bed7; } .pinn-user-picture { height: 70px; width: 70px; border-radius: 3px; background-color: #a6ebf5; float: left; text-align: center; color: #ffffff; font-size: 30px; letter-spacing: 0.1em; font-weight: 400; padding: 14px 0 0 5px; box-sizing: border-box; } .pinn-user-info { box-sizing: border-box; float: left; padding: 0 0 0 20px; width: 60%; overflow: hidden; } .pinn-user-info h3 { margin: -5px 0 0 0; font-weight: 400; font-size: 16px; white-space: nowrap; } .pinn-user-info p { margin: 2px 0 0 0; font-weight: 200; font-size: 12px; white-space: nowrap; color: #8a8a98; } .pinn-update-user-info { color: #828a98; text-decoration: none; font-size: 14px; } .pinn-update-user-info:hover { color: #00c7e1; text-decoration: none; } .pinn-switch-role:hover{ background-color: #00bed7; } .pinn-upper-user-menu { height: 70px; } .pinn-current-role { font-weight: 700; } .pinn-current-role a{ color: #00c7e1; } .pinn-middle-user-menu{ height: calc(100% - 119px); overflow-x: hidden; overflow-y: auto; -webkit-transition:all 400ms ease-out 0s; -moz-transition:all 400ms ease-out 0s; -o-transition:all 400ms ease-out 0s; transition:all 400ms ease-out 0s; padding-left: 2px; } .pinn-no-lower-user-menu{ height: calc(100% - 70px); } .pinn-middle-user-menu ul { margin: 5px 0 0 0; padding: 0; } .pinn-middle-user-menu ul li { list-style-type: none; margin: 15px 0 0 0; font-size: 13px; letter-spacing: 0.1em; } .pinn-middle-user-menu ul li a { text-decoration: none; } .pinn-middle-user-menu ul li a:hover{ color: #00c7e1; } .pinn-lower-user-menu { border-top: 1px solid #eaecf0; border-bottom: 1px solid #eaecf0; margin: 20px 0 0 0; box-sizing: border-box; height: 49px; } .pinn-lower-user-menu ul { padding: 0; margin: 0; } .pinn-lower-user-menu ul li { list-style-type: none; margin: 15px 0 15px 0; } .pinn-sign-out { border-radius: 3px; text-align: center; font-size: 12px; letter-spacing: 0.1em; padding: 4px 0; box-sizing: border-box; margin: 8px 0 0 0; width: 80%; cursor: pointer; } .hide-overflow{ overflow: hidden; } /******************************************************************************* Application Header ******************************************************************************/ #pinn-ui-role-list select{ border: 1px solid #fafafa; font-size: 8pt; } #pinn-ui-role-list > table { height: 100%; } #pinn-ui-header{ width: 100%; background-color: #fafafa; top: 0; left: 0; position: absolute; z-index: 100; padding: 0 0 5px 0; -webkit-box-shadow: 0px 0px 4px rgba(31, 57, 51, 0.2); -moz-box-shadow: 0px 0px 4px rgba(31, 57, 51, 0.2); box-shadow: 0px 0px 4px rgba(31, 57, 51, 0.2); } #pinn-ui-navigation{ width: 100%; } #pinn-ui-page-popup-shuttle #pinn-ui-header, #pinn-ui-page-popup-search #pinn-ui-header, #pinn-ui-page-wizard-level-tabs #pinn-ui-header{ background-color: #ffffff; } #pinn-ui-banner { height: 60px; line-height: 60px; overflow: hidden; text-align: right; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; } #pinn-ui-banner-outter{ border: 0; position: fixed; z-index: 10; background: #1f2533; width: 100%; } #pinn-ui-role-list { height: 44px; line-height: 44px; float: right; margin-right: 10px; } #pinn-ui-logo { height: 29px; float: left; background-image: url("Assets/PINNACLE-Logo.png"); background-repeat: no-repeat; background-position: left center; width: 216px; margin: 15px 0px 0px 15px; } /*****************************************0********************************** Menu/Application list ***************************************************************************/ #pinn-ui-username { font-weight: bold; padding-left: 3px; text-transform: uppercase; } .pinn-ui-menu-list a, .pinn-ui-menu-list a:visited, .pinn-ui-menu-list a:active { text-decoration: none; white-space: nowrap; } .pinn-ui-menu-list a:hover { text-decoration: none; } .pinn-ui-menu-list { float: right; margin-left: 0; padding-left: 0; line-height: inherit; } .pinn-ui-menu-list li { margin-left: 0; padding: 3px 3px; border: transparent; border-left: 1px solid #ffffff; list-style: none; display: inline; font-size: 11px; line-height: 19px; position: relative; } .pinn-ui-menu-list li.first { margin-left: 0; border-left: none; list-style: none; display: inline; } .pinn-ui-menu-list li.pinn-ui-current { background-color: #ffffff; } .pinn-ui-menu-list li:hover { background-color: #e0e0e0; } .pinn-ui-menu-tab-a{ text-decoration: none; color:rgba(243, 246, 247, 1); overflow: hidden; width: 135px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .pinn-ui-menu-tab-current-a{ text-decoration: none; color: #00c7e1; } .pinn-menu-expanded{ height: auto; overflow: visible; background-color: #3b404c; } .pinn-menu{ height: 40px; overflow: hidden; background-color: #313643; } .pinn-ui-menu.pinn-ui-current{ border: 0; } .pinn-menu-area { width: 180px; height: calc(100% - 40px); background-color: #313643; left: 0; box-sizing: border-box; position: absolute; padding-top: 60px; transition: width 0.5s cubic-bezier(0.42,0.00,0.58,1.00); z-index: 5; overflow: hidden; box-shadow: rgba(31, 37, 51, 0.2) 3px 0 5px; top: 40px; -webkit-box-shadow: 2px 0 5px -2px rgba(0,0,0,0.3); -moz-box-shadow: 2px 0 5px -2px rgba(0,0,0,0.3); box-shadow: 2px 0 5px -2px rgba(0,0,0,0.3); } .pinn-main-menu{ overflow-x: hidden; overflow-y: auto; width: 100%; height: calc(100% - 31px); } .pinn-main-menu ul { padding: 0; z-index: 5; position: relative; } .pinn-main-menu ul ul{ color: #f3f6f7; width: 180px; font-size: 13px; box-sizing: border-box; display: inline-block; padding: 10px 0 0 0; margin: 5px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pinn-main-menu ul ul:first-of-type{ margin-top: 0px; padding-top: 14px; } .pinn-main-menu ul ul img{ width: 30px; height: auto; margin: 0 0 0 10px; float: left; } .pinn-main-menu ul ul div{ font-size: 25px; margin: -1px 0 0 12px; float: left; color:rgba(243, 246, 247, 1); } .pinn-main-menu ul ul p { margin: 5px 10px 0 10px; float: left; color:rgba(243, 246, 247, 1); width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pinn-main-menu ul ul li{ float: left; } .pinn-main-menu ul ul ul{ width: 100%; height: 100%; float: left; box-sizing: border-box; padding: 0 0 10px 0; margin: 0; } .pinn-main-menu ul ul ul li{ width: 160px; list-style-type: none; } .pinn-main-menu ul ul ul li:hover a{ cursor: pointer; color: #00c7e1; text-decoration: none; } .pinn-main-menu ul ul:hover{ cursor: pointer; } .pinn-main-menu ul ul:hover p{ color: #00c7e1; } .pinn-main-menu ul ul:hover div{ color: #00c7e1; } .pinn-main-menu ul ul.pinn-menu-current p, .pinn-main-menu ul ul.pinn-menu-current div { color: #00c7e1; } .pinn-menu-level-1 { overflow: hidden; } .pinn-menu-level-2 { height: auto; width: 100%; background-color: #3b404c; list-style-type: none; box-sizing: border-box; margin: 5px 0 5px 15px; } .sub-op-hover { width: auto; white-space: nowrap; height: auto; padding: 0 0 0 0; position: absolute; background-color: #3b404c; color: #f3f6f7; opacity: 0; left: 50px; box-sizing: content-box; z-index: 3; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); } @keyframes sub-op-hover-slide { from { left: 50px; opacity: 0; } to { left: 180px; opacity: 1; } } .sub-op-hover-expanded { left: 180px; animation-name: sub-op-hover-slide; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.42, 0.00, 0.58, 1.00); opacity: 1; } @keyframes sub-op-hover-slide-out { from { left: 180px; opacity: 1; } to { left: 50px; opacity: 0; } } .sub-op-hover-collapsed { left: 50px; animation-name: sub-op-hover-slide-out; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.42, 0.00, 0.58, 1.00); opacity: 0; } .sub-op-hover ul{ list-style-type: none; margin: 10px 30px 13px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sub-op-hover ul li{ margin: 5px 0 0 0; } .sub-op-hover ul li a { color: #f3f6f7; font-size: 13px; text-decoration: none; } .sub-op-hover ul li a.pinn-ui-subtab-current { color: #00c7e1; } .sub-op-hover ul li a:hover{ cursor: pointer; color: #00c7e1; } .sub-op-hover img{ height: auto; width: 10px; position: absolute; margin: 10px 0 0 0; } .pinn-content-area{ display: flex; flex-direction: column; height: calc(100% - 40px); width: calc(100% - 180px); box-sizing: border-box; position: absolute; z-index: 1; top: 40px; left: 180px; background: #ffffff; padding-top: 60px; } #pinn-ui-page-no-toolbar .pinn-content-area { height: calc(100% - 40px); } .pinn-body-area{ overflow-x: auto; overflow-y: auto; height: 100%; width: 100%; background-color: #f3f6f7; position: relative; } /**************************************************************************** Tab list ***************************************************************************/ #pinn-ui-tabs { margin: 3px 0 0 3px; line-height: 27px; } .pinn-ui-tab-list a, .pinn-ui-tab-list a:visited, .pinn-ui-tab-list a:active { text-decoration: none; white-space: nowrap; } .pinn-ui-tab-list a:hover { text-decoration: none; } .pinn-ui-tab-list { margin-left: 0; padding-left: 0; display: inline; } .pinn-ui-tab-list li { margin-left: 0; margin-right: -2px; list-style: none; display: inline; font-size: 12px; line-height: 20px; padding: 6px 5px 6px 5px; border-bottom: 0; } .pinn-ui-tab a { border: 0; } .pinn-ui-tab-list li:first-child { margin-left: 0; border-left: none; list-style: none; display: inline; } .pinn-ui-tab { font-weight: normal; } .pinn-ui-current{ font-weight: bold; } /**************************************************************************** Menu Tab List (Dropdowns) ***************************************************************************/ .pinn-ui-pp-icontainer { z-index: 150; position: fixed; top: 20px; left: 0; border: 1px solid #c5c5c5; background-color: #fafafa; } .pinn-ui-menu-tab-list a:hover { text-decoration: underline; } .pinn-ui-menu-tab-list li { display: block; border-bottom: 1px solid #c0c0c0; font-size: 8pt; line-height: 8pt; list-style: none outside none; margin: 0; padding: 3px 5px 3px 3px; position: relative; white-space: nowrap; } .pinn-ui-menu-tab-list li:last-child{ border-bottom: 0 solid #c0c0c0; } .pinn-ui-menu-tab-icon{ margin-right: 5px; color: #b5b5b5; } /**************************************************************************** Subtab list ***************************************************************************/ #pinn-ui-subtabs { margin: 0 0 10px 0px; padding: 0 0 0 0; line-height: 15px; list-style-position: inside; min-height: 15px; border: 0; background-color: #fafafa; background-image: none; } .pinn-ui-tab-subtab-separator{ border: 0; height: 7px; position: relative; z-index: 10; } .pinn-ui-subtabs-list a, .pinn-ui-subtabs-list a:visited, .pinn-ui-subtabs-list a:active { text-decoration: none; font-size: 11px; padding: 0 6px 0 6px; white-space: nowrap; } .pinn-ui-subtabs-list a:hover { text-decoration: none; } .pinn-ui-subtabs-list li:first-child a { border-width: 0; } .pinn-ui-subtabs-list { margin-left: 0; padding-left: 0; display: inline; line-height: 15px; position: relative; z-index: 5; } .pinn-ui-subtabs-list li.ui-state-default, .pinn-ui-subtabs-list li.ui-state-default+li{ border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } .pinn-ui-subtabs-list li { margin: 0; padding: 0 0 2px 0; text-align: center; list-style: none; display: inline-block; font-size: 11px; line-height: 13px; vertical-align: middle; font-weight: normal; border-top: 0; border-bottom: 0; border-right: 0; } .pinn-ui-subtabs-list li.pinn-ui-current a { font-weight: bold; opacity: 1; } .pinn-ui-subtabs-list li.pinn-ui-subtab a { color: inherit; } .pinn-ui-subtabs { margin-left: 3px; padding-left: 1px; } /**************************************************************************** Toolbar list ***************************************************************************/ #pinn-ui-actions { margin: 0 3px 0 0; -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25); padding: 7px 0 8px 20px; background-color: #fafafa; height: 23px; width: 100%; position: relative; z-index: 3; } #pinn-ui-toolbar .pinn-ui-sprite-disabled{ opacity: 0.15; } #pinn-ui-toolbar ul { margin-left: 0; padding-left: 0; display: inline; line-height: 24px; font-size: 24px; font-family: 'fontello'; } #pinn-ui-toolbar a.pinn-ui-icon-active:visited, #pinn-ui-toolbar a.pinn-ui-icon-active{ color: #4d4f53; } #pinn-ui-toolbar a.pinn-ui-icon-active:hover{ color: #00c7e1; } #pinn-ui-toolbar a.pinn-ui-icon-active:focus{ outline: none !important; } #pinn-ui-toolbar a.pinn-ui-icon-inactive:visited, #pinn-ui-toolbar a.pinn-ui-icon-inactive:hover, #pinn-ui-toolbar a.pinn-ui-icon-inactive{ color: #bcbdbc; cursor: default; } #pinn-ui-toolbar a{ text-decoration: none; } #pinn-ui-toolbar ul li { margin-left: 0; padding: 3px 3px; list-style: none; display: inline; } #pinn-ui-toolbar ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; } #pinn-ui-toolbar { line-height: 24px; float: left; margin: 0 5px 0 3px; } #pinn-ui-buttons { line-height: 14px; vertical-align: middle; min-height: 20px; margin-top: 1px; } /*************************************************************************** Loading Dialog/Status **************************************************************************/ .pinn-ui-loading-dialog .ui-dialog-titlebar{ display: none; } .pinn-ui-loading-status{ text-align: center; line-height: 16px; } .pinn-ui-loading-status-icon{ display: inline-block; width: 16px; height: 16px; margin: 0 5px 0 0; vertical-align: middle; background-image: url('anim16-loading.gif') } .pinn-ui-loading-status-text{ vertical-align: middle; } /*************************************************************************** Header Button Region **************************************************************************/ /*************************************************************************** Buttons **************************************************************************/ .pinn-ui-popup-action-dialog .ui-dialog-buttonpane .ui-button-text, .pinn-ui-button-action, .pinn-popup-multi-select-button { font-size: 11px; margin-right: 3px; padding: 4px 8px; font-weight: bold; border: none; border-radius: 2px; } .pinn-ui-button-action { margin-right: 7px; } .pinn-ui-button-report, .pinn-ui-button-profile { font-size: 10px; margin: 0 2px 0 2px; padding: 4px 8px 4px 8px; font-weight: bold; line-height: 11px; border-radius: 2px; border: none; } .pinn-ui-label-hotkey { text-decoration: underline; font-weight: bold; } .pinn-ui-button-menu-dialog{ padding: 0; background: transparent; position: fixed; border: 0; } .pinn-ui-button-menu-list{ text-align: left; } .pinn-ui-button-menu-list a{ display: inline-block; width: 100%; } .pinn-ui-button-menu-dialog .pinn-ui-button-menu{ display: block; padding: 0; } .pinn-ui-button-menu { display: none; overflow: hidden; background-color: transparent; } .pinn-ui-button-menu-dialog .ui-dialog-titlebar{ display: none; } .pinn-ui-button-menu li{ display: block; font-size: 10px; line-height: 15px; padding: 1px 3px 1px 3px; border-radius: 4px; } .pinn-ui-button-menu-list{ margin: 0; } .pinn-ui-button-menu-list li{ background-color: #ffffff; border-radius: 0px; padding: 5px 7px; } .pinn-ui-button-menu-list li:hover{ color: #00c7e1; } .pinn-ui-button-menu-list li a{ color: #1f2533; outline: none; text-align: left; } /*************************************************************************** Worksheets **************************************************************************/ .wsRegion { display: none; } .pinn-ui-dialog .ui-dialog-buttonpane, .pinn-ui-popup-action-dialog .ui-dialog-buttonpane{ text-align: center; } /*work around for old popup workshe actions, should be removed after all popups use new buttons*/ .pinn-ui-popup-action-dialog .pinn-ui-region-footer{ background-image: none; border-top: 1px solid #DDDDDD; border-width: 1px 0 0; margin: 0.5em 0 0; padding: 0.3em 1em 0.5em 0.4em; } /*************************************************************************** Login **************************************************************************/ #P1_SIGN_IN { width: 100%; height: 40px; border-radius: 3px; box-sizing: border-box; text-align: center; padding: 0; margin: 20px 0 0 0; -webkit-box-shadow: 0 3px 10px 2px rgba(2,26,97,0.05); -moz-box-shadow: 0 3px 10px 2px rgba(2,26,97,0.05); box-shadow: 0 3px 10px 2px rgba(2,26,97,0.05); font-size: 14px; font-weight: normal; } #P1_SIGN_IN .pinn-ui-label-hotkey { font-weight: normal; } #P1_USERNAME { border-top-right-radius: 3px; border-top-left-radius: 3px; margin: 0; } #P1_USERNAME:focus{ border-color: #00c7e1; z-index: 5; } #P1_PASSWORD { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin: -3px 0 0 0; } #P1_PASSWORD:focus{ border-color: #00c7e1; } .pinn-ui-login-label::-webkit-input-placeholder { color: #C2C7CC; font-style: italic; font-size: 14px; } .pinn-ui-login-label::-moz-placeholder { color: #C2C7CC; font-style: italic; font-size: 14px; } .pinn-ui-login-label:-ms-input-placeholder { color: #C2C7CC; font-style: italic; font-size: 14px; } .pinn-ui-copy { text-align: right; white-space: nowrap; color: #000000; font-weight: bold; } .pinn-ui-login-box input[type=text], .pinn-ui-login-box input[type=password]{ border: 1px solid #eaecef; width: 100%; height: 40px; box-sizing: border-box; background-color: #ffffff; padding: 0 0 0 10px; outline: none; font-size: 14px; position: relative; } .pinn-ui-login-box { width: 400px; height: 300px; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; margin: auto auto; } .pinn-ui-login-box .pinn-ui-region { padding: 0; margin-bottom: 0; } .pinn-ui-login-copyright { color: #999999; font: 8pt sans-serif; line-height: .9em; padding: 0; letter-spacing: .1em; display: block; margin: 0 auto; text-align: center; } .pinn-ui-login-logo { background-image: url(Calero_Logo.svg); background-repeat: no-repeat; background-position: center center; height: 90px; width: 275px; margin: 0 auto; padding: 0; } .pinn-ui-login-sublogo { height: 29px; width: 414px; margin: 0 auto 5px auto; padding: 0; display: none; } .pinn-ui-login-recovery { text-align: center; box-sizing: border-box; width: 100%; margin: 20px 0 0 0; } .pinn-ui-login-box .notification { width: 400px; } .pinn-ui-login-recovery a { color: #1f2533; text-decoration: none; font-size: 13px; font-weight: 400; } .pinn-ui-login-recovery a:hover { cursor: pointer; color: #00c7e1; } .pinn-login-username table, .pinn-login-sign-in table, .pinn-login-password table { width: 100%; } /*************************************************************************** QuickLinks ***************************************************************************/ .pinn-ui-quick-links-dialog { position: fixed; } .pinn-ui-quick-links-dialog .ui-dialog-titlebar{ display: none; } .pinn-ui-quick-links-dialog .ui-dialog-content{ padding: 5px; } .pinn-ui-quick-links-list{ margin-top: 3px; padding-top: 3px; border-top: 1px solid #000000; } .pinn-ui-quick-links-list a{ text-decoration: none; cursor: pointer; } .pinn-ui-quick-links-list a:hover{ text-decoration: underline; } .pinn-ui-quick-links-title{ text-align: center; font-weight: bold; } /*************************************************************************** Search Actions ***************************************************************************/ .pinn-ui-search-action-dialog .ui-dialog-titlebar { display: none; } .pinn-ui-search-action-dialog .ui-dialog-content{ padding: 2px; } .pinn-ui-search-action-list-icon{ margin-right: 5px; } .pinn-ui-search-action-operator{ margin-right: 5px; margin-left: 5px; white-space: nowrap; } .pinn-ui-search-action-list-icon { visibility: hidden; } .pinn-ui-current .pinn-ui-search-action-list-icon{ visibility: visible; } .pinn-ui-search-action-option { text-decoration: none; cursor: pointer; } .pinn-ui-search-action-status{ display: inline-block; } .pinn-ui-search-action-status-text{ margin-left: 5px; font-weight: 500; } .pinn-ui-search-action-container{ white-space: nowrap; } /*************************************************************************** Saved Search ***************************************************************************/ .pinn-ui-saved-search { position: absolute; width: 100%; text-align: center; top: 0; } .pinn-ui-saved-search-controls{ display: inline; } .pinn-ui-saved-search-controls li{ list-style: none outside none; display: inline; margin-left: 5px; font-size: 10px; } .pinn-ui-saved-search-manage-dialog .ui-dialog-content{ padding: 0; } .pinn-ui-saved-search-manage-dialog .ui-dialog-titlebar , .pinn-ui-saved-search-save-dialog .ui-dialog-titlebar { display: none; } .pinn-ui-saved-search-messages { position: absolute; width: 130px; top: 0; left: 0; text-align: center; } .pinn-ui-saved-search-controls a:visited, .pinn-ui-saved-search-controls a:hover, .pinn-ui-saved-search-controls a{ color: black; } .pinn-ui-saved-search-controls a:hover{ text-decoration: underline; } .pinn-ui-saved-search-manage-actions, .pinn-ui-saved-search-save-actions, .pinn-ui-saved-search-save-criteria, .pinn-ui-saved-search-manage-list{ text-align: center; position: relative; white-space:nowrap; } .pinn-ui-saved-search-manage-select{ width: 100%; height: 125px; } .pinn-ui-saved-search-messages { margin-top: 2px; margin-bottom: 2px; display: none; } .pinn-ui-saved-search-flag{ margin-left: 5px; } .pinn-ui-saved-search-managed-input-default{ margin: 0; } .pinn-ui-saved-search-col-header{ font-weight: bold; } .pinn-ui-saved-search-col{ display: inline-block; padding-left: 5px; line-height: 18px; vertical-align: middle; width: 150px; } .pinn-ui-saved-search-managed-input{ width: 98%; } .pinn-ui-saved-search-col-delundo{ width: 20px; } .pinn-ui-saved-search-desc{ width: 200px; } .pinn-ui-saved-search-col-default{ width: 50px; } .pinn-ui-saved-search-col-global-default{ width: 100px; } /******************************************************************************* Help PopUps ******************************************************************************/ .pinn-ui-dialog-help .ui-dialog-titlebar{ padding: 0 0 0 2px; } .pinn-ui-help{ cursor: help; } /******************************************************************************* Support Info ******************************************************************************/ .pinn-ui-support-info .pinn-ui-support-info-label-cell{ text-align: right; } /*************************************************************************** Region Templates **************************************************************************/ .pinn-ui-region { padding-left: 25px; margin-bottom: 20px; position: relative; display: table; padding-right: 25px; } table.regionlayout { margin-left: 25px; } .pinn-ui-region-header { min-height: 20px; line-height: 20px; margin-bottom: 5px; } .pinn-ui-region-title { display: inline-block; width: 30em; min-height: 13px; line-height: 13px; padding: 4px 8px; font-weight: bold; border-radius: 2px; border: none !important; } .pinn-ui-region-title > a { display: inline-block; width: 100%; color: #ffffff; } .pinn-ui-region-title-h2 { font-weight: bold; width: 100%; color: #ffffff; } .pinn-ui-region-title-h2 > a { font-weight: bold; width: 100%; color: #ffffff; } .pinn-ui-region-buttons button, .pinn-ui-region-buttons .pinn-ui-button { vertical-align: top; } .pinn-ui-region-ws{ margin: 2px 2px; padding: 0; } .pinn-ui-region-ws .pinn-ui-region-body{ margin: 0; padding: 0; } .pinn-ui-region-ws .pinn-ui-region-footer{ text-align: center; } /*************************************************************************** Region Template: Buttons On Right **************************************************************************/ .pinn-ui-region-buttons-on-right .pinn-ui-region-body{ float:left; } .pinn-ui-region-buttons-on-right .pinn-ui-region-buttons { float: left; margin-top: 10px; margin-left: 10px; } /*************************************************************************** Region Template: Quick Search **************************************************************************/ .pinn-ui-region-quicksearch { margin-top: 10px; margin-bottom: 10px; } .pinn-ui-region-quicksearch .pinn-ui-region-title { width: 12em; font-size: 11px; line-height: 13px; min-height: 13px; cursor: pointer; } .pinn-ui-region-quicksearch .pinn-ui-region-title a { text-decoration: none; } .pinn-ui-region-quicksearch .pinn-ui-region-title span{ float: right; margin: 2px 2px; } .pinn-ui-qs-hidden .pinn-ui-region-body{ display: none; } .pinn-ui-region-quicksearch table td { padding-top: 6px; } .pinn-ui-region-quicksearch table tr:first-of-type > td { padding-top: 1px; } /*************************************************************************** Region Template: No Title **************************************************************************/ .pinn-ui-region-report-no-title .pinn-ui-region-title , .pinn-ui-region-no-title .pinn-ui-region-title { display: none; } .pinn-ui-is-config .pinn-ui-region-report-no-title .pinn-ui-region-title , .pinn-ui-is-config .pinn-ui-region-no-title .pinn-ui-region-title { display: block; } .pinn-ui-region-report-no-title .pinn-ui-region-header , .pinn-ui-region-no-title .pinn-ui-region-header { min-height: 0; } /*************************************************************************** Region Template: Popup Multi **************************************************************************/ .pinn-ui-region-pp-multi .pinn-ui-region-title { display: none; } .pinn-ui-region-pp-multi .pinn-ui-region-buttons { margin-top: 5px; } .pinn-ui-region-pp-multi { margin: 0; padding: 0; } .pinn-ui-region-pp-multi .pinn-ui-region-buttons { display: block; text-align: center; } .pinn-ui-region-pp-multi select { min-width: 240px; width: auto; } /*************************************************************************** Region Template: Wizard Instructions **************************************************************************/ .pinn-ui-region-wizard-instructions{ width: 750px; padding: 0; margin-left: 10px; } .pinn-ui-region-wizard-instructions .pinn-ui-region-body{ padding: 0 10px; } .pinn-ui-region-wizard-instructions .pinn-ui-region-body{ padding-top: 5px; padding-bottom: 5px; } .pinn-ui-region-instructions-link { cursor: pointer; text-decoration: none; } .pinn-ui-region-instructions-link span{ float: right; margin: 3px; } .pinn-ui-region-wizard-instructions .pinn-ui-region-body{ display: none; } .pinn-ui-region-wizard-instructions .pinn-ui-region-title{ padding: 0 5px 0 5px; } .pinn-ui-region-wizard-instructions li, .pinn-ui-region-wizard-instructions li { list-style: decimal; list-style-position: outside; margin-left: 15px; } /*************************************************************************** Region Template: No Title **************************************************************************/ .pinn-ui-region-ws { display: none; } .pinn-ui-region-ws .pinn-ui-region-title { display: none; } /*************************************************************************** Report Templates **************************************************************************/ .pinn-ui-report-rpp { display:none; white-space: nowrap; } .pinn-ui-report-ppr{ line-height: 20px; vertical-align: middle; margin-left: 3px; margin-bottom: 7px; } .pinn-ui-report-grid-edit .pinn-ui-report-rpp , .pinn-ui-report-standard .pinn-ui-report-rpp { display:block; position:absolute; left:270px; margin-top:0; font-size: 11px; line-height: 11px; } .pinn-ui-report-no-rpp div.pinn-ui-report-rpp, .pinn-ui-report-no-pagination div.pinn-ui-report-rpp{ display: none; } .pinn-ui-report-rpp-input{ width: 3em; text-align: right; margin-left: 3px; } .pinn-ui-report td.pinn-ui-selected, .pinn-ui-report .pinn-ui-selected td{ background-color:#7777cc; } .pinn-ui-report-header { text-align: left; vertical-align: middle; } /** Used for usage file formats, some of the reports have nested headers **/ .pinn-ui-report-header .pinn-ui-report-header { background: none; border-color: transparent; } .pinn-ui-report-header { color: #1f2533; } .pinn-ui-report-header, .pinn-ui-row { white-space: nowrap; padding: 5px 7px 7px 5px; font-size: 8pt; line-height: 15px; min-height: 15px; background-color: #ffffff; } .pinn-ui-report-header .pinn-ui-sort-down, .pinn-ui-report-header .pinn-ui-sort-up{ margin: 0 2px; } /* PINN-28816 Added to override new APEX 5 styles for Classic report sort images */ .u-Report-sortIcon.a-Icon.icon-rpt-sort-desc, .u-Report-sortIcon.a-Icon.icon-rpt-sort-asc{ margin-left: 2px; vertical-align: middle; } /* Override new APEX 5 styles */ .rpt-sort { display:inline-block; } .rpt-sort span { display:inline-block; float:unset; padding:unset; } .pinn-ui-region-shuttle .pinn-ui-report-header, .pinn-ui-region-shuttle .pinn-ui-row { border-color: #999999; } .pinn-ui-row { vertical-align: middle; padding: 7px 7px 7px 5px; } .pinn-ui-row-odd { background-color: #e5f9fc; } .pinn-ui-row-even { background-color: #ffffff; } table.pinn-ui-report-body { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); } .pinn-ui-report-body th, .pinn-ui-report-body th a{ font-weight: bold; white-space: nowrap; text-decoration: none; text-transform: capitalize; } .pinn-ui-report-body td, .pinn-ui-report-body td a{ font-weight: normal; white-space: nowrap; } .pinn-ui-report-body th a:hover { text-decoration: underline; } .pinn-ui-report-shuttle .pinn-ui-row { cursor: pointer; } .pinn-ui-report-x-scroll { width: calc(100% + 25px); } /*************************************************************************** Utility Icons **************************************************************************/ .pinn-ui-icon{ display: inline-block; } .pinn-ui-button-action .pinn-ui-icon{ height: 12px; width: 12px; } .pinn-ui-icon-left { float: left; } .pinn-ui-icon-right { float: right; } .pinn-ui-icon-8-inline{ display: inline; padding: 0 8px; } .pinn-ui-icon-8-inline-container{ padding: 0 1px; } /*************************************************************************** Items & Labels **************************************************************************/ label{ font-weight: bold; margin-right: 5px; } /* LOV checkboxes/radio choices are output as labels, no need to scream */ .radio_group label, .checkbox_group label{ font-weight: normal } .pinn-ui-label-hidden { display: none; } .pinn-ui-white-space-normal { white-space: normal !important; } /*************************************************************************** Wizard Progress List **************************************************************************/ .pinn-ui-pinn-ui-wizard-progress-container{ line-height: 21px; min-height: 21px; padding: 0 10px 0 10px; text-align: center; } .pinn-ui-wizard-progress-list{ line-height: 21px; min-height: 21px; margin-bottom: 3px; display:inline-block; } .pinn-ui-wizard-progress{ border: 1px solid black; display: block; float: left; background-color: #ffffff; padding: 2px 5px 2px 5px; text-align: center; min-width: 180px; line-height: 15px; font-weight: bold; } .pinn-ui-wizard-progress-list li{ white-space: nowrap; } li.pinn-ui-wizard-progress.pinn-ui-current { color: #00c7e1; } /*************************************************************************** Wizard Progress List **************************************************************************/ #pinn-ui-html-wizard-level-tabs #pinn-ui-header { position: fixed; } #pinn-ui-html-wizard-level-tabs body { overflow: auto; } /*************************************************************************** Maintenance/Link List Pages **************************************************************************/ .pinn-ui-link-list{ margin-top: 50px; margin-left: auto; margin-right: auto; } .pinn-ui-link-list td { padding: 2px 35px 3px 5px; } a.pinn-ui-tab-link:hover{ color: #00c7e1; } .unselectable{ -webkit-user-select: none; /* Chrome / Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE 10+ */ /* These aren't supported yet but lets add them in hopes for forward compatability */ -o-user-select: none; user-select: none; } /****************************************************************************** Personalizations / Configurations *******************************************************************************/ button.pinn-ui-config { font-size: 9px; line-height: 9px; padding: 0; margin: 1px 1px; text-decoration: none; } .pinn-ui-region-title .pinn-ui-config{ float: right; } .pinn-ui-config-child-buttons, .pinn-ui-config-help-text{ margin-left: 11em; } .pinn-ui-strike{ text-decoration: line-through; } .pinn-ui-config-generic-dialog label{ display: inline-block; min-width: 11em; text-align: right; vertical-align: top; } .pinn-ui-personalize-column-big-text{ display: inline-block; min-width: 50px; margin: 0 5px; } .pinn-ui-personalize-dialog .ui-dialog-content{ padding: 0; } .pinn-ui-personalize-dialog .ui-dialog-buttonpane{ padding-top: 0; margin-top: 0; } .pinn-ui-personalize-container{ height: 100%; width: 100%; overflow: hidden; white-space: nowrap; margin: 0 auto; position: relative; } .pinn-ui-personalize-header-container{ font-size: 18px; border-top: 0; border-left: 0; border-right: 0; margin-left: 3px; margin-right: 3px; text-align: left; height: 30px; line-height: 30px; } .pinn-ui-personalize-header-left{ display: inline-block; width: 210px; } .pinn-ui-personalize-pane-container{ position: absolute; top: 31px; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; margin: 0 auto; } .pinn-ui-personalize-pane{ position: relative; display: inline-block; height: 100%; overflow: hidden; } .pinn-ui-personalize-pane-left{ width: 200px; } .pinn-ui-personalize-pane-right{ width: 580px; } .pinn-ui-personalize-pane-highlight{ position: absolute; border: 2px dashed transparent; z-index: 3; margin: 2px; display: none; } .pinn-ui-personalize-pane-highlight-right, .pinn-ui-personalize-pane-highlight-left{ top: 0; bottom: 0; left: 0; right: 17px; } .pinn-ui-personalize-pane-highlight.pinn-ui-active{ border: 2px dashed red; display: block; } .pinn-ui-personalize-pane-highlight.pinn-ui-over{ border: 2px dashed blue; } .pinn-ui-personalize-list-container{ position: relative; height: 100%; z-index: 2; overflow-x: hidden; overflow-y: scroll; } .pinn-ui-personalize-column-list, .pinn-ui-personalize-region-list{ height: 100%; } .pinn-ui-personalize-container-columns .pinn-ui-personalize-list-container-right{ overflow-y: hidden; overflow-x: scroll; } .pinn-ui-personalize-region-big-container{ border: 1px solid black; text-align: left; overflow: auto; padding-left: 25px; } .pinn-ui-personalize-region-placeholder{ height: 0; } .pinn-ui-handle{ cursor: hand; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .pinn-ui-handle:active{ cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .pinn-ui-personalize-region{ margin: 3px; } .pinn-ui-perssonalize-region-big, .pinn-ui-personalize-region-big{ margin: 3px 0 12px; border: 0; position: relative; } .pinn-ui-perssonalize-column-big{ margin-top: 10px; } .pinn-ui-personalize-pane-right .pinn-ui-personalize-column-placeholder, .pinn-ui-personalize-column-big{ display: inline-block; } .pinn-ui-personalize-pane-right .pinn-ui-personalize-column-placeholder{ width: 72px; height: 26px; } .pinn-ui-personalize-pane-left .pinn-ui-personalize-column-placeholder{ height: 20px; width: 100%; } .pinn-ui-personalize-region-big-container.pinn-ui-region{ padding: 0 5px 5px 0; } .pinn-ui-personalize-region-big .pinn-ui-region-header{ position: relative; } .pinn-ui-personalize-region-big-handle{ position: absolute; top: 0; left: 0; bottom: 0; width: 20px; } .pinn-ui-personalize-region-big-container .pinn-ui-region-title{ width: auto; width: 25em; border-top: 0; border-left: 0; } .pinn-ui-personalize-column-small, .pinn-ui-personalize-region-small{ line-height: 20px; font-size: 15px; white-space: nowrap; cursor: hand; cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; } .pinn-ui-personalize-small:active{ cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; } .pinn-ui-personalize-column .pinn-ui-report-header span, .pinn-ui-personalize-column .pinn-ui-report-header i, .pinn-ui-personalize-column .pinn-ui-report-header a, .pinn-ui-personalize-column-small a, .pinn-ui-personalize-column-small span, .pinn-ui-personalize-column-small i, .pinn-ui-personalize-region-small a, .pinn-ui-personalize-region-small span, .pinn-ui-personalize-region-small i{ vertical-align: middle; } .pinn-ui-personalize-column-small-label, .pinn-ui-personalize-region-small-label{ display: inline-block; width: 125px; overflow: hidden; } .pinn-ui-personalize-region-big-remove{ position: absolute; top: 3px; right: 3px; } .pinn-ui-personalize-column-big-left{ margin-left: 10px; } .pinn-ui-personalize-column-big-left, .pinn-ui-personalize-column-small-right, .pinn-ui-personalize-column-big-remove, .pinn-ui-personalize-column-small-add, .pinn-ui-personalize-region-big-remove, .pinn-ui-personalize-region-small-add{ cursor: pointer; } .pinn-ui-personalize-region-big-content{ width: 100%; overflow-x: auto; overflow-y: hidden; min-height: 65px; } #pinn-ui-saved-search-flag { cursor:default; color:red; font-size: 1.5em; padding-left: 0.25em; } /* Skip Navigation Bypass Block */ #pinn-ui-skip-nav-container { align-items: center; display: inline-block; overflow: hidden; } .pinn-ui-skip-nav:not(:focus) { clip: rect(1px,1px,1px,1px); position: absolute; overflow: hidden; padding: 0; } .pinn-ui-skip-nav { border: 2px solid rgba(0,0,0.16); border-radius: 2px; color: #fff; background-color: rgb(0, 199, 225); cursor: pointer; font-size: 14px; line-height: 20px; min-height: 20px; width: 105px; text-align: center; font-family: Arial,FreeSans,Helvetica,sans-serif; padding: 4px 4px; font-weight: bold; } /******************************************************************************* Accessibility ******************************************************************************/ /* HTML Link Focus*/ .pinn-ui-menu-tab-a:focus, .sub-op-hover ul li a:focus, #pinn-user-menu > nav > ul > li > a:focus, .pinn-ui-report-body a:focus, .pinn-bookmark-menu a:focus, .pinn-ui-tab-link:focus, .pinn-ui-icon-info-link:focus, .pinn-ui-odr-region-link:focus { outline: 2px solid #00c7e1; -moz-outline-radius: 3px; } /* Input Elements Focus */ input:focus, select:focus, textarea:focus { outline: 2px solid #00c7e1; -moz-outline-radius: 3px; } /* Buttons Focus */ .pinn-ui-button:focus { outline: 2px solid #000; -moz-outline-radius: 3px; } .pinn-ui-report-body td a:focus > span { outline: 2px solid #000; -moz-outline-radius: 3px; } .pinn-ui-report-body td a:focus { outline: 0; } .pinn-ui-report-ppr-np:focus > button { outline: 2px solid #000; -moz-outline-radius: 3px; } .pinn-ui-report-ppr-np:focus { outline: 0; } /* icons ----------- */ .pinn-menu-icon { font-size: 25px; vertical-align: middle; color: #00c7e1; padding-left: 5px; } @font-face { font-family: "pinnacle-font"; src:url("fonts/pinnacle-font.eot"); src:url("fonts/pinnacle-font.eot?#iefix") format("embedded-opentype"), url("fonts/pinnacle-font.woff") format("woff"), url("fonts/pinnacle-font.ttf") format("truetype"), url("fonts/pinnacle-font.svg#pinnacle-font") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "pinnacle-font" !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^="pinn-icon-"]:before, [class*=" pinn-icon-"]:before { font-family: "pinnacle-font" !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; } .pinn-icon-accounts:before { content: "\e000"; } .pinn-icon-analytics:before { content: "\e001"; } .pinn-icon-archives:before { content: "\e002"; } .pinn-icon-billing:before { content: "\e003"; } .pinn-icon-business-intelligence:before { content: "\e004"; } .pinn-icon-close:before { content: "\e005"; } .pinn-icon-customer-surveys:before { content: "\e006"; } .pinn-icon-diagnostics:before { content: "\e007"; } .pinn-icon-finanace:before { content: "\e008"; } .pinn-icon-general:before { content: "\e009"; } .pinn-icon-imports:before { content: "\e00a"; } .pinn-icon-incidents:before { content: "\e00b"; } .pinn-icon-integration:before { content: "\e00c"; } .pinn-icon-international:before { content: "\e00d"; } .pinn-icon-inventory:before { content: "\e00e"; } .pinn-icon-invoice-manager:before { content: "\e00f"; } .pinn-icon-invoices:before { content: "\e010"; } .pinn-icon-jobs:before { content: "\e011"; } .pinn-icon-language-translation:before { content: "\e012"; } .pinn-icon-local:before { content: "\e013"; } .pinn-icon-logs:before { content: "\e014"; } .pinn-icon-maintenance:before { content: "\e015"; } .pinn-icon-my-account:before { content: "\e016"; } .pinn-icon-my-tools:before { content: "\e017"; } .pinn-icon-performance:before { content: "\e018"; } .pinn-icon-publications:before { content: "\e01a"; } .pinn-icon-reports:before { content: "\e01b"; } .pinn-icon-security:before { content: "\e01c"; } .pinn-icon-service-inventory:before { content: "\e01d"; } .pinn-icon-settings:before { content: "\e01e"; } .pinn-icon-slas:before { content: "\e01f"; } .pinn-icon-subscribers:before { content: "\e020"; } .pinn-icon-system:before { content: "\e022"; } .pinn-icon-toll:before { content: "\e023"; } .pinn-icon-usage:before { content: "\e024"; } .pinn-icon-usage-sources:before { content: "\e025"; } .pinn-icon-vendor:before { content: "\e026"; } .pinn-icon-work-order-steps:before { content: "\e027"; } .pinn-icon-workforce:before { content: "\e028"; } .pinn-icon-infrastructure:before { content: "\e029"; } .pinn-icon-service-orders:before { content: "\e02a"; } .pinn-icon-services:before { content: "\e02b"; } .pinn-icon-help:before { content: "\e02c"; } .pinn-icon-home:before { content: "\e02d"; } .pinn-icon-knowledge-base:before { content: "\e02e"; } .pinn-icon-quick-links:before { content: "\e02f"; } .pinn-icon-export-csv:before { content: "\e030"; } .pinn-icon-previous:before { content: "\e031"; } .pinn-icon-plans:before { content: "\e032"; } .pinn-icon-next:before { content: "\e033"; } .pinn-icon-interactive-report:before { content: "\e034"; } .pinn-icon-worksheet:before { content: "\e035"; } .pinn-icon-video-help:before { content: "\e036"; } .pinn-icon-switch:before { content: "\e019"; } .pinn-icon-print:before { content: "\e021"; } .pinn-icon-search:before { content: "\e037"; } .pinn-icon-personalize:before { content: "\e038"; } .pinn-icon-a:before { content: "\e916"; } .pinn-icon-b:before { content: "\e917"; } .pinn-icon-c:before { content: "\e918"; } .pinn-icon-d:before { content: "\e919"; } .pinn-icon-e:before { content: "\e91a"; } .pinn-icon-f:before { content: "\e91b"; } .pinn-icon-g:before { content: "\e91c"; } .pinn-icon-h:before { content: "\e91d"; } .pinn-icon-i:before { content: "\e91e"; } .pinn-icon-j:before { content: "\e91f"; } .pinn-icon-k:before { content: "\e920"; } .pinn-icon-l:before { content: "\e921"; } .pinn-icon-m:before { content: "\e922"; } .pinn-icon-n:before { content: "\e923"; } .pinn-icon-o:before { content: "\e924"; } .pinn-icon-p:before { content: "\e925"; } .pinn-icon-q:before { content: "\e926"; } .pinn-icon-r:before { content: "\e927"; } .pinn-icon-s:before { content: "\e928"; } .pinn-icon-t:before { content: "\e929"; } .pinn-icon-u:before { content: "\e92a"; } .pinn-icon-v:before { content: "\e92b"; } .pinn-icon-w:before { content: "\e92c"; } .pinn-icon-x:before { content: "\e92d"; } .pinn-icon-y:before { content: "\e92e"; } .pinn-icon-z:before { content: "\e915"; } /* Scrollable ----------- */ .ls-scrollable { position: relative; } .ls-scrollable a { -webkit-user-drag: none; } .ls-scrollable__fade .ls-scrollable--handle { opacity: 0; transition: opacity .2s ease-in-out; } .ls-scrollable__fade:hover .ls-scrollable--handle { opacity: 1; } .ls-scrollable__fade:hover .ls-scrollable--handle__hidden { opacity: 0; } .ls-scrollable--box { overflow-x: hidden; height: 100%; } .ls-scrollable--content { overflow-y: scroll; overflow-x: visible; height: 100%; margin-right: -17px; left: -19px; width: 197px; z-index: 1; } .ls-scrollable--handle { position: absolute; top: 0; right: 2px; width: 8px; min-height: 30px; border-radius: 4px; background-color: rgba(130, 138, 152, 0.7); pointer-events: auto; cursor: pointer; z-index: 10; } .ls-scrollable--handle:hover { width: 11px; transition: width 0.2s linear; -moz-transition: width 0.2s linear; -webkit-transition: width 0.2s linear; } /* IE 11/Edge+ pointer-event override hack */ _:-ms-fullscreen, :root .ls-scrollable--handle { pointer-events: auto; } .ls-scrollable--handle__dark-contrast { background-color: rgba(0, 0, 0, 0.3); } .ls-scrollable--handle.ls-scrollable--handle__hidden { opacity: 0; } /* The switch - the box around the slider */ .switch { position: absolute; display: inline-block; width: 40px; height: 20px; bottom: 5px; left: 5px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 0px; bottom: 0px; background-color: white; -webkit-transition: .4s; transition: .4s; text-align: center; font-size: 13px; line-height: 19px; font-family: "Font Awesome 5 Free"; content: "\f3c1"; } #pinn-ui-nav-lock-input:checked + .slider { background-color: #ccc; } #pinn-ui-nav-lock-input:focus + .slider { box-shadow: 0 0 1px #ccc; } #pinn-ui-nav-lock-input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); content: "\f023"; } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } #pinn-ui-nav-lock { padding-top: 5px; height: 31px; width: 100%; } /* iPads ----------- */ @media only screen and (max-width: 1400px) { .pinn-menu-area { width: 50px; transition: width 0.5s cubic-bezier(0.42, 0.00, 0.58, 1.00); } .pinn-menu-area.pinn-ui-nav-lock { width: 180px; } .pinn-menu-area:hover, .pinn-menu-area-hover, .pinn-menu-area.pinn-menu-hover { width: 180px; transition: width 0.5s cubic-bezier(0.42, 0.00, 0.58, 1.00); } .pinn-menu-area:hover .pinn-main-menu, .pinn-menu-area-hover .pinn-main-menu { overflow-y: auto; } .pinn-menu-area.pinn-menu-hover .pinn-main-menu { overflow-y: auto; } .pinn-menu-area:hover ul ul p, .pinn-menu-area.pinn-menu-hover ul ul p, .pinn-menu-area:hover ul ul li a, .pinn-menu-area.pinn-menu-hover ul ul li a { color: rgba(243, 246, 247, 1); } .pinn-menu-area-hover ul ul p, .pinn-menu-area-hover ul ul li a { color: rgba(243, 246, 247, 1) !important; } .pinn-main-menu:hover ul ul ul li a.pinn-ui-menu-tab-current-a, .pinn-menu-area.pinn-menu-hover ul ul ul li a.pinn-ui-menu-tab-current-a { color: #00c7e1; } .pinn-menu-area.pinn-ui-nav-lock .pinn-main-menu ul ul ul li a.pinn-ui-menu-tab-current-a { color: #00c7e1; } .pinn-main-menu:hover ul ul.pinn-menu-current p, .pinn-main-menu:hover ul ul.pinn-menu-current div, .pinn-menu-area.pinn-menu-hover ul ul.pinn-menu-current p, .pinn-menu-area.pinn-menu-hover ul ul.pinn-menu-current div { color: #00c7e1; } .pinn-main-menu ul ul.pinn-menu-current p { color: rgba(243, 246, 247, 0); } .pinn-menu-area.pinn-ui-nav-lock .pinn-main-menu ul ul.pinn-menu-current p { color: #00c7e1; } .pinn-main-menu { overflow-y: hidden; } .pinn-main-menu ul ul:hover { cursor: pointer; } .pinn-main-menu ul ul:hover p { color: #00c7e1; } .pinn-main-menu ul ul p { color: rgba(243, 246, 247, 0); transition: color 0.1s cubic-bezier(0.42, 0.00, 0.58, 1.35); } .pinn-menu-area.pinn-ui-nav-lock .pinn-main-menu ul ul p { color: rgba(243, 246, 247, 1); } .pinn-main-menu ul ul li a { color: rgba(243, 246, 247, 0); transition: color 0.1s cubic-bezier(0.42, 0.00, 0.58, 1.35); } .pinn-menu-area.pinn-ui-nav-lock .pinn-main-menu ul ul li a { color: rgba(243, 246, 247, 1); } .pinn-main-menu ul ul ul li:hover a { cursor: pointer; color: #00c7e1; text-decoration: none; } .pinn-main-menu ul { width: 100%; overflow: hidden; } .pinn-content-area { width: calc(100% - 50px); left: 50px; } .pinn-menu-area.pinn-ui-nav-lock + .pinn-content-area { width: calc(100% - 180px); left: 180px; } ul.ls-scrollable--content { width: 197px; overflow-y: scroll; } #pinn-ui-actions { height: auto; } #pinn-ui-buttons { line-height: 22px; } }