html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; vertical-align: baseline; } body { line-height: 1; color: #000; background: #fff; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } a img { border: none; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]), [hidden] { display: none; } html, body { height: 100%; } body { overflow: hidden; } @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=3.0.1"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype"); font-weight: normal; font-style: normal; } input { margin: 0; } @font-face { font-family: Arimo; font-weight: normal; font-style: normal; src: url("/fonts/Arimo-Regular.eot"); src: url("/fonts/Arimo-Regular.eot?#iefix") format('embedded-opentype'), url("/fonts/Arimo-Regular.ttf") format('truetype'); } @font-face { font-family: Arimo; font-weight: normal; font-style: italic; src: url("/fonts/Arimo-Italic.eot"); src: url("/fonts/Arimo-Italic.eot?#iefix") format('embedded-opentype'), url("/fonts/Arimo-Italic.ttf") format('truetype'); } @font-face { font-family: Arimo; font-weight: bold; font-style: normal; src: url("/fonts/Arimo-Bold.eot"); src: url("/fonts/Arimo-Bold.eot?#iefix") format('embedded-opentype'), url("/fonts/Arimo-Bold.ttf") format('truetype'); } @font-face { font-family: Arimo; font-weight: bold; font-style: italic; src: url("/fonts/Arimo-BoldItalic.eot"); src: url("/fonts/Arimo-BoldItalic.eot?#iefix") format('embedded-opentype'), url("/fonts/Arimo-BoldItalic.ttf") format('truetype'); } body { font-family: Arimo; font-size: 10px; color: #2c2c2c; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.5em; color: #f48f00; } h1 { font-size: 2.6em; } h2 { font-size: 1.8em; margin-bottom: 0.3em; } h3 { font-size: 1.4em; margin-top: 1em; margin-bottom: 0.3em; } p { font-size: 1.3em; } a { cursor: pointer; } form input[type="text"], form input[type="password"], form textarea { font-size: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 4px 2px 4px; border: 1px solid #d9d9d9; border-top-color: #999; border-bottom-color: #e9e9e9; -webkit-box-shadow: #e1e1e1 0 -3px 3px -3px inset, #999 0 2px 2px -2px inset; box-shadow: #e1e1e1 0 -3px 3px -3px inset, #999 0 2px 2px -2px inset; } button.widgets, button.preferences, button.refresh, button.refresh-label, button.print, button.magic, button.download, button.download-label, button.remove, button.remove-label, .monitoring .info .info-holder .offerings .datagrid .refresh-label, .overview .reports button.remove, .overview .reports button.download, .overview .notifications button, .overview .notifications .create, .overview .notifications .edit, .overview .notifications .remove { -webkit-box-shadow: #e1e1e1 0 0 1px 0; box-shadow: #e1e1e1 0 0 1px 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); border: 1px solid #e1e1e1; -webkit-border-radius: 0.2em; border-radius: 0.2em; margin: 0; margin-bottom: 0.3em; padding: 0.3em 0.6em 0.2em 0.6em; font-size: 12px; font-family: inherit; font-weight: bold; text-align: left; white-space: nowrap; cursor: pointer; } button.widgets:disabled { cursor: default; color: #888; background-color: #f4f4f4; background-image: none; } button.preferences { font-weight: normal; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 1.6em; color: #666; line-height: 1em; } button.preferences.pull-left { float: left; margin-right: 0.3em; } button.preferences.pull-right { float: right; margin-left: 0.3em; } button.preferences:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f013"; } button.preferences:hover { color: #222; } button.preferences:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.preferences.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.refresh { font-weight: normal; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 1.6em; color: #666; line-height: 1em; } button.refresh.pull-left { float: left; margin-right: 0.3em; } button.refresh.pull-right { float: right; margin-left: 0.3em; } button.refresh:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f021"; } button.refresh:hover { color: #222; } button.refresh:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.refresh.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.refresh-label { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } button.refresh-label.pull-left { float: left; margin-right: 0.3em; } button.refresh-label.pull-right { float: right; margin-left: 0.3em; } button.refresh-label:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f021"; } button.refresh-label:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.refresh-label:before { font-size: 120%; color: #666; } button.refresh-label span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } button.refresh-label:hover:before { color: #222; } button.refresh-label:disabled:hover:before { color: #666; } button.refresh-label.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.print { font-weight: normal; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 1.6em; color: #666; line-height: 1em; } button.print.pull-left { float: left; margin-right: 0.3em; } button.print.pull-right { float: right; margin-left: 0.3em; } button.print:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f02f"; } button.print:hover { color: #222; } button.print:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.print.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.magic { font-weight: normal; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 1.6em; color: #666; line-height: 1em; } button.magic.pull-left { float: left; margin-right: 0.3em; } button.magic.pull-right { float: right; margin-left: 0.3em; } button.magic:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f0d0"; } button.magic:hover { color: #222; } button.magic:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.magic.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.magic.spin:before { -webkit-animation: button-shake 0.5s infinite linear; -moz-animation: button-shake 0.5s infinite linear; -o-animation: button-shake 0.5s infinite linear; -ms-animation: button-shake 0.5s infinite linear; animation: button-shake 0.5s infinite linear; } button.download { font-weight: normal; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 1.6em; color: #666; line-height: 1em; } button.download.pull-left { float: left; margin-right: 0.3em; } button.download.pull-right { float: right; margin-left: 0.3em; } button.download:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f01a"; } button.download:hover { color: #222; } button.download:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.download.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.download-label { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } button.download-label.pull-left { float: left; margin-right: 0.3em; } button.download-label.pull-right { float: right; margin-left: 0.3em; } button.download-label:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f019"; } button.download-label:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.download-label:before { font-size: 120%; color: #666; } button.download-label span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } button.download-label:hover:before { color: #222; } button.download-label:disabled:hover:before { color: #666; } button.download-label.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.remove { font-weight: normal; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 1.6em; color: #666; line-height: 1em; } button.remove.pull-left { float: left; margin-right: 0.3em; } button.remove.pull-right { float: right; margin-left: 0.3em; } button.remove:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f00d"; } button.remove:hover { color: #222; } button.remove:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.remove.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } button.remove-label { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } button.remove-label.pull-left { float: left; margin-right: 0.3em; } button.remove-label.pull-right { float: right; margin-left: 0.3em; } button.remove-label:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f00d"; } button.remove-label:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } button.remove-label:before { font-size: 120%; color: #666; } button.remove-label span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } button.remove-label:hover:before { color: #222; } button.remove-label:disabled:hover:before { color: #666; } button.remove-label.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } select.widgets { -webkit-box-shadow: #e1e1e1 0 0 1px 0; box-shadow: #e1e1e1 0 0 1px 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); border: 1px solid #e1e1e1; -webkit-border-radius: 0.2em; border-radius: 0.2em; margin: 0; margin-bottom: 0.3em; padding: 0.3em 0.6em 0.2em 0.6em; font-size: 12px; font-family: inherit; } .info-icon { background: url("../images/info_icon.png") center left no-repeat; padding-left: 1.6em; float: left; font-size: 1.2em; height: 18px; line-height: 18px; margin-left: 0.5em; } .alert-icon { background: url("../images/alert.png") center left no-repeat; padding-left: 1.6em; float: left; font-size: 1.2em; height: 18px; line-height: 18px; margin-left: 0.5em; } .plus-minus { width: 13px; height: 13px; cursor: pointer; display: inline-block; } .plus-minus.plus { background: url("../images/plus_minus.png") no-repeat top; } .plus-minus.minus { background: url("../images/plus_minus.png") no-repeat bottom; } .invisible-input { background-color: transparent; outline: none; border: none; padding: 0; margin: 0; } .loading-spinner { width: 16px; height: 16px; background: url("../images/spinner.gif") no-repeat; } .status-icon { display: inline-block; float: left; height: 8px; width: 8px; background: transparent url("../images/status_icon_small.png") no-repeat right center; } .status-icon.large { height: 11px; width: 11px; background: transparent url("../images/status_icon.png") no-repeat right center; } .status-icon.alert { background-position: left center; } .status-icon.warning { background-position: right top; } .status-icon.ok { background-position: left top; } .status-icon.none { background-position: left bottom; } .content-checkmark:after { content: '\2714'; } .card { width: 100%; } .card .card-content { margin: 1em 1em 1em 1em; padding: 1em 1em 1em 1em; border: 1px solid #ddd; -webkit-box-shadow: 1px 1px 5px #eee; box-shadow: 1px 1px 5px #eee; position: relative; } .card .card-content .upper-right { position: absolute; top: 0; right: 0; } .warning-banner { position: absolute; top: 12em; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 2em; max-width: 50%; background-color: #fdedcf; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; -webkit-border-radius: 0.2em; border-radius: 0.2em; overflow: hidden; } .warning-banner p { line-height: 1.5em; } .warning-banner p a { text-decoration: underline; margin-left: 0.2em; margin-right: 0.2em; } .warning-banner h2 { color: #6b6b6b; } @-moz-keyframes button-spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes button-spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes button-spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes button-spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes button-shake { 0% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 10% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 50% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 90% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes button-shake { 0% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 10% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 50% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 90% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } } @-o-keyframes button-shake { 0% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 10% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 50% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 90% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } } @keyframes button-shake { 0% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 10% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 50% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 90% { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } } /*** Spectrum Colorpicker v1.5.1 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; } .sp-preview { position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } #container { position: relative; height: 100%; min-width: 96em; background: url("../images/top_stripe.png") no-repeat scroll center top #fff; padding-top: 0.9em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #header { position: absolute; left: 0; width: 233px; padding: 0 0 0 1em; margin: 0 auto; z-index: 1; border-bottom: 1px solid #dbdbdb; webkit-box-shadow: 0 -1px 0 0 #f1f1f1 inset; -webkit-box-shadow: 0 -1px 0 0 #f1f1f1 inset; box-shadow: 0 -1px 0 0 #f1f1f1 inset; } #header.performance { width: 268px; } #account-menu { z-index: 1000; } #account-menu .menu { background-color: #fff; padding: 0.7em 0.5em 0.7em 1em; position: absolute; z-index: 9997; top: 2.5em; right: 0; font-size: 1.35em; border-color: #ddd; border-style: solid; border-width: 1px; -webkit-border-radius: 0 0 0 0.3em; border-radius: 0 0 0 0.3em; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; } #account-menu .menu li { margin-bottom: 0.2em; } #account-menu .mask { position: fixed; z-index: 9996; left: 0; right: 0; top: 4em; bottom: 0; } .highcharts-container svg text tspan { font-size: 12px; } #header .home { height: 6.7em; float: left; padding-top: 2.2em; padding-left: 0.9em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header .home h1 { position: relative; line-height: 1em; top: -5px; left: -10px; } #header .home h1 a { background: transparent url("../images/logo_monitor.png") no-repeat center left; display: block; width: 211px; text-indent: -9999em; } #header .home.performance h1 a { width: 270px; background: transparent url("../images/logo_performance.png") no-repeat center left; } @media print { #header { border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } #header .home { padding-top: 0; } #header .home h1 { top: 0px; } } .main-navigation { background-color: #fff; height: 6.7em; margin-left: 245px; margin-bottom: -0.5ex; border-top-left-radius: 0.3em; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; -webkit-box-shadow: -1px -1px 0 0 #f1f1f1; box-shadow: -1px -1px 0 0 #f1f1f1; -webkit-transform: skew(-16deg) translate(0.7em); -moz-transform: skew(-16deg) translate(0.7em); -o-transform: skew(-16deg) translate(0.7em); -ms-transform: skew(-16deg) translate(0.7em); transform: skew(-16deg) translate(0.7em); } .main-navigation.performance { margin-left: 280px; } .main-navigation .status-header-container { position: absolute; left: 0px; top: 0px; font-size: 13px; padding-left: 5px; color: #787878; width: 100%; height: 23px; overflow: hidden; border-bottom: 1px solid #f0f0f0; } .main-navigation .status-header-container span { position: relative; height: 2em; padding-top: 0.6ex; padding-left: 1.5ex; display: inline-block; -webkit-transform: skew(16deg); -moz-transform: skew(16deg); -o-transform: skew(16deg); -ms-transform: skew(16deg); transform: skew(16deg); } .main-navigation .status-header-container span.link { font-weight: normal; margin-left: 1em; } .main-navigation .status-header-container span.link:hover { text-decoration: underline; cursor: pointer; } .main-navigation ul.sections { position: absolute; z-index: 100; top: 0px; right: 0; padding: 0; white-space: nowrap; border-bottom: 1px solid #d4d4d4; -webkit-transform: skew(29deg) translate(-0.7em); -moz-transform: skew(29deg) translate(-0.7em); -o-transform: skew(29deg) translate(-0.7em); -ms-transform: skew(29deg) translate(-0.7em); transform: skew(29deg) translate(-0.7em); zoom: 1; } .main-navigation ul.sections:before, .main-navigation ul.sections:after { content: ""; display: table; } .main-navigation ul.sections:after { clear: both; } .main-navigation ul.sections li { float: left; margin: 0; padding: 0; border-left: 1px solid #d4d4d4; background: -webkit-linear-gradient(top, #fff 33%, #f9f9f9 66%); background: -moz-linear-gradient(top, #fff 33%, #f9f9f9 66%); background: -o-linear-gradient(top, #fff 33%, #f9f9f9 66%); background: -ms-linear-gradient(top, #fff 33%, #f9f9f9 66%); background: linear-gradient(to bottom, #fff 33%, #f9f9f9 66%); } .main-navigation ul.sections li a { color: #686868; text-decoration: none; line-height: 2em; height: 2em; display: block; margin: 0; padding: 0.1em 1.8em 0.2em 1.8em; -webkit-transform: skew(-16deg); -moz-transform: skew(-16deg); -o-transform: skew(-16deg); -ms-transform: skew(-16deg); transform: skew(-16deg); text-align: center; } .main-navigation ul.sections li a span { font-size: 1.3em; } .main-navigation ul.sections li.current, .main-navigation ul.sections li:hover { background-color: #fff; background-image: none; } .main-navigation ul.sections li.current a { font-weight: bold; } .main-navigation ul.sections li.account a { padding-left: 1.2em; } .main-navigation ul.sections li.account a span { font-size: 1.2em; background: transparent url("../images/user_icon.png") no-repeat; padding-left: 1.6em; } .main-navigation ul.sections li.global-spinner { width: 16px; height: 16px; position: absolute; top: 4px; left: -24px; z-index: 2000; -webkit-transform: skew(-16deg); -moz-transform: skew(-16deg); -o-transform: skew(-16deg); -ms-transform: skew(-16deg); transform: skew(-16deg); background: url("../images/spinner.gif") no-repeat; border: none; } @media print { .main-navigation { visibility: hidden; } } #sidebar { width: 23.6em; white-space: nowrap; position: absolute; top: 9.6em; bottom: 2em; left: 1em; z-index: 1; } #sidebar a { color: #000; text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar .service-group-filter select.dropdown { width: 100%; } #sidebar .service-search { position: absolute; bottom: 0; left: 0; right: 0; } #sidebar .service-search input.dropdown-search { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar ul.services { overflow-x: hidden; overflow-y: auto; position: absolute; top: 3.5em; bottom: 3.5em; width: 23.4em; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: #cbcbcb 0 1px 3px -2px inset; box-shadow: #cbcbcb 0 1px 3px -2px inset; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #sidebar ul.services > li { border-top: 1px dotted #e0e0e0; padding: 1.35em 1.1em 1.25em 1.1em; overflow: hidden; font-size: 0.8em; cursor: pointer; } #sidebar ul.services > li .no-title { color: #777; } #sidebar ul.services > li .service-info { font-size: 1.3em; margin: 0.25em 0 0.75em 0; } #sidebar ul.services > li .service-info .owner, #sidebar ul.services > li .service-info .monitoring-disabled { float: right; padding-left: 0.6em; } #sidebar ul.services > li:first-child { border-top: none; } #sidebar ul.services > li:hover { background-color: #f2f2f2; } #sidebar ul.services > li.selected { background-color: #f9ecce; } #sidebar ul.services > li > span { font-size: 1.4em; font-weight: bold; color: #f48f00; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; } #sidebar ul.services > li.drag-placeholder { background-color: #ddd; } #sidebar ul.services > li.dragging { max-height: 2.5em; border: 1px #bbb solid; background-color: #f6f6f6; } #sidebar ul.services > li.dragging > ul { display: none; } #sidebar ul.meters { padding-top: 0.25em; } #sidebar ul.meters li { white-space: nowrap; font-weight: normal; padding: 0.225em 0.1em; margin-right: 0.5em; clear: both; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #sidebar ul.meters li > a { font-size: 1.3em; margin-left: 0.5em; } #content { position: absolute; top: 4em; bottom: 0; left: 0; right: 0; } #content> .header { position: relative; z-index: 1; margin-left: 265px; } #content> .header.performance { margin-left: 300px; } #content> .header .service-title { display: block; cursor: pointer; } #content> .header .service-title h2 { white-space: nowrap; max-width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left; margin-right: 0.5em; } #content> .header .service-title .service-id, #content> .header .service-title .edit-title { display: block; font-size: 1.4em; font-weight: bold; color: #ccc; margin-left: 0.5em; padding-top: 0.1em; line-height: 27px; float: left; } #content> .header .service-title .edit-title { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; line-height: 27px; margin-left: 1em; display: none; } #content> .header .service-title .edit-title.pull-left { float: left; margin-right: 0.3em; } #content> .header .service-title .edit-title.pull-right { float: right; margin-left: 0.3em; } #content> .header .service-title .edit-title:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f040"; } #content> .header .service-title:hover .edit-title { display: block; } #content> .header .service-links { clear: both; margin-bottom: 1.7em; white-space: nowrap; } #content> .header .service-links li { display: inline; margin-right: 3em; } #content> .header .service-links li a, #content> .header .service-links li span { font-size: 1.3em; color: #999; text-decoration: none; } #content> .header .service-group-links { display: inline-block; } #content> .header .service-group-links span { font-size: 1.3em; margin-right: 0.1em; } #content> .header .service-group-links ul { display: inline; } #content> .header .service-group-links ul li { display: inline; } #content> .header .service-group-links ul li a { color: #222; font-size: 1.3em; } #content> .header .service-group-links ul li:before { content: ', '; margin-right: 0.1em; } #content> .header .service-group-links ul li.group { font-size: 1.3em; cursor: pointer; } #content> .header .service-group-links ul li.group .title { font-size: 1em; } #content> .header .service-group-links ul li.group .title:hover { text-decoration: underline; } #content> .header .service-group-links ul li:first-child:before, #content> .header .service-group-links ul li.edit:before { content: none; margin-right: 0; } #content> .header .service-group-links ul li.edit a { color: #222; text-decoration: none; margin-left: 2em; } #content> .header .service-group-links ul li.edit a:hover { text-decoration: underline; } #content> .header .service-group-links ul li.none { color: #999; } #content> .header .service-remove { display: inline-block; float: right; } #content> .header .service-remove span { font-size: 1.3em; margin-right: 3em; cursor: pointer; } #content> .header .service-remove span:hover { text-decoration: underline; color: #800; } #content .tabs { position: absolute; top: 8.8em; bottom: 0; left: 26.4em; right: 0; } #content .tabs .tab-navigation { list-style: none; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; display: inline-block; -webkit-border-radius: 0.2em; border-radius: 0.2em; overflow: hidden; zoom: 1; } #content .tabs .tab-navigation:before, #content .tabs .tab-navigation:after { content: ""; display: table; } #content .tabs .tab-navigation:after { clear: both; } #content .tabs .tab-navigation li { float: left; background: -webkit-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: -moz-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: -o-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: -ms-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: linear-gradient(to bottom, #f9f9f9 33%, #f2f2f2 66%); -webkit-box-shadow: -1px 0 0 #fff inset; box-shadow: -1px 0 0 #fff inset; border-right: 1px solid #e0e0e0; border-left: 1px solid #ededed; width: 14.2em; } #content .tabs .tab-navigation li a { display: block; font-size: 1.2em; position: relative; padding: 0.6em 0; text-decoration: none; color: #444; text-align: center; } #content .tabs .tab-navigation li:first-child { border-left: none; } #content .tabs .tab-navigation li:last-child { border-right: none; } #content .tabs .tab-navigation li.current, #content .tabs .tab-navigation li:hover { background: -webkit-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: -moz-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: -o-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: -ms-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: linear-gradient(to bottom, #fff 33%, #f6f6f6 66%); } #content .tabs .tab-navigation li.current a { color: #f48f00; font-weight: bold; } #content .tabs .tab-content { position: absolute; top: 2.7em; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #dbdbdb; padding: 0.6em 2em 0 0.2em; overflow-x: hidden; overflow-y: auto; } @media print { #content .tabs .tab-navigation { border: 1px solid #fff; -webkit-box-shadow: none; box-shadow: none; } #content .tabs .tab-navigation li { background: #eee; -webkit-box-shadow: none; box-shadow: none; } #content .tabs .tab-navigation li.current { background: #aaa; } #content .tabs .tab-navigation li.current * { color: #000; } } .linedwrap { border: 1px solid #c0c0c0; padding: 3px; } .linedwrap .linedtextarea { padding: 0; margin: 0; } .linedwrap .linedtextarea textarea { font-size: 10pt; font-family: monospace; line-height: normal !important; padding-right: 0.3em; padding-top: 0.3em; border: 0; } .linedwrap .lines { margin-top: 0px; width: 50px; float: left; overflow: hidden; border-right: 1px solid #c0c0c0; margin-right: 10px; } .linedwrap .codelines { padding-top: 5px; } .linedwrap .codelines .lineno { font-size: 10pt; font-family: monospace; line-height: normal !important; color: #aaa; padding-right: 0.5em; padding-top: 0; text-align: right; white-space: nowrap; } .linedwrap .codelines .lineselect { color: #f00; } performance-meter .remove, new-performance-meter .remove { cursor: pointer; background: url("../images/select2x2.png") right top no-repeat; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); filter: 'alpha(opacity=50)'; margin-right: 2px; margin-top: 2px; width: 21px; height: 21px; right: 0; top: 0.5em; } performance-meter .remove:hover, new-performance-meter .remove:hover { opacity: 1; -ms-filter: none; filter: none; filter: 'alpha(opacity=100)'; } performance-meter .red { color: #f00; } performance-meter .service, performance-meter .meter { display: block; } performance-meter .service { font-size: 1.5em; font-weight: bold; margin-bottom: 1em; } performance-meter .service .id { font-size: 80%; padding-left: 1em; color: #ccc; } performance-meter .meter { margin-bottom: 1em; } performance-meter .meter .dropdown { width: 100%; } performance-meter .parameters { margin: 1em 0; } performance-meter .parameters label { font-size: 1.3em; } performance-meter .parameters .red { color: #f00; } performance-meter .parameters .expand { font-size: 1.3em; margin-left: 0.5em; color: #ccc; float: right; position: absolute; top: 6em; right: 1em; } performance-meter .parameters .expand:hover { cursor: pointer; color: #000; } performance-meter .parameters .expand .plus { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } performance-meter .parameters .expand .plus.pull-left { float: left; margin-right: 0.3em; } performance-meter .parameters .expand .plus.pull-right { float: right; margin-left: 0.3em; } performance-meter .parameters .expand .plus:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f067"; } performance-meter .parameters .expand .minus { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } performance-meter .parameters .expand .minus.pull-left { float: left; margin-right: 0.3em; } performance-meter .parameters .expand .minus.pull-right { float: right; margin-left: 0.3em; } performance-meter .parameters .expand .minus:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f068"; } performance-meter .parameters .expand .plus, performance-meter .parameters .expand .minus { font-family: Arimo; } performance-meter .parameters .expand .plus:before, performance-meter .parameters .expand .minus:before { font-family: FontAwesome; font-size: 0.9em; padding-right: 0.25em; } performance-meter .advanced-meter h3 { margin-top: 0.7em; margin-bottom: 0.4em; } performance-meter .advanced-meter label { font-size: 1.3em; } performance-meter .advanced-meter .lowerPoint, performance-meter .advanced-meter .upperPoint { display: block; width: 100%; } performance-meter .advanced-meter .lowerPoint .alert-icon, performance-meter .advanced-meter .upperPoint .alert-icon { float: none; } performance-meter .advanced-meter .lowerPoint label, performance-meter .advanced-meter .upperPoint label { margin-left: 0.5em; } performance-meter .advanced-meter .upperPoint { padding-top: 0.7em; } performance-meter .show-example-request { color: #ccc; } performance-meter .show-example-request:hover { color: #000; } performance-meter .show-example-request .eye { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; padding-right: 0.5em; } performance-meter .show-example-request .eye.pull-left { float: left; margin-right: 0.3em; } performance-meter .show-example-request .eye.pull-right { float: right; margin-left: 0.3em; } performance-meter .show-example-request .eye:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f06e"; } performance-meter .show-example-request label { font-size: 1.3em; position: absolute; right: 1em; bottom: 1em; cursor: pointer; } performance-meter input { width: 5em; padding-right: 0.5em; text-align: right; margin-left: 0.5em; } performance-meter input[type="number"]::-webkit-inner-spin-button, performance-meter input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } performance-meter input[type="number"] { -moz-appearance: textfield; } performance-meter input[type="checkbox"] { width: auto; padding: 0; vertical-align: middle; } new-performance-meter select { width: 20em; } .collapsible { border: 1px solid #dbdbdb; -webkit-border-radius: 0.4em; border-radius: 0.4em; display: block; width: 100%; margin-top: 0.3em; margin-bottom: 0.5em; } .collapsible.opened > .title:before { color: #f48f00; content: '▼ '; } .collapsible.opened > .body { display: block; } .collapsible.closed > .title:before { color: #f48f00; content: '► '; } .collapsible.closed > .body { display: none; } .collapsible > .title { font-size: 1.5em; background-color: #fafafa; padding: 0.2em 0.3em 0.2em 0.3em; cursor: pointer; } .collapsible > .body { padding: 0.1em 0.3em; } .chat .chat-container { position: fixed; right: 3em; bottom: 0; width: 36em; z-index: 750; background-color: #e5e5e5; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; border: 1px solid #ccc; border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; } .chat .chat-container.hidden .attendees, .chat .chat-container.hidden .chat-log, .chat .chat-container.hidden .chat-log-controls { height: 0; padding: 0; } .chat .chat-container .top, .chat .chat-container .attendees, .chat .chat-container .chat-log, .chat .chat-container .chat-log-controls { padding: 0; border: 0; margin: 0; overflow-x: hidden; overflow-y: hidden; } .chat .chat-container .attendees, .chat .chat-container .chat-log-controls { padding-left: 0.5em; padding-right: 0.5em; } .chat .chat-container .top { height: 3em; background-color: #666; cursor: pointer; } .chat .chat-container .top h3 { color: #fff; padding: 0.3em 0 0 0.5em; margin: 0; } .chat .chat-container .top h3 .unread-messages { margin-left: 1em; font-size: 90%; } .chat .chat-container .top .action { color: #fff; position: absolute; top: 0; right: 0; padding-right: 0.6em; padding-top: 0.3em; font-size: 1.5em; } .chat .chat-container .top .action.close { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .chat .chat-container .top .action.close.pull-left { float: left; margin-right: 0.3em; } .chat .chat-container .top .action.close.pull-right { float: right; margin-left: 0.3em; } .chat .chat-container .top .action.close:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f078"; } .chat .chat-container .top .action.open { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .chat .chat-container .top .action.open.pull-left { float: left; margin-right: 0.3em; } .chat .chat-container .top .action.open.pull-right { float: right; margin-left: 0.3em; } .chat .chat-container .top .action.open:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f077"; } .chat .chat-container.unread .top { -webkit-animation-name: unread-blinker; -moz-animation-name: unread-blinker; -o-animation-name: unread-blinker; -ms-animation-name: unread-blinker; animation-name: unread-blinker; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } .chat .chat-container.unread .top .unread-messages { color: #f48f00; } .chat .chat-container .chat-log { height: 30em; } .chat .chat-container .attendees { overflow: hidden; width: 100%; font-size: 1.3em; line-height: 1.3em; } .chat .chat-container .attendees .title, .chat .chat-container .attendees .overflow { float: left; font-size: 1em; } .chat .chat-container .attendees .overflow { width: initial; clear: both; } .chat .chat-container .attendees .attendee { float: left; } .chat .chat-container .attendees .attendee .highlighted { font-weight: bold; } .chat .chat-container .attendees .attendee .status { color: #555; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; display: inline-block; min-width: 1em; text-align: right; padding-right: 2px; } .chat .chat-container .attendees .attendee .status.pull-left { float: left; margin-right: 0.3em; } .chat .chat-container .attendees .attendee .status.pull-right { float: right; margin-left: 0.3em; } .chat .chat-container .attendees .attendee .status:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f007"; } .chat .chat-container .attendees .attendee.writing > .status { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; display: inline-block; } .chat .chat-container .attendees .attendee.writing > .status.pull-left { float: left; margin-right: 0.3em; } .chat .chat-container .attendees .attendee.writing > .status.pull-right { float: right; margin-left: 0.3em; } .chat .chat-container .attendees .attendee.writing > .status:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f040"; } .chat .chat-container .attendees .attendee.inactive > .status { color: #777; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; display: inline-block; } .chat .chat-container .attendees .attendee.inactive > .status.pull-left { float: left; margin-right: 0.3em; } .chat .chat-container .attendees .attendee.inactive > .status.pull-right { float: right; margin-left: 0.3em; } .chat .chat-container .attendees .attendee.inactive > .status:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f017"; } .chat .chat-container .attendees .attendee.inactive { color: #777; font-style: italic; } .chat .chat-container .attendees ul { padding-top: 0.2em; } .chat .chat-container .attendees li.attendee:after { content: ', '; } .chat .chat-container .attendees li.attendee:last-child:after { content: ''; } .chat .chat-container .attendees-controls { clear: both; } .chat .chat-container .chat-log { overflow-y: auto; } .chat .chat-container .chat-log .chat-log-pane { font-size: 12px; padding-top: 0.5em; padding-bottom: 0.5em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry { padding: 0.35em 0.4em 0.35em 0.4em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 1em; background-color: #fff; -webkit-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .meta { font-size: 11px; color: #969696; text-align: right; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .meta .who, .chat .chat-container .chat-log .chat-log-pane .chat-entry .meta .time { display: inline-block; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message { line-height: 1.1em; padding-bottom: 1em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message * { max-width: 100%; word-wrap: break-word; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message p { font-size: 1em; padding-top: 0.15em; padding-bottom: 0.15em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message p strong { font-weight: bold; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message p em { font-style: italic; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message a { color: #444; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h1, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h2, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h3, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h4, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h5, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h6 { color: #444; margin-top: 0; margin-bottom: 0; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h1 { font-size: 1.8em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h2 { font-size: 1.4em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message h3 { font-size: 1.2em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message ol { list-style-type: decimal; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message ul { list-style-type: disc; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message ol, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message ul { list-style-position: outside; margin-left: 1.5em; padding-top: 0.2em; padding-bottom: 0.2em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message ol li, .chat .chat-container .chat-log .chat-log-pane .chat-entry .message ul li { line-height: 1em; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message blockquote { font-style: italic; } .chat .chat-container .chat-log .chat-log-pane .chat-entry .message code { font-family: Courier New; font-size: 1.1em; } .chat .chat-container .chat-log .chat-log-pane .notification .message { font-weight: bold; } .chat .chat-container .chat-log .chat-log-pane .notification .meta .who { font-style: italic; } .chat .chat-container .chat-log .chat-log-pane .pendingMessage { background-color: #fff9e7; } .chat .chat-container .chat-log .chat-log-pane .post-break { margin-bottom: 3em; padding-bottom: 0px; } .chat .chat-container .chat-log-controls { padding-top: 0.5em; } .chat .chat-container .chat-log-controls .chat-message { padding-top: 1em; margin-right: 0.5em; padding-bottom: 2.5em; } .chat .chat-container .chat-log-controls .chat-message textarea { resize: none; width: 100%; height: 2.5em; margin-bottom: 5px; } .chat .chat-container .chat-log-controls .chat-message-note { position: absolute; bottom: 0; left: 0.5em; height: 2.7em; } .chat .chat-container .chat-log-controls .chat-message-note p { font-size: 1em; padding-top: 0.7em; color: #777; } .chat .chat-container .chat-log-controls .chat-message-note p a { color: #777; text-decoration: none; } .chat .chat-container .chat-log-controls .chat-message-controls { position: absolute; bottom: 0; right: 0.5em; height: 2.7em; } .chat .chat-container .chat-log-controls .chat-message-controls label input { margin-right: 0.5ex; vertical-align: middle; } @-moz-keyframes unread-blinker { 0% { background-color: #666; } 25% { background-color: #555; } 50% { background-color: #666; } 75% { background-color: #777; } } @-webkit-keyframes unread-blinker { 0% { background-color: #666; } 25% { background-color: #555; } 50% { background-color: #666; } 75% { background-color: #777; } } @-o-keyframes unread-blinker { 0% { background-color: #666; } 25% { background-color: #555; } 50% { background-color: #666; } 75% { background-color: #777; } } @keyframes unread-blinker { 0% { background-color: #666; } 25% { background-color: #555; } 50% { background-color: #666; } 75% { background-color: #777; } } .dashboard-groups { width: 100%; display: block; } .dashboard-groups .groups { width: 100%; display: inline-block; } .dashboard-groups .groups .group-container { width: 25%; display: inline-block; float: left; } .dashboard-groups .groups .group-container:nth-child(4) .group h3 { padding-right: 3em; } .dashboard-groups .groups .group { overflow-x: hidden; maring-left: 0.4em; margin-right: 0.4em; } .dashboard-groups .groups .group h3 { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dashboard-groups .groups .group h3 .status-icon { margin: 0.3em 0.2em 0em 0.6em; } .dashboard-groups .groups .group .services-in-group { height: 30em; overflow-y: auto; overflow-x: hidden; background: #fafafa; padding: 0.75em; border: 1px solid #eee; -webkit-border-radius: 0.3em; border-radius: 0.3em; } .dashboard-groups .groups .group .services-in-group .service { margin-bottom: 0.5em; word-wrap: break-word; } .dashboard-groups .groups .group .services-in-group .service .status-icon { margin-top: 0.2em; } .dashboard-groups .groups .group .services-in-group .service .title { margin-left: 1em; font-size: 120%; } .dashboard-groups .groups .group .services-in-group .service a { text-decoration: none; color: #000; } .dashboard-groups .groups .group .services-in-group .service a:hover { text-decoration: underline; } .dashboard-groups .group-buttons { margin-top: 1em; } .dashboard-groups .group-buttons .title { font-size: 120%; } .dashboard-groups .group-buttons button.group-selector { margin-left: 0.2em; margin-right: 0.2em; } .dashboard-groups .group-buttons button.group-selector.selected { background: #ddd; } .dashboard-groups .group-buttons button.group-selector .status-icon { margin-top: 0.2em; margin-right: 0.5em; } table.datagrid { margin: 0.75em 0; width: 100%; border-collapse: collapse; } table.datagrid.pending tbody td { color: #999; } table.datagrid thead th { font-size: 1.3em; line-height: 1.5em; padding: 0.3em 0.5em 0.4em 0.5em; white-space: nowrap; } table.datagrid thead th:first-child { padding-left: 0; } table.datagrid thead th[sort-by] { cursor: pointer; } table.datagrid thead th[sort-by]:after { margin-left: 0.5em; } table.datagrid thead th[sort-by].sorted-asc:after { content: '\2193'; } table.datagrid thead th[sort-by].sorted-desc:after { content: '\2191'; } table.datagrid thead th .dropdown { font-size: 10px; width: 14em; } table.datagrid tbody { -webkit-box-shadow: #b7b7b7 0 1px 2px 1px; box-shadow: #b7b7b7 0 1px 2px 1px; -webkit-border-radius: 1px; border-radius: 1px; border-style: solid; border-width: 1px; border-color: #eaeaea; } table.datagrid tbody tr { background-color: #fff; } table.datagrid tbody tr.even { background-color: #f6f6f6; } table.datagrid tbody td { font-size: 1.3em; padding: 0.2em 0.5em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border-left-style: solid; border-left-width: 1px; border-left-color: #fff; } table.datagrid tbody td:first-child { border-left-style: none; border-left-width: 0px; } table.datagrid tbody td a { color: #000; text-decoration: none; } table.datagrid tbody td a:hover { text-decoration: underline; } table.datagrid tbody tr.sum td { font-size: 1.3em; color: #999; font-style: italic; } table.datagrid tfoot td { padding: 0.5em 0.5em 0.4em 0.5em; } table.datagrid tfoot .pagination { text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } table.datagrid tfoot .pagination a { text-decoration: none; font-size: 1.3em; } table.datagrid tfoot .pagination a.disabled { color: #999; cursor: default; } table.datagrid tfoot .pagination span { margin: 0 0.5em; font-size: 1.3em; } table.datagrid tfoot .pagination .first { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-right: 0.4em; } table.datagrid tfoot .pagination .first.pull-left { float: left; margin-right: 0.3em; } table.datagrid tfoot .pagination .first.pull-right { float: right; margin-left: 0.3em; } table.datagrid tfoot .pagination .first:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f100"; } table.datagrid tfoot .pagination .prev { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } table.datagrid tfoot .pagination .prev.pull-left { float: left; margin-right: 0.3em; } table.datagrid tfoot .pagination .prev.pull-right { float: right; margin-left: 0.3em; } table.datagrid tfoot .pagination .prev:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f104"; } table.datagrid tfoot .pagination .next { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } table.datagrid tfoot .pagination .next.pull-left { float: left; margin-right: 0.3em; } table.datagrid tfoot .pagination .next.pull-right { float: right; margin-left: 0.3em; } table.datagrid tfoot .pagination .next:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f105"; } table.datagrid tfoot .pagination .last { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-left: 0.4em; } table.datagrid tfoot .pagination .last.pull-left { float: left; margin-right: 0.3em; } table.datagrid tfoot .pagination .last.pull-right { float: right; margin-left: 0.3em; } table.datagrid tfoot .pagination .last:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f101"; } table.datagrid.selectable tbody tr.selected { background-color: #ccc !important; text-shadow: 0 1px rgba(255,255,255,0.7) !important; } table.datagrid.selectable tbody tr:hover:not(.empty, table.datagrid.selectable tbody .sum) { cursor: pointer; background-color: #d6d6d6; text-shadow: 0 1px rgba(255,255,255,0.5); } table.datagrid.selectable tbody tr:hover:not(.empty.even, table.datagrid.selectable tbody .sum).even { background-color: #cfcfcf; } .datepicker, .timeinput { display: inline-block; } .datepicker input[type="text"], .timeinput input[type="text"] { background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); -webkit-border-radius: 0.1em; border-radius: 0.1em; border: 1px solid #cfcfcf; display: block; height: 1.8em; line-height: 1.8em; margin: 0; padding: 0 0.4em; color: #444; cursor: pointer; } .datepicker input[type="text"]:disabled, .timeinput input[type="text"]:disabled { cursor: auto; } .datepicker .invalid, .timeinput .invalid { color: #f00; background: #fff2f2; } .datepicker { position: relative; } .datepicker input:focus + .calendar { display: inline-block; } .datepicker .calendar { display: none; position: absolute; top: 2.5em; left: -0.5em; margin: 0.5em; z-index: 999; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); margin-top: -1px; } .datepicker .calendar:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cfcfcf; position: absolute; top: -7px; left: 6px; } .datepicker .calendar:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .calendar { font-size: 10px; font-family: Arimo; display: inline-block; padding: 1em; cursor: default; border: 1px solid #cfcfcf; -webkit-border-radius: 0.3em; border-radius: 0.3em; background-color: #fff; } .calendar .title { text-align: center; white-space: nowrap; position: relative; height: 1.8em; } .calendar .caption { font-size: 1.2em; font-weight: bold; line-height: 1.4em; color: #444; } .calendar .previous-month, .calendar .next-month, .calendar .previous-year, .calendar .next-year { width: 20px; height: 20px; cursor: pointer; position: absolute; top: -3px; color: #444; font-size: 2em; line-height: 18px; font-weight: bold; font-family: Arimo; text-decoration: none; } .calendar .previous-year { left: 0; } .calendar .previous-year:after { content: "\00AB"; } .calendar .previous-month { left: 16px; } .calendar .previous-month:after { content: "\2039"; } .calendar .next-month { right: 16px; } .calendar .next-month:after { content: "\203A"; } .calendar .next-year { right: 0; } .calendar .next-year:after { content: "\00BB"; } .calendar .previous-month:hover, .calendar .next-month:hover, .calendar .previous-year:hover, .calendar .next-year:hover { color: #3875d7; } .calendar .title, .calendar .header, .calendar .days { width: 18em; display: block; overflow: hidden; } .calendar .header span, .calendar .days span, .calendar .months span { float: left; font-size: 1.2em; text-align: center; width: 14.28571428571429%; padding: 0.4em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .calendar .header span { font-weight: bold; color: #444; } .calendar .days span, .calendar .months span { border: 1px solid transparent; -webkit-border-radius: 0.4em; border-radius: 0.4em; color: #999; } .calendar .months span { width: 25%; padding: 0.6em 0; } .calendar .today, .calendar .current-month { text-decoration: underline; } .calendar .in-month.active, .calendar .in-year.active { background-color: #fff; color: #333; cursor: pointer; } .calendar .in-month.active:hover, .calendar .in-year.active:hover { background-color: #eee; } .calendar .in-month.selected, .calendar .in-year.selected, .calendar .in-month.selected:hover, .calendar .in-year.selected:hover { color: #fff; background: #3875d7; } .calendar .out-of-month { color: #ddd; } .calendar .out-of-month.active { cursor: default; } .calendar .out-of-month.selected { color: #fff; background-color: #eee; } #dialog-mask { position: absolute; z-index: 9996; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; background-color: rgba(0,0,0,0.2); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; } #dialog-content { background-color: #fff; -webkit-border-radius: 0.3em; border-radius: 0.3em; -webkit-box-shadow: #cbcbcb 0 1px 2px -1px; box-shadow: #cbcbcb 0 1px 2px -1px; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.2em 2em 1.2em 2em; position: absolute; z-index: 9997; left: 50%; top: 50%; max-height: 100%; overflow-y: auto; overflow-x: hidden; } #dialog-content h1 { font-size: 1.5em; } #dialog-content .close { width: 12px; height: 12px; background: url("../images/select2.png") top right no-repeat; position: absolute; top: 3px; right: 3px; cursor: pointer; } #dialog-content .command-buttons { padding-top: 0px; text-align: right; } .select2-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-box-shadow: #cbcbcb 0 1px 2px -1px; box-shadow: #cbcbcb 0 1px 2px -1px; } .select2-container .select2-choice { background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); -webkit-border-radius: 0.1em; border-radius: 0.1em; border: 1px solid #cfcfcf; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 1.8em; line-height: 1.8em; padding: 0 0 0 0.7em; color: #444; text-decoration: none; } .select2-container .select2-choice span { margin-top: 0.1em; margin-right: 18px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 1.2em; } .select2-container .select2-choice abbr { display: block; position: absolute; right: 18px; top: 2px; width: 12px; height: 12px; font-size: 1px; background: url("../images/select2.png") right top no-repeat; cursor: pointer; text-decoration: none; border: 0; outline: 0; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-container .select2-choice div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 1.8em; } .select2-container .select2-choice div b { background: url("../images/select2.png") no-repeat left -4px; display: block; width: 100%; height: 100%; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; -webkit-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; background-image: -webkit-linear-gradient(top, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(top, #eee 0%, #fff 90%); background-image: -o-linear-gradient(top, #eee 0%, #fff 90%); background-image: -ms-linear-gradient(top, #eee 0%, #fff 90%); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } .select2-drop { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; position: absolute; top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); box-shadow: 0 4px 5px rgba(0,0,0,0.15); z-index: 9999; width: 100%; margin-top: -1px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } .select2-drop.select2-drop-above { -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; -webkit-box-shadow: 0 -4px 5px rgba(0,0,0,0.15); box-shadow: 0 -4px 5px rgba(0,0,0,0.15); } .select2-drop .select2-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; white-space: nowrap; z-index: 10000; position: relative; min-height: 26px; width: 100%; margin: 0; padding-left: 4px; padding-right: 4px; } .select2-drop .select2-search.select2-search-hidden { display: block; position: absolute; left: -10000px; } .select2-drop .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff url("../images/select2.png") no-repeat 100% -22px; background: url("../images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/select2.png") no-repeat 100% -22px, -o-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/select2.png") no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%); padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: Arimo; font-size: 1.2em; width: 100%; margin: 0; height: auto !important; min-height: 26px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; } .select2-drop .select2-search input.select2-active { background: #fff url("../images/spinner.gif") no-repeat 100%; background: url("../images/spinner.gif") no-repeat 100%, -webkit-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/spinner.gif") no-repeat 100%, -moz-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/spinner.gif") no-repeat 100%, -o-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/spinner.gif") no-repeat 100%, -ms-linear-gradient(top, #fff 85%, #eee 99%); background: url("../images/spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); border: 1px solid #5897fb; outline: none; } .select2-dropdown-open .select2-choice { border: 1px solid #aaa; border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; background-color: #eee; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-dropdown-open .select2-choice div { background: transparent; border-left: none; } .select2-dropdown-open .select2-choice div b { background-position: -18px -4px; } .select2-results { margin: 4px 4px 4px 0; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 200px; } .select2-results ul.select2-result-sub { margin: 0 0 0 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: none; display: list-item; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; color: #f48f00; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; font-size: 1.2em; white-space: nowrap; } .select2-results .select2-result-label .title-and-domain { margin-bottom: 0.4em; } .select2-results .select2-result-label .title-and-domain .title { font-weight: bold; color: #333; } .select2-results .select2-result-label .title-and-domain .domain { margin-top: 0.1em; color: #555; } .select2-results .select2-highlighted { background: #f9b861; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; display: none; } .select2-more-results.select2-active { background: #f4f4f4 url("../images/spinner.gif") no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice div { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } .select2-container.select2-container-disabled .select2-choice span { color: #aaa; } .select2-container-multi .select2-choices { background-color: #fff; background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: -o-linear-gradient(top, #eee 1%, #fff 15%); background-image: -ms-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); border: 1px solid #5897fb; outline: none; } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { white-space: nowrap; margin: 0; padding: 0; } .select2-container-multi .select2-choices .select2-search-field input { color: #666; background: transparent !important; font-family: Arimo; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url("../images/spinner.gif") no-repeat 100% !important; } .select2-default { color: #5a5a5a !important; } .select2-container-multi .select2-choices .select2-search-choice { -webkit-border-radius: 3px; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaa; line-height: 13px; padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .select2-container-multi .select2-choices .select2-search-choice span { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url("../images/select2.png") right top no-repeat; outline: none; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background-image: none; background-color: #f4f4f4; border: 1px solid #ddd; padding: 3px 5px 3px 5px; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; } .select2-result-unselectable .select2-match { text-decoration: none; } .select2-offscreen { position: absolute; left: -10000px; } .select2-drop-mask { position: absolute; top: 0px; } #select2-drop-mask { z-index: 9998; } .global-warning { position: fixed; width: 100%; top: 2px; left: 0px; overflow: hidden; cursor: pointer; font-size: 1.35em; color: #fff; font-weight: bold; background: url("../images/alert.png") no-repeat; background-position: 1em center; background-color: #b63939; -webkit-box-shadow: 0px 2px 5px #cbcbcb; box-shadow: 0px 2px 5px #cbcbcb; z-index: 1000; display: none; } .global-warning .message { position: absolute; top: 50%; margin-left: 3em; margin-top: -0.5em; } .global-warning .message, .global-warning .code, .global-warning .dismiss { float: left; } .global-warning .code { display: none; } .global-warning .dismiss { position: absolute; background: url("../images/select2x2.png") right top no-repeat; width: 21px; height: 21px; right: 0; top: 0.5em; } .global-status { position: fixed; width: 100%; top: 2px; left: 0px; overflow: hidden; cursor: pointer; font-size: 1.35em; color: #555; background: url("../images/info_icon.png") no-repeat; background-position: 1em center; background-color: #eef4ee; -webkit-box-shadow: 0px 2px 5px #cbcbcb; box-shadow: 0px 2px 5px #cbcbcb; z-index: 1000; display: none; } .global-status .message { position: absolute; top: 50%; margin-left: 3em; margin-top: -0.5em; } .request-area-map, .requestor-map, .preview-map { height: 100%; background-color: #fff; } .request-area-map .map, .requestor-map .map, .preview-map .map { width: 100%; height: 100%; } .request-area-map .status, .requestor-map .status, .preview-map .status { position: absolute; top: 1em; left: 1em; z-index: 5000; } .request-area-map .info, .requestor-map .info, .preview-map .info, .request-area-map .legend, .requestor-map .legend, .preview-map .legend, .request-area-map .location, .requestor-map .location, .preview-map .location { position: absolute; bottom: 1em; z-index: 4900; font-size: 1.3em; color: #fff; -webkit-border-radius: 0.5em; border-radius: 0.5em; background-color: rgba(0,0,0,0.7); padding: 0.2em 0.5em 0.2em 0.5em; } .request-area-map .location, .requestor-map .location, .preview-map .location { top: 1em; right: 3em; bottom: auto; } .request-area-map .loading, .requestor-map .loading, .preview-map .loading { color: #999 !important; } .request-area-map .info, .requestor-map .info, .preview-map .info { right: 1em; } .request-area-map .legend, .requestor-map .legend, .preview-map .legend { left: 1em; } .request-area-map .legend .legend-title, .requestor-map .legend .legend-title, .preview-map .legend .legend-title { font-size: 1em; text-align: left; margin: 5px 5px 3px 2px; } .request-area-map .legend .band1:before, .requestor-map .legend .band1:before, .preview-map .legend .band1:before, .request-area-map .legend .band2:before, .requestor-map .legend .band2:before, .preview-map .legend .band2:before, .request-area-map .legend .band3:before, .requestor-map .legend .band3:before, .preview-map .legend .band3:before { content: ''; display: inline-block; width: 1em; height: 1em; margin: 0.2em; -webkit-border-radius: 0.3em; border-radius: 0.3em; vertical-align: text-bottom; position: relative; left: 0; } .request-area-map .legend .band1:before, .requestor-map .legend .band1:before, .preview-map .legend .band1:before { background-color: #85de85; } .request-area-map .legend .band2:before, .requestor-map .legend .band2:before, .preview-map .legend .band2:before { background-color: #d4d486; } .request-area-map .legend .band3:before, .requestor-map .legend .band3:before, .preview-map .legend .band3:before { background-color: #f09595; } .request-area-map .hidden, .requestor-map .hidden, .preview-map .hidden { display: none; } .markdown-editor { position: relative; } .markdown-editor button { position: absolute; top: 0.5em; text-shadow: 0 2px #fff; font-size: 1.3em; cursor: pointer; } .markdown-editor button.toggle-preview { left: -5.5em; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-top: 1em; } .markdown-editor button.toggle-preview.pull-left { float: left; margin-right: 0.3em; } .markdown-editor button.toggle-preview.pull-right { float: right; margin-left: 0.3em; } .markdown-editor button.toggle-preview:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f06e"; } .markdown-editor button.toggle-help { left: -3em; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-top: 1em; } .markdown-editor button.toggle-help.pull-left { float: left; margin-right: 0.3em; } .markdown-editor button.toggle-help.pull-right { float: right; margin-left: 0.3em; } .markdown-editor button.toggle-help:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f059"; } .markdown-editor.show-preview button.toggle-preview { color: #f81f00; } .markdown-editor.show-preview textarea { display: none; } .markdown-editor.show-preview .preview { display: block; } .markdown-editor.show-help button.toggle-help { color: #f81f00; } .markdown-editor.show-help textarea { display: none; } .markdown-editor.show-help .help { display: block; } .markdown-editor textarea, .markdown-editor .preview, .markdown-editor .help { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; border: 1px solid #d9d9d9; border-top-color: #999; border-bottom-color: #e9e9e9; -webkit-box-shadow: #e1e1e1 0 -3px 3px -3px inset, #999 0 2px 2px -2px inset; box-shadow: #e1e1e1 0 -3px 3px -3px inset, #999 0 2px 2px -2px inset; } .markdown-editor textarea { resize: none; } .markdown-editor .preview, .markdown-editor .help { padding: 1em; background: #fafafa; overflow: hidden; overflow-y: auto; display: none; } .markdown-editor .help p { margin: 0 0 1em 0; padding: 0; font-size: 1.2em; line-height: 1.5em; } .markdown-editor .preview h1, #dialog-content .markdown-editor .preview h1, .markdown-editor .preview h2, #dialog-content .markdown-editor .preview h2, .markdown-editor .preview h3, #dialog-content .markdown-editor .preview h3 { margin: 0; padding: 0; color: #000; font-weight: normal; line-height: 1.5em; margin-bottom: 0.5em; } .markdown-editor .preview h1, #dialog-content .markdown-editor .preview h1 { font-size: 2em; } .markdown-editor .preview h2, #dialog-content .markdown-editor .preview h2 { font-size: 1.8em; } .markdown-editor .preview h3, #dialog-content .markdown-editor .preview h3 { font-size: 1.6em; } .markdown-editor .preview p, #dialog-content .markdown-editor .preview p { margin: 0 0 1em 0; padding: 0; font-size: 1.2em; line-height: 1.5em; } .markdown-editor .preview em, #dialog-content .markdown-editor .preview em { font-style: italic; } .markdown-editor .preview strong, #dialog-content .markdown-editor .preview strong { font-weight: bold; } .markdown-editor .preview ul, #dialog-content .markdown-editor .preview ul { list-style: disc inside; } .markdown-editor .preview ol, #dialog-content .markdown-editor .preview ol { list-style: decimal inside; } .markdown-editor .preview ul, #dialog-content .markdown-editor .preview ul, .markdown-editor .preview ol, #dialog-content .markdown-editor .preview ol { margin: 0 0 1.5em 0; padding: 0 0 0 1em; } .markdown-editor .preview ul li, #dialog-content .markdown-editor .preview ul li, .markdown-editor .preview ol li, #dialog-content .markdown-editor .preview ol li { margin: 0; padding: 0; font-size: 1.2em; line-height: 1.5em; } .tabs-directive { padding-top: 1.4em; height: 100%; } .tabs-directive ul.tabs-navigation { display: inline-block; list-style: none; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; -webkit-border-radius: 0.2em; border-radius: 0.2em; overflow: hidden; white-space: nowrap; } .tabs-directive ul.tabs-navigation li { text-align: center; float: left; background: -webkit-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: -moz-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: -o-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: -ms-linear-gradient(top, #f9f9f9 33%, #f2f2f2 66%); background: linear-gradient(to bottom, #f9f9f9 33%, #f2f2f2 66%); -webkit-box-shadow: -1px 0 0 #fff inset; box-shadow: -1px 0 0 #fff inset; border-right: 1px solid #e0e0e0; border-left: 1px solid #ededed; padding-left: 1em; padding-right: 1em; } .tabs-directive ul.tabs-navigation li a { display: block; font-size: 1.2em; position: relative; padding: 0.6em 0; text-decoration: none; color: #444; text-align: center; } .tabs-directive ul.tabs-navigation li:first-child { border-left: none; } .tabs-directive ul.tabs-navigation li:last-child { border-right: none; } .tabs-directive ul.tabs-navigation li.active, .tabs-directive ul.tabs-navigation li:hover { background: -webkit-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: -moz-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: -o-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: -ms-linear-gradient(top, #fff 33%, #f6f6f6 66%); background: linear-gradient(to bottom, #fff 33%, #f6f6f6 66%); } .tabs-directive ul.tabs-navigation li.active a { color: #f48f00; font-weight: bold; } .tabs-directive .tabs-content { background-color: #eee; border-top: 1px solid #dbdbdb; margin-top: -3px; -webkit-box-shadow: #b7b7b7 0 1px 2px 1px; box-shadow: #b7b7b7 0 1px 2px 1px; -webkit-border-radius: 1px; border-radius: 1px; height: 486px; position: relative; } .tabs-directive .tabs-content .tab-pane { position: absolute; top: -10000px; width: 100%; height: 100%; } .tabs-directive .tabs-content .tab-pane.active { position: relative; top: 0; } .xml-viewer { border: 1px solid #c0c0c0; -webkit-border-radius: 0.4em; border-radius: 0.4em; margin-bottom: 1em; background-color: #f5f1e7; } .xml-viewer .xml-viewer-lineno-viewport .xml-viewer-section-container .xml-viewer-lineno-section { background-color: #ecdfbf; border-right-style: solid; border-right-color: #d3d3d3; border-right-width: 1px; } .xml-viewer .xml-viewer-lineno-viewport .xml-viewer-section-container .xml-viewer-lineno-section .line-number-row { color: #555; text-align: right; padding-right: 0.5em; font-weight: bold; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #dfdfdf; margin-left: 0.5em; } .xml-viewer .xml-viewer-lineno-viewport .xml-viewer-section-container .xml-viewer-lineno-section .line-number-row.selected:before { content: '► '; } .xml-viewer .xml-viewer-lineno-viewport .xml-viewer-section-container .xml-viewer-lineno-section .line-number-row.error { color: #fff; background-color: #cf4646; } .xml-viewer .xml-viewer-lineno-viewport .xml-viewer-section-container .xml-viewer-lineno-section .line-number-row.warning { background-color: #fcf1a4; } .xml-viewer .xml-viewer-lineno-viewport .xml-viewer-section-container .xml-viewer-lineno-section .line-number-row.tip { background-color: #e4eff5; } .xml-viewer .xml-viewer-content-scroller .xml-viewer-section-container .xml-viewer-content-section { margin-left: 0.5em; } .xml-viewer .xml-viewer-content-scroller .xml-viewer-section-container .xml-viewer-content-section.loading { color: #f5f1e7; } .xml-viewer .xml-viewer-content-scroller .xml-viewer-section-container .xml-viewer-content-section .content-row { color: #555; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #dfdfdf; } .xml-viewer .xml-viewer-content-scroller .xml-viewer-section-container .xml-viewer-content-section .content-row.error { color: #fff; background-color: #cf4646; } .xml-viewer .xml-viewer-content-scroller .xml-viewer-section-container .xml-viewer-content-section .content-row.warning { background-color: #fcf1a4; } .xml-viewer .xml-viewer-content-scroller .xml-viewer-section-container .xml-viewer-content-section .content-row.tip { background-color: #e4eff5; } .menu { display: inline; } .menu .menu-title { display: inline; padding-right: 1em; position: relative; } .menu .menu-title p { display: inline; font-size: 1em; margin: 0; } .menu .menu-title .menu-title-icon { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; display: none; } .menu .menu-title .menu-title-icon.pull-left { float: left; margin-right: 0.3em; } .menu .menu-title .menu-title-icon.pull-right { float: right; margin-left: 0.3em; } .menu .menu-title .menu-title-icon:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f0d7"; } .menu .menu-contents { position: absolute; border: 1px #ddd solid; background-color: #e6e6e6; margin-left: -0.5em; padding: 0.5em; z-index: 20; } .menu.editable:hover .menu-title { color: #f48f00; } .menu.editable .menu-title .menu-title-icon { display: inline; } .progress-phase .phase-container { position: relative; height: 22px; overflow: hidden; display: inline-block; -webkit-box-shadow: 0px 0px 2px #ccc; box-shadow: 0px 0px 2px #ccc; border-radius: 0.25em; } .progress-phase .phase-container .phase { white-space: nowrap; display: inline-block; position: relative; height: 22px; padding: 0; margin: 0; padding-left: 17px; background-color: #666; width: 86px; font-size: 1.3em; text-align: center; color: #fff; line-height: 22px; } .progress-phase .phase-container .phase:before, .progress-phase .phase-container .phase:after { position: absolute; height: 0px; width: 0px; border: 17px solid transparent; border-left-width: 17px; border-left-style: solid; top: -6px; z-index: 100; content: ''; } .progress-phase .phase-container .phase:before { border-left-color: #fff; left: 103px; } .progress-phase .phase-container .phase:after { border-left-color: #666; left: 98px; } .progress-phase .phase-container .phase:first-child { padding-left: 8.5px; padding-right: 8.5px; width: 69px; } .progress-phase .phase-container .phase:first-child:before { left: 86px; } .progress-phase .phase-container .phase:first-child:after { left: 81px; } .progress-phase .phase-container .phase:last-child:before { display: none; } .progress-phase .phase-container .phase:last-child:after { display: none; } .progress-phase .phase-container .phase:first-child { border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } .progress-phase .phase-container .phase:last-child { border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em; } .progress-phase .phase-container .phase.current { background-color: #f48f00; color: #000; font-weight: bold; } .progress-phase .phase-container .phase.current:after { border-left-color: #f48f00; } .progress-phase .phase-container .phase.current.red { background-color: #df3323; } .progress-phase .phase-container .phase.current.red:after { border-left-color: #df3323; } .progress-phase .phase-container .phase.pulsate { -webkit-animation: pulsate-background 1s infinite alternate; -moz-animation: pulsate-background 1s infinite alternate; -o-animation: pulsate-background 1s infinite alternate; -ms-animation: pulsate-background 1s infinite alternate; animation: pulsate-background 1s infinite alternate; } .progress-phase .phase-container .phase.pulsate.pulsate:after { -webkit-animation: pulsate-border 1s infinite alternate; -moz-animation: pulsate-border 1s infinite alternate; -o-animation: pulsate-border 1s infinite alternate; -ms-animation: pulsate-border 1s infinite alternate; animation: pulsate-border 1s infinite alternate; } .progress-phase .phase-container.clickable .phase { cursor: pointer; } @media print { .progress-phase .phase-container { -webkit-box-shadow: none; box-shadow: none; } } @-moz-keyframes pulsate-background { 0% { background-color: #e38601; color: #000; } 100% { background-color: #ffb64d; color: #555; } } @-webkit-keyframes pulsate-background { 0% { background-color: #e38601; color: #000; } 100% { background-color: #ffb64d; color: #555; } } @-o-keyframes pulsate-background { 0% { background-color: #e38601; color: #000; } 100% { background-color: #ffb64d; color: #555; } } @keyframes pulsate-background { 0% { background-color: #e38601; color: #000; } 100% { background-color: #ffb64d; color: #555; } } @-moz-keyframes pulsate-border { 0% { border-left-color: #e38601; } 100% { border-left-color: #ffb64d; } } @-webkit-keyframes pulsate-border { 0% { border-left-color: #e38601; } 100% { border-left-color: #ffb64d; } } @-o-keyframes pulsate-border { 0% { border-left-color: #e38601; } 100% { border-left-color: #ffb64d; } } @keyframes pulsate-border { 0% { border-left-color: #e38601; } 100% { border-left-color: #ffb64d; } } .performance-scalability { position: relative; } .performance-scalability button#zoom { position: absolute; top: 1.5em; left: 5em; outline-width: 0px; } .performance-scalability button#zoom .icon { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .performance-scalability button#zoom .icon.pull-left { float: left; margin-right: 0.3em; } .performance-scalability button#zoom .icon.pull-right { float: right; margin-left: 0.3em; } .performance-scalability button#zoom .icon:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f002"; } .performance-scalability button#zoom.active { background: #999; } @media print { .performance-scalability button#zoom { visibility: hidden; } } .performance-scalability-legend, .performance-timeline-legend { margin: 0; } .performance-scalability-legend .legend-list, .performance-timeline-legend .legend-list { list-style: none; } .performance-scalability-legend .legend-list .legend-item, .performance-timeline-legend .legend-list .legend-item { display: inline-block; position: relative; width: 6em; height: 2.2em; padding: 0; margin-right: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; background-color: #fff; -webkit-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc; } .performance-scalability-legend .legend-list .legend-item .box1, .performance-timeline-legend .legend-list .legend-item .box1, .performance-scalability-legend .legend-list .legend-item .box2, .performance-timeline-legend .legend-list .legend-item .box2 { position: absolute; left: 0; right: 0; height: 1em; } .performance-scalability-legend .legend-list .legend-item .box1, .performance-timeline-legend .legend-list .legend-item .box1 { top: 0; } .performance-scalability-legend .legend-list .legend-item .box2, .performance-timeline-legend .legend-list .legend-item .box2 { bottom: 0; border-top: 0.2em solid #000; } .performance-scalability-legend .legend-list .legend-item.ninetyFive .box2, .performance-timeline-legend .legend-list .legend-item.ninetyFive .box2 { border-top: 0.2em dashed #339; } .performance-scalability-legend .legend-list .legend-item.average, .performance-timeline-legend .legend-list .legend-item.average { background-color: #d5d5d5; } .performance-scalability-legend .legend-list .legend-item.average .box2, .performance-timeline-legend .legend-list .legend-item.average .box2 { border-top: 0.2em solid #999; } .performance-scalability-legend .legend-list .legend-item.median .box2, .performance-timeline-legend .legend-list .legend-item.median .box2 { border-top: 0.2em solid #ed7e23; } .performance-scalability-legend .legend-list .legend-item .label, .performance-timeline-legend .legend-list .legend-item .label { position: absolute; bottom: -1.25em; left: 0; right: 0; text-align: center; color: #999; font-size: 1.1em; } .performance-stats { margin-left: 50px; } .performance-stats table { display: inline-block; height: 100%; } .performance-stats table tr { height: 1.7em; } .performance-stats table tr td, .performance-stats table tr th { font-size: 1.3em; padding-right: 1em; } .performance-stats table tr th { color: #999; } .performance-stats table tr .no-data { color: #999; } .performance-stats .download-container { display: inline-block; vertical-align: bottom; position: relative; bottom: 0.5em; padding-left: 2em; } .performance-stats .download-container .download { position: absolute; bottom: 0; } @media print { .performance-stats .download-container { display: none; } } .colorpicker .sp-replacer { height: 14px; padding: 3px 0px 3px 3px; } .colorpicker .sp-replacer .sp-preview { height: 12px; border: 1px solid #6f6f6f; margin-right: 3px; } .colorpicker .sp-replacer .sp-dd { white-space: nowrap; text-indent: 100%; overflow: hidden; margin-top: -2px; padding: 0; width: 18px; height: 18px; background: url("../images/select2.png") no-repeat left -4px; } .colorpicker .sp-replacer.sp-active .sp-dd { background-position: -18px -4px; } .sp-container, .sp-replacer, .sp-replacer.sp-active, .sp-replacer:hover { background: #fff; border: 1px solid #cfcfcf; -webkit-box-shadow: #cbcbcb 0 1px 2px -1px; box-shadow: #cbcbcb 0 1px 2px -1px; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); } print-button .spin { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } print-button .spin.pull-left { float: left; margin-right: 0.3em; } print-button .spin.pull-right { float: right; margin-left: 0.3em; } print-button .spin:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f021"; } help { position: absolute; top: 1em; right: 2.5em; z-index: 500; } help .help-container a { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-size: 24px; color: #6ca363; } help .help-container a.pull-left { float: left; margin-right: 0.3em; } help .help-container a.pull-right { float: right; margin-left: 0.3em; } help .help-container a:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f059"; } help .help-container a:hover { color: #45623d; } .monitoring .analytics table td, .monitoring .analytics table th { text-align: right; } .monitoring .analytics table td:first-child, .monitoring .analytics table th:first-child { text-align: left; } .monitoring .analytics .requests-per-hour .dropdown { width: 11em; } .monitoring .analytics .segment-tables, .monitoring .analytics .segment-view { width: 49.5%; display: inline-block; min-width: 45em; min-height: 57em; float: left; } .monitoring .analytics .segment-view { padding-bottom: 1.4em; } @media (max-width: 1270px) { .monitoring .analytics .segment-view .grouped-by-hour .highcharts-axis-labels:nth-of-type(even) text:nth-child(even) { display: none; } } .monitoring .analytics .segment-tables { margin-right: 1%; } .monitoring .analytics .segment-tables .by-segment td:first-child, .monitoring .analytics .segment-tables .offering td:first-child { max-width: 15em; } .monitoring .analytics .segment-tables .by-segment h3, .monitoring .analytics .segment-tables .offering h3 { display: inline-block; } .monitoring .analytics .group-histogram { display: block; height: 48%; } .monitoring .analytics .download-analytics { font-style: normal; color: #666; display: inline-block; } .monitoring .analytics .download-analytics:hover { text-decoration: none; color: #000; } .monitoring .analytics .download-analytics:before { font-family: FontAwesome; text-decoration: inherit; font-size: 110%; speak: none; content: "\f019"; margin-right: 0.3em; } .monitoring .analytics .ownership-warning button { margin-top: 1em; } .monitoring .analytics .ownership-warning .warning-banner { top: 7em; } .monitoring .info .banner-holder { margin-right: 2em; position: relative; } .monitoring .info .banner-holder .info-banner { background: url("../images/info_icon.png") no-repeat 0.75em center; font-size: 1.35em; padding: 1em 1em 1em 2.5em; margin: 0em 1em 1em 0em; background-color: #fdedcf; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; -webkit-border-radius: 0.2em; border-radius: 0.2em; overflow: hidden; } .monitoring .info .banner-holder .info-banner.alert { background: url("../images/alert.png") no-repeat 0.75em center; background-color: #fdedcf; } .monitoring .info .info-holder { width: 49%; min-width: 35em; display: inline-block; float: left; min-height: 20em; padding-bottom: 1.5em; margin-right: 1%; position: relative; } .monitoring .info .info-holder.service-owner { min-height: 1em; width: 99%; padding-bottom: 0; margin-bottom: 2em; } .monitoring .info .info-holder.service-owner > * { margin-right: 0.25em; display: inline-block; } .monitoring .info .info-holder.service-owner .not-verified { color: #9d9d9d; cursor: pointer; } .monitoring .info .info-holder.service-owner .not-verified:hover { text-decoration: underline; } .monitoring .info .info-holder.service-owner .preferences { position: absolute; margin: 0; top: 0.75em; right: 4em; } .monitoring .info .info-holder.service-owner .refresh-label { position: absolute; margin-right: 0; right: 9em; top: 1em; height: 26px; } .monitoring .info .info-holder.service-owner .message { display: block; font-size: 1.3em; max-width: 40em; margin-left: 25em; position: absolute; top: 3.4em; right: 8.1em; text-align: right; line-height: 1.3em; } .monitoring .info .info-holder.service-owner .message.failed { color: #e11; } .monitoring .info .info-holder.service-owner .message.success { color: #6ca363; } .monitoring .info .info-holder.service-owner h3 { overflow: visible; } @media (max-width: 1270px) { .monitoring .info .info-holder.service-owner .message { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 30em; } } .monitoring .info .info-holder.service-abstract { min-height: 1em; width: 99%; } .monitoring .info .info-holder.service-abstract .abstract-text { max-height: 10em; min-height: 2em; overflow-y: auto; } .monitoring .info .info-holder h3 { overflow: hidden; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .monitoring .info .info-holder .offerings { height: 30em; } .monitoring .info .info-holder .offerings .datagrid td { max-width: 10em; overflow: hidden; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .monitoring .info .info-holder .offerings .datagrid td .meter-indicator { width: 14px; height: 14px; margin-left: auto; margin-right: auto; } .monitoring .info .info-holder .offerings .datagrid td .meter-indicator.none:before, .monitoring .info .info-holder .offerings .datagrid td .meter-indicator.active { background: url("../images/meter_icon.png") no-repeat top; } .monitoring .info .info-holder .offerings .datagrid td .meter-indicator.invalid { background: url("../images/meter_icon.png") no-repeat bottom; } .monitoring .info .info-holder .offerings .datagrid .refresh-label { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; margin: 0; border: 0; padding: 0; } .monitoring .info .info-holder .offerings .datagrid .refresh-label.pull-left { float: left; margin-right: 0.3em; } .monitoring .info .info-holder .offerings .datagrid .refresh-label.pull-right { float: right; margin-left: 0.3em; } .monitoring .info .info-holder .offerings .datagrid .refresh-label:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f021"; } .monitoring .info .info-holder .offerings .datagrid .refresh-label:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } .monitoring .info .info-holder .offerings .datagrid .refresh-label:before { font-size: 120%; color: #666; } .monitoring .info .info-holder .offerings .datagrid .refresh-label span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } .monitoring .info .info-holder .offerings .datagrid .refresh-label:hover:before { color: #222; } .monitoring .info .info-holder .offerings .datagrid .refresh-label:disabled:hover:before { color: #666; } .monitoring .info .info-holder .offerings .datagrid .refresh-label.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } .monitoring .info .info-holder .offerings .datagrid .message span { white-space: pre-wrap; } .monitoring .info .info-holder .offerings .datagrid .message span.failed { color: #e11; } .monitoring .info .info-holder .map-holder { display: block; width: 100%; height: 30em; position: relative; } .monitoring .info .info-holder .map-holder .preview-map { position: absolute; width: 100%; height: 100%; boder-radius: 0.2em; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; } .monitoring .info .info-holder .layer-abstract, .monitoring .info .info-holder .layer-meters { font-size: 1.35em; boder-radius: 0.2em; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 0 1px #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5; padding: 1em; height: 15em; overflow-y: auto; } .monitoring .info .info-holder .layer-meters span { margin-bottom: 0.2em; display: inline-block; } .monitoring .info .info-holder .layer-meters span.meter-group-header { color: #f48f00; font-size: 1.2em; } .monitoring .info .info-holder .layer-meters span.expandable { cursor: pointer; } .monitoring .info .info-holder .layer-meters button { display: block; margin-top: 0.5em; font-size: 14px; } .monitoring .info .info-holder .layer-meters ul { margin-bottom: 0.5em; } .monitoring .info .info-holder .layer-meters ul li { line-height: 125%; margin-left: 0.1em; padding-left: 10px; padding-bottom: 0.3em; background: url("../images/orange_bullet.png") no-repeat; background-position: 0 4px; } .monitoring .info .info-holder .layer-meters ul li.clickable { cursor: pointer; } .monitoring .info .info-holder .layer-meters ul li.clickable:hover { text-decoration: underline; } .monitoring .info .info-holder .layer-meters ul li.clickable[disabled="disabled"] { cursor: default; } .monitoring .info .info-holder .layer-meters ul li.clickable[disabled="disabled"]:hover { text-decoration: none; } .monitoring .info .info-holder .layer-meters .info-modidy-meter-disabled { margin-top: 0.5em; } .monitoring .info .info-holder .service-wide-subscriptions .esri-mapserver-tile .esri-mapserver-tile-content span { font-size: 1.3em; padding-right: 0.5em; } .monitoring .metrics .histogram { height: 21em; margin: 0 0 0 -3.5em; } .monitoring .metrics .response-time-table td span { margin-right: 0.3em; } .monitoring .metrics .response-time-table td.ok span { color: #888; } .monitoring .metrics .response-time-table td.ok span:before { content: '\2713'; } .monitoring .metrics .response-time-table td.error span { color: #df442e; } .monitoring .metrics .response-time-table td.error span:before { content: '\2717'; } .monitoring .metrics .response-time-table td.no-connection span { color: #df442e; } .monitoring .metrics .response-time-table td.no-connection span:before { content: '\2012'; font-weight: bold; } .monitoring .metrics .alerts .title h3 { display: inline-block; } .monitoring .metrics .alerts .title .preferences { position: absolute; top: 1em; right: 0; } .monitoring .metrics .alerts table .yesno { width: 12px; height: 12px; } .monitoring .metrics .alerts table .yesno.yes { width: 12px; height: 12px; background: url("../images/select2.png") top right no-repeat; } .monitoring .metrics .alert-detail textarea { width: 80%; height: 18em; display: block; margin-left: 0.1em; border: 2px solid #ccc; padding: 5px; font-family: Arimo; } .monitoring .metrics .alert-detail textarea:focus { outline: 0px none transparent; } .monitoring .metrics .alert-detail textarea:disabled { background-color: #fff; } .monitoring .metrics .alert-detail button { margin-top: 0.5em; margin-left: 0.1em; } .monitoring .metrics .alert-detail .last-updated { font-size: 1.3em; margin-left: 1em; color: #888; } .monitoring .standards > * { max-width: 800px; } .monitoring .standards .pre-text { padding-top: 15px; } .monitoring .standards h2 { padding-top: 15px; } .monitoring .standards .etf-validator { padding-bottom: 5px; } .monitoring .standards .etf-validator p { padding-bottom: 5px; } .monitoring .standards .loading { background: url("../images/spinner.gif") no-repeat; padding-left: 18px; } .monitoring .standards .right { float: right; } .monitoring .standards .controls { position: absolute; top: 0; right: 0; } .monitoring .standards .validation-targets { margin-bottom: 2em; position: relative; } .monitoring .standards .validation-targets ul { font-size: 1.2em; } .monitoring .standards .validation-targets .validation-target-list { margin: 0.5em 0 0.5em 0; } .monitoring .standards .validation-targets .validation-target-list li { background: url("../images/dot_o.png") no-repeat left 6px; padding-top: 0; padding-left: 15px; padding-right: 0; padding-bottom: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; } .monitoring .standards .validation-info .init-text { font-size: 1.3em; } .monitoring .standards .validation-info .init-text.failed { color: #f00; } .monitoring .standards .validation-info .capabilities-selector { font-size: 1.4em; margin-top: 0.2em; } .monitoring .standards .validation-info .capabilities-selector .input-field { margin-right: 1em; } .monitoring .standards .validation-head { position: relative; } .monitoring .standards .validation-results .test-suite-head { margin-top: 1.5em; zoom: 1; } .monitoring .standards .validation-results .test-suite-head:before, .monitoring .standards .validation-results .test-suite-head:after { content: ""; display: table; } .monitoring .standards .validation-results .test-suite-head:after { clear: both; } .monitoring .standards .validation-results .result-suite-container { margin-bottom: 2.5em; } .monitoring .standards .validation-results .result-suite-container .note { margin-top: 0.5em; margin-bottom: 1em; margin-left: 2em; color: #b91b1b; } .monitoring .standards .validation-results .compliance-result { font-size: 1.3em; font-weight: bold; background-repeat: no-repeat; background-position: left center; padding-left: 24px; min-height: 20px; } .monitoring .standards .validation-results .compliance-result.passed { background-image: url("../images/pass.png"); color: #76bb0e; } .monitoring .standards .validation-results .compliance-result.failed { background-image: url("../images/fail.png"); color: #db0e0e; } .monitoring .standards .validation-results .category-container { margin-left: 1em; margin-bottom: 2em; } .monitoring .standards .validation-results .category-container .test-category-header { font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.5em; } .monitoring .standards .validation-results .category-container .test-section { margin-bottom: 1em; } .monitoring .standards .validation-results .category-container .test-section.fail > .title { color: #db0e0e; } .monitoring .standards .validation-results .tests { margin-left: 0.5em; margin-right: 0.5em; } .monitoring .standards .validation-results .tests li { margin-bottom: 1.2em; } .monitoring .standards .validation-results .test-title { margin-top: 0.5em; margin-bottom: 0.3em; font-weight: bold; } .monitoring .standards .validation-results .test-reference { margin-left: 1em; margin-top: 0.4em; margin-bottom: 0.5em; color: #b4b4b4; } .monitoring .standards .validation-results .test-description { margin-left: 1em; color: #505050; } .monitoring .standards .validation-results .test-description .pointer-list { margin-top: 0.5em; } .monitoring .standards .validation-results .test-description .pointer { margin-top: 0.3em; margin-bottom: 0.5em; cursor: pointer; font-size: 1.2em; } .monitoring .standards .validation-results .test-description .pointer .row { font-weight: bold; } .monitoring .standards .validation-results .test-description .pointer .pos { font-weight: bold; } .monitoring .standards .validation-results .download-button { font-size: 1.2em; min-height: 19px; display: inline-block; background-image: url("../images/download.png"); background-repeat: no-repeat; background-position: left bottom; padding-left: 28px; cursor: pointer; } .monitoring .standards .validation-results .ref-standards-header { font-size: 1.2em; margin-top: 1em; margin-bottom: 0.5em; } .monitoring .standards .validation-results .ref-standards { font-size: 1.2em; color: #a0a0a0; margin-bottom: 2em; margin-top: 0em; } .monitoring .standards .validation-results .ref-standards .standard { margin-left: 1em; padding-top: 0.2em; padding-bottom: 0.7em; } .monitoring .standards .validation-results .ref-standards .standard .ref-documents { font-size: 1.2em; } .monitoring .standards .validation-results .ref-standards .standard .ref-documents .document { font-size: 0.8em; margin-left: 1em; padding-top: 0.5em; } .monitoring .standards .validation-results .ref-standards .standard .ref-documents .document .abbreviation { font-weight: bold; } .monitoring .standards .validation-results .ref-standards .standard .ref-documents a { color: #aaaafa; } .monitoring .standards .validation-results .source-document-header { font-size: 1.2em; margin-top: 1em; margin-bottom: 0.5em; } .monitoring .standards .validation-results .source-document { width: 100%; font-size: 13px; margin-bottom: 2em; } @media print { .monitoring .standards .controls { display: none; } .monitoring .standards .validation-head button { display: none; } .monitoring .standards .source-document-header, .monitoring .standards .source-document { display: none; } } .monitoring .sharing .instructions { color: #888; font-style: italic; margin-top: 1ex; margin-bottom: 1em; } .monitoring .sharing .instructions .highlight { color: #f48f00; margin-right: 0.3em; } .monitoring .sharing .widget { width: 100%; position: relative; } .monitoring .sharing .widget .title h3 { margin-top: 0px; } .monitoring .sharing .widget .preview { display: inline-block; position: absolute; top: 6em; left: 38em; } .monitoring .sharing .widget .preview h4 { margin-bottom: 0.5em; } .monitoring .sharing .widget .preview span { margin: 0.5em 0; display: block; line-height: 1.5em; width: 240px; } .monitoring .sharing .widget .preview #preview-container { padding: 10px; height: 135px; width: 210px; -webkit-border-radius: 5px; border-radius: 5px; border-style: solid; border-color: #f0f0f0; border-width: 1px; } .monitoring .sharing .widget .preview #preview-container #preview { width: 200px; height: 125px; margin: 6px; border-style: none; border-width: 0px; } .monitoring .sharing .widget .preview #preview-container:hover #preview { margin: 5px; border-style: dashed; border-width: 1px; } .monitoring .sharing .widget .settings { width: 100%; } .monitoring .sharing .widget .settings .no-meters { color: #f00; margin-left: 1em; font-size: 1.2em; } .monitoring .sharing .widget .settings fieldset { margin-top: 1em; width: 100%; clear: both; } .monitoring .sharing .widget .settings fieldset .dropdown { width: 20em; font-size: 100%; } .monitoring .sharing .widget .settings label { display: block; line-height: 1.5em; text-align: right; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 1em; } .monitoring .sharing .widget .settings span.label { font-size: 1.2em; line-height: 1.5em; } .monitoring .sharing .widget .settings li:first-child label { margin-left: 0; width: 13em; } .monitoring .sharing .widget .settings fieldset.select { margin-bottom: 3em; } .monitoring .sharing .widget .settings fieldset.select li label { margin-left: 0.5ex; width: 5em; } .monitoring .sharing .widget .settings fieldset.select .new { margin-left: 2em; } .monitoring .sharing .widget .settings fieldset.enabled .label { margin-left: 0.5ex; } .monitoring .sharing .widget .settings fieldset.name input { width: 17em; } .monitoring .sharing .widget .settings fieldset.color input { font-size: 120%; width: 17em; } .monitoring .sharing .widget .settings fieldset.domains { margin-top: 1em; } .monitoring .sharing .widget .settings fieldset.domains .domains { width: 40em; } .monitoring .sharing .widget .settings fieldset.domains .instructions { margin-left: 8.4em; } .monitoring .sharing .widget .settings fieldset.button-row { margin-top: 2em; width: 61em; margin-bottom: 3em; } .monitoring .sharing .widget .settings fieldset.button-row button.delete { float: left; margin-left: 10.4em; } .monitoring .sharing .widget .settings fieldset.button-row button.cancel { float: right; margin-right: 10px; } .monitoring .sharing .widget .settings fieldset.button-row button { float: right; } .monitoring .sharing .widget .settings fieldset.button-row .apply-reminder { position: relative; top: -1.7em; left: 32em; color: #f48f00; font-style: italic; } .monitoring .sharing .widget .settings .snippet { margin-top: 1em; width: 100%; } .monitoring .sharing .widget .settings .snippet h4 { margin-bottom: 1em; } .monitoring .sharing .widget .settings .snippet li { display: inline; } .monitoring .sharing .widget .settings .snippet .code { font-family: monospace; min-width: 35em; max-width: 60em; margin-right: 1em; height: 5em; } .monitoring .sharing .widget .settings .snippet.loader { clear: both; } .monitoring .sharing .widget .settings .snippet .instructions { display: inline-block; vertical-align: top; margin-top: 0; min-width: 13em; max-width: 40%; } .monitoring .time-series { margin: 1em 0 1.6em 0; zoom: 1; } .monitoring .time-series:before, .monitoring .time-series:after { content: ""; display: table; } .monitoring .time-series:after { clear: both; } .monitoring .time-series label { font-size: 1.3em; line-height: 1.5em; margin-right: 0.2em; } .monitoring .time-series .chart-wrapper { position: relative; margin: 1em 0 1.2em 0; height: 21em; } .monitoring .time-series .chart-wrapper a.previous, .monitoring .time-series .chart-wrapper a.next { position: absolute; top: 50%; display: block; background: url("../images/arrows.png") no-repeat; height: 2.2em; width: 1.2em; margin-top: -1.5em; } .monitoring .time-series .chart-wrapper a.previous { left: 0; background-position: left top; } .monitoring .time-series .chart-wrapper a.previous:hover { background-position: left bottom; } .monitoring .time-series .chart-wrapper a.next { right: 0; background-position: right top; } .monitoring .time-series .chart-wrapper a.next:hover { background-position: right bottom; } .monitoring .time-series .selections { zoom: 1; } .monitoring .time-series .selections:before, .monitoring .time-series .selections:after { content: ""; display: table; } .monitoring .time-series .selections:after { clear: both; } .monitoring .time-series .meter { float: left; } .monitoring .time-series .meter select { width: 32em; } .monitoring .time-series .parameter.left { float: left; margin-right: 1em; } .monitoring .time-series .parameter.right { float: right; margin-right: 4em; } .monitoring .time-series .parameter select { width: 7.5em; } .monitoring .time-series .parameter input[type="checkbox"] { line-height: 100%; overflow-y: hidden; position: relative; top: 0.15em; margin: 0px 0px 0px 0px; } .monitoring .time-series .period { float: left; vertical-align: bottom; line-height: 1.5em; } .monitoring .time-series .period .datepicker { vertical-align: bottom; } .monitoring .time-series .period .datepicker input { width: 5em; } .monitoring .time-series .period label { vertical-align: super; } .monitoring .time-series .period span.separator { margin: 0 0.5em; vertical-align: super; } .monitoring .time-series .download { float: left; vertical-align: bottom; line-height: 1.5em; } .monitoring .time-series .download a { font-style: normal; font-size: 1.3em; color: #666; display: inline-block; padding: 5px 10px; } .monitoring .time-series .download a:hover { text-decoration: none; color: #000; } .monitoring .time-series .download a:before { font-family: FontAwesome; text-decoration: inherit; font-size: 110%; speak: none; content: "\f019"; margin-right: 0.3em; } .monitoring .time-series .zoom { position: absolute; left: 50%; margin-left: -50px; } .monitoring .time-series .shortcuts { float: right; margin-right: 4em; } .monitoring .time-series .zoom button, .monitoring .time-series .shortcuts button { background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); -webkit-border-radius: 0.1em; border-radius: 0.1em; line-height: 1.4em; border: 1px solid #cfcfcf; height: 1.8em; color: #444; text-decoration: none; cursor: pointer; } .monitoring .content-block { margin-bottom: 2em; padding: 1.5em 2.5em 1.5em 2.5em; -webkit-box-shadow: #cbcbcb 0 1px 2px 1px; box-shadow: #cbcbcb 0 1px 2px 1px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .monitoring .content-block.invisible { -webkit-box-shadow: none; box-shadow: none; } .monitoring .content-block.mockup { padding: 1em 0; } .monitoring .content-block .grid { zoom: 1; } .monitoring .content-block .grid:before, .monitoring .content-block .grid:after { content: ""; display: table; } .monitoring .content-block .grid:after { clear: both; } .monitoring .content-block .grid > div { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -2.5em; padding-left: 2.5em; } .monitoring .content-block .grid > div:first-child { margin-left: 0; padding-left: 0; margin-right: 2.5em; } .monitoring .content-block .grid > div:first-child.availability { padding-left: 2.5em; } .monitoring .content-block .grid > div .title { margin-left: -0.2em; position: relative; } .monitoring .content-block .grid > div .title span.status-icon { position: absolute; left: -2em; top: 0.4em; } .monitoring .content-block .grid > div .title strong { font-size: 1.3em; font-weight: bold; color: #727071; } .monitoring .content-block .grid > div .title a { position: absolute; top: 0.3em; left: 6.5em; font-size: 1.3em; color: #8c8c8c; } .monitoring .content-block hr { border: none; border-bottom: 1px dotted #d6d6d6; clear: both; margin-bottom: 2.5em; } .monitoring .service-title[disabled="disabled"] { cursor: default !important; } .monitoring .service-title[disabled="disabled"] h2 { cursor: default !important; } .monitoring #sidebar .search-disabled { bottom: 0; } @media print { .monitoring #sidebar { display: none; } .monitoring #content .header .selected-service { padding-top: 1em; } .monitoring #content .header .service-group-links, .monitoring #content .header .service-remove { display: none; } .monitoring #content .header .service-links-directory { display: none; } .monitoring #content .tabs { left: 1em; } .monitoring #content .tabs .tab-navigation { display: none; } .monitoring #content .tabs .tab-content { top: 0; border-top: 0; } } @media (max-width: 1270px) { .monitoring .parameter.right { float: left !important; margin-top: 1em; margin-right: 0; width: 100%; } .monitoring .period { margin-left: 50px; } .monitoring .period label { display: none; } .monitoring .zoom { left: inherit !important; right: 60px; margin-top: 30px; } .monitoring .selections { height: 50px; } .monitoring .download { position: absolute; left: 52px; margin-top: 30px; } .monitoring .download a { padding: 5px 0 !important; } } .overview #content .tabs { top: 6em; left: 0; } .overview #content .tabs .tab-navigation { margin-left: 3em; } .overview #content .tabs .tab-content { padding: 0; } .overview .dashboard { padding: 0 3em; } .overview .dashboard help { right: 1em; } .overview .dashboard .preferences { position: absolute; top: 0.5em; right: 2em; } .overview .dashboard .organize-service-groups { position: relative; top: -1.8em; width: 100%; right: 0; } .overview .dashboard .organize-service-groups a { font-size: 120%; color: #000; text-decoration: none; } .overview .dashboard .organize-service-groups a:hover { text-decoration: underline; } .overview .dashboard .organize-service-groups >* { position: absolute; right: 1em; } .overview .dashboard .latest-alerts thead td { font-weight: bold; } .overview .dashboard .latest-alerts td { font-size: 120%; padding-right: 2em; padding-bottom: 0.5em; } .overview .dashboard .latest-alerts tbody td.clickable { cursor: pointer; } .overview .dashboard .latest-alerts tbody td.clickable:hover { text-decoration: underline; } .overview .dashboard .stuffing { display: inline-block; float: left; min-width: 50%; } .overview .reports { position: absolute; height: 100%; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; } .overview .reports button.remove { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } .overview .reports button.remove.pull-left { float: left; margin-right: 0.3em; } .overview .reports button.remove.pull-right { float: right; margin-left: 0.3em; } .overview .reports button.remove:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f00d"; } .overview .reports button.remove:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } .overview .reports button.remove:before { font-size: 120%; color: #666; } .overview .reports button.remove span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } .overview .reports button.remove:hover:before { color: #222; } .overview .reports button.remove:disabled:hover:before { color: #666; } .overview .reports button.remove.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } .overview .reports button.download { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } .overview .reports button.download.pull-left { float: left; margin-right: 0.3em; } .overview .reports button.download.pull-right { float: right; margin-left: 0.3em; } .overview .reports button.download:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f019"; } .overview .reports button.download:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } .overview .reports button.download:before { font-size: 120%; color: #666; } .overview .reports button.download span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } .overview .reports button.download:hover:before { color: #222; } .overview .reports button.download:disabled:hover:before { color: #666; } .overview .reports button.download.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } .overview .reports .alert-icon { float: none; vertical-align: top; line-height: 100%; } .overview .reports table.field-layout { margin-top: 1em; width: 100%; clear: both; } .overview .reports table.field-layout tr td.name { width: 8em; } .overview .reports table.field-layout tr td.active { text-align: center; } .overview .reports table.field-layout tr td:nth-child(2) input, .overview .reports table.field-layout tr td:nth-child(2) textarea, .overview .reports table.field-layout tr td:nth-child(2) ul#services { width: 34em; } .overview .reports table.field-layout tr td { padding-bottom: 1em; } .overview .reports table.field-layout tr.name .alert-icon { position: absolute; right: 1.2em; } .overview .reports .widget-row .right { float: right; } .overview .reports .pad { margin-left: 3em; } .overview .reports .scheduled-reporting-container { position: absolute; top: 0; right: 0; bottom: 0; padding: 0; min-width: 18px; background: #f8f8f8; overflow-y: visible; -webkit-box-shadow: -2px 0px 5px #d6cfcf; box-shadow: -2px 0px 5px #d6cfcf; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle { position: fixed; top: 12.8em; bottom: 0; width: 16px; background: #f8f8f8; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle .scheduled-reporting-toggle-content { position: absolute; top: 48%; left: 0; right: 0; font-size: 1.3em; text-align: center; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.close { cursor: e-resize; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.close .scheduled-reporting-toggle-content { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.close .scheduled-reporting-toggle-content.pull-left { float: left; margin-right: 0.3em; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.close .scheduled-reporting-toggle-content.pull-right { float: right; margin-left: 0.3em; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.close .scheduled-reporting-toggle-content:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f054"; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.open { cursor: w-resize; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.open .scheduled-reporting-toggle-content { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.open .scheduled-reporting-toggle-content.pull-left { float: left; margin-right: 0.3em; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.open .scheduled-reporting-toggle-content.pull-right { float: right; margin-left: 0.3em; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle.open .scheduled-reporting-toggle-content:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f053"; } .overview .reports .scheduled-reporting-container .scheduled-reporting-toggle:hover { background: #e8e8e8; } .overview .reports .scheduled-reporting-container .scheduled-reporting { padding: 0 2em 2em 3em; width: 46em; background: #f8f8f8; } .overview .reports .scheduled-reporting-container .scheduled-reporting h3 { margin-top: 0; padding-top: 1em; } .overview .reports .scheduled-reporting-container .scheduled-reporting label { margin-right: 0.5em; } .overview .reports .scheduled-reporting-container .scheduled-reporting table.schedules { width: 100%; margin-right: 1ex; } .overview .reports .scheduled-reporting-container .scheduled-reporting table.schedules tr td.active { text-align: center; width: 3em; } .overview .reports .scheduled-reporting-container .scheduled-reporting table.schedules tr td.schedule { width: 5em; } .overview .reports .scheduled-reporting-container .scheduled-reporting table.schedules tr td.type { width: 8em; } .overview .reports .scheduled-reporting-container .scheduled-reporting table.schedules tr td.name { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 17.5em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor { margin-top: 2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .note { margin-top: 0.7em; margin-bottom: 1em; font-size: 1.2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .warning { color: #f00; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor label { font-size: 1.2em; font-weight: bold; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #name { font-size: 1.2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #content-bundle { width: 34em; font-size: 1.2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #schedule-period { width: 12em; font-size: 1.2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .schedule .widget-row { white-space: nowrap; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .schedule .widget-row > * { display: inline-block; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .schedule .widget-row > label { vertical-align: top; padding-top: 0.5em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .schedule .select2-container { margin-right: 2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #schedule-start input { width: 8em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #schedule-start .calendar { left: -110px; top: 3em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #schedule-start .calendar:before { left: 130px; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor #schedule-start .calendar:after { left: 131px; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services-label .alert-icon { vertical-align: baseline; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services-group td input[type="radio"] { margin-right: 0.1em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services-group td ul.dropdowns .dropdown, .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services-group td ul.dropdowns .dropdownSearch { width: 27em !important; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services td { padding-bottom: 2em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services #services { font-size: 1.2em; height: 7em; border-style: solid; border-width: 1px; border-color: #eaeaea; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services #services .disabled { color: #999; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services ul.dropdowns { margin-top: 1em; padding-bottom: 2em; position: relative; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services ul.dropdowns li { position: absolute; right: 0px; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services ul.dropdowns li:first-child { left: 0px; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .services ul.dropdowns .dropdown { width: 18em; } .overview .reports .scheduled-reporting-container .scheduled-reporting .schedule-editor .send .emails { font-size: 1.2em; } .overview .reports .report-archive { position: absolute; top: 0px; left: 3em; width: 86em; } .overview .reports .report-archive .progress { padding-right: 18px; background: url("../images/spinner.gif") no-repeat; background-position: right center; } .overview .reports .report-archive .failed { color: #d01f00; } .overview .reports .report-archive .control { position: absolute; width: 100%; } .overview .reports .report-archive .control .delete { float: left; } .overview .reports .report-archive .control .download-ctrl { float: right; white-space: nowrap; } .overview .reports .report-archive .control .download-ctrl button { margin-left: 1em; vertical-align: top; } .overview .reports .report-archive .control .download-ctrl .select2-container { vertical-align: middle; } .overview .reports .report-archive .language, .overview .reports .report-archive .layout { min-width: 10em; } .overview .reports .report-archive .note { font-size: 1.2em; vertical-align: middle; line-height: 1.5em; margin-right: 1em; } .overview .reports .report-archive .report-failed { color: #f00; line-height: 1.5em; font-size: 1.2em; text-align: right; vertical-align: middle; width: 100%; float: right; } .overview .reports .report-archive table { width: 100%; } .overview .reports .report-archive table tr td.created-on { width: 10em; } .overview .reports .report-archive table tr td.type { width: 8em; } .overview .reports .report-archive table tr td.name { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 18em; } .overview .reports .report-archive table tr td.span, .overview .reports .report-archive table tr th.span { width: 6em; } .overview .reports .report-archive table tr td.end, .overview .reports .report-archive table tr th.end { text-align: right; width: 6em; } .overview .reports ul.scrollable-list { margin-left: 0px; display: block; background-color: #fff; } .overview .reports ul.scrollable-list ul { zoom: 1; } .overview .reports ul.scrollable-list ul:before, .overview .reports ul.scrollable-list ul:after { content: ""; display: table; } .overview .reports ul.scrollable-list ul:after { clear: both; } .overview .reports ul.scrollable-list ul.even { background-color: #f6f6f6; } .overview .reports ul.scrollable-list ul li { float: left; width: 30%; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; } .overview .reports ul.scrollable-list ul li a.feed { display: inline-block; background-image: url("/images/feed.png"); width: 12px; height: 12px; margin-right: 0.3em; margin-bottom: -0.1em; } .overview .reports ul.scrollable-list ul li:first-child { width: 70%; text-align: left; } .overview .reports ul.scrollable-list li.list-header li { font-size: 1.3em; line-height: 1.5em; padding: 0.3em 0.5em 0.4em 0.5em; white-space: nowrap; } .overview .reports ul.scrollable-list li.list-body { max-width: 59em; height: 7em; overflow: hidden; overflow-y: auto; -webkit-box-shadow: #b7b7b7 0 1px 2px 1px; box-shadow: #b7b7b7 0 1px 2px 1px; -webkit-border-radius: 1px; border-radius: 1px; } .overview .reports ul.scrollable-list li.list-body li { padding: 0.2em 0.5em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .overview .reports ul.scrollable-list li.list-body a { color: #000; text-decoration: none; } .overview .reports ul.scrollable-list li.list-body a:hover { text-decoration: underline; } .overview .notifications { padding: 0em 3em 0 3em; max-width: 86em; } .overview .notifications td.start-time, .overview .notifications td.end-time { width: 20%; } .overview .notifications td.status { width: 10%; } .overview .notifications td.actions { width: 10%; text-align: right; } .overview .notifications button, .overview .notifications .create { margin-left: 1em; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; font-size: 80%; } .overview .notifications button.pull-left, .overview .notifications .create.pull-left { float: left; margin-right: 0.3em; } .overview .notifications button.pull-right, .overview .notifications .create.pull-right { float: right; margin-left: 0.3em; } .overview .notifications button:before, .overview .notifications .create:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f067"; } .overview .notifications button:disabled, .overview .notifications .create:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } .overview .notifications button:before, .overview .notifications .create:before { font-size: 120%; color: #666; } .overview .notifications button span, .overview .notifications .create span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } .overview .notifications button:hover:before, .overview .notifications .create:hover:before { color: #222; } .overview .notifications button:disabled:hover:before, .overview .notifications .create:disabled:hover:before { color: #666; } .overview .notifications button.spin:before, .overview .notifications .create.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } .overview .notifications button:before, .overview .notifications .create:before { font-size: 100%; } .overview .notifications .edit { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } .overview .notifications .edit.pull-left { float: left; margin-right: 0.3em; } .overview .notifications .edit.pull-right { float: right; margin-left: 0.3em; } .overview .notifications .edit:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f040"; } .overview .notifications .edit:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } .overview .notifications .edit:before { font-size: 120%; color: #666; } .overview .notifications .edit span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } .overview .notifications .edit:hover:before { color: #222; } .overview .notifications .edit:disabled:hover:before { color: #666; } .overview .notifications .edit.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } .overview .notifications .remove { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: -ms-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); color: #666; } .overview .notifications .remove.pull-left { float: left; margin-right: 0.3em; } .overview .notifications .remove.pull-right { float: right; margin-left: 0.3em; } .overview .notifications .remove:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f00d"; } .overview .notifications .remove:disabled { color: #888; background-color: #f4f4f4; background-image: none; cursor: default; } .overview .notifications .remove:before { font-size: 120%; color: #666; } .overview .notifications .remove span { margin-left: 0.4em; font-weight: bold; font-family: Arimo; } .overview .notifications .remove:hover:before { color: #222; } .overview .notifications .remove:disabled:hover:before { color: #666; } .overview .notifications .remove.spin:before { -webkit-animation: button-spin 2s infinite linear; -moz-animation: button-spin 2s infinite linear; -o-animation: button-spin 2s infinite linear; -ms-animation: button-spin 2s infinite linear; animation: button-spin 2s infinite linear; } .performance #content .simulated { color: #151c9e; } .performance #content .header h2 { position: relative; display: block; padding-right: 390px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .performance #content .header h2.removed { text-decoration: line-through; } .performance #content .header .no-selection { color: #999; } .performance #content .controls { position: absolute; top: 1em; right: 1em; width: 395px; height: 3em; } .performance #content .controls .main-controls, .performance #content .controls .plan-controls { position: absolute; z-index: 1; } .performance #content .controls .main-controls { left: 0; right: 0; } .performance #content .controls .main-controls .saving { font-size: 1.3em; margin-left: 0.7em; } .performance #content .controls .main-controls print-button { position: absolute; right: 0; top: 0; } .performance #content .controls .plan-controls { right: 0em; } .performance #content .controls .plan-controls .start { background-color: #f08600; background-image: -webkit-linear-gradient(top, #f7f3f0, #f08600); background-image: -moz-linear-gradient(top, #f7f3f0, #f08600); background-image: -o-linear-gradient(top, #f7f3f0, #f08600); background-image: -ms-linear-gradient(top, #f7f3f0, #f08600); background-image: linear-gradient(to bottom, #f7f3f0, #f08600); } .performance #content .plan-status { position: absolute; right: 1em; z-index: 1; width: 395px; top: 6em; } .performance #content .plan-status .status-label { width: 6em; margin-left: -6em; position: absolute; font-size: 1.3em; line-height: 22px; font-weight: bold; color: #666; white-space: nowrap; overflow: hidden; } .performance #content .status-helper-text { position: absolute; z-index: 10; right: 10px; font-size: 10pt; font-style: italic; top: 40px; color: #f48f00; } .performance #content .status-helper-text .not-enough-credits a { text-decoration: underline; } .performance #content .tab-status { display: inline; position: absolute; } .performance #content .tab-status .tab-status-group { display: inline; margin-left: 1em; } .performance #content .tab-status .saving { font-size: 1.3em; margin-left: 0.7em; } .performance #content .tab-status h3 { display: inline; color: #666; } .performance #content .tabs { top: 6em; left: 0em; right: 0em; } .performance #content .tabs .time-span { display: inline-block; position: relative; top: -10px; padding-left: 1em; color: #646464; } .performance #content .tabs .time-span .started, .performance #content .tabs .time-span .stopped { font-size: 1.3em; } .performance #content .tabs .time-span .stopped { margin-left: 1em; } .performance #content .tabs .tab-navigation { margin-left: 3em; } .performance #content .tabs .tab-content { padding-left: 1em; padding-right: 1em; } .performance #content .no-plan-selected-banner { padding-left: 2em; padding-top: 2em; } .performance #content .no-plan-selected-banner h2 { position: absolute; } .performance #content .no-plan-selected-banner .performance-select-plan-arrow { width: 143px; height: 69px; background: url("../images/performance_select_plan_arrow.png") no-repeat; position: absolute; right: 32em; top: 4.5em; } .performance .purchase-results-banner .warning-banner { z-index: 100; } .performance .purchase-results-banner .warning-banner .warning-banner-content { padding-bottom: 1em; } .performance .purchase-results-banner .warning-banner .missing-credits a:hover { text-decoration: underline; } .performance .graph-title h3 { width: 100%; text-align: center; color: #000; } .performance .graph-title h3 { width: 100%; text-align: center; color: #000; } .performance .graph-title .id { font-size: 90%; padding-left: 1em; color: #ccc; } .performance .graph-title .id:before { content: '#'; } .performance .analysis .service-id, .performance .timeline .service-id { color: #ccc; padding-left: 1em; } .performance .analysis .service-id:before, .performance .timeline .service-id:before { content: "#"; } .performance .analysis .top-row, .performance .timeline .top-row { display: block; height: 3em; margin-top: 1.5em; } .performance .analysis .top-row h3, .performance .timeline .top-row h3 { /* color: black */ margin-top: 0em; } .performance .setup { margin-top: 1em; } .performance .setup fieldset>* { float: left; } .performance .setup fieldset.setup, .performance .setup fieldset.simulation { margin-top: 1.3em; } .performance .setup fieldset p { width: 12em; text-align: right; line-height: 2em; margin-right: 0.5em; white-space: nowrap; } .performance .setup fieldset input { height: 2em; } .performance .setup fieldset .instructions { font-size: 10pt; font-style: italic; color: #f48f00; display: inline-block; position: relative; float: none; top: 0px; left: 1em; max-width: 28em; line-height: 1.1em; } .performance .setup fieldset .dropdown { width: 17em; margin-top: 0.25em; margin-right: 1em; } .performance .setup fieldset .full-choices > span, .performance .setup fieldset .stop-choices > span { font-size: 1.3em; line-height: 2em; margin-left: 0em; margin-right: 1em; } .performance .setup fieldset .full-choices .dropdown-holder, .performance .setup fieldset .stop-choices .dropdown-holder { display: inline; } .performance .setup fieldset .full-choices .dropdown-holder .dropdown.millis, .performance .setup fieldset .stop-choices .dropdown-holder .dropdown.millis { width: 7em; } .performance .setup fieldset .full-choices .dropdown-holder .dropdown.stopMode, .performance .setup fieldset .stop-choices .dropdown-holder .dropdown.stopMode { width: 12em; } .performance .setup fieldset .full-choices .dropdown-holder .dropdown.percentage, .performance .setup fieldset .stop-choices .dropdown-holder .dropdown.percentage { width: 4em; } .performance .setup fieldset .full-choices .test-minutes, .performance .setup fieldset .stop-choices .test-minutes, .performance .setup fieldset .full-choices .test-ramp, .performance .setup fieldset .stop-choices .test-ramp { font-weight: bold; } .performance .setup fieldset.name-row { height: 2.5em; } .performance .setup fieldset.name-row input { width: 32em; } .performance .setup fieldset.name-row .instructions { overflow-y: visible; } .performance .setup fieldset.notes { margin-bottom: 1.5em; } .performance .setup fieldset.notes div { color: #5f5f5f; font-size: 1.3em; float: none; font-style: italic; padding-left: 12.5em; max-width: 50em; } .performance .setup fieldset.simulation input { margin-top: 0.5ex; } .performance .setup fieldset.controls .right-side { float: right; } .performance .setup .re-run, .performance .setup .copy { margin-left: 1.5em; } .performance .setup .grid-title { margin-top: 1em; } .performance .setup .grid-title .title { display: inline-block; } .performance .setup .grid-title .title h3 { margin-right: 2em; margin-top: 0; } .performance .setup .grid-title .validation-messages { display: inline-block; font-size: 1.3em; color: #f00; width: 25%; overflow-y: auto; } .performance .setup .grid-title .validation-messages .messages { list-style: disc inside none; } .performance .setup .grid-title .validation-messages .messages > li { margin-bottom: 0.3em; } .performance .setup .meters .meter { max-width: 90em; } .performance .setup .meters .add { display: inline; cursor: pointer; font-size: 1.3em; padding-left: 0.7em; color: #f48f00; font-weight: bold; margin-top: 1.5em; } .performance .setup .meters .add .plus { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-right: 0.5em; } .performance .setup .meters .add .plus.pull-left { float: left; margin-right: 0.3em; } .performance .setup .meters .add .plus.pull-right { float: right; margin-left: 0.3em; } .performance .setup .meters .add .plus:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f067"; } .performance .setup .meters .add .plus:before { color: #c4c4c4; } .performance .setup .meters .add:hover .plus:before { color: #000; } .performance .timeline label { font-size: 1.3em; } .performance .timeline input { margin-right: 1ex; } .performance .timeline .graph-content { position: relative; } .performance .timeline .graph-content .performance-timeline-legend { position: absolute; top: -4em; right: 4.2em; z-index: 10; } .performance .timeline .graph-content .performance-timeline .timeline-chart { width: 100%; } .performance .timeline .overview table { width: 100%; font-size: 1.3em; } .performance .timeline .overview table th { font-weight: bold; } .performance .timeline .overview table td { white-space: nowrap; padding-left: 0.5em; padding-right: 0.5em; } .performance .analysis .chart-wrapper { padding-bottom: 2em; } .performance .analysis .chart-wrapper > div { margin-left: 2em; } .performance .analysis .chart-wrapper .graph-title { margin-left: 0; } .performance .analysis .chart-wrapper .graph-title h3 { text-align: left; } .performance .analysis .chart-wrapper .info-lines { padding-bottom: 1em; } .performance .analysis .chart-wrapper .info-lines .info-line { height: 1.7em; } .performance .analysis .chart-wrapper .info-lines .info-line span { font-size: 1.3em; } .performance .analysis .chart-wrapper .info-lines .info-line .title { color: #999; } .performance .analysis .chart-wrapper .info-lines .info-line .value { margin-left: 1em; } .performance .analysis .chart-wrapper .info-lines .info-line .value .id { color: #999; font-size: 0.9em; margin-left: 1em; } .performance .analysis .chart-wrapper .info-lines .info-line .value .id:before { content: '#'; } .performance .analysis .chart-wrapper .no-scalability-results p { padding-top: 0.2em; padding-bottom: 1em; } .performance .analysis .chart-wrapper .scalability-container, .performance .analysis .chart-wrapper .distribution-container { position: relative; } .performance .analysis .chart-wrapper .scalability-container .performance-scalability-legend, .performance .analysis .chart-wrapper .distribution-container .performance-scalability-legend, .performance .analysis .chart-wrapper .scalability-container .performance-timeline-legend, .performance .analysis .chart-wrapper .distribution-container .performance-timeline-legend { position: absolute; top: -1.5em; right: 4.2em; z-index: 10; } .performance .analysis .chart-wrapper .stats-container { white-space: nowrap; } .performance .analysis .chart-wrapper .stats-container .performance-stats { display: inline-block; height: 7.2em; margin-left: 0em; margin-bottom: 1em; } .performance .analysis .chart-wrapper .stats-container .performance-totals { display: inline-block; vertical-align: bottom; height: 8em; width: 26em; padding-left: 1em; } .performance .print-container { width: 100%; } .performance .print-container .meter-container { padding-top: 2em; width: 100%; display: inline-block; page-break-inside: avoid !important; } .performance .print-container .meter-container h2 { color: #000; } .performance .print-container .meter-container h2 .id { font-size: 95%; color: #999; margin-left: 0.5em; } .performance .print-container .meter-container h2 .id:before { content: '#'; } .performance .print-container .meter-container .info-line { height: 1.7em; } .performance .print-container .meter-container .info-line span { font-size: 1.3em; } .performance .print-container .meter-container .info-line .title { color: #999; } .performance .print-container .meter-container .info-line .value { margin-left: 1em; } .performance .print-container .meter-container .timeline-container, .performance .print-container .meter-container .scalability-container, .performance .print-container .meter-container .distribution-container { margin-top: 1em; position: relative; } .performance .print-container .meter-container .timeline-container .performance-scalability-legend, .performance .print-container .meter-container .scalability-container .performance-scalability-legend, .performance .print-container .meter-container .distribution-container .performance-scalability-legend, .performance .print-container .meter-container .timeline-container .performance-timeline-legend, .performance .print-container .meter-container .scalability-container .performance-timeline-legend, .performance .print-container .meter-container .distribution-container .performance-timeline-legend { position: absolute; top: -1.5em; right: 4.2em; z-index: 10; } .performance .print-container .meter-container .scalability-container { margin-top: 3em; } .performance .print-container .meter-container .performance-timeline { padding-bottom: 1.5em; } .performance .print-container .meter-container .stats-container { white-space: nowrap; } .performance .print-container .meter-container .stats-container .performance-stats { display: block; height: 6.2em; margin-left: 0em; margin-bottom: 1em; } .performance .print-container .meter-container .stats-container .performance-totals { display: block; height: 8em; width: 26em; } .performance .print-container .meter-container:after { display: block; height: 0px; visibility: hidden; } @media print { .performance .print-container .meter-container .timeline-container .performance-scalability-legend, .performance .print-container .meter-container .scalability-container .performance-scalability-legend, .performance .print-container .meter-container .distribution-container .performance-scalability-legend, .performance .print-container .meter-container .timeline-container .performance-timeline-legend, .performance .print-container .meter-container .scalability-container .performance-timeline-legend, .performance .print-container .meter-container .distribution-container .performance-timeline-legend { zoom: 0.9; } .performance .print-container .meter-container .timeline-container .performance-timeline-legend { top: -4em; } } @media print { .performance #content .header { top: 4.5em; margin-left: 1em; } .performance #content .header h2 { padding-right: 1em; } .performance #content .tabs { top: 9em; } .performance #content .tabs .tab-navigation { visibility: hidden; } .performance #content .tabs .tab-content { border: 0; } .performance #content .tabs .time-span .started, .performance #content .tabs .time-span .stopped { display: block; line-height: 1.3em; margin-left: 0; } .performance #content .main-controls { visibility: hidden; } .performance #content .plan-status { position: absolute; top: 1.6em; } .performance .chat { visibility: hidden; } } .admin #content .tabs { top: 6em; left: 0; } .admin #content .tabs .tab-navigation { margin-left: 3em; } .admin #content .tabs .tab-navigation li { width: 20em; } .admin #content .tabs .tab-content { padding: 0; padding-top: 1em; } .admin .availability-certificate { padding: 0em 3em 0 3em; font-size: 1.3em; } .admin .availability-certificate .contact-info .organisation-name, .admin .availability-certificate .contact-info .person-name, .admin .availability-certificate .contact-info .email-address, .admin .availability-certificate .contact-info .newsletter-consent { height: 2em; } .admin .availability-certificate .contact-info .organisation-name input, .admin .availability-certificate .contact-info .person-name input, .admin .availability-certificate .contact-info .email-address input, .admin .availability-certificate .contact-info .newsletter-consent input { position: absolute; left: 15em; } .admin .availability-certificate .contact-info .certificate-span, .admin .availability-certificate .contact-info .locale { height: 2em; } .admin .availability-certificate .contact-info .certificate-span .select-container, .admin .availability-certificate .contact-info .locale .select-container { position: relative; left: 15em; font-size: 82%; margin-top: -1.2em; } .admin .availability-certificate .contact-info .certificate-span .select-container .select-span, .admin .availability-certificate .contact-info .locale .select-container .select-span { width: 10em; } .admin .availability-certificate .find-services, .admin .availability-certificate .selected-services, .admin .availability-certificate .functions, .admin .availability-certificate .preview { padding-bottom: 2em; } .admin .availability-certificate .service-container { max-height: 16em; overflow-y: auto; margin-top: 0.5em; margin-bottom: 0.5em; } .admin .availability-certificate .find-services table.services .service-down, .admin .availability-certificate .selected-services table.services .service-down, .admin .availability-certificate .color-preview table.services .service-down { background-color: #fdd; } .admin .availability-certificate .find-services table.services .service-disabled, .admin .availability-certificate .selected-services table.services .service-disabled, .admin .availability-certificate .color-preview table.services .service-disabled { background-color: #ddd; } .admin .availability-certificate .find-services table.services .service-ok, .admin .availability-certificate .selected-services table.services .service-ok, .admin .availability-certificate .color-preview table.services .service-ok { background-color: #dfd; } .admin .availability-certificate .find-services table.services .service-maintenance, .admin .availability-certificate .selected-services table.services .service-maintenance, .admin .availability-certificate .color-preview table.services .service-maintenance { background-color: #ddf; } .admin .availability-certificate .find-services table.services th, .admin .availability-certificate .selected-services table.services th, .admin .availability-certificate .color-preview table.services th, .admin .availability-certificate .find-services table.services td, .admin .availability-certificate .selected-services table.services td, .admin .availability-certificate .color-preview table.services td { padding: 2px; } .admin .availability-certificate .find-services table.services th, .admin .availability-certificate .selected-services table.services th, .admin .availability-certificate .color-preview table.services th { font-weight: bold; } .admin .availability-certificate .find-services table.services td.remove, .admin .availability-certificate .selected-services table.services td.remove, .admin .availability-certificate .color-preview table.services td.remove { cursor: pointer; color: #f48f00; } .admin .availability-certificate .color-preview table.services .service-down, .admin .availability-certificate .color-preview table.services .service-disabled, .admin .availability-certificate .color-preview table.services .service-ok, .admin .availability-certificate .color-preview table.services .service-maintenance { padding-left: 1em; padding-right: 1em; border-left: 3px #fff solid; min-width: 5em; text-align: center; } .admin .availability-certificate .functions button, .admin .availability-certificate .preview button { margin-right: 1.5em; } .admin .availability-certificate .functions .ok-message, .admin .availability-certificate .preview .ok-message, .admin .availability-certificate .functions .error-message, .admin .availability-certificate .preview .error-message { padding: 0.3em; -webkit-border-radius: 0.2em; border-radius: 0.2em; } .admin .availability-certificate .functions .ok-message, .admin .availability-certificate .preview .ok-message { background-color: #2c2; color: #fff; } .admin .availability-certificate .functions .error-message, .admin .availability-certificate .preview .error-message { background-color: #c22; color: #fff; } .admin .organisations { padding: 0em 3em 0 3em; } .admin .organisations .warning { color: #f00; } .admin .organisations table.services th, .admin .organisations table.services td { font-size: 1.3em; } .admin .organisations .select-domain select { width: 20em; } .admin .organisations .select-regexp .regexp input { width: 40em; } .admin .organisations .select-regexp .conflicting-services h3 { color: #f00; } .admin .organisations .select-organisation .organisation select { width: 10em; } .admin .organisations .select-organisation .organisation input.organisation-name { width: 30em; } .admin .organisations .select-organisation .organisation table th { font-size: 1.3em; } .admin .organisations table th { font-weight: bold; } .admin .organisations table th, .admin .organisations table td { padding: 0.2em; } .admin .organisations .reset { position: absolute; top: 1em; right: 1em; } .admin .organisation-status { padding: 0em 3em 0 3em; } .admin .organisation-status .count { position: absolute; left: 0; right: 0; text-align: center; font-size: 4em; font-weight: bold; } .admin .organisation-status .new-organisation-container { position: fixed; left: 0; right: 0; top: 13em; bottom: 0; } .admin .organisation-status .new-organisation-container .new-organisation { position: absolute; font-size: 5em; font-weight: bold; color: #f48f00; z-index: 1000; text-shadow: 0px 0px 10px #fff; } .admin .organisation-status span { font-size: 1.3em; } #dialog-content .change-locale h1 { margin-bottom: 0.5em; } #dialog-content .change-locale label { font-size: 1.2em; line-height: 1.5em; margin-right: 0.5em; } #dialog-content .change-locale select { width: 10em; } #dialog-content .change-locale fieldset.locale { padding-bottom: 1em; } #dialog-content .change-password input[type="password"] { margin-bottom: 0.5em; width: 8em; } #dialog-content .change-password .group { position: relative; } #dialog-content .change-password .group span { font-family: inherit; font-size: 1.25em; vertical-align: text-top; width: 12em; display: inline-block; } #dialog-content .change-password .group .validation { position: absolute; left: 19.5em; top: 0.1em; background: #fff; font-size: 1.35em; -webkit-border-radius: 0.2em; border-radius: 0.2em; padding: 0.2em 0.5em 0.2em 0.2em; background-color: #fee; white-space: nowrap; -webkit-box-shadow: rgba(0,0,0,0.6) 0 1px 3px 0px; box-shadow: rgba(0,0,0,0.6) 0 1px 3px 0px; } #dialog-content .confirm-dialog p { font-size: 1.3em; max-width: 30em; padding-top: 0.5em; padding-bottom: 1em; } #dialog-content .info-dialog h1 { margin-bottom: 1em; } #dialog-content .info-dialog p { font-size: 1.3em; max-width: 30em; margin-bottom: 1em; } #dialog-content .group-editor { background: url("../images/group_editor.png") top right no-repeat; width: 30em; } #dialog-content .group-editor ul { margin-top: 0.5em; margin-bottom: 0.5em; } #dialog-content .group-editor ul li { padding-top: 0.3em; padding-bottom: 0.3em; white-space: nowrap; } #dialog-content .group-editor label input { vertical-align: middle; margin-right: 0.3em; } #dialog-content .group-editor label span { font-family: inherit; font-size: 1.25em; vertical-align: text-top; } #dialog-content .group-editor label span.newly-added, #dialog-content .group-editor label span.will-delete, #dialog-content .group-editor label .will-remove-from-report { font-style: italic; color: #888; white-space: initial; } #dialog-content .group-editor label span.newly-added.warning, #dialog-content .group-editor label span.will-delete.warning, #dialog-content .group-editor label .will-remove-from-report.warning { color: #d33; } #dialog-content .indicator { width: 600px; } #dialog-content .indicator table { padding-top: 1em; } #dialog-content .indicator table td, #dialog-content .indicator table th { font-size: 1.35em; padding-left: 1em; padding-bottom: 0.3em; overflow: hidden; } #dialog-content .indicator table td .alert-icon, #dialog-content .indicator table th .alert-icon { display: inline-block; float: none; } #dialog-content .indicator table th { font-weight: bold; } #dialog-content .indicator .thresholds { position: relative; } #dialog-content .indicator .thresholds .not-enough-data { color: #911; margin-top: 0.8em; } #dialog-content .indicator .thresholds button.magic { position: absolute; top: 0; right: 60px; } #dialog-content .indicator textarea { width: 33em; } #dialog-content .indicator textarea:disabled { background-color: #fafafa; } #dialog-content .indicator .indicator-slider { padding-left: 50px; } #dialog-content .indicator .indicator-slider label { float: right; font-size: 1.35em; padding-right: 60px; } #dialog-content .indicator .indicator-slider input { line-height: 100%; overflow-y: hidden; position: relative; top: 0.15em; margin: 0px 3px 0px 0px; } #dialog-content .indicator .indicator-slider .slider { width: 550px; height: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #dialog-content .indicator .note { padding-left: 6em; color: #999; max-width: 35em; } #dialog-content .meter-config .dropdown { width: auto; min-width: 17em; } #dialog-content .meter-config label, #dialog-content .meter-config span { font-size: 1.35em; } #dialog-content .meter-config td { padding-right: 1em; height: 2.4em; } #dialog-content .meter-config .image-size { width: 3em; } #dialog-content .meter-config .info-icon, #dialog-content .meter-config .alert-icon { float: none; display: inline-block; margin-left: 0em; vertical-align: text-bottom; } #dialog-content .meter-config .preserve-meter input { margin-top: 0.1em; } #dialog-content .meter-config .readonly { font-weight: bold; } #dialog-content .meter-config .message { padding: 1em 0em 0em 2em; min-height: 2.2em; } #dialog-content .meter-config .message p { -webkit-border-radius: 0.2em; border-radius: 0.2em; padding: 0.2em; } #dialog-content .meter-config .message p.ok { background: #ffe; } #dialog-content .meter-config .message p.fail { background: #fee; } #dialog-content .meter-config .loading-spinner { float: right; display: inline-block; margin-left: 0.1em; } #dialog-content .notification-editor { width: 70em; } #dialog-content .notification-editor fieldset { margin-top: 1em; width: 100%; clear: both; } #dialog-content .notification-editor label { display: block; font-size: 1.2em; line-height: 1.5em; text-align: right; float: left; width: 16%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 1em; } #dialog-content .notification-editor fieldset.publish-time li, #dialog-content .notification-editor fieldset.date-range li { display: inline-block; zoom: 1; } #dialog-content .notification-editor fieldset.publish-time li:before, #dialog-content .notification-editor fieldset.date-range li:before, #dialog-content .notification-editor fieldset.publish-time li:after, #dialog-content .notification-editor fieldset.date-range li:after { content: ""; display: table; } #dialog-content .notification-editor fieldset.publish-time li:after, #dialog-content .notification-editor fieldset.date-range li:after { clear: both; } #dialog-content .notification-editor fieldset.publish-time li label, #dialog-content .notification-editor fieldset.date-range li label { margin-left: 2em; width: auto; } #dialog-content .notification-editor fieldset.publish-time li:first-child label, #dialog-content .notification-editor fieldset.date-range li:first-child label { margin-left: 0; width: 9.4em; } #dialog-content .notification-editor fieldset.publish-time li span.publish-time-description, #dialog-content .notification-editor fieldset.date-range li span.publish-time-description { font-size: 1.2em; line-height: 1.5em; margin: 0.2em 0 0 1.5em; float: left; } #dialog-content .notification-editor fieldset.publish-time .datepicker, #dialog-content .notification-editor fieldset.date-range .datepicker, #dialog-content .notification-editor fieldset.publish-time .timeinput, #dialog-content .notification-editor fieldset.date-range .timeinput { float: left; } #dialog-content .notification-editor fieldset.publish-time .timeinput, #dialog-content .notification-editor fieldset.date-range .timeinput { margin-left: 1em; } #dialog-content .notification-editor fieldset.messages li { margin-top: 1em; } #dialog-content .notification-editor fieldset.messages a.remove-language { color: #222; text-decoration: none; font-size: 1.2em; line-height: 1.5em; margin-left: 1em; } #dialog-content .notification-editor fieldset.messages a.remove-language:hover { text-decoration: underline; } #dialog-content .notification-editor fieldset.messages .dropdown { width: 15em; } #dialog-content .notification-editor fieldset.messages input, #dialog-content .notification-editor fieldset.messages .markdown-editor { margin-left: 16%; width: 84%; display: block; } #dialog-content .notification-editor fieldset.messages .markdown-editor { height: 20em; } #dialog-content .notification-editor fieldset.services ul.dropdowns { margin-left: 16%; margin-top: 1em; } #dialog-content .notification-editor fieldset.services ul.dropdowns li { display: inline-block; margin-right: 1em; } #dialog-content .notification-editor fieldset.services .dropdown { width: 18em; } #dialog-content .notification-editor ul.scrollable-list { margin-left: 16%; display: block; } #dialog-content .notification-editor ul.scrollable-list ul { zoom: 1; } #dialog-content .notification-editor ul.scrollable-list ul:before, #dialog-content .notification-editor ul.scrollable-list ul:after { content: ""; display: table; } #dialog-content .notification-editor ul.scrollable-list ul:after { clear: both; } #dialog-content .notification-editor ul.scrollable-list ul.even { background-color: #f6f6f6; } #dialog-content .notification-editor ul.scrollable-list ul li { float: left; width: 15%; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; } #dialog-content .notification-editor ul.scrollable-list ul li a.feed { display: inline-block; background-image: url("/images/feed.png"); width: 12px; height: 12px; margin-right: 0.3em; margin-bottom: -0.1em; } #dialog-content .notification-editor ul.scrollable-list ul li:first-child { width: 85%; text-align: left; } #dialog-content .notification-editor ul.scrollable-list li.list-header li { font-size: 1.3em; line-height: 1.5em; padding: 0.3em 0.5em 0.4em 0.5em; white-space: nowrap; } #dialog-content .notification-editor ul.scrollable-list li.list-body { max-width: 59em; height: 20em; overflow: hidden; overflow-y: auto; -webkit-box-shadow: #b7b7b7 0 1px 2px 1px; box-shadow: #b7b7b7 0 1px 2px 1px; -webkit-border-radius: 1px; border-radius: 1px; } #dialog-content .notification-editor ul.scrollable-list li.list-body li { font-size: 1.3em; padding: 0.2em 0.5em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } #dialog-content .notification-editor ul.scrollable-list li.list-body a { color: #000; text-decoration: none; } #dialog-content .notification-editor ul.scrollable-list li.list-body a:hover { text-decoration: underline; } #dialog-content .organize-groups { width: 90em; } #dialog-content .organize-groups h2 { white-space: nowrap; } #dialog-content .organize-groups .pad { padding: 0.2em; } #dialog-content .organize-groups .list-container { width: 100%; height: 20em; overflow-y: auto; overflow-x: hidden; border: 1px solid #eee; -webkit-border-radius: 0.3em; border-radius: 0.3em; } #dialog-content .organize-groups .list-container .list { position: relative; min-height: 18.5em; background: #fafafa; padding: 0.75em; } #dialog-content .organize-groups .list-container .list li { font-size: 130%; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.2em; } #dialog-content .organize-groups .list-container .list li:hover { background: #eee; } #dialog-content .organize-groups .list-container .list li.selected { background: #ddd; } #dialog-content .organize-groups .list-container .list li.dragging { background: rgba(230,230,230,0.5); border: 1px solid #ddd; } #dialog-content .organize-groups .list-container .list li.invalid { background: #e0a0a0; } #dialog-content .organize-groups .list-container .list li.invalid.selected { background: #e49090; } #dialog-content .organize-groups .list-container .list li.invalid:hover { background: #df9090; } #dialog-content .organize-groups .list-container .list li.default span:after { font-family: FontAwesome; text-decoration: inherit; speak: none; content: "\f006"; margin-left: 0.3em; } #dialog-content .organize-groups .list-container .list li input, #dialog-content .organize-groups .list-container .list li span { display: inline-block; } #dialog-content .organize-groups .list-container .list .drag-placeholder { background: #ccc; height: 3px; padding-top: 0em; padding-bottom: 0em; } #dialog-content .organize-groups .service-groups { display: inline-block; float: left; width: 30%; } #dialog-content .organize-groups .service-groups .list-container { border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; border-bottom: 0; height: 17em; } #dialog-content .organize-groups .service-groups .list-container li { position: relative; } #dialog-content .organize-groups .service-groups .list-container li .reports-configured { position: absolute; top: 0; right: 0; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.2em; color: #999; background: #fafafa; } #dialog-content .organize-groups .service-groups .add-group { background: #fefefe; height: 3em; border: 1px solid #eee; border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em; border-top: 1px solid #f8f8f8; } #dialog-content .organize-groups .service-groups .add-group input { padding: 0.5em; width: 100%; } #dialog-content .organize-groups button, #dialog-content .organize-groups input { margin-top: 0.2em; } #dialog-content .organize-groups .default-group-input { display: inline-block; margin: 0.4em; position: relative; top: 0.3em; } #dialog-content .organize-groups .default-group-span { display: inline-block; font-size: 120%; position: relative; top: 0.1em; } #dialog-content .organize-groups .default-group-span.disabled { color: #777; } #dialog-content .organize-groups .group-duplicate { margin-left: 2px; } #dialog-content .organize-groups .double-list { display: inline-block; float: left; width: 70%; } #dialog-content .organize-groups .double-list .selected-services { display: inline-block; float: left; width: 45%; } #dialog-content .organize-groups .double-list .buttons { margin-top: 10em; display: inline-block; float: left; width: 10%; } #dialog-content .organize-groups .double-list .buttons button { display: block; margin-left: auto; margin-right: auto; width: 2em; } #dialog-content .organize-groups .double-list .all-followed-services { display: inline-block; float: left; width: 45%; } #dialog-content .organize-groups .command-buttons .note, #dialog-content .organize-groups .command-buttons .note-report-schedules { display: block; text-align: left; font-size: 120%; color: #777; margin-top: 0.4em; padding-bottom: 0.5em; } #dialog-content .organize-groups .command-buttons .note-report-schedules .report-schedule:not(:first-child):before { content: ", "; } #dialog-content .organize-groups .command-buttons .note-report-schedules .report-schedule:first-child:before { content: " "; } #dialog-content .service-name { width: 45em; } #dialog-content .service-name label { display: block; font-size: 1.3em; line-height: 1.8em; float: left; padding-right: 1em; } #dialog-content .service-name input.title { width: 20em; } #dialog-content .service-name li { padding-top: 0.3em; } #dialog-content .service-name fieldset { margin-top: 1em; } #dialog-content .validation-test-suites { min-width: 40em; } #dialog-content .validation-test-suites ul.test-suites { margin-top: 1em; margin-bottom: 2em; } #dialog-content .validation-test-suites ul.test-suites li { margin-top: 0.6em; } #dialog-content .validation-test-suites ul.test-suites li label { font-size: 1.3em; } #dialog-content .validation-test-suites ul.test-suites ul.test-suite-profiles { margin-left: 1.5em; } #dialog-content .follow-new-service { width: 60em; overflow: hidden; } #dialog-content .follow-new-service .service-info { margin-top: 1em; margin-bottom: 2em; } #dialog-content .follow-new-service .service-info .headline { font-weight: bold; } #dialog-content .follow-new-service .service-info .capabilities { margin-top: 0.5em; font-size: 1.3em; color: #999; } #dialog-content .follow-new-service .service-info .abstract { margin-top: 1em; color: #666; } #dialog-content .follow-new-service .dropdown { width: 18em; vertical-align: middle; } #dialog-content .follow-new-service .group-select { font-size: 1.3em; } #dialog-content .layerkey-config { width: 36em; } #dialog-content .layerkey-config p { font-size: 1.3em; } #dialog-content .layerkey-config fieldset { height: 3em; } #dialog-content .layerkey-config fieldset p { position: absolute; left: 1.5em; width: 10em; line-height: 2em; } #dialog-content .layerkey-config fieldset .value { position: absolute; left: 12em; width: 20em; } #dialog-content .layerkey-config fieldset.layerName .value > .dropdown, #dialog-content .layerkey-config fieldset.format .value > .dropdown, #dialog-content .layerkey-config fieldset.crs .value > .dropdown, #dialog-content .layerkey-config fieldset.operationSelection .value > .dropdown { width: 20em; } #dialog-content .layerkey-config fieldset.imageSize input { width: 4em; } #dialog-content .layerkey-config fieldset.controls { float: right; } #dialog-content .service-config { width: 70em; } #dialog-content .service-config fieldset { margin-top: 1em; width: 100%; clear: both; } #dialog-content .service-config .invalid { background-color: #ffd4d4; } #dialog-content .service-config label { display: block; font-size: 1.2em; line-height: 1.5em; text-align: right; float: left; width: 16%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 1em; } #dialog-content .service-config .right { position: absolute; top: 1em; right: 1em; } #dialog-content .service-config .right label { padding-left: 0.5em; white-space: nowrap; } #dialog-content .service-config .right .right-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } #dialog-content .service-config .right .right-container label, #dialog-content .service-config .right .right-container input { width: auto; } #dialog-content .service-config fieldset li { margin-top: 1em; zoom: 1; } #dialog-content .service-config fieldset li:before, #dialog-content .service-config fieldset li:after { content: ""; display: table; } #dialog-content .service-config fieldset li:after { clear: both; } #dialog-content .service-config fieldset li label { margin-left: 0.5em; width: 10em; } #dialog-content .service-config fieldset input { margin-left: 0; width: 70%; display: inline; } #dialog-content .service-config fieldset .info-tooltip { margin-left: 1em; font-size: 1.5em; color: #f81f00; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } #dialog-content .service-config fieldset .info-tooltip.pull-left { float: left; margin-right: 0.3em; } #dialog-content .service-config fieldset .info-tooltip.pull-right { float: right; margin-left: 0.3em; } #dialog-content .service-config fieldset .info-tooltip:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f05a"; } #dialog-content .service-config fieldset.basic-auth input { width: 20%; margin-right: 1em; } #dialog-content .service-config fieldset.basic-auth button.show-password { width: 10em; text-align: center; } #dialog-content .service-config fieldset.basic-auth .account-id { width: 70%; } #dialog-content .service-config fieldset.query-parameters li:first-child, #dialog-content .service-config fieldset.request-headers li:first-child { margin-left: 9em; } #dialog-content .service-config fieldset.query-parameters input, #dialog-content .service-config fieldset.request-headers input { width: 35%; } #dialog-content .service-config fieldset.query-parameters span.equals, #dialog-content .service-config fieldset.request-headers span.equals { margin-left: 1em; margin-right: 1em; } #dialog-content .service-config fieldset.query-parameters span.remove, #dialog-content .service-config fieldset.request-headers span.remove { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-size: 1.5em; margin-left: 0.5em; cursor: pointer; color: #f81f00; } #dialog-content .service-config fieldset.query-parameters span.remove.pull-left, #dialog-content .service-config fieldset.request-headers span.remove.pull-left { float: left; margin-right: 0.3em; } #dialog-content .service-config fieldset.query-parameters span.remove.pull-right, #dialog-content .service-config fieldset.request-headers span.remove.pull-right { float: right; margin-left: 0.3em; } #dialog-content .service-config fieldset.query-parameters span.remove:before, #dialog-content .service-config fieldset.request-headers span.remove:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f056"; } #dialog-content .service-config fieldset.query-parameters span.add, #dialog-content .service-config fieldset.request-headers span.add { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-left: 0.5em; cursor: pointer; color: #4d4d4d; } #dialog-content .service-config fieldset.query-parameters span.add.pull-left, #dialog-content .service-config fieldset.request-headers span.add.pull-left { float: left; margin-right: 0.3em; } #dialog-content .service-config fieldset.query-parameters span.add.pull-right, #dialog-content .service-config fieldset.request-headers span.add.pull-right { float: right; margin-left: 0.3em; } #dialog-content .service-config fieldset.query-parameters span.add:before, #dialog-content .service-config fieldset.request-headers span.add:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f055"; } #dialog-content .service-config fieldset.misc .endpointTypes, #dialog-content .service-config fieldset.misc .axisFlipProjections { width: 50%; } #dialog-content .service-config fieldset.misc ul.hide-in-directory label { float: none; display: inline; width: 5em; margin-left: 0; } #dialog-content .service-config fieldset.misc ul.hide-in-directory input { margin-left: 7.5em; display: inline; width: 20px; } #dialog-content .service-config .command-buttons { height: 6em; } #dialog-content .service-config .command-buttons .left { position: absolute; left: 2em; text-align: left; } #dialog-content .service-config .command-buttons .left .message { display: block; font-size: 1.3em; padding-top: 1em; max-width: 46em; } #dialog-content .service-config .command-buttons .left .message.failed { color: #e11; } #dialog-content .service-config .loading-spinner { display: inline-block; height: 1.5em; vertical-align: middle; } #dialog-content .claim-service { width: 60em; font-size: 1.3em; } #dialog-content .claim-service a { color: #000; } #dialog-content .claim-service p { font-size: 100%; margin-bottom: 0.5em; } #dialog-content .claim-service .status-container { height: 3em; padding-top: 1em; } #dialog-content .claim-service .status-container .success, #dialog-content .claim-service .status-container .failure { font-weight: bold; margin-right: 0.5em; } #dialog-content .claim-service .status-container .success { color: #11b011; } #dialog-content .claim-service .status-container .failure { color: #b01111; } #dialog-content .claim-service .instructions { margin-top: 1em; } #dialog-content .claim-service .instructions ol { overflow-x: auto; list-style: decimal; padding-left: 2em; margin-top: 1em; margin-bottom: 1em; } #dialog-content .claim-service .instructions ol li { margin-top: 0.5em; margin-bottom: 0.5em; } #dialog-content .claim-service .instructions ol li .claimed { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; color: #11b011; position: absolute; left: 3.2em; } #dialog-content .claim-service .instructions ol li .claimed.pull-left { float: left; margin-right: 0.3em; } #dialog-content .claim-service .instructions ol li .claimed.pull-right { float: right; margin-left: 0.3em; } #dialog-content .claim-service .instructions ol li .claimed:before { text-decoration: inherit; display: inline-block; speak: none; content: "\f00c"; } #dialog-content .claim-service .instructions ol ul { margin-top: 0.5em; margin-left: 1em; } #dialog-content .claim-service .loading-spinner { display: inline-block; height: 1.5em; vertical-align: middle; } #dialog-content .choose-test-plan { width: 85em; } #dialog-content .choose-test-plan label { font-size: 1.3em; } #dialog-content .choose-test-plan .selections { height: 2em; } #dialog-content .choose-test-plan .selections .search-filter { position: absolute; left: 2em; } #dialog-content .choose-test-plan .selections .options-filter { position: absolute; right: 2em; } #dialog-content .choose-test-plan .plan-table table .title { width: 14em; max-width: 14em; white-space: nowrap; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #dialog-content .choose-test-plan .plan-table table .simulated { text-align: center; } #dialog-content .choose-test-plan .plan-table.hide-simulated .title { width: 20em; max-width: 20em; } #dialog-content .choose-test-plan .plan-table.hide-simulated .simulated { display: none; } #dialog-content .choose-test-plan .commands { height: 3em; } #dialog-content .choose-test-plan .commands .remove-buttons { position: absolute; left: 2em; } #dialog-content .choose-test-plan .commands .command-buttons { position: absolute; right: 2em; } #dialog-content .account-admin { width: 96em; height: 60em; } #dialog-content .account-admin .calendar { line-height: 1em; } #dialog-content .account-admin label { font-size: 1.3em; white-space: nowrap; } #dialog-content .account-admin input { margin-left: 0; } #dialog-content .account-admin .select-account select { width: 20em; } #dialog-content .account-admin .account-info, #dialog-content .account-admin .users { display: inline-block; vertical-align: top; line-height: 2.5em; } #dialog-content .account-admin .account-info { width: 55%; } #dialog-content .account-admin .account-info label { width: 36%; } #dialog-content .account-admin .users { width: 41%; } #dialog-content .account-admin .side-by-side label, #dialog-content .account-admin .user-info label { width: 10em; } #dialog-content .account-admin .account-info label, #dialog-content .account-admin .user-info label { display: inline-block; } #dialog-content .account-admin .account-info .alert-icon, #dialog-content .account-admin .user-info .alert-icon { float: none; display: inline-block; height: 17px; position: relative; top: 4px; } #dialog-content .account-admin .right-side label { width: 100%; } #dialog-content .account-admin .account-info .default-language select, #dialog-content .account-admin .users .user-info .locale select, #dialog-content .account-admin .account-type select { width: 20em; } #dialog-content .account-admin .contract-type select { width: 14em; } #dialog-content .account-admin .account-info .id { color: #999; } #dialog-content .account-admin .account-info .account-name input, #dialog-content .account-admin .account-info .account-id input, #dialog-content .account-admin .account-info .account-manager-email input, #dialog-content .account-admin .account-info .account-manager-name input { width: 20em; } #dialog-content .account-admin .account-info .account-expiry input { height: 1.5em; } #dialog-content .account-admin .account-info .will-disable { margin-top: 1em; } #dialog-content .account-admin .account-info .side-by-side { width: 100%; padding-bottom: 1em; margin-top: 1em; } #dialog-content .account-admin .account-info .side-by-side .left-side, #dialog-content .account-admin .account-info .side-by-side .right-side { display: inline-block; vertical-align: top; } #dialog-content .account-admin .account-info .side-by-side .left-side { width: 36%; } #dialog-content .account-admin .account-info .side-by-side .right-side { width: 60%; } #dialog-content .account-admin .account-info .config-info { margin: 0.5em 0; } #dialog-content .account-admin .account-info .config-info .has-config { color: #f48f00; font-size: 1.3em; display: inline; margin-right: 0.5em; } #dialog-content .account-admin .account-info .config-info button { float: right; margin-right: 6em; } #dialog-content .account-admin .users { padding-left: 2em; } #dialog-content .account-admin .users select { width: 20em; } #dialog-content .account-admin .users .password-change * { display: block; } #dialog-content .account-admin .users .password-change .change-password-button, #dialog-content .account-admin .users .password-change .is-saved { display: inline-block; margin: 0.3em; margin-left: 0; } #dialog-content .account-admin .users .password-reset span, #dialog-content .account-admin .users .show-password-change span { margin: 0.5em; } #dialog-content .account-admin .users .password-reset input, #dialog-content .account-admin .users .show-password-change input { vertical-align: middle; } #dialog-content .account-admin .users .user-info input { width: 19em; } #dialog-content .account-admin .users .user-info input.not-valid { width: 17em; } #dialog-content .account-admin .users .user-info .select2-container { width: 250px; width: calc(100% - 136px) !important; margin-top: 2px; } #dialog-content .account-admin .users .user-info .send-email span { margin: 0.5em; } #dialog-content .account-admin .users .user-info .send-email input { vertical-align: middle; width: auto; } #dialog-content .account-admin .users .user-info .enabled input { width: auto; } #dialog-content .account-admin .users .user-info .config-info { margin: 0.5em 0; } #dialog-content .account-admin .users .user-info .config-info .has-config { color: #f48f00; font-size: 1.3em; display: inline; margin-right: 0.5em; } #dialog-content .account-admin .users .user-info .config-info button { float: right; margin-right: 0.3em; } #dialog-content .account-admin .save { margin-top: 2em; } #dialog-content .account-admin .command-buttons { position: absolute; bottom: 1em; right: 1em; } #dialog-content .performance-starting h1 { margin-bottom: 1em; } #dialog-content .performance-starting p { font-size: 1.3em; max-width: 30em; margin-bottom: 1em; } #dialog-content .performance-starting p.ready { font-size: 1.5em; font-weight: bold; } #dialog-content .performance-starting p.failed { font-size: 1.5em; font-weight: bold; color: #df3323; } #dialog-content .performance-starting iframe { width: 100%; height: 44em; } #dialog-content .performance-starting.play2048 { min-width: 36em; } #dialog-content .performance-test-setup { position: relative; width: 76em; min-height: 35em; overflow: hidden; } #dialog-content .performance-test-setup .instructions { color: #000; font-style: normal; margin-top: 1.5em; } #dialog-content .performance-test-setup .assistant-stage { margin-left: 1em; } #dialog-content .performance-test-setup .navigation { position: absolute; bottom: 0; width: 100%; } #dialog-content .performance-test-setup .select-service span.help { color: #999; font-size: 1.3em; position: relative; top: -41px; margin-left: 200px; } #dialog-content .performance-test-setup .select-service .selections .servicetype, #dialog-content .performance-test-setup .select-service .selections .service { display: inline-block; } #dialog-content .performance-test-setup .select-service .selections .servicetype { width: 14em; margin-right: 1em; } #dialog-content .performance-test-setup .select-service .selections .service { width: 38em; } #dialog-content .performance-test-setup .select-service .service-info .url { font-size: 1.2em; margin-top: 0.8em; overflow: hidden; line-height: 1.5em; } #dialog-content .performance-test-setup .select-service .service-info .abstract { margin-top: 1em; height: 4em; overflow: auto; font-size: 1.3em; } #dialog-content .performance-test-setup .claim-ownership .instructions { max-height: 24em; overflow-y: auto; margin-top: 1em; margin-bottom: 1em; } #dialog-content .performance-test-setup .claim-ownership .instructions a { color: #000; } #dialog-content .performance-test-setup .claim-ownership .instructions p { margin-bottom: 0.5em; } #dialog-content .performance-test-setup .claim-ownership .instructions ol { list-style: decimal; padding-left: 2em; margin-top: 1em; margin-bottom: 1em; } #dialog-content .performance-test-setup .claim-ownership .instructions ol li { margin-top: 0.5em; margin-bottom: 0.5em; } #dialog-content .performance-test-setup .claim-ownership .instructions ol ul { margin-top: 0.5em; margin-left: 1em; } #dialog-content .performance-test-setup .claim-ownership .claim-checking { background: url("../images/spinner.gif") no-repeat; margin-left: 0.5em; padding-left: 18px; padding-bottom: 18px; font-size: 10pt; font-weight: bold; color: #f48f00; } #dialog-content .performance-test-setup .claim-ownership .claim-success { background: url("../images/pass.png") no-repeat; padding-left: 20px; padding-top: 7px; padding-bottom: 7px; font-size: 10pt; font-weight: bold; color: #f48f00; width: 75%; } #dialog-content .performance-test-setup .claim-ownership .claim-failed { font-size: 10pt; font-weight: bold; color: #db0e0e; width: 75%; } #dialog-content .performance-test-setup .select-profile .profile-options { margin-top: 1em; margin-left: 1em; } #dialog-content .performance-test-setup .select-profile .profile-options .profile { margin-bottom: 1.7em; } #dialog-content .performance-test-setup .select-profile .profile-options .profile input { margin: 0px; padding: 0px; width: 18px; } #dialog-content .performance-test-setup .select-profile .profile-options .profile .profile-title { margin-left: 8px; font-size: 10pt; font-weight: bold; } #dialog-content .performance-test-setup .select-profile .profile-options .profile .profile-title.default { font-size: 12pt; color: #f48f00; } #dialog-content .performance-test-setup .select-profile .profile-options .profile .profile-description { margin-top: 0.3em; margin-left: 27px; } #dialog-content .performance-test-setup .select-profile .profile-options .profile .profile-details { margin-left: 27px; margin-top: 0.4em; font-size: 9pt; color: #888; } #dialog-content .performance-test-setup .select-layer .offering-selection .dropdown { width: 40em; } #dialog-content .performance-test-setup .select-layer .current-values { font-size: 1.3em; padding-top: 1em; padding-top: 1em; } #dialog-content .performance-test-setup .select-layer .current-values .pair { padding-top: 0.5em; display: block; } #dialog-content .performance-test-setup .select-layer .current-values .pair .name { display: inline-block; width: 10em; } #dialog-content .performance-test-setup .select-layer .current-values .pair .value { display: inline; } #dialog-content .performance-test-setup .select-layer .test-name { padding-top: 1.5em; } #dialog-content .performance-test-setup .select-layer .test-name label span { font-size: 1.3em; font-weight: bold; margin-right: 0.7em; } #dialog-content .performance-test-setup .select-layer .test-name input { width: 40em; } #dialog-content .performance-test-setup .select-layer .instructions { margin-top: 1em; } #dialog-content .performance-test-setup .select-layer .instructions a { color: #000; } #dialog-content .performance-test-setup .command-buttons { position: absolute; bottom: 0; right: 0; } #dialog-content .performance-test-setup .select2-results .select2-result-label .title-and-domain .title { font-weight: bold; } #dialog-content .performance-test-setup .select2-results .select2-result-label .title-and-domain .domain { margin-top: 0.1em; } #dialog-content .report-run { width: 30em; } #dialog-content .report-run p { padding-top: 1em; } #dialog-content .report-run .endTimeSelection { padding-top: 1em; } #dialog-content .request-test-credits { width: 60em; height: 40em; } #dialog-content .request-test-credits h1 { margin-bottom: 1em; } #dialog-content .request-test-credits p { margin-bottom: 0.5em; } #dialog-content .request-test-credits a { text-decoration: none; color: inherit; } #dialog-content .request-test-credits a:hover { text-decoration: underline; } #dialog-content .request-test-credits form { margin-top: 2em; } #dialog-content .request-test-credits form fieldset { margin-bottom: 0.5em; font-size: 1.3em; width: 100%; height: 1em; position: relative; } #dialog-content .request-test-credits form fieldset .label { position: absolute; top: 0px; left: 0px; font-weight: bold; } #dialog-content .request-test-credits form fieldset .content { position: absolute; top: 0px; left: 7em; } #dialog-content .request-test-credits form .message { margin-top: 1em; } #dialog-content .request-test-credits form .message textarea { font-size: 1em; width: 100%; height: 12em; } #dialog-content .request-test-credits .command-buttons { position: absolute; bottom: 1em; right: 2em; } #dialog-content .example-request { width: 40em; } #dialog-content .example-request h1 { margin-bottom: 1em; } #dialog-content .example-request p { font-size: 1.3em; max-width: 30em; margin-bottom: 1em; } #dialog-content .example-request .request-base-paragraph { white-space: nowrap; } #dialog-content .example-request .request-base { word-break: break-word; } #dialog-content .example-request .query-parameters { margin-bottom: 1em; } #dialog-content .example-request .query-parameters td, #dialog-content .example-request .query-parameters th { font-size: 1.3em; padding-bottom: 0.4em; vertical-align: top; } #dialog-content .example-request .query-parameters th { padding-right: 1em; } #dialog-content .example-request .query-parameters td { word-break: break-word; } #dialog-content .example-request .request-base, #dialog-content .example-request .query-parameters { margin-left: 1em; } #dialog-content .example-request a { color: #000; } #dialog-content .welcome-dialog p { font-size: 1.3em; line-height: 1.3em; max-width: 32em; padding-top: 0.5em; padding-bottom: 1em; } #dialog-content .welcome-dialog a { color: #000; } #dialog-content .welcome-dialog .arrow { display: block; width: 157px; height: 80px; background: url("../images/welcome_help_arrow.png") top left no-repeat; position: fixed; bottom: 4em; left: 23em; } @media print { body { -webkit-print-color-adjust: exact; height: auto; overflow: initial; } body #container { overflow: initial; } body #container #content { top: 0; } body #container #content .tabs .tab-navigation { position: absolute; height: 2.5em; top: -1.5em; overflow-y: hidden; } body #container #content .tabs .tab-content { overflow: initial; position: relative; top: 1em; padding-top: 0; } }