.addressbook{
        background-color:#fff;
        padding:10px;
}
.addressbook .siteinfo .label{
        font-weight:bold;
}
.addressbook .Up{
        /* margin-bottom: 20px; */
}
.addressbook .Title{
        height: 35px;
        /* margin-bottom:20px; */
        /* content: 'Đây là test'; */
        /* position: relative; */
        /* color: red !important; */
        /* position: absolute; */
}
.Title::after {
        content: "DANH BẠ VIÊN CHỨC";
        color: #fff;
        background-color: #189bf7;
        font-size: 14px;
        position: relative;
        display: block;
        padding: 8px 5px;
        text-transform: uppercase;
        height: 100%;
        float: left;
        border-radius:3px;
}
.addressbook .Title span{
        display:none;
}
.addressbook .table-siteinfo{
        width: 50%;
        margin: 10px 0;
}
.addressbook .table-siteinfo .site-content{
        color: #0045D6;
        font-weight:bold;
}
.addressbook .blue-table-bordered{
        border-color: #8fb2e6;
}
.addressbook .table tr:first-child td {
        font-size: 16px;
        padding-left:17px;
}
.addressbook .table tr:first-child {
        background-color:rgb(151 184 245);
}
.addressbook .table .Department td{
        border-bottom: 1px solid #8fb2e6;
        background-color: rgb(215, 230, 247);
}
.addressbook .table .Department .DepartmentName{
        color:#0045d6;
        cursor:pointer;
        user-select: none;
}
.addressbook .table .Department .expand{
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        color:#0045d6;
        cursor:pointer;
        transform: rotate(90deg);
        user-select: none;
}
.addressbook .table .HoTen span, .addressbook .table .ChucVu span, .addressbook .table .SDT span, .addressbook .table .Email span{
        padding-left:10px;
}
@media only screen and (max-width: 768px) {
        .addressbook .table-siteinfo {
                width: 100%;
        }
        .addressbook .table tr:first-child {
                display:none;
        }
        .addressbook .table .HoTen span:before{
                content:"Họ tên : ";
                font-weight:bold;
        }
        .addressbook .table .ChucVu span:before{
                content:"Chức Vụ : ";
                font-weight:bold;
        }
        .addressbook .table .SDT span:before{
                content:"Điện thoại : ";
                font-weight:bold;
        }
        .addressbook .table .Email span:before{
                content:"Email : ";
                font-weight:bold;
        }
}