OVMS3/OVMS.V3/components/ovms_webserver/assets/style.css

1846 lines
192 KiB
CSS
Raw Normal View History

/* Combined CSS Assets Intro */
@charset "utf-8";
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:bef
/*# sourceMappingURL=bootstrap.min.css.map *//*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webk
/*# sourceMappingURL=bootstrap-theme.min.css.map *//**
* @license Highcharts
*
* (c) 2009-2016 Torstein Honsi
*
* License: www.highcharts.com/license
*/
.highcharts-container {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
text-align: left;
line-height: normal;
z-index: 0;
/* #1072 */
-webkit-tap-highlight-color: transparent;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 12px;
}
.highcharts-root {
display: block;
}
.highcharts-root text {
stroke-width: 0;
}
.highcharts-strong {
font-weight: bold;
}
.highcharts-emphasized {
font-style: italic;
}
.highcharts-anchor {
cursor: pointer;
}
.highcharts-background {
fill: #ffffff;
}
.highcharts-plot-border, .highcharts-plot-background {
fill: none;
}
.highcharts-label-box {
fill: none;
}
.highcharts-button-box {
fill: inherit;
}
/* Titles */
.highcharts-title {
fill: #333333;
font-size: 1.5em;
}
.highcharts-subtitle {
fill: #666666;
}
/* Axes */
.highcharts-axis-line {
fill: none;
stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-axis-line {
stroke-width: 0;
}
.highcharts-axis-title {
fill: #666666;
}
.highcharts-axis-labels {
fill: #666666;
cursor: default;
font-size: 0.9em;
}
.highcharts-grid-line {
fill: none;
stroke: #e6e6e6;
}
.highcharts-xaxis-grid .highcharts-grid-line {
stroke-width: 0;
}
.highcharts-tick {
stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-tick {
stroke-width: 0;
}
.highcharts-minor-grid-line {
stroke: #f2f2f2;
}
.highcharts-crosshair-thin {
stroke-width: 1px;
stroke: #cccccc;
}
.highcharts-crosshair-category {
stroke: #ccd6eb;
stroke-opacity: 0.25;
}
/* Credits */
.highcharts-credits {
cursor: pointer;
fill: #999999;
font-size: 0.7em;
transition: fill 250ms, font-size 250ms;
}
.highcharts-credits:hover {
fill: black;
font-size: 1em;
}
/* Tooltip */
.highcharts-tooltip {
cursor: default;
pointer-events: none;
white-space: nowrap;
transition: stroke 150ms;
}
.highcharts-tooltip text {
fill: #333333;
}
.highcharts-tooltip .highcharts-header {
font-size: 0.85em;
}
.highcharts-tooltip-box {
stroke-width: 1px;
fill: #f7f7f7;
fill-opacity: 0.85;
}
.highcharts-tooltip-box .highcharts-label-box {
fill: #f7f7f7;
fill-opacity: 0.85;
}
.highcharts-selection-marker {
fill: #335cad;
fill-opacity: 0.25;
}
.highcharts-graph {
fill: none;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
}
.highcharts-state-hover .highcharts-graph {
stroke-width: 3;
}
.highcharts-state-hover path {
transition: stroke-width 50;
/* quick in */
}
.highcharts-state-normal path {
transition: stroke-width 250ms;
/* slow out */
}
/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
transition: opacity 250ms;
}
.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
opacity: 0.2;
}
/* Series options */
/* Default colors */
.highcharts-color-0 {
fill: #7cb5ec;
stroke: #7cb5ec;
}
.highcharts-color-1 {
fill: #434348;
stroke: #434348;
}
.highcharts-color-2 {
fill: #90ed7d;
stroke: #90ed7d;
}
.highcharts-color-3 {
fill: #f7a35c;
stroke: #f7a35c;
}
.highcharts-color-4 {
fill: #8085e9;
stroke: #8085e9;
}
.highcharts-color-5 {
fill: #f15c80;
stroke: #f15c80;
}
.highcharts-color-6 {
fill: #e4d354;
stroke: #e4d354;
}
.highcharts-color-7 {
fill: #2b908f;
stroke: #2b908f;
}
.highcharts-color-8 {
fill: #f45b5b;
stroke: #f45b5b;
}
.highcharts-color-9 {
fill: #91e8e1;
stroke: #91e8e1;
}
.highcharts-area {
fill-opacity: 0.75;
stroke-width: 0;
}
.highcharts-markers {
stroke-width: 1px;
stroke: #ffffff;
}
.highcharts-point {
stroke-width: 1px;
}
.highcharts-dense-data .highcharts-point {
stroke-width: 0;
}
.highcharts-data-label {
font-size: 0.9em;
font-weight: bold;
}
.highcharts-data-label-box {
fill: none;
stroke-width: 0;
}
.highcharts-data-label text, text.highcharts-data-label {
fill: #333333;
}
.highcharts-data-label-connector {
fill: none;
}
.highcharts-halo {
fill-opacity: 0.25;
stroke-width: 0;
}
.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
fill: #cccccc;
stroke: #000000;
}
.highcharts-column-series rect.highcharts-point {
stroke: #ffffff;
}
.highcharts-column-series .highcharts-point {
transition: fill-opacity 250ms;
}
.highcharts-column-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-pie-series .highcharts-point {
stroke-linejoin: round;
stroke: #ffffff;
}
.highcharts-pie-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point {
stroke-linejoin: round;
stroke: #ffffff;
}
.highcharts-funnel-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point-select {
fill: inherit;
stroke: inherit;
}
.highcharts-pyramid-series .highcharts-point {
stroke-linejoin: round;
stroke: #ffffff;
}
.highcharts-pyramid-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-pyramid-series .highcharts-point-select {
fill: inherit;
stroke: inherit;
}
.highcharts-solidgauge-series .highcharts-point {
stroke-width: 0;
}
.highcharts-treemap-series .highcharts-point {
stroke-width: 1px;
stroke: #e6e6e6;
transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}
.highcharts-treemap-series .highcharts-point-hover {
stroke: #999999;
transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}
.highcharts-treemap-series .highcharts-above-level {
display: none;
}
.highcharts-treemap-series .highcharts-internal-node {
fill: none;
}
.highcharts-treemap-series .highcharts-internal-node-interactive {
fill-opacity: 0.15;
cursor: pointer;
}
.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
fill-opacity: 0.75;
}
/* Legend */
.highcharts-legend-box {
fill: none;
stroke-width: 0;
}
.highcharts-legend-item text {
fill: #333333;
font-weight: bold;
cursor: pointer;
stroke-width: 0;
}
.highcharts-legend-item:hover text {
fill: #000000;
}
.highcharts-legend-item-hidden * {
fill: #cccccc !important;
stroke: #cccccc !important;
transition: fill 250ms;
}
.highcharts-legend-nav-active {
fill: #003399;
cursor: pointer;
}
.highcharts-legend-nav-inactive {
fill: #cccccc;
}
.highcharts-legend-title-box {
fill: none;
stroke-width: 0;
}
/* Loading */
.highcharts-loading {
position: absolute;
background-color: #ffffff;
opacity: 0.5;
text-align: center;
z-index: 10;
transition: opacity 250ms;
}
.highcharts-loading-hidden {
height: 0 !important;
opacity: 0;
overflow: hidden;
transition: opacity 250ms, height 250ms step-end;
}
.highcharts-loading-inner {
font-weight: bold;
position: relative;
top: 45%;
}
/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
fill: #000000;
fill-opacity: 0.05;
}
.highcharts-plot-line {
fill: none;
stroke: #999999;
stroke-width: 1px;
}
/* Highcharts More and modules */
.highcharts-boxplot-box {
fill: #ffffff;
}
.highcharts-boxplot-median {
stroke-width: 2px;
}
.highcharts-bubble-series .highcharts-point {
fill-opacity: 0.5;
}
.highcharts-errorbar-series .highcharts-point {
stroke: #000000;
}
.highcharts-gauge-series .highcharts-data-label-box {
stroke: #cccccc;
stroke-width: 1px;
}
.highcharts-gauge-series .highcharts-dial {
fill: #000000;
stroke-width: 0;
}
.highcharts-polygon-series .highcharts-graph {
fill: inherit;
stroke-width: 0;
}
.highcharts-waterfall-series .highcharts-graph {
stroke: #333333;
stroke-dasharray: 1, 3;
}
.highcharts-sankey-series .highcharts-point {
stroke-width: 0;
}
.highcharts-sankey-series .highcharts-link {
transition: fill 250ms, fill-opacity 250ms;
fill-opacity: 0.5;
}
.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
transition: fill 50ms, fill-opacity 50ms;
fill-opacity: 1;
}
/* Highstock */
.highcharts-navigator-mask-outside {
fill-opacity: 0;
}
.highcharts-navigator-mask-inside {
fill: #6685c2;
/* navigator.maskFill option */
fill-opacity: 0.25;
cursor: ew-resize;
}
.highcharts-navigator-outline {
stroke: #cccccc;
fill: none;
}
.highcharts-navigator-handle {
stroke: #cccccc;
fill: #f2f2f2;
cursor: ew-resize;
}
.highcharts-navigator-series {
fill: #335cad;
stroke: #335cad;
}
.highcharts-navigator-series .highcharts-graph {
stroke-width: 1px;
}
.highcharts-navigator-series .highcharts-area {
fill-opacity: 0.05;
}
.highcharts-navigator-xaxis .highcharts-axis-line {
stroke-width: 0;
}
.highcharts-navigator-xaxis .highcharts-grid-line {
stroke-width: 1px;
stroke: #e6e6e6;
}
.highcharts-navigator-xaxis.highcharts-axis-labels {
fill: #999999;
}
.highcharts-navigator-yaxis .highcharts-grid-line {
stroke-width: 0;
}
.highcharts-scrollbar-thumb {
fill: #cccccc;
stroke: #cccccc;
stroke-width: 1px;
}
.highcharts-scrollbar-button {
fill: #e6e6e6;
stroke: #cccccc;
stroke-width: 1px;
}
.highcharts-scrollbar-arrow {
fill: #666666;
}
.highcharts-scrollbar-rifles {
stroke: #666666;
stroke-width: 1px;
}
.highcharts-scrollbar-track {
fill: #f2f2f2;
stroke: #f2f2f2;
stroke-width: 1px;
}
.highcharts-button {
fill: #f7f7f7;
stroke: #cccccc;
cursor: default;
stroke-width: 1px;
transition: fill 250ms;
}
.highcharts-button text {
fill: #333333;
}
.highcharts-button-hover {
transition: fill 0ms;
fill: #e6e6e6;
stroke: #333333;
}
.highcharts-button-pressed {
font-weight: bold;
fill: #e6ebf5;
stroke: #335cad;
}
.highcharts-button-disabled text {
fill: #cccccc;
}
.highcharts-range-selector-buttons .highcharts-button {
stroke-width: 0;
}
.highcharts-range-label rect {
fill: none;
}
.highcharts-range-label text {
fill: #666666;
}
.highcharts-range-input rect {
fill: none;
}
.highcharts-range-input text {
fill: #333333;
}
input.highcharts-range-selector {
position: absolute;
border: 0;
width: 1px;
/* Chrome needs a pixel to see it */
height: 1px;
padding: 0;
text-align: center;
left: -9em;
/* #4798 */
}
.highcharts-crosshair-label text {
fill: #ffffff;
font-size: 1.1em;
}
.highcharts-crosshair-label .highcharts-label-box {
fill: inherit;
}
.highcharts-candlestick-series .highcharts-point {
stroke: #000000;
stroke-width: 1px;
}
.highcharts-candlestick-series .highcharts-point-up {
fill: #ffffff;
}
.highcharts-ohlc-series .highcharts-point-hover {
stroke-width: 3px;
}
.highcharts-flags-series .highcharts-point .highcharts-label-box {
stroke: #999999;
fill: #ffffff;
transition: fill 250ms;
}
.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
stroke: #000000;
fill: #ccd6eb;
}
.highcharts-flags-series .highcharts-point text {
fill: #000000;
font-size: 0.9em;
font-weight: bold;
}
/* Highmaps */
.highcharts-map-series .highcharts-point {
transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
stroke: #cccccc;
}
.highcharts-map-series .highcharts-point-hover {
transition: fill 0ms, fill-opacity 0ms;
fill-opacity: 0.5;
stroke-width: 2px;
}
.highcharts-mapline-series .highcharts-point {
fill: none;
}
.highcharts-heatmap-series .highcharts-point {
stroke-width: 0;
}
.highcharts-map-navigation {
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.highcharts-coloraxis {
stroke-width: 0;
}
.highcharts-coloraxis-marker {
fill: #999999;
}
.highcharts-null-point {
fill: #f7f7f7;
}
/* 3d charts */
.highcharts-3d-frame {
fill: transparent;
}
/* Exporting module */
.highcharts-contextbutton {
fill: #ffffff;
/* needed to capture hover */
stroke: none;
stroke-linecap: round;
}
.highcharts-contextbutton:hover {
fill: #e6e6e6;
stroke: #e6e6e6;
}
.highcharts-button-symbol {
stroke: #666666;
stroke-width: 3px;
}
.highcharts-menu {
border: 1px solid #999999;
background: #ffffff;
padding: 5px 0;
box-shadow: 3px 3px 10px #888;
}
.highcharts-menu-item {
padding: 0.5em 1em;
background: none;
color: #333333;
cursor: pointer;
transition: background 250ms, color 250ms;
}
.highcharts-menu-item:hover {
background: #335cad;
color: #ffffff;
}
/* Drilldown module */
.highcharts-drilldown-point {
cursor: pointer;
}
.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
cursor: pointer;
fill: #003399;
font-weight: bold;
text-decoration: underline;
}
/* No-data module */
.highcharts-no-data text {
font-weight: bold;
font-size: 12px;
fill: #666666;
}
/* Drag-panes module */
.highcharts-axis-resizer {
cursor: ns-resize;
stroke: black;
stroke-width: 2px;
}
/* Bullet type series */
.highcharts-bullet-target {
stroke-width: 0;
}
/* Lineargauge type series */
.highcharts-lineargauge-target {
stroke-width: 1px;
stroke: #333333;
}
.highcharts-lineargauge-target-line {
stroke-width: 1px;
stroke: #333333;
}
/* Annotations module */
.highcharts-annotation-label-box {
stroke-width: 1px;
stroke: #000000;
fill: #000000;
fill-opacity: 0.75;
}
.highcharts-annotation-label text {
fill: #e6e6e6;
}
/*
* This combined file was created by the DataTables downloader builder:
* https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
* https://datatables.net/download/#bs/dt-1.10.18/b-1.5.4/b-colvis-1.5.4/cr-1.5.0/fc-3.2.5/fh-3.1.4/kt-2.5.0/r-2.2.2/rg-1.1.0/rr-1.2.4/sc-1.5.0/sl-1.2.6
*
* Included libraries:
* DataTables 1.10.18, Buttons 1.5.4, Column visibility 1.5.4, ColReorder 1.5.0, FixedColumns 3.2.5, FixedHeader 3.1.4, KeyTable 2.5.0, Responsive 2.2.2, RowGroup 1.1.0, RowReorder 1.2.4, Scroller 1.5.0, Select 1.2.6
*/
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0
@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dt-button-collection-title{text-align:center;padding:0.3em 0 0.5em;font-size:0.9em}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection.dropdown-menu .dt-button{border-radius:0}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2001}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing{color:rgba(0,0,0,0.2)}div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}
table.DTCR_clonedTable.dataTable{position:absolute !important;background-color:rgba(255,255,255,0.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#337ab7;z-index:201}
table.DTFC_Cloned tr{background-color:white;margin-bottom:0}div.DTFC_LeftHeadWrapper table,div.DTFC_RightHeadWrapper table{border-bottom:none !important;margin-bottom:0 !important;background-color:white}div.DTFC_LeftBodyWrapper table,div.DTFC_RightBodyWrapper table{border-top:none;margin:0 !important}div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after{display:none}div.DTFC_LeftBodyWrapper table tbody tr:first-child th,div.DTFC_LeftBodyWrapper table tbody tr:first-child td,div.DTFC_RightBodyWrapper table tbody tr:first-child th,div.DTFC_RightBodyWrapper table tbody tr:first-child td{border-top:none}div.DTFC_LeftFootWrapper table,div.DTFC_RightFootWrapper table{border-top:none;margin-top:0 !important;background-color:white}div.DTFC_Blocker{background-color:white}
table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-floating{position:fixed !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}}
table.dataTable tbody th.focus,table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #337ab7}div.dtk-focus-alt table.dataTable tbody th.focus,div.dtk-focus-alt table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #ff8b33}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}
table.dataTable tr.dtrg-group td{background-color:#e0e0e0}table.dataTable tr.dtrg-group.dtrg-level-0 td{font-weight:bold}table.dataTable tr.dtrg-group.dtrg-level-1 td,table.dataTable tr.dtrg-group.dtrg-level-2 td{background-color:#f0f0f0;padding-top:0.25em;padding-bottom:0.25em;padding-left:2em;font-size:0.9em}table.dataTable tr.dtrg-group.dtrg-level-2 td{background-color:#f3f3f3}
table.dt-rowReorder-float{position:absolute !important;opacity:0.8;table-layout:fixed;outline:2px solid #337ab7;outline-offset:-2px;z-index:2001}tr.dt-rowReorder-moving{outline:2px solid #888;outline-offset:-2px}body.dt-rowReorder-noOverflow{overflow-x:hidden}table.dataTable td.reorder{text-align:center;cursor:move}
div.DTS{display:block !important}div.DTS tbody th,div.DTS tbody td{white-space:nowrap}div.DTS div.DTS_Loading{z-index:1}div.DTS div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)}div.DTS div.dataTables_scrollBody table{z-index:2}div.DTS div.dataTables_paginate,div.DTS div.dataTables_length{display:none}div.DTS tbody tr{background-color:white}
table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#08C}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#0085c7}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#0083c5}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#0085c8}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#0081c1}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#0082c2}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#0083c4}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#0085c8}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#0086ca}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#0087cb}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#0081c1}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#0085c8}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#007dbb}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#007ebd}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#007fbf}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#007dbb}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}table.dataTable tbody tr.selected,table.dataTable tbody th.selected,table.dataTable tbody td.selected{color:white}table.dataTable tbody tr.selected a,table.dataTable tbody th.select
/* DataTables OVMS stylesheet */
@charset "utf-8";
tbody .dt-body-mono {
font-family: "Monaco", "Menlo", "Consolas", "QuickType Mono", "Lucida Console", "Roboto Mono", "Ubuntu Mono", "DejaVu Sans Mono", "Droid Sans Mono", monospace;
}
tbody .dt-body-right {
text-align: right;
}
tbody .dt-body-center {
text-align: center;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
font-family: monospace;
}
table.dataTable thead .sorting:after {
content: "◆";
}
table.dataTable thead .sorting_asc:after {
content: "▲";
}
table.dataTable thead .sorting_desc:after {
content: "▼";
}
.night select, .night input {
background-color: #222;
color: #eee;
}
.night .dataTables_wrapper label {
color: #aaa;
}
.night table.dataTable tbody tr {
background-color: #111;
}
.night .table-striped>tbody>tr:nth-of-type(odd) {
background-color: #222;
}
.night .table-striped>tbody>tr:nth-of-type(odd):hover {
background-color: #121f2d;
}
.night .pagination>li>a,
.night .pagination>li>span {
background-color: #222;
}
.night .pagination>.disabled>a,
.night .pagination>.disabled>a:focus,
.night .pagination>.disabled>a:hover,
.night .pagination>.disabled>span,
.night .pagination>.disabled>span:focus,
.night .pagination>.disabled>span:hover {
background-color: #222;
}
.night .pagination>.active>a,
.night .pagination>.active>a:focus,
.night .pagination>.active>a:hover,
.night .pagination>.active>span,
.night .pagination>.active>span:focus,
.night .pagination>.active>span:hover {
background-color: #104b7e;
border-color: #ddd;
}
/* ovms.css | (c) Michael Balzer | https://github.com/openvehicles/Open-Vehicle-Monitoring-System-3 */
code, kbd, pre, samp, .font-monospace {
font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono",
"Hack", "Source Code Pro", "Roboto Mono",
Menlo, Monaco, Consolas, monospace;
}
samp {
display: block;
margin-bottom: 10px;
white-space: pre-line;
color: #020;
font-size: 13px;
}
.samp-inline {
display: inline-block;
vertical-align: top;
margin: 8px;
}
ul.list-inline samp {
margin: 2px 5px;
}
.monitor {
min-height: 30px;
}
pre {
color: #020;
}
.loading {
opacity: 0.9;
cursor: progress;
}
.loading * {
cursor: progress;
}
.disabled {
cursor: wait;
}
.disabled * {
pointer-events: none;
cursor: wait;
}
.loading.disabled {
cursor: wait;
}
.checkmark {
color: #05b508;
font-size: 150%;
line-height: 100%;
}
.no-transition {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.autoselect {
-webkit-touch-callout: all;
-webkit-user-select: all;
-khtml-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
.progress-bar > div {
white-space: nowrap;
}
.progress-bar.text-left {
text-align: left;
}
.progress-bar.text-left > div {
padding: 0 5px;
text-align: left;
}
.list-inline {
margin-left: 0;
}
.list-inline>li {
padding-left: 0;
padding-bottom: 5px;
}
.panel-footer ul.list-inline {
margin-bottom: 0;
}
.navbar-brand>img {
height: 34px;
margin-top: -7px;
border-radius: 4px;
border: 1px solid #333333;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: 75vh;
}
.tab-content>.tab-pane {
padding: 10px;
border: 1px solid #ddd;
border-top: none;
}
#main {
margin-top: 60px;
}
#input-command {
color: #300;
}
.panel-minpad .panel-body {
padding: 5px;
}
.panel-minpad .panel-footer {
padding: 5px 8px;
}
@media (max-width: 767px) {
pre {
white-space: pre-wrap;
word-break: break-word;
padding: 3px;
}
#main > .alert {
margin: -9px -15px 9px;
border-radius: 0;
border: none;
}
.panel-single {
margin: -9px -15px 0;
border-radius: 0;
border: 0 none;
}
.panel-single .panel-heading {
padding: 5px 8px;
border-radius: 0;
}
}
@media (min-width: 768px) {
.row.flex {
display: flex;
flex-wrap: wrap;
}
}
/* Inputs, Buttons, Forms */
.btn-default, .btn-info, .btn-primary, .btn-warning, .btn-danger, .btn-success {
background-image: -webkit-linear-gradient(top,#00000000 0,#0000001c 100%);
background-image: -o-linear-gradient(top,#00000000 0,#0000001c 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#00000000),to(#0000001c));
background-image: linear-gradient(to bottom,#00000000 0,#0000001c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1c000000', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-default:focus, .btn-default:hover,
.btn-info:focus, .btn-info:hover,
.btn-primary:focus, .btn-primary:hover,
.btn-warning:focus, .btn-warning:hover,
.btn-danger:focus, .btn-danger:hover,
.btn-success:focus, .btn-success:hover {
background-position: 0 0;
}
.btn code, .night .btn code {
color: initial;
background-color: initial;
}
.btn-group .btn-default.active {
background-color: #337ab7;
color: #fff;
border-color: #2e6da4;
}
.btn-group .btn-default.active.focus,
.btn-group .btn-default.active:focus,
.btn-group .btn-default.active:hover {
background-color: #265a88;
}
.action-menu .btn {
margin: 0 5px 5px 0;
}
.action-menu .btn.pull-right {
margin: 0 0 5px 5px;
}
.text-right.action-menu .btn {
margin: 0 0 5px 5px;
}
.text-right.action-menu .btn.pull-left {
margin: 0 5px 5px 0;
}
li.event {
font-size: 85%;
}
.input-unit {
min-width: 4em;
}
.form-table>thead>tr>th,
.form-table>thead>tr>td,
.form-table>tbody>tr>th,
.form-table>tbody>tr>td,
.form-table>tfoot>tr>th,
.form-table>tfoot>tr>td {
padding: 15px;
}
.textarea-control .btn {
font-weight: bold;
font-size: 16px;
line-height: 16px;
padding: 4px 15px 2px;
}
.textarea-control .btn:hover, .textarea-control .btn:focus {
background-color: #fff;
}
.night .textarea-control .btn:hover, .night .textarea-control .btn:focus {
background-color: #aaa;
}
.textarea-control .btn.active, .textarea-control .btn.active:hover {
background-color: #d4d4d4;
border: 1px solid #148712;
}
.night .textarea-control .btn.active, .night .textarea-control .btn.active:hover {
background-color: #dadada;
border: 1px solid #3acf44;
}
textarea.fullwidth {
max-width: 100%;
min-width: 100%;
height: 300px;
font-size:13px;
white-space: pre;
}
.form-group .flex-group {
display: flex;
margin-left: -5px;
}
.form-group .flex-group > * {
margin-left: 5px;
}
/* Hover progress */
.hover-progress {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 10000;
background: #000000c0;
}
.hover-progress-body {
width: 80vw;
max-width: 30em;
background: #fff;
border-radius: 10px;
padding: 10px 20px;
margin: 30px auto;
border: 5px solid #f80;
text-align: center;
}
.hover-progress-body .info {
font-size: 200%;
}
.hover-progress-body .action {
font-size: 300%;
font-weight: bold;
}
.night .hover-progress-body {
background: #222;
color: #fff;
}
.hover-progress.longtouch .progress-bar {
-webkit-transition: width 1500ms linear;
-moz-transition: width 1500ms linear;
-o-transition: width 1500ms linear;
transition: width 1500ms linear;
}
/* Range input */
input[type=range] {
-webkit-appearance: none;
margin: 0px 0;
width: 100%;
height: 34px;
background: transparent;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
animate: 0.2s;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 30px;
width: 30px;
border-radius: 15px;
background: #ffffff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -12px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #367ebd;
}
input[type=range]:disabled::-webkit-slider-thumb {
border: 1px solid #888888;
background: #dddddd;
cursor: not-allowed;
}
input[type=range]:disabled::-webkit-slider-runnable-track {
background: #cccccc;
cursor: not-allowed;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
animate: 0.2s;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 30px;
width: 30px;
border-radius: 15px;
background: #ffffff;
cursor: pointer;
}
input[type=range]:disabled::-moz-range-thumb {
border: 1px solid #888888;
background: #dddddd;
cursor: not-allowed;
}
input[type=range]:disabled::-moz-range-track {
background: #cccccc;
cursor: not-allowed;
}
input[type=range]::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 16px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #2a6495;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #3071a9;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 30px;
width: 30px;
border-radius: 15px;
background: #ffffff;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
background: #367ebd;
}
input[type=range]:disabled::-ms-fill-lower {
background: #dddddd;
cursor: not-allowed;
}
input[type=range]:disabled::-ms-fill-upper {
background: #dddddd;
cursor: not-allowed;
}
input[type=range]:disabled::-ms-thumb {
border: 1px solid #888888;
background: #cccccc;
cursor: not-allowed;
}
/* Slider widget */
.form-control.slider {
height: auto;
display: flex;
}
.slider * {
vertical-align: middle;
}
.slider-control {
margin-right: 10px;
}
.slider-input {
flex: 1;
}
.slider-enable {
width: 30px;
height: 30px;
margin: 2px 4px 0 0 !important;
}
.slider-unit {
min-width: 2.4em;
display: inline-block;
}
.slider input.btn {
padding: 6px;
width: 34px;
}
@media (max-width: 767px) {
.form-control.slider {
display: block;
}
.form-inline .form-control.slider-value {
display: inline-block;
width: auto;
vertical-align: middle;
}
.slider-control {
margin-bottom: 5px;
}
}
/* Menu */
a.toggle-night, a.toggle-fullscreen {
font-size: 20px;
}
button.toggle-night, button.toggle-fullscreen {
color: #9d9d9d;
line-height: 14px;
font-size: 22px;
font-weight: bold;
}
/* Dialogs */
.modal pre {
white-space: pre-wrap;
word-break: break-word;
}
.modal-title span.lead {
text-transform: capitalize;
}
.modal-title span.lead i {
text-transform: none;
font-style: normal;
font-size: 155%;
margin-right: 10px;
}
/* Tables */
tbody>div {
display: table-row;
}
.table-scrollable,
.table-scrollable thead,
.table-scrollable tbody,
.table-scrollable tfoot,
.table-scrollable tr,
.table-scrollable th,
.table-scrollable td {
display: block;
}
.table-scrollable,
.table-scrollable thead,
.table-scrollable tbody,
.table-scrollable tfoot,
.table-scrollable tr {
width: 100%;
}
.table-scrollable tr {
float: left;
}
.table-scrollable tbody {
overflow-y: auto;
}
.table-scrollable tbody tr {
cursor: pointer;
}
.table-scrollable thead tr th,
.table-scrollable tbody td {
float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
user-select: none;
}
.table-hover>tbody>tr:hover {
background-color: #e6e6e6;
}
.night .table-hover>tbody>tr:hover {
background-color: #121f2d;
}
/* FileBrowser */
.filebrowser .form-group {
margin-bottom: 5px;
}
.fb-quicknav .btn {
margin-right: 5px;
margin-bottom: 5px;
}
.filebrowser thead {
cursor: pointer;
}
.filebrowser tbody {
height: 310px;
}
.filebrowser .table>tbody>tr.active>td {
background-color: #bed2e3;
}
.night .filebrowser .table>tbody>tr.active>td {
background-color: #293746;
}
.sort-up::after {
content: "▲";
margin-left: 0.3em;
}
.sort-down::after {
content: "▼";
margin-left: 0.3em;
}
/* Metric displays */
.metric {
position: relative;
}
.metric.number,
.metric.text {
display: inline-block;
float: left;
margin-right: 10px;
}
.metric.number .label,
.metric.text .label {
display: inline-block;
min-width: 6em;
text-align: right;
font-size: 85%;
color: #676767;
padding: 0 3px 0 0;
}
.metric .value {
font-weight: bold;
padding: 0 3px 0 0;
}
.metric.number .value {
display: inline-block;
min-width: 4em;
text-align: right;
}
.metric.number .unit,
.metric.text .unit {
display: inline-block;
min-width: 2em;
font-size: 85%;
color: #676767;
}
.metric.progress .label {
display: inline-block;
min-width: 6em;
text-align: right;
font-size: 95%;
padding: 0 3px 0 0;
}
.metric.progress .value {
display: inline-block;
min-width: 4em;
text-align: right;
}
.metric.progress .unit {
display: inline-block;
min-width: 2em;
font-size: 95%;
color: #fff;
}
.metric.progress .value-low .label {
color: #676767;
}
.metric.progress .value-low .value {
color: #000;
}
.metric.progress .value-low .unit {
color: #676767;
}
.night .metric .value {
color: #f2f2f2;
}
.night .metric.number .unit, .night .metric.text .unit,
.night .metric.number .label, .night .metric.text .label {
color: unset;
}
.night .metric.progress .value-low .label {
color: #fff;
}
.night .metric.progress .value-low .value {
color: #fff;
}
.night .metric.progress .value-low .unit {
color: #fff;
}
/* Highcharts */
.chart-box {
width: 100%;
height: 100%;
}
.highcharts-background {
fill-opacity: 0;
}
.night .highcharts-axis-labels {
fill: #b1b1b1;
}
.night .highcharts-title {
fill: #6f6f6f;
}
.night .highcharts-grid-line {
stroke: #584f4f;
}
.night .highcharts-minor-grid-line {
stroke: #2d2d2d;
}
.night .highcharts-axis-line {
stroke: #626771;
}
.night .highcharts-tick {
stroke: #626771;
}
.night .highcharts-button {
fill: #b1b1b1;
}
.night .highcharts-legend-item text {
fill: #dddddd;
}
.night .highcharts-tooltip-box {
fill: #000000;
color: #bbbbbb;
}
.night .highcharts-tooltip text {
fill: #dddddd;
}
.gaugechart .highcharts-plot-band,
.gaugechart .highcharts-pane {
fill-opacity: 0;
}
.gaugechart .highcharts-plot-band.border {
stroke: #666666;
stroke-width: 1px;
}
.gaugechart .green-band {
fill: #55BF3B;
fill-opacity: 0.4;
}
.gaugechart .yellow-band {
fill: #DDDF0D;
fill-opacity: 0.5;
}
.gaugechart .red-band {
fill: #DF5353;
fill-opacity: 0.6;
}
.gaugechart .violet-band {
fill: #9622ff;
fill-opacity: 0.6;
}
.gaugechart .night .violet-band {
fill: #9622ff;
fill-opacity: 0.8;
}
.gaugechart .highcharts-gauge-series .highcharts-pivot {
stroke-width: 1px;
stroke: #757575;
fill-opacity: 1;
fill: black;
}
.gaugechart .highcharts-gauge-series.auxgauge .highcharts-pivot {
fill-opacity: 1;
fill: #fff;
stroke-width: 0;
}
.night .gaugechart .highcharts-gauge-series.auxgauge .highcharts-pivot {
fill: #000;
}
.gaugechart .highcharts-gauge-series .highcharts-dial {
fill: #d80000;
stroke: #000;
stroke-width: 0.5px;
}
.gaugechart .highcharts-yaxis-grid .highcharts-grid-line,
.gaugechart .highcharts-yaxis-grid .highcharts-minor-grid-line {
display: none;
}
.gaugechart .highcharts-yaxis .highcharts-tick {
stroke-width: 2px;
stroke: #666666;
}
.night .gaugechart .highcharts-yaxis .highcharts-tick {
stroke: #e0e0e0;
}
.gaugechart .highcharts-yaxis .highcharts-minor-tick {
stroke-width: 1.8px;
stroke: #00000085;
stroke-dasharray: 6;
stroke-dashoffset: -4.8;
stroke-linecap: round;
}
.night .gaugechart .highcharts-yaxis .highcharts-minor-tick {
stroke: #ffffff85;
}
.gaugechart .highcharts-axis-labels {
fill: #000;
font-weight: bold;
font-size: 0.9em;
}
.night .gaugechart .highcharts-axis-labels {
fill: #ddd;
}
.gaugechart .highcharts-data-label text {
fill: #333333;
}
.night .gaugechart .highcharts-data-label text {
fill: #fff;
}
/* Night mode */
body.night {
background-color: #000;
color: #bbb;
}
.night .panel {
background-color: #000;
}
.night .panel-footer {
background-color: #111;
}
.night .modal-content {
background-color: #222;
}
.night .close {
color: #fff;
opacity: 0.8;
}
.night samp {
color: #0a0;
}
.night pre {
color: #0a0;
background-color: #000;
}
.night code {
color: #ca0d3e;
background-color: #000000;
}
.night legend {
color: #888;
}
.night .help-block {
color: #999
}
.night .form-control {
background-color: #333;
color: #eee;
}
.night .input-group-addon {
background-color: #111;
color: #888;
}
.night #input-command {
color: #0ee;
}
.night .btn-default {
background-color: #aaa;
color: #000;
text-shadow: 0px 0px 1px #fff;
}
.night .btn-default.focus, .night .btn-default:focus, .night .btn-default:hover {
background-color: #e0e0e0;
}
.night .panel-primary>.panel-heading {
background-image: -webkit-linear-gradient(top,#183752 0,#235a8a 100%);
background-image: -o-linear-gradient(top,#183752 0,#235a8a 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#183752),to(#235a8a));
background-image: linear-gradient(to bottom,#183752 0,#235a8a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff183752', endColorstr='#ff235a8a', GradientType=0);
}
.night .text-warning {
color: #ac7e2f;
}
.night .text-danger {
color: #d93d3a;
}
.night .text-info {
color: #55a5ce
}
.night .text-success {
color: #3fc641
}
.night .bg-warning {
background-color: #363010;
}
.night .bg-danger {
background-color: #6f0c0c;
}
.night .bg-info {
background-color: #056594;
}
.night .bg-success {
background-color: #163609;
}
.night .progress {
background-image: -webkit-linear-gradient(top,#1f1f1f 0,#2e2e2e 100%);
background-image: -o-linear-gradient(top,#1f1f1f 0,#2e2e2e 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#1f1f1f),to(#2e2e2e));
background-image: linear-gradient(to bottom,#1f1f1f 0,#2e2e2e 100%)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f1f1f', endColorstr='#ff2e2e2e', GradientType=0);
}
/* Fullscreen mode */
.fullscreened {
margin: 0 !important;
overflow: auto;
width: 100%;
}
.fullscreened #main {
margin: 0;
background: #fff;
}
.fullscreened.night #main {
margin: 0;
background-color: #000;
}
.fullscreened #nav {
display: none;
}
.fullscreened .panel-single {
border: 0 none;
margin: 0 -15px;
}
.fullscreened .panel-single .panel-body {
padding: 0;
min-width: 100vw;
min-height: 100vh;
}
.fullscreened .panel-single .panel-heading {
display: none;
}
@media (max-width: 767px) {
.fullscreened .panel-single {
margin: 0 -15px;
}
}