/* Defaults */ /* source-sans-pro-200 - cyrillic-ext_cyrillic_latin_latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-regular - cyrillic-ext_cyrillic_latin_latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-italic - cyrillic-ext_cyrillic_latin_latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-600 - cyrillic-ext_cyrillic_latin_latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-600italic - cyrillic-ext_cyrillic_latin_latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/source-sans-pro-v12-cyrillic-ext_cyrillic_latin_latin-ext-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-code-pro-regular - latin_latin-ext */ @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 400; src: local('Source Code Pro'), local('SourceCodePro-Regular'), url('./fonts/source-code-pro-v9-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/source-code-pro-v9-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } * { box-sizing: border-box; padding: 0; margin: 0; } html { height: 100%; } html, body { margin: 0; padding: 0; font-family: 'Source Sans Pro'; font-size: 15px; line-height: 1.4; text-rendering: optimizeLegibility; color: #5F6470; background: #fff; } body { padding-left: 200px; min-height: 100%; } body:before {content:''; background: #0f1e2c; position: fixed; top: 0; bottom: 0; left: 0; width: 200px; z-index: 0; box-shadow: inset -3px 0 6px rgba(0, 0, 0, 0.2); } img { max-width: 100%; } /* Layout */ #pageactions, .box, .table-box, .box-white, table.results { border: 0; background-image: none; margin: 0; } #content-wrapper {padding-top: 0; background: #edeff1; min-width: 940px; } #content { padding: 2rem 330px 0 100px; max-width: 1770px; margin: 0; min-height: 680px; } .no-gutter #content {padding: 2rem 2rem 0 100px; max-width: 1440px; } #contentRelease {padding : 10px 10px 10px 100px;} .tabContent { margin: 0 0 0 -70px; padding: 40px 0; position: relative; } .tabContent .auto { top: -2rem; } .pageContent {margin: 0 0 0 -70px; padding: 0 0 40px; position: relative; } .pageContent > div { margin-left: 0 !important; } .gadget-container, .gadget {width: 100% !important; } .gadget-1 {width: 360px; margin-right: 0; padding-right: 2rem; } .gadget-2 {width: calc(100% - 360px); } .box-white, .box {margin: 0 0 2rem 0; border: 0; } .box-white .box-content {padding: 15px 20px !important; background: #fff; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); border-radius: 4px; overflow: hidden; } .padded .box-content { padding: 0; } #gadget-pages-printed-box.box-white .box-content { overflow: visible; } .box-content .content.padded { margin: 0; } .flex { display: -ms-flexbox; display: flex; display: -webkit-flex; flex-wrap: wrap; } .flex-fixed { display: -ms-flexbox; display: flex; display: -webkit-flex; } .flex-column { display: -ms-flexbox; display: flex; display: -webkit-flex; flex-direction: column } .flex-column.center { justify-content: center; } .flex-grow { flex: 1 1; } iframe.news { height: 180px; } form { clear: both; } /* Header */ #header { width: calc(100% + 200px); min-width: 1120px; height: 60px; margin: 0 0 0 -200px; padding: 0; background: #fff; } #header #logo, #header #logo2 {width: 200px; height: 80px; padding: 30px 20px 0 20px; position: absolute; top: 0; display: flex; align-items: center; } #header #logo img, #header #logo2 img { margin: 0 auto; display: block; height: auto; padding: 0; max-height: 100%; max-width: 100%; } #header #info { color: rgba(255,255,255,.7); padding: 7px 2rem; position: relative; right: 0; z-index: 100; } #header #info .info-wrapper {height: auto; margin: 0; position: relative; } #header #info .info-left, #header #info .info-content-wrapper, #header #info .info-content { height: auto; padding: 0; line-height: 18px; } #header #info .info-content .user, #header #info .info-content span.help {padding: 0; margin-left: 10px; float: right; } #header #info .info-content > span.help {padding: 16px 0 0 16px; width: 0; height: 0; background: #ccc; overflow: hidden; position: relative; display: inline-block; } #header #info .info-content > span.help { background: url(../images/sprite.png?20240228140139731) -300px -100px; background-size: 1000px 1000px; } #header #info .info-content > span.help a { width: 16px; height: 16px; position: absolute; top: 0; left: 0; color: transparent; } #header #info .info-content > span.logout { opacity: 0; visibility: hidden; transition: opacity .15s ease-in-out, transform .15s ease-in-out; height: 0; position: absolute; z-index: 101; right: -10px; top: 30px; width: 90px; text-align: left; padding: .5rem .8rem; border-radius: 3px; background: #293e50; } #header #info .info-content > span.logout a { color: #fff; font-weight: normal; } #header #info.active .info-content > span.logout { opacity: 1; visibility: visible; height: auto; transform: translateY(5px); } #header #info .info-content > span.logout:before { position: absolute; content: ''; width: 6px; height: 6px; background: #293e50; transform: rotate(45deg); z-index: 5; top: -3px; right: 1rem; border-bottom: 1px solid transparent; border-right: 1px solid transparent; } #header #info .info-content > span.user:hover { cursor: pointer; color: #fff; } #header #info .info-content > span.user:after { content: ''; width: 12px; height: 7px; opacity: .5; background: url(../images/sprite.png?20240228140139731) -800px -600px; background-size: 1000px 1000px; display: inline-block; margin-left: 4px; vertical-align: middle; } #header #info .info-content span.help img, #header #info .info-content span.logout img {display: none; } #header #info .info-content-wrapper, #header #info .info-left {background: none; } #header #info .info-content .user #username { font-weight: normal; } /* Custom Branding */ .hasAdminBrandingImage #header #logo2 { top: auto; bottom: 0; position: fixed; padding: 20px; } .hasAdminBrandingMainImage #header #logo2 { top: 110px; height: 40px; padding: 0 20px; position: absolute !important; bottom: auto; } .hasAdminBrandingMainImage #header #logo { height: 120px; } .hasAdminBrandingMainImage #mainnav { top: 200px; } @media screen and (max-height: 640px) { .hasAdminBrandingImage #header #logo2, #wizard svg { display: none; } } /* Notifications */ .notification-container { font-size: 0.867rem; font-weight: normal; background-color: #293e50; color: #fff; min-width: 940px; } .notification-container .header { background: none !important; position: absolute; top: 0; right: 0; } .notification-container .dismiss-button { border: 0 !important; background: url(../images/sprite.png?20240228140139731) -900px -400px; background-size: 1000px 1000px; height: 8px; width: 8px; opacity: .7; } .notification-container .dismiss-button:hover { opacity: 1; } .errorMessage, .warnMessage, .infoMessage { font-family: 'Source Sans Pro'; background: #293e50 !important; border: 0; padding: 12px 20px 12px 59px; margin: 0 0 1.4rem; font-weight: normal; border-radius: 4px; font-size: 1rem; position: relative; color: #fff !important; } .errorMessage:before, .warnMessage:before, .infoMessage:before { content: ''; border-radius: 4px 0 0 4px; position: absolute; top: 0; left: 0; width: 44px; height: 100%; background-size: 24px 24px; background-position: 10px 50%; background-repeat: no-repeat; } .errorMessage h4, .warnMessage h4, .infoMessage h4 { font-weight: normal; color: rgba(255,255,255,.8); } .errorMessage:before { background-color: #ed145b; background-image: url(../images/icons3/24x24/error.png?20240228140139731); } .warnMessage:before { background-color: #ffba08; background-image: url(../images/icons3/24x24/warning.png?20240228140139731); } .infoMessage:before { background-color: #a6ce39; background-image: url(../images/icons3/24x24/check.png?20240228140139731); } .errorMessage a, .warnMessage a, .infoMessage a, .notification-container a { color: rgba(255,255,255,.7) !important; text-decoration: underline !important; } .errorMessage a:hover, .warnMessage a:hover, .infoMessage a:hover, .notification-container a:hover, .notification-container a:hover { text-decoration: none !important; } .errorMessage img, .warnMessage img, .infoMessage img { position: absolute; top: 50%; left: 10px; max-width: none; transform: translateY(-50%); } .fields .errorMessage p, .fields .warnMessage p, .fields .infoMessage p, .fields .errorMessage div, .fields .warnMessage div, .fields .infoMessage div { margin: 0 !important; } .errorMessage .help img, .warnMessage .help img, .infoMessage .help img { display: none; } #errorMessage { border: 0; background-color: #fff; color: inherit; padding: 1.4rem; position: relative; top: 200px; left: auto; margin: auto; font-size: 1rem; border-radius: 4px; } #errorMessage h3 img { background-color: #ffba08; } div#details img { background-color: #ffba08; } .license-expiry-home { background: #ed145b; color: rgba(255,255,255,.7); display: block; width: 80%; max-width: 480px; border-radius: 4px; margin: 1rem auto; padding: 12px 20px; } /* Breadcrumbs */ #crumb {width: 100%; min-width: 940px; margin: -60px auto 0; position: relative; padding-left: 20px; padding: 0 0 0 2rem; line-height: auto; background: #00ae5b; color: rgba(255,255,255,.7); font-size: .875rem; line-height: 18px; overflow: hidden; } #crumb .location { display: none; } #crumb span, #crumb a {margin-right: 20px; padding: 6px 0; position: relative; display: inline-block; z-index: 100; } #crumb span:after, #crumb a:after {content: ''; width: 9px; height: 36px; position: absolute; top: 50%; margin: -19px 0 0 0; right: -15px; background: url(../images/sprite.png?20240228140139731) -900px -700px; background-size: 1000px 1000px; opacity: .5; } #crumb img.separator {display: none; } #crumb a:link, #crumb a:visited, #crumb a:active {color: #fff; text-decoration: none; } /* Navigation */ #mainnav {position: absolute; height: auto; left: 0; width: 200px; top: 101px; background: none; white-space: normal; z-index: 100; } #mainnav .tabList .tab {display: block; margin: 0; border-bottom: 1px solid hsla(0,0%,100%,.1); } #mainnav .tabList {height: auto; margin: 0; padding: 0; font-family: inherit; font-weight: normal; font-size: inherit; } .tabList .tab .wrapper {display: block; } .tabList .tab.disabled, .tabList .tab.disabled a, .tabList .tab.disabled .content-wrapper .content { display: none; } #mainnav .tabList .tab .content-wrapper .content {padding: 0; } .tabList .tab.active a .content-wrapper, #mainnav .tabList .tab.active a .content-wrapper {background: none; } #mainnav .tabList a:link, #mainnav .tabList a:active, #mainnav .tabList a:visited {color: rgba(255,255,255,.5); display: block; padding: 10px 20px 10px 56px; position: relative; line-height: 24px; } #mainnav .tabList a:link:before {content: ''; width: 24px; height: 24px; background: url(../images/sprite.png?20240228140139731); display: inline-block; position: absolute; left: 20px; top: 10px; opacity: .4; background-size: 1000px 1000px; } #mainnav .tabList .tab.active a:link, #mainnav .tabList .tab.active a:active, #mainnav .tabList .tab.active a:visited {color: #fff; box-shadow: inset 3px 0 0 0 #00ae5b; background: rgba(0,0,0,.2); } #mainnav .tabList .tab.active a:link:before {opacity: 1; } #mainnav .tabList a:link:hover, #mainnav .tabList a:active:hover, #mainnav .tabList a:visited:hover {color: #fff; } #mainnav .tabList a[href$="Dashboard"]:before { background-position: 0 0; } #mainnav .tabList a[href$="UserList"]:before { background-position: -100px -100px; } #mainnav .tabList a[href$="GroupList"]:before { background-position: -200px -200px; } #mainnav .tabList a[href$="AccountList"]:before { background-position: -300px -300px; } #mainnav .tabList a[href$="PrinterList"]:before { background-position: -400px -400px; } #mainnav .tabList a[href$="DeviceList"]:before { background-position: -500px -500px; } #mainnav .tabList a[href$="PrintDeploy"]:before { background-position: -900px -900px; } #mainnav .tabList a[href$="RemoteSupport"]:before { background-position: -200px -300px; } #mainnav .tabList a[href$="ReportsUser"]:before { background-position: -600px -600px; } #mainnav .tabList a[href$="TopUpCardList"]:before { background-position: -700px -700px; } #mainnav .tabList a[href$="OptionsGeneral"]:before { background-position: -800px -800px; } #mainnav .tabList a[href$="PrinterLog"]:before { background-position: -400px -200px; } #mainnav .tabList a[href$="About"]:before { background-position: -500px -300px; } #mainnav .tabList a[href$="Help"]:before { background-position: -700px -600px; } #mainnav .tabList a[href$="WebCashierPurchase"]:before { background-position: -600px -700px; } #mainnav .tabList a[href$="WebCashierDeposit"]:before { background-position: -700px -800px; } #mainnav .tabList a[href$="WebCashierTransactions"]:before { background-position: -800px -900px; } #mainnav .tabList a[href$="SiteServerList"]:before { background-position: -100px -200px; } /* Page Title */ #title {height: auto; position: relative; padding: 1.4rem 2rem; width: 100%; min-width: 940px; background: #fff; border-bottom: 1px solid #eff0f5; } #title h1 {padding: 0; position: static; z-index: 101; font-weight: 400; font-size: 1.424rem; color: #5F6470; width: calc(100% - 300px); max-width: calc(1360px - 300px); white-space: inherit; word-break: break-all; } #title h1 img {display: none; } #title h1 span {display: inline-block; vertical-align: middle; } #crumb .location {font-weight: normal; } /* Overlay */ #title.mf-overlay #mf-overlay-title, #content-wrapper.mf-overlay #mf-overlay { z-index: 100; } #content-wrapper.mf-overlay #mf-overlay, .ui-widget-overlay { background: rgba(23, 43, 68, 0.8) !important; opacity: 1 !important; } .mf-overlay#title h1 { position: relative; z-index: 101; } #mf-upsell { margin-left: auto; margin-right: auto; position: relative; width: 70%; top: 200px; text-align: center; font-family: 'Source Sans Pro'; color: #fff; } #mf-upsell div { font-size: 1.4rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 1rem; } #jquery-overlay { z-index: 101 !important; background: #0f1e2c !important; opacity: .9; } #jquery-lightbox { z-index: 102 !important; } #lightbox-container-image-data-box { box-sizing: content-box; background: none !important; color: #fff; padding: 0; } #lightbox-secNav-btnClose { position: relative; right: -25px; bottom: -5px; opacity: .5; } #lightbox-secNav-btnClose:hover { opacity: 1; } .ui-widget-content { border: 0; background: #fff; padding: 0; color: inherit; border-radius: 4px !important; overflow: inherit; } .ui-widget-content .option { margin-bottom: 1rem; } .ui-widget-content .option input { width: 100%; } .ui-widget-content .option:last-child { margin: 0; } .ui-widget-header { border: 0; font-weight: normal; background: #293e50!important; border-radius: 4px 4px 0 0 !important; } .ui-dialog-buttonset .ui-state-default { border: 0 !important; } .ui-dialog .ui-dialog-titlebar-close { background: none; border: none; } .ui-dialog .ui-dialog-titlebar-close:hover { border: 0!important; background: none !important; } /* Points of Interest */ .poi-overlay { background: rgba(15,30,34,.6) !important; z-index: 102; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: .3s all ease-in-out; } .poi-overlay.active, .poi-info.active { opacity: 1; visibility: visible; } .poi { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: -8px 0 -10px 0; z-index: -1} .poi-spot { display: none; z-index: 2; cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff962c; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .poi-spot:after { content: ''; position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: transparent; -webkit-animation: cd-pulse 2s infinite; -moz-animation: cd-pulse 2s infinite; -o-animation: cd-pulse 2s infinite; animation: cd-pulse 2s infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .poi.hint:after { display: none; } .morph-button .poi { position: absolute; bottom: -4px; right: -4px; left: auto; z-index: 99; } @-moz-keyframes cd-pulse { 0% { box-shadow: 0 0 0 0 #f37925; } 100% { box-shadow: 0 0 0 12px rgba(242, 246, 247, 0); } } @-webkit-keyframes cd-pulse { 0% { box-shadow: 0 0 0 0 #f37925; } 100% { box-shadow: 0 0 0 12px rgba(242, 246, 247, 0); } } @keyframes cd-pulse { 0% { box-shadow: 0 0 0 0 #f37925; } 100% { box-shadow: 0 0 0 12px rgba(242, 246, 247, 0); } } .poi-info { display: table; opacity: 0; transform: scale(.9); visibility: hidden; transition: .3s all ease-in-out; background: #fff; position: absolute; top: 0; left: calc(100% + 20px); text-align: left !important; font-size: .867rem; line-height: 1.4; z-index: 103; font-weight: normal; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); border: 1px solid #DDE0E4; color: #8e959e; width: 250px; max-width: 250px; border-radius: 4px; } .poi-info.active { transform: scale(1); } .poi-info.intro { transition: .3s opacity ease-in-out; position: fixed; left: 50%; top: 50%; width: 600px; margin: -200px 0 0 -240px; max-width: none; font-size: 1rem; color: #5F6470; } .poi-info.intro .icon { width: 76px; height: 111px; display: inline-block; background: url(../images/lighthouse.png?20240228140139731) 0 0; margin: -90px 0 12px; } .poi-info.intro p:not(:last-child) { margin-bottom: .6rem; } .poi-info.intro header { text-align: center !important; } .poi-info.intro footer { text-align: center; border: 0; padding: 10px 20px; } .poi-info.intro .btn { padding: 0.7rem 1rem !important; font-size: 1rem !important; float: none; } .poi-info.intro:before { display: none; } .poi-info.top.center { bottom: 40px; left: -105px; top: auto; right: auto; } .poi-info.top.left { top: 10px; left: -250px; right: auto; bottom: auto; } .poi-info:before { position: absolute; content: ''; width: 0.75em; height: 0.75em; background: #ffffff; transform: rotate(45deg); z-index: 5; } .poi-info.right.top:before { top: 20px; left: -0.325em; bottom: auto; right: auto; } .poi-info.left.top:before { top: 10px; right: -0.325em; bottom: auto; left: auto; } .poi-info header { padding: 0 20px 6px 20px; } .poi-info header .close { cursor: pointer; background: url(../images/sprite.png?20240228140139731) -889px -489px; background-size: 1000px 1000px; position: absolute; top: 0; right: 0; width: 30px; height: 30px; opacity: .7; } .poi-info header .close:hover { opacity: 1; } .poi-info h3 { color: #3f4246; margin: 0 0 1rem; font-weight: bold; } .poi-info h4 { white-space: normal; } .poi-info p { margin: 0; white-space: normal; } .poi-info footer { padding: 15px 20px; margin: 20px -20px -20px; border-top: 1px solid #eff0f5; font-size: 0.8666rem; line-height: 1.2; } .poi-info footer:after { clear: both; display: block; content: ''; } .poi-info footer .btn { float: right; padding: .4rem .6rem !important; font-weight: normal !important; } .poi-info footer .btn:hover { background: #62bb46 !important; border-color: #62bb46 !important; } .poi-info footer a:not(.btn) { line-height: 31px; padding: 0 !important; display: inline-block !important; color: #A2B0B2 !important; font-weight: normal !important; text-decoration: underline !important; cursor: pointer; } .poi-info footer a:not(.btn):hover { color: #88999C !important; background: none !important; text-decoration: none !important; } .poi-focus { z-index: 103 !important; position: relative; } .poi-focus .box-n-title { color: #fff; } .ui.poi-info.popup.right.center:before { border: 1px solid #DDE0E4; border-right: 0; border-top: 0; margin: -2px; } .poi-info.top.center:before { top: auto; right: auto; bottom: -0.325em; left: 50%; margin-left: -0.325em; } .info-content-wrapper .poi { left: -5px; top: -3px; } .poi-info .print-deploy-tip-img { float: left; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); } .poi-info .poi-right { padding: 1rem; text-align: center; margin-left: 240px; width: 360px; margin-top: 10px; display: table-cell; vertical-align: middle; } /* Popup */ .ui-dialog-content.popup { padding: 0px; border: 1px solid #DDE0E4; } .ui-dialog-content.popup .close { cursor: pointer; background: url(../images/sprite.png?20240228140139731) -889px -489px; background-size: 1000px 1000px; position: absolute; top: 0; right: 0; width: 30px; height: 30px; opacity: .7; padding-bottom: 20px; } .ui-dialog-content.popup header { text-align: left; } .ui-dialog-content.popup footer { position: absolute; bottom: 15px; margin: 0px 20px 0px 0px; } .ui-dialog-content.popup h3 { color: #3f4246; margin: 0 0 1rem; font-weight: bold; } .ui-widget .popup { font-family: 'Source Sans Pro' } .ui-dialog-content.popup .popup-right { margin: 30px 20px; } .ui-dialog-content.popup .btn { padding: 0.7rem 1rem !important; font-size: 1rem !important; float: none; min-width: 130px; } .ui-dialog-content.popup a { white-space: nowrap; } .ui-dialog-content.popup img { max-height: 300px; } /* Users */ table.email-address-list tr.odd td { background: none !important; } #add-email { opacity: 1; } #add-email-button { margin-left: 0; float: none; } #add-email-input { margin-top: 0; } .add-email, .add-email div { margin-top: 0 !important; } /* Typography */ p { margin: 0 0 1rem; } #content .box ul, #content .box ol { margin: 0 0 0 1.4rem; } a:link, a:visited, #header #info a { color: #00ae5b; text-decoration: none; } a:link:hover { color: #62bb46; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #3f4246; line-height: 1.2; } h3 { font-size: 1.134rem; color: #8e959e; font-weight: 400; margin: .4rem 0 1rem; } h4 { font-size: 1rem; } #content h2 { font-size: 1.4rem; margin: 0 0 1rem; } h2 img { display: none; } .negative { color: #ee2063; } .smallText, .help-block { font-size: .875rem !important; color: #8e959e !important; margin: 0 !important; } .smallText + a { font-size: .875rem !important; } table { border-spacing: 0; border: 0 !important; background: none !important; } form > table { table-layout: fixed; } table.form, #groupSelectTable { table-layout: auto; } .auditDetails { font-size: .875rem; color: #B3B9BF; padding: 0; } ::-webkit-input-placeholder { color: #ccd2d7 !important; } ::-moz-placeholder { color: #ccd2d7 !important; } :-ms-input-placeholder { color: #ccd2d7 !important; } ::placeholder { color: #ccd2d7 !important; } .positive { color: #3f4246; } font[color=red], div[style*="color:red"] { color: #ed145b !important; } hr.invisible { border: 0; margin-top: 2rem; } .hidden { display: none; } input[type="submit"].hidden { display: none !important; } /* Icons */ a img, img.icon12, img.icon16, img.icon24, img.icon32, img.icon64 { vertical-align: middle; max-width: none; } img.icon40 { width: 40px; } img[src*="arrow-up.gif"] { content:url("/images/arrow-down.png?20240228140139731"); width: 9px; height: 10px; transform: rotate(180deg); position: relative; top: -1px; max-width: none; } img[src*="arrow-down.gif"] { content:url("/images/arrow-down.png?20240228140139731"); width: 9px; height: 10px; max-width: none; } /* Groups */ #last-activity-date { position: relative; } /* Forms */ select, .pc-dropdown .ui.search.dropdown {font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 !important; height: 36px; position: relative; max-width: none; display: inline-block; vertical-align: middle; background: #fff url(../images/select.png?20240228140139731) 100% 50% no-repeat; background-size: 27px 7px; font-size: 1rem; line-height: 1.2; border: 1px solid #d7dee3 !important; color: #3f4246; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; appearance: none; } select:not([multiple]), .pc-dropdown .ui.search.dropdown { padding: 0 3rem 0 1rem; } select[multiple], .pc-dropdown .ui.search.dropdown { padding: 0 0 0 1rem; } select:focus {outline: 1px solid #1971c2; border-color: #1971c2 !important; } select::-ms-expand { display: none; } .pc-dropdown .ui.search.dropdown.multiple { padding: 1px 30px 2px 4px !important; } .groupPalette { margin-bottom: 1rem; } table.groupPalette select { height: 300px; background: #fff; } table.groupPalette th { text-transform: uppercase; letter-spacing: .05em; font-size: .8rem; color: #8e959e; font-weight: normal; padding-bottom: .4rem; } .ui.selection.dropdown > .dropdown.icon { display: none; } input[type="text"], input[type="password"], input[type="email"], textarea, input[data-validation-type="email"] { vertical-align: middle; padding: 0.5rem 1rem; margin: 0 !important; border: 1px solid #d7dee3; font-size: 1rem; font-family: 'Source Sans Pro'; background: #fff; color: #5F6470; } input.fieldHistoryDatePicker { width: auto !important; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, input[data-validation-type="email"]:focus { box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); outline: 1px solid #1971c2; border-color: #1971c2 !important; } input[type="submit"], input[value="Log in"], input[type="button"], #content-wrapper.mf-overlay .ui-button, #upsell-info .ui-button, .ui-state-default, button, #continueLink a, .ui-state-default, .btn, .link-button { font-family: 'Source Sans Pro'; position: relative; letter-spacing: 0; border-radius: 3px; margin: 0; font-size: .867rem !important; display: inline-block; vertical-align: middle; padding: 0.534rem 0.767rem; line-height: 18px; border: 1px solid #00ae5b ; background: #00ae5b; color: #fff !important; white-space: nowrap; font-weight: normal; text-decoration: none; cursor: pointer; } input[type="submit"]:hover, #content-wrapper.mf-overlay .ui-button:hover, .ui-state-default:hover, .btn:hover, .ui-state-default:hover { background: #62bb46; border-color: #62bb46; text-decoration: none !important; } .buttons input[type="submit"], .buttons input[type="button"], .buttons .ui-button, .buttons button, .footer input[type="submit"], .footer input[type="button"], .footer .ui-button, .footer button, #continueLink a, .link-button { padding: 0.7rem 1rem; font-size: 1rem !important; margin-top: 10px; } input[type=checkbox], input[type=radio] { margin: 0 4px 0 0; cursor: pointer; -webkit-appearance: none; appearance: none; vertical-align: middle; } input[type=checkbox]:disabled { cursor: not-allowed; } input[type=submit]:disabled { cursor: not-allowed; } input[type=checkbox]:after, input[type=radio]:after { content:''; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #d7dee3; } input[type=radio]:after { border-radius: 50%; } input[type=checkbox]:checked:after { background: #00ae5b url(../images/sprite.png?20240228140139731) -697px -296px; border-color: #00ae5b; background-size: 1000px 1000px; } input[type=radio]:checked:after { background: #00ae5b url(../images/sprite.png?20240228140139731) -795px -395px; border-color: #00ae5b; background-size: 1000px 1000px; } .footer input[type="submit"], td[align=right] input[type="submit"], .buttons input[type="submit"] { margin-left: 10px; } input.secondary, .btn.secondary, button.secondary, .code-editor .buttons a.secondary, .code-editor .buttons a.help, .link-print-queues-modal .btn-cancel { color: #5F6470 !important; border-color: #A2B0B2 !important; background: none; text-decoration: none !important; } input.secondary:hover, .btn.secondary:hover, button.secondary:hover, .link-print-queues-modal .btn-cancel:hover, .code-editor .buttons a.secondary:hover, .code-editor .buttons a.help:hover { color: #A2B0B2 !important; background: none !important; border-color: #A2B0B2 !important; } input[value^="Remove"] { float: none !important; } table.form tr.section input.text, table.form tr.section textarea.text { width: 100%; } .fields input[type="text"], .fields input[type="password"], .fields input[type="email"], .fields textarea, .fields select, .fields .pc-dropdown .ui.search.dropdown, .fields input[type="submit"], .fields button { margin: 0 0 4px !important; } .pc-dropdown .ui.selection.dropdown .menu { min-width: 0 !important; width: calc(100% + 2px) !important; } .item-checkbox-container { margin: 0 0 .6rem !important; } div.printerSelectionList, .groupSelectionList, .jobTypeSelectionList, .valueSelectionList, table.aclList { border: 1px solid #d7dee3 !important; background: #fff !important; margin: .6rem 0; padding: 0.667rem 1rem; width: 100%; } select[disabled], textarea[disabled], button[disabled] { opacity: 0.5; cursor: not-allowed; } fieldset { border: 0; } .ui-button img { display: none; } .link-button:hover, .link-button:focus { text-decoration: none !important;} /* Help link */ :is(#title h1, h2) .help > img { display: inline-block; margin-left: 3px; margin-bottom: 4px; } :is(p, label, .label) .help > img { margin-bottom: 3px; } /* Calendar */ .calendar { background: #fff !important; border-radius: 4px !important; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); border: 0 !important; } .calendarHeader { text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, 0.7); background: #293e50!important; font-size: .8rem; line-height: 1; border: 0 !important; padding: 6px 10px !important; border-radius: 4px 4px 0 0; } .calendarHeader select { height: 25px; font-size: .867rem; padding-right: 2rem; background: url(../images/select-alt.png?20240228140139731) 100% 11px no-repeat; background-size: 20px 5px; width: auto; border: 0 !important; color: #A2B0B2; } .calendarHeader button { padding: .2rem; margin: 0; background: none; border: 0 !important; opacity: .5; } .calendarBody table { width: 100%; font-family: 'Source Sans Pro' !important; font-size: .8rem !important; border: 1px solid #eff0f5 !important; border-right: 0 !important; border-bottom: 0 !important; } .calendarBody table th, .calendarBody table td { border: 0 !important; font-weight: normal !important; border-right: 1px solid #eff0f5 !important; border-bottom: 1px solid #eff0f5 !important; line-height: 1; padding: 6px 0; } .calendarBody table th { color: #bbc1c7; } .calendarBody td { background: #f8fafa; color: #A2B0B2; } .calendarBody td:hover { color: #00ae5b; } .calendarBody table td.today { color: #00ae5b; background: #fff; } .calendarBody table td.current { background: #00ae5b; color: #fff; } .footerTable { text-align: center; width: 100%; } .footerTable button { padding: .4rem .6rem !important; margin: 10px; font-size: .867rem !important; line-height: 1 !important; background: none !important; color: #A2B0B2 !important; border-color: #A2B0B2 !important; } /* Cashier */ #web-cashier-content { padding: 2rem 2rem 0 2rem; max-width: 1410px; } #web-cashier-content .pageContent { margin: 0; } #web-cashier-purchase td, #web-cashier-deposit td { border: 0 !important; padding: 1rem 0 !important; } #web-cashier-purchase td:empty, #web-cashier-deposit td:empty { padding: 0 !important; } table#web-cashier-purchase .label, table#web-cashier-deposit th.label { padding: 0.6em 1rem 0.6rem 0; width: 130px; text-align: left; height: auto !important; vertical-align: middle; display: table-cell; } #instructions { padding: 0; border: 0; } table#web-cashier-purchase td.value div { height: auto !important; margin: 0.4rem 0; } table#web-cashier-purchase td.value input[name="$TextField"] { width: 100% !important; } table#web-cashier-purchase tfoot td { border-top: 1px solid #eff0f5 !important; } table#web-cashier-purchase .web-cashier-purchase-items td { padding: 0.533rem 1rem !important; font-size: 1rem !important; } #web-cashier-content .box-table { width: auto !important; } #web-cashier-purchase td.subtotalColumn .center, table.web-cashier-purchase-items td.total { text-align: left !important; } .ui-autocomplete { border: 1px solid #ccd2d7 !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 0 !important; } .ui-autocomplete .ui-menu-item { border-top: 1px solid #eff0f5; } .ui-autocomplete .ui-menu-item a { background: none !important; border-color: transparent !important; text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-autocomplete .ui-menu-item a:hover { transition: 0s !important; background: #f8fafa !important; color: #000000; } /* Login */ #loginBody { margin: 0; padding: 0; } #loginBody:before { display: none; } #loginBody .wrap { position: absolute; width: 100%; height: 100%; min-height: 700px; background: #00ae5b; background-image: radial-gradient(closest-corner,rgba(0, 28, 85,0) 60%,rgba(0, 28, 85,.5)),linear-gradient(to top left,#1F487E,#00ae5b 100%); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; } #login table { table-layout: auto; } #login img.logo { margin: 25px auto 3rem; } #login td {padding: 6px 0; } #login th {color: #343A40; font-weight: normal; vertical-align: top; padding: calc(.5rem + 6px) 20px .5rem 0; text-align: left; } .login .box { width: 480px; padding: 30px 40px 20px 40px; background-color: #fff; box-shadow: 0 60px 38px rgba(0, 0, 0, .3), 0 30px 12px rgba(0, 0, 0, .22); border-radius: 4px 4px 0px 0px; margin: 0 auto; border: 0; } .login .language-box { width: 480px; padding: 8px; background-color: #edeff1; border-radius: 0px 0px 4px 4px; margin: 0 auto; border: 0; text-align: center; } .login .language-box select { text-align-last: center; text-align: center; } .login .language-box .global { vertical-align: middle; margin-right: 5px; } #login, #logonMessage {padding: 0; text-align: center; background: none; font-size: 1rem; color: inherit; } #logonMessage #stale-heading { margin-bottom: 15px; } title .mf-overlay, .license-info-home {color: #343A40; text-align: left; font-size: 0.8em; padding: 10px; position: absolute; bottom: 0; right: 0; z-index: 0; } .login { z-index: 999; position:relative; } .login input, .login { width: 100% !important; } .login input[type="submit"] { width: 100% !important; padding: .8rem 1rem; font-size: 1rem !important; color: #fff !important; } .login .secondary { width: 100%; padding: .8rem 1rem; font-size: 1rem !important ; } .login input.google {background: url(../images/google.png?20240228140139731) no-repeat 15px center; color: #5F6470 !important;} .login input.google:hover {background: url(../images/google.png?20240228140139731) no-repeat 15px center !important;} .login input.microsoft {background: url(../images/microsoft_azure_logo.svg) no-repeat 15px center; color: #5F6470 !important;} .login input.microsoft:hover {background: url(../images/microsoft_azure_logo.svg) no-repeat 15px center !important;} .loginSubmit { border: 1px solid #1A7A21 !important; background: #1A7A21 !important; } .loginSubmit:hover { background: #62bb46 !important; border-color: #62bb46 !important; } .login .hr { display: flex; align-items: center; margin: 1em 0; } .login .hr::before, .hr::after { content: ''; flex: 1; margin: 0 .25em; border-bottom: 1px solid #8e959e; } #continueLink { margin-top: 2rem; } #logonMessage strong { font-size: 1.134rem; color: #8e959e; font-weight: 400; } .admin-login { position: relative; top: 30px; } #loginBody .pc-shards { position: absolute; bottom: 0; width: 600px; height: 424px; left: -30px; opacity: .2; z-index: 2; display: none; } .license-expiry-home a { color : rgba(255,255,255,.7) } .license-info-home { background-color: #FFFFFF } .license-info-home a { color : #343A40 } .license-expiry-home a:hover { color : rgba(255,255,255,1) } .license-info-home a:hover { color : rgba(255,255,255,1) } #login-bg { position: absolute; width: 100%; height: 100%; min-height: 700px; object-fit: cover; left: 0; top: 0; z-index: 0; } /* Wizard */ #wizardBody { margin: 0; padding: 0; background: #fff; height: 100%; } #wizard { background: #edeff1; width: 100%; min-height: 100%; margin-bottom: -120px; } #wizard:after { content: ''; display: block; height: 120px; } .product-details .copyright { font-size: .875rem; color: #bbc1c7; } #wizard .aside { width: 320px; background: #0f1e2c; padding: 3rem 2rem; color: #8e959e; color: rgba(255,255,255,.8); font-family: 'Source Code Pro'; position: relative; z-index: 2; } #wizard .aside-right { width: 260px; padding: 3rem 0rem 3rem 0rem; position: relative; z-index: 2; } #wizard .rcorners { border-radius: 25px; border: 0.5px solid; padding: 10px; width: 260px; min-height: 100px; } #wizard .messageTable { positon: absolute; padding: 1rem 0.5rem 1rem 0.5rem; margin: 0 auto; } #wizard .aside img.logo { width: 160px; margin: -1rem 0 2rem; } #wizard .aside ol { list-style: none; position: relative; margin: 2rem 0 0 0; } #wizard .aside ol:before { content: ''; width: 2px; height: calc(100% - 20px); background: rgba(255,255,255,.2); position: absolute; left: 10px; top: 10px; } #wizard .aside ol li { margin-bottom: 1rem; padding-left: 30px; position: relative; color: #fff; } #wizard .aside ol li:before { content: ''; width: 18px; height: 18px; left: 0; top: 0; position: absolute; z-index: 1; background: #0f1e2c; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; } #wizard .aside ol li.complete { color: rgba(255,255,255,.5); } #wizard .aside ol li.current { color: #00ae5b; } #wizard .aside ol li.complete:after { content: ''; position: absolute; left: 5px; top: 7px; opacity: .5; z-index: 2; width: 12px; height: 10px; background-image: url(../images/sprite.png?20240228140139731); background-position: -700px -300px; background-size: 1000px 1000px; } #wizard .aside ol li.current:before { border-color: #00ae5b; background: #00ae5b; } #wizard .main { width: calc(100% - 400px); padding: 3rem 4rem 3rem; max-width: 800px; } #wizard .main-with-aside-right { width: calc(100% - 600px); padding: 3rem 1rem 3rem 4rem; max-width: 800px; } #wizard .buttons { border-top: 1px solid #D1D4D6; margin-top: 4rem; padding-top: 1rem;} #wizard h2 { margin-bottom: .3rem; } #wizard .field.inl { color: #3f4246; display: -ms-flexbox; display: flex; display: -webkit-flex; flex-wrap: wrap; } #wizard .field label { display: block; color: #3f4246; } #wizard .field.inl label, #wizard .field.inl span { display: block; margin: 0 0 .2rem; padding-top: 7px; font-weight: bold; width: 230px; padding-right: 20px; } #wizard .field.offset { margin-left: 230px; } #wizard .field.inl span { width: auto; font-weight: normal; } #wizard .field small, #wizard .field .smallText { display: block; font-size: .875rem; color: #8e959e; margin-top: .2rem; } #wizard .buttons input[type=submit] { float: right; } #wizardBody:before { width: 320px; z-index: 1; } .analytics-text { margin: 0 !important; } #wizard input.credit, #wizard input.number { width: 6rem; } #wizard .filter-list-component > .text-input.inputSearch.filter { max-width: 356px; } .privacy-statement { color: #8e959e; } #wizard svg { position: fixed; bottom: 0; width: 350px; height: 247px; left: -30px; opacity: .2; z-index: 2; } .pc-shards polygon { fill: #fff; opacity: .3; } .pc-shards polygon:nth-child(1) { opacity: .9; } .pc-shards polygon:nth-child(2) { opacity: .7; } .pc-shards polygon:nth-child(3) { opacity: .4; } .pc-shards polygon:nth-child(4) { opacity: .1; } .pc-shards polygon:nth-child(5) { opacity: .5; } .pc-shards polygon:nth-child(6) { opacity: .3; } .pc-shards polygon:nth-child(7) { opacity: .5; } .pc-shards polygon:nth-child(8) { opacity: .3; } .pc-shards polygon:nth-child(9) { opacity: .1; } .pc-shards polygon:nth-child(10) { opacity: .2; } .pc-shards polygon:nth-child(11) { opacity: .1; } .pc-shards polygon:nth-child(12) { opacity: .15; } .pc-shards polygon:nth-child(13) { opacity: .3; } /* Tour */ .action img { display: none; } /* Create Device */ #cd-flow { position: relative; width: 440px; height: 440px; transition: all .5s; overflow: hidden; background: #fff; border: 1px solid #D7DEE3; border-radius: 3px; } #cd-flow.manual { height: 189px; } #cd-flow.manual #cd-path-auto, #cd-flow.manual .divider { opacity: 0; visibility: hidden; } #cd-flow .screen { margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; background: #fff; transition: all .3s; opacity: 0; visibility: hidden; } #cd-flow .screen.active { opacity: 1; visibility: visible; } #cd-flow header { background: rgba(237,239,241,.69); margin: -20px -20px 20px -20px; padding: 20px; position: relative; } #cd-flow header h3 { margin: 0; } #cd-flow header img { position: absolute; top: -10px; right: 20px; width: 88px; opacity: .5; } #cd-flow .row { display: flex; margin: 0; } #cd-flow .row .col { margin: 0; flex-grow: 1; } #cd-flow .row .col:first-child { width: 120px; flex-shrink: 0; flex-grow: 0; } #cd-flow .badge { font-size: 11px; background: #FEBB2E; font-weight: normal; top: -2px; margin: 0px; } #cd-flow .badge-link { color: transparent; margin: 0 8px; } #cd-flow .divider { margin: 2.5rem 0 1.5rem; transition: all .3s .5s; opacity: 1; } #cd-flow .divider:before { content: ''; display: block; border-bottom: 1px solid #D7DEE3; } #cd-flow .divider span { background: #fff; border: 1px solid #D7DEE3; width: 34px; height: 34px; text-align: center; margin: -16px auto 0 auto; display: block; text-transform: uppercase; border-radius: 50%; line-height: 34px; font-size: 12px; letter-spacing: .05rem; color: #A2B0B2; } #cd-flow .btn { padding: 0.7rem 1rem; font-size: 1rem !important; } #cd-flow input, #cd-flow button { width: 100%; margin: 0 !important; } #cd-flow h3 { color: #3F4246; font-weight: 600; margin: 0 0 .4rem; } #cd-flow h4 { margin: 0 0 .8rem; } #cd-flow p { margin: 0 0 1rem; } #cd-flow hr { border: 0; margin: 1rem 0; } /* Create Device: Pick Your Poison */ #cd-path .row { transition: all .3s .5s; opacity: 1; } #cd-path-manual img { width: 78px; padding-top: 1rem; } #cd-path-auto img { width: 88px; padding-top: 1rem; } /* Create Device: Automatic Setup */ #cd-auto label { color: #8E959E; } #cd-auto .row { align-items: center; margin-bottom: 1rem; } #cd-auto input[type=submit] { margin-top: 1rem !important; } #cd-auto .advanced-options-btn-row { margin-bottom: 0px; } #cd-auto .advanced-options-btn { width: 100% !important; } #cd-auto .advanced-options-btn label { font-weight: bold; color: #3f4246; } #cd-auto .advanced-options-btn label:hover { cursor: pointer; } #cd-auto .advanced-options-btn label.arrow { transition: transform .2s ease-in-out; vertical-align: middle; } #cd-auto .advanced-options-btn label.arrow.active { transform:rotate(90deg); } #cd-auto #show-icons-option { transition: all 0.5s; overflow: hidden; max-height: 24px; } #cd-auto #show-icons-option.hidden { max-height: 0px !important; transition-delay: 0s; } #cd-auto #show-icons-option.active { display: flex; } #cd-auto .advanced-options-icons { width: 100% !important; } #cd-auto .advanced-options-icons label { font-size: 14px; color: #3f4246; overflow: hidden; white-space: nowrap; } #cd-auto .advanced-options-icons #choose-icons-label { padding-left: 15px; font-weight: bold; width: 153px; text-overflow: ellipsis; } #cd-auto .advanced-options-icons .show-icon-label { width: 50px; text-align: right; } #cd-auto .advanced-options-icons .show-icon-checkbox { display: inline; margin-right: 5px !important; margin-left: 3px !important; width: auto; } /* Create Device: Loading */ #cd-flow .loader { margin: 160px auto 0; text-align: center; color: #8e959e; } #cd-flow .loader .ball {width: 18px; height: 18px; background-color: #bbc1c7; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } #cd-flow .loader .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #cd-flow .loader .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); } 40% {-webkit-transform: scale(1.0); transform: scale(1.0); } } /* Create Device: Success/Error */ #cd-success, #cd-error { display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } #cd-success img { margin-bottom: 1rem; width: 69px; } #cd-error img { margin-bottom: 1rem; width: 68px; } /* Dashboard */ .dashboard #title { background: #dff2f2 url(../images/dashboard.jpg) 0 100% repeat-x; height: 140px; } #gadget-news .box-content { padding: 20px !important; } #gadget-news .dashboard-news { height: 240px !important; } .box-n-title, .header { height: 36px; border-radius: 4px 4px 0 0; font-size: 1.134rem; color: #8e959e; font-weight: 400; background: none !important; padding: 0 !important; } .gadget-3 .box-n-title, .gadget-3 .box-content .header, #gadget-license .box-n-title {background: #293e50 !important; color: #fff; padding: 9px 20px !important; font-size: 0.867rem; text-transform: uppercase; letter-spacing: 0.05rem; margin: 0; font-weight: 600; } #gadget-license .box-n-title { background: #ffba08 !important; } #gadget-license .box-n-titleFF img { display: none; } #gadget-license-info .license-info { margin: 0; } #gadget-license-info Ftd.license-issue-heading { color: #8e959e; font-weight: normal; padding: 0; margin: 0; } #gadget-license-info .license-info .desc { padding: 0; } #gadget-license-info .license-info hr { display: none; } #gadget-license-info .license-info .days-remaining { color: #B3B9BF; } .gadget-3 a { font-weight: normal; } .gadget-3 a:after { content: '➞'; display: inline-block; vertical-align: middle; margin-left: 6px; } .box-content .header .heading { font-size: 0.867rem; fontF-weight: 600; } #gadget-pages-printed-chart { position: relative; width: 100% !important; height: 380px !important; } #gadget-pages-printed-chart.noData.noData { background: none; padding-top: 40.01%; } #gadget-pages-printed-chart.noData.noData > div > div:first-child { font-size: 1.424rem !important; color: #3f4246; font-weight: 400; } #gadget-pages-printed-chart.noData.noData > div > div:last-child { color: #8e959e; font-size: 1rem !important; } #gadget-pages-printed-chart.noData:before { content: ''; background: url(/images/dashboard-pages-chart-sample.png?20240228140139731) 0 0 no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #gadget-pages-printed-chart.noData > div { position: absolute; top: 50%; opacity: 1 !important; left: 50%; transform: translate(-50%, -50%); padding: 0 !important; } .jqplot-xaxis-tick, .jqplot-yaxis-tick { white-space: nowrap; color: #B3B9BF !important; } .header img { display: none; } #gadget-whats-next { height: 230px; position: relative; } #gadget-whats-next .box-content .header .controls { display: block; } #gadget-whats-next .box-content .header .controls .close:after, #gadget-whats-next .box-content .header .controls .close div { display: none; } #gadget-whats-next .box-content .header .controls .close { width: 36px; height: 36px; position: absolute; top: 0; right: 0; background-image: url(../images/sprite.png?20240228140139731); background-position: -885px -385px; opacity: .5; } #gadget-whats-next .box-content .header .controls .close:hover { opacity: 1; } #gadget-whats-next .footer .controls .prev, #gadget-whats-next .footer .controls .next { border: 0 !important; background: #88999C; box-shadow: 0 0 8px rgba(146, 160, 160, 0.8); opacity: .9; border-radius: 50%; padding: 10px; margin: 0; position: absolute; top: 50%; } #gadget-whats-next .footer .controls .ui-button-disabled { display: none; } #gadget-whats-next .footer .controls .prev:hover, #gadget-whats-next .footer .controls .next:hover { box-shadow: 0 0 14px rgba(146, 160, 160, 0.8); opacity: 1; } #gadget-whats-next .footer .controls .prev { left: -17px; } #gadget-whats-next .footer .controls .next { right: -17px; } #gadget-whats-next .footer .controls .prev .ui-icon { background-image: url(../images/sprite.png?20240228140139731); background-position: -794px -497px; background-size: 1000px 1000px; transform: rotate(180deg); margin-top: 0; } #gadget-whats-next .footer .controls .next .ui-icon { background-image: url(../images/sprite.png?20240228140139731); background-position: -794px -497px; background-size: 1000px 1000px; margin-top: 0 } #gadget-whats-next .items .item .title { font-size: 1rem; margin: 0 0 .2rem; line-height: 1.2; color: #3f4246; font-weight: 600; } #gadget-whats-next .scroll-x { width: 100%; position: absolute; background: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); } #gadget-whats-next .items { width: 2940px; } #gadget-whats-next .footer { margin: 0; } #gadget-whats-next .items .item { margin: 0; padding: 1rem 20px 20px 88px; border-right: 1px solid #eff0f5; width: 360px; height: 194px; } #gadget-whats-next .items .item .desc { margin: 0; display: inline; } #gadget-whats-next .items .item .action { margin: 0; display: inline; } #gadget-whats-next .items .item .icon { margin: 6px 0 0 -68px; } .gadget-3 .box-white .box-content, #gadget-license .box-white .box-content {border-radius: 0 0 4px 4px; } .gadget-3 .ui-button .ui-button-text { padding: 0; display: none; } #gadget-printer-status .printer-status-wrapper, #gadget-rt-activity-content {margin: -15px -20px; position: relative; height: 230px; } .printer-status-wrapper { box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.06); } #gadget-rt-activity-content tr {color: #3f4246 !important; } #gadget-rt-activity-content .WARN .text, #gadget-rt-activity-content .ERROR .text { font-weight: bold; } #gadget-rt-activity-content .WARN .text:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; border-left: 3px solid #ffba08; } #gadget-rt-activity-content .ERROR .text:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; border-left: 3px solid #ed145b; } #gadget-rt-activity-content .date, #gadget-rt-activity-content .text {border: 0; } #gadget-rt-activity-content .date, #gadget-environmental-impact .env-impact-stats .since-date {color: #B3B9BF; font-size: .875rem; vertical-align: top; padding-top: 12px; } #gadget-environmental-impact .env-impact-stats .since-date {padding-top: 9px; } #gadget-system-status .system-status .desc {color: #8e959e; } #gadget-printer-status .printer-status-wrapper td, #gadget-rt-activity-content td {padding: 9px 10px; } #gadget-printer-status .printer-status-wrapper td:first-child { padding-left: 20px !important; } #gadget-rt-activity-content td.text { padding-left: 20px !important; position: relative; } #gadget-rt-activity-content { box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.06); border-bottom: 1px solid #E6EEEF; } #gadget-rt-activity-content .longText { height: 1.4rem; } #gadget-printer-status .printer-status-wrapper td:last-child, #gadget-rt-activity-content td:last-child {padding-right: 20px !important; } #gadget-printer-status .printer-status .odd td, #gadget-rt-activity-content .odd td {background: none; } #gadget-printer-status .printer-status .status-error {color: #D72638; } #gadget-rt-controls {margin-left: 0; color: #E6EEEF; font-size: .875rem; padding-top: 30px; } #gadget-rt-controls a {color: #A2B0B2; } #gadget-rt-controls a:hover { color: #88999C; } #gadget-system-status .box-white .box-content, #gadget-environmental-impact .box-white .box-content { padding-top: 5px !important; padding-bottom: 5px !important; } #gadget-system-status .system-status { border-collapse: collapse; margin: 0; } #gadget-system-status .system-status td { border-bottom: 1px solid #eff0f5; padding: .8rem 0; } #gadget-system-status .system-status tr:last-child td { border: 0; } #gadget-system-status .system-status hr { display: none; } #gadget-system-status .system-status .icon { width: 26px; } #gadget-environmental-impact .env-impact-stats li, #gadget-eraser .env-impact-stats li { border-bottom: 1px solid #eff0f5; padding: .8rem 0; color: #8e959e; margin: 0; } #gadget-environmental-impact .env-impact-stats li .value { color: #3F4246; } #gadget-environmental-impact .env-impact-stats .sustainability {text-align: center;} #gadget-environmental-impact .env-impact-stats .sustainability .grows {margin-top:10px;} #gadget-environmental-impact .env-impact-stats li:not(.sustainability) img { margin-right: .2rem; vertical-align: middle; } #gadget-environmental-impact .env-impact-stats li:last-child { border: 0; padding-top: 1rem; } #gadget-printer-status .printer-status .status { color: #3f4246; } #gadget-printer-status .printer-status .printer { font-weight: 600; color: #3f4246; } #gadget-printer-status .printer-status .status img { display: none; } #gadget-printer-status .printer-status .status:before { content: ''; background: #bbc1c7; width: 10px; height: 10px; display: inline-block; margin-right: 10px; vertical-align: middle; background-color: #00ae5b; border-radius: 50%; } #gadget-printer-status .printer-status .status-error:before { background: #ee2063; } #gadget-printer-status .printer-status .status-warn:before { background: #ffba08; } #gadget-environmental-impact .env-impact-stats, #gadget-eraser .env-impact-stats { margin: 0; } /* Graph */ .jqplot-target { color: #B3B9BF !important; } .jqplot-highlighter-tooltip { border: 0 !important; font-size: .8rem !important; background: #293e50 !important; padding: .5rem .8rem !important; border-radius: 3px !important; color: #fff !important; } /* Log */ #content-wrapper .tabList { height: auto; padding-left: 2rem; position: absolute; width: 100%; left: 0; top: 0; background: #fff; font-family: 'Source Sans Pro'; font-size: 1rem; font-weight: normal; } .tabList .tab.active a .content-wrapper { border: 0; } #content-wrapper .tabList a {padding: .8rem 0; color: #88999C; display: block; position: relative;} #content-wrapper .tabList a .nav-flag {left: 100%;} .tabList .tab .content-wrapper .content { padding: 0; } #content-wrapper .tabList li { margin: 0 2rem 0 0; } #content-wrapper .tabList li.active a { box-shadow: inset 0 -3px 0 0 #00ae5b; color: #00ae5b; } #content-wrapper .tabList a:hover { color: #A2B0B2; } .tabList .tab .content-wrapper .content:hover { text-decoration: none; } table.results { background: #fff; border: 0; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); border-radius: 3px; } table.results th, table.results td { border: 0; background: none; padding: 0.533rem 1rem; width: auto !important; border-bottom: 1px solid #F6F7F8 !important; } table.results .iconColumnHeader, table.results .iconColumnValue { width: 46px !important; } table.results .modifiedDateColumnHeader, table.results .logDateColumnHeader, table.results .modifiedDateColumnValue, table.results .logDateColumnValue { width: 140px !important; } table.results .pageCostColumnHeader, table.results .pageCostColumnValue { width: 160px !important; } table.results .userNameColumnHeader, table.results .userNameColumnValue { word-break: break-all; } table.results th { word-break: normal !important; } table.results th, table.results table th, table.results table td { border: 0 !important; } table.results th[class*="ColumnHeader"] td.highlight, table.results tr:first-child { background: none !important; } table.results td .center { text-align: left; margin: 0; } table.results tr td { background: #fff; } table.results tr:last-child td { border-bottom: 0 !important; } table.results tr:last-child td:first-child { border-radius: 0 0 0 4px; } table.results tr:last-child td:last-child { border-radius: 0 0 4px 0; } table tr.odd { background: none; } table tr.odd td { background: #f7f9fa !important;} table.enviroTable tr.odd td { background: none !important; border: 0; } table.results .right { text-align: left; } table.results th {height: auto; text-align: left; height: 0; padding: 8px 1rem; text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, 0.7); background: #293e50; font-size: .8rem; line-height: 1; font-weight: normal; white-space: nowrap !important; } table.results td.thumbnailColumnValue {width: 160px; } table.results .displayNameColumnHeader { width: 45%; } table.results .displayNameColumnValue, .printerDisplayNameColumnValue { word-break: break-all; } span.pagination { display: block; font-size: .875rem; } #job-list-view .ui-state-active {background: none; } .ui-state-default, .ui-state-default:hover { border: 0; } #job-list-view i {margin: 0; opacity: .3; } table.results th:first-child {border-radius: 4px 0 0 0; } table.results th:last-child {border-radius: 0 4px 0 0; } .messageColumnHeader, .messageColumnValue { width: 40% !important; } table.results th table td, table.results th td:first-child, table.results th td:last-child {padding: 0 !important; } table.results th table { float: left; } table.results th a {color: #fff !important; text-decoration: none; } table.results td.thumbnailColumnValue .thumbnail-container {width: 120px; height: 96px; border: 0; background-color: #edeff1 !important; border-radius: 0; overflow: hidden; } table.results td.thumbnailColumnValue .thumbnail-container img {max-width: 100%; display: block; margin: 0 auto !important; padding: 0 !important; } table.results td.thumbnailColumnValue .thumbnail-container a {width: auto; height: auto; } table.results .documentNameColumnValue { font-weight: 600; } table.results .documentNameColumnValue .smallText { color: #3f4246 } table.results .usageDateColumnValue { color: #bbc1c7; } .table-box .table-footer { border-top: 1px solid #E6EEEF; padding: 1rem 10px; } .table-box .table-footer .report-link { margin-bottom: .6rem; } .filter .header h3 a img, .box-content .header .controls {display: none; } .filter-and-view .view-cell { width: auto; } #job-list-view .ui-state-default { margin: 0; padding: .6rem; float: left; border: 0 !important; background: none; } #job-list-view .ui-state-default:last-child { border: 0; } #job-list-view { margin: 0; float: right; } #job-list-view label { width: auto; height: auto; } #job-list-view .ui-checkboxradio-icon { display: none; } .ui-button-text-only .ui-button-text { padding: 0; } .box {background: none; border: 0; } .table-footer { font-size: .875rem; } .pagination a, .table-footer a { color: #A2B0B2; display: inline-block; vertical-align: top; margin: 0 2px !important; } .table-footer img { display: inline-block; vertical-align: top; } .pagination a:hover, .table-footer a:hover { color: #88999C; } .pagination b { color: #00ae5b; display: inline-block; vertical-align: top; margin: 0 2px !important; } table.results tr.error td, table.results tr.warning td { background-color: #fff; border: 0; color: #5F6470; font-weight: normal; position: relative; } .warning .logLevelColumnValue { background: url(../images/icons3/16x16/warning.png?20240228140139731) 15px 50% no-repeat; padding-left: 40px; background-size: 16px 16px; } table.results tr.warning td:first-child:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; border-left: 3px solid #ffba08; } .error .logLevelColumnValue { background: url(../images/icons3/16x16/error.png?20240228140139731) 15px 50% no-repeat; padding-left: 40px; background-size: 16px 16px; } table.results tr.error td:first-child:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; border-left: 3px solid #ed145b; } #auditLogTable { width: 100% !important; } #auditLogTable tr:first-child th { background: #edeff1; color: #8e959e; position: relative; padding-left: 10px; } #auditLogTable tr:first-child th span { display: inline-block; background: #edeff1; padding: 0 5px; position: relative; z-index: 1; } #auditLogTable tr:first-child th:before { content: ''; border-bottom: 1px solid #DBDEE0; position: absolute; top: 50%; left: 20px; right: 20px; z-index: 0; } .attributesColumnValue > div { position: relative; font-size: .867rem !important; } .btn[data-action="queue-link-button"] { margin-top: 1rem; } table.results td.query-unlink { text-align: left; } table.results .entityNameColumnHeader, table.results .entityNameColumnValue { width: 200px !important; } .server-list table.results { border-spacing: 0; } .server-list table.results th { padding: 8px 1rem !important; } #web-print-options .server-list tr:not(.table-header) { background: none !important; outline: none !important; } /* Accounts */ .note { color: #8e959e; font-size: .875rem; position: relative; top: -1.4rem; } /* Printers */ .half-width > .filter-list-component .selectable-list { border: 1px solid #d7dee3; width: 100%; } table.paperSizeList { margin: 0; } table.paperSizeList th, table.paperSizeList td.header, table.paperSizeList td { border-bottom: 1px solid #DBDEE0; padding: 12px 20px !important; } table.paperSizeList th, table.paperSizeList td.header { text-transform: uppercase; letter-spacing: .05em; font-size: .8rem; color: #8e959e; font-weight: normal; line-height: 1; vertical-align: bottom; } table.paperSizeList th div { margin: 0 !important; } .code-editor { border: 0; } .CodeMirror-wrapping div { margin: 0 !important; } .CodeMirror-line-numbers { width: 2em; padding: 0.4em 0.4em 0 0; line-height: 16px; color: #FFF; background: #00ae5b; font-family: 'Source Code Pro', monospace; font-weight: normal; font-size: .875rem; text-align: right; } .code-editor .buttons { padding: 0; border: 0; } .code-editor .buttons a { padding: 0.667rem 1rem; border: 1px solid #00ae5b; text-align: left; background: #00ae5b; border-radius: 3px; margin: 0 10px 0 0; } .code-editor .buttons a.secondary, .code-editor .buttons a.help { float: right; margin: 0 0 0 10px !important; } .code-editor .buttons a:hover { background: #62bb46; border-color: #62bb46; color: #fff; text-decoration: none; } table.statsTable { background: #fff; border: 0; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); border-radius: 0 0 3px 3px; margin: 2rem 0; } table.statsTable td { padding: .5rem 1rem; background: #fff; } table.statsTable th { height: auto; text-align: left; height: 0; padding: .5rem 1rem; text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, 0.7); background: #293e50; font-size: .8rem; border-radius: 3px 3px 0 0; border: 0; line-height: 1; font-weight: normal; white-space: normal !important; } body.release-page { padding-left: 0; } body.release-page:before { display: none; } .chart { padding: 15px 20px !important; background: #fff; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); border-radius: 4px; margin: 0 1rem 1rem 0; display: inline-block; } .filter-list-component .amount-selected { float: none; margin-left: 15px; margin-top: 0; font-size: .867rem; line-height: 36px; display: inline-block; vertical-align: middle; } .filter-list-component .select-all { margin-top: 0; color: #5F6470 !important; border-color: #A2B0B2 !important; background: none; } .filter-list-component .select-all:hover { color: #A2B0B2 !important; } .ReactModal__Overlay { background: rgba(15,30,34,.8) !important; } .ReactModalPortal { z-index: 101 !important; } .link-print-queues-modal .header { padding: .4rem 1rem !important; background: #293e50 !important; font-size: 1rem !important; } .ReactModal__Content { border: 0 !important; background: none !important; } .link-print-queues-modal .content { background: #fff; } .link-print-queues-modal .footer { background: #edeff1; position: relative; top: -1px; } .link-print-queues-modal .btn-cancel { margin-right: 10px; } .tether-element { z-index: 102 !important; } .job-list.thumbnails .job .metadata { width: 236px; max-height: 48px; } .example-scripts .script .buttons .ui-button { padding: 0.534rem 0.767rem !important; font-size: .867rem !important; margin-top: 0; } .job-list.thumbnails .pagination { padding: 0; margin-top: 1rem; } .job-list.thumbnails .pagination .left, .job-list.thumbnails .pagination .right { padding: 0; } .job-list.thumbnails .pagination .current-page { font-size: 1rem; position: static; } .job-list.thumbnails .pagination .glyphicons-icon.chevron-left, .job-list.thumbnails .pagination .glyphicons-icon.chevron-right { vertical-align: middle; height: 10px; line-height: 10px; width: 12px; background-image: url(../images/sprite.png?20240228140139731); background-position: -900px -600px; background-size: 1000px 1000px; } .job-list.thumbnails .pagination .glyphicons-icon.chevron-left { transform: rotate(180deg); } .job-list.thumbnails .pagination .left.disabled, .job-list.thumbnails .pagination .right.disabled, .job-list.thumbnails .pagination .left.disabled:hover, .job-list.thumbnails .pagination .right.disabled:hover { opacity: .5; } #watermarkPositionOption { display: none; } #watermarkPosition { display: none; } .watermark-pos { list-style: none; margin: 0 0 0 1px !important; width: 100%; max-width: 603px; font-size: .867rem; } .watermark-pos li { width: 25%; margin: 0 0 0 -1px; } .watermark-pos a { border: 1px solid #d7dee3; text-align: center; display: block; color: #88999C; position: relative; z-index: 1; } .watermark-pos a:hover { z-index: 2; border-color: #B0B6BA; background: #d7dee3; color: #00ae5b; text-decoration: none; } .watermark-pos li.active a { z-index: 3; border-color: #00ae5b; background: #d7dee3; color: #00ae5b; border-bottom: 1px solid #fff; } .watermark-pos a span { display: block; padding: .6rem 0; background: #fff; } .watermark-pos a:before { content: ''; width: 57px; height: 66px; margin: 10px 0; display: inline-block; background-image: url(../images/watermarks.png?20240228140139731); background-position: 0 0; background-repeat: no-repeat; } .watermark-pos .pos-top a:before { background-position: -100px -100px; } .watermark-pos .pos-bottom a:before { background-position: -200px -200px; } .watermark-pos .pos-custom a:before { background-position: -300px -300px; } .watermark-options { width: calc(100% - 3px); max-width: 600px; position: relative; z-index: 1; margin: -1px 0 0 0 !important; padding: 1rem 0; background: #fff; border: 1px solid #00ae5b; } .watermark-options > .watermark-text { width: 100%; padding: 0 1rem; } .watermark-options > .col { width: 30%; padding: 0 1rem; } .fields .watermark-options div { margin: 0 !important; } .fields .watermark-options div.field { margin: 1rem 0 0 0 !important; } .fields .watermark-options div.field select { width: 100% !important; } .watermark-options > .col.custom { width: 70%; } .watermark-options > .col.custom .col { width: 100%; padding-right: 100px; position: relative; } .watermark-options > .col.custom .col .coord { position: absolute; right: 0; bottom: 0; width: 101px; } .watermark-options > .col.custom .col .coord input { width: 62px !important; } /* Devices */ .popupBG { background: #fff !important; padding: 1rem; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border: 1px solid #eff0f5 !important; color: inherit; } .popupCaptionFont { color: #8e959e; } .popupFG { color: inherit; background: none; } .viewAsForm h3 { font-size: 1rem; } .viewAsForm h3 img { display: none; } .viewAsForm table .left { padding-left: 0 !important; } .viewAsForm .toggle-filter-off img { display: none !important; } form#scan-action-details-form table td { border: 0 !important; border-bottom: 1px solid #D1D4D6 !important; } form#scan-action-details-form table .buttons { border: 0 !important; } .scan-preview-container { background: none !important; box-shadow: none !important; } .scan-btn { border: 1px dotted #D1D4D6 !important; padding: 10px !important; background: none !important; } .printer-details-group-title { display: block; } .scan-action-type { border-radius: 4px; padding: 10px; opacity: 1 !important; margin-right: 10px !important; } .scan-action-type.selected { border: 0 !important; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); background: #fff; } .form-group .form-fields div.indented { margin-left: 30px !important; } .form-group > label { display: block !important; width: auto !important; } .scan-preview { width: auto !important; } .ext-dev-language-selection { width: 40%; } /* Filter */ div.filter { margin: 0; padding: 0; max-width: 420px; color: #8e959e; position: relative; } div.filter .body { background: #f7f9fa; border-radius: 4px; padding: 1rem; margin: 0; width: 420px; position: absolute; top: calc(100% + 10px); left: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); z-index: 2; font-size: .875rem; } div.filter .body:before { position: absolute; content: ''; width: 0.75em; height: 0.75em; background: #fff; transform: rotate(45deg); z-index: 5; top: -5px; left: 1rem; } div.filter .body .header { height: auto; margin: -1rem -1rem 1rem -1rem; padding: .6rem 1rem !important; text-align: center; background: #fff !important; border-bottom: 1px solid #eff0f5; !important; height: 48px; } div.filter .body .header h4 { display: inline-block; line-height: 30px; } div.filter .body .header input[type=submit] { float: right; padding: 0.5rem 0.767rem; line-height: 1; } div.filter .body .header input[type=submit].secondary { float: left !important; padding: 0.5rem 0.767rem; line-height: 1; } div.filter div.scroll { overflow-y: auto; max-height: 460px; overflow-x: hidden; } div.filter table { border-spacing: 0; table-layout: fixed; } div.filter tr { vertical-align: middle !important; } div.filter td { position: relative; padding: 0 0 .6rem; width: auto; } div.filter td.buttons { text-align: right; width: auto; padding: 0; } div.filter input[type='text'], div.filter select, div.filter .pc-dropdown .ui.search.dropdown { width: 100% !important; } div.filter .body input[type='text'], div.filter .body select, div.filter .body .pc-dropdown .ui.search.dropdown { font-size: .875rem; } div.filter td input[name^='min'], div.filter td input[name^='max'] { width: calc(50% - 23px) !important; } div.filter td input[name^='min'] + label, div.filter a[href^='javascript:calendar'] + label, .sep { width: 40px; display: inline-block; text-align: center; } div.filter label.title { display: none; } a[href^='javascript:calendar'] { position: relative; margin-left: -26px; margin-right: 10px; } a[href^='javascript:calendar'] img { width: 16px; } .fieldHistoryDatePickerColumnValue img { content:url("/images/icons3/16x16/calendar.png?20240228140139731"); } input.quickFind { border-radius: 20px; max-width: 100%; background: #fff url(../images/sprite.png?20240228140139731) -585px -390px; background-size: 1000px 1000px; background-repeat: no-repeat; padding-left: 2.5rem !important; } input.quickFind:focus { outline: 0; } div.filter .secondary { float: none !important; } div.filter .quick-find input[type=submit] { padding: 26px 26px 0 0; width: 0 !important; height: 0 !important; float: none !important; left: -42px; top: 4px; border-radius: 20px; background-image: url(../images/sprite.png?20240228140139731); background-position: -789px -491px; background-size: 1000px 1000px; margin: 0 10px; line-height: 32px; overflow: hidden; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.733rem !important } div.filter .quick-find input[type=submit].secondary { margin: 0; opacity: .7; padding: 16px 16px 0 0; top: 5px; border: 0 !important; background-image: url(../images/sprite.png?20240228140139731); background-position: -896px -496px; background-size: 1000px 1000px; } div.filter .quick-find input[type=submit].secondary:hover { background-image: url(../images/sprite.png?20240228140139731) !important; background-position: -896px -496px !important; opacity: 1; } div.filter .quick-find td { text-align: left; padding: 0; vertical-align: top; } div.filter th { padding: 0 .4rem .6rem 0; width: 120px; text-align: left; line-height: 1; font-size: .875rem; white-space: normal; } div.filter .header h3 { display: inline; margin: 0; font-size: 1rem; color: #3f4246; } div.filter select + label { margin-bottom: 4px; display: block; } div.filter a[href^='javascript:calendar'] { margin-right: 10px; } div.filter a[href^='javascript:calendar'] img { width: 16px; } div.filter a[href$="filter.show"] { padding: 16px 0 0 16px; margin: 0 0 0 4px; width: 0; height: 0; background: url(../images/sprite.png?20240228140139731) -400px -800px; background-size: 1000px 1000px; overflow: hidden; position: relative; display: inline-block; vertical-align: top; } div.filter a[href$="filter.clear"] { padding: 16px 0 0 16px; margin: 0 0 0 4px; width: 0; height: 0; background: url(../images/sprite.png?20240228140139731) -400px -900px; background-size: 1000px 1000px; overflow: hidden; position: relative; display: inline-block; vertical-align: top; } div.filter a[href$="filter.hide"] { padding: 16px 0 0 16px; margin: 0 0 0 4px; width: 0; height: 0; background: url(../images/sprite.png?20240228140139731) -300px -800px; background-size: 1000px 1000px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; } div.filter .groupSelectionList, div.filter .valueSelectionList { max-width: 356px; } div.filter div.printerSelectionList { width: 100%; } div.printerSelectionList div, .groupSelectionList div, .valueSelectionList div { margin: 0 0 .6rem !important; } input.inputSearch:focus { border: 1px solid #d7dee3; background: #fff; padding-left: 1rem; } td .ui.search.dropdown>.text { margin: 0 !important; position: absolute !important; top: 0; left: 0; padding: 0.5rem 1rem !important; color: #5F6470; font-family: 'Source Sans Pro'; } td .pc-dropdown .ui.search.selection.dropdown > input.search, td .pc-dropdown .ui.selection.dropdown .menu > .item, td .pc-dropdown .ui.selection.dropdown .menu > .message, .pc-dropdown .pc-error { left: 0; font-family: 'Source Sans Pro'; color: #5F6470; font-size: 1rem !important; padding: 0.5rem 1rem !important; } a.add-subscription-btn:hover { text-decoration: none; } #last-activity-date { display: block; } .quick-find-wrapper, .filter-wrapper { float: left; } .quick-find-wrapper div.filter { max-width: 560px; } div.filter.chart-wrapper { max-width: 100% } div.filter.chart-wrapper .body { width: 100% } div.filter.chart-wrapper .body { position: static; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); margin-bottom: 2rem; } div.filter.chart-wrapper select { width: inherit !important; } div.filter.chart-wrapper .body:before { display: none; } div.filter.large-filter { max-width: 100%; } .filter-wrapper { margin-right: 10px; } .filtered { background: #A2B0B2; color: #fff; padding: 0.534rem 0.767rem; margin: -0.534rem -0.767rem; display: block; } /* Page Actions */ #pageactions { float: none; border: 0; position: absolute; opacity: 0; visibility: hidden; transition: opacity .3s ease-in-out; top: 13px; left: auto; right: 30px; width: 270px; background: none; z-index: 99; font-size: 1rem; user-select: none; } #title #pageactions, #pageactions.active { opacity: 1; visibility: visible; } #pageactions .title-wrapper:before { content: ''; position: absolute; top: 12px; right: 1rem; width: 16px; height: 16px; background: url(../images/sprite.png?20240228140139731) -700px -500px; background-size: 1000px 1000px; } #pageactions img { display: none; } #pageactions ul { opacity: 0; visibility: hidden; transition: opacity .15s ease-in-out, transform .15s ease-in-out; height: 0; background: #fff; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); margin: 0; } #pageactions ul li:first-child a:before {position: absolute; content: ''; width: 0.75em; height: 0.75em; background: #fff; transform: rotate(45deg); z-index: 5; top: -7px; right: 1rem; border: 1px solid #eff0f5; border-bottom: 1px solid transparent; border-right: 1px solid transparent; } #pageactions.active ul { opacity: 1; visibility: visible; height: auto; transform: translateY(20px); } #pageactions .footer { display: none; } #pageactions .title-wrapper {display: inline-block; width: 100%; cursor: pointer; height: auto; padding: 0.667rem 1rem; border: 1px solid #00ae5b; width: 100%; text-align: left; background: #00ae5b; border-radius: 3px; } #pageactions .title-wrapper:hover { border-color: #62bb46; background: #62bb46; } #pageactions ul a:link, #pageactions ul a:visited, #pageactions ul li:last-child a, #pageactions ul li > div { padding: 0.533rem 1rem !important; color: #88999C; border-top: 1px solid #eff0f5; } #pageactions ul li > div input { width: 100% !important; color: inherit !important; font-size: inherit !important; } #pageactions ul li:first-child a { border: 0; } #pageactions a:hover { color: #88999C; background: #f8fafa; } #pageactions ul li:first-child a:hover:before { background: #f8fafa; } #pageactions .title-wrapper .title h2 { cursor: default; font-size: 1rem; color: #fff; font-weight: normal; padding: 0; margin: 0; position: relative; } #pageactions .title-wrapper .title h2 .count { opacity: .7; font-size: .875rem; } #pageactions .title-wrapper .left, #pageactions .title-wrapper .right { display: none; } #pageactions ul a:link[href*="PDF"] { background-image: url(../images/icons3/pdf.png?20240228140139731); background-size: 16px 16px; background-position: calc(100% - 15px) 50%; background-repeat: no-repeat; padding-right: 40px !important; } /* Reports */ .report-list { width: 100%; margin: 0; } .report-list div { margin: 0 !important; } .report-list td { width: 40px; } table.report-list tr.even td, .report-list tr.odd td { background-color: transparent !important; border: 0; } table.form tr.section th.desc { border-right: 0; border-bottom: 1px solid #D1D4D6 !important; padding: 1.4rem 4rem 1.4rem 0; color: #8e959e; } table.form tr.section.run-on th.desc { border-bottom: none !important; } table.form tr.section:first-child th.desc, table.form tr.section:first-child table.form td.fields { padding-top: 0 !important; } table.form td.fields { width: 60%; border-left: 0; border-bottom: 1px solid #D1D4D6 !important; line-height: inherit; padding: 1.4rem 0; } table.form tr.section.run-on td.fields { border-bottom: none !important; padding-bottom: 0; } table.form td.fields td:first-child { padding-right: 6px; } table.form tr.section:last-child th.desc, table.form tr:last-child td.fields { border-bottom: 0 !important; padding-bottom: 0 !important; } .report-list .separator td { border-top: 1px solid #DBDEE0; } .report-list td.report-list-name-cell { width: 60%; padding: .8rem 0; } .report-list td.report-list-options-cell { width: 40%; } .report-title { color: #3f4246; } .sample-report { padding: 0; } .report-list td.report-period { width: 180px; padding: 0; } .report-list td.report-type { text-align: center; } .fields div:not(.option), .fields p { margin: 1rem 0 .4rem 0;} table.results td.recipientsLocationColumnValue { word-break: break-all; } #new-schedule td[colspan="2"], #form_report_params td[colspan="2"] { padding: 0 0 1rem !important; border-bottom: 1px solid #DBDEE0; } #form_report_params tr:last-child td[colspan="2"] { border: 0; } #new-schedule .fields td, #form_report_params .fields td { padding: 1rem 0 0 0; } #new-schedule .footer td[colspan="2"], #form_report_params .footer td[colspan="2"] { border: 0; } #emailRecipients { margin-bottom: 1rem; } /* Options */ table.form tr.section td input { margin: 0; } .fields div.label, table.form .label, .fields label { font-weight: bold; margin: 0 6px 4px 0 !important; color: #3f4246; } .fields label { display: inline-block; font-weight: normal; margin: 0 !important; } .notification-settings .notification-toggle { padding-left: 0 !important; } input[maxlength="4"], input.number { width: 80px !important; } .fields select { width: auto !important; display: inline-block; vertical-align: middle; max-width: 528px; } .fields .report-period select { width: 100% !important; margin: 0 !important; } .server-list .server div { margin: 0; color: #3f4246; } div.status-area { width: auto; padding: 1rem; font-family: 'Source Code Pro' !important; font-size: .875rem !important; background: #0f1e2c; color: #fff; border: 0; } div.status-area .label, .server-list td.server .web-print-warning { color: #8e959e !important; } div.status-area ul, div.status-area ol { margin-left: 1.4rem; } table.form tr.section td input[type=checkbox], table.form tr.section td input[type=radio] { margin: 0 4px 4px 0 !important; } table.form td.fields .option .option { margin-left: 2em; } .report-link a { margin-right: 10px; } table.form tr.footer td { padding: 1rem 0 1rem 40%; } table.form tr.section td input, table.form tr.section td textarea, table.form td .indented { margin: 0; } table.form tr.section input.credit, table.form tr.section input.number { width: 6rem; } div[style^="padding-left: 15px"], p[style^="padding-left: 15px"] { padding-left: 24px !important; } div.fieldHistoryRightPad { width: 100%; padding-top: 9px; } div[id^=options] { margin-top: 1rem; margin-bottom: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #DBDEE0; } .titled-group .title { border: 0; } #gcp-setup-steps .step-group { box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); background: #fff; border-radius: 0 0 4px 4px; } #gcp-setup-steps .substeps { margin: 0; } #gcp-setup-steps .step { background: #00ae5b; border: 0; color: #fff; font-weight: normal; margin-bottom: 0; border-radius: 4px; padding: 1rem 1.4rem; } #gcp-setup-steps .next .step { border-radius: 4px 4px 0 0; } #gcp-setup-steps .step-group.next .step .check { background: url(../images/icons3/24x24/check.png?20240228140139731) 0 0 no-repeat; width: 24px; height: 24px; background-size: 24px 24px; } #gcp-setup-steps .step .check { background: url(../images/icons3/24x24/circle.png?20240228140139731) 0 0 no-repeat; width: 24px; height: 24px; background-size: 24px 24px; } #gcp-setup-steps .substep { border: 0; margin: 0; border-bottom: 1px solid #eff0f5; padding: 1rem 1.4rem; background: none; } #gcp-setup-steps .substep:last-child { border: 0; } #gcp-setup-steps .step div, #gcp-setup-steps .substep div { margin: 0; } .titled-group { border: 0; } .inset-container { background: none !important; box-shadow: none !important; } .notification-recipients th { background: #293e50 !important; color: #fff; } .notification-recipients th:first-child { border-radius: 4px 0 0 0; } .notification-recipients th:last-child { border-radius: 0 4px 0 0; } .notification-recipients td { border-bottom: 1px solid #eff0f5 !important; } .notification-recipients { background: #fff !important; border-radius: 0 0 4px 4px; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2) !important; } .code-area { width: 100%; padding: 1rem; font-family: 'Source Code Pro'; font-size: .875rem; background: #0f1e2c; color: #fff; border: 0; } table.admin-rights td { text-align: left !important; } .add-new { padding-top: 2rem !important; } .notification-recipients td { vertical-align: middle !important; } #custom-fields td:first-child { padding-right: 6px; } .server-list-title { background: none !important; padding: 0 !important; } .server-list { background: none !important; } .toner-level-box { height: auto; width: auto; float: none; border: 0; padding: 0 40px 0 80px; position: relative; max-width: 400px; } .progress { background: #fff; overflow: hidden; width: 100%; height: 12px; border-radius: 10px; margin: 7px 0 0 0; position: relative; z-index: 1; } .progress span { width: 94%; background: #3f4246; position: absolute; top: 0; left: 0; height: 100%; } .progress span.cyan { background: #00A0C6; } .progress span.lightCyan { background: #E0FFFF; } .progress span.magenta { background: #DE0184; } .progress span.lightMagenta { background: #F466CC; } .progress span.erasable-blue { background: repeating-linear-gradient(45deg, #5555FF, #5555FF 10px, #8888FF 10px, #8888FF 20px); } .progress span.yellow { background: #FDDF05; } .progress span.lightGray { background: #D3D3D3; } .progress span.red { background: #FF0000; } .progress span.green { background: #00FF00; } .progress span.blue { background: #0000FF; } .progress span.black { background: #000000; } .progress span.photoBlack { background: #000000; } .progress span.matteBlack { background: #000000; } .toner-level-color-label, .toner-level-text { position: absolute; top: 0; left: 0; font-size: .8rem; line-height: 1; color: #8e959e; } .toner-level-text { left: auto; right: 0; } .toner-warn-icon16 { position: absolute; top: 0; left: auto; right: 0; width: 16px; height: 16px; } .server-list td.status img { padding-top: 0 !important; } .notification-recipients th small { color: rgba(255,255,255,.7) !important; } .fileUpload { position: relative; overflow: hidden; vertical-align: top !important; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 5px; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } /* Footer */ #footer {padding: 2rem 40px; font-size: .875rem; border-top: 0; color: #bbc1c7; background: #fff; min-width: 940px; } #footer .product-details { position: relative; min-height: 41px; } #footer .logo { margin-bottom: 0; } #footer .copyright {margin-top: 0; font-size: 0.9rem; color: #bbc1c7; } #footer .licensed-to {top: 0; right: 0; padding: 0; } #footer a:link {color: #00ae5b; } /* Wizard Footer */ #wizardFooter {padding: 2rem 4rem 2rem calc(20px + 3rem); font-size: .875rem; border-top: 0; color: #bbc1c7; background: #fff; text-align: left; margin-left: 300px} #wizardFooter .product-details { position: relative; min-height: 41px; } #wizardFooter .logo { margin-bottom: 0; } #wizardFooter .copyright {margin-top: 0; font-size: 0.9rem; color: #bbc1c7; } #wizardFooter .licensed-to {top: 0; right: 0; padding: 0; } #wizardFooter a:link {color: #00ae5b; } /* Queries */ @media screen and (max-width: 1431px) { #footer .licensed-to { position: static; } #footer .copyright { position: absolute; left: 0px; } #wizardFooter .licensed-to { position: static; } .admin-login { display: none; } .mobility-print a .row.server-info span:last-child { margin-left: auto; padding-right: 1.4rem; } } @media screen and (min-width: 1431px) { #pageactions { left: auto; top: 30px; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); } #pageactions.offset { top: 70px; } #pageactions .title-wrapper { border-radius: 3px 3px 0 0; background: #00ae5b; border-color: #00ae5b; } #pageactions .title-wrapper:hover { cursor: auto; background: #00ae5b; border-color: #00ae5b; } #pageactions .title-wrapper:before, #pageactions ul li:first-child a:before { display: none; } #pageactions ul { opacity: 1; visibility: visible; height: auto; border-radius: 0 0 3px 3px; border-top: 0; box-shadow: none; transform: translateY(0px) !important; } } @media screen and (min-width: 1970px) { #pageactions { left: 1470px; } #pageactions.is_stuck { left: 1670px; } } /* Retina */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #mainnav .tabList a:link:before, #pageactions .title-wrapper:before, div.filter a[href$="filter.show"], div.filter a[href$="filter.clear"], div.filter a[href$="filter.hide"], input[type=checkbox]:checked:after, input[type=radio]:checked:after, #header #info .info-content > span.user:after, input.quickFind, #header #info .info-content > span.help, div.filter .quick-find input[type=submit], div.filter .quick-find input[type=submit].secondary, #gadget-whats-next .footer .controls .prev .ui-icon, #gadget-whats-next .footer .controls .next .ui-icon, #crumb span:after, #crumb a:after, .job-list.thumbnails .pagination .glyphicons-icon.chevron-left, .job-list.thumbnails .pagination .glyphicons-icon.chevron-right { background-image: url('../images/sprite@2x.png?20240228140139731'); } .calendarHeader select { background-image: url('../images/select-alt@2x.png?20240228140139731'); } select, .pc-dropdown .ui.search.dropdown { background-image: url('../images/select@2x.png?20240228140139731'); } .login input.google { background-image: url(../images/google@2x.png?20240228140139731) !important; background-size: 23px 24px; } .login input.google:hover {background-image: url(../images/google@2x.png?20240228140139731) !important; background-size: 23px 24px !important; } }