/* styles.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa;
}

.users-col {
    padding: 0;
    background-color: #f1f3f5;
    border-right: 1px solid #ced4da;
}

.user-element {
    cursor: pointer;
    padding: 0.5em 1em;
    border-bottom: 1px solid #e2e3e5;
    transition: background-color 0.2s ease;
}

.user-element.active {
    cursor: default;
    background-color: #d0ebff;
}

.user-element.inactive {
    background-color: rgba(213, 39, 39, 0.47);
}

.user-element:hover {
    background-color: #bee5eb;
}

.main-col {
    padding-top: 2em;
    background-color: #ffffff;
}

.permission-edit-icon {
    cursor: pointer;
    color: #0a53be;
    margin-left: 5px;
}

.permission-warning,
.No-Files {
    color: #dc3545;
}

.permission-file-remove-btn {
    color: #dc3545;
    cursor: pointer;
    margin-left: 10px;
}

.files-container {
    margin-top: 2em;
}

.suffix {
    color: #6f42c1;
    font-weight: bold;
}

.permission-disable {
    color: #c7c7c7;
}

#users-col-content,
.permissions-row {
    max-height: 94vh;
    overflow-y: auto;
    background-color: #f8f9fa;
}


.permissions-row {
    max-height: 63vh;
    padding: 1em;
}

#control-btn button {
    margin-right: 5px;
}

.input-group-text {
    background-color: #e9ecef;
    font-weight: 600;
}

.w-90 {
    width: 90% !important;
}