.logout-button {
    color: white; /* Ensure visibility against the dark navbar */
    text-decoration: underline; /* Indicate it's clickable */
}

.logout-button:hover {
    color: lightgray; /* Change color on hover for better interaction feedback */
}

.flag-icon {
    width: 24px;  /* Adjust width */
    height: 24px;  /* Adjust height */
    border-radius: 4px;
    object-fit: cover;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.nav-icon {
    margin-right: 8px;
}

.nav-item {
    display: flex;
    align-items: center;
}

.nav-link {
    display: flex;
    align-items: center;
}

.nav-item img {
    margin-right: 8px;
}

.btn-flag {
    border: none;
    background: none;
    padding: 0;
}

.btn-flag + .btn-flag {
    margin-left: 10px;
}

.logout-button {
    padding: 0;
    margin: 0;
}

/* styles.css */
.note-editor.note-frame {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ced4da;
}

.note-toolbar {
    background-color: #f8f9fa;
}

.note-editable {
    background-color: #ffffff;
    color: #000000;
}

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