body {
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}
@media (min-width: 767px) {
    .hidden-desktop {
        display: none;
    }
}

.readonly-background {
    background-color: #eff2f7;
}

.avatar-initials {
    background-color: #007bff; /* Arka plan rengini isteğe göre değiştirebilirsiniz */
    color: #fff; /* Baş harflerin rengi */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* Boyut */
    height: 24px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}