.box.box-primary{border-top-color:#15354A !important}a{color:#0099F9}body{height:100vh;overflow:hidden}body .wrapper{background-color:#15354A;height:100%;overflow:hidden}body .wrapper>.content-wrapper{background-color:#e3e7e9;box-shadow:0 0 40px rgba(0,0,0,0.2);height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}body .wrapper>.content-wrapper>.content{display:flex;flex-direction:column;height:100%;padding:30px;width:100%}body .wrapper>.content-wrapper>.content>.tab-content{flex-grow:1}body .wrapper>.content-wrapper>.content>.tab-content>.tab-pane{height:100%}.main-content-grid{display:grid;gap:15px;width:100%}.main-content-grid.simple-grid{grid-template-areas:"gm1   gm2   gm3      gm4     " "table table barchart barchart";grid-template-columns:repeat(4, 1fr);grid-template-rows:auto 480px}.main-content-grid.advanced-grid{grid-template-areas:"gm1 gm1 gm2 gm2 table table    table    table   " "map map map map table table    table    table   " "map map map map lm1   barchart barchart barchart" "map map map map lm2   barchart barchart barchart";grid-template-columns:repeat(8, 1fr);grid-template-rows:auto 310px 220px 220px}@media (max-width: 1199px){.main-content-grid.simple-grid{grid-template-areas:"gm1      gm2     " "gm3      gm4     " "table    table   " "barchart barchart";grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto) repeat(2, 480px)}.main-content-grid.advanced-grid{grid-template-areas:"gm1      gm2     " "map      map     " "lm1      lm2     " "table    table   " "barchart barchart";grid-template-columns:repeat(2, 1fr);grid-template-rows:auto 480px auto repeat(2, 480px)}}.wrapper .main-header{box-shadow:0 4px 15px rgba(0,0,0,0.15);height:60px;width:100%;z-index:2}.wrapper .main-header>.logo{display:none}.wrapper .main-header .navbar{align-items:center;background-color:#fff;display:flex;height:100%;margin-left:0}.wrapper .main-header .navbar .sidebar-toggle{align-items:center;display:flex;justify-content:center;color:#15354A;font-size:20px;height:100%;transition:background-color .25s;width:60px}.wrapper .main-header .navbar .sidebar-toggle:hover{background-color:#0099F9;color:#fff}.wrapper .main-header .navbar>.navbar-custom-menu{height:100%;width:100%}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav{align-items:center;display:flex;height:100%;justify-content:space-between;padding:10px 20px 10px 10px;width:100%}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown{color:#0099F9;font-weight:600}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown:not(:last-child){margin-right:20px}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.logo{align-items:center;display:flex;justify-content:center;background:#fff;height:100%;padding:0;width:auto}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.logo .logo-link{padding:0}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.logo .logo-link:hover{background-color:transparent}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.logo .logo-link .logo-img{max-height:40px;height:auto;width:auto;object-fit:contain}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.title>h1{color:#15354A;font-size:24px !important;font-weight:600;margin:0}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.version>p{font-size:16px;margin:0}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.time-range{flex-grow:1}.wrapper .main-header .navbar>.navbar-custom-menu>.navbar-nav .dropdown.time-range>p{color:#15354A;font-weight:400;font-size:18px;margin:0}.wrapper .main-sidebar{background-color:#007dc5;margin-top:60px;padding-top:30px;z-index:0}.wrapper .main-sidebar .sidebar>.sidebar-menu>li>a{border:none;color:#FFFFFF;font-size:16px;padding:15px;transition:background-color 0.25s ease, padding 0.5s ease}.wrapper .main-sidebar .sidebar>.sidebar-menu>li>a:hover{background-color:rgba(0,178,227,0.5)}.wrapper .main-sidebar .sidebar>.sidebar-menu>li.active>a{background-color:#00b2e3;font-weight:600;padding-left:25px}.datatables>.dataTables_wrapper{overflow:auto}.datatables>.dataTables_wrapper>.dataTables_filter{position:absolute;top:12px;right:25px}.datatables>.dataTables_wrapper>.dataTables_filter>label .form-control{border-radius:4px;font-size:14px}.datatables>.dataTables_wrapper>.dataTables_filter>label .form-control:focus{border-color:#0099F9;box-shadow:0 0 8px rgba(0,153,249,0.3)}.datatables>.dataTables_wrapper>.dataTables_paginate{bottom:25px;position:absolute;right:25px}.datatables>.dataTables_wrapper>.dataTables_paginate>ul.pagination>li.paginate_button.active>a{background-color:#0099F9}.datatables>.dataTables_wrapper>.table.dataTable>thead>tr>th,.datatables>.dataTables_wrapper>.table.dataTable tfoot>tr>th{white-space:nowrap}.datatables>.dataTables_wrapper>.table.dataTable>tbody>tr>td{border:none;transition:background-color 0.3s}.datatables>.dataTables_wrapper>.table.dataTable>tbody>tr.odd:hover>td,.datatables>.dataTables_wrapper>.table.dataTable>tbody>tr.even:hover>td{background-color:rgba(0,153,249,0.5)}.datatables>.dataTables_wrapper>.table.dataTable>tbody>tr.odd>td{background-color:rgba(227,231,233,0.5)}.datatables>.dataTables_wrapper>.table.dataTable>tbody>tr.active>td,.datatables>.dataTables_wrapper>.table.dataTable>tbody>tr.active:hover>td{background-color:#0099F9}.audit-table>.datatables>.dataTables_wrapper{position:relative;overflow:visible}.audit-table>.datatables>.dataTables_wrapper>.dataTables_filter{position:static;text-align:right;margin-bottom:12px}.audit-table>.datatables>.dataTables_wrapper>.dataTables_info{display:inline-block}.audit-table>.datatables>.dataTables_wrapper>.dataTables_paginate{position:static;float:right;margin-top:16px}.box{background-color:#fff;height:100%;margin:0;padding:15px}.box.metric{display:grid;grid-auto-rows:80px;gap:15px;padding:20px}.box.metric .icon{background-repeat:no-repeat;background-size:contain;background-position:center}.box.metric .value{color:#0099F9;display:flex;flex-direction:column;font-size:18px;justify-content:space-between;line-height:20px;text-align:left}.box.metric .value label{border-bottom:1px solid #B3B8BA;color:#15354A;padding-bottom:5px}.box.metric-global{grid-template-columns:80px 1fr}@media (max-width: 1199px){.box.metric-local{grid-template-columns:80px 1fr}}@media (min-width: 1200px){.box.metric-local{grid-template-rows:80px 1fr}.box.metric-local .value{justify-content:center;text-align:center}}.box.metric-global-1{grid-area:gm1}.box.metric-global-1 .icon{background-image:url("../images/total_shipments.svg")}.box.metric-global-2{grid-area:gm2}.box.metric-global-2 .icon{background-image:url("../images/total_weight.svg")}.box.metric-global-3{grid-area:gm3}.box.metric-global-3 .icon{background-image:url("../images/locations.svg")}.box.metric-global-4{grid-area:gm4}.box.metric-global-4 .icon{background-image:url("../images/shipments_per_day.svg")}.box.metric-local-1{grid-area:lm1}.box.metric-local-1 .icon{background-image:url("../images/state_shipments.svg")}.box.metric-local-2{grid-area:lm2}.box.metric-local-2 .icon{background-image:url("../images/state_weight.svg")}.map-grid-wrapper>div,.table-grid-wrapper>div,.barchart-grid-wrapper>div{height:100%;padding:0}.map-grid-wrapper .box-primary,.table-grid-wrapper .box-primary,.barchart-grid-wrapper .box-primary{height:100%}.map-grid-wrapper .box-header,.table-grid-wrapper .box-header,.barchart-grid-wrapper .box-header{height:30px;padding:0}.map-grid-wrapper .box-body,.table-grid-wrapper .box-body,.barchart-grid-wrapper .box-body{height:calc(100% - 30px)}.map-grid-wrapper #map_view-mapview,.map-grid-wrapper .highcharts-container,.map-grid-wrapper .highchart,.map-grid-wrapper .highcharts-root,.table-grid-wrapper #map_view-mapview,.table-grid-wrapper .highcharts-container,.table-grid-wrapper .highchart,.table-grid-wrapper .highcharts-root,.barchart-grid-wrapper #map_view-mapview,.barchart-grid-wrapper .highcharts-container,.barchart-grid-wrapper .highchart,.barchart-grid-wrapper .highcharts-root{height:100% !important}.map-grid-wrapper{grid-area:map}.table-grid-wrapper{grid-area:table}.barchart-grid-wrapper{grid-area:barchart}.contact{align-items:center;display:flex;justify-content:center;flex-direction:column;height:100%;padding:100px}.contact .logo-img{width:400px}.footer{align-items:flex-end;display:flex;flex-direction:column;flex-grow:100;justify-content:flex-end;margin-top:20px;padding-bottom:10px}@media (max-width: 787px){.footer{align-items:center;justify-content:center}}.footer-heading{align-items:center;display:flex;justify-content:center;color:#818485;font-size:13px;font-weight:normal;margin:0;text-align:center}@media (max-width: 787px){.footer-heading{flex-direction:column}}.footer-link{color:#818485;font-weight:bold;text-decoration:none;transition:color 0.2s;margin:5px}.footer-link:hover{color:#0099F9}
