.nhansu-img img[src=""] {
        position: relative;
        border-radius: 2px;
        min-width: 140px;
        min-height: 170px;
        display: inline-block;
}
.nhansu-img  img[src=""]::after {
        content: '';
        width: 100%;
        height: 100%;
        background: whitesmoke;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        font-weight: bold;
}
.UIAddressBookMenu {
        margin: 0;
        /* border: 1px solid #EEE; */
        /* border-radius: 5px; */
        margin-bottom: 20px;
        background: #edf8ff;
}
.UIAddressBookMenu ul {
        list-style: none;
        margin: 0;
        padding: 5px;
        /*max-height: 600px;*/
        overflow: auto;
}
.UIAddressBookMenu ul li * {
        font-size: 13px;
        line-height: 1.5;
        text-decoration: none !important;
        font-family: 'Roboto';
}
.UIAddressBookMenu .Title {
        height: 29px;
        text-align: left;
        background: rgb(0 179 159);
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        /* display: none; */
        text-align: center;
        justify-content: center;
}
.UIAddressBookMenu .Title span {
        color: #ffffff;
        padding: 0;
        padding-left: 0px;
        text-transform: uppercase;
        font-weight: bold;
        /* background: url(https://storage-vnportal.vnpt.vn/hgg-sogddt/9108/Icon/icon-site.png); */
        /* background-position-x: 0%; */
        /* background-position-y: 0%; */
        /* background-repeat: repeat; */
        /* background-repeat: no-repeat; */
        /* background-position: 10px -12px; */
        /* padding-left: 45px; */
        font-size: 13px;
}
.UIAddressBookMenu ul li {
        margin: 0;
        padding: 5px;
        border-bottom: 1px solid #EEE;
        font-size: 13px;
        display: flex;
}
.UIAddressBookMenu ul li::before {
        content: '\25B6';
        margin-right: 6px;
        font-size: 10px;
        color: #8d1e45;
        margin-top: 3px;
}
.UIAddressBookMenu ul li.child-department {
        margin-left: 20px !important;
        text-align: left;
        display: flex;
}
.UIAddressBookMenu .de-active {
        color: rgb(0 179 159);
        font-weight: 700;
        text-decoration: underline;
}
.addressbook .lbl-parent-department-description {
        padding: 0;
        font-size: 13px;
        width: 100%;
        display: block;
        /* background-color: #E1EDF3; */
        color: #212529;
}
.addressbook #pnlDepartment, .addressbook #pnlNhanVien {
        width: 100%;
}
.addressbook #pnlDepartment ul {
        list-style: none;
        margin: 10px 0;
        padding: 0;
        width: 100%;
}
.addressbook #pnlDepartment ul li {
        display: flex;
        flex-direction: column;
        /* gap: 6px; */
        padding: 15px 0 15px 50px;
        /* border-top: 1px solid #EEE; */
        width: 100%;
        position: relative;
}
.addressbook #pnlDepartment ul li::before {
        content: '\25B6';
        margin-right: 6px;
        font-size: 10px;
        color: #00a546;
        margin-right: 20px;
        position: absolute;
        top: 20px;
        left: 20px;
}
.addressbook #pnlDepartment ul li a {
        color: #d01e1e;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
        font-family: 'Roboto';
}
.addressbook #pnlDepartment .Title {
        /* height: 42px; */
        text-align: left;
        /* background: #0071a6; */
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
}
.addressbook #pnlDepartment .Title span {
        color: #b51b09;
        font-weight: bold;
        padding-left: 13px;
        text-transform: uppercase;
        padding: 0;
}
.addressbook #pnlDepartment  ul.department-wrap {
        /* border: 1px solid #e4e4e4; */
        margin-bottom: 20px;
        margin-top: 0;
}
.addressbook #pnlDepartment h6 {
        font-size: 15px;
        font-weight: bold;
        color: #212529;
}
.addressbook #pnlDepartment ul.department-wrap li {
        padding: 10px 0;
}
.addressbook #pnlDepartment ul.department-wrap li:before {
        display: none;
}
.addressbook #pnlDepartment ul.department-wrap li+li {
        border-top: 1px dashed #adb5bd;
}
.addressbook #pnlNhanVien .Title {
        /* height: 42px; */
        text-align: left;
        /* background: #0071a6; */
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
}
.addressbook #pnlNhanVien .Title span {
        color: #0080d5;
        font-weight: bold;
        /* padding-left: 13px; */
        text-transform: uppercase;
        padding: 0;
}
.addressbook #pnlDepartment  ul.department-detail {
        /* border: 1px dashed #e4e4e4; *//* padding: 10px; */}
