/* Defaults */

/* source-sans-pro-200 - latin */
@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-v9-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/source-sans-pro-v9-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
    url('./fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/source-sans-pro-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
    url('./fonts/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/source-sans-pro-v9-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin */
@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-v9-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/source-sans-pro-v9-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'),
    url('./fonts/source-sans-pro-v9-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/source-sans-pro-v9-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-code-pro-regular - latin */
@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-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/source-code-pro-v6-latin-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; }
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: 20px; position: absolute; top: 0; display: flex; align-items: center;  }
#header #logo img, #header #logo2 img { width: auto; 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?20170424165354627) -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?20170424165354627) -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?20170424165354627) -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: .875rem; 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?20170424165354627); }
.warnMessage:before { background-color: #ffba08; background-image: url(../images/icons3/24x24/warning.png?20170424165354627); }
.infoMessage:before { background-color: #a6ce39; background-image: url(../images/icons3/24x24/check.png?20170424165354627); }
.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; }
.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: 101; }
#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?20170424165354627) -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; }
#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?20170424165354627); 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$="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$="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.ui-state-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 { 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; padding: 20px; 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: 480px; margin: -200px 0 0 -240px; max-width: none; font-size: 1rem; color: #5F6470; padding: 2rem; }
.poi-info.intro .icon { width: 76px; height: 111px; display: inline-block; background: url(../images/lighthouse.png?20170424165354627) 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 0; }
.poi-info header .close { cursor: pointer; background: url(../images/sprite.png?20170424165354627) -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; }
#mainnav .poi { position: absolute; top: 10px; right: 10px; }
#pageactions .poi { position: absolute; top: 0; left: -10px; }
.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; }

/* 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?20170424165354627"); 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?20170424165354627"); 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?20170424165354627) 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: 0; border-color: #B0B6BA !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: 0; border-color: #B0B6BA !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 { 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 !important; 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 !important; 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 { 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=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?20170424165354627) -697px -296px; border-color: #00ae5b; background-size: 1000px 1000px; }
input[type=radio]:checked:after { background: #00ae5b url(../images/sprite.png?20170424165354627) -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: #88999C !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, 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; }

/* 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?20170424165354627) 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; }
.ui-autocomplete .ui-menu-item a:hover { transition: 0s !important; background: #f8fafa !important; }

/* 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: 0 auto 1.4rem; width: auto; height: auto; }
#login td {padding: 6px 0; }
#login th {color: #8e959e; font-weight: normal; vertical-align: top; padding: calc(.5rem + 6px) 20px .5rem 0; text-align: left; }
.login .box { width: 480px; padding: 30px 40px; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(34,36,38,.2); border-radius: 4px; margin: 0 auto; border: 0; }
#login, #logonMessage {padding: 0; text-align: center; background: none; font-size: 1rem; color: inherit; }
title .mf-overlay, .license-info-home {color: rgba(255,255,255,0.7); text-align: left; font-size: 0.8em; padding: 10px; position: absolute; bottom: 0; right: 0; z-index: 0; }
.login input, .login select { width: 100% !important; }
.login input[type="submit"] { width: 100% !important; padding: .8rem 1rem; font-size: 1rem !important; border: 1px solid #00ae5b !important; background: #00ae5b !important; color: #fff !important; }
.login input[type="submit"]:hover { background: #62bb46 !important; border-color: #62bb46 !important; }
#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; }


/* 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; }
#wizardFooter { height: 120px; position: relative; z-index: 0; font-size: .875rem; background: #fff; border-top: 0; color: #bbc1c7; padding: 2rem 0 2rem calc(320px + 3rem); width: auto; text-align: left;  }
#wizardFooter a:link { color: #00ae5b; }
.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 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?20170424165354627); 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 .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: 200px; padding-right: 20px; }
#wizard .field.offset { margin-left: 200px; }
#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 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; }

/* 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?20170424165354627) 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; overflow: hidden; }
#gadget-whats-next .footer .controls .prev, #gadget-whats-next .footer .controls .next { border: 0 !important; background: none; padding: 0; margin: 0; }
#gadget-whats-next .footer .controls .prev .ui-icon { background-image: url(../images/sprite.png?20170424165354627); background-position: -794px -497px; background-size: 1000px 1000px; transform: rotate(180deg); }
#gadget-whats-next .footer .controls .next .ui-icon { background-image: url(../images/sprite.png?20170424165354627); background-position: -794px -497px; background-size: 1000px 1000px; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: static; margin: 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 { position: absolute; right: 20px; width: 40px; top: 10px; 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:not(:last-child) .value { color: #3f4246; }
#gadget-environmental-impact .env-impact-stats li 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; }
.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: none; font-size: .875rem; }
#job-list-view .ui-state-active {background: none; }
.ui-state-default { border: 0; }
#job-list-view i {margin: 0; opacity: .3; }
.table-footer span.pagination, .config-editor span.pagination, .printer-details span.pagination, .scheduled-reports span.pagination { display:block; }
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; }
.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?20170424165354627) 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?20170424165354627) 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: #A2B0B2 !important; border-color: #A2B0B2 !important; background: none; }
.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?20170424165354627); 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; }

/* 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; }

 /* Filter */
div.filter { margin: 0; padding: 0; margin: 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 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% - 22px) !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?20170424165354627"); }
input.quickFind { border-radius: 20px; max-width: 440px; background: #fff url(../images/sprite.png?20170424165354627) -585px -390px; background-size: 1000px 1000px; 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?20170424165354627); 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?20170424165354627); background-position: -896px -496px; background-size: 1000px 1000px; }
div.filter .quick-find input[type=submit].secondary:hover { background-image: url(../images/sprite.png?20170424165354627) !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?20170424165354627) -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?20170424165354627) -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?20170424165354627) -300px -800px; background-size: 1000px 1000px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; }
div.filter div.printerSelectionList, div.filter .groupSelectionList { max-width: 356px; }
div.printerSelectionList div, .groupSelectionList 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 .body { position: static; box-shadow: 0 1px 1px rgba(146, 160, 160, 0.2); margin-bottom: 2rem; }
div.filter.chart-wrapper .body:before { display: none; }
.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?20170424165354627) -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?20170424165354627); 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: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; padding: 0; line-height: inherit; padding: 1.4rem 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?20170424165354627) 0 0 no-repeat; width: 24px; height: 24px; background-size: 24px 24px; }
#gcp-setup-steps .step .check { background: url(../images/icons3/24x24/circle.png?20170424165354627) 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 55px; 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.magenta { background: #DE0184; }
.progress span.yellow { background: #FDDF05; }
.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; }
.server-list td.status img { padding-top: 0 !important; }
.notification-recipients th small { color: rgba(255,255,255,.7) !important; }

/* Footer */
#footer {padding: 2rem 40px; font-size: .875rem; border-top: 0; color: #bbc1c7; background: #fff; min-width: 940px; }
#footer .product-details { position: relative; }
#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; }

/* Queries */
@media screen and (max-width: 1431px) {
    #footer .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?20170424165354627'); }
    .calendarHeader select { background-image: url('../images/select-alt@2x.png?20170424165354627'); }
    select, .pc-dropdown .ui.search.dropdown { background-image: url('../images/select@2x.png?20170424165354627'); }
}
