@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);
:root{--color-primary: #821c0d;--color-bg-primary: #fff;--color-bg-primary-bold: #f0f0f0;--color-text: #333;--color-disabled-text: #999;--color-border: #cec6c5;--color-border-light: #dad4d3;--size: 15px;--margin: var(--size);--margin-small: calc(var(--size) * 2 / 3);--margin-large: calc(var(--size) * 4 / 3);--padding: var(--size);--padding-small: calc(var(--size) * 2 / 3);--padding-large: calc(var(--size) * 4 / 3);--radius: 6px;--radius-small: calc(var(--radius) * 2 / 3);--radius-large: calc(var(--radius) * 4 / 3);--font-size-small: 9px;--font-size-medium: 12px;--font-size: 14px;--font-size-large: 17px;--font-size-extra-large: 22px}:root{--md-sys-color-primary: var(--color-primary)}@font-face{font-family:PlayfairDisplay;src:url(../assets/PlayfairDisplay-Bold.ttf);font-weight:700}:root{--md-ref-typeface-brand: PlayfairDisplay;--md-ref-typeface-plain: Roboto}*{box-sizing:border-box;user-select:none}html,body{margin:0;padding:0;font-family:Roboto;font-size:var(--font-size)}.hide{display:none !important}.text-center{text-align:center}.clear-float{clear:both}md-filled-text-field,md-outlined-text-field{user-select:auto}md-radio,md-switch{vertical-align:middle}#loading-page{display:none;padding:calc(50vh - var(--margin)) 100px 0}#loading-page.show{display:block}#loading-page md-linear-progress{margin-bottom:var(--margin)}#error-page{display:none;padding:var(--padding-large)}#error-page.show{display:block}#error-page .content{width:600px;max-width:100%;margin:0 auto}#error-page .content ul{margin-top:0}#unauthorized-page{display:none;padding:var(--padding);text-align:center}#unauthorized-page.show{display:block}#authorized-page .hambuger{z-index:1000;display:inline-block;position:fixed;top:var(--padding);left:var(--padding);cursor:pointer}#authorized-page .hambuger:hover{color:var(--color-primary)}#authorized-page .menu{z-index:1001;position:fixed;top:0;bottom:0;left:-230px;width:230px;padding-top:140px;border-right:1px solid var(--color-border);transition:.25s ease-in left;overflow-x:hidden;overflow-y:auto;background-color:var(--color-bg-primary-bold)}#authorized-page .menu .close{position:absolute;top:0;left:200px;cursor:pointer;z-index:1002;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:var(--color-bg-primary)}#authorized-page .menu .close:hover{opacity:.8;font-weight:bold}#authorized-page .menu .title{display:block;text-transform:uppercase;padding:var(--padding-small)}#authorized-page .menu .title::before{display:block;position:absolute;top:0;left:0;content:"";background-color:var(--color-primary);background-image:url(../assets/logo.svg);background-size:100px 100px;background-repeat:no-repeat;background-position:10px center;width:100%;height:120px}#authorized-page .menu .title .value{display:inline;text-transform:initial;margin:var(--margin-small)}#authorized-page .menu .separator{display:block;border-bottom:1px dashed var(--color-border-light)}#authorized-page .menu a{display:block;width:calc(100% - 1px);line-height:50px;cursor:pointer;padding:0 var(--padding-small) 0 var(--padding);color:var(--color-text);text-decoration:none}#authorized-page .menu a:hover{background-color:var(--color-bg-primary);color:var(--color-primary)}#authorized-page .menu a.dong-ho{padding-left:calc(2*var(--padding))}#authorized-page .menu a.dong-ho.selected{cursor:default}#authorized-page .menu a.dong-ho.selected::before{content:"✓";display:block;position:absolute;left:var(--padding-small);font-size:var(--font-size-large)}#authorized-page .menu a.dong-ho.selected:hover{background-color:rgba(0,0,0,0);color:var(--color-text)}#authorized-page.open-menu .menu{left:0}#authorized-page .overflow{z-index:1000;display:inline-block;position:fixed;top:var(--padding);right:calc(85px + var(--padding))}#authorized-page .overflow #iconOverflow{cursor:pointer}#authorized-page .overflow-panel{width:0;overflow:hidden;position:fixed;top:0;bottom:0;right:0;z-index:1005;background-color:var(--color-bg-primary-bold)}#authorized-page .overflow-panel .card{padding:var(--padding-small);position:sticky;top:0;z-index:1006;background-color:var(--color-primary);color:var(--color-bg-primary)}#authorized-page .overflow-panel .card .title{text-transform:uppercase;font-size:var(--font-size)}#authorized-page .overflow-panel .card .close{position:absolute;top:0;right:0;display:inline-block;cursor:pointer;width:32px;height:32px;line-height:32px;text-align:center}#authorized-page .overflow-panel .card .close:hover{font-weight:bold}#authorized-page .overflow-panel .node{padding:var(--padding-small)}#authorized-page .overflow-panel .node:hover{background-color:var(--color-bg-primary);cursor:pointer}#authorized-page .overflow-panel .actions{position:sticky;bottom:0;right:0;padding:var(--padding-small);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);z-index:1006}#authorized-page .overflow-panel .actions md-filled-button{margin:0 var(--margin-small) 0 0}#authorized-page .overflow-panel .actions md-filled-button:last-child{margin-right:0}#authorized-page.overflow-panel-open .app{transition:.25s ease-in width;width:calc(100vw - 320px)}#authorized-page.overflow-panel-open .overflow-panel{width:320px;max-width:100%;transition:.25s ease-in width;border-left:1px solid var(--color-border);overflow-y:auto}#authorized-page.overflow-panel-open .overflow{right:calc(85px + var(--padding));display:none}#authorized-page.overflow-panel-open .search{right:calc(320px + var(--padding))}#authorized-page .search{z-index:1000;display:inline-block;position:fixed;top:var(--padding);right:calc(48px + var(--padding))}#authorized-page .search #iconSearch{cursor:pointer}#authorized-page .search #txtSearch{width:0;height:0;pointer-events:none;opacity:0;background-color:var(--color-bg-primary)}#authorized-page .search #search-hint{width:0;height:0;overflow:hidden}#authorized-page .search #search-hint a{display:block;padding:var(--padding) var(--padding-small);cursor:pointer;border-left:1px solid var(--color-border);background-color:var(--color-bg-primary-bold)}#authorized-page .search #search-hint a:hover{background-color:var(--color-bg-primary)}#authorized-page .search #search-hint a:last-child{border-bottom:1px solid var(--color-border)}#authorized-page .search #search-hint .empty-search-result{font-style:italic;color:var(--color-disabled-text);padding:var(--padding) var(--padding-small);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary-bold)}#authorized-page .search.open-search #iconSearch{display:none}#authorized-page .search.open-search #txtSearch{transition:width .25s ease-in;width:320px;height:initial;opacity:1;pointer-events:initial;background-color:var(--color-bg-primary-bold)}#authorized-page .search.open-search #search-hint{transition:width .25s ease-in;transition-delay:.25s;width:320px;height:auto;max-height:calc(100vh - 40px - var(--padding));overflow-y:auto}#authorized-page .settings{z-index:1000;display:inline-block;position:fixed;top:var(--padding);right:calc(15px + var(--padding))}#authorized-page .settings #iconSettings{cursor:pointer}#authorized-page .settings-panel{width:0;overflow:hidden;position:fixed;top:0;bottom:0;right:0;z-index:1004;background-color:var(--color-bg-primary-bold)}#authorized-page .settings-panel .group>label{text-transform:uppercase;display:block;padding:10px;background-color:var(--color-primary);color:var(--color-bg-primary-bold);cursor:pointer;height:auto}#authorized-page .settings-panel .group>label:hover{color:var(--color-bg-primary);opacity:.9}#authorized-page .settings-panel .group>label::after{content:"▼";float:right;transition:all .1s ease-in}#authorized-page .settings-panel .group.collapsed>label::after{transform:rotate(-90deg)}#authorized-page .settings-panel .group.collapsed .card{height:0;padding:0;overflow:hidden}#authorized-page .settings-panel .card{padding:var(--padding-small)}#authorized-page .settings-panel .card:first-child{position:sticky;top:0;z-index:1006;background-color:var(--color-primary);color:var(--color-bg-primary)}#authorized-page .settings-panel .card:first-child:hover{background-color:var(--color-primary)}#authorized-page .settings-panel .card:hover{background-color:var(--color-bg-primary)}#authorized-page .settings-panel .card.inline{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#authorized-page .settings-panel .card.card-hidden-node-count{cursor:pointer}#authorized-page .settings-panel .card.card-hidden-node-count label{cursor:pointer}#authorized-page .settings-panel .card .title{text-transform:uppercase;font-size:var(--font-size)}#authorized-page .settings-panel .card .close{position:absolute;top:0;right:0;display:inline-block;cursor:pointer;width:32px;height:32px;line-height:32px;text-align:center}#authorized-page .settings-panel .card .close:hover{font-weight:bold}#authorized-page .settings-panel .card #paper-info{padding-top:var(--padding-small)}#authorized-page .settings-panel .card md-filled-select{width:100%;padding-top:var(--padding-small)}#authorized-page .settings-panel .card md-filled-text-field[type=number]{width:100px;text-align:right;font-size:var(--font-size)}#authorized-page .settings-panel .card input::-webkit-inner-spin-button{margin-left:var(--margin-small)}#authorized-page .settings-panel .actions{position:sticky;bottom:0;right:0;padding:var(--padding-small);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);z-index:1006}#authorized-page .settings-panel .actions md-filled-button{margin:0 var(--margin-small) 0 0}#authorized-page .settings-panel .actions md-filled-button:last-child{margin-right:0}#authorized-page .settings-panel #dlgInformation #dlgInformation_content{user-select:initial}#authorized-page .settings-panel #dlgInformation #dlgInformation_content *{user-select:initial}#authorized-page .settings-panel #dlgInformation #dlgInformation_content ul{margin:0}#authorized-page .settings-panel #dlgSettingsHiddenNodes #dlgSettingsHiddenNodes_list table{min-width:500px;width:100%}#authorized-page .settings-panel #dlgSettingsHiddenNodes #dlgSettingsHiddenNodes_list tr:hover{background-color:var(--color-bg-primary-bold)}#authorized-page .settings-panel #dlgSettingsHiddenNodes #dlgSettingsHiddenNodes_list a{cursor:pointer;color:var(--color-primary)}#authorized-page .settings-panel #dlgSettingsHiddenNodes #dlgSettingsHiddenNodes_list a:hover{text-decoration:underline}#authorized-page.settings-panel-open .app{transition:.25s ease-in width;width:calc(100vw - 320px)}#authorized-page.settings-panel-open .settings-panel{width:320px;max-width:100%;transition:.25s ease-in width;border-left:1px solid var(--color-border);overflow-y:auto}#authorized-page.settings-panel-open .overflow{right:calc(353px + var(--padding))}#authorized-page.settings-panel-open .search{right:calc(320px + var(--padding))}:root{--node-male-bgcolor: #3d4197;--node-male-border-color: #3d4197;--node-male-border-radius: 4px;--node-male-border-width: 0px;--node-female-bgcolor: #ed3037;--node-female-border-color: #ed3037;--node-female-border-radius: 4px;--node-female-border-width: 0px;--node-inlaw-bgcolor: #28ace3;--node-inlaw-border-color: #28ace3;--node-inlaw-border-radius: 4px;--node-inlaw-border-width: 0px;--node-dead-male-bgcolor: #061e36;--node-dead-male-border-color: #f3b52f;--node-dead-male-border-radius: 0px;--node-dead-male-border-width: 4px;--node-dead-female-bgcolor: #592424;--node-dead-female-border-color: #f3b52f;--node-dead-female-border-radius: 0px;--node-dead-female-border-width: 4px;--node-font-size-primary: 16px;--node-font-size-secondary: 12px}#authorized-page .tree-holder .node{border-style:solid;color:#fff;text-transform:uppercase;display:flex;align-content:center;text-align:center;padding:0 4px;overflow:hidden}#authorized-page .tree-holder .node.m.i{background-color:var(--node-male-bgcolor);border-radius:var(--node-male-border-radius);border-width:var(--node-male-border-width);border-color:var(--node-male-border-color)}#authorized-page .tree-holder .node.m.o{background-color:var(--node-inlaw-bgcolor);border-radius:var(--node-inlaw-border-radius);border-width:var(--node-inlaw-border-width);border-color:var(--node-inlaw-border-color)}#authorized-page .tree-holder .node.m.d{background-color:var(--node-dead-male-bgcolor);border-radius:var(--node-dead-male-border-radius);border-width:var(--node-dead-male-border-width);border-color:var(--node-dead-male-border-color)}#authorized-page .tree-holder .node.f.i{background-color:var(--node-female-bgcolor);border-radius:var(--node-female-border-radius);border-width:var(--node-female-border-width);border-color:var(--node-female-border-color)}#authorized-page .tree-holder .node.f.o{background-color:var(--node-inlaw-bgcolor);border-radius:var(--node-inlaw-border-radius);border-width:var(--node-inlaw-border-width);border-color:var(--node-inlaw-border-color)}#authorized-page .tree-holder .node.f.d{background-color:var(--node-dead-female-bgcolor);border-radius:var(--node-dead-female-border-radius);border-width:var(--node-dead-female-border-width);border-color:var(--node-dead-female-border-color)}#authorized-page .tree-holder .node b{font-weight:normal;font-size:var(--node-font-size-primary)}#authorized-page .tree-holder .node div.s{height:10px}#authorized-page .tree-holder .node i{display:block;padding:0 0;margin:0;text-align:center;font-weight:bold;font-style:normal;font-size:var(--node-font-size-secondary);text-transform:none}#authorized-page .tree-holder .node.r{padding:0;text-transform:initial;align-content:initial;overflow:hidden}#authorized-page .tree-holder .node.chu_doc>div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-90deg);transform-origin:center;text-align:center;white-space:nowrap}#authorized-page .tree-holder .node.chu_doc i{display:inline-block}#authorized-page .tree-holder .node.chu_ngang b.title{display:block}#authorized-page .tree-holder .node.chu_ngang b.name{white-space:nowrap}#authorized-page .tree-holder.split-name .node.chu_doc b{display:inline-block}#authorized-page .tree-holder.split-name .node b{display:block;padding:2px 0;margin:0;text-align:center}#authorized-page .tree-holder.bold-name .node b{font-weight:bold}#authorized-page #paper{position:absolute;top:0;background-color:beige;--paper-width: 100%;--paper-left: 0}#authorized-page #paper.none{display:none}#authorized-page #paper.A0{left:var(--paper-left);width:4494px;height:3179px}#authorized-page #paper.A0-height{left:0;width:var(--paper-width);height:3179px}#authorized-page #paper.A1{left:var(--paper-left);width:3179px;height:2245px}#authorized-page #paper.A1-height{left:0;width:var(--paper-width);height:2245px}#authorized-page #paper.A2{left:var(--paper-left);width:2245px;height:1587px}#authorized-page #paper.A2-height{left:0;width:var(--paper-width);height:1587px}.ignore-dead #authorized-page .node.m.i{background-color:var(--node-male-bgcolor);border-radius:var(--node-male-border-radius);border-width:var(--node-male-border-width);border-color:var(--node-male-border-color)}.ignore-dead #authorized-page .node.m.o{background-color:var(--node-inlaw-bgcolor);border-radius:var(--node-inlaw-border-radius);border-width:var(--node-inlaw-border-width);border-color:var(--node-inlaw-border-color)}.ignore-dead #authorized-page .node.f.i{background-color:var(--node-female-bgcolor);border-radius:var(--node-female-border-radius);border-width:var(--node-female-border-width);border-color:var(--node-female-border-color)}.ignore-dead #authorized-page .node.f.o{background-color:var(--node-inlaw-bgcolor);border-radius:var(--node-inlaw-border-radius);border-width:var(--node-inlaw-border-width);border-color:var(--node-inlaw-border-color)}#authorized-page #dlgSwitchDongHo{width:1200px;max-width:96%}#authorized-page #dlgSwitchDongHo #txtSearchDongHo{width:100%}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho{padding:var(--padding) 0}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho:empty{padding:0}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table{width:100%;border-collapse:collapse}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table thead tr th{font-size:var(--font-size);padding:var(--padding-small) 0;text-align:left}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr:hover{background-color:var(--color-bg-primary-bold)}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr.selected{background-color:var(--color-bg-primary);font-weight:bold}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr.load-more{cursor:pointer}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr.load-more td{text-align:center;font-style:italic}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr.load-more td:hover{font-weight:bold}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr td{padding:var(--padding-small) 0;font-size:var(--font-size)}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr td .lnkSelect{cursor:pointer}#authorized-page #dlgSwitchDongHo .danh-sach-dong-ho table tbody tr td .lnkSelect:hover{color:var(--color-primary)}#authorized-page .node-info{width:0;overflow:hidden;position:fixed;top:0;bottom:0;right:0;z-index:1005;background-color:var(--color-bg-primary-bold)}#authorized-page .node-info .signal_empty:empty::after{display:inline;content:"Chưa có thông tin";font-size:var(--font-size-medium);font-style:italic}#authorized-page .node-info .card-avatar{background-color:var(--color-bg-primary-bold);border-bottom:1px solid var(--color-border);box-shadow:2px 2px var(--margin) var(--color-border);position:sticky;top:0;z-index:1006;margin-bottom:var(--margin)}#authorized-page .node-info .card-avatar .close{position:absolute;display:block;right:0;top:0;z-index:1007;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer}#authorized-page .node-info .card-avatar .close:hover{color:var(--color-primary);font-weight:bold}#authorized-page .node-info .card-avatar .avatar{width:160px;height:160px;float:left;margin-right:var(--margin)}#authorized-page .node-info .card-avatar ._{background-image:url(../assets/no-avatar.png)}#authorized-page .node-info .card-avatar .basic-info{height:160px;overflow:auto;padding-bottom:var(--padding)}#authorized-page .node-info .card-avatar .name{text-transform:uppercase;padding:var(--padding) 0;font-size:var(--font-size-extra-large);font-family:PlayfairDisplay}#authorized-page .node-info .card-avatar .detail{line-height:calc(var(--padding) + var(--font-size))}#authorized-page .node-info .card-avatar .relations{padding-top:calc(var(--padding)/3)}#authorized-page .node-info .card-avatar .not-approved{color:var(--color-primary)}#authorized-page .node-info .card{padding:var(--padding) var(--padding) 0}#authorized-page .node-info .card .card-title{text-transform:uppercase;font-family:PlayfairDisplay;margin-bottom:var(--margin-small)}#authorized-page .node-info .card .content-item{margin-bottom:var(--margin-small)}#authorized-page .node-info .card .qua_trinh_hoc_tap{display:block}#authorized-page .node-info .card .qua_trinh_hoc_tap:empty{display:inline}#authorized-page .node-info .actions{position:sticky;bottom:0;right:0;padding:var(--padding-small);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);z-index:1006}#authorized-page .node-info .actions md-filled-button{margin:0 var(--margin-small)}#authorized-page.node-info-open .app{transition:.25s ease-in width;width:calc(100vw - 500px)}#authorized-page.node-info-open .node-info{width:500px;max-width:100%;transition:.25s ease-in width;border-left:1px solid var(--color-border);overflow-y:auto}#authorized-page.node-info-open .overflow{right:calc(533px + var(--padding))}#authorized-page.node-info-open .search{right:calc(500px + var(--padding))}#authorized-page{display:none}#authorized-page.show{display:block}#authorized-page .app{width:100vw;height:100vh}#block-ui-pane{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90000;background-color:rgba(119,119,119,.5019607843);padding-top:40vh;text-align:center}