@import"https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;font-family:Noto Sans,sans-serif;--themeColor: #006fc0}img{width:100%}a{text-decoration:none;color:#000}input,select,textarea{border:0;outline:0;padding:0;box-shadow:none;background:transparent}input:focus,select:focus,textarea:focus{border:0;outline:0;padding:0;box-shadow:none;background:transparent}input:focus-visible,select:focus-visible,textarea:focus-visible{border:0;outline:0;padding:0;box-shadow:none;background:transparent}.text-themeColor{color:var(--themeColor)}/*! FORM FIELDS CSS */.group-input{margin-bottom:20px}.group-input label{font-size:.9rem;margin-bottom:5px;display:block;width:100%;font-weight:700;display:flex;align-items:center;gap:10px}.group-input .instruction{font-size:.8rem;color:#006fc0}.group-input label .required{width:5px;height:5px;background:red}.group-input input:not([type=radio]):not([type=checkbox]),.group-input select,.group-input textarea{border-bottom:1px solid grey;padding:5px 15px;display:block;width:100%;background:#fff}.dual-group-input{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.triple-group-input{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.dual-group-input.mb-0,.dual-group-input .group-input,.group-input.mb-0,.triple-group-input.mb-0,.triple-group-input .group-input{margin-bottom:0}.group-input-2{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #808080;overflow:hidden;background:#fff;align-items:start;padding-bottom:8px}.group-input-2 label{font-size:.8rem;margin-bottom:0;display:block;width:100%;font-weight:700}.group-input-2 input:not([type=radio]):not([type=checkbox]),.group-input-2 select,.group-input-2 textarea{padding:0 0 0 15px;display:block;width:100%;background:#fff}table input,table select,table textarea{padding:0!important;border:0!important;border-radius:0!important}/*! BUTTON CSS */.themeBtn{background-color:#fcfcfd;border-radius:4px;box-shadow:#006fc04d 0 1px 2px,#006fc026 0 2px 6px 2px;color:#36395a;cursor:pointer;padding:12px 20px;transition:box-shadow .15s,transform .15s;touch-action:manipulation;white-space:nowrap;font-size:.85rem;display:flex;gap:10px;justify-content:center;align-items:center}.themeBtn:hover{box-shadow:#2d23424d 0 4px 8px,#2d234233 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}/*! TABLE CSS */table{width:100%}th,td{padding:6px;font-size:.85rem}table,td,th{border:2px solid #808080;border-collapse:collapse;text-align:left}th{background-color:var(--themeColor);color:#fff}td .action{display:flex;align-items:center;gap:10px}td .action>*{cursor:pointer}table tbody .serial{width:80px}table tbody tr:nth-child(2n){background:#006fc026}/*! LOGIN CSS */#admin-console-login-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-image:url(/login-bg.png)}#admin-console-login-page .login-form-block{width:500px;background:#fff;background-size:cover;background-position:center;background-image:url(/login-bg2.png)}#admin-console-login-page .login-form-block .top-block{padding:50px 20px 15px;border-bottom:2px solid white}#admin-console-login-page .login-form-block .logo{width:250px;margin:0 auto 30px}#admin-console-login-page .login-form-block .logo img{filter:brightness(0) invert(1);width:250px}#admin-console-login-page .login-form-block .head{font-size:1.5rem;font-weight:700;text-transform:uppercase;text-align:center;color:#fff}#admin-console-login-page .login-form-block form{padding:30px}#admin-console-login-page .login-form-block form ::placeholder{color:#fff}#admin-console-login-page .group-input{margin-bottom:20px;display:grid;grid-template-columns:50px 1fr;align-items:center;border:2px solid white;padding:7px;border-radius:5px}#admin-console-login-page label{color:#fff;display:grid;place-items:center;font-weight:700}#admin-console-login-page input,#admin-console-login-page select{border:0;outline:none;background:transparent;color:#fff}#admin-console-login-page .submit-btn{display:block;width:100%;padding:10px;background:linear-gradient(180deg,#ffffff26,#fff0),#f6f8fa;color:#000;text-transform:uppercase;font-weight:700;border-radius:5px;font-size:1rem;cursor:pointer;text-align:center}/*! HEADER CSS */header{padding:10px 20px;height:52px}header .inner-grid{display:flex;justify-content:space-between;align-items:center}header .head{font-weight:700;font-size:1.4rem}header .drop-block{position:relative}header .drop-block .link-item{background:var(--themeColor);color:#fff;padding:5px 13px;border-radius:5px;box-shadow:#0000002e 0 2px 4px;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;transition:all .3s linear}header .drop-block .link-item:hover{box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}header .drop-block .link-item:after{position:absolute;top:100%;left:0;width:100%;background:transparent;z-index:1;content:"";height:10px}header .drop-block .drop-list{position:absolute;top:100%;transform:translateY(-10px);right:0;background:#fff;box-shadow:#11111a0d 0 4px 16px,#11111a0d 0 8px 32px;z-index:-10;visibility:hidden;min-width:200px;opacity:0;display:grid;transition:all .3s linear;width:max-content;border-top:5px solid var(--themeColor)}header .drop-block:hover .drop-list{opacity:1;z-index:10;transform:translateY(10px);visibility:visible}header .drop-block .drop-list>*{padding:4px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}header .drop-block .drop-list>*:hover{background:#006fc03d}/*! SIDEBAR CSS */aside{width:300px;border-top:1px solid #808080;border-right:1px solid #808080;height:calc(100vh - 52px);padding:20px}aside .inner-block{display:grid;gap:20px;align-items:start}aside .inner-block .sidebar-link .link-head{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;transition:all .3s linear;font-weight:700;cursor:pointer;border-radius:5px;box-shadow:#006fc04d 0 1px 2px,#006fc026 0 2px 6px 2px}aside .inner-block .sidebar-link .link-head:hover,aside .inner-block .sidebar-link .link-head.active{background:#006fc04a;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px}aside .inner-block .sidebar-link .link-head>div:nth-child(1){display:flex;align-items:center;gap:10px}aside .inner-block .sidebar-link .sidebar-subList{padding:10px 0 10px 45px;display:grid;gap:10px;position:relative}aside .inner-block .sidebar-link .sidebar-subList:before{content:"";position:absolute;left:0;top:0;height:85px;width:1px;background:var(--themeColor);transform:translate(0)}aside .inner-block .sidebar-link .sidebar-subList>*{transition:all .3s linear;cursor:pointer;position:relative}aside .inner-block .sidebar-link .sidebar-subList>*:before{content:"";position:absolute;right:100%;top:50%;transform:translate(-10px,-50%);width:35px;height:1px;background:var(--themeColor)}aside .inner-block .sidebar-link .sidebar-subList>*:hover,aside .inner-block .sidebar-link .sidebar-subList .active{color:var(--themeColor)}/*! MAIN PANEL CSS */#main-panel-grid-block{width:100%;height:100vh;padding:52px 0 0}#main-panel-grid-block .header-block{position:fixed;top:0;left:0;width:100%;z-index:5;height:52px}#main-panel-grid-block .panel-inner-grid-block{padding-left:300px;height:calc(100vh - 52px)}#main-panel-grid-block .panel-inner-grid-block .sidebar-block{position:fixed;top:52px;left:0;z-index:5;width:300px;height:calc(100vh - 52px)}#main-panel-grid-block .panel-inner-grid-block .component-outlet-block{height:calc(100vh - 52px)}/*! PAGE HEADER CSS */#page-header{background:#006fc04a;padding:10px 20px;font-size:1.2rem;font-weight:700;position:relative}#page-header:after,#page-header:before{content:"";position:absolute;left:0;width:0;height:2px;background-color:var(--themeColor);animation:borderBottomAnimation 1s linear forwards infinite}#page-header:after{bottom:0}#page-header:before{top:0}@keyframes borderBottomAnimation{0%{width:0}to{width:100%}}#page-header div{display:flex;align-items:center;gap:10px}/*! SEARCH BAR CSS */#search-bar{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;border-bottom:1px solid #808080;padding-bottom:8px}/*! DATA FIELDS CSS */.group-input .input-date{position:relative}.group-input .input-date input.hide-input{position:absolute;top:0;left:0;opacity:0}.group-input .input-date input[type=date]::-webkit-calendar-picker-indicator{width:100%}.group-input .table-responsive{overflow-x:hidden;width:100%}.grid-input-field .instruction{color:#353535}.grid-input-field td input,.grid-input-field td select,.grid-input-field td textarea{background:transparent!important}.multi-select-field{position:relative}.multi-select-field .item-bar{border-bottom:1px solid grey;padding:5px 15px;background:#fff;display:grid;grid-template-columns:1fr 15px;align-items:center;gap:10px;height:26px;font-size:.85rem}.multi-select-field .item-bar div{overflow-x:auto;white-space:nowrap}.multi-select-field .item-bar ::-webkit-scrollbar{display:none}.multi-select-field .item-list{position:absolute;top:26px;left:0;background:#fff;width:700px;font-size:.85rem;display:flex;flex-wrap:wrap;gap:10px;padding:10px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.multi-select-field .item-list.right{left:initial;right:0;justify-content:flex-end}.multi-select-field .item-list div{padding:5px 10px;cursor:pointer;border-radius:5px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.multi-select-field .item-list div:hover{background:#80808024}.multi-select-field .item-list div.active{background:#006fc024}/*! MODAL GENERAL CSS *//*! ===================================================================== */.custom-modal{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:100}.custom-modal .modal-container .modal-btn{padding:8px 20px;border-radius:5px;cursor:pointer;display:block;transition:all .3s linear;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.custom-modal .modal-container .btn-1{background:#006fc057}.custom-modal .modal-container .btn-2{background:#80808030}.custom-modal .modal-container .btn-3{background:#ff000030}.custom-modal .modal-container .modal-btn:hover{box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.custom-modal .modal-container{width:600px;background:#fff;border-radius:5px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;overflow:hidden}.custom-modal .modal-container .modal-top{display:grid;grid-template-columns:1fr 16px;gap:20px;align-items:center;padding:10px 20px;border-bottom:1px solid #8080808c}.custom-modal .modal-container .modal-top .head{font-size:1.4rem;font-weight:700}.custom-modal .modal-container .modal-top .head span.red{color:red}.custom-modal .modal-container .modal-top .close-modal{cursor:pointer}.custom-modal .modal-container .modal-middle{padding:20px;max-height:60vh;overflow-y:auto}.custom-modal .modal-container .modal-bottom{display:flex;justify-content:flex-end;gap:20px;align-items:center;padding:10px 20px;border-top:1px solid #8080808c}.add-entities-modal .modal-container{width:60vw}.add-entities-modal .form-section{margin-bottom:20px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border-radius:10px}.add-entities-modal .form-section:nth-last-child(1){margin-bottom:0}.add-entities-modal .form-section .section-head{background:#006fc04a;font-weight:700;font-size:1.2rem;padding:10px 20px}.add-entities-modal .form-section .section-body{padding:20px}.add-entities-modal .password-field{position:relative}.add-entities-modal .password-field input{padding-right:35px!important}.add-entities-modal .password-field div{position:absolute;top:50%;right:5px;transform:translateY(-50%);cursor:pointer}.add-entities-modal .form-tabs{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.add-entities-modal .form-tabs div{padding:7px 15px;border-radius:35px;font-weight:700;background:#006fc026;cursor:pointer}.add-entities-modal .form-tabs div.active{background:var(--themeColor);color:#fff;font-weight:400}.add-entities-modal .group-input-2{grid-template-columns:1fr 100px}.add-entities-modal .group-input-2 label{font-size:.9rem;display:flex;align-items:center;gap:10px}.add-entities-modal .mobile-field{display:grid;grid-template-columns:100px 1fr}/*! PERSON MANAGEMENT CSS */#person-management-page{padding:20px}#person-management-page .top-block{display:grid;grid-template-columns:1.5fr 1fr 450px;align-items:center;gap:20px;margin-bottom:20px}#person-management-page .top-block .btn-bar{display:flex;justify-content:flex-end;align-items:center;gap:20px}#person-management-page .top-block .group-input-2{grid-template-columns:50px 1fr}#person-management-page .table-block{height:calc(100vh - 211px);overflow-y:auto}/*! LOGIN MANAGEMENT CSS */#login-account-management-page{padding:20px}#login-account-management-page .top-block{display:grid;grid-template-columns:1.5fr 1fr 500px;align-items:center;gap:20px;margin-bottom:20px}#login-account-management-page .top-block .btn-bar{display:flex;justify-content:flex-end;align-items:center;gap:20px}#login-account-management-page .top-block .group-input-2{grid-template-columns:50px 1fr}#login-account-management-page .table-block{height:calc(100vh - 211px);overflow-y:auto}/*! ACCESS MANAGEMENT CSS */#role-manager-page{padding:20px}#role-manager-page .top-block{display:grid;grid-template-columns:1.5fr 500px;align-items:center;gap:20px;margin-bottom:20px}#role-manager-page .top-block .btn-bar{display:flex;justify-content:flex-end;align-items:center;gap:20px}#role-manager-page .top-block .group-input-2{grid-template-columns:50px 1fr}#role-manager-page .table-block{height:calc(100vh - 211px);overflow-y:auto}/*! AUDIT TRAIL CSS *//*! ============================================================================= */#audit-trail-page{padding:20px}#audit-trail-page .top-block{display:grid;grid-template-columns:1fr 500px;align-items:center;gap:20px;margin-bottom:20px}#audit-trail-page .top-block .btn-bar{display:flex;justify-content:flex-end;align-items:center;gap:20px}#audit-trail-page .top-block .group-input-2{grid-template-columns:50px 1fr}#audit-trail-page .table-block{height:calc(100vh - 211px);overflow-y:auto}