body {
    font-family: 'Inter', 'IBM Plex Sans', 'Manrope', system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wrapper .col-md-2 {
    box-shadow: 1px 4px 10px -3px #aaa !important;
    height: 98vh;
    overflow-y: scroll;
}

.wrapper .col-md-10 {
    height: 98vh;
    overflow-y: scroll;
}

.wrapper .header {
    box-shadow: 1px 4px 10px -3px #aaa !important;
}

.wrapper .col-md-2 .btn-create {
    background: #05357c;
}

.wrapper .col-md-2 ul {
    list-style: none;
    padding-left: 0px;
}

    .wrapper .col-md-2 ul li {
        box-shadow: 1px 4px 10px -3px #aaa !important;
        padding: 8px 6px;
        border-radius: 5px;
        margin-top: 12px;
        font-size: 14px;
        border-right: 5px solid #05357c;
    }

        .wrapper .col-md-2 ul li a {
            text-decoration: none;
            color: #212529;
        }

.wrapper .col-md-2 .svg-inline--fa {
    color: #05357c;
}

.wrapper .header .svg-inline--fa {
    color: #05357c;
}

.wrapper .header a {
    text-decoration: none;
    color: #212529;
}

.wrapper .header h4 {
    font-size: 18px;
    font-weight: 600;
}

.wrapper .footer {
    box-shadow: 1px 4px 10px -3px #aaa !important;
    color: #fff;
    background: #05357c;
}

.nav-tabs a {
    font-size: 14px;
}

.bookride .col-md-4 .section-Block {
    box-shadow: 1px 4px 10px -3px #aaa !important;
    padding: 15px 15px;
    border-radius: 5px;
}

.bookride .form-control {
    font-size: 13px;
}

.bookride label {
    font-size: 13px;
    margin-bottom: 7px;
    font-weight: 600;
}

.bookride .section-Block h4 {
    font-size: 15px;
}

.riderSection {
    height: 90vh;
    overflow-y: scroll;
}

.bookride h4 {
    background: #05357c;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    font-size: 17px;
}

.WhenRide {
    padding-left: 12px;
}

    .WhenRide a {
        font-size: 14px;
    }

.bookride p {
    font-size: 12px;
}
/* For Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px; /* scrollbar width */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* track background */
}

::-webkit-scrollbar-thumb {
    background: #c0c0c0; /* light gray thumb */
    border-radius: 4px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: none;
    border: 2px solid #3666ae;
    color: #3666ae;
}

.login .input-group {
    margin-top: 15px;
}

.login .col-md-4 .col-md-12 {
    box-shadow: 1px 4px 10px -3px #aaa !important;
    padding: 55px 39px;
    margin-top: 35%;
    background: rgba(255, 255, 255, 0.9);
}

    .login .col-md-4 .col-md-12 h4 {
        color: #05357c;
    }

        .login .col-md-4 .col-md-12 h4 .svg-inline--fa {
            font-size: 29px;
        }

.login .btn {
    background: #05357c;
    color: #fff;
}

.login {
    background-image: url(/UberRide/Content/Images/7607041_3644592.jpg);
    background-size: cover;
    height: 100vh;
    background-attachment: fixed;
}

    .login .formlogin {
        padding: 125px;
    }

.wrapper .col-md-2 ul .searchPatient .svg-inline--fa {
    font-size: 13px;
}

.wrapper .col-md-2 ul .searchPatient .form-control {
    font-size: 13px;
}

.tripDetails {
    box-shadow: 1px 4px 10px -3px #aaa !important;
    margin-top: 25px;
    padding: 12px;
}
.searchPatient .form-control{
    font-size:14px;
}
.searchPatient .svg-inline--fa {
    font-size: 14px;
}
.searchPatient tr th, td {
    font-size: 14px;
}
.dropdown-container {
    border: 1px solid #ccc;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.dropdown-item {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

    .dropdown-item:hover {
        background-color: #f0f0f0;
    }

    .dropdown-item img {
        width: 50px;
        margin-right: 10px;
        border-radius: 4px;
    }
.TripTypeList label{
    margin-bottom:0px !important;
}