@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

body {
    height: 100vh
}

div.wrapper-dq.wrapper-dq-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapper-dq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 401px);
    height: calc(100% - 19px);
    background: #fff
}

.wrapper-dq div.box.map-container-double-height {
    height: 100%;
    max-height: 100%
}

.wrapper-dq .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50%;
    max-height: 50%;
    overflow: hidden
}

.wrapper-dq .box_pie-charts {
    width: 55%
}

.wrapper-dq .box_pie-charts.eld_charts {
    width: 100%
}

.wrapper-dq .box_tables-top-drivers {
    width: 45%
}

.wrapper-dq .box_tables-violations-review {
    width: 55%
}

.wrapper-dq .box_map {
    width: 45%
}

.wrapper-dq .box_map.eld_map {
    width: 100%
}

.wrapper-dq .box .title-box {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 32px;
    min-height: 32px;
    padding: 0 24px;
    background: #0b3053;
    border-right: 1px solid #114a80
}

.wrapper-dq .box .title-box.switching span {
    cursor: pointer;
    opacity: .65
}

.wrapper-dq .box .title-box.switching span:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    content: "";
    background: hsla(0, 0%, 100%, 0);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.wrapper-dq .box .title-box.switching span.active {
    opacity: 1
}

.wrapper-dq .box .title-box.switching span.active:after,
.wrapper-dq .box .title-box.switching span.active:hover:after {
    background: hsla(0, 0%, 100%, .8)
}

.wrapper-dq .box .title-box.switching span:hover {
    opacity: 1
}

.wrapper-dq .box .title-box.switching span:hover:after {
    background: hsla(0, 0%, 100%, .6)
}

.wrapper-dq .box .title-box div.back-to-group {
    display: inline-block;
    padding: 2px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    background: #39f;
    border-radius: 2px
}

.wrapper-dq .box .title-box span {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 12px;
    overflow: hidden;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.wrapper-dq .box .title-box span,
.wrapper-dq .box .title-box ul.pagination,
.wrapper-dq .box .title-box ul.pagination li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wrapper-dq .box .title-box ul.pagination li {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: hsla(0, 0%, 100%, .15);
    margin: 0 3px;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-family: Open Sans, sans-serif;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    position: relative
}

.wrapper-dq .box .title-box ul.pagination li.active-page,
.wrapper-dq .box .title-box ul.pagination li:hover {
    color: #214971;
    cursor: pointer;
    background: hsla(0, 0%, 100%, .8)
}

.wrapper-dq .box .title-box ul.pagination li.active-page.next:before,
.wrapper-dq .box .title-box ul.pagination li.active-page.prev:before,
.wrapper-dq .box .title-box ul.pagination li:hover.next:before,
.wrapper-dq .box .title-box ul.pagination li:hover.prev:before {
    border-color: #214971
}

.wrapper-dq .box .title-box ul.pagination li.active-page.center,
.wrapper-dq .box .title-box ul.pagination li:hover.center {
    background: hsla(0, 0%, 100%, .15);
    cursor: default
}

.wrapper-dq .box .title-box ul.pagination li.next:before,
.wrapper-dq .box .title-box ul.pagination li.prev:before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    left: 6px
}

.wrapper-dq .box .title-box ul.pagination li.next:before {
    top: 5px;
    left: 3px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.wrapper-dq .box .title-box ul.pagination li.center:after,
.wrapper-dq .box .title-box ul.pagination li.center:before {
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    content: "";
    background: #fff;
    border-radius: 2px
}

.wrapper-dq .box .title-box ul.pagination li.center:before {
    margin-left: -3px
}

.wrapper-dq .box .title-box ul.pagination li.center:after {
    margin-left: 3px
}

.wrapper-dq .box .body-box {
    height: calc(100% - 32px);
    scrollbar-color: #aab8cc hsla(0, 0%, 100%, 0);
    scrollbar-width: thin
}

.wrapper-dq .box .body-box::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.wrapper-dq .box .body-box::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, 0)
}

