body {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%239C92AC' fill-opacity='0.09' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.captcha-wrapper {
    transform: scale(0.95);
    transform-origin: 0 0;
    -webkit-transform: scale(0.95);
    -webkit-transform-origin: 0 0;
}

.c-border {
    border: 0;
    border-bottom: 1px solid #eee;
}

#all_employees,
#assigned_employees {
    min-width: 100%;
    border: 1px solid #d1d5db; /* light gray border */
    border-radius: 0.375rem; /* rounded corners */
    padding: 0.25rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); /* subtle inner shadow */
    background-color: #ffffff;
    overflow-y: auto;
}

#assign_add,
#assign_remove {
    min-width: 90px;
}

.kt-card-header {
    border-radius: 7px !important;
    background: #d6d2fc !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.kt-card {
    border: 1px solid #d6d2fc !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: 7px !important;
}

.kt-table {
    background-color: #fff !important; /* Add a solid background for shadow to be visible */

    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 7px !important;
    border: 1px solid #ece4eb !important;
    overflow: hidden !important;
}

.kt-table th {
    border-bottom: 1px solid #ece4eb !important;
}

/* Optional: style table cells */
.kt-table td {
    border-bottom: 1px solid #ece4eb !important;
}

/* Remove bottom border from last row */
.kt-table tr:last-child td {
    border-bottom: none !important;
}

.kt-card-footer {
    border-bottom: 1px !important;
    border-top: 1px !important;
}

.kt-sidebar {
    border-right: 1px solid #d6d2fc !important;
}

#sidebar_toggle {
    border: 1px solid #d6d2fc !important;
}

.kt-card-table {
    padding: 10px !important;
}

.compulsory {
    color: red;
}

.custom-modal-width {
    width: 500px;
}

.custom-modal-width-v1 {
    width: 700px;
}

.cashbook-field {
    width: 50px;
}

.drag-handle {
    cursor: move;
    user-select: none;
}

#sortableSections li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
    cursor: grab;
    margin-bottom: 5px;
    user-select: none;
}