*{
    text-decoration: none !important;
}
.side-nav .side-nav-item .side-nav-link {
    text-decoration: none;
}

.sub-menu .side-nav-link:before {
    content: ".";
}

span.menu-text {
    width: 80%;
}

.cardDashboard {
    background: aliceblue;
    border: #98c5ed 1px solid;
}

.cardDashboard2 {
    background: rgb(255, 240, 254);
    border: #ed98e9 1px solid;
}

#usersChart,#driversChart,#tripsChart{
    display: inline-block !important;
    max-height: 250px;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"])
  .sidenav-menu .side-nav .side-nav-item .side-nav-link
  .bi.bi-chevron-down {
    display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"])
  .sidenav-menu .side-nav .side-nav-item:hover .side-nav-link .bi.bi-chevron-down,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"])
  .sidenav-menu .side-nav .side-nav-item .side-nav-link:hover .bi.bi-chevron-down {
    display: inline-block;
}

.btn-soft-success {
    color: #6ac75a !important;
    background-color: #e9f7e6 !important;
}

.btn-soft-success:hover {
    color: #fff !important;
    background-color: #6ac75a !important;
    border-color: #6ac75a !important;
}

.btn-soft-danger {
    color: #ff6d43 !important;
    background-color: #ffe9e3 !important;
}

.btn-soft-danger:hover{
    color: #fff !important;
    background-color: #ff6d43 !important;
    border-color: #ff6d43 !important;
}


.card-header.border-bottom.card-tabs.d-flex.flex-wrap.align-items-center.gap-2
{
    background: white !important;
}

.card-tabs {
    border-bottom: 1px solid #e7e9eb !important;
}


.btn-soft-primary {
    color: #465dff !important;
    background-color: #e3e7ff !important;
}

.btn-soft-primary:hover{
    color: #fff !important;
    background-color: #465dff !important;
    border-color: #465dff !important;
}

.text-nowrap {
    white-space: normal!important
}

.nav-tabs > li {
    padding: 10px;
    border-left: solid 1px #ddd;
    background-color: #f8f9fa;
    transition: background-color 0.3s ease;
}

.nav-tabs > li.active,
.nav-tabs > li.active a {
    background-color: #2278fd !important;
    color: white !important;
}

.nav-tabs > li a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
}

.nav-tabs > li a:hover {
    text-decoration: none;
    background-color: #e9ecef;
    color: #000;
}