/* Kiểu dáng cho vùng 1 */
.textlink-manager {
    clear: both;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px !important;
    padding-bottom: 2px;
    border: 1px solid #f2f0f0;
    color: #666;
    width: 100%;
}
.textlink-manager p {
	line-height: 22px;
    list-style: circle !important;
    margin: 5px !important;
    padding: 0;
    color: #292929;      
}
.textlink-manager.fixed-area p {
    list-style: circle inside !important;
    display: list-item !important;
    background: none !important;
    border-bottom: 1px dashed #CECECE;
    padding-bottom: 3px;
    margin-bottom: 3px;
    color: #333;
    font-size: 13px;
    font-weight: lighter;
}
.textlink-manager.scrollable-area p {
    background: none !important;
    border-bottom: 1px dashed #CECECE;
    padding-bottom: 3px;
    margin-bottom: 3px;
    color: #333;
    font-size: 13px;
    font-weight: lighter;
}

.textlink-manager p a {
    color: #222;
    text-decoration: none;
    display: inline !important;
  	font-weight: bold;
}
.textlink-manager p a:hover {
    color: #ae0001 !important;
}




/* Áp dụng cho tất cả trình duyệt hiện đại */
.scrollable-area {
    scrollbar-width: thin; /* Làm mỏng thanh cuộn (Firefox) */
    scrollbar-color: #c0c0c0 #f1f1f1; /* Màu thanh cuộn và nền (Firefox) */
}

/* Tùy chỉnh cho Webkit (Chrome, Edge, Safari) */
.scrollable-area::-webkit-scrollbar {
    width: 8px; /* Độ rộng của thanh cuộn */
    height: 8px; /* Độ cao của thanh cuộn ngang (nếu có) */
}

.scrollable-area::-webkit-scrollbar-thumb {
    background: #c0c0c0; /* Màu thanh cuộn */
    border-radius: 10px; /* Góc bo tròn */
}

.scrollable-area::-webkit-scrollbar-thumb:hover {
    background: #555; /* Màu khi hover */
}

.scrollable-area::-webkit-scrollbar-track {
    background: #f1f1f1; /* Màu nền phía sau thanh cuộn */
    border-radius: 10px;
}