@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(../fonts/roboto-thin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/roboto-light.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family: roboto, Verdana, sans-serif;
letter-spacing: 1px;
font-size:75%;
overflow:auto;
-moz-user-select: none;
-webkit-user-select:none;
user-select:none;
}
.k-block, .k-widget, .k-inline-block, .k-textbox > input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button, .k-draghandle {
font-size:inherit;
}
a:visited{
color:#000;
}
a{
color:#000;
text-decoration: none;
}
a img{
border:0;
}
/* #### GENERAL #### */
input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 6px;
}
input:not(.k-state-disabled):hover, .k-textbox:not(.k-state-disabled):hover, .k-dropdown-wrap:hover, .k-dropdown-wrap.k-state-default.k-state-hover, input .k-checkbox:not(.k-state-disabled):hover{
border-color: rgb(132, 192, 201) rgb(145, 186, 225);
}
input:not(.k-state-disabled):focus, input:not(.k-state-disabled):active, .k-dropdown-wrap:not(.k-state-disabled):active, .k-dropdown-wrap.k-state-default.k-state-focused, input .k-checkbox:not(.k-state-disabled):active{
box-shadow: 0px 0px 5px 0px rgba( 35, 185, 205, 0.4);
border-color: rgb(38, 165, 187) rgb(40, 184, 206);
}
ul, li {
list-style: none;
padding:0;
}
.pm-link, .underline {
text-decoration: underline;
}
/* #### UI: Font #### */
.ui-widget, .ui-widget button {
font-family: Roboto, Verdana;
}
/* #### UI: Buttons #### */
.pm-textbox{
border-width: 1px;
border-style: solid;
padding: 2px 0.3em;
line-height: 26px;
height: 20px;
}
.k-button{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
/* #### UI: Checkbox #### */
input[type=checkbox].pm-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].pm-checkbox + label.pm-checkbox-label {
padding-left:23px;
height:19px;
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:12px;
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].pm-checkbox:checked + label.pm-checkbox-label {
background-position: 0 -18px;
}
label.pm-checkbox-label {
background-image:url('../images/ui/context/icons/checkbox.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* #### UI: Dropdowns #### */
span:not(.k-dropdown-operator) > .k-dropdown-wrap.k-state-default.k-state-focused, span:not(.k-dropdown-operator) > .k-dropdown-wrap.k-state-default.k-state-hover {
background-image:none;
background-color: #ffffff;
color: #333;
}
.k-dropdown-wrap > .k-input:hover, .k-dropdown-wrap > .k-select:hover, .k-dropdown-wrap.k-state-default.k-state-hover>span{
color: #333;
}
.k-dropdown-wrap > .k-select > .k-i-arrow-s:hover, .k-dropdown-wrap > .k-select > .k-i-arrow-s {
background-position: 0 -32px;
color: #333;
}
.k-dropdown-wrap {
background-image: none;
background-color: #ffffff;
}
[data-role="popup"] {
background-color: #fff !important;
border-color: rgb(38, 165, 187) rgb(40, 184, 206);
box-shadow: 0px 0px 5px 0px rgba( 35, 185, 205, 0.4);
}
.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow:none;
}
.k-widget .k-dropdown {
box-shadow:none;
background-color: transparent;
background-image:none;
}
/* **** Custom filter **** */
.k-header-filter {
border-style: solid;
border-width: 0 0 1px 1px;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
border-bottom:0;
}
.k-header-filter-custom-filter {
padding:2px 5px 2px 5px;
}
.k-filtercell > span > .k-header {
padding:0 0px 0 0px;
border-width: 0;
}
.k-filtercell > span > button {
position:absolute;
right:0;
top:0;
width: 24px;
height: 22px;
display: block;
cursor: pointer;
}
.k-filter-row th {
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
overflow: hidden;
border-style: solid;
border-width: 0px 0px 1px 1px;
padding: 2px 2px;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}
.k-filter-row .k-dropdown-operator {
width: 24px;
height: 22px;
position: absolute;
top: 1px;
right:26px;
display: block;
cursor: pointer;
}
.k-filter-row .k-dropdown-operator .k-dropdown-wrap {
max-height:20px !important;
}
.k-state-hover, .k-state-hover:hover, .k-pager-numbers .k-link:hover, .k-pager-wrap .k-link:hover, .k-button:hover, .k-state-focused, .k-other-month.k-state-hover .k-link, .k-button:focus, .k-picker-wrap.k-state-default.k-state-focused, .k-state-selected.k-state-focused.xk-state-hover, .k-state-hover, select option:hover, .DashboardLink:hover, .k-numeric-wrap.k-state-default.k-state-focused, .k-numeric-wrap:focus, select option:focus, .k-splitbar:hover, #PrinterDetailViewInputs > .k-tabstrip-items > li:hover, .ui-widget-header .ui-state-default:hover, .k-dropdown-wrap.k-state-default.k-state-focused, .k-panelbar > .k-item > .k-state-focused, .k-draghandle:hover {
background-color: transparent;
background-image: none, linear-gradient(to bottom, rgb(38, 165, 187) 0px, rgb(40, 184, 206) 100%);
box-shadow:0 0 1px 0 rgb(40, 184, 206);
}
.k-filter-row .k-dropdown-operator .k-dropdown-wrap .k-select {
top: -1px;
}
.k-filtercell > span > .k-autocomplete, .k-filtercell > span > .k-datepicker, .k-filtercell > span > .k-numerictextbox, .k-filtercell[data-field="Manufacturer"] > span > .k-dropdown, .k-filtercell[data-field="TrapLastRegistrationResult"] > span > .k-dropdown, .k-filtercell[data-field="TrapFilterDescription"] > span > .k-dropdown {
width: 100%;
border-radius:4px;
}
.k-filtercell > span > .k-autocomplete:not(:hover):not(.k-state-focused) {
background-image: none;
background-color:transparent;
box-shadow:none;
-moz-box-shadow: none;
}
.k-autocomplete.k-state-focused {
box-shadow:0 0 3px 0 rgb(40, 184, 206);
}
#PrintersGridManufacturerFilterDropdown-list {
width: 150px !important;;
}
#TrapLastRegistrationResultFilterDropdown-list {
width: 250px !important;;
}
.k-filtercell[data-field="Manufacturer"] > span > .k-dropdown .k-dropdown-wrap .k-input,
.k-filtercell[data-field="TrapLastRegistrationResult"] > span > .k-dropdown .k-dropdown-wrap .k-input,
.k-filtercell[data-field="TrapFilterDescription"] > span > .k-dropdown .k-dropdown-wrap .k-input {
height: 16px
}
.k-filtercell > span {
padding: 1px 52px 0px 1px;
display: block;
width: auto;
position: relative;
}
.k-filtercell > .k-operator-hidden {
padding: 0 27px 0 1px;
}
.k-filtercell[data-field="Sent"] > .k-operator-hidden, .k-filtercell[data-field="TrapIsRegistered"] > .k-operator-hidden, .k-filtercell[data-field="PrinterCount"] > .k-operator-hidden, {
text-align: center;
padding: 1px 20px 0 1px;
}
.k-filter-row > th > span.k-filtercell > span > span.k-widget .k-numerictextbox > span.k-numeric-wrap .k-state-default > span.k-select > span
{
height:10px;
}
div.k-animation-container > div.k-list-container {
min-width:150px !important;
white-space: nowrap;
}
div.k-animation-container > div.k-list-container > ul {
overflow-x: hidden;
}
.k-filtercell > span > span > .k-picker-wrap > .k-input, .k-filtercell > span > .k-numerictextbox > .k-numeric-wrap > .k-input {
height:16px;
line-height:16px;
}
.k-filtercell > span > .k-numerictextbox > .k-numeric-wrap > .k-select > .k-link {
height: 9px;
padding: 0px 3px 1px;
}
.pm-textbox-custom-filter, .k-header > .k-input:not(#SearchBox), .k-header > .k-dropdown{
border: 1px solid;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
padding:0 3px 0 3px;
/*border-color: #c5c5c5;*/
background-image: url('textures/highlight.png');
background-position: 50% 50%;
}
.pm-textbox-custom-filter:hover {
border-color: rgb(132, 192, 201) rgb(145, 186, 225);
background-image: url('textures/highlight.png');
}
.pm-textbox-custom-filter>input {
border-color: #c5c5c5;
background: 0;
}
.pm-textbox-custom-filter, input.pm-textbox-custom-filter, input.pm-textbox-custom-filter:hover, .pm-textbox-custom-filter>input {
background-color: #fff;
color: #2e2e2e
}
.k-state-focused, .k-button:focus, .k-state-selected, .k-state-selected:link, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-grouping-header, #PrinterDetailViewInputs > .k-tabstrip-items > li:hover, .ui-dialog-buttonpane button:hover, .k-slider-selection{
color: rgb(255, 255, 255);
background-color: rgb(40, 184, 206);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: none, linear-gradient(to bottom, rgb(38, 165, 187) 0px, rgb(40, 184, 206) 100%);
}
/*.k-link:hover:not(.k-state-disabled) > .k-i-arrow-s{*/
/*background-position: 0px -32px;*/
/*}*/
/*.k-link:hover:not(.k-state-disabled) > .k-i-arrow-n{*/
/*background-position: 0px 0px;*/
/*}*/
.SettingsDiv > table > tbody > tr > td > div > span.k-widget.k-numerictextbox, .SettingsDiv > div > table > tbody > tr > td > table > tbody > tr > td > div > span.k-widget.k-numerictextbox{
width:75px;
}
.k-autocomplete.k-state-focused{
border-color: rgb(38, 165, 187) rgb(40, 184, 206);
}
li.k-state-active, li.k-state-active:hover{
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.k-group-indicator .k-link, .k-group-indicator .k-button{
color:rgb(255, 255, 255);
}
.k-group-indicator .k-group-delete {
background-position: -48px -16px;
}
.k-group-indicator .k-si-arrow-n {
background-position: -16px -129px;
}
.k-grid table{
border-collapse: collapse;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.k-grid table tr {
outline: none;
}
.k-grid .k-button {
margin: 1px 1px;
}
.k-highlight {
background-color: #FFFBCC;
}
#discover_grid, #printers_grid {
box-shadow:none;
border:none;
}
#printers_grid td{
line-height: 32px;
}
#DiscoveryDiscoveryGridButtons {
display:none;
}
.k-grid-toolbar:first-child, div.k-pager-wrap.k-grid-pager.k-widget {
background:none;
box-shadow:none;
}
#PrintersGrid {
height:100%;
}
#TrapSettingsGrid{
font-size:11px;
}
#TrapSettingsGrid .k-button.k-grid-save-changes, #TrapSettingsGrid .k-button.k-grid-cancel-changes {
float: right;
}
/* ICONS */
.pm-button-container {
display: flex;
align-items: center;
}
.pm-icon {
font-size: 16px;
}
.pm-icon.h24 {
font-size: 24px;
}
.pm-icon::before {
margin-left:0;
}
.pm-icon-login::before {
margin-right:0;
}
.k-refresh, .k-i-refresh{
background-image: url("../images/ui/icons/refresh_16_16.png");
border-color: transparent;
}
.k-i-refresh{
background-position: 0;
}
.k-pager-wrap .k-pager-refresh:hover{
background-color: transparent;
background-image: url("../images/ui/icons/refresh_16_16.png");
background-repeat: no-repeat;
background-position: 0 3px;
box-shadow:none;
}
.k-egkf-cancel, .k-cancel, .k-button:hover .k-cancel{
background-image: url("../images/ui/buttons/bt_cancel.png");
border-color: transparent;
background-position:0;
}
.k-egkf-save, .k-update, .k-button:hover .k-update{
background-image: url("../images/ui/buttons/bt_save.png");
border-color: transparent;
background-position:0;
}
.k-egkf-reorder{
background-image: url("../images/ui/buttons/bt_reorder.png");
border-color: transparent;
}
.pm-icon-close-small{
font-size: 13px;
border-color: transparent;
}
.k-egkf-rename {
background-image: url("../images/ui/buttons/bt_rename.png");
border-color: transparent;
}
.k-egkf-bt_printer{
background-image: url("../images/ui/buttons/bt_printer.png");
border-color: transparent;
}
.k-egkf-bt_paging{
background-image: url("../images/ui/buttons/bt_paging.png");
border-color: transparent;
}
.k-egkf-bt_ignore{
background-image: url("../images/ui/buttons/bt_ignore.png");
border-color: transparent;
}
.k-egkf-vpn-connect{
background-image: url("../images/ui/buttons/bt_vpn_connect.png");
border-color: transparent;
}
.k-egkf-vpn-disconnect{
background-image: url("../images/ui/buttons/bt_vpn_disconnect.png");
border-color: transparent;
}
.k-egkf-fwupdate{
background-image: url("../images/ui/buttons/bt_vpn_disconnect.png");
border-color: transparent;
}
.k-header-filter:first-child{
border-left-width: 0;
}
/* SITE */
.k-grid .k-header, .k-grid .k-filter-row, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-draghandle, .k-autocomplete, .k-state-highlight {
background-image: url(textures/highlight.png);
background-image: none, -moz-linear-gradient(top, #fff 0, #e6e6e6 100%);
background-image: none, -o-linear-gradient(top, #fff 0, #e6e6e6 100%);
}
.k-filter-row th, .k-grid-header th.k-header {
border-style: solid;
border-width: 0 0 1px 1px;
border-color: #e6e6e6;
}
.k-virtual-scrollable-wrap, .k-grid-content {
outline: none;
}
#DivTaskmanager {
background-color: #FFFFFF;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
#header{
height: 126px;
margin: auto;
}
#header, #content_line {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#header.active, #content_line.active {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#header.inactive, #content_line.inactive {
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
#logo {
float: left;
}
#menu {
display:inline;
padding-top:50px;
float:right;
width:700px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
#customer_info {
float: right;
width: 402px;
text-align: right;
padding-top: 5px;
padding-right:30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#customer_listbox {
min-width: 150px !important;
}
#customer-list, #customer-list div.k-list-scroller {
width: 200px !important;
}
#customer-list ul li {
overflow: hidden;
text-overflow: ellipsis;
}
#logo_TITool {
display:inline;
margin:0 5px 5px 5px;
float: right;
padding-top: 20px;
}
#logo_partner{
position:absolute;
left:-400px;
top:0;
}
#logo_partner_table{
height:150px !important;
width:100%;
vertical-align: middle
}
#headline {
min-width: 1196px;
margin-left:219px;
height:70px;
background-image: url('../images/logo_line.png');
background-repeat:repeat-x;
margin-top: -1px;
}
#head_left {
width:100%;
padding-top:35px;
position:absolute;
float:left;
}
#head_right {
vertical-align : bottom;
float: right;
}
#content_line {
/* min-width: 960px;*/
min-width: 1415px;
height:1px;
background-color:lightgray;
}
#content_line.active {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#content_line.inactive {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
#content {
min-height:400px;
padding:0px 5px 0px 5px;
}
#modul {
padding: 0px 5px 30px 5px;
}
#TaskToggle{
position: absolute;
right: 0;
}
.clear {
clear: both;
line-height: 0;
font-size: 0;
height: 0;
}
#MainMenu{
background: transparent;
border:0;
box-shadow: none;
float: right;
padding-right: 15px;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
#MainMenu span, #MainMenu a {
font-size:14px;
}
#MainMenu h2 {
font-size: 1em;
text-transform: uppercase;
padding: 5px 10px;
}
#MainMenu ul {
list-style-type: none;
border-radius:3px;
}
#MainMenu li {
border-width:0;
border-radius:3px;
}
.iconArrow {
vertical-align: middle;
display: inline-block;
height: 18px;
min-width: 20px;
text-align: left;
background-repeat: no-repeat;
background-position: left center;
font-size: 0px;
}
.arrow {
margin-left:4px;
background-image: url("../images/ui/arrow.png");
border-color: transparent;
}
/* Login Error Info */
#ErrorInfo{
left: 400px;
top: 30px;
display:none;
position:absolute;
width: 350px;
height: 160px;
background-image: none, linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(230, 230, 230) 100%);
color: #000;
padding: 5px 8px 4px 8px;
border-color:red;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
box-shadow: 0 0 2px red; -webkit-box-shadow: 0 0 2px red; -moz-box-shadow: 0 0 2px red;
}
/* Search Input */
#search-list .k-item > span{
font-family: inherit;font-size:11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
border-style: solid;
border-width: 0 0 1px 1px;
vertical-align: top;
min-height: 55px;
width: 100%;
padding: 0 0 0 5px;
}
#search-list .k-item{
padding: 1px 1px;
}
#SearchPrinterDataTable span{
display:block;
width:inherit;
}
/* Login Form */
.slice-img{
background: url('../images/ui/icons/login_clear.png');
}
/* #### GRID'S #### */
/* Discover Grid */
/*.snmp_v1_2 {
width:1600px;
}*/
#discover_form_v1_2, #discover_form_v3 {
margin-left:10px;
}
#discover_form_v1_2 ul, #discover_form_v3 ul, #printers_grid ul, #log_grid ul, #TrapSettingsGridEditForm ul, #TrapExclusionGridEditorForm ul, #PrinterEditForm ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#discover_form_v1_2 li, #discover_form_v3 li, #printers_grid li, #log_grid li, #TrapExclusionGridEditorForm li, #PrinterEditForm li{
margin: 10px 0 0 0;
}
#discover_form_v1_2 label, #discover_form_v3 label, #PrinterEditForm label{
width: 150px;
}
#printers_grid label, #log_grid label, #discover_form_v1_2 label, #discover_form_v3 label, #PrinterEditForm label {
text-align: left;
display: inline-block;
}
#TrapExclusionGridEditorForm label{
display: inline-block;
width: 60px;
text-align: left;
padding-left: 10px;
}
.TrapSettingsGridEditFormLabel{
display: inline-block;
width: 200px;
text-align: left;
}
.TrapExclusionGridRowFromContext {
background-color: #fcfcc0;
}
#DiscoverTabStrip{
border:none;
display:none;
}
#DiscoverTabStrip div.k-content, #DiscoverTabStrip div.k-state-active{
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
#DiscoverAddRow {
position:relative;
}
#DiscoverImportCsv{
position:relative;
}
#TrapSettingsGridEditForm li{
margin: 5px 0 0 0;
max-height: 26px !important;
height: 26px !important;
}
/* Printers */
#PrintersSplitter{
height:500px;
width:100%;
}
#PrintersPaneContent{
/* margin:5px 5px 5px 5px;*/
}
/* Printer Detail View */
#PrinterDetailViewContent{
margin: 5px 0px 5px 5px;
}
.k-edit-form-container .k-edit-buttons {
text-align: center;
}
#PrinterDetailViewInputs .k-tabstrip-items .k-link{
padding: 0.2em 0.92em;
}
/* Rounded corners */
#PrinterDetailViewPrinterDataGrid, #PrinterDetailViewSuppliesGrid, #PrinterDetailViewInputsGrid, #PrinterDetailViewStatusMessagesGrid, #PrinterDetailViewCountersGrid, #DashboardBoxGrid, #PrinterDetailViewEcoGrid{
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.5, #FFFFFF),
color-stop(0.75, #F5F5F5)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 40%, #F5F5F5 75%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 40%, #F5F5F5 75%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 40%, #F5F5F5 75%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 40%, #F5F5F5 75%);
background-image: linear-gradient(to bottom, #FFFFFF 40%, #F5F5F5 75%);
}
#DashboardBoxGrid{
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.5, #FFFFFF),
color-stop(0.75, #F5F5F5)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: linear-gradient(to bottom, #FFFFFF 15%, #F5F5F5 85%);
}
svg > path:last-child {cursor:pointer;}
/* Box Shadow */
#PrinterDetailViewPrinterDataGrid, #PrinterDetailViewSuppliesGrid, #PrinterDetailViewInputsGrid, #PrinterDetailViewStatusMessagesGrid, #PrinterDetailViewCountersGrid, #DashboardBoxGrid, #PrinterDetailViewEcoGrid, #CFGWizardBox{
-moz-box-shadow: 3px 3px 10px -3px #000;
-webkit-box-shadow: 3px 3px 10px -3px #000;
box-shadow: 3px 3px 10px -3px #000;
}
#PrinterDetailViewPictureBox {
position: absolute;
top: 29px;
right: 147px;
}
#PrinterDetailViewPictureSpan {
position: absolute;
z-index: 2;
left: 25px;
top: 25px;
width: 85px;
height: 85px;
}
#PrinterDetailViewPictureSpan {
vertical-align: middle;
}
#PrinterDetailViewPictureTable{
height:100%;
width:100%;
}
#PrinterDetailViewPicture {
width: 100%;
height:100%;
max-width: 85px;
max-height: 85px;
}
#PrinterDetailViewCircle{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 135px;
height: 135px;
}
#PrinterDetailViewPrinterDataTitle {
font-size: 12pt;
white-space: nowrap;
}
#PrinterDetailViewPrinterDataHeadLine{
height:3px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#PrinterDetailViewPrinterDataGrid{
border-top-right-radius: 60px;
border-bottom-right-radius: 63px;
border: 1px solid #26a5bb;
padding:2px;
height:126px;
margin-left:5px;
overflow:auto;
font-size:11px;
width:1015px;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.57, #FFFFFF),
color-stop(0.92, #E8E8E8)
);
background-image: -o-linear-gradient(right, #FFFFFF 57%, #E8E8E8 92%);
background-image: -moz-linear-gradient(right, #FFFFFF 57%, #E8E8E8 92%);
background-image: -webkit-linear-gradient(right, #FFFFFF 57%, #E8E8E8 92%);
background-image: -ms-linear-gradient(right, #FFFFFF 57%, #E8E8E8 92%);
background-image: linear-gradient(to right, #FFFFFF 57%, #E8E8E8 92%);
}
#PrinterDetailViewTitle {
font-family: Roboto, Verdana, sans-serif;
font-weight: bold;
font-size: 12pt;
padding-bottom:2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#PrinterDetailViewHeadLine{
height:5px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#PrinterDetailViewPrinterData{
/*position: absolute;*/
/*width:965px;*/
/*font-size: 11px;*/
/*top:4px;*/
position: absolute;
width:700px;
font-size: 11px;
-moz-user-select: element;
-webkit-user-select:text;
user-select:element;
}
#PrinterDetailViewPrinterDataTable{
width:100%;
table-layout: fixed;
}
#PrinterDetailViewPrinterDataTable tr{
line-height:20px;
}
#PrinterDetailViewPrinterDataTable a{
text-decoration: underline;
}
#PrinterDetailViewPrinterDataTable tbody tr td, #SearchPrinterDataTable tbody tr td{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#PrinterDetailViewSupplies{
width: 340px;
max-width:340px;
padding-top:5px;
position: absolute;
left: 10px;
top: 180px;
}
#PrinterDetailViewSuppliesGroupTitle{
font-size: 12pt;
font-weight: bold;
white-space: nowrap;
}
#PrinterDetailViewSuppliesTitle{
font-size: 12pt;
white-space: nowrap;
padding-bottom:2px;
}
#PrinterDetailViewSuppliesHeadLine{
height:3px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#PrinterDetailViewHeadLineTriangle, #DashboardBoxHeadLineTriangle, #CFGWizardBoHeadLineTriangle{
background-image: url("../images/ui/triangle.png");
position:absolute;
height:5px;
width:5px;
}
#PrinterDetailViewSuppliesNoFeatureGrid{
width: 100%;
}
#PrinterDetailViewSuppliesNoFeatureText{
margin: 8px 0 0 10px;
}
#PrinterDetailViewSuppliesBarGrid{
padding:2px 2px 2px 5px;
margin: 2px 0px 2px 0px;
}
.PrinterDetailViewSuppliesBarTitle{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
font-weight: bold;
}
#PrinterDetailViewSuppliesBar{
margin: 2px 0px 2px 0px;
}
#PrinterDetailViewSuppliesGrid{
border: 1px solid #26a5bb;
padding:2px;
height:380px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
#PrinterDetailViewSuppliesBarGroup{
padding-top:5px;
}
.PrinterDetailViewSupplyPercentage{
float:left;
padding-left:5px !important;
font-size: 10px;
}
#PrinterDetailViewSuppliesBarCapacity{
font-size: 10px;
}
/* FALLBACK Supply Bar */
.ui-progressbar{
height:12px;
background-image: linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -o-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -moz-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -ms-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(150,150,150)),
color-stop(0.6, rgb(200,200,200))
);
}
.ui-progressbar .ui-widget-header{
height:12px;
background-image: linear-gradient(bottom, rgb(90,90,90) 60%, rgb(125,125,125) 60%);
background-image: -o-linear-gradient(bottom, rgb(90,90,90) 60%, rgb(125,125,125) 60%);
background-image: -moz-linear-gradient(bottom, rgb(90,90,90) 60%, rgb(125,125,125) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(90,90,90) 60%, rgb(125,125,125) 60%);
background-image: -ms-linear-gradient(bottom, rgb(90,90,90) 60%, rgb(125,125,125) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(0,0,0)),
color-stop(0.6, rgb(92,92,92))
);
}
.PrinterDetailViewSupplyblack, .PrinterDetailViewSupplycyan, .PrinterDetailViewSupplymagenta, .PrinterDetailViewSupplyyellow, .PrinterDetailViewSupplyunknown, .PrinterDetailViewSupplyother{
height:12px;
background-image: linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -o-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -moz-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -ms-linear-gradient(bottom, rgb(150,150,150) 20%, rgb(200,200,200) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(150,150,150)),
color-stop(0.6, rgb(200,200,200))
);
}
.PrinterDetailViewSupplyblack .ui-widget-header, .PrinterDetailViewSupplyunknown .ui-widget-header, .PrinterDetailViewSupplyother .ui-widget-header{
background-image: linear-gradient(bottom, rgb(0,0,0) 44%, rgb(92,92,92) 60%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 44%, rgb(92,92,92) 60%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 44%, rgb(92,92,92) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 44%, rgb(92,92,92) 60%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 44%, rgb(92,92,92) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(0,0,0)),
color-stop(0.6, rgb(92,92,92))
);
}
.PrinterDetailViewSupplyyellow .ui-widget-header{
background-image: linear-gradient(bottom, rgb(150,150,0) 20%, rgb(255,255,0) 60%);
background-image: -o-linear-gradient(bottom, rgb(150,150,0) 20%, rgb(255,255,0) 60%);
background-image: -moz-linear-gradient(bottom, rgb(150,150,0) 20%, rgb(255,255,0) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(150,150,0) 20%, rgb(255,255,0) 60%);
background-image: -ms-linear-gradient(bottom, rgb(150,150,0) 20%, rgb(255,255,0) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(150,150,0)),
color-stop(0.6, rgb(255,255,0))
);
}
.PrinterDetailViewSupplycyan .ui-widget-header{
background-image: linear-gradient(bottom, rgb(0,150,150) 20%, rgb(0,255,255) 60%);
background-image: -o-linear-gradient(bottom, rgb(0,150,150) 20%, rgb(0,255,255) 60%);
background-image: -moz-linear-gradient(bottom, rgb(0,150,150) 20%, rgb(0,255,255) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(0,150,150) 20%, rgb(0,255,255) 60%);
background-image: -ms-linear-gradient(bottom, rgb(0,150,150) 20%, rgb(0,255,255) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(0,150,150)),
color-stop(0.6, rgb(0,255,255))
);
}
.PrinterDetailViewSupplymagenta .ui-widget-header{
background-image: linear-gradient(bottom, rgb(150,0,150) 20%, rgb(255,0,255) 60%);
background-image: -o-linear-gradient(bottom, rgb(150,0,150) 20%, rgb(255,0,255) 60%);
background-image: -moz-linear-gradient(bottom, rgb(150,0,150) 20%, rgb(255,0,255) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(150,0,150) 20%, rgb(255,0,255) 60%);
background-image: -ms-linear-gradient(bottom, rgb(150,0,150) 20%, rgb(255,0,255) 60%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(150,0,150)),
color-stop(0.6, rgb(255,0,255))
);
}
#PrinterDetailViewInputs{
width:400px;
max-width:400px;
position: absolute;
left: 370px;
top: 185px;
/*Added TabStrip*/
background: none;
border: none;
box-shadow:none;
}
#PrinterDetailViewInputs > .k-tabstrip-items{
padding:0;
}
#PrinterDetailViewInputs > .k-tabstrip-items > li{
margin-bottom: 0px;
padding-bottom: 0px;
background-image: none, linear-gradient(to bottom, #FFF 0px, #E6E6E6 100%);
}
#PrinterDetailViewInputs > .k-tabstrip-items > .k-state-active{
border-top: 1px solid rgb(38, 165, 187);
border-left: 1px solid rgb(38, 165, 187);
border-right: 1px solid rgb(38, 165, 187);
background-image: none, linear-gradient(to bottom, #FFF 0px, #E6E6E6 100%);
}
#PrinterDetailViewInputs >.k-content{
padding:0;
margin:0;
border:0;
}
#PrinterDetailViewInputs > .k-tabstrip-items > li > a{
border:none;
padding: 0px 8px 0px 7px;
font-size: 12pt;
white-space: nowrap;
padding-bottom: 0px;
margin: 2px 0px;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
#PrinterDetailViewInputsTitle{
font-size: 12pt;
padding-bottom:0px;
white-space: nowrap;
padding-bottom:2px;
}
#PrinterDetailViewInputsHeadLine{
height:3px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#PrinterDetailViewInputsGrid{
border: 1px solid #26a5bb;
padding: 5px 2px 2px 8px;
height: 175px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
#PrinterDetailViewResourcesBar{
height:25px;
padding:2px 0px 0px 2px;
width:100%;
}
#PrinterDetailViewResourcesStatus{
float:left;
width:35px;
}
#PrinterDetailViewInputPaperSize{
float:left;
width:40px;
height:25px;
}
#PrinterDetailViewInputPaperLandscape{
float:left;
width:30px;
}
#PrinterDetailViewInputDescription{
width:130px;
float:left;
height:25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#PrinterDetailViewInputMaxCapacity{
float:left;
width:50px;
padding:0px 10px 0px 0px;
}
.PrinterDetailViewResourcesText{
line-height: 25px;
}
.PrinterDetailViewResourcesTitleText{
line-height: 25px;
font-weight:bold;
}
#PrinterDetailViewOutputDescription{
float:left;
width:150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#PrinterDetailViewOutputMaxPaperSize{
float:left;
width:40px;
height:25px;
}
#PrinterDetailViewStorageDescription{
float:left;
width:150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#PrinterDetailViewStorageMaxCapacity{
float:left;
width:70px;
height:25px;
}
#PrinterDetailViewStorageUsed{
float:left;
width:100px;
height:25px;
}
#PrinterDetailViewStorageFiller{
float:left;
height:25px;
}
#PrinterDetailViewEcoGrid{
border: 1px solid #26a5bb;
padding: 5px 2px 2px 8px;
height: 175px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
.PrinterDetailViewEcoGridBar {
height:15px;
width: 66.666%;
}
.PrinterDetailViewEcoGridTitle {
float:left;
margin-left:20px;
}
.PrinterDetailViewEcoGridValue {
float:right;
text-align:right;
padding-right:5px;
}
.PrinterDetailViewEcoDetailGridTableCell {
padding:0 5px;
}
/* STATUS MESSAGES */
#PrinterDetailViewStatusMessages{
width:400px;
max-width:400px;
position: absolute;
left: 370px;
top: 410px;
}
#PrinterDetailViewStatusMessagesTitle{
font-size: 12pt;
padding-bottom:0px;
white-space: nowrap;
padding-bottom:2px;
}
#PrinterDetailViewStatusMessagesHeadLine{
height:3px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#PrinterDetailViewStatusMessagesGrid{
border: 1px solid #26a5bb;
padding:2px 2px 2px 5px;
height:156px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
#PrinterDetailViewStatusMessagesBar{
padding:2px 0px 0px 2px;
width:100%;
}
#PrinterDetailViewStatusMessagesBar tr td{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#PrinterDetailViewStatusMessageSeverity{
float:left;
width:35px;
}
#PrinterDetailViewStatusMessageMessageText{
float:left;
padding:0px 0px 0px 5px;
width: 320px;
}
.PrinterDetailViewStatusMessageText{
line-height: 25px;
}
/* COUNTERS DETAIL VIEW */
#PrinterDetailViewCounters{
width:250px;
height:400px;
max-width:250px;
position: absolute;
right: 15px;
top: 182px;
}
#PrinterDetailViewCountersTitle{
font-size: 12pt;
padding-bottom:0px;
white-space: nowrap;
padding-bottom:2px;
}
#PrinterDetailViewCountersHeadLine{
height:3px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#PrinterDetailViewCountersBarGroupTitle{
font-size:12px;
padding: 10px 0px 0px 0px;
}
#PrinterDetailViewCountersGrid{
border: 1px solid #26a5bb;
padding:2px 2px 2px 5px;
height:385px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
#PrinterDetailViewCounterBar{
height:15px;
width:100%;
}
#PrinterDetailViewCounterBarTitle{
float:left;
padding-left:10px;
}
#PrinterDetailViewCounterBarValue{
float: right;
padding-right:5px;
}
#PrinterDetailViewUpdateStatus{
position: absolute;
bottom: 3px;
left: 10px;
line-height: 25px;
padding:10px 0px 0px 5px;
}
#PrinterDetailViewUpdateStatusText{
float:left;
font-size: 11px;
padding:0px 10px 0px 0px;
line-height: 25px;
}
#PrinterDetailViewButtons{
float:left;
width: 300px;
}
/* SnmpWalk */
#SnmpWalkResult{
width: 1200px;
}
/* Traps */
#TrapSettingsGridEditWindow{
display:none;
}
#TrapSettingsButtons{
display:none;
}
#TRAP_ERROR_IN_DAYS_CHECKBOX_SPAN > span.k-widget.k-numerictextbox{
width:55px;
}
#TRAP_CHECK_MINUTES_CHECKBOX_SPAN > span.k-widget.k-numerictextbox, #TRAP_IGNORE_MINUTES_SPAN > span.k-widget.k-numerictextbox{
width:110px;
}
#TrapExclusionGrid > .k-grid-header .k-header{
padding: 0.3em 0.6em 0.3em;;
}
/* NotificationCenter */
#NotificationCenterAnchor {
position: absolute;
right: -16px;
top: 33px;
z-index:500;
width:450px;
height: 310px;
transition-timing-function: ease-in-out,ease-in-out;
transition-property: opacity,visibility;
transition-duration: 80ms;
}
.notification-center-anchor{
visibility: hidden;
opacity:0;
}
.notification-center-anchor.active {
visibility: visible;
opacity: 1;
}
#NotificationCenter {
border: 1px solid #CCC;
width:450px;
height: 310px;
position: absolute;
z-index: 5001;
border-radius: 3px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13);
overflow: hidden;
}
#NotificationCenterContent {
top:0;
left:0;
position: absolute;
width:450px;
max-width:450px;
}
.nc-NotificationCenterContentInner {
text-align:left;
position:absolute;
width:900px;
background: none repeat scroll 0% 0% #FFF;
overflow: hidden;
float:left;
}
#NotificationCenterArrow {
position: absolute;
right: auto; top: -7px;
left: 397px;
z-index:5002;
}
#NotificationCenterArrow::before {
border-style: solid;
border-width: 0px 8px 8px;
content: "";
position: absolute;
top: 0px;
border-color: #CCC transparent;
}
#NotificationCenterArrow::after {
border-color: #CCC transparent;
top: 1px;
border-bottom-color: #FFF;
border-style: solid;
border-width: 0px 8px 8px;
content: "";
position: absolute;
}
.nc-header {
width: 100%;
display: table;
}
.nc-header-title {
text-align: left;
padding: 18px 0px 18px 20px;
width:430px;
font-size: 12pt;
float:left;
border-bottom: 1px solid #DDD;
}
.nc-header-back {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
width: 440px;
float: left;
background: none repeat scroll 0% 0% #FAFAFA;
cursor: pointer;
padding: 8px 5px;
border-bottom: 1px solid #DDD;
}
.nc-notification-back-arrow {
background: url("../images/ui/icons/arrow_left_5_8.png") no-repeat scroll center center transparent;
margin: 0px 10px 0px 8px;
width: 8px;
height: 11px;
display: inline-block;
}
.nc-content {
width: 100%;height:280px;
}
.nc-icon-overlay {
position: absolute;
top: -2px;
right: 13px;
}
#NotificationCenterIconCount {
display: none !important;
}
.nc-icon-overlay-count {
border-radius: 2px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
background-color: #DC0D17;
background-image: linear-gradient(#FA3C45, #DC0D17);
color: #FFF;
min-height: 13px;
padding: 0 1px 0 3px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
background-clip: padding-box;
display: inline-block;
font-size: 10px;
line-height: normal;
}
.nc-notification-list {
padding: 0px;
margin: 0px;
overflow-y: auto;
max-height: 310px;
min-height: 0px;
height: 420px;
width: 450px;
box-sizing: border-box;
float:left;
}
.nc-notification-list li {
cursor: pointer;
}
.nc-notification-details {
float:left;
height: 250px;
width:450px;
}
.nc-notification-details-container {
height: 250px;
}
.nc-notification-details-buttons {
position:absolute;
bottom: 10px;
right: 20px;
}
.nc-notification-details-bt-img {
height:20px;
width:20px;
}
.nc-notification-item {
line-height: 24px;
list-style: outside none none;
padding: 10px;
border-bottom: 1px solid #EEE;
border-left: 3px solid #26a5bb;
display: table;
table-layout: fixed;
width: 100%;
box-sizing: border-box;
}
.nc-notification-icon {
text-align:left;
width: 29px;
vertical-align: middle;
display: table-cell;
}
.nc-notification-time {
color: #AAA;
font-size: 0.8571em;
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
text-align: right;
padding-right: 5px;
width: 110px;
white-space: nowrap;
}
.nc-notification-text {
min-width: 245px;
width: 245px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
display: table-cell;
vertical-align: bottom;
box-sizing: border-box;
}
.nc-notification-arrow{
background: url("../images/ui/icons/arrow_right_5_8.png") no-repeat scroll center center transparent;
width: 30px;
height: 12px;
display: table-cell;
}
.nc-notification-details-title {
padding: 0 0 18px 20px;
width: 430px;
font-size: 12pt;
float: left;
}
.nc-notification-details-text {
padding: 0 0 0 20px;
width: 430px;
}
.nc-notification-details-link {
float:left;
padding-right:5px;
}
/* CFG Wizard */
#CFGWizardWrapper {
margin:auto;
min-width:1560px;
width:1560px;
height:725px;
}
#CFGWizardBox {
margin-left:5px;
overflow:auto;
height: 665px;
border: 1px solid #26a5bb;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.5, #FFFFFF),
color-stop(0.75, #F5F5F5)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 15%, #F5F5F5 85%);
background-image: linear-gradient(to bottom, #FFFFFF 15%, #F5F5F5 85%);
}
#CFGWizardBoxContent {
padding:5px;
min-height:505px;
}
#CFGWizardButtons {
width:100%;
padding:10px 0 0 0;
position:relative;
}
#CFGWizardCounter {
display: block;
margin: auto;
text-align: center;
padding: 30px 0 0 0;
}
#CFGWizardCounterList {
margin: -15px 0 0 0;
list-style-type: none;
clear: left;
}
.CFGWizardStep {
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
width: 32%;
position: relative;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
line-height: 80px;
vertical-align: top;
float: left;
z-index: 10;
list-style-type: none;
margin: 0;
padding: 0;
}
.CFGWizardStep::before {
font-size: 15px;
color: white;
padding: 1px;
font-weight: bold;
height: 1.8em;
width: 1.8em;
line-height: 1.7em;
border-radius: 20px;
z-index: -1;
text-shadow: none !important;
position: relative;
bottom: -3.35em;
float: left;
left: 50%;
text-transform: uppercase;
text-align: center;
list-style-type: none;
}
.CFGWizardStep.one::before {
content: "1";
background-color: #c0c0c0;
border: #969696 solid 2px;
}
.CFGWizardStep.one::after {
content: "";
}
.CFGWizardStep.one_active::before {
content: "1";
background-color: #28b8ce;
border: #008c99 solid 2px;
}
.CFGWizardStep.one_active::after {
content: "";
}
.CFGWizardStep.one_active div.line {
border-bottom: 3px solid #26a5bb;
}
.CFGWizardStep.two::before {
content: "2";
background-color: #c0c0c0;
border: #969696 solid 2px;
}
.CFGWizardStep.two::after {
content: "";
}
.CFGWizardStep.two_active::before {
content: "2";
background-color: #28b8ce;
border: #008c99 solid 2px;
}
.CFGWizardStep.two_active::after {
content: "";
}
.CFGWizardStep.two_active div.line {
border-bottom: 3px solid #26a5bb;
}
.CFGWizardStep.three::before {
content: "3";
background-color: #c0c0c0;
border: #969696 solid 2px;
}
.CFGWizardStep.three::after {
content: "";
}
.CFGWizardStep.three_active::before {
content: "3";
background-color: #28b8ce;
border: #008c99 solid 2px;
}
.CFGWizardStep.three_active::after {
content: "";
}
.CFGWizardStep.three_active div.line {
border-bottom: 3px solid #26a5bb;
}
li.CFGWizardStep div.line {
position: absolute;
right: 0px;
top: 65px;
width: 100%;
border-bottom: 3px solid #CCC;
z-index: -2;
}
li.CFGWizardStep div.line.first {
position: absolute;
right: 0px;
width: 45%;
z-index: -2;
}
li.CFGWizardStep div.last {
position: absolute;
left: 0px;
width: 55%;
z-index: -2;
}
li.CFGWizardStep > a {
color: #26a5bb;
vertical-align: top;
display: block;
z-index: 99999;
opacity: 1;
transition: all 0.2s ease;
font-weight: bold;
}
.cfg-wizard-tooltip-overlay {
z-index:10000;
background-color: rgba(0,0,0,0.4);
position:absolute;
top:0;left:0;
height:100%;
width:100%;
}
.cfg-wizard-tooltip-anchor {
z-index: 10001;
display: none;
position: absolute;
}
.cfg-wizard-tooltip-container {
padding: 4px 0px 4px 4px;
}
.cfg-wizard-tooltip-text {
color: #1793a7;
position:absolute;
top: 10px;
overflow: hidden;
font-family: Roboto, Verdana;
font-size: 18pt;
font-variant: small-caps;
text-align:center;
}
.cfg-wizard-button-highlight {
box-shadow: 0px 0px 7px 0px rgba( 35, 185, 205, 0.4);
border-color: #26a5bb;
z-index: 10001;
}
.cfg-wizard-button-inactive {
border-color:#CCC;
color: #AAA;
pointer-events: none;
cursor: default;
}
.cfg-wizard-button-inactive:hover {
border-color:#CCC;
color: #AAA;
pointer-events: none;
cursor: default;
}
/* Dashboard */
.DashboardBox {
width:500px;
min-width:500px;
height:255px;
float:left;
padding: 0px 15px 0px 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#DashboardBoxTitle{
font-size: 12pt;
padding-bottom:0px;
white-space: nowrap;
padding-bottom:2px;
}
#DashboardBoxHeadLine, #CFGWizardBoxHeadLine{
height:3px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
.DashboardLink{
line-height:24px;
vertical-align:middle;
}
.DashboardLink:hover{
color: rgb(255, 255, 255);
}
#DashboardBoxGrid{
border: 1px solid #26a5bb;
padding:5px 5px 5px 5px;
height:200px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
#DashboardBoxTotalPrintersTitle{
float:left;
font-size:14px;
}
#DashboardBoxTotalPrintersValue{
float:right;
font-size:14px;
}
#DashboardBoxStatusBarGrid{
padding:10px 0px 0px 0px;
}
#DashboardBoxStatusBarIcon{
float:left;
}
#DashboardBoxStatusBarTitle{
float:left;
font-size:12px;
padding-left:5px;
}
#DashboardBoxStatusBarValue{
float:right;
font-size:12px;
}
.DashboardBox .k-grid {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
#LowSupplyTable, #RecentTrapsTableBody {
border-collapse: collapse;
}
#LowSupplyTableBody, #RecentTrapsTableBody{
background-color: #fff;
}
#LowSupplyTableBody tr td, #DataImportFailedDetailsTable tbody tr td, #RecentTrapsTableBody tr td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#LowSupplyTableBody tr:hover, #RecentTrapsTableBody tr:hover {
cursor: pointer;
color: #FFFFFF;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
.dashboardTableLoading {
display:none;
width:100%;
height:150px;
text-align:center;
vertical-align:middle;
line-height: 159px;
}
/* CHARTS */
#offline_printer_chart, #manufacturer_chart{
width:100%;
height:100%;
}
#offline_printer_chart .k-tooltip {
margin-left: -20px;
}
div.k-tooltip {
height:50px;
color: #FFFFFF;
}
/* SETTINGS */
.note-color {
color: #26a5bb;
}
.fa-size-24{
font-size: 24px;
}
#SettingsWindow {
-moz-user-select: element;
-webkit-user-select:text;
user-select:element;
}
#SettingsContent{
margin: 5px 0px 5px 5px;
}
#SettingsTitle {
font-weight: bold;
font-size: 12pt;
padding-bottom:5px;
white-space: nowrap;
}
.settings-title-icon{
width:30px;
text-align: center;
}
#SettingsHeadLine{
height:5px;
width:100%;
background-color: #28b8ce;
background-image: none, linear-gradient(to bottom, #26a5bb 0px, #28b8ce 100%);
}
#SettingsButtons{
bottom:10px;
width:100%;
text-align:center;
}
#SettingsVPNStopButton {
margin-left: 5px;
min-width:100px;
}
.SettingsInfoTextTable {
width:75%;
line-height:20px;
margin-top:5px;
}
#GroupButtons{
width:300px;
position:absolute;
bottom:10px;
text-align:center;
}
#GroupAssign {
height:220px;
}
#PrinterGroupsButtons{
position:absolute;
width: 97.99%;
bottom:10px;
text-align:center;
display:none;
}
#PrinterGridButtons{
height:26px;
display: none;
position:relative;
bottom:-14px;
margin-left:5px;
margin-right:5px;
}
#SettingsListViewBox{
padding: 5px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 3px 3px 3px 3px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0% 0% transparent;
}
#SettingsSplitter{
height:480px;
width:100%;
margin-bottom:10px;
}
#SettingsPanelBar .k-state-hover {
color: #FFFFFF;
}
#SettingsPaneContent{
margin:0px 0px 0px 0px;
}
#SettingsTitle{
display: table;
overflow: hidden;
vertical-align:middle;
}
.settingsOverviewRow {
display: inline-block;
width: 100%;
margin: 0;
}
.settingsOverviewLeft {
float:left;
width:48%;
}
.settingsOverviewRight {
float:right;
width:48%;
}
.settingsOverviewList table tr td {
padding:3px;
}
.SettingsDiv{
margin:5px 5px 5px 5px;
}
.ProxyConfigInput{
width:320px;
}
.SettingsSelectContainer{
margin: -2px -2px -4px -2px;
display: inline-block;
outline: none;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
border-width: 1px;
border-style: solid;
border-radius: 6px 6px 6px 6px;
background-color: #fff;
height: 24px;
width: 146px;
}
.SettingsSelect{
border:0;
/* padding: 2px 6px 2px 4px;*/
padding: 4px 24px 3px 4px;
width: 165px;
}
.settings-button {
margin-top: 10px;
}
#PlugKeyboardLayoutDropDownContainer .k-dropdown{
width: 210px;
}
#PlugRegionDropDownContainer .k-dropdown {
width: 180px;
}
#PlugSettingsNetwork tbody tr:first-child td {
padding-bottom:10px;
}
.sliderTextBox {
padding-left:15px;
margin-bottom:5px;
float:left;
}
.sliderTextBox .k-numerictextbox {
width: 60px;
}
.text-selectable {
-moz-user-select: element;
-webkit-user-select:text;
user-select:element;
}
.ui-dialog{
padding:0;
z-index:99999;
border-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
background-color: #fff;
-moz-user-select: element;
-webkit-user-select:text;
user-select:element;
}
.k-block > .k-header, .k-window-titlebar {
line-height: 1.3em;
}
.k-window .k-footer {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 15px 0 15px;
text-align: right;
background-color: #f0f2f4;
border-top: 1px solid rgba(12, 13, 14, 0.15);
white-space: nowrap;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
.k-window .k-footer .k-window-buttons {
line-height: 1;
display: block;
text-align: center;
}
div.k-window-content.k-window-iframecontent {
padding-bottom: 60px !important;
}
.k-window .k-footer .k-window-buttons .sm-btn-icon-circle:before {
width: 35px;
height: 35px;
line-height: 32px;
font-size: 23px; }
.k-window .k-footer-left {
margin: 0;
line-height: 1;
text-overflow: ellipsis;
overflow: hidden;
cursor: default;
flex: 1; }
.ui-widget-header{
border:0;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight:normal;
background-color: rgb(245, 245, 245);
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.ui-dialog-titlebar{
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
height:18px;
color: rgb(51, 51, 51);
background-image: none, linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(230, 230, 230) 100%);
background-position: 50% 50%;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
border:0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: transparent;
margin: -9px 5px 0 0;
background-repeat: no-repeat;
display: inline-block;
font-size: 0;
height: 20px;
line-height: 0;
overflow: hidden;
text-align: center;
text-indent: -3333px;
vertical-align: middle;
width: 20px;
}
.ui-dialog--close, .ui-dialog--close:active, .ui-state-default .ui-icon {
background: url("Bootstrap/sprite.png");
border-color: transparent;
background-position: -32px -16px;
}
.ui-state-hover .ui-icon {
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-position: -48px -16px;
}
.ui-dialog .ui-dialog-buttonpane {
padding: 0px 10px 0px 0;
}
.SettingsTitleGrid {
width:98.5%;
border-collapse : collapse;
font-size:12pt;
font-weight: bold;
margin:5px 0px 15px 0px;
}
.SettingsSubTitle{
width:98%;
height: 22px;
background-image: url("../images/ui/settings_title_bg.png");
background-repeat: repeat-x;
line-height: 22px;
padding-left:5px;
font-weight: bold;
margin-top:20px;
}
.SettingsTitleGrid td, .SettingsTitleGrid th{
padding : 0;
}
#SettingsPanelBar .k-image{
margin-top: 6px;
margin-left: -5px;
}
#SettingsPanelBar .k-panel > li > span{
padding-left:35px;
}
#SettingsPanelBar .k-panelbar-collapse {
display:none;
}
#Advanced span.k-widget {
width:70px;
}
#k-textbox{
margin-left:5px;
}
#SettingsProxyServer{
margin: 0px 1px 0px -2px;
}
/* Login */
#LoginIconBox, #JavaNoScript{
position:absolute;
width: 350px;
top:50%;
left:50%;
margin-left: -175px;
margin-top: -50px;
}
#LoginBox{
position:absolute;
width: 380px;
top:50%;
left:50%;
margin-left: -190px;
margin-top: -100px;
padding-top: 29px;
box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
}
#LoginBoxContent{
padding: 10px 0px 10px 0px;
overflow: auto;
outline: 0px none;
margin: auto;
}
#LoginBoxErrorBox{
text-align:center;width:100%
}
.ErrorText, .LoginBoxErrorText{
display:inline-block;
color:red;
margin:0px 5px 15px 5px
}
.ErrorText {
padding:10px;
}
#LoginBoxGrid{
border: 1px solid #26a5bb;
padding:5px 5px 5px 5px;
height:200px;
margin-left:5px;
overflow:auto;
font-size:11px;
}
#LoginBoxTriangle{
background-image: url("../images/ui/triangle.png");
position:absolute;
height:5px;
width:5px;
}
.LoginSelectContainer2{
margin: -2px -2px -2px;
display: inline-block;
width: 148px;
outline: none;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
border-width: 1px;
border-style: solid;
border-radius: 6px 6px 6px 6px;
background-color: #fff;
height: 24px;
}
.LoginSelect{
padding: 4px 27px 3px 4px;
width: 170px;
border:0;
}
/* ToolTips */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-image: none, linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(230, 230, 230) 100%);color: #000; padding: 5px 8px 4px 8px; text-align: center; }
.display .tipsy-inner{background-image: url("../images/ui/display_bg.png"); background-repeat:repeat; background-color: #8ac801; color: #000;padding: 5px 8px 4px 8px; text-align: center;}
.popup-left .tipsy-inner{padding: 5px 8px 4px 8px; text-align:left;}
/* ToolTips Rounded corners */
.tipsy-inner {border-color:#000000;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* ToolTips Uncomment for shadow */
.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* ToolTips Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/* Context Menu */
/* Generic context menu styles */
body ul.cm_default, body ul.cm_default ul{
/* Required settings */
top:-1000px; left:-1000px; position:absolute; z-index:999;
/* Possibly inherited values overrides */
border-width:0; float:none; height:auto; margin:0; padding:0; width:auto;
/* Additional settings */
border-top:solid 1px #acacac; border-bottom:solid 1px #acacac;
-moz-box-shadow: 3px 3px 10px -3px #000;
-webkit-box-shadow: 3px 3px 10px -3px #000;
box-shadow: 3px 3px 10px -3px #000;
}
body ul.cm_default li{
/* Required settings */
width:162px; list-style:none none outside;
/* Possibly inherited values overrides */
float:none; height:auto; letter-spacing:normal; margin:0; border-width:0; line-height:normal; margin:0;
text-align:left; text-decoration:none; text-indent:0; text-transform:none; vertical-align:top; word-spacing:normal;
font-family:Arial, Sans-Serif; font-size:13px; font-style:normal; font-variant:normal; font-weight:normal;
/* Additional settings */
overflow:hidden; cursor:default; padding:5px 5px 5px 31px;
border-left:solid 1px #acacac; border-right:solid 1px #acacac;
background:#e6e6e6 url(../images/ui/context/background.gif) repeat-y 0 0
}
body ul.cm_default li.separator{width:198px; height:12px; background:#e6e6e6 url(../images/ui/context/separator.gif) no-repeat; padding:0}
body ul.cm_default li.separator_small{width:121px; height:12px; background:#e6e6e6 url(../images/ui/context/separator.gif) no-repeat; padding:0}
/* IE 6/7 hack */
body ul.cm_default li.separator{*margin:-1px 0 -5px 0}
body ul.cm_default li.disabled{color:#999}
body ul.cm_default li span.submenu{display:block; width:4px; height:11px; float:right; background:url(../images/ui/context/submenu.gif) no-repeat 0 4px}
body ul.cm_default li.disabled span.submenu{background-image:url(../images/ui/context/submenu_dis.gif)}
body ul.cm_default li.hover{color: #FFF; background-image: none, linear-gradient(to bottom, rgb(38, 165, 187) 0px, rgb(40, 184, 206) 100%);)}
/* no hover effects on separators*/
body ul.cm_default li.hover.separator_small{background-color:#e6e6e6; background-image:url(../images/ui/context/separator.gif)}
body ul.cm_default li.hover.separator{background-color:#e6e6e6; background-image:url(../images/ui/context/separator.gif)}
/*icons*/
body ul.cm_default li.icon{width:188px; padding:5px}
body ul.cm_default span.icon{font-size:18px; display:block; float:left; width:26px; height:16px;}
body ul.cm_default span.icon::before{margin: -1px 0 0 0;}
body ul.cm_default span.icon.hover{}
body ul.cm_default span.disk{background-image:url(../images/ui/context/icons/disk.gif)}
body ul.cm_default span.drive{background-image:url(../images/ui/context/icons/drive.gif)}
body ul.cm_default span.folder{background-image:url(../images/ui/context/icons/folders.gif)}
body ul.cm_default span.file{background-image:url(../images/ui/context/icons/file.gif)}
body ul.cm_default span.ok{background-image:url(../images/ui/context/icons/ok.gif)}
body ul.cm_default span.filter{background-image:url(../images/ui/buttons/bt_filter.png)}
body ul.cm_default span.copy { background-image: url(../images/ui/buttons/bt_copy.png); }
body ul.cm_default span.refresh { background-image: url(../images/ui/buttons/bt_refresh.png); }
body ul.cm_default span.disabled {
color: #AAA;
cursor: default;
}
body ul.cm_small li.icon{width:111px; padding:5px}
body ul.cm_default li{width: 82px;}
.contextMenu {
position: absolute;
width: 120px;
z-index: 99999;
border: solid 1px #CCC;
background: #EEE;
padding: 0px;
margin: 0px;
display: none;
}
.contextMenu LI {
list-style: none;
padding: 0px;
margin: 0px;
}
.contextMenu A {
color: #333;
text-decoration: none;
display: block;
line-height: 20px;
height: 20px;
background-position: 6px center;
background-repeat: no-repeat;
outline: none;
padding: 1px 5px;
padding-left: 28px;
}
.contextMenu SPAN {
color: #333;
text-decoration: none;
display: block;
line-height: 20px;
height: 20px;
background-position: 6px center;
background-repeat: no-repeat;
outline: none;
padding: 1px 5px;
padding-left: 28px;
}
.contextMenu LI.hover A {
color: #FFF;
}
.contextMenu LI.hover{
background-image: none, linear-gradient(to bottom, rgb(38, 165, 187) 0px, rgb(40, 184, 206) 100%);
}
.contextMenu LI.disabled A {
color: #AAA;
cursor: default;
}
.contextMenu LI.hover.disabled A {
background-color: transparent;
}
.contextMenu LI.separator {
border-top: solid 1px #CCC;
}
/* Adding Icons */
.contextMenu LI.disabled A {}
/* UI Settings */
/* deactivated Items (not markable) */
#PrintersGroups, #head_right, #DashboardBoxTitle, #content>table>tbody>tr>td>h1, #PrintersPanePanelBar, #PrintersGrid{
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
cursor: default;
}
#PrintersGroups span.k-in {
cursor: pointer;
border-radius: 3px;
}
#PrintersGroups .k-state-focused{
border:none;
padding:3px 4px 2px 4px;
}
#GroupAssign .k-state-hover {
border:none;
padding:4px 4px 2px 4px;
}
#GroupAssign .k-state-selected, #PrintersGroups .k-state-selected, #PrintersGroups .k-state-hover{
border:none;
padding:4px 4px 2px 4px;
}
/* deactivated Buttons (klickable but not markable) */
#k-button{
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
/* Toggle Switch */
.toggle {
width:70px;
}
.toggle-slide {
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
direction: ltr;
}
.toggle-slide .toggle-on,
.toggle-slide .toggle-off,
.toggle-slide .toggle-blob {
float: left;
text-align:center;
}
.toggle-slide .toggle-blob {
position: relative;
z-index: 99;
cursor: hand;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.toggle-modern .toggle-slide {
border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.2);
background: -webkit-gradient(linear, left top, left bottom, from(#c0c5c9), to(#a1a9af));
background: -webkit-linear-gradient(#c0c5c9, #a1a9af);
background: linear-gradient(#c0c5c9, #a1a9af);
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
}
.toggle-modern .toggle-on,
.toggle-modern .toggle-off {
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
color: white;
text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
font-size: 11px;
-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.toggle-modern .toggle-select .toggle-off,
.toggle-modern .toggle-select .toggle-on {
background: none;
}
.toggle-modern .toggle-off,
.toggle-modern .toggle-off.active {
background: -webkit-gradient(linear, left top, left bottom, from(#737e8d), to(#3f454e));
background: -webkit-linear-gradient(#737e8d, #3f454e);
background: linear-gradient(#737e8d, #3f454e);
}
.toggle-modern .toggle-on,
.toggle-modern .toggle-on.active {
background: -webkit-gradient(linear, left top, left bottom, from(#26a5bb), to(#28b8ce));
background: -webkit-linear-gradient(#26a5bb, #28b8ce);
background: linear-gradient(#26a5bb, #28b8ce);
}
.toggle-modern .toggle-blob {
background: -webkit-gradient(linear, left top, left bottom, from(#c0c6c9), to(#81898f));
background: -webkit-linear-gradient(#c0c6c9, #81898f);
background: linear-gradient(#c0c6c9, #81898f);
-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.toggle-modern .toggle-blob:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#a1a9af), to(#a1a9af));
background-image: -webkit-linear-gradient(#a1a9af, #a1a9af);
background-image: linear-gradient(#a1a9af, #a1a9af);
}
#TonerStatusGrid, #RecentTrapsGrid {
min-width: 780px;
width: 43%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
}
#header, #modul, #content {
min-width: 1350px;
}
@media screen and (max-width:1900px) {
#modul {
text-align: justify;
}
#DashboardBoxTitle {
display:inline-block;
}
.DashboardBox {
position: relative;
display: inline-block;
height: auto;
width: 48%;
padding: 0px 20px 20px 5px;
}
#TonerStatusGrid, #RecentTrapsGrid {
width: 97.5%;
}
}
@media screen and (max-width:900px) {
}
.PartnerLogoPlug {
overflow:hidden;
max-height: 200px !important;
width:100%;
margin-top:-10px;
}
#DiscoveryResultSplitter {
height:350px;
width:100%;
margin-bottom:5px;
}
#DiscoveryResultAnalyseSplitter {
height:130px;
width:100%;
margin-bottom:5px;
}
#DiscoveryResultList {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#DiscoveryResultPanePanelPrinters {
margin:0;
}
#DiscoveryResultList span.k-in {
cursor: pointer;
border-radius: 3px;
}
#DiscoveryResultList .k-state-hover, #DiscoveryResultList .k-state-selected, #DiscoveryResultList .k-state-focused {
color:#FFF;
border:none;
padding:4px 4px 2px 4px;
}
#DiscoveryResultList li.k-item {
}
.k-pane {
margin: 5px;
}
#DiscoveryResultTitle {
display: table;
font-family: Roboto, Verdana, sans-serif;
font-size: 12pt;
padding: 5px 5px 15px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#DiscoveryResultTitle > img {
padding-right:5px;
}
.discovery-result-input {
width:200px;
}
.discovery-result-community-input {
width:120px;
}
#DiscoveryResultAnalyseStart {
margin-left: 10px;
}
code {
font-family: Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 95%;
line-height: 140%;
white-space: pre;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
}
#AnalysePrinterOutput {
-moz-user-select: element;
-webkit-user-select: text;
user-select: element;
min-height: 470px;
padding: 0 5px 50px 5px;
}
#AnalysePrinterOutput code {
display: block;
padding: 0.5em 1em;
border: 1px solid #ebecee;
}
#AnalysePrinterButtons {
bottom: 0px;
padding: 10px 0 10px 0px;
width: 95%;
text-align: center;
position: fixed;
background-color: #FFFFFF;
margin: 0 0px 0 10px;
}
#CSVImportStart:hover i:before {
color: rgb(40, 184, 206);
}