/*================================================================================
	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.  */
.page-title-right .btn.float {
    width: 60px;
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.page-title-right .btn.float i {
    margin: 0;
    line-height: 1;
    font-size: 22px;
}

.invalid-feedback {
    display: block;
}

/* Modal readability improvements */
#viewDriverModal .modal-title {
    font-size: 18px;
    font-weight: 600;
}

#viewDriverModal .card-body {
    font-size: 15px;
}

#viewDriverModal h6 {
    font-size: 18px;
}

#viewDriverModal small {
    font-size: 13px;
    color: #6c757d;
}

/* Driver name */
#dName {
    font-size: 20px;
    font-weight: 600;
    color: #212529;
}

#dCode {
    font-size: 14px;
    color: #0d6efd;
}

/* Contact info */
#viewDriverModal p {
    font-size: 15px;
    margin-bottom: 6px;
}

/* Stat numbers */
#dCompleted,
#dCompletionRate,
#dCancellationRate,
#dRatings {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

/* Label rows (License, Expiry, etc.) */
#viewDriverModal .small {
    font-size: 14px;
    color: #6c757d;
}

#viewDriverModal .font-weight-medium {
    font-size: 15px;
    font-weight: 600;
    color: #212529;
}

/* Stat cards */
.stat-card {
    padding: 12px;
    border-radius: 8px;
}

.stat-blue {
    background: #e7f1ff;
    color: #0d6efd;
}

.stat-green {
    background: #e6f7ef;
    color: #198754;
}

.stat-red {
    background: #fdeaea;
    color: #dc3545;
}

.stat-yellow {
    background: #fff4db;
    color: #f0ad4e;
}
.driver-profile-img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    border: 4px solid #0d6efd; /* primary blue */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
}

.profile-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile-icon {
    font-size: 90px;
    color: #0d6efd;
}
/* Bigger form text */
.form-control {
    font-size: 16px;
    height: calc(2.6em + .75rem + 2px);
}

label {
    font-size: 15px;
    font-weight: 500;
}

.card-header h5 {
    font-size: 18px;
    font-weight: 700;
}

.btn {
    font-size: 15px;
    padding: 10px 18px;
}
.custom-file-label::after {
    content: "Upload";
}
textarea.form-control {
    resize: none;
}

/* Step header */
/* .step-item {
    opacity: 0.4;
    transition: all 0.2s ease;
}

.step-item i {
    color: #adb5bd;
}

.step-item.active-step {
    opacity: 1;
}

.step-item.active-step i {
    color: #7367f0;
} */


/* Active step highlight */
#step1:not(.d-none) ~ .card .step-item:first-child,
#step2:not(.d-none) ~ .card .step-item:nth-child(3),
#step3:not(.d-none) ~ .card .step-item:nth-child(5),
#step4:not(.d-none) ~ .card .step-item:nth-child(7) {
    opacity: 1;
}
#globalLoader {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.85);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#globalLoader .loader-content {
    text-align: center;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}
.stepper-wrapper {
    position: relative;
}

.step-item {
    flex: 1;
    text-align: center;
    font-size: 15px;
    color: #6e6b7b;
    cursor: default;
}

.step-item i {
    display: block;
    font-size: 20px;
    margin-bottom: 4px;
}

.step-item.active-step {
    color: #7367f0;
    font-weight: 600;
}
#stepCar {
    position: absolute;
    top: -25px;
    left: -14px;
    color: #7367f0;
    font-size: 22px;
    z-index: 20;
    pointer-events: none;

    /* real driving feel */
    transition: transform 0.9s linear;
    will-change: transform;
}