@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600&display=swap);*{font-size:inherit!important}.detail-content,.detail-header,.group-body,.group-head{padding:20px!important}@media screen and (max-width:768px){.detail-content,.detail-header,.group-body,.group-head{padding:15px!important}}.group-head .name{font-size:12px!important}.group-head img{max-height:28px}body,html{background:#fffcf5;margin:0;box-sizing:border-box;height:100vh;font-size:12px!important}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:inherit}*{font-family:Bai Jamjuree,sans-serif}p{margin:0}.display-flex{display:flex;align-items:center}.flex-column{display:flex;flex-direction:column}.nowrap{text-wrap-mode:nowrap;flex-wrap:nowrap;white-space:nowrap}.hyper-link,.pointer{cursor:pointer}.hyper-link{text-decoration:underline!important;text-decoration-color:#236092!important;color:#236092!important}.link-blue-italic{color:#236092;font-style:italic;text-decoration:underline;cursor:pointer}.text-align-center{text-align:center!important}.none-pointer{cursor:default!important}.required{color:red}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.grid{display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.font-bold{font-weight:700}.truncated-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.group-overflow{overflow:auto}.group-checkbox{display:flex;align-items:center;gap:10px}.text-area-remark{padding:10px;font-size:12px}.name,.title-name{color:#15466e!important;font-weight:600!important}.button-back{border-radius:5px;border:1px solid #c1cfe3;background-color:transparent;display:flex;align-items:center;font-size:12px;font-weight:500;color:#15466e;text-decoration:none;text-wrap:nowrap;padding:0}.button-back .icon-back{width:18px;margin:0 8px}.button-back .icon-line{height:100%;margin:0 10px}.button-back span{padding:8px;border-left:1px solid #c1cfe3}.button-create{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:8px 12px;color:#fff;border:0;border-radius:5px;background-color:#007773;display:flex;align-items:center;justify-content:center;gap:5px;text-wrap-mode:nowrap;text-decoration:none}.button-create img{max-height:20px;min-height:20px;width:auto}.btn{padding:8px 12px;font-size:12px;font-weight:500;border-radius:5px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}.btn img{max-height:20px;min-height:20px;width:auto}.btn-sm{padding:8px 12px;font-size:14px;border-radius:5px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}.btn-sm img{max-height:20px;width:auto}.btn-red{background-color:#fca3ac;color:#c50c1e}.btn-red .number{padding:4px 10px 4px 10px;border-radius:12px;background-color:#cd2131;font-size:12px;font-weight:700;color:#fff}.btn-green{color:#fff;background-color:#007773}.btn-red-dark{color:#fff;background-color:#691208}.btn-primary{color:#fff;background-color:#007773}.btn-secondary{color:#fff;background-color:#15466e}.btn-icon{height:18px}.btn-success{background-color:#007773!important}.btn-danger,.btn-success{border:0!important;color:#fff!important}.btn-danger{background-color:#cd7a82!important}.icon-white{filter:brightness(0) invert(1)}.btn-info{background-color:rgba(23,162,184,.9)!important}.btn-info,.btn-warning{border:0!important;color:#fff!important}.btn-warning{background-color:rgba(255,193,7,.9)!important}.btn-gray{background-color:#efefef}button:disabled,button[disabled]{opacity:.65}button{cursor:pointer}button:disabled,button:disabled:hover{cursor:default}.navigation-ham-enter-active,.navigation-ham-leave-active{transition:width .5s ease-in-out;overflow:hidden}.navigation-ham-enter,.navigation-ham-leave-to{width:0}.expand-enter-active,.expand-leave-active{transition:all .3s ease-in-out;max-height:2000px;overflow:hidden}.expand-enter-from,.expand-leave-to{transition:all .3s ease-in-out;max-height:0}th{position:relative}.group-table-triangle{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.group-table-triangle .triangle-table-up{border-bottom:7px solid #c5c9d4}.group-table-triangle .triangle-table-down,.group-table-triangle .triangle-table-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.group-table-triangle .triangle-table-down{border-top:7px solid #c5c9d4;margin-top:5px}.group-table-triangle .triangle-table-up.active{border-bottom:7px solid #0d304d}.group-table-triangle .triangle-table-down.active{border-top:7px solid #0d304d}.badge{padding:2px 6px;border-radius:5px;font-size:12px;text-wrap-mode:nowrap;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;display:flex;gap:5px;align-items:center}.badge.danger{background:#f94859;color:#fff}.badge.warning{background:#fae4e7;color:#f94859}.badge.medium{background:#f9e8cf;color:#a36c16}.badge.normal{background:#d2eae9;color:#007773}.delete-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:5px;background-color:#fae4e7;color:#c50c1e;border:0;font-size:14px;font-weight:500}.delete-btn:hover{background-color:#f8dbdf}.delete-btn .icon-trash{width:16px;height:16px}.group-button{display:flex;flex-wrap:wrap;gap:20px;width:100%}.group-button .button{background-color:#c5c9d4;font-size:12px;border-radius:32px;border:0;color:#1a456b;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:10px}.group-button .button .group-image{display:flex;align-items:center;gap:5px}.group-button .button .icon-archive-duotone{width:31px;height:28px;margin-right:13px}.group-button .button .icon-file-duotone{width:22px;height:31px;margin-right:8px}.group-button .button .icon-file-signature-duotone{width:32px;height:29px;margin-right:6px}.group-button .button .icon-bird{width:45px;height:36px;margin-right:3px}.group-button .button .icon-file-times-duotone{width:23px;height:30px;margin-right:11px}.group-button .button .number{padding:4px 10px 4px 10px;border-radius:12px;background-color:#002157;font-size:12px;font-weight:700;color:#fff}.group-button .red{background-color:#fca3ac;color:#c50c1e}.group-button .red .number{background-color:#cd2131}.group-button .end{margin-right:0}.group-button .active{background-color:#1a456b;color:#fff}.group-button .active .number{background-color:#fff;font-size:12px;font-weight:700;color:#002157}.group-button .group-end .button{font-size:15px;background-color:#226f69;height:50px;min-width:160px;border-radius:10px;border:none;color:#fff}.detail{width:100%;height:100%;min-height:200px;border-radius:15px;background-color:#fff;border:0}.detail .group-head{display:flex;row-gap:10px;flex-wrap:wrap;justify-content:space-between;border-bottom:2px solid #e2ebf7}.detail .group-head .group-first{display:flex;align-items:center;gap:10px}.detail .group-head .group-first img{max-width:20px;height:auto;color:#0f3a64}.detail .group-head .group-first .name{color:#1a456b;font-weight:700;font-size:16px!important;text-wrap-mode:nowrap}.detail .group-head .group-end{display:flex;width:-moz-fit-content;width:fit-content;flex:1;justify-content:flex-end;align-items:center;gap:10px}.detail .group-head .group-end .date{margin-right:25px;width:230px}.detail .group-head .group-end .search{min-width:300px}.detail .group-head .group-end .advance-search{border-radius:5px;background-color:#15466e;font-size:12px;font-weight:500;color:#fff;border:0;padding:10px 15px}.detail .action-bar{margin:20px;margin-bottom:0}.detail .action-bar button{font-size:12px}@media screen and (max-width:768px){.detail .action-bar{margin:20px;margin-bottom:0}}.detail .line{height:2px;width:100%;background-color:#e2ebf7}.detail .group-body{display:flex;justify-content:space-between;flex-direction:column;align-items:center;overflow:auto}.detail .group-body table{width:100%;border-collapse:separate;border-spacing:0;border-radius:5px;border:1px solid #c1cfe3;background-color:#fff}.detail .group-body table thead tr{font-weight:700;font-size:12px;color:#333;height:71px}.detail .group-body table thead tr th{border-bottom:1px solid #c1cfe3;padding:0 10px;text-align:center!important}.detail .group-body table thead .col1{min-width:85px;max-width:85px;width:0;text-align:center}.detail .group-body table tbody tr:nth-child(odd){background-color:#fff}.detail .group-body table .tbody .color-tr,.detail .group-body table tbody tr:nth-child(2n){background-color:#f1f5fa}.detail .group-body table .tbody .tbody-row{width:100%;height:70px;text-align:center;color:#333;border-bottom:0;font-weight:500;font-size:12px}.detail .group-body table .tbody .tbody-row td{padding:0 10px}.detail .group-body table .tbody .tbody-row .col-collapse .group-angle{display:flex;align-items:center;justify-content:center}.detail .group-body table .tbody .tbody-row .col-collapse .group-angle .icon-angle{margin-left:-20px;margin-right:10px;font-size:20px;color:#8aa3b7}.detail .group-body .tr-color-colspan{background-color:#c6d7e5}.detail .group-body .mobile-cards{display:none}.detail .color-1{background-color:#d2eae9;color:#007773}.detail .color-1 .bolt,.detail .color-1 .key{color:#007773}.detail .color-2,.detail .color-3{background-color:#fae4e7;color:#f94859}.detail .color-2 .bolt,.detail .color-2 .key,.detail .color-3 .bolt,.detail .color-3 .key{color:#f94859}.detail .color-4{background-color:#f94859;color:#fff}.detail .color-4 .bolt,.detail .color-4 .key{color:#fff}.detail .icon-clock-small{width:17px;height:17px}.detail .group-footer{padding:0 20px;padding-bottom:20px}.detail .sub-table-card{padding:20px;background-color:#c6d7e5}.detail .sub-table-card .sub-table{background-color:#fff;width:100%;border-collapse:separate;border-spacing:0}.detail .sub-table-card .sub-table tr{height:-moz-fit-content;height:fit-content}.detail .sub-table-card .sub-table th{text-align:center!important;padding:10px}.detail .sub-table-card .sub-table td{border-bottom:1px solid #c1cfe3}.detail .sub-table-card .sub-table .sub-thead{background-color:#f1f5fa}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row{font-size:12px;font-weight:600;color:#333}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row .badge{font-size:14px}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row .col1{min-width:500px;width:100%;text-align:left!important;padding-left:60px}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row .col1 p{display:flex;gap:10px}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row .col2{min-width:305px;max-width:305px;width:0;text-align:left}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row .col3{min-width:145px;max-width:145px;width:0;text-align:left}.detail .sub-table-card .sub-table .sub-thead .sub-thead-row .col4{min-width:200px;max-width:200px;width:0;text-align:center}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row{font-size:12px;font-weight:500;color:#333}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row td{padding:0 60px}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row td .sub-row-wrapper{display:flex;align-items:center;justify-content:space-between}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row td .text{font-size:12px;min-width:500px;width:100%;text-align:left;line-height:1.78;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row td .type-name{color:#007773;font-weight:700}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row .bird{max-height:28px;cursor:pointer}.detail .sub-table-card .sub-table .sub-tbody .sub-tbody-row .file{max-height:28px;margin:10px;cursor:pointer}td .tooltip{text-align:left;position:relative;display:block;width:100%}td .tooltip a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.4;width:100%}.pdf-icon{width:28px;height:28px;cursor:pointer}.active-red{background-color:#cd2131;color:#fff}.active-red .number{background-color:#fff;font-size:12px;font-weight:700;color:#cd2131}.row{display:flex;align-items:center}@media screen and (max-width:768px){.row{flex-direction:column}}.date-expire,.present-by{font-size:1.125rem;font-weight:500;color:#666;display:flex;align-items:center}.table-wrapper{width:100%;overflow-x:auto}.group-type-button{display:flex;margin:20px;margin-bottom:0;padding:0;flex-wrap:wrap;gap:10px}.group-type-button .type-button{display:flex;background-color:rgba(60,109,162,.3);border:1px solid rgba(60,109,162,.3);color:#0d304d;border-radius:32px;font-weight:700;font-size:12px;align-items:center;padding:15px;gap:10px;text-decoration:none}.group-type-button .type-button .button-content,.group-type-button .type-button .group-image{display:flex;align-items:center;gap:5px}.group-type-button .type-button .scroll{color:#3c6da2}.group-type-button .type-button .badge-count{font-size:12px;background-color:#3c6da2;color:#fff;border-radius:12px;text-align:center;padding:2px 10px}.group-type-button .active{background-color:#3c6da2;color:#fff}.group-type-button .active .scroll{color:#fff}.group-type-button .active .badge-count{background-color:#fff;color:#3c6da2}.mobile-type-status{display:none}.group-level-button{display:flex;gap:10px;flex-wrap:wrap}.group-level-button .name{text-wrap-mode:nowrap}.group-level-button .group-button{display:inline-flex;gap:10px}.group-level-button .icon-bolt,.group-level-button .icon-key{font-size:12px}.group-level-button .button-1,.group-level-button .button-2,.group-level-button .button-3,.group-level-button .button-4{border-radius:5px;box-shadow:2.9px .8px 9.6px .4px rgba(137,148,169,.35);border:2px solid #e2ebf7;background-color:#fff;font-size:12px;font-weight:500;padding:6px}@media screen and (max-width:768px){.group-level-button .button-1,.group-level-button .button-2,.group-level-button .button-3,.group-level-button .button-4{padding:5px}}.group-level-button .button-1{color:#007773}.group-level-button .button-2,.group-level-button .button-3,.group-level-button .button-4{color:#f94859}.group-level-button .active{border:3px solid #007773;background-color:#92d7d5}.group-level-button .active2{border:3px solid #f94859;background-color:#fae4e7}.detail-form{width:100%;height:100%;min-height:200px;border-radius:15px;background-color:#fff;border:0}.detail-form .group-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2ebf7;gap:10px}.detail-form .group-head .group-first{display:flex;gap:10px;align-items:center;width:-moz-fit-content;width:fit-content}.detail-form .group-head .group-first img{width:26px;height:auto;margin:auto}.detail-form .group-head .group-first .name{color:#1a456b;font-weight:700;font-size:16px!important}.detail-form .group-head .group-end,.detail-form .group-head .group-first .name{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:10px}.detail-form .group-head .group-end{flex-wrap:wrap}@media screen and (max-width:768px){.detail-form .group-head{flex-wrap:wrap-reverse;gap:15px;padding:15px}.detail-form .group-head .group-first{gap:10px;width:100%}}.detail-form .group-input{display:flex;flex-direction:column;gap:10px}.detail-form .search-detail{padding:20px 23px}.detail-form .search-detail .group-between{display:flex;gap:30px}@media screen and (max-width:1200px){.detail-form .search-detail .group-between{flex-direction:column;gap:0}}.detail-form .search-detail .group-input{width:100%;padding:0 10px;margin-bottom:30px}.detail-form .search-detail .group-input .name{font-size:12px;font-weight:700;color:#333;margin-bottom:7px}@media screen and (max-width:768px){.detail-form .search-detail{padding:15px}.detail-form .search-detail .group-input{padding:0;margin-bottom:20px}.detail-form .search-detail .group-input .name{font-size:12px}}.detail-form .detail-end,.detail-form .group-footer{display:flex;align-items:center;justify-content:space-between}.detail-form .detail-end .footer-left,.detail-form .detail-end .footer-right,.detail-form .group-footer .footer-left,.detail-form .group-footer .footer-right{display:flex;gap:10px}@media screen and (max-width:768px){.detail-form .detail-end,.detail-form .group-footer{flex-direction:column;gap:10px;padding:15px}.detail-form .detail-end button,.detail-form .group-footer button{width:100%}.detail-form .detail-end .footer-left,.detail-form .detail-end .footer-right,.detail-form .group-footer .footer-left,.detail-form .group-footer .footer-right{width:100%;flex-direction:column}.detail-form .detail-end .footer-left .btn-danger,.detail-form .detail-end .footer-left .btn-success,.detail-form .detail-end .footer-left a.btn-danger,.detail-form .detail-end .footer-left button,.detail-form .detail-end .footer-right .btn-danger,.detail-form .detail-end .footer-right .btn-success,.detail-form .detail-end .footer-right a.btn-danger,.detail-form .detail-end .footer-right button,.detail-form .group-footer .footer-left .btn-danger,.detail-form .group-footer .footer-left .btn-success,.detail-form .group-footer .footer-left a.btn-danger,.detail-form .group-footer .footer-left button,.detail-form .group-footer .footer-right .btn-danger,.detail-form .group-footer .footer-right .btn-success,.detail-form .group-footer .footer-right a.btn-danger,.detail-form .group-footer .footer-right button{width:100%}}.detail-form .group-body .between{display:flex;justify-content:space-between;gap:20px}.detail-form .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-content:space-between;gap:20px}.detail-form .info-grid .info-item{display:flex;flex-direction:column;gap:10px}.detail-form .info-grid .info-item .info-label{font-size:1.125rem;font-weight:500;color:#333}.detail-form .info-grid .info-item .info-value{display:flex;align-items:center;gap:5px;font-size:1.125rem;color:#333}.detail-form .info-grid .info-item .info-value .info-icon{width:20px;height:20px}.detail-form .info-grid .info-item .date-display,.detail-form .info-grid .info-item .text-desc{display:flex;align-items:center;gap:10px;font-size:1.125rem;color:#333}.detail-form .info-grid .info-item .date-display .icon-clock,.detail-form .info-grid .info-item .text-desc .icon-clock{width:20px;height:20px}.group-card-detail,.section-card{width:100%;border-radius:10px;box-shadow:7.4px 9.5px 13px 0 rgba(137,148,169,.14);border:1px solid #d8e1ea;margin-bottom:20px;background:#fff}.group-card-detail .group-name,.section-card .group-name{padding:20px;border-bottom:1px solid #d8e1ea;font-size:18px;font-weight:500;color:#333}.group-card-detail .group-name .name,.section-card .group-name .name{display:flex;align-items:center;gap:10px}.group-card-detail .group-name img,.section-card .group-name img{max-height:32px}@media screen and (max-width:768px){.group-card-detail .group-name,.section-card .group-name{padding:15px}}.group-card-detail .group-detail,.section-card .group-detail{padding:20px}.group-card-detail .card-title,.section-card .card-title{padding:20px;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;color:#0f3a64}.group-card-detail .card-title .title-icon,.section-card .card-title .title-icon{max-height:30px}.group-card-detail .card-title .title,.group-card-detail .card-title .title-left,.section-card .card-title .title,.section-card .card-title .title-left{display:flex;align-items:center;gap:10px;flex:1}.group-card-detail .card-title .title img,.group-card-detail .card-title .title-left img,.section-card .card-title .title img,.section-card .card-title .title-left img{max-height:30px}.group-card-detail .card-title.collapsible,.section-card .card-title.collapsible{justify-content:space-between;cursor:pointer}.group-card-detail .card-title.collapsible .title-left,.section-card .card-title.collapsible .title-left{display:flex;align-items:center;gap:10px;flex:1}.group-card-detail .card-title.collapsible .chevron-icon,.section-card .card-title.collapsible .chevron-icon{width:20px;height:14px;transition:transform .3s}.group-card-detail .card-title.collapsible .chevron-icon.active,.section-card .card-title.collapsible .chevron-icon.active{transform:rotate(180deg)}.group-card-detail .card-title.collapsible:hover,.section-card .card-title.collapsible:hover{background-color:#f9fafc}.group-card-detail .card-content,.section-card .card-content{padding:20px;border-top:1px solid #d8e1ea;transition:all .3s ease}.group-card-detail .card-content.show,.section-card .card-content.show{visibility:visible;opacity:1;max-height:5000px}.group-card-detail .card-content.hide,.section-card .card-content.hide{visibility:hidden;opacity:0;max-height:0;padding:0 20px;border-top:none;overflow:hidden}.group-card-detail .mobile-cards,.section-card .mobile-cards{display:none}@media screen and (max-width:768px){.group-card-detail .mobile-cards,.section-card .mobile-cards{display:flex}}.group-card-detail .mobile-cards,.section-card .mobile-cards{flex-direction:column;gap:10px;width:100%}.group-card-detail .mobile-cards .card,.section-card .mobile-cards .card{border:1px solid #c1cfe3;border-radius:8px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:20px}.group-card-detail .mobile-cards .card .card-header,.section-card .mobile-cards .card .card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.group-card-detail .mobile-cards .card .card-header .title,.section-card .mobile-cards .card .card-header .title{display:flex;gap:5px;width:100%;justify-content:space-between;min-width:0;overflow:hidden}.group-card-detail .mobile-cards .card .card-header .title p,.section-card .mobile-cards .card .card-header .title p{font-weight:600;font-size:medium;color:#0d304d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.4;width:100%}.group-card-detail .mobile-cards .card .card-body,.section-card .mobile-cards .card .card-body{display:grid;grid-template-columns:1fr 2fr;gap:10px;font-size:14px}.group-card-detail .mobile-cards .card .card-body .label,.section-card .mobile-cards .card .card-body .label{font-weight:500}.group-card-detail .mobile-cards .card .card-actions,.section-card .mobile-cards .card .card-actions{display:flex;align-items:center;gap:10px}.group-card-detail .mobile-cards .card .card-actions .link,.section-card .mobile-cards .card .card-actions .link{color:#236092;text-decoration:underline;font-size:14px}.group-card-detail .mobile-cards .no-data,.group-card-detail .mobile-cards .no-data-card,.section-card .mobile-cards .no-data,.section-card .mobile-cards .no-data-card{text-align:center;color:#666;padding:30px;background:#f9f9f9;border-radius:8px}.group-card-detail .mobile-cards .load-more-container,.section-card .mobile-cards .load-more-container{text-align:center;margin-top:20px}.group-card-detail .mobile-cards .load-more-btn,.section-card .mobile-cards .load-more-btn{padding:10px 20px;border-radius:5px;border:1px solid #15466e;background-color:#fff;color:#15466e;font-weight:500;cursor:pointer}.table-wrapper .history-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #c1cfe3;border-radius:5px;overflow:hidden}.table-wrapper .history-table thead tr{background-color:#f2f4f8}.table-wrapper .history-table thead tr th{padding:20px 10px;text-align:center;font-size:1.125rem;font-weight:700;color:#333;border-bottom:1px solid #c1cfe3;white-space:nowrap}.table-wrapper .history-table thead tr th.col-index{min-width:80px}.table-wrapper .history-table thead tr th.col-action,.table-wrapper .history-table thead tr th.col-operator{min-width:150px}.table-wrapper .history-table thead tr th.col-date,.table-wrapper .history-table thead tr th.col-filename{min-width:200px}.table-wrapper .history-table thead tr th.col-file{min-width:120px}.table-wrapper .history-table thead tr th.col-tools{min-width:100px}.table-wrapper .history-table tbody tr:nth-child(odd){background-color:#fff}.table-wrapper .history-table tbody tr:nth-child(2n){background-color:#f1f5fa}.table-wrapper .history-table tbody tr td{padding:15px 10px;font-size:1rem;color:#333;text-align:center}.table-wrapper .history-table tbody tr td.col-index{font-weight:600}.table-wrapper .history-table tbody tr td.col-filename,.table-wrapper .history-table tbody tr td.col-operator{text-align:left}.table-wrapper .history-table tbody tr td .row{gap:5px}.table-wrapper .history-table tbody tr td .row img{width:20px;height:20px}.table-wrapper .history-table tbody tr td .icon-trash{width:18px;cursor:pointer}.table-wrapper .history-table tbody tr td .icon-trash:hover{opacity:.8}.table-wrapper .history-table tbody tr td.no-data{text-align:center;padding:30px;color:#888}@media(max-width:768px){.table-wrapper{display:none}}.mobile-cards{display:none}@media screen and (max-width:768px){.mobile-cards{display:block}}.mobile-cards .no-data-card{text-align:center;padding:30px;color:#888;background:#f9f9f9;border-radius:8px}@media screen and (max-width:768px){.group-button,.group-type-button{display:none}.mobile-type-status{display:block;margin:20px}.detail .group-head .group-first{width:100%;flex-wrap:wrap}.detail .group-head .group-end{flex-direction:column}.detail .group-head .group-end .search{min-width:100%}.detail .group-head .group-end .advance-search{width:100%}.detail .line{margin:0}.detail .group-body .mobile-cards{display:flex;flex-direction:column;gap:10px;width:100%}.detail .group-body .mobile-cards .card{border:1px solid #c1cfe3;border-radius:8px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:20px}.detail .group-body .mobile-cards .card .card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.detail .group-body .mobile-cards .card .card-header .title{display:flex;gap:5px;width:100%;justify-content:space-between;min-width:0;overflow:hidden}.detail .group-body .mobile-cards .card .card-header .title p{font-weight:600;font-size:medium;color:#0d304d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.4;width:100%}.detail .group-body .mobile-cards .card .card-body{display:grid;grid-template-columns:1fr 2fr;gap:10px;font-size:14px}.detail .group-body .mobile-cards .card .card-body .label{font-weight:500}.detail .group-body .mobile-cards .card .card-actions{display:flex;align-items:center;gap:10px}.detail .group-body .mobile-cards .card .card-actions .link{color:#236092;text-decoration:underline;font-size:14px}.detail .group-body .mobile-cards .no-data,.detail .group-body .mobile-cards .no-data-card{text-align:center;color:#666;padding:30px;background:#f9f9f9;border-radius:8px}.detail .group-body .mobile-cards .load-more-container{text-align:center;margin-top:20px}.detail .group-body .mobile-cards .load-more-btn{padding:10px 20px;border-radius:5px;border:1px solid #15466e;background-color:#fff;color:#15466e;font-weight:500;cursor:pointer}.group-footer{display:none}.badge{font-size:14px}.detail-end,.exam-footer{flex-direction:column!important;gap:15px!important;padding:20px 15px!important}.detail-end .footer-left,.detail-end .footer-right,.detail-end .group-end-left,.detail-end .group-end-right,.exam-footer .footer-left,.exam-footer .footer-right,.exam-footer .group-end-left,.exam-footer .group-end-right{width:100%;margin-left:0!important;flex-direction:column;gap:10px}.detail-end .btn-primary,.detail-end .btn-success,.detail-end .button-callback,.detail-end .button-confirm,.detail-end .button-confirm-content,.detail-end .button-save-remark,.detail-end .button-times,.detail-end button,.exam-footer .btn-primary,.exam-footer .btn-success,.exam-footer .button-callback,.exam-footer .button-confirm,.exam-footer .button-confirm-content,.exam-footer .button-save-remark,.exam-footer .button-times,.exam-footer button{width:100%!important;margin-left:0!important;margin-right:0!important;font-size:12px!important}.detail .group-head .group-first .name,.detail-form .group-head .group-first .name,.group-card-detail .group-name .name,.section-card .title-tab .text-title{font-size:14px!important}.info-label{font-size:.875rem}.contact-item,.doc-section-title,.text-desc,table .thead-row th{font-size:14px}table .tbody-row td{font-size:12px}}.publish-date-cell{display:flex;align-items:center;justify-content:center;gap:4px}@media screen and (max-width:768px){.publish-date-cell{justify-content:start}}.col-date-set{min-width:170px;text-align:center}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:4px;font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:transparent}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:1rem;height:1rem;stroke-width:0;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{left:0}.dp__clear_icon,.dp__input_icon{cursor:pointer;color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;right:0;transform:translateY(-50%)}.dp__input_icon_pad{padding-left:35px}.dp__input_valid{box-shadow:0 0 4px var(--dp-success-color)}.dp__input_valid,.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 4px var(--dp-danger-color)}.dp__input_invalid,.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{position:absolute;background:var(--dp-background-color);border-radius:4px;min-width:260px;font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color)}.dp__menu,.dp__menu:after,.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp__menu_index{z-index:99999}.dp__menu_disabled,.dp__menu_readonly{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:transparent;cursor:default}.dp__arrow_top{top:-1px;border-left:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(45deg)}.dp__arrow_bottom,.dp__arrow_top{left:50%;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute}.dp__arrow_bottom{bottom:-1px;border-right:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__now_wrap{text-align:center;padding:2px 0}.dp__now_button{border:1px solid var(--dp-primary-color);color:var(--dp-primary-color);padding:0 4px;font-weight:700;border-radius:4px;font-size:1rem;cursor:pointer;background:transparent}.dp__preset_ranges,.dp__sidebar_left{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;border-left:1px solid var(--dp-border-color)}.dp__preset_range{padding:5px}.dp__preset_range:hover{background-color:var(--dp-hover-color);cursor:pointer}.dp__menu_content_wrapper{display:flex}.dp__calendar_wrap{flex-direction:column;font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;flex:0}.dp__calendar_header,.dp__calendar_wrap{display:flex;justify-content:center;align-items:center}.dp__calendar_header{position:relative;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:35px;padding:5px;width:35px;box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:5px 0}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:.5rem}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:4px;height:35px;padding:5px;width:35px;border:1px solid transparent;box-sizing:border-box;position:relative}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-bottom-right-radius:0;border-top-right-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-bottom-left-radius:0;border-top-left-radius:0}.dp__active_date,.dp__range_end,.dp__range_start{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover:hover,.dp__date_hover_end:hover,.dp__date_hover_start:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_disabled,.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border-top:1px solid var(--dp-hover-color);border-bottom:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-left:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-right:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-left:10px}.dp__marker_dot,.dp__marker_line{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:4px;background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-right:5px}.dp__arrow_bottom_tp{left:50%;bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-right:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (max-width:600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:35px;color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:25px;width:25px;color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:20px;width:20px}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__inner_nav_disabled,.dp__inner_nav_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__month_year_select{width:50%;text-align:center;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__month_year_wrap{display:flex;width:100%}.dp__overlay{position:absolute;width:100%;height:100%;background:var(--dp-background-color);top:0;left:0;transition:opacity 1s ease-out;z-index:99999;font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--dp-text-color);box-sizing:border-box}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-left:auto;margin-right:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__overlay_container>.dp__overlay_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:3px;white-space:nowrap}.dp__overlay_cell_pad{padding:10px 0}.dp__overlay_cell_active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell,.dp__overlay_cell_active{cursor:pointer;border-radius:4px;text-align:center}.dp__cell_in_between,.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__overlay_action{position:sticky;bottom:0;background:#fff}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed}.dp__overlay_cell_disabled,.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed}.dp__overlay_cell_active_disabled,.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__month_picker_header{justify-content:space-between;height:35px}.dp__month_picker_header,.dp__time_input{display:flex;width:100%;align-items:center}.dp__time_input{justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--dp-text-color)}.dp__time_col_reg{padding:0 20px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{font-size:2rem;text-align:center;flex-direction:column}.dp__time_col,.dp__time_display{display:flex;align-items:center;justify-content:center}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:4px;padding:0 3px}.dp__time_display:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button{padding:5px;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button,.dp__inc_dec_button svg{height:32px;width:32px}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:10px;border-radius:4px;cursor:pointer}.dp__action_row{display:flex;align-items:center;width:100%;padding:10px;box-sizing:border-box;color:var(--dp-text-color);background:var(--dp-background-color)}.dp__action_row svg{height:20px;width:auto}.dp__selection_preview{width:50%;color:var(--dp-text-color);font-size:.8rem}.dp__action_buttons{width:50%;text-align:right}.dp__action{font-weight:700;cursor:pointer;padding:2px 5px;border-radius:4px;display:inline-flex;align-items:center}.dp__select{color:var(--dp-success-color)}.dp__action_disabled{color:var(--dp-success-color-disabled);cursor:not-allowed}.dp__cancel{color:var(--dp-secondary-color)}.dp__theme_dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:rgba(0,92,178,.2)}.dp__theme_light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#f8f5f5;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:rgba(25,118,210,.1)}.dp__main{font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);background:var(--dp-background-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:10px;box-sizing:border-box;height:35px}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:20px;width:auto}.dp__button_bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all .1s ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(22px)}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(-22px)}.calendar-prev-leave-to{opacity:0;transform:translateX(22px)}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active{transition:all .1s ease-out}.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(22px)}.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(-22px)}.dp-menu-appear-enter-from{opacity:0}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active{transition:opacity .1s ease}.dp-menu-appear-leave-to{opacity:1}.modal-class[data-v-da9bc000]{position:fixed;overflow-y:auto;top:0;right:0;bottom:0;left:0;z-index:999;background-color:rgba(33,85,163,.16)}.modal-class .modal-center[data-v-da9bc000]{height:85%;display:flex;justify-content:center;align-items:center}.modal-class .modal-center .modal-size[data-v-da9bc000]{width:100%;pointer-events:auto;margin:auto 20px;max-width:758px;background-color:#fff;border-radius:15px;padding:40px;display:flex;flex-direction:column;gap:40px}.modal-class .modal-center .modal-size .modal-title[data-v-da9bc000]{display:flex;justify-content:space-between}.modal-class .modal-center .modal-size .modal-title .title-size[data-v-da9bc000]{font-size:24px;font-weight:700;color:#0a1629;margin-top:5px}.modal-class .modal-center .modal-size .modal-title .close-size[data-v-da9bc000]{padding:13px;width:44px;height:44px;border-radius:14px;background-color:#f4f9fd;cursor:pointer}.modal-class .modal-center .modal-size .modal-title .icon-file[data-v-da9bc000]{font-size:25px;cursor:pointer}.modal-class .modal-center .modal-size .modal-detail[data-v-da9bc000]{display:flex;flex-direction:column;gap:20px}.modal-class .modal-center .modal-size .modal-detail .image-icon[data-v-da9bc000]{text-align:center}.modal-class .modal-center .modal-size .modal-detail .image-icon .image-confirm[data-v-da9bc000]{width:104px;height:74px}.modal-class .modal-center .modal-size .modal-detail .image-icon .image-success[data-v-da9bc000]{width:80px;height:80px}.modal-class .modal-center .modal-size .modal-detail .title-size[data-v-da9bc000]{font-size:20px;font-weight:600;color:#333;text-align:center}.modal-class .modal-center .modal-size .modal-detail .message[data-v-da9bc000]{text-align:center;color:#333;font-size:18px;font-weight:500}.modal-class .modal-center .modal-size .group-footer[data-v-da9bc000]{text-align:center;display:flex;justify-content:space-between;gap:20px}.modal-class .modal-center .modal-size .group-footer button[data-v-da9bc000]{font-size:18px;padding:10px 20px}.modal-class .modal-center .modal-size .center[data-v-da9bc000]{justify-content:center}.loading{position:fixed!important;width:100%;height:100%;z-index:999999;left:50%;top:50%;transform:translate(-50%,-50%)}.loading .loading-bg{width:100%;height:100%;background-color:#000;opacity:.1}.loading .loading-detail{position:fixed;top:43%;width:100%;height:100%}.loading .loading-detail .donut{margin:auto;width:50px;height:50px;display:block;background:transparent;border-radius:50%;border:12px solid hsla(0,0%,50%,.2);border-left:12px solid #1a456b;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container[data-v-39c7b994]{width:50%;min-width:550px;height:100%;background-color:#fff;transition:.5s;position:fixed;top:-500%;right:0;z-index:1;box-shadow:6px 5px 13px rgba(0,0,0,.5)}.container.show[data-v-39c7b994]{top:0}.header[data-v-39c7b994]{border-bottom:2px solid #e6e5ea;width:100%;padding:20px}.icon-close[data-v-39c7b994]{position:absolute;right:20px;top:20px;cursor:pointer}.label-header[data-v-39c7b994]{color:#333;font-size:20px;font-weight:600;line-height:1.3}.row-header[data-v-39c7b994]{display:flex;align-items:center;gap:15px}.amount-noti[data-v-39c7b994]{padding:0 10px;background-color:#f94859;border-radius:10px;color:#fff;font-size:14px;font-weight:600;height:-moz-fit-content;height:fit-content}.tab[data-v-39c7b994]{border-bottom:2px solid #e6e5ea;display:flex;position:relative;width:100%;gap:10px}.button-tab[data-v-39c7b994]{width:100%;padding:10px 15px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#015552;cursor:pointer}.button-tab.active[data-v-39c7b994]{border-bottom:5px solid #0d304d}.amount-noti-tab[data-v-39c7b994]{border-radius:10px;background-color:#0d304d;font-size:12px;color:#fff;padding:1px 8px;margin-left:8px}.tab-content[data-v-39c7b994]{width:100%;height:100%;position:relative;overflow:scroll;padding-bottom:178px}.content[data-v-39c7b994]{padding:25px 35px;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px}.content .row[data-v-39c7b994]{gap:20px}.content[data-v-39c7b994]:nth-child(2n){background-color:#f5f5f6}.title-notice[data-v-39c7b994]{font-size:16px;font-weight:600;color:#0d304d;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.notice-status[data-v-39c7b994]{border-radius:5px;padding:2px 6px;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;gap:5px;align-items:center}.notice-status.normal[data-v-39c7b994]{background-color:#d2eae9;color:#007773}.notice-status.warning[data-v-39c7b994]{background-color:#fae4e7;color:#f94859}.notice-status.danger[data-v-39c7b994]{background-color:#f94859;color:#fff}.date-expire[data-v-39c7b994],.present-by[data-v-39c7b994]{font-size:14px;font-weight:500;color:#666;display:flex;align-items:center;gap:8px}.present-by-label[data-v-39c7b994]{font-size:12px;font-weight:600;color:#15466e;border-radius:10px;background-color:#a1b5c5;padding:2px 10px}.loading-noti[data-v-39c7b994]{position:absolute;margin-left:-25px;z-index:999999;left:50%;top:35%;transform:translate(-50%,-50%)}.loading-noti .loading-noti-detail[data-v-39c7b994]{position:fixed;top:43%;width:100%;height:100%}.loading-noti .loading-noti-detail .donut[data-v-39c7b994]{margin:auto;width:50px;height:50px;display:block;background:transparent;border-radius:50%;border:12px solid hsla(0,0%,50%,.2);border-left:12px solid #1a456b;animation:rotate 1s linear infinite}@media screen and (max-width:768px){.container[data-v-39c7b994]{width:100%;min-width:0}.container .icon-bell[data-v-39c7b994]{height:20px!important}.label-header[data-v-39c7b994]{font-size:18px}.title-notice[data-v-39c7b994]{font-size:14px}.notice-status[data-v-39c7b994]{font-size:12px}.content[data-v-39c7b994]{padding:15px 20px}.content img[data-v-39c7b994]{height:18px!important}.row[data-v-39c7b994]{display:flex;align-items:center;flex-wrap:wrap}.date-expire[data-v-39c7b994]{font-size:12px}.present-by[data-v-39c7b994]{flex-wrap:wrap;font-size:12px;gap:8px}.present-by-label[data-v-39c7b994]{font-size:12px}.icon-tab[data-v-39c7b994]{height:20px!important}.button-tab[data-v-39c7b994]{font-size:14px;padding:8px 10px}.amount-noti-tab[data-v-39c7b994]{font-size:10px;padding:1px 6px}}.footer-table .no-click[data-v-c76be654]{pointer-events:none}.footer-table[data-v-c76be654]{display:flex;align-items:center;justify-content:space-between}.footer-table .view-page[data-v-c76be654]{font-size:16px;font-weight:500;color:#3c4858}.footer-table .view-page .page-size[data-v-c76be654]{width:117px;height:35px;margin:0 17px 0 13px;padding-left:12px;border:1px solid #c1cfe3;border-radius:5px;background-color:#fff;font-size:16px;font-weight:600;color:#3c4858}.footer-table .view-page .page-size[data-v-c76be654]:focus{outline:none;box-shadow:0 0}.footer-table .pageination[data-v-c76be654]{display:flex;justify-content:flex-end;margin-right:1px}.footer-table .pageination .page-link[data-v-c76be654]{min-width:45px;height:45px;border:1px solid #c1cfe3;background-color:#fff;display:flex;align-items:center;justify-content:center;margin:-1px;font-size:16px;font-weight:600;color:#15466e}.footer-table .pageination .first[data-v-c76be654]{width:85px;font-size:16px;font-weight:500;color:#3c4858;border-bottom-left-radius:5px;border-top-left-radius:5px}.footer-table .pageination .end[data-v-c76be654]{width:71px;font-size:16px;font-weight:500;color:#3c4858;border-bottom-right-radius:5px;border-top-right-radius:5px}.footer-table .pageination .end[data-v-c76be654]:disabled,.footer-table .pageination .first[data-v-c76be654]:disabled{color:rgba(21,70,110,.53)}.footer-table .pageination .active[data-v-c76be654]{border:1px solid #15466e;background-color:#15466e;color:#fff;z-index:1}.component-date .message-error{color:red;font-size:14px;font-weight:500;margin-top:5px;margin-left:10px}.dp-custom-cell{border-radius:50%;font-size:14px}.dp-custom-menu{background:#fff;border:1px solid rgba(9,27,61,.1);border-radius:10px;overflow:hidden}.dp-custom-calendar .dp__calendar_item{color:#a9a9a9}.dp-custom-calendar .dp__active_date{background-color:#034ea2}.dp-custom-calendar .dp__today{border:1px solid #034ea2}.dp__calendar_header_item{font-weight:500;color:#a9a9a9}.dp__month_year_row{margin-top:16px;color:#a9a9a9}.dp__calendar_wrapper{padding-right:10px;padding-left:10px}.dp__calendar_header_separator{border:1.00232px solid #eee}.dp__action_row{border-top:1.00232px solid #eee;background-color:#fbfbfb}.dp__cancel{color:#a9a9a9}.dp__cancel,.dp__select{font-size:14px;font-weight:500}.dp__select{background:#034ea2;border:1.00232px solid #034ea2;box-sizing:border-box;border-radius:4.0093px;color:#fff;padding:2.0093px 9.0186px;margin-left:10px}.dp-custom-input{height:45px;border:1px solid #c1cfe3;border-radius:5px;padding-left:54px;font-size:16px;color:#4d4d4d}.dp-custom-input.form-control-error{border-color:red!important;background-color:#ffeded!important}.dp__input_icon{position:absolute;top:50%;transform:translateY(-50%);left:15px}.dp__clear_icon{background-color:#fff;padding:3px;right:2px}.group-image{display:flex;align-items:center}.group-image .input-slot-image{width:27px;height:31px;margin-left:-5px;margin-right:8px}.group-image .line{height:44px}::-moz-placeholder{font-size:16px;font-weight:500;color:#1a456b;opacity:.7;text-align:left}::placeholder{font-size:16px;font-weight:500;color:#1a456b;opacity:.7;text-align:left}.component-select[data-v-9e9ba0b4]{position:relative;display:inline-block;width:100%}.component-select .flex-right-dropdown[data-v-9e9ba0b4]{display:flex;height:45px;width:100%;border-radius:5px;border:1px solid #c1cfe3;background-color:#fff;position:relative;align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px}.component-select .flex-right-dropdown .name-dropdown[data-v-9e9ba0b4]{padding-right:10px;font-size:16px;color:#1a456b;opacity:.7;text-align:left;font-weight:500}.component-select .colorBlack .name-dropdown[data-v-9e9ba0b4]{padding-right:10px;color:#212529;opacity:1;font-size:1rem;font-weight:400}.component-select .dropdown-content[data-v-9e9ba0b4]{display:none;position:absolute;background-color:#fff;min-width:198px;box-shadow:2px 2px 8px rgba(0,0,0,.16);text-align:left;z-index:2;color:#0a1629;font-size:20px;font-weight:400;border-radius:10px;left:0;right:0;margin-top:8px;overflow:hidden;max-height:420px}.component-select .dropdown-content .placeholder[data-v-9e9ba0b4]{color:#1a456b;opacity:.7;margin-bottom:-6px;font-size:18px}.component-select .dropdown-content .add[data-v-9e9ba0b4]{padding-left:22px;padding-right:22px;padding-top:15px;padding-bottom:15px;min-height:58px;width:100%;cursor:pointer}.component-select .dropdown-content .add .icon[data-v-9e9ba0b4]{margin-right:6px}.component-select .dropdown-content .line[data-v-9e9ba0b4]{border-bottom:1px solid #d8d8d8;height:0!important;opacity:1!important;margin:0!important;padding:0!important}.component-select .message-error[data-v-9e9ba0b4]{color:red;font-size:14px;font-weight:500;margin-top:5px;margin-left:10px}.component-select .pointer[data-v-9e9ba0b4]{width:10px;height:15px}.component-input-width[data-v-03c1d03b]{width:100%}.component-input-width .data-select[data-v-03c1d03b]{display:flex;flex-wrap:wrap;justify-content:flex-start}.component-input-width .data-select .content-data-select[data-v-03c1d03b]{height:25px;background-color:#eaeaee;border-radius:12.5px;padding:2px 10px;margin-right:10px;margin-bottom:10px;font-weight:400;font-size:13px}.component-input-width .data-select .content-data-select .icon[data-v-03c1d03b]{width:12px;height:12px}.component-input-width .component-input[data-v-03c1d03b]{position:relative;width:100%}.component-input-width .component-input .form-control-error[data-v-03c1d03b]:focus{border-color:red;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,0,0,.6)}.component-input-width .component-input .form-control[data-v-03c1d03b]:disabled,.component-input-width .component-input .form-control[readonly][data-v-03c1d03b]{background-color:#ececec;opacity:.7}.component-input-width .component-input .form-control-error[data-v-03c1d03b]{border-color:red!important;background-color:#ffeded!important}.component-input-width .component-input .input-size[data-v-03c1d03b]{height:45px;width:100%;border:1px solid #c1cfe3;border-radius:5px;padding:0 15px;font-size:16px;color:#333;line-height:60px}.component-input-width .component-input .form-control[data-v-03c1d03b]:focus{outline:none;box-shadow:0 0}.component-input-width .component-input .icon-eye[data-v-03c1d03b]{position:absolute;top:19px;right:3px;color:#1a456b}.component-input-width .component-input[data-v-03c1d03b] ::-moz-placeholder{font-size:16px;color:#1a456b;opacity:.7;text-align:left;font-weight:500;line-height:60px}.component-input-width .component-input[data-v-03c1d03b] ::placeholder{font-size:16px;color:#1a456b;opacity:.7;text-align:left;font-weight:500;line-height:60px}.component-input-width .component-input[data-v-03c1d03b] ::-webkit-input-placeholder{line-height:normal}.component-input-width .component-input .image-select[data-v-03c1d03b]{position:absolute;right:16px;top:17px}.component-input-width .component-input .pointer[data-v-03c1d03b]{width:10px;height:15px}.component-input-width .component-input .colorBlack .name-dropdown[data-v-03c1d03b]{padding-right:10px;color:#212529;opacity:1;font-size:1rem;font-weight:400}.component-input-width .component-input .dropdown-content[data-v-03c1d03b]{display:none;position:absolute;background-color:#fff;min-width:198px;box-shadow:2px 2px 8px rgba(0,0,0,.16);text-align:left;z-index:2;color:#0a1629;font-size:20px;font-weight:400;border-radius:10px;left:0;right:0;margin-top:8px;overflow:hidden;max-height:420px}.component-input-width .component-input .dropdown-content .placeholder[data-v-03c1d03b]{color:#1a456b;opacity:.7;margin-bottom:-6px;font-size:18px}.component-input-width .component-input .dropdown-content .add[data-v-03c1d03b]{padding-left:22px;padding-right:22px;padding-top:15px;padding-bottom:15px;min-height:58px;width:100%;cursor:pointer}.component-input-width .component-input .dropdown-content .add .icon[data-v-03c1d03b]{margin-right:6px}.component-input-width .component-input .dropdown-content .line[data-v-03c1d03b]{border-bottom:1px solid #d8d8d8;height:0!important;opacity:1!important;margin:0!important;padding:0!important}.component-input-width .component-input .message-error[data-v-03c1d03b]{color:red;font-size:14px;font-weight:500;margin-top:5px;margin-left:10px}.advance-search-detail[data-v-2250c6d2]{display:flex;flex-direction:column;padding:30px;gap:20px;border-bottom:1px solid #e5e7eb}.advance-search-detail .input-container[data-v-2250c6d2]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.advance-search-detail .group-input[data-v-2250c6d2]{width:100%}.advance-search-detail .group-input .display-flex[data-v-2250c6d2]{width:100%;gap:20px}.advance-search-detail .group-input .name[data-v-2250c6d2]{font-size:18px;font-weight:700;color:#333}.advance-search-detail .between[data-v-2250c6d2]{display:flex;align-items:center;width:100%;-moz-column-gap:20px;column-gap:20px;row-gap:10px;justify-content:space-between}.advance-search-detail .to[data-v-2250c6d2]{font-size:16px;font-weight:500;text-align:left;color:#3e586d}.advance-search-detail .component-date[data-v-2250c6d2]{width:100%}.advance-search-detail .input-size[data-v-2250c6d2]{height:45px!important}.advance-search-detail .group-button-advance[data-v-2250c6d2]{display:flex;gap:10px}.advance-search-detail .group-button-advance .clear-search[data-v-2250c6d2]{width:128px;height:46px;border-radius:6px;background-color:#999;border:0;font-size:18px;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.advance-search-detail .group-button-advance .clear-search .icon-clear[data-v-2250c6d2]{width:19px;height:19px}.advance-search-detail .group-button-advance .advance-search-2[data-v-2250c6d2]{width:117px;height:46px;border-radius:5px;background-color:#15466e;border:0;font-size:18px;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.advance-search-detail .group-button-advance .advance-search-2 .icon-search[data-v-2250c6d2]{width:21px;height:21px}@media screen and (max-width:768px){.advance-search-detail[data-v-2250c6d2]{padding:24px}.advance-search-detail .input-container[data-v-2250c6d2]{grid-template-columns:repeat(1,1fr)}.row[data-v-2250c6d2]{flex-direction:column}.between[data-v-2250c6d2]{flex-wrap:wrap;justify-content:start!important}.component-date[data-v-2250c6d2]{max-width:250px;min-width:150px}.display-flex[data-v-2250c6d2]{flex-wrap:wrap}}