.ChuyenNganhControl{
        border:1px solid #e3e6eb;
        border-radius:6px;
        background:#fff;
        overflow:hidden;
        font-family:Arial,Helvetica,sans-serif
}
.ChuyenNganhControl .Header{
        background: #0d5844;
        color:#fff;
        padding: 5px 15px;
        font-weight:600;
        cursor:pointer;
        user-select:none;
        position:relative;
        text-transform: uppercase;
}
.ChuyenNganhControl .Header::after{
        content:"▾";
        position:absolute;
        right:16px;
        top:50%;
        transform:translateY(-50%);
        font-size:14px
}
.ChuyenNganhControl .Detail{
        padding:8px 0;
        height: 1000px;
        overflow-y: scroll;
}
.ChuyenNganhControl table{
        width:100%
}
.ChuyenNganhControl td{
        padding:0
}
.ChuyenNganhControl .UserItem{
        display:flex;
        align-items:center;
        padding: 8px 15px;
        transition:background .2s ease
}
.ChuyenNganhControl .UserItem:hover{
        background:#f3f6fb
}
.ChuyenNganhControl .arrow{
        width:6px;
        height:6px;
        border-right: 2px solid #0d5844;
        border-bottom: 2px solid #0d5844;
        transform:rotate(-45deg);
        margin-right:10px
}
.ChuyenNganhControl .UserItem a{
        text-decoration:none;
        color:#1f2937;
        font-size:14px;
        line-height:1.4
}
.ChuyenNganhControl .UserItem a:hover{
        color:#0b4da2;
        text-decoration:underline
}
.ChuyenNganhControl tr:not(:last-child) .UserItem{
        border-bottom:1px dashed #e5e7eb
}
.ChuyenNganhControl ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
}
.ChuyenNganhControl ::-webkit-scrollbar-track {
        background: #e9ecef;
        border-radius: 3px;
}
.ChuyenNganhControl ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d59;
}