.wrapper-dq .box .body-box::-webkit-scrollbar-thumb {
    background: #aab8cc;
    border: 2px solid #fff;
    border-radius: 5px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days,
.wrapper-dq .box .body-box#body-box-histograms-by-hours,
.wrapper-dq .box .body-box#body-box-pie-charts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: auto;
    border-right: 1px solid #e4e8f0
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .highcharts-credits,
.wrapper-dq .box .body-box#body-box-histograms-by-days .highcharts-legend,
.wrapper-dq .box .body-box#body-box-histograms-by-days .highcharts-title,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .highcharts-credits,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .highcharts-legend,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .highcharts-title,
.wrapper-dq .box .body-box#body-box-pie-charts .highcharts-credits,
.wrapper-dq .box .body-box#body-box-pie-charts .highcharts-legend,
.wrapper-dq .box .body-box#body-box-pie-charts .highcharts-title {
    display: none
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 50%;
    padding: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: #aab8cc hsla(0, 0%, 100%, 0);
    scrollbar-width: thin
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap::-webkit-scrollbar,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap::-webkit-scrollbar,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap::-webkit-scrollbar-track,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap::-webkit-scrollbar-track,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, 0)
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap::-webkit-scrollbar-thumb,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap::-webkit-scrollbar-thumb,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap::-webkit-scrollbar-thumb {
    background: #aab8cc;
    border: 2px solid #fff;
    border-radius: 5px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts {
    min-width: 44%;
    height: 100%;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts .piechart-tooltip,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts .piechart-tooltip,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts .piechart-tooltip {
    padding: 8px;
    background-color: hsla(0, 0%, 100%, .7);
    border: 1px solid #000;
    border-radius: 3px;
    font-family: Open Sans, sans-serif;
    text-align: left;
    font-size: 13px;
    color: #214971;
    -webkit-box-shadow: 1px 1px 1px 1px hsla(0, 0%, 50.2%, .5);
    box-shadow: 1px 1px 1px 1px hsla(0, 0%, 50.2%, .5);
    z-index: 10
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts .piechart-tooltip .percent,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts .piechart-tooltip .percent,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts .piechart-tooltip .percent {
    font-weight: 700
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend {
    width: 156px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding-right: 16px;
    padding-bottom: 2px;
    padding-left: 8px;
    overflow: hidden
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend h3,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend h3,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend h3 {
    margin-top: 0;
    color: #214971;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    font-size: 19px;
    margin-bottom: 9px;
    position: relative;
    white-space: nowrap
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td {
    height: 22px;
    padding: 0;
    display: table-cell;
    vertical-align: inherit;
    text-align: left
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.label,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.label,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.label {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
    color: #214971;
}
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.value,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.value,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.value {
    white-space: nowrap;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding-left: 4px;
    color: #214971;
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.green,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.green,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.green {
    color: #00b600
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.orange,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.orange,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.orange {
    color: #f6a900
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.red,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.red,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.red {
    color: #ff5228
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.purple,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.purple,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.purple {
    color: #3f51b5
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.pink,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.pink,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.pink {
    color: #bf00b7
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.gray,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.gray,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.gray {
    color: #777
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.blue,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.blue,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.blue {
    color: #5252ff
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.magenta,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.magenta,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.magenta {
    color: #f0f
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts-legend table tr td.value span,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts-legend table tr td.value span,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts-legend table tr td.value span {
    opacity: .75
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics {
    padding: 18px 8px;
    overflow: auto
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics table,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics table,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics table {
    margin-left: 16px;
    margin-right: 16px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics table tr td,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics table tr td,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics table tr td {
    padding: 0;
    height: 22px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics table tr td.label,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics table tr td.label,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics table tr td.label {
    font-family: Open Sans, sans-serif;
    color: #214971;
    font-size: 12px;
    font-weight: 400;
    margin-right: 4px;
    width: 72px;
    white-space: nowrap;
    letter-spacing: .1px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics table tr td.value,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics table tr td.value,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics table tr td.value {
    font-family: Open Sans, sans-serif;
    color: #214971;
    font-size: 12px;
    font-weight: 700;
    padding-left: 2px;
    white-space: nowrap;
    letter-spacing: -.2px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics table:last-child tr td:last-child,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics table:last-child tr td:last-child,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics table:last-child tr td:last-child {
    padding-right: 16px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality {
    border-right: 1px solid #e4e8f0;
    border-bottom: 1px solid #e4e8f0
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality div.overall-quality,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality div.overall-quality,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality div.overall-quality {
    width: 100%;
    text-align: center;
    color: #214971
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality div.overall-quality .overall-ranking,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality div.overall-quality .overall-ranking,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality div.overall-quality .overall-ranking {
    font-weight: 700
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality div.overall-quality .overall-ranking.green,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality div.overall-quality .overall-ranking.green,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality div.overall-quality .overall-ranking.green {
    color: #00b600
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality div.overall-quality .overall-ranking.orange,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality div.overall-quality .overall-ranking.orange,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality div.overall-quality .overall-ranking.orange {
    color: #f6a900
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality div.overall-quality .overall-ranking.red,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality div.overall-quality .overall-ranking.red,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality div.overall-quality .overall-ranking.red {
    color: #ff5228
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#statistics,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#statistics,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#statistics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: auto;
    border-bottom: 1px solid #e4e8f0
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#statistics .box-tables,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#statistics .box-tables,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#statistics .box-tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#statistics .box-tables {
    flex-direction: column;
    flex-wrap: nowrap;
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#statistics h3,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#statistics h3,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#statistics h3 {
    display: block;
    color: #214971;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    font-size: 19px;
    margin: 0 16px 9px;
    position: relative;
    white-space: nowrap
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#speed,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#speed,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#speed {
    border-right: 1px solid #e4e8f0
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality .highcharts-color-0 {
    fill: #00c000;
    stroke: #00c000
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality .highcharts-color-1 {
    fill: #ffb30b;
    stroke: #ffb30b
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#driving-quality .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#driving-quality .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#driving-quality .highcharts-color-2 {
    fill: #ff5a32;
    stroke: #ff5a32
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#speed .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#violations .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#speed .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#violations .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#speed .highcharts-color-0,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#violations .highcharts-color-0 {
    fill: #00c000;
    stroke: #00c000
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#speed .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#violations .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#speed .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#violations .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#speed .highcharts-color-1,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#violations .highcharts-color-1 {
    fill: #3f51b5;
    stroke: #3f51b5
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#speed .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#violations .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#speed .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#violations .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#speed .highcharts-color-2,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#violations .highcharts-color-2 {
    fill: #ffb30b;
    stroke: #ffb30b
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#speed .highcharts-color-3,
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap#violations .highcharts-color-3,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#speed .highcharts-color-3,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap#violations .highcharts-color-3,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#speed .highcharts-color-3,
.wrapper-dq .box .body-box#body-box-pie-charts .wrap#violations .highcharts-color-3 {
    fill: #ff5a32;
    stroke: #ff5a32
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap:first-child,
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap:nth-child(2),
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap:first-child,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap:nth-child(2) {
    border-bottom: 1px solid #e4e8f0
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap:first-child,
.wrapper-dq .box .body-box#body-box-histograms-by-days .wrap:nth-child(3),
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap:first-child,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap:nth-child(3) {
    border-right: 1px solid #e4e8f0
}

.wrapper-dq .box .body-box#body-box-histograms-by-days h3,
.wrapper-dq .box .body-box#body-box-histograms-by-hours h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 25px;
    margin: 8px 10px 0 16px;
    font-family: OpenSansRegular;
    font-size: 16px;
    color: #204971
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .bar-chart,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .bar-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 340px;
    height: 142px
}

.wrapper-dq .box .body-box#body-box-histograms-by-days .bar-chart-legend,
.wrapper-dq .box .body-box#body-box-histograms-by-hours .bar-chart-legend {
    display: none !important
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
    padding: 0 20px;
    border-bottom: 1px solid #e5e8ef
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching span.name-table {
    font-family: Open Sans, sans-serif;
    color: #214971;
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .6;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer;
    white-space: nowrap;
    max-width: calc(100% - 40px)/2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 30px
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching span.name-table.active {
    opacity: 1;
    border-bottom: 2px solid #0b3053
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching .checkbox-container {
    display: block;
    height: 20px;
    width: 38px;
    min-width: 38px;
    padding: 3px;
    border-radius: 11px;
    background: rgba(51, 153, 255, .2);
    margin: 2px 10px 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching .checkbox-container:hover {
    background: rgba(51, 153, 255, .3)
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching .checkbox-container .checkmark {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    background: #39f;
    border: none;
    border-radius: 9px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching .checkbox-container input[type=checkbox] {
    display: none
}

.wrapper-dq .box .body-box#tables-top-drivers #table-switching .checkbox-container input[type=checkbox]:checked ~ .checkmark {
    margin-left: 18px
}

.wrapper-dq .box .body-box#tables-top-drivers table {
    display: none
}

.wrapper-dq .box .body-box#tables-top-drivers table.table-active {
    display: table
}

.wrapper-dq .box .body-box#tables-top-drivers table.table-active td.green {
    color: #008d00
}

.wrapper-dq .box .body-box#tables-top-drivers table.table-active td.orange {
    color: #d79400
}

.wrapper-dq .box .body-box#tables-top-drivers table.table-active td.red {
    color: #fe3200
}

.wrapper-dq .box #tables-top-drivers,
.wrapper-dq .box #tables-violations-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapper-dq .box #tables-top-drivers .table-box,
.wrapper-dq .box #tables-violations-review .table-box {
    width: 100%;
    height: 100%;
    overflow: auto;
    scrollbar-color: #aab8cc hsla(0, 0%, 100%, 0);
    scrollbar-width: thin
}

.wrapper-dq .box #tables-top-drivers .table-box::-webkit-scrollbar,
.wrapper-dq .box #tables-violations-review .table-box::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.wrapper-dq .box #tables-top-drivers .table-box::-webkit-scrollbar-track,
.wrapper-dq .box #tables-violations-review .table-box::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, 0)
}

.wrapper-dq .box #tables-top-drivers .table-box::-webkit-scrollbar-thumb,
.wrapper-dq .box #tables-violations-review .table-box::-webkit-scrollbar-thumb {
    background: #aab8cc;
    border: 2px solid #fff;
    border-radius: 5px
}

.wrapper-dq .box #tables-top-drivers .table-box table,
.wrapper-dq .box #tables-violations-review .table-box table {
    position: relative;
    min-width: 100%
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr:nth-child(odd),
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr:nth-child(odd) {
    background-color: #fafbfc
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr td,
.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr th,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr td,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr th {
    height: 28px;
    padding: 6px 16px;
    font-family: Open Sans, sans-serif;
    text-align: left;
    font-size: 13px;
    line-height: 12px;
    color: #214971;
    vertical-align: middle
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr td.align-center,
.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr th.align-center,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr td.align-center,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr th.align-center {
    text-align: center
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr td.align-right,
.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr th.align-right,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr td.align-right,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr th.align-right {
    text-align: right
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr td.nowrap,
.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr th.nowrap,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr td.nowrap,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr th.nowrap {
    white-space: nowrap
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr th,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr th {
    background: #e9ecf1;
    font-size: 11px;
    line-height: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr td,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr td {
    cursor: pointer
}

.wrapper-dq .box #tables-top-drivers .table-box table.default-table-style tr.selected-row td,
.wrapper-dq .box #tables-violations-review .table-box table.default-table-style tr.selected-row td {
    background: #d1e8ff
}

.wrapper-dq .violations {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    padding: 0 !important
}

.wrapper-dq .violations__list {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    width: 100%;
    max-height: 100%;
    padding: 12px 8px 12px 12px;
    margin: 0;
    overflow: auto;
    scrollbar-color: #aab8cc hsla(0, 0%, 100%, 0);
    scrollbar-width: thin
}

.wrapper-dq .violations__list::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.wrapper-dq .violations__list::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, 0)
}

.wrapper-dq .violations__list::-webkit-scrollbar-thumb {
    background: #aab8cc;
    border: 2px solid #fff;
    border-radius: 5px
}

.wrapper-dq .violations__item {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    -ms-flex-line-pack: start;
    align-content: start;
    padding: 4px 4px 12px
}

.wrapper-dq .violations__item:last-child {
    margin-bottom: 12px
}

.wrapper-dq .violations__icon {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 36px;
    height: 36px
}

.wrapper-dq .violations .icon {
    /*background: url(/img/driving-quality/sprite_icons.svg)*/
}
.wrapper-dq .violations .icon_braking {
    /*background-position: 0 0*/
}
.wrapper-dq .violations .icon_right-turn,
.wrapper-dq .violations .icon_turn-right {
    /*background-position: -36px 0*/
}
.wrapper-dq .violations .icon_left-turn,
.wrapper-dq .violations .icon_turn-left {
    /*background-position: -72px 0*/
}
.wrapper-dq .violations .icon_speeding {
    /*background-position: 0 -36px*/
}
.wrapper-dq .violations .icon_crash {
    /*background-position: -36px -36px*/
}
.wrapper-dq .violations .icon_acceleration {
    /*background-position: -72px -36px*/
}
.wrapper-dq .violations .icon_attention {
    /*background-position: 0 -72px*/
}
.wrapper-dq .violations .icon_right-turn-while-decelerating,
.wrapper-dq .violations .icon_turn-decelerate-right {
    /*background-position: -36px -72px*/
}
.wrapper-dq .violations .icon_right-turn-while-accelerating,
.wrapper-dq .violations .icon_turn-accelerate-right {
    /*background-position: -72px -72px*/
}
.wrapper-dq .violations .icon_drivers-eyes-closed {
    /*background-position: 0 -108px*/
}
.wrapper-dq .violations .icon_left-turn-while-decelerating,
.wrapper-dq .violations .icon_turn-decelerate-left {
    /*background-position: -36px -108px*/
}
.wrapper-dq .violations .icon_left-turn-while-accelerating,
.wrapper-dq .violations .icon_turn-accelerate-left {
    /*background-position: -72px -108px*/
}
.wrapper-dq .violations .icon_talking-on-cell-phone,
.wrapper-dq .violations .icon_talking-cell-phone {
    /*background-position: 0 -144px*/
}
.wrapper-dq .violations .icon_yawning {
    /*background-position: -36px -144px*/
}
.wrapper-dq .violations .icon_smoking {
    /*background-position: -72px -144px*/
}
.wrapper-dq .violations .icon_drinking-water {
    /*background-position: 0 -180px*/
}
.wrapper-dq .violations .icon_collision-warning {
    /*background-position: -36px -180px*/
}
.wrapper-dq .violations .icon_traffic-light-violation,
.wrapper-dq .violations .icon_prohibiting-traffic-lights {
    /*background-position: -72px -180px*/
}
.wrapper-dq .violations .icon_sign-violation,
.wrapper-dq .violations .icon_stop-sign {
    /*background-position: 0 -216px*/
}
.wrapper-dq .violations .icon_no-safety-belt,
.wrapper-dq .violations .icon_unfastened-seat-belt {
    /*background-position: -36px -216px*/
}
.wrapper-dq .violations .icon_turn,
.wrapper-dq .violations .icon_u-turn {
    /*background-position: -72px -216px*/
}
.wrapper-dq .violations .icon_danger-maneuver,
.wrapper-dq .violations .icon_dangerous-maneuvering {
    /*background-position: 0 -252px*/
}
.wrapper-dq .violations .icon_driver-distraction {
    /*background-position: -36px -252px*/
}
.wrapper-dq .violations .icon_swerve {
    /*background-position: -72px -252px*/
}
.wrapper-dq .violations .icon_all-violations {
    /*background-position: 0 -288px*/
}

.wrapper-dq .violations__label {
    grid-row: 1/2;
    margin-top: 2px;
    margin-bottom: -1px;
    font-size: 9px;
    font-weight: 700;
    line-height: 10px;
    color: rgba(33, 73, 113, .8)
}

.wrapper-dq .violations__label,
.wrapper-dq .violations__value {
    grid-column: 2/3;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase
}

.wrapper-dq .violations__value {
    grid-row: 2/3;
    font-size: 16px;
    font-weight: 400;
    color: #214971;
    white-space: nowrap
}

.violations-table .aggressive,
.violations-table .dangerous {
    height: 12px;
    border-radius: 1px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 3px;
    background: #ff9611;
    color: #fff;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 8px;
    letter-spacing: .4px;
    line-height: 10px;
    margin: 3px 0 0
}

.violations-table .dangerous {
    background: #ff5228
}

@media screen and (max-width: 1560px) {
    .wrapper-dq .violations__list {
        grid-template-columns: repeat(2, 50%)
    }
}

@media screen and (max-width: 1400px) {
    .wrapper-dq .box_map, .wrapper-dq .box_pie-charts, .wrapper-dq .box_tables-top-drivers, .wrapper-dq .box_tables-violations-review {
        width: 50%
    }

    .wrapper-dq .box .body-box#body-box-histograms-by-days .wrap, .wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap, .wrapper-dq .box .body-box#body-box-pie-charts .wrap {
        width: 100%;
        height: 200px;
        border-right: none !important;
        border-bottom: 1px solid #e4e8f0 !important;
        padding: 12px 24px
    }

    .wrapper-dq .box .body-box#body-box-histograms-by-days .wrap.wrap-statistics, .wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap.wrap-statistics, .wrapper-dq .box .body-box#body-box-pie-charts .wrap.wrap-statistics {
        padding-left: 8%
    }

    .wrapper-dq .box .body-box#body-box-histograms-by-days .wrap__violations, .wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap__violations, .wrapper-dq .box .body-box#body-box-pie-charts .wrap__violations {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

    .wrapper-dq .box .body-box#body-box-histograms-by-days .wrap .pie-charts, .wrapper-dq .box .body-box#body-box-histograms-by-hours .wrap .pie-charts, .wrapper-dq .box .body-box#body-box-pie-charts .wrap .pie-charts {
        min-width: 36%
    }

    .wrapper-dq .violations__list {
        grid-template-columns: repeat(3, 33.33%)
    }
}

.wrapper-dq .violations__item {
    position: relative;
}

.wrapper-dq .violations__item:after {
    content: '';
    top: -4px;
    left: -2px;
    width: 98%;
    border-radius: 4px;
    height: 92%;
    position: absolute;
    background: #0b30531a;
    z-index: 0;
    opacity: 0;
    transition: all .1s ease-in-out;
}

.wrapper-dq .violations__item:hover {
    cursor: pointer;
}

.wrapper-dq .violations__item:hover:after {
    opacity: 1;
}

.wrapper-dq .violations__item.item_status_active:after {
    opacity: 1;
}


/** Wrapper ELD LogBook -----------------------**/
.wrapper-eld-logbook .box.box_pie-charts {
    /*height: 33%;*/
    /*max-height: 33%;*/
}

.wrapper-eld-logbook .box.box_pie-charts #body-box-pie-charts-eld {
    /*height: 100%;*/
}

.wrapper-eld-logbook .box.box_map {
    /*height: 67%;*/
    /*max-height: 67%;*/
}

.wrapper-eld-logbook {
    display: grid;
    grid-template-rows: 33.34% 33.33% 33.33%;
    grid-template-columns: 50% 50%;
}

.eld_charts {
    grid-row: 1/2;
    grid-column: 1/-1;
    height: 100%;
    min-height: 100%;
}

.eld_charts>.body-box {
    height: 100%;
}

.eld_charts #body-box-pie-charts-eld {
    display: grid;
    grid-template-columns: calc(100% - 98px) 98px;
    grid-auto-flow: column;
}

.eld_charts #body-box-pie-charts-eld .wrap {
    width: 60%;
}

.eld_charts #body-box-pie-charts-eld .total-box {
    display: grid;
    padding-top: 26px;
    padding-bottom: 76%;
    padding-left: 12px;
}

.eld_charts #body-box-pie-charts-eld .total-box span {
    font-size: 14px;
    color: #0B3052;
}

.eld_info {
    grid-row: 2/3;
    grid-column: 1/2;
    height: initial !important;
    max-height: initial !important;
}

.eld_info .body-box {
    overflow: auto;
    scrollbar-color: #AAB8CC rgba(255,255,255,0);
    scrollbar-width: thin;
}

.eld_info .body-box::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.eld_info .body-box::-webkit-scrollbar-track {
    background: #dee2e8 !important;
}

.eld_info .body-box::-webkit-scrollbar-thumb {
    background: #AAB8CC;
    border: 2px solid #dee2e8 !important;
    border-radius: 5px;
}

.eld_info .body-box .info-wrap {
    padding: 20px 20px 12px;
}

.eld_info .body-box .info-wrap span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #0B3052;
    white-space: nowrap;
}

.eld_info .body-box .table-wrap {
    border-bottom: 2px solid #E6EAED;
}

.eld_info .body-box .table-wrap .table-info {
    width: 100%;
}

.eld_info .body-box .table-wrap .table-info tr:nth-child(2n+1) {
    background: #E6EAED;
}

.eld_info .body-box .table-wrap .table-info tr th {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #0B3052;
    text-align: right;
}

.eld_info .body-box .table-wrap .table-info tr td {
    padding: 8px 12px;
    font-size: 12px;
    color: #0B3052;
    text-align: right;
}

.eld_log {
    grid-row: 3/4;
    grid-column: 1/2;
    height: initial !important;
    max-height: initial !important;
}

.eld_log .body-box {
    overflow: auto;
    scrollbar-color: #AAB8CC rgba(255,255,255,0);
    scrollbar-width: thin;
}

.eld_log .body-box::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.eld_log .body-box::-webkit-scrollbar-track {
    background: #dee2e8 !important;
}

.eld_log .body-box::-webkit-scrollbar-thumb {
    background: #AAB8CC;
    border: 2px solid #dee2e8 !important;
    border-radius: 5px;
}

.eld_map {
    grid-row: 2/4;
    grid-column: 2/3;
    height: initial !important;
    max-height: initial !important;
}

.log-list {
    margin: 0;
}

.log-list .log-item {
    padding: 0 32px;
}

.log-list .log-item:nth-child(2n) {
    background: #eceff3;
}

.log-list .log-item .item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #d1d9e0;
}

.log-list .log-item .item-header .time {
    margin-top: 2px;
    margin-right: 12px;
    font-size: 17px;
    font-weight: 600;
    line-height: 7px;
    color: #0B3052;
}

.log-list .log-item .item-header button {
    height: 20px;
    padding: 0 20px;
    margin-right: 12px;
    font-size: 12px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    background: #0EA2E9;
    border: none;
    border-radius: 4px;
}

.log-list .log-item .item-header button:hover {
    background: #0899de;
}

.log-list .log-item .item-body {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 40px;
    padding: 12px 0;
}

.log-list .log-item .item-body table {
    font-size: 13px;
    line-height: 20px;
    color: #0B3052;
}

.log-list .log-item .item-body table th {
    padding-right: 4px;
    font-weight: 700;
}