.statistic {}
.statistic__datepicker {
margin-top: 10px; border-bottom: 1px solid rgb(236, 236, 236); text-align: center; padding-bottom: 15px;
}
datepicker_from {
margin-right: 25px;
}
statistic__search {
float: right; margin: -39px 0 0; width: 200px;
}
.nav-tabs {
margin-left: -1px;
}
.statistic__container {
background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25); box-shadow: 0 0 5px rgba(50, 50, 50, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; padding: 8px; margin-bottom: 10px; border-width: 0;
}
.statistic__log {
display: none;
}
.statistic__jid {
cursor: pointer; background-color: red;
}
.statistic__jid:hover {
background-color: inherit;
}
.statistic__table {
margin-top: 25px;
}
.workers__table {
width: 350px;
}
.workers__table tbody tr td {
text-align: center;
}
chartjs-tooltip {
opacity: 1; position: absolute; background: rgba(0, 0, 0, .7); color: white; padding: 3px; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);
}
.chartjs-tooltip-title {
font-weight: 800; margin-bottom: 5px;
}
.chartjs-tooltip-key {
display: inline-block; width: 10px; height: 10px; margin: 0 2px 0 5px;
}
/*!
* jQuery UI Datepicker @VERSION * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/datepicker/#theming */
.ui-datepicker {
width: 17em; padding: .2em .2em 0; display: none; background-color: #fff; border: 1px solid #d7d7d7
}
.ui-datepicker .ui-datepicker-header {
position: relative; padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute; top: 2px; width: 1.8em; height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 15px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 15px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em; line-height: 1.8em; text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em; margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em; text-align: center; font-weight: 700; border: 0
}
.ui-datepicker td {
border: 0; padding: 1px
}
.ui-datepicker td span, .ui-datepicker td a {
display: block; padding: .2em; text-align: right; text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%; margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both; width: 100%; font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px; left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px; right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px; left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px; right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0; border-left-width: 1px
}
.ui-datepicker a:active, a:hover, a:visited {
color: #4b001a;
}
/*!
* C3.js * http://c3js.org/ */
.c3 svg {
font: 10px sans-serif; -webkit-tap-highlight-color: transparent
}
.c3 line, .c3 path {
fill: none; stroke: #000
}
.c3 text {
-webkit-user-select: none; -moz-user-select: none; user-select: none
}
.c3-bars path, .c3-event-rect, .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid {
shape-rendering: crispEdges
}
.c3-chart-arc path {
stroke: #fff
}
.c3-chart-arc text {
fill: #fff; font-size: 13px
}
.c3-grid line {
stroke: #aaa
}
.c3-grid text {
fill: #aaa
}
.c3-xgrid, .c3-ygrid {
stroke-dasharray: 3 3
}
.c3-text.c3-empty {
fill: gray; font-size: 2em
}
.c3-line {
stroke-width: 1px
}
.c3-circle.expanded {
stroke-width: 1px; stroke: #fff
}
.c3-selected-circle {
fill: #fff; stroke-width: 2px
}
.c3-bar {
stroke-width: 0
}
.c3-bar.expanded {
fill-opacity: .75
}
.c3-target.c3-focused {
opacity: 1
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
stroke-width: 2px
}
.c3-target.c3-defocused {
opacity: .3!important
}
.c3-region {
fill: #4682b4; fill-opacity: .1
}
.c3-brush .extent {
fill-opacity: .1
}
.c3-legend-item {
font-size: 12px
}
.c3-legend-item-hidden {
opacity: .15
}
.c3-legend-background {
opacity: .75; fill: #fff; stroke: #d3d3d3; stroke-width: 1
}
.c3-title {
font: 14px sans-serif
}
.c3-tooltip-container {
z-index: 10
}
.c3-tooltip {
border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; -webkit-box-shadow: 7px 7px 12px -9px #777; -moz-box-shadow: 7px 7px 12px -9px #777; box-shadow: 7px 7px 12px -9px #777; opacity: .9
}
.c3-tooltip tr {
border: 1px solid #CCC
}
.c3-tooltip th {
background-color: #aaa; font-size: 14px; padding: 2px 5px; text-align: left; color: #FFF
}
.c3-tooltip td {
font-size: 13px; padding: 3px 6px; background-color: #fff; border-left: 1px dotted #999
}
.c3-tooltip td>span {
display: inline-block; width: 10px; height: 10px; margin-right: 6px
}
.c3-tooltip td.value {
text-align: right
}
.c3-area {
stroke-width: 0; opacity: .2
}
.c3-chart-arcs-title {
dominant-baseline: middle; font-size: 1.3em
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0; stroke: none
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000; font-size: 16px
}
.c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777
}
.c3-chart-arc .c3-gauge-value {
fill: #000
}