@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-maintenance-dashboard.wrapper-maintenance-dashboard-column {
  flex-direction: column; }

.wrapper-maintenance-dashboard {
  width: 100%;
  background: white;
  height: 100%;
  /*margin-bottom: 18px;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .wrapper-maintenance-dashboard .box {
    width: 50%;
    height: 50%;
    max-height: 50%;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    .wrapper-maintenance-dashboard .box .title-box {
      width: 100%;
      height: 32px;
      min-height: 32px;
      background: #0b3053;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 24px;
      z-index: 2;
      border-right: 1px solid #114a80; }
      .wrapper-maintenance-dashboard .box .title-box div.back-to-group {
        display: inline-block;
        border-radius: 2px;
        background: #3399ff;
        color: #FFFFFF;
        cursor: pointer;
        font-family: "Open Sans", sans-serif;
        /* text-align: left; */
        font-size: 13px;
        padding: 2px; }
      .wrapper-maintenance-dashboard .box .title-box span {
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        color: #FFFFFF;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .wrapper-maintenance-dashboard .box .title-box ul.pagination {
        display: flex; }
        .wrapper-maintenance-dashboard .box .title-box ul.pagination li {
          width: 16px;
          height: 16px;
          border-radius: 2px;
          background: rgba(255, 255, 255, 0.15);
          margin: 0 3px;
          list-style: none;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: all .25s ease-in-out;
          font-family: "Open Sans", sans-serif;
          color: white;
          font-size: 10px;
          line-height: 10px;
          position: relative; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover,
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page {
            cursor: pointer;
            background: rgba(255, 255, 255, 0.8);
            color: #214971; }
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover.prev:before,
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover.next:before,
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page.prev:before,
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page.next:before {
              border-color: #214971; }
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover.center,
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page.center {
              background: rgba(255, 255, 255, 0.15);
              cursor: default; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.prev:before,
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.next:before {
            position: absolute;
            content: '';
            display: block;
            width: 5px;
            height: 5px;
            border-left: 2px solid white;
            border-bottom: 2px solid white;
            transform: rotate(45deg);
            top: 5px;
            left: 6px; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.next:before {
            top: 5px;
            left: 3px;
            transform: rotate(-135deg); }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:before,
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:after {
            position: absolute;
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background: white; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:before {
            margin-left: -3px; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:after {
            margin-left: 3px; }
    .wrapper-maintenance-dashboard .box .body-box {
      height: calc(100% - 32px); }
      .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts {
        padding: 0;
        display: flex;
        /*flex-wrap: wrap;*/
        flex-direction: row;
        flex-shrink: 0;
        width: 100%;
        height: calc(100% - 32px);
        border-right: 1px solid #E4E8F0;
        overflow: auto; }
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .highcharts-title,
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .highcharts-legend,
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .highcharts-credits {
          display: none; }
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts {
          width: 50%;
          height: 100%;
          display: flex;
          flex-direction: column; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart {
            width: 100%;
            height: 50%;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 12px;
            overflow-x: auto;
            overflow-y: hidden; }
            @media screen and (max-width: 1400px) {
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart {
                width: 100%;
                height: 200px;
                border-right: none !important;
                border-bottom: 1px solid #E4E8F0 !important;
                /*padding: 12px 24px;*/ }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart.wrap-statistics {
                  padding-left: 8%; } }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts {
              display: flex;
              /*min-width: 44%;*/
              width: 44%;
              height: 100%; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .pie-chart-container {
                display: flex;
                width: 100%;
                height: 100%;
                position: relative; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .pie-chart-container svg {
                  display: flex;
                  width: 100%;
                  height: 100%; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .piechart-tooltip {
                padding: 8px;
                background-color: rgba(255, 255, 255, 0.7);
                border: 1px solid black;
                border-radius: 3px;
                font-family: "Open Sans", sans-serif;
                text-align: left;
                font-size: 13px;
                color: #214971;
                box-shadow: 1px 1px 1px 1px rgba(128, 128, 128, 0.5);
                z-index: 10; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .piechart-tooltip .percent {
                  font-weight: bold; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend {
              padding-bottom: 2px;
              padding-left: 8px;
              /*padding-right: 16px;*/
              /*width: min-content;*/
              min-width: max-content;
              overflow: hidden; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend h3 {
                margin-top: 0px;
                color: #214971;
                font-family: "Open Sans", sans-serif;
                font-weight: 300;
                font-size: 19px;
                margin-bottom: 9px;
                position: relative;
                white-space: nowrap; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td {
                height: 24px;
                padding: 0;
                display: table-cell;
                vertical-align: inherit;
                text-align: left; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label {
                  font-family: "Open Sans", sans-serif;
                  font-weight: 700;
                  font-size: 14px;
                  white-space: nowrap; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.green {
                    color: #00b600; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.orange {
                    color: #f6a900; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.red {
                    color: #ff5228; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.purple {
                    color: #3f51b5; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.pink {
                    color: #bf00b7; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.gray {
                    color: #777777; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.value {
                  white-space: nowrap;
                  font-family: "Open Sans", sans-serif;
                  color: #214971;
                  font-weight: 700;
                  font-size: 14px;
                  padding-left: 4px; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.value span {
                    opacity: .75; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue {
              border-right: 1px solid #E4E8F0;
              border-bottom: 1px solid #E4E8F0;
              /*flex-wrap: wrap;*/ }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue div.pie-charts {
                /*height: 80%;*/ }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types {
              border-right: 1px solid #E4E8F0; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue .highcharts-color-0 {
              fill: #00C000;
              stroke: #00C000; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue .highcharts-color-1 {
              fill: #FFB30B;
              stroke: #FFB30B; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue .highcharts-color-2 {
              fill: #FF5A32;
              stroke: #FF5A32; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-0,
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-0 {
              fill: #00C000;
              stroke: #00C000; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-1,
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-1 {
              fill: #3F51B5;
              stroke: #3F51B5; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-2,
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-2 {
              fill: #FFB30B;
              stroke: #FFB30B; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-3,
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-3 {
              fill: #FF5A32;
              stroke: #FF5A32; }
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics {
          overflow: auto;
          width: 50%;
          height: 100%;
          display: flex;
          border-bottom: 1px solid #E4E8F0;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          overflow: hidden; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics .box-tables {
            display: flex; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics h3 {
            margin-top: 0px;
            display: block;
            /*margin-left: 16px;*/
            margin-right: 16px;
            color: #214971;
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            font-size: 19px;
            margin-bottom: 4px;
            position: relative;
            white-space: nowrap; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics h3.with-margin-top {
              margin-top: 10px; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table {
            margin-left: 32px;
            margin-right: 32px; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table tr td {
              padding: 0;
              height: 20px; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table tr td.label {
                font-family: "Open Sans", sans-serif;
                color: #214971;
                font-size: 12px;
                font-weight: 700;
                opacity: .95;
                white-space: nowrap;
                letter-spacing: -.2px; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table tr td.value {
                font-family: "Open Sans", sans-serif;
                color: #214971;
                font-size: 12px;
                font-weight: 600;
                padding-left: 2px;
                white-space: nowrap;
                letter-spacing: -.2px; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table:last-child tr td:last-child {
              padding-right: 16px; }
      .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table {
        display: none; }
        .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active {
          display: table; }
          .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active td.green {
            color: #008d00; }
          .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active td.orange {
            color: #d79400; }
          .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active td.red {
            color: #fe3200; }
      .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper {
        display: flex;
        flex-direction: row;
        height: 100%;
        width: 100%;
        justify-content: center; }
        .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper {
          width: 100%;
          /* height: 100%; */
          /* padding: 20px; */
          margin: 12px 12px 0px 12px;
          display: flex;
          max-width: 240px;
          flex-direction: column; }
          .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph-label {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #214971;
            font-weight: bold;
            padding: 8px; }
          .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph {
            display: flex;
            flex-direction: row;
            width: 100%;
            height: 100%;
            /*justify-content: flex-end;*/ }
            .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper {
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              width: 100%;
              height: 100%;
              margin-left: 10px;
              margin-right: 10px; }
              .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar {
                width: 100%;
                height: 50%;
                justify-content: space-between;
                display: flex;
                flex-direction: column; }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar .bar-graph-bar-value,
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar .bar-graph-bar-caption {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #fff;
                  font-weight: bold;
                  padding: 8px; }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar .bar-graph-bar-value {
                  padding-bottom: 1px;
                }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar .bar-graph-bar-caption {
                  padding-top: 1px;
                }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar.purple {
                  background: #3F51B5; }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar.green {
                  background: #00C000; }
    .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax {
      display: flex;
      flex-direction: column; }
      .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box {
        overflow: auto;
        height: 100%;
        width: 100%; }
        .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table {
          min-width: 100%; }
          .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr td,
          .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th {
            height: 25px;
            padding: 0px 16px;
            font-family: "Open Sans", sans-serif;
            text-align: left;
            font-size: 13px;
            line-height: 12px;
            color: #214971;
            vertical-align: middle;
            border-bottom: 1px solid #e5e8ef;
            border-right: none; }
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr td.align-center,
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th.align-center {
              text-align: center; }
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr td.align-right,
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th.align-right {
              text-align: right; }
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr td.nowrap,
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th.nowrap {
              white-space: nowrap; }
          .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th {
            background: #E9ECF1;
            font-size: 11px;
            line-height: 10px; }
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th a {
              color: #337ab7; }
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th a.asc::after {
              content: "\00a0\2191";
              font-size: 1.5em; }
            .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr th a.desc::after {
              content: "\00a0\2193";
              font-size: 1.5em; }
          .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table.default-table-style tr.selected-row td {
            background: #d1e8ff; }

/*# sourceMappingURL=dashboard.css.map */