/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.main-menu.menu-light {
  background: #002131; }

.main-menu .shadow-bottom {
  background: none; }
.main-menu.menu-fixed.menu-light.menu-accordion.menu-shadow.expanded {
  background: #002131; }
.main-menu .navbar-header .navbar-brand .brand-text {
  color: #fff; }
.main-menu.menu-light .navigation {
  background: transparent; }
  .main-menu.menu-light .navigation > li > ul {
    background: transparent; }
  .main-menu.menu-light .navigation > li.active > a {
    background: transparent;
    color: #f6b161;
    font-weight: 600;
    box-shadow: none; }
  .main-menu.menu-light .navigation > li.hover a {
    background: transparent;
    color: #f6b161;
    font-weight: 600;
    box-shadow: none; }
  .main-menu.menu-light .navigation li a {
    color: #fff; }

.navbar-light {
  background: #002131; }

a {
  color: #002131; }
  a.text-decoration-underline {
    color: #002131 !important;
    font-size: 14px;
    border-bottom: 1px solid;
    padding-bottom: 3px; }

.nav-pills .nav-link {
  background: #ededed;
  border: 1px solid #ddd; }

.no-searchdatatable .dataTables_length {
  display: none; }
.no-searchdatatable .dataTables_filter {
  display: none; }
.no-searchdatatable .dataTables_info {
  display: none; }
.no-searchdatatable .dataTables_paginate {
  display: none; }

.no-resize {
  resize: none; }

.action-link {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
  justify-content: center;
  min-width: 110px; }
  .action-link > i {
    cursor: pointer;
    background: #f8f8f8;
    padding: 5px;
    border: 1px solid #ddd;
    height: 30px;
    width: 30px;
    float: left;
    line-height: 19px;
    margin: 0 4px 4px 0;
    text-align: center; }
  .action-link > a {
    cursor: pointer;
    background: #f8f8f8;
    padding: 5px;
    border: 1px solid #ddd;
    height: 30px;
    width: 30px;
    float: left;
    line-height: 19px;
    margin: 0 4px 4px 0;
    text-align: center; }

.form-control[type="number"] {
  -moz-appearance: textfield; }

.dataTables_length {
  margin-bottom: 15px; }

.modal-footer {
  justify-content: flex-start; }

.margin-b-6 {
  margin-bottom: 6px; }

label {
  font-weight: 500; }

.font-100 {
  font-size: 100px; }

body.vertical-layout.vertical-menu-modern .main-menu {
  background: #002131; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
  background: #002131; }

.badge.badge-primary {
  background: #fff;
  color: #002131; }

.header-navbar .navbar-container ul.nav li > a.nav-link {
  color: #fff; }
.header-navbar .navbar-container ul.nav li i.ficon {
  color: #fff; }
  .header-navbar .navbar-container ul.nav li i.ficon:hover {
    color: #fff; }

.nav.nav-pills.nav-justified .nav-link {
  border-radius: 0;
  padding: 10px; }
.nav.nav-pills .nav-item .nav-link.active {
  border-radius: 0;
  padding: 10px; }

.dropzone {
  border: 2px dashed #002131; }

table.dataTable:not(.data-thumb-view):not(.data-list-view) th {
  padding: 10px 8px 10px 16px !important;
  vertical-align: top;
  font-size: 13px; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) td {
  padding: 10px 8px 10px 16px !important;
  vertical-align: top;
  font-size: 13px;
  line-height: 20px; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting:after {
  right: auto;
  left: 0.5em; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting:before {
  right: auto;
  left: 0.5em;
  top: 11px; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_asc:after {
  right: auto;
  left: 0.5em; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_asc:before {
  right: auto;
  left: 0.5em;
  top: 11px; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_desc:after {
  right: auto;
  left: 0.5em; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_desc:before {
  right: auto;
  left: 0.5em;
  top: 11px; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_asc_disabled:after {
  right: auto;
  left: 0.5em; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_asc_disabled:before {
  right: auto;
  left: 0.5em;
  top: 11px; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_desc_disabled:after {
  right: auto;
  left: 0.5em; }
table.dataTable:not(.data-thumb-view):not(.data-list-view) thead .sorting_desc_disabled:before {
  right: auto;
  left: 0.5em;
  top: 11px; }

.assig_nvehciledriver .modal-xl {
  max-width: 75%;
  margin-left: 13%;
  min-height: calc(100% - -3.5rem); }

ul.driver-details-box {
  margin: 0;
  list-style: none;
  padding: 10px 15px; }
  ul.driver-details-box li {
    margin-bottom: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    font-size: 12px; }
    ul.driver-details-box li > span {
      font-weight: 500; }

.input-group .picker:nth-child(2) > div {
  left: 0;
  right: auto; }

.input-group .picker > div {
  text-align: right;
  right: 0;
  left: auto; }

div.dataTables_wrapper div.dataTables_info {
  padding-bottom: 0.85em; }

.modal .modal-header .close span {
  color: #002131; }

/* width */
.table-responsive::-webkit-scrollbar {
  height: 5px; }

/* Track */
.table-responsive::-webkit-scrollbar-track {
  background: rgba(0, 33, 49, 0.18); }

/* Handle */
.table-responsive::-webkit-scrollbar-thumb {
  background: #002131; }

/* For laptop view */
@media (min-width: 1201px) and (max-width: 1400px) {
  table.dataTable th {
    white-space: nowrap; }

  .card .card-title {
    font-size: 13px; }

  .apexcharts-canvas {
    float: left;
    width: 100% !important;
    height: 195px !important; }

  .customerchart .apexcharts-inner {
    transform: scale(0.6) translate(-9px, 22px); }

  div#customer-chart {
    min-height: auto !important; }

  ul.list-group.list-group-flush.customer-info {
    float: left;
    width: 100%; }

  svg {
    width: 100%; }

  a.text-decoration-underline {
    font-size: 12px; }

  .apexcharts-tooltip.light {
    left: 0 !important; } }