/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (139,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (144,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (150,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (163,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (199,24): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (203,24): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (241,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (242,24): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (319,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (334,18): run-time error CSS1039: Token not allowed after unary operator: '-main-content-nav-height' (353,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (354,39): run-time error CSS1039: Token not allowed after unary operator: '-color-alert-danger' (387,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (399,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (410,24): run-time error CSS1039: Token not allowed after unary operator: '-query-page-nav-level-buttons-margin-right' (595,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (622,17): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48-width' (623,18): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48-height' (624,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48' (630,17): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48-width' (632,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48' (636,18): run-time error CSS1039: Token not allowed after unary operator: '-main-content-nav-height' (644,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-dashboard-head' (648,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-devices-head-active' (652,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-devices-head-inactive' (656,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-products-head' (660,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-pagefeeds-head-active' (664,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-pagefeeds-head-inactive' (672,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-about-head' (676,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-communicators-head-active' (680,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-communicators-head-inactive' (716,31): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-position-products' (785,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (862,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1011,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1020,18): run-time error CSS1039: Token not allowed after unary operator: '-templateSet-header-height' (1026,18): run-time error CSS1039: Token not allowed after unary operator: '-templateSet-header-height' (1050,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1057,18): run-time error CSS1039: Token not allowed after unary operator: '-create-page-column-border' (1062,25): run-time error CSS1039: Token not allowed after unary operator: '-create-page-column-border' (1179,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1213,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1332,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (1333,19): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-top' (1333,42): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-right' (1333,67): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-bottom' (1333,93): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-left' (1392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1425,15): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-top' (1426,17): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-right' (1427,18): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-bottom' (1428,16): run-time error CSS1039: Token not allowed after unary operator: '-var-padding-left' (1474,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (1475,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1488,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (1510,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1514,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1938,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gray' (1942,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gray' (2004,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2027,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2197,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2268,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2311,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2316,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2372,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2376,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2453,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2497,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2575,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2667,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2720,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2844,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3084,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table-alternate-color' (3088,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table-hover-color' (3119,17): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48-width' (3120,18): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48-height' (3122,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite-icon-background-48' (3153,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3434,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3451,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-layout-min-height' (3455,34): run-time error CSS1039: Token not allowed after unary operator: '-panel-border-color' (3467,25): run-time error CSS1030: Expected identifier, found '#modelStateErrorToast' (3467,46): run-time error CSS1031: Expected selector, found ')' (3467,46): run-time error CSS1025: Expected comma or open brace, found ')' (3490,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navbar-hover-background' (3491,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3505,17): run-time error CSS1039: Token not allowed after unary operator: '-header-menu-item-width' (3506,18): run-time error CSS1039: Token not allowed after unary operator: '-header-menu-item-height' */ :root { --color-content-background: white; --card-padding: 1em; --card-radius: 0.8em; --color-blue: #4791e5; --color-gray: #e2ebf6; --color-dark-gray: #c4d1e1; --color-red: #b51010; --radio-border-width: 2px; --radio-size: 1.5em; --color-validation-error: #a94442; --color-validation-error-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ce8483; --color-validation-warning: #a7a942; --color-validation-success: #42a944; --color-table-alternate-color: #eeeeee; --color-table-hover-color: #f6f6f6; --panel-border-color: #ddd; --color-border: #E5E5E5; /* color tone from button background */ --color-icon-danger: #d9534f; --color-alert-danger: #C21E1E; --color-icon-warning: #f0ad4e; --color-icon-primary: #337ab7; --color-icon-success: #5cb85c; --main-content-nav-height: 60px; --create-page-column-border: solid 1px var(--color-border); --color-navbar-hover-background: #eee; --menu-layout-min-height: 850px; --header-menu-item-width: 32px; --header-menu-item-height: 32px; --nav-height: 53px; --templateSet-header-height: 2.5rem; --query-page-nav-level-buttons-margin-right: 15px; } :root { --menu-item-active-text-color: white; --menu-item-active-background-color: var(--color-blue); --menu-item-hover-text-color: white; --menu-item-hover-background-color: #78cbfb; --sprite-icon-background-48: url("../App_Sprites/DD-icons-sprite-48px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); --sprite-icon-background-48-width: 48px; --sprite-icon-background-48-height: 48px; --sprite-icon-position-dashboard-head: -192px -56px; --sprite-icon-position-dashboard: -192px -48px; --sprite-icon-position-dashboard-active: -0px -48px; --sprite-icon-position-dashboard-hover: -96px -48px; --sprite-icon-position-devices-head-active: -192px -153px; --sprite-icon-position-devices-head-inactive: -48px -153px; --sprite-icon-position-devices: -192px -144px; --sprite-icon-position-devices-active: -0px -144px; --sprite-icon-position-devices-hover: -96px -144px; --sprite-icon-position-communicators-head-active: -192px -392px; --sprite-icon-position-communicators-head-inactive: -48px -392px; --sprite-icon-position-communicators: -192px -384px; --sprite-icon-position-communicators-active: -0px -384px; --sprite-icon-position-communicators-hover: -96px -384px; --sprite-icon-position-products-head: -192px -201px; --sprite-icon-position-products: -192px -192px; --sprite-icon-position-products-active: -0px -192px; --sprite-icon-position-products-hover: -96px -192px; --sprite-icon-position-pagefeeds-head-active: -192px -345px; --sprite-icon-position-pagefeeds-head-inactive: -48px -345px; --sprite-icon-position-pagefeeds: -192px -338px; --sprite-icon-position-pagefeeds-active: -0px -338px; --sprite-icon-position-pagefeeds-hover: -96px -338px; --sprite-icon-position-users: -192px -240px; --sprite-icon-position-users-active: -0px -240px; --sprite-icon-position-users-hover: -96px -240px; --sprite-icon-position-settings: -192px -768px; --sprite-icon-position-settings-active: -0px -768px; --sprite-icon-position-settings-hover: -96px -768px; --sprite-icon-position-about-head: -192px -297px; --sprite-icon-position-about: -192px -288px; --sprite-icon-position-about-active: -0px -288px; --sprite-icon-position-about-hover: -96px -288px; } body > div.container-fluid { background-color: #eeeeee; height: auto !important; overflow: auto; border-bottom: 1px solid #808080; } button.borderlessButton:hover, button.borderlessButton:active, button.borderlessButton:hover:active, button.borderlessButton:focus { color: initial; background-color: initial; border-color: transparent; box-shadow: initial; } button.borderlessButton { border-color: transparent; box-shadow: none; } .selectpicker { padding: 0px !important; } .check-mark { color: var(--color-blue) !important; } .location-import-title { width: 185px !important; } .validation-summary-errors ul { margin: 0; padding: 0; } .validation-summary-errors li { display: inline; list-style: none; } .validation-summary-errors { color: #e80c4d !important; font-weight: bold; font-size: 1.1em; } .errorBannerText { margin-right: 10px; } #searchBtn { background-color: var(--color-blue); color: #fff; } #exportBtn { background-color: var(--color-blue); color: #fff; margin-top: 10px; } #actionBtn { background-color: var(--color-blue); color: #fff; margin-left: 10px; width: 58px; padding: 0; } #actionBtn[disabled] { pointer-events: all; cursor: not-allowed; } #exportBeginBtn { background-color: var(--color-blue); color: #fff; margin-left: 10px; width: 71px; } #deviceActionButtons { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 143px; } select-picker#deviceActionButtons > div.dropdown { width: 100%; } .actionTitle { margin-left: 15px; margin-top: 10px; } /* -- Bootstrap modifications -- */ html, body { height: 100%; } .navbar-header { width: 100% !important; } body { font-size: 12px; } #inspector-container select-picker.highlighted { border: solid var(--color-blue); } #inspector-container .bootstrap-select.highlighted button, #inspector-container input.highlighted { border: solid var(--color-blue); padding: 4px 10px; } .twitter-typeahead .tt-input{ border-bottom-left-radius:0; border-top-left-radius:0; } #locationOverviewTable .resume-btn-list.disabled, #locationOverviewTable .pause-btn-list.disabled { color:grey; cursor:default; } #locationOverviewTable .imageDeliveryStatusIcon{ padding-left: 3px; padding-right: 5px; } #downloadLogBtn{ margin-bottom:10px; } #locationActionButtons { border-top:solid 1px #eee; display: flex; } .location-filters-panel { width: 280px; } .location-filters-panel .twitter-typeahead { width: 100% } .alert-filterInfo { color: white; background-color: var(--color-blue); border-color: var(--color-blue); } .alert-filterInfo .close { opacity: 1.0; color: white; line-height: 0.8; } .floating { position: fixed; left: 10px; top: 10px; right: 10px; z-index: 1000; } .full { height: auto; } .full.actionCol { text-align: center; } .restrict-highlight { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #body { background-color: #fff; /*#d3d3d3;*/ font-size: 12px; } header { background-color: #FFFFFF; /*border-bottom: solid 2px #C21E1E !important;*/ box-shadow: 0px 4px 5px grey; } .center-block { float: none !important; } header.public { height: 130px; border-bottom: solid 1px darkgrey; } footer { position: absolute; bottom: 0; width: 100%; height: 60px; } header.public .logo { margin-top: 30px; } header.public .logo:hover { cursor: pointer; } .nav a { color: #000000; font-weight: bold; text-transform: uppercase; } .center-title { color: #fff; color: var(--color-blue); font-size: 23px; padding: 10px 20px 4px 15px; } .nav-tabs { border: none !important; } nav { border-bottom: solid 1px #808080; padding: 0; } nav { height: var(--main-content-nav-height); width: 100%; } nav .dropdown a { padding: unset; font-size: unset; display: unset; color: unset; } nav a { font-size: 23px; color: #AAAAAA; display: inline-block; padding: 10px 20px 4px 15px; } nav a.active { color: var(--color-blue); border-bottom: solid 5px var(--color-alert-danger); background-color: #fff; } /* Section to make help link look like a button */ .nav > li a.helplink { text-decoration: bold; } /* Section to make help link look like a button - end */ /* Progress */ .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; animation-direction: reverse; -webkit-animation-direction: reverse; } .progress-bar-show-text { color: var(--color-blue) !important } /* Version Number - Begin */ .version-number { color: #171A32; cursor: default; } /* Version Number - End*/ h5 { color: var(--color-blue) !important; margin-left: 15px; } #nav-level-buttons { padding-top: 15px; padding-right: 18px; border-bottom: solid 1px #808080; } #nav-level-buttons.location-page-nav-level-button { margin-right: var(--query-page-nav-level-buttons-margin-right); } .nav-icon { padding-top: 20px; } .nav-icon-link { padding-left: 48px; padding-top: 12px; margin-top: 10px; margin-left: 10px; } .form-horizontal .control-label { text-align: left !important; } .table tbody td { height: 30px; vertical-align: middle !important; } th .icon { margin-top: -10px; } #modelStateErrorToast { margin-top: 20px; margin-bottom: 10px; } .has-error .field-validation-error.help-block { display: block; } .field-validation-error.help-block { display: none; } .gutterless { margin: 0 !important; padding: 0 !important; } .gutterless-left { padding-left: 0 !important; } .gutterless-right { margin-right: 0 !important; padding-right: 0 !important; } .borderless { border: 0 !important; } /* -- End of Bootstrap modifications -- */ .add-something { background-color: #84D676; color: #000; } .add-something.disabled { background-color: #656666; } .add-something.disabled div button { color: #fff !important; } .add-something.disabled:hover { background-color: #656666 !important; } .table-layout { display: table; width: 100%; table-layout: fixed; } .table-layout .table-cell:not(.hidden) { display: table-cell; vertical-align: top; } .fixed-width-27 { min-width: 27px; width: 27px; } .fixed-width-32 { width: 32px !important; } .fixed-width-240 { min-width: 240px; width: 240px; } .fixed-width-280 { min-width: 280px; width: 280px; } .fixed-width-300 { width: 300px; } .no-padding { padding: 0 !important; margin: 0 !important; } .table-no-padding { margin: 0 !important; } .row { margin-right: 0 !important; margin-left: 0 !important; } .divider-top { border-top: 1px solid #808080; } .divider-right-light { background-color: white; } .divider-left { border-left: solid 1px #808080; } .divider-right { border-right: solid 1px #808080; } #filter-container { padding: 10px 5px 10px 20px; border-bottom: solid 1px #808080; } #filter-container form { display: inline-block; } #filter-container ul, #filter-container select, #filter-container input { margin-left: 15px !important; } #filter-container ul { display: inline-block; margin: 0; padding: 0; background-color: #fff; border-radius: 4px; } #filter-container li { display: inline-block; list-style: none; border-radius: 3px; background-color: #fff; margin: 0; } #filter-container li a img { margin: 5px; } #filter-container li:hover, #filter-container li.active:hover { background-color: #d3d3d3; } #filter-container li.active { background-color: #B4B4B8; } .workarea { background-color: #EEEEEE; border: solid 1px var(--color-border); } .overflow { overflow: auto; } #form-login { margin-top: 60px; } #main-content-nav nav .dropdown span { display: unset; padding-top: unset; padding-left: unset; vertical-align: unset; } #main-content-nav nav span { display: inline-block; padding-left: 10px; vertical-align: top; } .menu-icon:before { content: ''; display: inline-block; width: var(--sprite-icon-background-48-width); height: var(--sprite-icon-background-48-height); background: var(--sprite-icon-background-48); } .head-icon:before { content: ''; display: inline-block; width: var(--sprite-icon-background-48-width); height: 32px; background: var(--sprite-icon-background-48); } .head-icon,.head-icon-fontawesome { height: var(--main-content-nav-height); } .head-icon-fontawesome-title { margin-left: 3px; } .head-dashboard:before { background-position: var(--sprite-icon-position-dashboard-head); } .head-devices.active:before { background-position: var(--sprite-icon-position-devices-head-active); } .head-devices:before { background-position: var(--sprite-icon-position-devices-head-inactive); } .head-products:before { background-position: var(--sprite-icon-position-products-head); } .head-datafeeds.active:before { background-position: var(--sprite-icon-position-pagefeeds-head-active); } .head-datafeeds:before { background-position: var(--sprite-icon-position-pagefeeds-head-inactive); } .head-users:before { background-position: -192px -249px; } .head-about:before { background-position: var(--sprite-icon-position-about-head); } .head-communicators.active:before { background-position: var(--sprite-icon-position-communicators-head-active); } .head-communicators:before { background-position: var(--sprite-icon-position-communicators-head-inactive); } .head-create:before { background-position: -48px -530px; } .head-publish:before { background-position: -48px -626px; } .head-subtemplate:before { background-position: -48px -530px; } .head-dataselect:before { background-position: -192px -672px; } .head-datamap:before { background-position: -192px -626px; } .head-historylog:before { background-position: -192px -482px; } .head-designer:before { background-position: -192px -432px; } .head-dynamiccolumn:before { background-position: -192px -720px; } .head-assignproducts:before { background-position: var(--sprite-icon-position-products); } .active.head-create:before { background-position: -192px -530px; } .active.head-publish:before { background-position: -192px -626px; } .active.head-subtemplate:before { background-position: -192px -530px; } #main-content { background-color: #EEEEEE; } #main-content-nav { background-color: #FFF; } .designer-page { background-color: #FFFFFF; } .overview-panel { padding-top: 10px; background-color: #fff; margin: 8px; box-shadow: 0 0 2px 1px #BEBEBE; } .overview-panel div.title { font-weight: lighter; font-size: 150%; margin-bottom: 10px; } .overview-panel div.value { font-weight: bold; font-size: 200%; } .overview-panel p.summary { color: #808080; } .overview-panel svg { height: 146px; width: 146px; } .total-panel { padding: 10px 0 0 0; background-color: #fff; box-shadow: 0 0 2px #656666; margin-left: 15px; margin-top: 15px; width: 230px; display: inline-block; vertical-align: top; } .total-panel div.title { font-weight: lighter; font-size: 130%; color: var(--color-blue); padding: 10px 10px 10px 15px; } .total-panel div.supertitle { font-size: 34px; padding: 10px 10px 10px 15px; border-top: solid 1px #EEEEEE; } .total-panel div.value { font-weight: bold; font-size: 200%; text-align: center; margin-bottom: 10px; } .device-type-cell { cursor: pointer; } div.title { color: #000000; } location-card-detail-horizontal-row { display: flex; gap: 1rem; } locaiton-detail-card-horizontal { display: block; flex-grow: 1; } location-detail-card-horizontal-inner { display: flex; gap: 1rem; } location-detail-card-horizontal-inner > *:last-child { min-width: 100px; } location-detail-card-horizontal-inner > *:first-child { min-width: 340px; } locaiton-card-horizontal { display: block; width: 230px; height: 100%; } div.license-status-list { float: left; margin-left: 3px; } .hht-setup-btn { width: 90%; margin: 0 auto; } .inline-block { display: inline-block; } .clear-both { clear: both; } /* -- Bootstrap Modal Popup -- */ .title-blue { color: var(--color-blue); font-size: 2.2em; } .modal-body { font-size: 1.2em; } .location-modals .modal-body { font-size: 1em; } /* -- End Bootstrap Modal Popup -- */ /* -- Templates - Create -- */ #importTemplateSelectionList { border: 2px solid #ccc; overflow-y: scroll; height: 244px; } .import-item-checkbox { left: 10px !important; position: relative !important; padding-top: 3px !important; } .import-title { font-weight: bold !important; margin-bottom: 5px !important; } #chkImageCacheClear ~ label.checkAlternate:before { top: 2px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #export-template-sets { margin-right: 20px; } } /* -- icon buttons --*/ .data-feed .btn.icon, .feed-rule .btn.icon, .rule-template .btn.icon, .data-feed-header .btn.icon { background: url('../images/DD-icons-sprite-24px.png') 0px 0px no-repeat transparent; content: ""; width: 24px; height: 24px; display: inline-block; } #templatesTable .btn.icon, #subtemplatesTable.full-width-subtemplatetable .btn.icon { background: url('../images/DD-icons-sprite-24px.png') 0px 0px no-repeat transparent; content: ""; width: 24px; height: 24px; display: inline; } .data-feed-column { height: 60px; margin-bottom: 10px; margin-left: 10px; padding: 3px; box-shadow: 0 0 2px #656666; } .data-feed-column-draggable { border: solid 1px; margin: 0px; padding: 0px; } .data-feed-column:hover { background-color: #78cbfb; } .data-feed-column span.index, .in-drag span.index { display: inline-block; width: 20px; height: 20px; color: #fff; text-align: center; border-radius: 9px; } .data-feed-column span.title, .in-drag span.title { font-weight: bold; } .data-feed-column div.action { float: right; } .rules-title-row { background-color: white; margin: 0; padding-bottom: 20px; } .sub-count-header { float: left; width: 100%; } .sub-count-title { float: left; width: 42%; } .sub-count-broken { color: red; display: inline; } .sub-count-icon { float: right; margin-left: 3px; margin-right: 3px; } .sub-count-content { float: right; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Styling modal for create template page */ #add-device-create, #add-device-clone { width: 100%; } .select-device-radio-buttons label.radio-label { position: relative; top: 2px; } .modal-title { color: var(--color-blue); font-size: 2.2em; } .modal-body.create-template { font-size: 1.2em; } .feed-title { height: var(--templateSet-header-height); border-bottom: 1px solid #EEEEEE; margin-bottom: -1px; } #rules-container-border { height: var(--templateSet-header-height); border-bottom: 1px solid #EEEEEE; margin-bottom: -1px; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } #rules-container-border > div { display: flex; flex-direction: row-reverse; align-items: center; gap: 0.5rem; } .add-rule-name { width: 100% !important; } .addDisplayModalTitle { margin-bottom: 10px; color: var(--color-blue); } /* End Styling modal for create template page */ .create-page-column-border { border: var(--create-page-column-border); } /* Data feed specific style for create template page */ .create-template .data-feed { height: 75px; border-bottom: var(--create-page-column-border); } .create-template .data-feed .btn { color: #B0B0B0; } .create-template .data-feed .title-container { margin-top: 5px; } /* Start of Data feed specific style for publish template page */ .data-feed-header .btn.btnViewFeedHistory { margin: 5px; display: block; background-position: -24px -120px; } .data-health-span { display: inline-block; width: 28px; height: 48px; color: #fff; text-align: center; border-radius: 14px; font-weight: bold; font-size: 11pt; padding: 4px; margin-top: -8px; } .data-health-span.health { width: 48px; } .data-field-div { white-space: nowrap; } #schedule-canvas-overlay { position: absolute !important; z-index: 10; background-color: #aaaaaa; opacity: 0.6; height: 800px; } /*End of Data feed specific style for publish template page*/ #view-schedule-span { color: rgba(0,0,0,0.7); } /* Data feed specific style for scheduler */ .scheduler .data-feed { height: 60px; margin-bottom: 10px; padding: 3px; box-shadow: 0 0 2px #656666; } .row.schedule-unavailable { height: 80vh; } .schedule-unavailable-thumbnail { margin-top: 100%; text-align: center; color: #aaaaaa; font-size: 1.2em; } .schedule-unavailable-thumbnail .no-data-image { display: inline-block; width: 48px; height: 48px; background: url("../App_Sprites/DD-icons-sprite-48px.png") no-repeat scroll 0 0 rgba(0,0,0,0); background-position: -48px -476px; } .data-feed-draggable { border: solid 1px; margin: 0px; padding: 0px; } .data-feed:hover { background-color: #78cbfb; color: white; } .default_sched span.index, .data-feed span.index, .in-drag span.index { display: inline-block; width: 28px; height: 28px; color: #fff; text-align: center; border-radius: 14px; font-weight: bold; font-size: 11pt; padding: 4px; } .data-feed.unavailable span.index { display: inline-block; width: 28px; height: 28px; text-align: center; border-radius: 14px; font-weight: bold; font-size: 11pt; padding: 4px; color: grey; } .column-title.scheduler { text-align: center; color: var(--color-blue); font-size: 1.5em; margin-top: 7px; } #feed-container hr, #schedule-inspector hr { margin-top: 5px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .data-feed span.scheduled.schedIndicator { background-color: transparent; } .data-feed span.title, .in-drag span.title .default_sched span.title, .data-feed span.title, .in-drag span.title { font-weight: bold; font-size: 12px; } .data-feed .btn.btnSelectFeedData { background-position: -24px -25px; } /*Start of Data feed history styling*/ .data-feed-history { color: #428bca; } /*End of Data feed history styling*/ /* -- active states and hovers -- */ .data-feed.active, .feed-rule.active, .feed-rule.active div.title, .feed-rule.active div.subtitle { background-color: var(--color-blue); color: #fff; } .data-feed.unavailable, .feed-rule.unavailable { background-color: white; color: #aaa !important; text-align: center; padding-top: 0px !important; } .data-feed.active .btn.btnSelectFeedData { background-position: 0px -25px; } .data-feed:hover .btn.btnSelectFeedData { background-position: -48px -25px; } .data-feed-unavailable-image { display: inline-block; width: 48px; height: 48px; background: url("../App_Sprites/DD-icons-sprite-48px.png") no-repeat scroll 0 0 rgba(0,0,0,0); background-position: -48px -336px; opacity: 0.5; } .feed-rule-unavailable-image { display: inline-block; width: 48px; height: 48px; background: url("../App_Sprites/DD-icons-sprite-48pxv2.png") no-repeat scroll 0 0 rgba(0,0,0,0); background-position: -48px -1056px; opacity: 0.5; } .data-feed:hover .title { color: #fff; } .feed-rule.unavailable div.title { text-align: left; color: #aaa !important; } .data-feed.unavailable:hover .title, .feed-rule.unavailable:hover .title, feed-rule.unavailable:hover div.subtitle { color: #aaa !important; } .add-something.unavailable { text-align: left; background-color: rgba(0, 0, 0, 0); } .add-something.unavailable:hover { text-align: left; background-color: #eeeeee !important; } .data-feed:hover .btn-link, .data-feed.active .btn-link { color: #fff; } .display.unavailable { text-align: center; color: #aaa; } .template-set-data-source-item > div { display: flex; justify-content: space-between; gap: 0.5rem; } .template-set-data-source-item > div > div { display: flex; gap: 0.5rem; align-items: center; } .no-text-decoration { text-decoration: none !important; } /* -- end of active states and hovers -- */ /* -- file upload button style --*/ .fileUpload { position: relative; overflow: hidden; margin: 0px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } /* -- end of upload styles -- */ .feed-rule { --var-padding-left: 18px; --var-padding-top: 10px; --var-padding-right: 10px; --var-padding-bottom: 10px; height: 75px; border-bottom: solid 1px var(--color-border); padding: var(--var-padding-top) var(--var-padding-right) var(--var-padding-bottom) var(--var-padding-left); font-size: 12px; position: relative; } .rule-name-div { font-weight: bold; } .rule-name-drag-handle { background: url('../images/DD-icons-sprite-24px.png') 0px -699px no-repeat transparent; content: ""; width: 24px; height: 24px; vertical-align: middle; cursor: -webkit-grabbing !important; } .rule-name-label { width: 154px !important; } .rule-name-drag-handle:active { cursor: -webkit-grabbing !important; } .feed-rule .btn, .data-feed .btn { color: #000000; font-weight: bold; } .feed-rule div.title { font-weight: bold; } .feed-rule div.subtitle { color: #AAAAAA; } div.vertical-center:before { content: ""; height: 100%; width: 100%; display: inline-block; } div.vertical-center { display: block; margin: auto; padding: 0; } .data-feed.add-something #btnViewSchedule:before { background-position: 0px -146px; } .feed-rule #btnAddRule { --bs-btn-padding-x: 0; --bs-btn-padding-y: 0; } .feed-rule .rule-actions { width: 25px; display: flex; flex-direction: column; gap: 0.25rem; } .feed-rule .space { width: 25px; height: 8px; } .feed-rule .btn span { display: inline-block; vertical-align: middle; } .feed-rule .rule-handle { position: absolute; top: 0.75rem; left: 0.75rem; cursor: pointer; z-index: 100; } .feed-rule .rule-detail { position: absolute; top: var(--var-padding-top); right: var(--var-padding-right); bottom: var(--var-padding-bottom); left: var(--var-padding-left); } .feed-rules-nondefault .rule-title-container { height: 74px; width: 195px; margin: -12px 0px 0px -17px; padding: 12px 0px 0px 17px; } .feed-rule-hover, .feed-rule-hover div.title, .feed-rule-hover div.subtitle { color: #fff; } .feed-rule-hover .btn-link { color: #fff; } .feed-rule-hover { background-color: #78cbfb; } .add-something-hover { background-color: #47a447 !important; } .rule-template { display: inline-block; width: 250px; height: 250px; background-color: #fff; box-shadow: 0 0 2px 1px #BEBEBE; margin: 10px; vertical-align: top; } .rule-template.view-template-only { /* There's no management actions so remove that height*/ height: 220px; } .rule-template .btn.btnReloadTemplate { background-position: -24px -96px; } .rule-template div.title { border-bottom: solid 1px var(--color-border); color: var(--color-blue); height: 30px; padding-left: 15px; padding-top: 5px; } .rule-template div.display { height: 190px; overflow: hidden; width: 99.7%; } .rule-template div.actions { border-top: solid 1px var(--color-border); height: 30px; padding-left: 10px; padding-right: 10px; } .rule-template.add-something { box-shadow: none; background-color: #84D676; } .rule-template.add-something #btnAddDevice { padding: 48px 68px; } .rule-template.add-something div.subtitle { text-align: center; font-weight: bold; } /*Start of Edit Template Modal Styling*/ #currentUserText { color: var(--color-blue); } #timeEditedText { color: var(--color-blue); font-size: 1em; font-style: italic; } /*End of Edit Template Modal Styling*/ .select-device-radio-buttons label.radio-label { position: relative; top: 2px; } .modal-dialog-md { width: 500px !important; } .modal-content-md { width: 500px !important; } /* Scheduler styling*/ .time-seg { font-size: 12px; height: 32px; padding-bottom: 0; padding-top: 12px; position: relative; top: -15px; vertical-align: top; } svg.canvas-background { position: absolute; padding-right: 30px; background: url("../Images/Lines.PNG") repeat scroll 0 0 rgba(0, 0, 0, 0); z-index: -1; height: 1537px; } .default_sched.ui-droppable { padding-left: 4px; padding-top: 0px; } .svg-container { height: 1530px; position: relative; overflow: hidden; padding: 0px; margin: 0px; display: block; } div.in-drag-backing { padding: 0px; padding-bottom: 2px; text-align: left; } .ui-draggable span { display: block; } .in-drag-backing .in-drag { margin-top: 0px; margin-bottom: 0px; } div.in-drag-backing, div.ui-dragOrigin { display: block; } div.in-drag div span { margin: 5px; } div.in-drag-backing.label-outlet { position: absolute; border: none; } div.in-drag-backing .in-drag { width: 100%; height: 100%; border: solid 3px transparent; } div.in-drag-backing.ui-selected .in-drag { border: Solid 3px; border-color: cornflowerblue; } div.in-drag-backing.ui-errorstate-temp div.in-drag, div.in-drag-backing.ui-errorstate div.in-drag { border: solid 3px red; } div.eigth_width { width: 10.7%; display: inline-block; text-align: center; } div.header_area div.eigth_width, div.grid_area div.eigth_width { border-left: solid 1px rgba(0,0,0,0.25); border-right: solid 1px rgba(0,0,0,0.25); } .full_width { width: 100%; display: inline-block; } /*colours for the data sources*/ #feed-container.scheduler div.data-feed:nth-of-type(6n+0) { background-color: #87c076; } #feed-container.scheduler div.data-feed:nth-of-type(6n+1) { background-color: #76a5c0; } #feed-container.scheduler div.data-feed:nth-of-type(6n+2) { background-color: #c07676; } #feed-container.scheduler div.data-feed:nth-of-type(6n+3) { background-color: #d39960; } #feed-container.scheduler div.data-feed:nth-of-type(6n+4) { background-color: #e8d882; } #feed-container.scheduler div.data-feed:nth-of-type(6n+5) { background-color: #cfb1e6; } #data-feed-0 { background-color: #76a5c0; } #data-feed-1 { background-color: #c07676; } #data-feed-2 { background-color: #d39960; } #data-feed-3 { background-color: #e8d882; } #data-feed-4 { background-color: #cfb1e6; } #data-feed-5 { background-color: #87c076; } .label-outlet .icon-display.trashIcon { width: 24px; height: 24px; background-image: url("../images/DD-icons-sprite-24px.png"); background-repeat: no-repeat; position: absolute; bottom: 4px; left: 3px; cursor: pointer; /*also set icon image in bground when we get it*/ } .default_sched .icon-display.trashIcon { width: 24px; height: 24px; background-image: url("../images/DD-icons-sprite-24px.png"); background-repeat: no-repeat; cursor: pointer; float: right; } .drop-hover { background-color: rgba(255, 216, 0,0.05) !important; } .label-outlet .icon-display.repeatIcon { width: 24px; height: 24px; float: right; background-image: url("../images/DD-icons-sprite-24px.png"); background-repeat: no-repeat; margin-top: 3px; position: absolute; right: 3px; top: 0; } .default_sched span.index { float: left; } .default_sched .icon-display.repeatIcon { width: 24px; height: 24px; float: none; background-image: url("../images/DD-icons-sprite-24px.png"); background-repeat: no-repeat; margin-top: 3px; } .icon-display.repeatIcon.repeat-week { background-position: -0px -168px; } .ui-selected .in-drag .icon-display.repeatIcon.repeat-week:hover { background-position: -48px -168px; } .ui-selected .in-drag .icon-display.repeatIcon.repeat-week { background-position: -0px -168px; } .icon-display.repeatIcon.repeat-none { background-position: -0px -192px; } .ui-selected .in-drag .icon-display.repeatIcon.repeat-none:hover { background-position: -48px -192px; } .ui-selected .in-drag .icon-display.repeatIcon.repeat-none { background-position: -0px -192px; } .schedule-table, .schedule-table tbody, .schedule-table tr, .schedule-table td { position: relative; margin: 0px; padding: 0px; } .schedule-table th, .schedule-table td { width: 12.5%; min-width: 12.5%; max-width: 12.5%; padding: 0px !important; margin: 0px !important; } table.schedule-table > thead > tr > th, table.schedule-table > tbody > tr > th, table.schedule-table > tfoot > tr > th, table.schedule-table > thead > tr > td, table.schedule-table > tbody > tr > td, table.schedule-table > tfoot > tr > td { padding-left: 0px; padding-right: 0px; } /* end of scheduler styling*/ .productDescription { width: 180px; display: inline-block; } div.productsList:not(.hidden) { z-index: 100; position: fixed; border: 1px solid #ccc; background-color: #f2f2f2; padding: 10px; min-width: 154px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-radius: 5px; display: inline; } /* check box styling v2*/ input[type="radio"]:not(:checked), input[type="radio"]:checked, input[type="checkbox"]:not(:checked), input[type="checkbox"]:checked { position: absolute; left: -9999px; } /* modify this to make positioning in table headers play nicely with the grid lines */ table input[type="radio"]:not(:checked) ~ label.checkAlternate, table input[type="radio"]:checked ~ label.checkAlternate, table input[type="checkbox"]:not(:checked) ~ label.checkAlternate, table input[type="checkbox"]:checked ~ label.checkAlternate, table input[type="checkbox"]:not(:checked) ~ label.checkTriState, table input[type="checkbox"]:checked ~ label.checkTriState { margin-bottom: 12px; top: -9px; } input[type="radio"]:not(:checked) ~ label.checkAlternate, input[type="radio"]:checked ~ label.checkAlternate, input[type="checkbox"]:not(:checked) ~ label.checkAlternate, input[type="checkbox"]:checked ~ label.checkAlternate, input[type="checkbox"]:not(:checked) ~ label.checkTriState, input[type="checkbox"]:checked ~ label.checkTriState { position: relative; padding-left: 20px; cursor: pointer; margin-bottom: 15px; } /* checkbox aspect */ input[type="checkbox"] ~ label.checkAlternate:before, input[type="checkbox"] ~ label.checkTriState:before { content: ''; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; border: 1px solid #aaa; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3); } input[type="radio"] ~ label.checkAlternate:before, input[type="radio"] ~ label.checkTriState:before { content: ''; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; border: 1px solid #aaa; border-radius: 10px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3); } input[type="radio"]:not(:checked) ~ label.checkAlternate:before, input[type="checkbox"]:not(:checked) ~ label.checkAlternate:before, input[type="checkbox"]:checked ~ label.checkTriState:before { background-color: white; } input[type="radio"]:checked ~ label.checkAlternate:before, input[type="checkbox"]:checked ~ label.checkAlternate:before, input[type="checkbox"]:not(:checked) ~ label.checkTriState:before { background-color: #3c92e9; } /* checked mark aspect */ input[type="radio"]:not(:checked) ~ label.checkAlternate:after, input[type="radio"]:checked ~ label.checkAlternate:after, input[type="checkbox"]:not(:checked) ~ label.checkAlternate:after, input[type="checkbox"]:checked ~ label.checkAlternate:after { font-family: initial; content: '✔'; position: absolute; color: white; top: 5px; left: 3px; font-size: 10px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } input[type="checkbox"]:not(:checked) ~ label.checkTriState:after, input[type="checkbox"]:checked ~ label.checkTriState:after { content: '—'; position: absolute; color: white; top: 3px; left: 3px; font-size: 10px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } /* checked mark aspect changes */ input[type="radio"]:not(:checked) ~ label.checkAlternate:after, input[type="checkbox"]:not(:checked) ~ label.checkAlternate:after, input[type="checkbox"]:checked ~ label.checkTriState:after { opacity: 0; transform: scale(0); } input[type="radio"]:checked ~ label.checkAlternate:after, input[type="checkbox"]:checked ~ label.checkAlternate:after, input[type="checkbox"]:not(:checked) ~ label.checkTriState:after { opacity: 1; transform: scale(1); } /* disabled selectpicker */ .bootstrap-select select:disabled ~ button, .bootstrap-select select:disabled ~ button:hover, .bootstrap-select select:disabled ~ button:disabled:hover { background-color: #eee !important; color: black !important; } .bootstrap-select select:disabled ~ button.bs-placeholder, .bootstrap-select select:disabled ~ button.bs-placeholder:hover, .bootstrap-select select:disabled ~ button.bs-placeholder:disabled:hover { color: #555 !important; } .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected.disabled a span.check-mark { background-color: var(--color-dark-gray); } .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected.disabled a span.text { color: var(--color-dark-gray); } /* disabled checkbox */ input[type="radio"]:disabled ~ label, input[type="radio"]:disabled ~ label.checkAlternate, input[type="radio"]:disabled ~ label.checkTriState, input[type="checkbox"]:disabled ~ label, input[type="checkbox"]:disabled ~ label.checkAlternate, input[type="checkbox"]:disabled ~ label.checkTriState { cursor: not-allowed; } input[type="radio"]:disabled:not(:checked) ~ label.checkAlternate:before, input[type="radio"]:disabled:checked ~ label.checkAlternate:before, input[type="checkbox"]:disabled:not(:checked) ~ label.checkAlternate:before, input[type="checkbox"]:disabled:checked ~ label.checkAlternate:before, input[type="checkbox"].disabled ~ label.checkAlternate:before, input[type="checkbox"]:disabled:not(:checked) ~ label.checkTriState:before, input[type="checkbox"]:disabled:checked ~ label.checkTriState:before { box-shadow: none; border-color: #999999; background-color: #ddd; } input[type="radio"]:disabled:checked ~ label.checkAlternate:after, input[type="checkbox"]:disabled:checked ~ label.checkAlternate:after, input[type="checkbox"].disabled:checked ~ label.checkAlternate:after, input[type="checkbox"]:disabled:checked ~ label.checkTriState:after, input[type="checkbox"].disabled:checked ~ label.checkTriState:after { color: #999; } input[type="radio"]:disabled ~ label.checkAlternate input[type="checkbox"]:disabled ~ label.checkAlternate, input[type="checkbox"].disabled ~ label.checkAlternate input[type="checkbox"]:disabled ~ label.checkTriState { color: #aaa; } /* accessibility */ input[type="radio"]:checked:focus ~ label.checkAlternate:before, input[type="radio"]:not(:checked):focus ~ label.checkAlternate:before, input[type="checkbox"]:checked:focus ~ label.checkAlternate:before, input[type="checkbox"]:not(:checked):focus ~ label.checkAlternate:before, input[type="checkbox"]:checked:focus ~ label.checkTriState:before, input[type="checkbox"]:not(:checked):focus ~ label.checkTriState:before { border: inherit; } .hidden-radio-button { display: none !important; } /* end of checkbox styling*/ /* -- Data Select -- */ .d-s-table thead { border-top: solid 1px #000000; } .d-s-table thead th { background-color: #cbcbcb; color: var(--color-blue) !important; } .d-s-table thead tr th { background-color: #cbcbcb; height: 30px; } .d-s-table thead tr td { color: #3c92e9; background-color: white !important; height: 30px; } .d-s-table tbody td { height: 30px; vertical-align: middle !important; border-top: 1px solid #ddd; } #dataselect-title { color: var(--color-blue); text-align: center; margin-top: 10px; font-size: 2em; } .button-icon { cursor: pointer; background-color: #EEEEEE; border: solid 1px #B2B2B2; height: 30px; } .dynamic-column-buttons .button-icon { height: 20px; padding: 0 !important; margin: 0 !important; } /*the button is wider that the background*/ .button-icon-sm { width: 51px; } .button-icon-md { width: 64px; } .button-icon-lg { width: 85px; } /*psuedo element to add bg*/ .button-icon:after { content: ''; display: inline-block; width: 24px; height: 24px; background: url("../images/DD-icons-sprite-24px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .btnDeleteDynamicColumn:after { background-position: -24px -51px; } .btnEditDynamicColumn:after { background-position: -24px -2px; } #data-select-fixed-column { background-color: #5cb85c !important; z-index: 2; } #data-select-fixed-column th { background-color: #EEEEEE; padding: 0; } #data-select-fixed-column .dynamic-column-buttons label { margin: 15px 0px 15px 5px; } #data-select-header-button { padding-top: 15px !important; padding-bottom: 3px !important; padding-left: 6px !important; } .data-select-table th { border-bottom: black solid 1px; background-color: #EEEEEE; } .dynamic-column.header { min-width: 200px; } #btnExport { margin-right: 24px; } table.d-s-table.table { border: none !important; margin-top: 0px !important; } .d-s-table.dataTable.no-footer.DTFC_Cloned td { background-color: #51BA6C !important; border: 0 !important; } #data-select-sample-data-overflow-div td, #data-select-sample-data-overflow-div th { padding: 0px 5px !important; display: table-cell; vertical-align: middle !important; } #data-select-sample-data-overflow-div th { background-color: #eeeeee; } .overflow-scroll { height: 100%; overflow-x: scroll; } .row.data-select { height: 100%; } .full-height-col { border-bottom: rgb(51, 51, 51) solid 1px; } .table-height-modifier { height: 85% !important; } #data-select-sample-data-overflow-div thead th label { margin-top: 8px; vertical-align: middle; } .import-export-container-button { font-size: 1.7em !important; } .import-export-container-button:hover { color: #2a6496; cursor: pointer; } #import-export-popover { padding: 0px; } .dynamic-columns-button { width: 100% !important; border: none !important; height: 40px; } .data-select .popover-content { padding: 0px; width: 200px; } .data-select .popover-content .col-sm-12:not(:last-child) { border-bottom: darkgrey solid 1px; } /* -- End of Data Select -- */ /*Start of Dynamic Column Add specific styling*/ .dynamic-column-editor { background-color: white; } .data-feed-column.tool.ui-draggable.dynamic-column { font-weight: bold; width: 100%; padding: 12px 0px 0px 30px; } /*End fo Dynamic Column Add specific styling*/ .panel-title { color: var(--color-blue); background-color: #171A32; padding-right: 15px; } .panel-title h5 { padding: 6px 0px 5px 15px; margin: 0; } .filter-column div { padding: 15px 15px 15px 15px; } .filter-column div.group { border-bottom: solid 1px #EEEEEE; } div.actions button.ok-icon-medium\.png { background-position: -96px 0px; display: block; margin: -20px auto; height: 48px; width: 48px; } div.actions button.warning-icon-medium\.png { background-position: -48px -0px; display: block; margin: -20px auto; height: 48px; width: 48px; } div.actions button.error-icon-medium\.png { background-position: 0px 0px; display: block; margin: -20px auto; height: 48px; width: 48px; } div.actions button.gray { filter: grayscale(100%); } ul.properties-list { margin-left: 5px; } .properties-list .list-inline-item { box-shadow: 0 0 2px 1px #BEBEBE; width: 20%; height: 96px; float: left; margin-right: 5%; } .list-inline .spacer { width: 5%; } .list-inline { margin-bottom: 0; } .boxshadowContainer .focusContent { font-size: 28px; } .boxshadowContainer .title { color: var(--color-blue); font-size: 16px; padding-top: 0.5rem; padding-bottom: 0.5rem; } .sectionSpacing .boxshadowContainer { background-color: white; margin-bottom: 15px; text-align: center; } .boxshadowContainer { box-shadow: 0 0 2px 1px #BEBEBE; } .displayDetailsTable { padding: 10px; } .displayDetailsTable .table-cell .boxshadowContainer { height: 90px; margin-left: 10px; margin-right: 10px; padding-left: 5px; padding-right: 5px; background: white; } .container.overflow { background: #eeeeee; } .sectionSpacing { margin-bottom: 10px; margin-top: 10px; border-bottom: white solid 1px; clear: both; display: inline-block; width: 100%; } .sectionSpacing th { color: var(--color-blue); } .sectionSpacing h2, .sectionSpacing legend { color: var(--color-blue); font-size: 30px; } .sectionSpacing hr { margin-top: unset; margin-bottom: unset; } div.spinner { width: 48px; height: 48px; background: url('../Images/spinner.gif') 0px 0px no-repeat transparent; margin: 8px auto 8px auto; } div.spinner.small { width: 24px; height: 24px; background: url('../Images/spinner.gif') 0px 0px no-repeat transparent; margin: 4px auto 4px auto; } div.spinner.gray { background: url('../Images/spinner-graybackground.gif') 0px 0px no-repeat transparent; } div.spinner.small.gray { background: url('../Images/spinner-small-graybackground.gif') 0px 0px no-repeat transparent; } #spinnerHolder { margin-top: -7px; margin-right: 15px; } #schedule-canvas.col-md-8.col-lg-8 { border-left: 1px solid black; border-right: 1px solid black; overflow-y: hidden; overflow-x: hidden; height: 100%; padding-left: 0px; padding-right: 0px; } .schedule-height { height: 100%; } .eigth_width.col_header { padding-bottom: 10px; padding-top: 10px; } #schedule-inspector > span { color: var(--color-blue); } #feed-container > span { color: var(--color-blue); } .data-feed.sched span.scheduleStatus { color: white; padding-left: 10px; } .data-feed.sched span.scheduled:after { color: white; content: 'Scheduled'; padding-left: 10px; } .data-feed.sched span.notscheduled:after { color: white; content: 'Not Scheduled'; padding-left: 10px; } .full_width.grid_area { z-index: 1; height: 90%; overflow-y: overlay; overflow-x: hidden; } #nav-level-buttons #SaveButton, #nav-level-buttons #CloseButton, #nav-level-buttons #template-save { margin-left: 5px; margin-right: 5px; } .btnCancel:hover { background-color: #ccc !important; } .btnCancel { background-color: #EEEEEE !important; } td .value.title { font-size: 1.5em; } .full-width { width: 100% !important; } #templatesDatatableContainer { min-width: 715px; } #templatesTable_wrapper .col-sm-12, .subtemplate-wrapper-parent #subtemplatesTable_wrapper .col-sm-12 { padding-right: 0px; padding-left: 0px; } #locationOverviewTable.dataTable tbody td.license-status { padding: 0 5px; } #subtemplatesTable.design-subtemplatestable tbody td { padding: 0 0; } #subtemplatesTable.design-subtemplatestable thead th { overflow: hidden; position: relative; border: 0px none; width: 100%; padding: 10px 0px; } #subtemplatesTable.design-subtemplatestable tr.selected { background-color: var(--color-blue); } .model-body #subtemplatesTable_wrapper { margin: 2px; } .value-wrap .value { margin-right: 5px; top: -7px; } .imagesinnerwindow { white-space: nowrap; display: flex; } .imagesinnerwindow .display img { border: 1px solid rgba(0, 0, 0, 0.15); } .lastdate { padding-left: 8px; text-align: center; } .pageImageErrorMessage { text-align: center; padding-left: 7px; color: red; } /* Designer Start */ .row.toolbar { height: auto; border-bottom: 1px solid #EEE; margin-bottom: 10px; } .row.toolbar h6, #object-panel-header h6 { display: inline-block; font-weight: bold; color: var(--color-blue) !important; margin: 0px; } .row.toolbar .toolbar-container { padding-top: 3px; } .row.toolbar .toolbar-container .btn { margin-bottom: 3px; } .row.toolbar .toolbar-container .btn, .row.toolbar .toolbar-container .btn:before { background-color: transparent; width: 24px; height: 24px; padding: 0px; outline: none; } #select-products-modal .control-label { line-height: 34px; } #select-products-modal .form-control[disabled] { background-color: #eee; } #preview-container.fullscreen, #published-preview-container.fullscreen { text-align: center; margin-top: 10%; padding-bottom: 10%; } .multi-preview-container { padding-bottom: 10%; padding-top: 10%; } .preview-image { border: blue 1px solid; max-width: 100%; } #modalFullSizeDeviceTypeImage .preview-image { max-width: unset; } #solo-preview { height: 100%; } /*Start of PowerTip Overides*/ #powerTip { background-color: white !important; color: black !important; border: 1px grey solid; } /*End of PowerTip Overides*/ /* Designer End */ /* anti - anchor in tables*/ table a, table a:hover, table a:focus { color: black; text-decoration: none; } #subtemplatesTable.design-subtemplatestable th:first-child { background: none white !important; } /*blue legends*/ fieldset legend { color: var(--color-blue); margin-left: 15px; padding-top: 15px; } /*prevent last item buttons sitting on base of page*/ fieldset:last-of-type { padding-bottom: 25px !important; } fieldset.margin-bottom { margin-bottom: 25px; } .center-div { margin-left: auto; margin-right: auto; } #updateHistoryTable.table tbody td { height: 20px; } /*Start of Location specific styling*/ .location-head { margin-right: 16px; } .modal-exit-icon { font-size: 20px; margin-left: 5px; margin-top: 3px; color: #BEBEBE; cursor: pointer; } .modal-exit-icon:hover { color: #AAAAAA; } .location-form-group { margin-left: 24px; margin-bottom: 15px; } #location-show-map-button { height: 83px; width: 100%; background-color: #dedede; } #location-show-map-button:hover { background-color: #ccc; } .custom-data-label { margin-top: 1% !important; } .custom-data-textbox { margin-top: 1% !important; width: 54% !important; } .location-textbox { width: 20% !important; } .friendly-location-name-textbox { width: 85% !important; } .location-name-product-override-list { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drilldown-modal { width: 85% !important; } .password-entry-body { margin-bottom: 30px; } .location-status div.detail:last-child { border: 0; } .location-detail-col-title { color: var(--color-blue); font-size: 1.4em; font-weight: normal; } th.location-detail-col-title, tr.location-detail-row { vertical-align: baseline; padding-top: 5px; padding-bottom: 5px; } tr.location-detail-row.detail { border-top: solid 1px #EEEEEE; } .location-detail-col-content { text-align: left; } td.comms-table-action-col { text-align: right; } /*End of Location Specific styling*/ /*Start of Location Restore Backup Styling*/ .restore-backup-table-container { overflow-x: hidden; } .restore-backup-buttons { margin-left: 20px; } /*End of Location Restore Backup Styling*/ /*Start of Locations Processes styling*/ .fieldset-margin { margin-top: 15px; margin-bottom: 15px; } .processes-buttons { margin-top: 15px; margin-bottom: 15px; } .processes-title { margin-bottom: 0 !important; margin-left: 0 !important; font-size: 3.5em !important; color: var(--color-blue); padding-top: 15px; } .process-title-margin-fix { margin-bottom: -35px !important; } /*End of Locations Processes styling*/ /*Start of DataFeed History styling*/ .container-fluid.overflow.data-table-history { background-color: #cbcbcb; } /*End of DataFeed History Styling*/ fieldset.boxshadowContainer { background-color: white; padding: 5px; width: 99%; display: inline-block; } fieldset div div.progress { margin-bottom: 7px; margin-top: 7px; } #productTable_wrapper tbody tr td:hover { cursor: pointer; background-color: #f5f5f5; } #userListTable_wrapper tbody tr td:first-of-type:hover { cursor: pointer; } .modal-body #subtemplatesTable_wrapper tbody tr:hover { cursor: pointer; background-color: #f5f5f5; } .default_sched_holders .eigth_width { border-left: 1px solid rgba(0, 0, 0, 0.25); border-right: 1px solid rgba(0, 0, 0, 0.25); height: 3em; padding-bottom: 0px; padding-top: 0px; position: relative; top: 0; } .default_sched_holders.full_width { border-top: 1px solid rgba(0, 0, 0, 0.25); white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,0.25); } .default_sched_holders .default_sched { width: 87%; display: inline-block; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.25); } .default_sched_holders .default_sched .title { left: 42px; position: absolute; top: 12px; } .default_sched span.index { float: left; position: absolute; margin-top: 4px; } .default_sched_holders .btn.btn-link.btn-xs.icon.icon-display.trashIcon.btnDeleteRule { position: absolute; right: 4px; top: 5px; float: none; } .fixed-width-240.divider-right { background-color: white; } #feed-container .container-fluid > div + div { height: auto; margin-bottom: 15px; } .container > fieldset.boxshadowContainer { margin-top: 35px; } .container > fieldset.boxshadowContainer > legend { position: relative; top: -35px; } div.dataTableSearchHeader { width: 300px; } /*Specific Styling for Users view*/ .resetPasswordLink { background-color: white; color: black; border: #dedede solid 1px; } .reset-button { margin-left: 15px; margin-bottom: 15px !important; } /*Start of User view Modals*/ .modal-title.reset-password { color: var(--color-blue); font-size: 2.5em; } /*End of Styling for Users View*/ .location-background div.container.overflow:last-of-type { padding-bottom: 50px; } .modal-body textarea#advanced-Info { width: 100%; } .modal-body textarea { resize: vertical; } /*Start of Specific Styling for Communitcator views*/ .communicator legend { border-bottom: 0 !important; padding-left: 0; margin-left: 0; padding-top: 15px; } /* End of styling for Communicator views*/ #data-select-fixed-column table thead tr th { text-align: center; } .warnings-list li { background: none repeat scroll 0 0 white; box-shadow: 0 0 2px #656666; display: block; height: auto; list-style: none outside none; margin-bottom: 5px; margin-left: 15px; max-width: 726px; padding-top: 10px; padding-bottom: 10px; position: relative; overflow: auto; } .warnings-list li div { padding-left: 10px; padding-right: 10px; display: inline-block; } .warnings-list li div.title { float: right; } .warnings-list li div.message { border-top: 1px solid #eeeeee; font-size: 20px; display: block; clear: both; width: 100%; } .warnings-list > ul { padding: 0; margin: 0; } div.partial-preview-bar .fa { color: #aaa; } .nofloat-pull-right { position: absolute; right: 5px; } .nofloat-pull-left { position: absolute; left: 5px; } .data-select-height-adjust { padding-top: 0px; padding-bottom: 0px; height: 53px !important; } .super-heading { display: block; color: #cbcbcb; padding-top: 5px; padding-left: 20px; padding-bottom: 0px; margin-bottom: 0px !important; font-weight: bold; } /*Start of Template Design draggable Preview styling*/ .drag-up { background-color: white; } /*End of Template Design draggable Preview styling*/ /*Template preview placeholder image*/ #preview-image.no-image-placeholder { border-width: 0px; } .no-image-placeholder { background: url('../Images/DD_no_image_available.png') no-repeat; -moz-box-sizing: border-box; box-sizing: border-box; width: 250px; /* Width of new image */ height: 190px; /* Height of new image */ } .device-background { box-sizing: border-box; } .device-background.Aura21, .device-background.Chroma21 { background: url('../Images/aura-chroma-21.png') no-repeat center; } .device-background.Aura29, .device-background.Chroma29 { background: url('../Images/aura-chroma-29.png') no-repeat center; } .device-background.Aura42, .device-background.Chroma42 { background: url('../Images/aura-chroma-42.png') no-repeat; background-position: 50% 0px; } .device-background.Chroma60 { background: url('../Images/chroma-60.png') no-repeat; background-position: 50% 0px; } .device-background.epop50 { background: url('../Images/epop-50.png') no-repeat center; } .device-background.epop55 { background: url('../Images/epop-55.png') no-repeat center; } .device-background.epop300 { background: url('../Images/epop-300.png') no-repeat center; } .device-background.epop500 { background: url('../Images/epop-500.png') no-repeat center; } .device-background.epop900 { background: url('../Images/epop-900.png') no-repeat center; } .pricetemplate > li { border: 1px solid #428bca; display: inline-block; padding: 5px; width: 170px; } .pricetemplate > li.divider { background: transparent; border: none; } .pricetemplate > li > a:hover { text-decoration: none; } .pricetemplate > li > a:focus { text-decoration: none; } .pricetemplate > li > a:focus div { text-decoration: none; } ul.pricetemplate { padding: 0; } .selectedPriceTemplate a { color: white; background-color: #428bca; } .selectedPriceTemplate div.layout-container { background-color: #428bca; color: white; } /*pointer cursor for drill down items*/ td.drillDownCol:not(:empty) { text-align: center; } table.dataTable tbody tr.drilldownRow { cursor: pointer; } table.dataTable tbody tr.drilldownRow:hover { background-color: #f5f5f5; } .cardVSpacer { height: 17px; } .hht-setup-btn { width: 90%; margin: auto; } /*Start of ManageDisplay page styling*/ .bluetoothPropButton { margin-right: 30px; } /*End of Manage Display page styling*/ /* Set the colour of all table rows that have the class "odd" to grey except for selected ones (product page) */ tr.odd:not(.selected) { background-color: var(--color-table-alternate-color); } table.dataTable.hover tbody tr:hover { background-color: var(--color-table-hover-color); } /*Start of Device Index page styling*/ #deviceOverviewTable tr td .form-control { height: 25px; } .nowrap { white-space: nowrap; } .temp-beacon { display: inline-block; width: 24px; height: 24px; background: url("../App_Sprites/DD-icons-sprite-24px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position: -48px -912px; } .advert-beacon { display: inline-block; width: 24px; height: 24px; background: url("../App_Sprites/DD-icons-sprite-24px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position: -96px -912px; } #main-content-nav .advert-beacon { display: inline-block; width: var(--sprite-icon-background-48-width); height: var(--sprite-icon-background-48-height); margin-top: 12px; background: var(--sprite-icon-background-48); background-position: -206px -912px; } .progress-spinner { color: green; } .progress-failed-spinner { color: red; } #deviceOverviewTable td.link-column { cursor: pointer; } #devicesNotCompatible { height: 110px; border: 1px solid rgb(229,229,299); overflow-y: scroll; } #devicesNotCompatible li { list-style: decimal-leading-zero; } #devices-actions-loading-container { text-align: center; } .show-export-modal { background-color: var(--color-blue) !important; color: #fff !important; float: right; } .device-status { width: 55px; } #ExportFilenameContainer { margin-top: 10px; margin-bottom: 10px; } .bootstrap-select.show-tick .glyphicon.check-mark { content: ''; position: absolute; width: 15px; height: 15px; border: 1px solid #aaa; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3); display: inline-block !important; right: 15px; margin-top: 5px; } .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark { background-color: #3c92e9; } .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark:after { content: '✔'; position: absolute; color: white; left: 2px; top:2px; font-size: 10px; transition: all .2s; -webkit-transition: all .2s; } /*End of Device Index page styling*/ table.dataTable tbody td.drillDownCol { padding: 0; } /*Start of ImportFileUpload page styling */ #imported-content { text-align: center; } #importTable td { border-right: grey solid 1px; } #importTable th { border-right: white solid 1px; } /*End of ImportFileUpload page stlying*/ .green-icon { color: green !important; } .red-icon { color: red; } .orange-icon { color: orange; } .right-margin { margin-right: 5px; } .pointer { cursor: pointer; } .small-margin { margin: 3px; } /*Start of Device select page Icons*/ .status-icon { display: inline-block; width: 24px; height: 24px; background: url("../App_Sprites/DD-icons-sprite-fractions_24px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); vertical-align: bottom; } .status-icon.quarter.red { background-position: -0px -0px; } .status-icon.three-quarters.red { background-position: -0px -24px; } .status-icon.quarter.green { background-position: -24px -0px; } .status-icon.three-quarters.green { background-position: -24px -24px; } /*End of Device select page Icons*/ /*Start of sprite icon for inspector filter*/ .filter-status-icon { display: inline-block; width: 168.4px; height: 32px; background: url("../App_Sprites/DD-icons-sprite-fractions_32px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin-left: 12px; } filter-status-icon:before { background-color: red; } .filter-status-icon.quarter.red { background-position: -0px -0px; } .filter-status-icon.three-quarters.red { background-position: -0px -32px; } .filter-status-icon.quarter.green { background-position: -32px -0px; } .filter-status-icon.three-quarters.green { background-position: -32px -32px; } ul.dropdown-menu.inner li:hover { background-color: #f5f5f5; } /*End of sprite icon for inspector filter*/ /* Custom Modal controls */ .modal-footer-left { float: left; } .left-checkbox { left: 0px !important; position: relative !important; padding-top: 3px !important; } /* End of Custom Modal Controls */ /* Image elements ----------------------------------------------------------*/ .logoImage { background-image: url("../Images/newlogo.png"); width: 228px; height: 35px; } .alogoImage:hover, .alogoImage:focus { background-color: transparent; text-decoration: none; outline: 0; border: none; -moz-outline-style: none; } /*---------------------------------------------------------*/ .landscape { transform: rotate(270deg); } .portrait { } .multiple-forms-inline { display: inline; } .button-holder-display-type-update { margin-left: 5px; margin-right: 5px; } .modified-different { border-color: red !important; } .title-over-template-preview { margin: 5px; font-size: 16px; font-weight: bold; } img.upgrade-firmware-icon-in-list-table { margin-left: 5px; margin-top: -5px; } .bootstrap-select.show-tick .dropdown-menu li .glyphicon { top: 0px !important; font-family: auto !important; } .bootstrap-select.show-tick .dropdown-menu li .glyphicon-ok:before { content: '' !important; } p.modalWarningPara span.modal-warning-colon { font-style: italic; font-weight: bold; } div.eula-license-container{ width: 80%; margin: auto; } div.eula-license-container div.print-button-container { height: 65px; float: right; } div.eula-license-container div.print-button-container button { margin-top: 20px; } div.eula-license-container pre.eula-text { background-color: #fff; padding: 15px; } h2.error { margin: 50px 0; } #nav-level-buttons .dropdown { display: inline-block; } table tr.danger:not(:first-child) td { border-top-color: maroon !important; } .displayDetailsTable .boxshadowContainer .focusContent { margin-left: auto; margin-right: auto; text-align: center; padding-top: 8px; } .displayDetailsTable .boxshadowContainer .title { text-align: center; } .clear-filters-link { display: inline-block; color: #fff; } .action-icon:not(.disabled) { color: black; text-decoration: none; } .action-icon:not(.disabled):hover { color: var(--color-blue) !important; text-decoration: none; cursor: pointer; } .page-loggingOut h1 { font-size: 23px; color: #4791e5; } [data-template="true"] { display: none; } menu-layout { display: flex; min-height: var(--menu-layout-min-height); } menu-layout-side-menu { border-right: solid 1px var(--panel-border-color); } menu-layout-content { flex-grow: 1; min-width: 0; display: grid; grid-template-columns: 100%; grid-template-rows: min-content 1fr; } menu-layout-content:has(#modelStateErrorToast) { grid-template-rows: min-content min-content 1fr; } #templatesTable tbody td { height: auto; } header-menu { display: flex; align-items: center; gap: .5rem; } header-menu header-menu-item { padding: 1rem; display: flex; align-items: center; justify-content: center; padding: 0.5rem; } header-menu header-menu-item:hover { background-color: var(--color-navbar-hover-background); color: var(--color-blue); cursor: pointer; } header-menu [name='user-account-menu-item'] .dropdown-menu :hover { color: initial; cursor: initial; } header-menu [name='user-account-menu-item'] .dropdown-menu .btn { cursor: pointer; } header-menu [name='document-menu-item'] a { width: var(--header-menu-item-width); height: var(--header-menu-item-height); font-size: 16px; display: flex; align-items: center; justify-content: center; } header-menu [name='document-menu-item'] a:hover, header-menu [name='document-menu-item'] a:focus { text-decoration: none; color: unset; } header-menu [name='user-account-menu-item'] .dropdown-menu { max-width: 400px; } header-menu [name='user-account-menu-item'] .dropdown-menu li > * { width: 100%; padding: 6px 12px; text-align: left !important; } header-menu header-menu-item .btn-link { text-decoration: unset; } header-menu header-menu-item .btn-link:hover { text-decoration: underline; } .scroll-y { overflow-y: auto; }