.jconfirm-box-container {
    left: 30% !important;
}

.card {
    margin-left: 25px;
}

label {
    margin-top: 15px !important;
}

body>.wrapper>.content-wrapper {
    padding-bottom: 3.5em !important;
}

section.content-header {
    border-bottom: 1px solid #707070;
    margin-bottom: 1em;
}

.logo-xl,
.logo-xs {
    width: 100% !important;
    left: 0 !important;
    top: 0.8em !important;
}

.dark-mode .jconfirm-box {
    background: #000;
    color: #fff !important;
    border-radius: 0px;
}

.jconfirm-scrollpane {
    background: #ffffff54;
}
/* Patient search results styling */
#patient_results {
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

#patient_results a {
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-left: none;
    border-right: none;
}

#patient_results a:hover {
    background-color: #f8f9fa;
}

/* Ensure search box doesn't affect sidebar */
#patient_search, #patient_results {
    z-index: 1000;
    position: relative;
}
/* Keep your existing styles but add variables where possible */
.jconfirm-box-container {
    left: 30% !important;
}

.card {
    margin-left: 25px;
    background-color: var(--adminlte-card-bg) !important;
}

label {
    margin-top: 15px !important;
    color: var(--adminlte-text) !important;
}

/* Update patient search for dark mode */
#patient_results {
    border: 1px solid var(--content-border);
    background: var(--adminlte-card-bg);
}

#patient_results a {
    color: var(--adminlte-text);
}

#patient_results a:hover {
    background-color: var(--adminlte-bg);
}