.modal input, .modal select, .modal textarea, .modal button {
    font-size: 14px;
}

.modal .modal-title {
    font-weight: bold;
}

.sidebar-nav .nav-content a i {
    font-size: 14px !important;
}

.osca-cards {
    font-size: 12px;
    font-weight: bold;
    height: 300px
}

.dv-name-box {
    width: 274px;
    height: 30px;
    position: relative;
    top: 80px;
    left: 20px;
    font-size: 9pt;
    font-weight: bold;
}

.dv-address-box {
    top: 89px;
    left: 34px;
    width: 260px;
    height: 30px;
    position: relative;
    line-height: 12px;
    font-size: 8pt;
}

.dv-dob-box {
    top: 100px;
    left: 34px;
    width: 104px;
    height: 30px;
    position: relative;
}

.dv-date-box {
    top: 70px;
    left: 160px;
    width: 104px;
    height: 30px;
    position: relative;
}

.dv-photo-box {
    width: 110px;
    height: 110px;
    position: relative;
    top: -35px;
    left: 302px;
}

.dv-number-box {
    top: -40px;
    left: 300px;
    width: 112px;
    height: 28px;
    position: relative;
    font-size: 13pt;
}


.logo img {
    width: 220px !important;
    max-height: 100px;
    margin-right: 0px !important;
}

/*--------------------------------------------------------------
# Responsive Table: card bodies that contain tables scroll
# horizontally instead of squishing columns
--------------------------------------------------------------*/
.card-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    /* The actual table inside a card must not shrink below readable width */
    .card-body table {
        min-width: 750px;
    }

/*--------------------------------------------------------------
# Action Buttons: prevent the two rows of buttons from
# overflowing or wrapping awkwardly at narrow widths
--------------------------------------------------------------*/

/* Each row of action buttons (edit/cart/delete/view) stays on one line */
.action-btn-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    margin-bottom: 4px;
}

    /* Last row has no bottom margin */
    .action-btn-row:last-child {
        margin-bottom: 0;
    }

    /* Individual action buttons: fixed small size, no text wrap */
    .action-btn-row .btn {
        padding: 3px 6px;
        font-size: 12px;
        white-space: nowrap;
        flex-shrink: 0;
    }

/* The cell containing action buttons should not wrap */
.table td.action-col {
    white-space: nowrap;
    min-width: 100px;
}