.addressbook #pnlDepartment  ul.department-detail li {
        padding: 0;
}
.addressbook #pnlDepartment ul.department-detail li:before {
        display: none;
}
.addressbook .nhansu-info p {
        margin-bottom: 5px;
}
.addressbook #pnlDepartment ul.department-detail>li>span {
        font-size: 13px;
        font-weight: bold;
}
.addressbook #pnlDepartment ul.department-detail>li>ul.detail {
        border: 1px dashed #adb5bd;
        padding: 10px;
}
.addressbook #pnlDepartment ul.department-detail>li>ul.detail>li {
        padding-bottom: 10px;
}
.addressbook #pnlDepartment ul.department-detail>li>ul.detail>li+li {
        padding-top: 10px;
        border-top: 1px dashed #adb5bd;
}
.addressbook .nhansu-info>p, .nhansu-info>a {
        padding-left: 5px;
}
.addressbook .nhansu-info>p.stt {
        font-size: 13px;
        font-weight: 600;
        color: #444444;
}
div.addressbook .department-info>ul {
        padding: 10px;
        border: 1px dashed #adb5bd;
}
.addressbook .department-info ul li+li {
        padding-top: 10px;
        border-top: 1px dashed #adb5bd;
}
.addressbook .department-info a {
        color:#0071a6;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
        font-family: 'Roboto';
}
/*-------------------------------------------------------------------------------*/
.addressbook {
        margin: 0;
        display: inline-flex;
        width: 100%;
        margin-bottom: 20px;
        padding: 0 20px;
}
.addressbook > div {
        width: 100%;
}
.addressbook .department-info table {
        width: 100%;
}
.addressbook .department-info table tr {
        border-bottom: 1px solid #EEE;
}
.addressbook .department-info table td {
        padding: 20px 10px;
        text-align: center;
        border: 1px solid #EEE;
}
.addressbook .department-info table td * {
        font-size: 13px;
}
.addressbook .department-info table td:last-child {
        padding-left: 20px;
}
.addressbook .department-info table td img {
        width: 120px;
        height: auto;
        margin-bottom: 10px;
        border-radius: 5px;
}
.addressbook .department-info .name {
        font-size: 14px;
        font-weight: 700;
        color: #2d61d2;
}
.department-info .content {
        color: #0071a6;
}
.addressbook .department-info .contact-viewer-header-row td {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
}
/*---------------------------------------------------------------------------------*/
.addressbook .modal-content .nhansu-info {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-content: center;
        align-items: center;
        padding: 20px 0;
}
.addressbook .modal-header span:nth-child(2) {
        position: absolute;
        top: 5px;
        font-weight: 700;
}
.addressbook .modal-content .info {
        border-right: 1px solid #EEE;
        border-left: 1px solid #EEE;
}
.addressbook .nhansu-info {
        padding-left: 10px;
}
.addressbook .nhansu-info * {
        font-size: 13px;
}
.addressbook .nhansu-info img {
        width: 200px;
        height: auto;
        border-radius: 5px;
        margin-bottom: 10px;
}
.addressbook .nhansu-info span {
        font-size: 14px;
        font-weight: 700;
        color: #2d61d2;
}
.addressbook .more-info {
        margin: 20px;
        font-size: 13px;
        color: #333;
}
.addressbook .department-info ul {
        list-style: none;
        padding: 0;
}
.addressbook .nhansu-img {
        height: auto;
        border-radius: 5px;
}
.addressbook .nhansu-img img {
        border-radius: 5px;
        width: 150px;
        object-fit: cover;
}
.addressbook .modal-content .info img {
        width: 150px;
}
.addressbook .department-info ul li {
        height: auto;
        /* border-bottom: 1px solid #EEE; */
        padding: 0;
        padding-bottom: 10px;
}
.addressbook #lnkTieuSu, .addressbook #lnkLinhVuc {
        width: 100%;
        display: block;
        margin: 0;
        /*  text-decoration: none; */
        color: #0071a6;
        margin-bottom: 5px;
}
/*--------------------------------------------------------------*/
.addressbook .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
}
.addressbook .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #888;
        width: 50%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        border-radius: 0;
}
/* Add Animation */
@-webkit-keyframes animatetop {
        from {
                top: -300px;
                opacity: 0
        }
        to {
                top: 0;
                opacity: 1
        }
}
@keyframes animatetop {
        from {
                top: -300px;
                opacity: 0
        }
        to {
                top: 0;
                opacity: 1
        }
}
.addressbook .close {
        color: #fff;
        float: right;
        font-size: 25px;
        font-weight: bold;
        padding-left:47vw;
}
.addressbook .close:hover,
.addressbook .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
}
.addressbook .modal-header {
        padding: 2px 10px;
       background: rgb(0 179 159);
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 0;
}
.addressbook .modal-body {
        padding: 10px;
}
.addressbook .modal-body *{
        font-size: 13px;
}
.addressbook .modal-body table{
        margin-bottom: 0;
}
.addressbook .modal-footer {
        display: none;
}
.addressbook .nhansu-content {
        display: flex;
        flex-direction: row-reverse;
}
.addressbook .nhansu-info {
        flex: 1;
        padding: 0;
}
/*--------------------------*/
.addressbook #pnlFullDepartment, .addressbook #pnlFullDepartment {
        width: 100%;
}
.addressbook #pnlFullDepartment ul {
        list-style: none;
        margin: 10px 0;
        width: 100%;
        padding: 10px;
        border: 1px dashed #adb5bd;
}
.addressbook #pnlFullDepartment ul li {
        display: flex;
        flex-direction: column;
        /* gap: 6px; */
        /* padding: 15px 0 15px 50px; */
        /* border-top: 1px solid #EEE; */
        width: 100%;
        position: relative;
}
.addressbook #pnlFullDepartment ul li a {
        color: #3d6dd6;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
        font-family: 'Roboto';
        display: block;
        margin-bottom: 5px;
}
.addressbook #pnlFullDepartment .Title {
        /* height: 42px; */
        text-align: left;
        /* background: #0071a6; */
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
}
.addressbook #pnlFullDepartment .Title span {
        color: #3d6dd6;
        font-weight: bold;
        padding-left: 13px;
        text-transform: uppercase;
        padding: 0;
}
.addressbook #pnlFullDepartment  ul.department-wrap {
        /* border: 1px solid #e4e4e4; */
        margin-bottom: 20px;
        margin-top: 0;
}
.addressbook #pnlFullDepartment h6 {
        font-size: 15px;
        font-weight: bold;
        color: #212529;
}
.addressbook #pnlFullDepartment ul.department-wrap li {
        padding: 10px 0;
}
.addressbook #pnlFullDepartment ul.department-wrap li:before {
        display: none;
}
.addressbook #pnlFullDepartment ul.department-wrap li+li {
        border-top: 1px dashed #adb5bd;
}
.addressbook #pnlFullDepartment .Title {
        /* height: 42px; */
        text-align: left;
        /* background: #0071a6; */
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
}
.addressbook #pnlFullDepartment .Title a {
        color: #3d6dd6;
        font-weight: bold;
        /* padding-left: 13px; */
        text-transform: uppercase;
        padding: 0;
        text-decoration: none;
}
.addressbook #pnlFullDepartment  ul.department-detail li {
        padding: 0;
}
.addressbook #pnlFullDepartment ul.department-detail li:before {
        display: none;
}
.addressbook #pnlFullDepartment ul.department-detail>li>span {
        font-size: 13px;
        font-weight: bold;
}
.addressbook #pnlFullDepartment ul.detail {
        border: 1px dashed #adb5bd;
        padding: 10px;
}
.addressbook #pnlFullDepartment ul.detail>li {
        padding-bottom: 10px;
}
.addressbook #pnlFullDepartment ul.detail>li+li {
        padding-top: 10px;
        border-top: 1px dashed #adb5bd;
}
@media only screen and (max-width: 768px){
        .addressbook .nhansu-content {
                flex-direction: column;
        }
        .UIAddressBookMenu {
                padding: 0 20px;
                background: #fff;
        }
        .addressbook .modal-content {
                width: 100%;
                top: 0;
        }
        .addressbook .modal {
                z-index: 999999;
                padding: 0;
        }
        .addressbook .modal-body td {
                display: table-cell !important;
                width: unset !important;
        }
        .addressbook .nhansu-img {
                text-align: center;
                margin-bottom: 10px;
        }
}