.profile-zone {
    border-right: 1px solid #b7c2d0 !important;
}

@media (max-width: 767.98px) {
    .profile-zone
    {
        border-right: 0 !important;
    }
}

.li-height li {
    line-height: 2.00rem;
}

.data-item-my {
    padding-top: 1rem; padding-bottom: 1rem;
}

.note-editable ul{
    list-style: disc !important;
    list-style-position: inside !important;
}

.note-editable ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}


.news-thumbnail {
    position: relative;
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.news-thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.news-thumbnail img.portrait {
    width: 100%;
    height: auto;
}
.rounded-bottom-only {
    border-radius: 0 0 4px 4px;
}
.user-avatar,
[class^="user-avatar"]:not([class*="-group"]) {
    overflow: hidden; /* เพิ่มเพื่อให้ภาพที่เกินถูกครอบออก */
}

.user-avatar img,
[class^="user-avatar"]:not([class*="-group"]) img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ปรับให้ครอบพื้นที่แบบพอดี */
}