*{margin:0;padding:0;box-sizing:border-box;font-size:12px;font-family:Poppins,serif;font-weight:500;font-style:normal}#root{--app-head-ht: 35px;--app-head-bgc: #a3a3a3;--app-head-fc:#fff;--app-foot-ht: 40px;--app-foot-bgc:#000;--app-foot-fc:#fff;--app-sidebar-width:250px;--app-sidebar-bgc:#3a3a3a;--app-sidebar-header-bgc:#000;--app-tab-header: 22px;--app-page-header-height: 50px;--modal-header-height: 40px;--modal-footer-height: 40px;--app-border-radius:10px;--app-border-radius-sub:7px}.gred{--cbgcolor: rgb(171,8,8);--cbg2color: rgb(255,0,31,1)}.ggreen{--cbgcolor: rgb(52, 128, 8);--cbg2color: rgb(14, 214, 104)}.gblue{--cbgcolor: rgb(8, 64, 128);--cbg2color: rgb(34, 124, 226)}.gyellow{--cbgcolor: #d1881d;--cbg2color: #ff9e0f}.ggray{--cbgcolor: #4c878c;--cbg2color: #50abb3}.gpurple{--cbgcolor: #5e1d8c;--cbg2color: #7519b5}.blue-green{--app-card-header:#005B62;--app-table-header:#005B62;--app-btn-bgc:rgb(216, 216, 216);--app-btn-ft:#232323}.green{--app-card-header:#91C788;--app-table-header:#91C788;--app-btn-bgc:#FF525A;--app-btn-color:#fff }.blue{--app-card-header:#34495E;--app-table-header:#34495E;--app-btn-bgc:rgb(216, 216, 216);--app-btn-ft:#232323}.purple{--app-card-header:#4A4593;--app-table-header:#4A4593;--app-btn-bgc:rgb(216, 216, 216);--app-btn-ft:#232323}button{border:none;outline:none}.rnd{border-radius:50%;display:flex;justify-content:center;align-items:center}#body-wrapper{width:100vw;height:100vh;position:relative;z-index:0}.body-grid{display:grid;grid-template-columns:45px auto}.body-grid-label{display:grid;grid-template-columns:var(--app-sidebar-width) auto}#app-wrapper{height:100vh;display:grid;grid-template-rows:var(--app-head-ht) auto var(--app-foot-ht);position:relative;z-index:1}#app-sidebar{min-height:100vh;overflow:auto;background-color:var(--app-sidebar-bgc);display:grid;grid-template-rows:var(--app-head-ht) auto var(--app-foot-ht);color:#fff;position:relative;z-index:1;font-family:Roboto Flex,sans-serif}#side-toolbar{display:flex;flex-direction:column;gap:30px;padding-top:20px;box-shadow:#0000004d 0 5px 15px}#app-header{padding-left:10px;background-color:var(--app-head-bgc);color:var(--app-head-fc);display:grid;grid-template-columns:auto auto;position:relative;z-index:2}#app-body{display:grid;grid-template-rows:100%;overflow:auto;position:relative;z-index:1;grid-template-columns:auto 40px}#app-footer{background-color:var(--app-foot-bgc);color:#c7c7c7;position:relative;z-index:2}#side-toolbar{background:#fff;border-left:solid 0px #d5d5d5}#app-name{color:#000;font-size:18px;font-weight:700}#app-header-actions{padding:0;display:grid;grid-template-columns:auto auto auto auto;gap:0px;justify-content:right;align-items:center;position:relative}#app-search-bar{position:relative;height:24px;border-radius:18px;border:solid 1px #464646;background-color:#fff;padding:0 10px}#app-search-bar input{border:none;padding:5px;min-width:220px;border-radius:5px}#app-search-bar input:focus{outline:none;border:none}.app-search-bar-list{min-height:60px;max-height:250px;width:450px;top:30px;right:0;position:absolute;border:solid 1px #b7b7b7;background-color:#fff;padding:0;border-radius:2px;overflow:auto;color:red}.app-search-bar-list .searc-page-item{padding:0}.app-search-bar-list .searc-page-item:hover{cursor:pointer;background-color:#d5d5d5}#ticket-btn:hover,#bookmark-btn:hover,#module-btn:hover,#profile-btn:hover{cursor:pointer}#app-bpm-notificaiton-bar{padding:2px 10px;display:grid;grid-template-columns:30px 30px 30px 30px;gap:10px;border-left:solid 0px #6c6c6c;border-right:solid 0px #6c6c6c}#app-bpm-notificaiton-bar .icon-div{padding:0;width:24px;height:24px;display:flex;justify-content:center;align-items:center;position:relative}#app-bpm-notificaiton-bar .icon-div svg{font-size:24px}.icon-div .badge{position:absolute;top:-2px;right:-6px;width:15px;height:15px;border-radius:50%;color:#000!important;font-size:9px;opacity:.95;padding-top:2px}.card-header-action .react-field .rlabel{display:none}#app-setting-bar{padding:5px 0;display:grid;grid-template-columns:30px 30px;gap:2px;height:var(--app-head-ht)}#app-setting-bar .icon-div{padding:10px;width:30px;height:30px;border-radius:50%;background-color:#2e2e2e;display:flex;justify-content:center;align-items:center}#app-setting-bar .icon-div:hover{cursor:pointer}.app-bar-popup:before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgb(90,82,82);position:absolute;top:-10px;left:415px}.app-bar-popup{position:relative;top:10px;background-color:#fff;min-width:440px;min-height:250px;right:416px;border:1px solid rgb(201,201,201);box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;border-radius:5px;padding-top:0}.user-profile-box{padding:20px;height:100%}.user-profile-box .theme{border-bottom:solid 0px #d5d5d5}.user-profile-box .info{display:grid;justify-content:center;align-items:center;padding:0 10px 10px}.user-profile-box .action{border-top:solid 0px #d5d5d5}.user-profile-box .avatar{width:100px;height:100px;border-radius:50%;overflow:hidden}.user-profile-box .avatar img{width:100%}.module-box{display:grid;grid-template-columns:6fr 6fr;padding:10px;gap:10px}.module-box-item{border:solid 1px #ececec;border-radius:5px;padding:10px;display:grid;justify-content:center;align-items:center;font-size:20px}.module-box-item:hover{background-color:#f8f8f8;cursor:pointer}.module-box-item svg{font-size:20px}.module-box-item.active{background-color:var(--app-card-header);border-color:#646464;color:var(--app-btn-bgc)}#app-sidebar-body{position:relative}#app-sidebar-footer{background-color:var(--app-sidebar-header-bgc)}#app-menubar{display:block;grid-template-rows:var(--app-head-ht) auto var(--app-foot-ht);width:calc(100wv - var(--app-sidebar-width));background-color:#ff0;position:absolute;left:var(--app-sidebar-width);z-index:2}#app-menubar-header{background-color:var(--app-head-bgc)}#app-menubar-footer{border-top:solid 1px var(--menu-border-color)}#app-menubar-body{overflow:auto}.tab{display:grid;grid-template-rows:var(--app-tab-header) auto}.tab-header{display:grid;grid-template-columns:auto 40px;grid-template-rows:12fr;background-color:#e9e9e9;overflow-y:hidden;border-bottom:solid 1px #d5d5d5}.tab-header-body{display:flex;flex-direction:row;width:100%;overflow-x:hidden}.tab-header-item{display:flex;justify-content:center;align-items:center;gap:10px;border-right:1px solid #3f3f3f1f;overflow:hidden;padding-left:10px;padding-right:3px;min-width:150px;position:relative}.tab-header-item.active{background-color:var(--app-card-header);color:var(--app-btn-bgc)}.tab-header-item-label{white-space:nowrap}.tab-header-scroll{padding:0;box-shadow:#00000059 0 1px 38px;border-left:solid 1px #b7b7b7}.tab-header-scroll div{width:20px;padding:5px;border-right:solid 1px #b7b7b7}.tab-header-scroll div:hover{cursor:pointer;color:var(--app-card-header)}.tab-header-item-label:hover{cursor:pointer}.tab-header-item-action{display:flex;justify-items:center;align-content:center;color:red;padding:2px 5px}.tab-header-item-action:hover{background-color:#a71b1b;color:#000;cursor:pointer}.tab-body{overflow:auto;display:grid;grid-template-rows:12fr;padding:15px}#app-sidebar-popup{position:absolute;top:var(--app-head-ht);background-color:#fff;width:calc(100vw - var(--app-sidebar-width));left:calc(var(--app-sidebar-width));bottom:var(--app-foot-ht);display:grid;grid-template-columns:auto auto auto auto;gap:20px;overflow:auto;padding:20px;font-family:Roboto Flex,sans-serif!important}#app-sidebar-popup .menu-process>div{color:red;padding:0;border-bottom:solid 0px #b7b7b7}#app-sidebar-popup .menu-process .app-menu{color:#000;border:none;display:grid;grid-template-columns:auto 30px;padding:3px 5px;gap:10px}#app-sidebar-popup .menu-process .app-menu span:nth-child(2n){color:#fff}#app-sidebar-popup .menu-process .app-menu span:nth-child(2n):hover{color:red}.app-menu:hover{cursor:pointer;color:var(--app-btn-bgc)!important;background-color:var(--app-card-header)}#app-sidebar-overlay{grid-area:overlay;background-color:var(--app-overlay-bgc)}.app-menu.active{background-color:var(--app-card-header)}.app-menu{display:grid;grid-template-columns:40px auto 30px;padding:10px;color:#fff;border-bottom:solid 1px #424242;text-decoration:none}.app-menu i{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:13px}.app-menu span{display:flex;flex-direction:column;justify-content:center;align-items:start;color:inherit;font-family:Roboto Flex,sans-serif;padding:3px}.favItem{padding:7px;text-align:left;border-bottom:solid 1px #d5d5d5}.favItem:hover{background-color:#ccc}.flx-c{display:flex;flex-direction:row;justify-content:center;align-items:center}.flx-l{display:flex;flex-direction:row;justify-content:left;align-items:center}.flx-r{display:flex;flex-direction:row;justify-content:right;align-items:center}.gap5{gap:5px}.gap10{gap:10px}.gap15{gap:15px}.flx-item-left{display:flex;gap:10px;justify-content:flex-start;align-items:center}.flx-item-right{display:flex;gap:10px;justify-content:flex-end}.flx-item-center{display:flex;justify-content:center;align-items:center}.txtR{text-align:right}.flxgc{justify-content:center;align-items:center}.pads10{padding:0 10px}.pads15{padding:0 15px}.pads20{padding:0 20px}.pads30{padding:0 30px}.padb5{padding:5px}.padb10{padding:10px}.padb15{padding:15px}.padb20{padding:20px}.padb30{padding:30px}.padt10{padding:10px 0}.padt15{padding:15px 0}.padt20{padding:20px 0}.padt30{padding:30px 0}#app-login{width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(90deg,#92c5ff,#fff 100%,#00d4ff)}#app-login-container{width:80dvw;min-height:450px;max-height:100dvh;border:solid 1px #d5d5d5;display:grid;grid-template-columns:8fr 4fr;grid-template-rows:12fr;border-radius:20px;overflow:hidden;gap:20px;box-shadow:#00000059 0 5px 15px;background-color:#fff}#app-login-form{display:block;grid-template-rows:4fr 8fr;gap:20px}#app-login-form input{padding:10px;border-radius:5px}#app-login-form .field{padding:0}#app-login-form .field button{background-color:#1c5290;color:#fff;border-radius:5px}#app-login-form .field button:hover{background-color:#2b5f99}#app-login-banner{overflow:hidden;background-image:url(bannner.jpg);background-repeat:round}#app-login-banner img{width:100%;object-fit:fill}.formFields{padding:0}.formFields label{width:100%;text-align:left;margin-bottom:0}.formFields input,.formFields select{width:100%;padding:5px;border:solid 1px #a6a6a6}.formFields textarea{min-width:100%;max-width:100%;padding:5px;border:solid 1px #a6a6a6}.formFields .error{border-color:red;color:red}.formFieldContainer{border:solid 1px #a6a6a6;display:flex;flex-direction:row;height:35px;align-items:center}.formFieldContainer input{padding:5px;border:none;width:100%;height:31px}.formFieldContainer input:disabled{background-color:#e5e5ce}.formFieldContainer input:required{background-color:#ffff95}.formFieldContainer select{padding:5px;border:none;width:100%;height:31px}.formFieldContainer .fieldIcon{display:flex;flex:1;align-items:center;justify-content:center;border-right:solid 1px #a6a6a6;width:30px;height:30px;padding:10px}.formFieldContainer .fieldIcon svg{font-size:16px}.dataSelectBox svg{font-size:12px!important}.formFieldContainer input[type=button],.formFieldContainer input[type=submit]{min-width:80px}.formFieldContainer input[type=button]:hover,.formFieldContainer input[type=submit]:hover{cursor:pointer}.select-popup{position:absolute;background-color:#fff;width:100%;top:34px;border:solid 1px #d5d5d5}.select-popup input{margin-bottom:0}.card{min-height:50px;position:relative;border:solid 0px var(--app-card-header);border-radius:var(--app-border-radius);box-shadow:#0009 0 5px 15px}.card-grid{display:grid;grid-template-rows:32px auto}.cardhead{background-color:#f8f9fd;border-bottom:solid 1px #b7b7b7;display:grid;grid-template-columns:auto auto;background-color:var(--app-card-header);color:var(--app-btn-bgc);border-radius:var(--app-border-radius-sub) var(--app-border-radius-sub) 0px 0px}.card-header-info{display:flex;justify-content:left;align-items:center;gap:10px;padding-left:10px}.card-header-icon{display:flex;justify-content:center;align-items:center}.card-header-pagename,.card-header-breadCrumb{display:flex;justify-content:left;align-items:center}.card-header-action{display:flex;justify-content:right;align-items:center;gap:10px;padding-right:10px}.carddata{min-height:200px;overflow:auto;border-radius:0px 0px var(--app-border-radius) var(--app-border-radius)}.cardfooter{background-color:#4a4a4a;border-top:solid 1px #d7d7d7;display:flex;justify-content:center;align-items:center;border-radius:0px 0px var(--app-border-radius-sub) var(--app-border-radius-sub);overflow:hidden}.amnBox .react-field{background-color:#fffc;border-radius:5px;padding-left:5px}.ticketImage img{width:100%}.react-field{padding:0;background-color:#fff}.react-field label{color:#000}.rlabel{font-size:12px}.rlabel span:first-child{margin-right:5px;font-size:12px!important;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.merge .react-field{display:grid;grid-template-columns:40% auto 2px;border:solid 1px #ccc;border-radius:4px}.merge .react-field .rlabel{display:flex;align-items:center;padding-left:5px;border-right:solid 1px #ccc;background-color:#ebebeb;border-radius:5px 0 0 5px}.merge .react-field-checkbox{display:flex;border:solid 0px #ccc;border-radius:4px;align-items:center}.field{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:transparent;position:relative;color:#2c2c2c;padding:2px}.field-checkbox{display:flex;flex-direction:row;justify-content:left;align-items:center;background-color:transparent;position:relative;color:#2c2c2c;padding:2px}.field-checkbox input[type=checkbox]{width:26px}.field-checkbox .icon{width:26px;padding-left:0}.row .react-field .field{border:none;border-bottom:solid 2px var(--app-head-bgc);border-radius:0}.row .react-field .field .icon{border:none!important}.row .react-field .field input::placeholder{color:transparent}.row .react-field .field label{color:#30495e}.row .react-field .field input:focus{border-color:var(--app-card-header)}.row .react-field-checkbox{display:flex;border:none;border-radius:4px;align-items:center}.loginStyle .field{border:solid 1px #d5dae2;border-radius:5px;background-color:#e8f0fe}.loginStyle .field input:focus{background-color:transparent}.field .icon{width:26px;padding-left:0}.field .icon .icon-box{width:22px!important;height:22px!important;font-size:18px;border-radius:50%}.field .icon .icon-box:hover{background-color:var(--app-head-bgc)}.field .icon .icon-box svg{font-size:12px!important}.field .icon .icon-box.error{background-color:red;color:#fff}.field.mandatory{background-color:#fffde4}.rlabel .mandatory{color:red}.field input,.field select,.field textarea{width:100%;color:#222;border:none;outline:none;background-color:transparent;padding:2px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{outline:none}.field button{width:100%;height:100%;background-color:var(--app-btn-bgc);color:var(--app-btn-color);padding:4px;border-radius:5px}.field button:disabled{background-color:#828282}.float-btn{position:absolute;bottom:10px;right:10px}.float-btn button{width:40px;height:40px;border-radius:50%;border:solid 1px #d5d5d5;overflow:hidden;background-color:var(--app-btn-bgc);opacity:.7}.float-btn button:hover{width:50px;height:50px;opacity:1}.field input:-webkit-autofill{background-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}input{background:none}input:-internal-autofill-selected{background-color:red}.field .select-popup{background-color:#fff;min-width:100%;position:absolute;border:solid 1px var(--app-head-bgc);top:29px;z-index:1;right:0}.field .select-popup input{padding:5px;border-bottom:solid 1px var(--app-head-bgc)}.field .select-popup .select-source{min-height:100px;max-height:200px;overflow:auto}.field .select-popup .select-source table{border-collapse:collapse;min-width:100%}.field .select-popup .select-source table thead{background-color:#d5d5d5;position:sticky}.field .select-popup .select-source table thead tr{border-bottom:solid 1px #b7b7b7;color:#333}.field .select-popup .select-source table thead tr th{padding:5px}.field .select-popup .select-source table tbody tr{border-top:solid 1px #dfdfdf;padding:5px;cursor:pointer}.field .select-popup .select-source table tbody tr:hover{background-color:#e2e2e2}.field .select-popup .select-source table tbody tr td{padding:5px}.tool-tip-parent{position:relative}.tool-tip-parent:hover .tool-tip{visibility:visible;opacity:1}.tool-tip{visibility:hidden;position:absolute;min-height:40px;min-width:200px;background-color:red;color:#fff;text-align:center;padding:5px;z-index:2;opacity:0;transition:opacity .6s;top:4px;bottom:auto;right:30px}.tool-tip:after{content:"";position:absolute;top:7px;right:-10px;margin-top:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #f00}.tool-tip-parent:hover .small-tool-tip{display:block;opacity:1}.small-tool-tip{display:none;position:absolute;min-height:20px;min-width:120px;background-color:#4a4a4a;color:#fff;text-align:center;padding:5px;z-index:2;opacity:0;transition:opacity .6s;top:30px;border-radius:5px}.small-tool-tip:before{content:"";position:absolute;top:-10px;left:calc(50% - 5px);margin-top:0;border-width:5px;border-style:solid;border-color:transparent transparent #4A4A4A transparent}.small-tool-tip.right{right:0}.small-tool-tip.right:before{left:calc(100% - 25px)}.flextable{margin:0 auto;width:100%;overflow:auto;border:solid 1px #d7d7d7;min-height:250px}.table{border-collapse:collapse;width:100%;border:solid 0px #d7d7d7}.table tr{border-top:solid 1px #d7d7d7;border-bottom:solid 1px #d7d7d7}.table tr:last-child{border-bottom:none}.table tr:first-child{border-top:none}.table tr td{border:solid 0px #e7e7e7;padding:5px;color:#5a5a5a}.table tr:nth-child(2n-1){background-color:#f9f9f9}.table tr th{border:solid 0px #e7e7e7;padding:8px;font-weight:400;text-align:left}.table tr td.actions{min-width:70px}.table tr td.actions a{display:inline-block;color:inherit;text-decoration:none;padding:5px;text-transform:capitalize}.table tr td.actions a:hover{color:red;cursor:pointer}.table tr td.actions a i{font-size:12px}.table tr td.actions a span{margin-left:3px;text-align:left;padding:0 5px;display:inline-block}.table thead{border-bottom:solid 1px #d5d5d5;background-color:var(--app-table-header)!important}.table-header-actions{display:flex;flex-direction:row;gap:10px;justify-content:left;align-items:center;height:40px;padding:1px;margin-top:0;border-bottom:solid 1px #c3c0c0}.table tbody{overflow:auto}.table-header-actions .table-column-chooser{position:relative}.table-header-actions .table-column-chooser .chooser-btn{border:solid 0px #d5d5d5}.table-header-actions .table-column-chooser .chooser-btn:hover{cursor:pointer}.chooser-item-box{position:absolute;z-index:2;background-color:#fff;top:25px;right:0;min-width:250px;border:solid 1px #d6d6d6;max-height:200px;overflow:auto}.chooser-item-box div{padding:5px;border-bottom:solid 1px #ececec;white-space:nowrap}.chooser-item-box input{margin-right:10px}.grid-pagination{display:grid;grid-template-columns:auto auto auto;border-top:solid 1px #b7b7b7;padding:5px}.table-header-actions{display:grid;grid-template-columns:7fr 5fr;padding-left:10px;padding-right:10px}.table-header-actions .table-global-search{display:grid;grid-template-columns:auto 30px;align-items:center}.table-header-actions .table-global-search svg{padding:5px}.table-header-actions .table-global-search input{padding:5px;min-width:200px;border:solid 0px #b7b7b7}.table-header-actions .table-global-search input:focus{outline:none;border-bottom:solid 1px var(--app-card-header)}.table-header-actions button{background-color:transparent}.table-header-actions button:hover{background-color:var(--app-btn-bgc)}.page-listing select{border:none;outline:none}.clickable:hover{cursor:pointer}.page{border:solid 1px #d7d7d7;height:90vh;position:relative}.page-grid{display:grid;grid-template-rows:var(--app-page-header-height) auto}.page-head{border-bottom:solid 1px #d7d7d7;display:grid;grid-template-columns:auto auto;background-color:var(--app-page-header);overflow:auto;min-height:var(--app-page-header-height)}.page-info{display:grid;grid-template-columns:30px auto auto;gap:10px;padding-left:10px}.page-icon{display:flex;justify-content:center;align-items:center}.page-name{display:flex;justify-content:left;align-items:center}.page-action-container{display:flex;justify-content:right;align-items:center;gap:10px;padding-right:10px}.page-breadcrumb{padding-right:5px}.page-actions{display:flex;justify-content:right;align-items:center;gap:10px}.page-action-btn{border:solid 1px #000000;display:grid;height:35px;padding:10px;min-width:35px;border-radius:5px}.page-action-btn:hover,.page-action-btn label:hover{cursor:pointer}.page-action-btn-circle{border-radius:50%;padding:0}.page-action-btn-grid{grid-template-columns:25px auto}.page-action-btn label{padding-right:10px}.page-body{min-height:200px;overflow:auto;padding:20px}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0c0c0c75;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--app-border-radius)}.modal-overlay .modal{background-color:#fff;min-width:800px;max-width:70vw;display:grid;grid-template-rows:35px auto 45px;min-height:300px;max-height:70vh;border-radius:var(--app-border-radius)}.modal-overlay .modal.side{position:relative;top:0;bottom:0;max-height:100%;min-height:100%;min-width:250px;max-width:40vw}.modal-overlay .modal-no-footer{grid-template-rows:35px auto}.modal-overlay .modal .modal-head{background-color:var(--app-card-header);color:var(--app-btn-bgc);display:grid;grid-template-columns:auto 30px;border-bottom:solid 1px #d5d5d5;border-radius:var(--app-border-radius-sub) var(--app-border-radius-sub) 0px 0px;overflow:hidden}.modal-overlay .modal .modal-head .close{padding:2px;border:solid 0px var(--modal-border)}.modal-overlay .modal .modal-head .close:hover{border:solid 1px var(--input-focus-border);color:var(--input-focus-border);cursor:pointer}.modal-overlay .modal .modal-body{padding:10px;background-color:#fff}.modal-overlay .modal .modal-body>svg{font-size:30px;padding:5px;margin-bottom:0}.modal-overlay .modal .modal-body span{font-size:14px;text-transform:capitalize;text-align:center}.modal-overlay .modal .modal-footer{background-color:var(--app-card-header);color:var(--app-btn-bgc);border-top:solid 1px #d5d5d5;padding:0 10px;gap:10px;border-radius:0px 0px var(--app-border-radius-sub) var(--app-border-radius-sub);overflow:hidden}.modal-overlay .modal .modal-footer button{border:solid 1px #575757;padding:5px 10px;min-width:80px;background-color:var(--app-btn-bgc);color:var(--app-btn-ft)}.modal-overlay .modal .modal-footer button:hover{cursor:pointer}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:var(--app-card-header);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.z-field{padding-bottom:10px;position:relative;z-index:0;--field-brd-color:#b7b7b7}.z-field label{width:100%;text-align:left;margin-bottom:0}.z-field .field-item{width:100%;height:30px;display:flex;flex-direction:row;border:solid 1px var(--field-brd-color);gap:5px;padding:5px;position:relative;z-index:1}.z-field .field-item input{width:100%;border:none}.z-field .field-item input:focus{outline:none}.z-field .field-item select{width:100%;border:none}.z-field .field-item select:focus{outline:none}.z-field .field-item textarea{width:100%;border:none}.z-field .field-item textarea:focus{outline:none}.z-field .field-item .field-item-icon{width:20px;height:20px;border-radius:50%;border:solid 1px var(--field-brd-color);display:flex;justify-content:center;align-items:center}.z-field .error{color:red!important;border-color:red!important}.zFields input,.zFields select{width:100%;padding:5px;border:solid 1px #a6a6a6;margin-bottom:5px}.zFields textarea{min-width:100%;max-width:100%;padding:5px;border:solid 1px #a6a6a6;margin-bottom:5px}.formBox{display:grid;padding:20px;row-gap:5px;column-gap:20px}.sub-tab{min-height:200px;display:grid;grid-template-rows:30px auto;width:100%;border:solid 0px var(--app-card-header)}.sub-tab-head{border-bottom:solid 0px #b7b7b7;display:flex;flex-direction:row;justify-content:left;align-items:center;background-color:var(--app-card-header);color:var(--app-btn-bgc)}.sub-tab-head-item{height:100%;min-width:150px;padding:5px 20px;border-right:solid 1px #b7b7b7;display:flex;justify-content:center;align-items:center}.sub-tab-head-item:hover{cursor:pointer}.sub-tab-head-item.active{border-top:solid 2px var(--app-card-header);background-color:#fff;color:var(--app-card-header)}.sub-tab-body{overflow:auto;position:relative}.sub-tab-body-item{overflow:auto;height:100%}input:-webkit-autofill{background-color:transparent!important;color:inherit!important;box-shadow:none!important;-webkit-box-shadow:none!important}.editable-table input[type=number]::-webkit-inner-spin-button,.editable-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editable-table{border:1px solid #d5d5d5;table-layout:auto;min-width:100%}.editable-table thead .tr{min-width:100%;background-color:#e0e0e0!important}.editable-table thead .tr:hover{background-color:#e0e0e0!important}.editable-table .tr{display:flex;border-bottom:solid 1px #d5d5d5}.editable-table .tr:hover{background-color:#0000000a!important}.editable-table .tr:nth-child(2n-1){background-color:#f6f6f6}.editable-table .td{padding:0 5px;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.editable-table .th{border-right:solid 1px #c3c0c0;background-color:#e0e0e0;color:#2a2a2a;position:relative;display:grid;padding-right:10px;font-weight:700;font-size:12px;text-transform:capitalize;gap:5px;grid-template-columns:5px auto 15px 15px;height:30px;min-width:100px}.editable-table .th:first-child{min-width:50px}.editable-table .th:last-child{border-right:none}.editable-table .td div{width:100%;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editable-table .tf{border-right:solid 0px #c3c0c0;color:#2a2a2a;position:relative;padding-right:15px;font-weight:700;font-size:12px;text-transform:capitalize;height:30px;min-width:100px;display:grid;align-items:center;text-align:right}.table-filter-text{border:solid 1px #d5d5d5;border-radius:5px;line-height:0px;display:flex;overflow:hidden}.table-filter-text div:first-child{border-right:solid 1px #cccccc;color:red;background-color:#e9e9e9;padding:10px}.table-filter-text div:last-child{padding:10px}table tr.active{background-color:#c7c7c7}.editable-table td input{padding:0rem;background-color:transparent;max-width:100%;border:none;outline:none}.editable-table .td>input:focus{outline:none;border:solid 1px #b3b3b3}.editable-table .th .col-name{white-space:nowrap;padding:5px;display:flex;justify-items:left;align-items:center;overflow:hidden;text-overflow:ellipsis}.editable-table .th .col-name.action{white-space:nowrap;padding:5px;min-width:80px}.editable-table .th .sorter{width:15px;display:flex;justify-items:right;align-items:center;margin-left:auto}.editable-table .th .sorter:hover{color:red;cursor:pointer}.editable-table .th .grid-filter{width:15px;display:flex;justify-items:center;align-items:center;margin-left:auto}.editable-table .th .grid-filter:hover{color:red;cursor:pointer}.grid-filter-popup{position:absolute;top:32px;right:0;z-index:2;background-color:#d5d5d5;padding:10px}.grid-filter-popup input{padding:5px;min-width:180px;border:solid 1px #575757;outline:none;width:100%}.grid-filter-popup select{padding:5px;min-width:180px;border:solid 1px #575757;margin-bottom:5px;width:100%}.grid-filter-popup:after{content:"";position:absolute;top:-10px;right:33px;margin-top:0;border-width:5px;border-style:solid;border-color:transparent transparent #f00 transparent}.grid-action-cell:hover{cursor:pointer}.date-wrapper{display:"flex";align-items:"center";width:"100%";height:"100%"}.resizer{position:absolute;opacity:0;top:0;right:0;height:100%;width:5px;background-color:#27bbff;cursor:col-resize;border-radius:6px}.resizer.isResizing{background-color:"#2eff31";opacity:1}*:hover>.resizer{opacity:1,}.dragger{opacity:0;height:100%;width:10px;background-color:#3535352a;cursor:move}.dragger:hover{opacity:1}.dragge-over{opacity:1!important}.previewer-overlay{position:absolute;top:0;display:flex;justify-content:center;align-items:center;background-color:#00000087;bottom:0;left:0;right:0}.previewer{border:solid 1px #d5d5d5;min-width:400px;display:grid;grid-template-rows:30px minmax(200px,300px)}.previewer-head{display:grid;grid-template-columns:auto 30px;border-bottom:solid 1px #d5d5d5;background-color:var(--app-card-header)}.previewer-head span{padding:0 10px}.previewer-body{width:100%;overflow:hidden}.previewer-body img{width:100%}.previewer-body iframe{width:100%;height:100%}.zdashcontainer{display:grid;grid-template-columns:3.5fr 8.5fr;height:100%;box-sizing:border-box;overflow:hidden;--cardbrd: #e0e0e0;--gap: 15px;gap:var(--gap);--cardbg: #fff;--grid-link: 12px;--grid-link-clr: #b5b5b5}.fCenter{display:flex;flex-direction:column;justify-content:center;align-items:center}.bsdow{box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.bsdow:hover{cursor:pointer}.dashcontainer div{box-sizing:border-box}.dilobox{display:grid;grid-template-rows:auto auto;row-gap:var(--gap)}.dilobox .dprofile{display:grid;grid-template-rows:auto auto;border:solid 1px var(--cardbrd);background-color:var(--cardbg);padding:var(--gap)}.dilobox .dprofile .imgcard{border:solid 1px var(--cardbg);padding:10px;display:flex;justify-content:center;align-items:center}.dilobox .dprofile .imgcard .img{width:100px;height:100px;border-radius:50%;border:solid 1px var(--cardbrd)}.dilobox .dprofile .profile_info{text-align:center}.dilobox .dprofile .profile_info h1.profile_name{padding:0;margin:0;font-size:24px;font-weight:400;text-transform:uppercase}.dilobox .dprofile .profile_info h2.designation{padding:0;margin:0;font-size:16px;font-weight:400}.dilobox .dcardbox{display:grid;grid-template-columns:4fr 4fr 4fr;grid-template-rows:auto auto;column-gap:var(--gap);row-gap:calc(var(--gap) * 1.5);padding-top:20px}.dilobox .dcardbox .dcard{border:solid 1px var(--cardbrd);background-color:var(--cardbg);position:relative;background-image:url(../assets/Icons/card_corner.png);background-position:left bottom;height:100px}.dilobox .dcardbox .dcard .cardbrddiv{position:relative;top:-15px;height:40px;width:50%;left:25%;border-radius:7px;background:var(--cbgcolor)!important;background:linear-gradient(0deg,var(--cbgcolor) 0%,var(--cbg2color) 100%)!important;color:#fff}.dilobox .dcardbox .dcard .cardbrddiv i{font-size:24px}.dilobox .dcardbox .dcard .cardbrddiv img{display:block;width:20px}.dilobox .dcardbox .dcard .dcardhead{border-bottom:solid 1px var(--cardbrd);font-size:16px;text-transform:uppercase;padding-bottom:5px;text-align:center}.dilobox .dcardbox .dcard .dcardhead img{display:block;width:24px}.dilobox .dcardbox .dcard .dcarddata{text-align:center;color:var(--cbg2color)!important;font-size:20px;font-weight:700}.natabox{display:grid;grid-template-rows:12fr}.natabox .ncardbox{display:grid;grid-template-rows:auto 40px;border:solid 1px var(--cardbrd);background-color:var(--cardbg);padding:10px}.natabox .ncardbox .ngrid{position:relative;padding:var(--gap)}.natabox .ncardlink{display:flex;justify-content:center;align-items:center}.natabox .ncardlink .glink{width:var(--grid-link);height:var(--grid-link);border-radius:50px;background-color:var(--grid-link-clr);display:inline-block;margin-right:10px}.natabox .ncardlink .glink:hover{cursor:pointer;background-color:#000}.natabox .cycle-slideshow{height:100%;border:1px #e0e0e0 solid}.natabox .ncardlink .cycle-pager-active{background-color:#000}.natabox-nochild{display:flex;justify-content:center;align-items:center}.natabox-nochild img{display:block;width:60%}.natabox-child{display:grid;grid-template-rows:30px auto;border:solid 1px #d5d5d5}.natabox-child-head{display:flex;align-items:center;padding:10px;border-bottom:solid 1px #d5d5d5;background-color:var(--cbgcolor);color:#fff}.natabox-child-body{padding:10px;overflow:auto}.zloader{--wsize: 100px;--hsize: calc(var(--wsize) + 20px);--poswSize: calc(var(--wsize) / 2);--poshSize: calc(var(--hsize) / 2);display:grid;grid-template-rows:var(--size) auto;row-gap:10px;width:var(--wsize);height:var(--hsize);position:relative;top:calc(50vh - var(--poshSize));left:calc(50vw - var(--poswSize))}.zloader .logo{animation:rotateme 3s infinite;animation-timing-function:linear}.zloader .logo img{width:100%}.zloader .label{animation:blinkme 1s infinite;display:flex;justify-content:center;align-items:center;font-size:14px}@keyframes rotateme{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blinkme{0%{color:#272727}50%{color:#d5d5d5}to{color:#272727}}.taskCardHolder{display:grid;grid-template-columns:4fr 4fr 4fr;grid-template-rows:max-content max-content;padding:20px;gap:30px;--tskcardbrd: #e0e0e0;--tskcardbk: #fff;--tskcardclr: #464646;overflow:auto;--bbbbb: #e5e5e5}.taskCard{border:solid 1px var(--bbbbb);background-color:var(--tskcardbk);color:var(--tskcardclr);padding:10px}.taskCard:hover{--tskcardbk: #ffedd2;--tskcardclr: #ec840d;--tskcardbrd: #9ccdfd;--bbbbb: #ec840d}.taskCardBody{display:grid;grid-template-columns:50px auto}.taskCard .taskCardBody .taskCardIcon{background-color:var(--tskcardclr);padding:5px;height:50px;display:flex;justify-content:center;align-items:center}.taskCard .taskCardBody .taskCardIcon img{width:30px}.taskCard .taskCardBody .taskCardData{padding:0 10px}.taskCardFooter{display:grid;grid-template-columns:7fr 5fr;margin-top:15px;gap:10px}.taskCardFooter .date{display:flex;text-align:left;align-items:center;font-size:12px}.taskCardFooter .action{display:flex;justify-content:center;align-items:center}.taskCardFooter .action button{width:100%;padding:5px;background-color:transparent!important;color:#ec840d;border:solid 1px #ec840d;font-size:13px;box-shadow:none}.taskCardFooter .action button:hover{box-shadow:none;background-color:#ec840d!important}.pivot-grid{border:solid 0px #000;padding:10px;display:grid;grid-template-rows:1fr auto;position:relative}.pivot-grid .pivot-grid-area{min-height:200px;border:solid 1px #bdbdbd;margin-top:15px;overflow:auto}.pivot-config-area{display:grid;grid-template-columns:6fr 6fr;border:solid 0px #d5d5d5;gap:10px}.pivot-config-area>div:first-child{border-right:solid 1px #d5d5d5;padding:5px}.pivot-col-row-area{display:grid;grid-template-rows:auto auto;gap:15px}.pivot-col-row-area>div{min-height:30px}.pivot-config-area .pivot-placeholder{color:#d5d5d5;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pivot-btn{margin-bottom:10px;display:flex;flex-direction:row;gap:10px}.pivot-filter{padding:5px;gap:5px;border:solid 1px #d5d5d5;margin-bottom:15px;position:relative}.pivot-filter div:first-child{font-size:10px;position:relative;top:-10px;left:20px;background-color:#fff;padding:0 10px;width:90px;color:#8c8c8c;text-align:center}.pivot-filter .item{border:solid 1px #b3b3b3;border-radius:0;padding:5px 10px;cursor:move;display:inline-block;margin-bottom:5px;margin-right:5px;color:#5d5d5d;text-transform:capitalize;font-size:12px}.pivot-filter .item svg{margin-left:5px}.pivot-row{padding:5px;gap:5px;position:relative;border:solid 1px #d5d5d5}.pivot-row div:first-child{font-size:10px;position:relative;top:-10px;left:20px;background-color:#fff;padding:0 10px;width:90px;color:#8c8c8c;text-align:center}.pivot-row .item{border:solid 1px #b3b3b3;border-radius:0;padding:5px 10px;cursor:move;display:inline-block;margin-bottom:5px;margin-right:5px;color:#5d5d5d;text-transform:capitalize;font-size:12px}.pivot-column{padding:5px;gap:5px;position:relative;border:solid 1px #d5d5d5}.pivot-column div:first-child{font-size:10px;position:relative;top:-10px;left:20px;background-color:#fff;padding:0 10px;width:90px;color:#8c8c8c;text-align:center}.pivot-column .item{border:solid 1px #b3b3b3;border-radius:0;padding:5px 10px;cursor:move;display:inline-block;margin-bottom:5px;margin-right:5px;color:#5d5d5d;text-transform:capitalize;font-size:12px}.pivot-data{padding:5px;gap:5px;position:relative;border:solid 1px #d5d5d5}.pivot-data div:first-child{font-size:10px;position:relative;top:-10px;left:20px;background-color:#fff;padding:0 10px;width:90px;color:#8c8c8c;text-align:center}.pivot-data .item{border:solid 1px #b3b3b3;border-radius:0;padding:5px 10px;cursor:move;display:inline-block;margin-bottom:5px;margin-right:5px;color:#5d5d5d;text-transform:capitalize;font-size:12px}.pivot-table{border-collapse:collapse;font-size:12px;width:max-content;min-width:100%}.pivot-table tr th{border-bottom:solid 1px #bdbdbd;border-right:solid 1px #bdbdbd;padding:4px;text-transform:capitalize;font-weight:400;background-color:#e8e8e8;position:relative}.pivot-table tr th:last-child{border-right:none}.pivot-table tr th.merge{border-bottom:none}.pivot-table tr td{border-top:solid 1px #bdbdbd;border-right:solid 1px #bdbdbd;padding:4px;text-transform:capitalize;font-weight:400}.pivot-table tr td.merge{border-top:none;color:transparent}.pivot-table tr:last-child{border-bottom:solid 1px #bdbdbd!important}.pivot-grid-overlay{position:absolute;width:100%;top:0;bottom:0;background-color:#22222276;display:flex;justify-content:center;align-items:center}.pivot-grid-overlay-modal{width:400px;min-height:150px;background-color:#fff;border-radius:10px}.pivot-grid-overlay-modal-head{padding:10px 0;display:grid;grid-template-columns:auto 40px;background-color:#e7e7e7;border-radius:10px 10px 0 0;border-bottom:solid 1px #d5d5d5}.pivot-grid-overlay-modal-head div:first-child{padding:0 10px}.pivot-grid-overlay-modal-head div:last-child{text-align:center}.pivot-grid-overlay-modal-head div:last-child:hover{cursor:pointer}.pivot-grid-modal-item{display:grid;grid-template-columns:5fr 7fr;border:solid 1px #d5d5d5;margin-bottom:10px}.pivot-grid-modal-item>div:first-child{border-right:solid 1px #d5d5d5;padding:5px}.pivot-grid-overlay-modal-body{padding:20px 20px 30px}.pivot-grid-overlay-modal-body div{text-align:center;text-transform:capitalize}.pivot-grid-overlay-modal-body select,.pivot-grid-overlay-modal-body input{width:100%;border:none;overflow:none;padding:5px;text-transform:capitalize;outline:none}.pivot-table .grand-total-tr{background-color:#e8e8e8}.pivot-resizer{position:absolute;top:0;right:0;width:8px;bottom:0}.pivot-resizer:hover{cursor:e-resize}.pivot-table .td-right{text-align:right}.help-tip{position:absolute;min-height:40px;min-width:200px;background-color:#e6ffe5;color:#16a422;border:solid 1px #16a422;text-align:center;padding:5px;z-index:2;transition:opacity .6s;top:30px;bottom:auto;right:0}.help-tip:after{content:"";position:absolute;top:-10px;right:0;margin-top:0;border-width:5px;border-style:solid;border-color:transparent transparent #16a422 transparent}.calendar{min-width:450px;border:solid 1px #727272;position:relative;border-radius:5px}.calendar-body{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;width:100%;border-top:solid 1px #727272;border-left:solid 1px #727272}.calendar-body .weak-header{display:grid;justify-content:center;align-items:center;padding:5px;white-space:nowrap;text-overflow:ellipsis;border-right:solid 1px #727272;border-bottom:solid 1px #727272}.calendar-body .day{display:grid;grid-template-rows:auto 1fr;grid-template-columns:12fr;border-right:solid 1px #727272;border-bottom:solid 1px #727272;aspect-ratio:1 / 1;overflow:hidden;padding:5px;gap:2px;min-width:80px}.calendar-body .day .label{text-align:right;color:#575757}.calendar-body .day .event{overflow-x:hidden;overflow-y:auto}.calendar-body .event-item{padding:2px;background-color:#c2ffcd;border:solid 1px #79ffa8;border-radius:5px;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;margin-bottom:3px}.calendar-header{display:grid;grid-template-columns:40px auto 40px;padding:5px 0;gap:5px}.calendar-header .action{display:flex;border:solid 1px #727272;padding:5px;justify-content:center;align-items:center}.calendar-header .action:hover{cursor:pointer}.calendar-header .info{display:flex;border:solid 1px #727272;padding:5px;justify-content:center;align-items:center}.calendar-body .day-timeline{position:absolute;top:3px;bottom:3px;left:3px;right:3px;display:grid;grid-template-rows:35px 1fr;background-color:#fff}.calendar-body .day-timeline .day-timeline-header{display:grid;grid-template-columns:45px 1fr;border-bottom:solid 1px #727272}.calendar-body .day-timeline .day-timeline-body{padding:10px}.day-timeline-header-action{display:flex;border-right:solid 1px #727272;padding:5px;justify-content:center;align-items:center}.day-timeline-header-info{display:flex;padding:5px;justify-content:center;align-items:center}