.card{width:100%}.card .card-body .title{margin:0;font-size:1.25rem;color:#121926;line-height:1.167;font-weight:500}.card .card-body{background-color:#fff;color:#364152;border-radius:8px;overflow:hidden;border-color:#e3e8ef}.card .card-body .card-body-top{padding:24px;border-bottom:1px solid rgb(227,232,239)}.card .card-body .card-body-top .card-search{font-size:.875rem;font-weight:400;line-height:1.4375em;color:#364152;box-sizing:border-box;cursor:text;display:inline-flex;-webkit-box-align:center;align-items:center;position:relative;background:#f8fafc;border-radius:12px;padding-left:14px}.card .card-body .card-body-top .card-search .MuiInputBase-input{padding:10px 14px 10px 0}.card .card-body .card-body-top .card-search .search-icon{font-size:20px}.card .card-body .btn-add-new,.card .card-body .btn-back{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;font-weight:500;font-size:.875rem;line-height:1.75;min-width:0px;z-index:1050;color:#fff;background-color:#2196f3;box-shadow:none;width:32px;height:32px;min-height:32px;outline:0px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;margin:0 0 0 8px;text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);border-radius:50%;padding:0}.card .card-body .btn-back{background-color:#697586;color:var(--light-color)}.card .card-body .btn-add-new svg{font-size:20px}.card .card-form{padding:24px}.card-form .form-lable{font-size:.875rem;line-height:1.4375em;position:relative;display:block;transform-origin:left top;text-overflow:ellipsis;max-width:100%;color:#697586;font-weight:400;padding:0;white-space:nowrap;overflow:hidden;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),max-width .2s cubic-bezier(0,0,.2,1)}.card-form .form-lable .star{color:#d32f2f}.card-form .form-error{color:#d32f2f;font-size:13px;margin-top:2px}.card-form .form-div .MuiInputBase-root,.card-form .form-div .form-textarea{font-size:.875rem;font-weight:400;line-height:1.4375em;color:#364152;box-sizing:border-box;cursor:text;width:100%;position:relative;background:#f8fafc;border-radius:8px}.card-form .form-div .form-textarea{padding:15.5px 14px;color:#121926;font-weight:500}.card-form .form-div .form-textarea.error,.card-form .form-div .form-textarea.error:focus-visible{border-color:#d32f2f;outline-color:#d32f2f}.card-form .form-input .MuiInputBase-input{font-style:inherit;font-variant:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;border:0px;box-sizing:content-box;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0px;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;color:#121926;font-weight:500;background:#f8fafc;padding:15.5px 14px;border-radius:8px}.card-form .btn-submit,.card-form .btn-submit:hover{background-color:var(--primary-color)}.popup-form .popup-head{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid rgb(227,232,239)}.popup-form .popup-body{padding:15px;min-height:75px}.popup-form .popup-foot{padding:15px;text-align:right;border-top:1px solid rgb(227,232,239)}.popup-form .pop-ttl{margin:0;font-size:1.125rem;color:#121926;font-weight:500;line-height:1.334;display:block}.popup-form .popup-body .para{letter-spacing:0em;font-weight:400;line-height:1.5em;color:#364152;font-size:.875rem}.check-div .check-div-list{border-radius:6px;padding:10px;margin-bottom:10px;border:1px solid rgb(227,232,239)}.check-div .check-div-list .check-ttl{background-color:#eee;font-size:1rem;color:#121926;font-weight:500;line-height:1.334;display:block;padding:12px;margin:-10px -10px 0}.check-div .check-div-list .MuiFormControlLabel-label{font-size:15px}.card-form .upload-profile{background-color:#fff;color:#364152;box-shadow:none;background-image:none;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border-radius:8px;overflow:hidden;border-width:1px;border-style:solid;border-image:initial;border-color:#e3e8ef;margin-bottom:25px}.card-form .upload-profile:hover{box-shadow:#20282d14 0 2px 14px}.card-form .upload-profile .u-head{display:flex;align-items:center;color:#121926;padding:20px;border-bottom:1px solid rgb(227,232,239);background-color:#f8fafc}.card-form .upload-profile .u-head.no-bg{background-color:transparent;font-weight:500}.card-form .upload-profile .u-body{padding:20px;text-align:center}.card-form .upload-profile .u-body .hind{font-size:.75rem;font-weight:400;color:#697586;line-height:1.57;text-align:center;margin:15px auto}.card-form .upload-profile .u-heaf-flex{display:flex;align-items:center;width:100%;gap:15px}.card-form .upload-profile .u-heaf-flex .name{flex-basis:0px;flex-grow:1;max-width:100%}.card-form .upload-profile .u-heaf-flex .name .n{margin:0;font-size:.875rem;font-weight:500;color:#121926;line-height:1.75}.card-form .upload-profile .u-heaf-flex .name .role{margin:0;font-size:.75rem;font-weight:400;color:#697586;line-height:1.57}.card-form .upload-profile .u-body .icon-label-li{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:15px}.card-form .upload-profile .u-body .icon-label-li .text{display:flex;justify-content:space-between;align-items:center;gap:7px;flex:1}.card-form .upload-profile .u-body .icon-label-li .text .left{margin:0;font-size:.875rem;font-weight:500;color:#121926;line-height:1.75}.card-form .upload-profile .u-body .icon-label-li .text .right{margin:0;font-size:.75rem;font-weight:400;color:#697586;line-height:1.57;text-align:right;white-space:pre-wrap}.card-form .upload-profile .u-body .qus{font-size:.875rem;color:#121926;font-weight:500}.card-form .upload-profile .u-body .ans{letter-spacing:0em;font-weight:400;line-height:1.5em;color:#364152;font-size:.875rem;word-break:break-all}.card-form .upload-profile .u-body .ans .color-box{width:25px;height:25px;border-radius:6px}.card-form .upload-profile .u-body .ans .logo{max-width:120px}body .card-form-tab .Mui-selected{color:var(--primary-color)}.card-form-tab .MuiTabs-indicator{background-color:var(--primary-color)}.card-form-tab .MuiTab-root{text-transform:capitalize;font-weight:500;font-size:.875rem;line-height:1.25;color:#121926}.user-p-table-scroll{width:100%;overflow-x:auto}.user-p-table{width:100%}.user-p-table .tr-head td{background-color:#f8fafc;border:1px solid rgb(227,232,239);padding:15px;font-size:.875rem;font-weight:500;color:#121926}.user-p-table .tr-head td:first-child{border-top-left-radius:10px}.user-p-table .tr-head td:last-child{border-top-right-radius:10px}.user-p-table tr td{padding:5px 15px;border-top:1px solid rgb(227,232,239);font-size:.875rem}.user-p-table tbody tr:nth-child(2) td{border:none}.user-p-table .MuiFormControlLabel-label{font-size:.875rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.alert-body .icons{text-align:center;color:var(--success-color);font-size:60px}.alert-body .message{text-align:center;min-height:50px;margin:15px 0}.alert-body .btns{text-align:center}.alert-body .btns button{text-transform:none}.bill-table{width:100%;border-spacing:unset}.bill-table th{text-align:left;font-size:16px;padding:15px;background-color:var(--primary-color-light);color:var(--primary-color);white-space:nowrap}.bill-table td{text-align:left;font-size:16px;padding:7px;white-space:nowrap;border-bottom:1px solid #ddd}.bill-table th:first-child{border-top-left-radius:10px}.bill-table th:last-child{border-top-right-radius:10px}.non-gst{font-size:14px;font-weight:600}.non-gst .head{padding:10px;text-align:center;border:2px solid #181c4e;border-radius:10px;border-bottom-width:1px}.non-gst .head .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.non-gst .head h1{font-size:33px;padding-bottom:10px;font-family:Rowdies,sans-serif;font-weight:800}.non-gst.with-gst .head h1{font-size:40px;font-family:Rowdies,sans-serif;font-weight:800;font-style:normal;letter-spacing:3px;padding-top:5px}.non-gst .head h5{font-size:16px;padding-bottom:5px;margin-bottom:0}.non-gst .head h6{font-size:14px;padding-bottom:5px}.non-gst .address{display:flex}.non-gst .address .left{width:70%;border:2px solid #181c4e;border-radius:10px;border-top-width:1px;padding:10px;border-right-width:1px;display:flex;align-items:flex-start;gap:15px}.non-gst .address .left-outer{flex-direction:column}.non-gst .address .left-outer .left-inner{display:flex;gap:10px;align-items:flex-start;width:100%}.non-gst .address .left-outer .left-inner div{flex:1;display:flex;gap:10px}.non-gst .address .right{width:30%;border:2px solid #181c4e;border-radius:10px;border-top-width:1px;padding:10px;border-left-width:1px}.non-gst .address .right span{display:block}.non-gst table{width:100%;border-spacing:unset}.non-gst table thead th{background-color:#181c4e;color:var(--light-color);padding:7px 10px;border:1px solid var(--light-color)}.with-gst table thead th{background-color:#8c82a6;color:var(--dark-color);border:1px solid var(--dark-color)}.non-gst table thead th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.non-gst table thead th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.non-gst table tbody td{padding:7px 10px;border:1px solid #181c4e}.non-gst table tbody .extra-tr td{border-bottom:0;border-top:0}.non-gst table tbody tr:first-child td:first-child{border-top-left-radius:10px}.non-gst table tbody tr:first-child td:last-child{border-top-right-radius:10px}.non-gst table tfoot td{padding:7px 10px;border:1px solid #181c4e}.non-gst table tfoot tr:first-child td:first-child,.with-gst table tfoot tr:last-child td:first-child{border-bottom-left-radius:10px}.with-gst table tfoot tr:first-child td:first-child{border-bottom-left-radius:0}.non-gst table tfoot tr:last-child td:last-child{border-bottom-right-radius:10px}.non-gst.with-gst table tfoot{page-break-inside:avoid}.non-gst.with-gst table tfoot tr:last-child td{padding:5px 10px;border-bottom:2px solid #181c4e}.non-gst.with-gst table{table-layout:fixed;width:100%;border-collapse:collapse}.non-gst.with-gst table th,.non-gst.with-gst table td{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.non-gst.with-gst table td:nth-child(3){max-width:0;word-break:break-word;line-height:1.4}.non-gst.with-gst table td:nth-child(3) div{margin:0;padding:0}.non-gst.with-gst table td:nth-child(3) div:first-child{font-weight:700;margin-bottom:4px}.non-gst.with-gst table td:nth-child(3) div:not(:first-child){font-size:12px;color:#666;line-height:1.3;word-break:break-all}.non-gst.with-gst .list{overflow-x:auto;max-width:100%}.non-gst.with-gst .list table{min-width:800px}@media (max-width: 768px){.non-gst.with-gst table{font-size:12px}.non-gst.with-gst table th,.non-gst.with-gst table td{padding:4px 6px}.non-gst.with-gst table td:nth-child(3) div:not(:first-child){font-size:11px}}.non-gst.with-gst .list table{border:2px solid #181c4e;border-radius:10px;overflow:hidden}.non-gst.with-gst .list table thead th{position:sticky;top:0;z-index:10;background-color:#8c82a6;color:#2c3e50;font-weight:600;text-align:center;padding:12px 8px;border:1px solid #2c3e50}.non-gst.with-gst .list table tbody td{padding:10px 8px;border:1px solid #181c4e;vertical-align:top}.non-gst.with-gst .list table tbody td:nth-child(3){text-align:left;min-width:250px;max-width:350px}.non-gst.with-gst .list table tbody td:nth-child(3) div:first-child{font-weight:600;color:#2c3e50;margin-bottom:6px;font-size:14px}.non-gst.with-gst .list table tbody td:nth-child(3) div:not(:first-child){background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:6px 8px;margin-bottom:4px;font-size:11px;color:#495057;line-height:1.4}.non-gst.with-gst .list table tbody td:nth-child(3) div:not(:first-child) strong{color:#2c3e50;font-weight:600}.non-gst.with-gst .list table tbody tr:has(td:nth-child(3) div:first-child:contains("Payment Received")){background-color:#f8f9fa}.non-gst.with-gst .list table tbody tr:has(td:nth-child(3) div:first-child:contains("Payment Received")):hover{background-color:#e9ecef}.non-gst.with-gst .list table tbody tr:hover{background-color:#f8f9fa}@media (max-width: 1024px){.non-gst.with-gst .list{overflow-x:auto}.non-gst.with-gst .list table{min-width:900px}.non-gst.with-gst .list table tbody td:nth-child(3){min-width:200px;max-width:300px}}.non-gst.with-gst .bank{display:flex;gap:15px;margin-bottom:5px}.non-gst.with-gst .bank span:first-child{border-right:2px solid #181c4e;padding-right:10px;line-height:1.3}.non-gst.with-gst .bank span small{display:block;margin-top:5px}.non-gst.with-gst table tbody .extra-tr td{border-bottom:0;border-top:0;padding:2px 10px;height:20px}.with-gst{font-size:15px;font-weight:600}.sheet-table{width:100%;border-spacing:unset}.sheet-table th,.sheet-table td{border:1px solid #000;padding:5px}.ac-table th,.ac-table td{border:1px solid #808080;padding:10px}.d-none{display:none}@media (max-width: 1200px){.card .card-body .card-body-top,.card .card-form{padding:20px}}@media (max-width: 768px){.card .card-body .card-body-top,.card .card-form{padding:15px}.card .card-body .title{font-size:1.1rem}.card .card-body .btn-add-new,.card .card-body .btn-back{width:28px;height:28px;min-height:28px}.card .card-body .btn-add-new svg{font-size:18px}}@media (max-width: 576px){.card .card-body .card-body-top,.card .card-form{padding:10px}.card .card-body .title{font-size:1rem}.card .card-body .btn-add-new,.card .card-body .btn-back{width:24px;height:24px;min-height:24px}.card .card-body .btn-add-new svg{font-size:16px}.popup-form .popup-head,.popup-form .popup-body,.popup-form .popup-foot{padding:10px}.popup-form .pop-ttl{font-size:1rem}}@media (max-width: 480px){.card .card-body .card-body-top,.card .card-form{padding:8px}.card .card-body .title{font-size:.9rem}.card .card-body .btn-add-new,.card .card-body .btn-back{width:22px;height:22px;min-height:22px}.card .card-body .btn-add-new svg{font-size:14px}}@media (max-width: 768px){.bill-table{font-size:.8rem}.bill-table th,.bill-table td{padding:6px 4px;font-size:.8rem}.bill-table th:first-child,.bill-table td:first-child{min-width:120px;max-width:150px;word-break:break-word}.bill-table th:nth-child(2),.bill-table td:nth-child(2){min-width:80px;max-width:100px}.bill-table th:nth-child(3),.bill-table td:nth-child(3),.bill-table th:nth-child(4),.bill-table td:nth-child(4){min-width:60px;max-width:80px;text-align:center}.bill-table th:nth-child(5),.bill-table td:nth-child(5),.bill-table th:nth-child(6),.bill-table td:nth-child(6){min-width:80px;max-width:100px;text-align:center}}@media (max-width: 576px){.bill-table{font-size:.7rem}.bill-table th,.bill-table td{padding:4px 2px;font-size:.7rem}.bill-table th:first-child,.bill-table td:first-child{min-width:100px;max-width:120px}.bill-table th:nth-child(2),.bill-table td:nth-child(2){min-width:60px;max-width:80px}.bill-table th:nth-child(3),.bill-table td:nth-child(3),.bill-table th:nth-child(4),.bill-table td:nth-child(4){min-width:50px;max-width:60px}.bill-table th:nth-child(5),.bill-table td:nth-child(5),.bill-table th:nth-child(6),.bill-table td:nth-child(6){min-width:60px;max-width:80px}}.gst-pdf-container{width:210mm!important;max-width:210mm!important;min-height:297mm!important;padding:20px!important;font-size:12px!important;margin:0 auto!important;transform:none!important;box-sizing:border-box!important;display:block!important;overflow:visible!important;position:relative!important}.MuiContainer-root{overflow-x:auto!important;overflow-y:auto!important}@media (max-width: 768px){.MuiContainer-root{padding-left:8px!important;padding-right:8px!important;overflow-x:auto!important;overflow-y:auto!important}.gst-pdf-container{margin:0!important;min-width:210mm!important}}.MuiDialog-paper{overflow:hidden!important}.MuiContainer-root{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.gst-pdf-container *{max-width:none!important}.gst-pdf-container table{width:100%!important;table-layout:auto!important}.gst-pdf-container th,.gst-pdf-container td{white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important}.gst-pdf-container .pdf-header{display:flex!important;border-bottom:1px solid #000!important}.gst-pdf-container .pdf-header>div{flex:1!important;padding:10px!important;border-right:1px solid #000!important}.gst-pdf-container .pdf-header>div:last-child{border-right:none!important;width:200px!important;flex:none!important}@media print{.gst-pdf-container{width:210mm!important;height:297mm!important;max-width:210mm!important;min-height:297mm!important;margin:0!important;padding:20mm!important;transform:none!important;box-shadow:none!important;border:none!important;page-break-after:avoid}.gst-pdf-container table{page-break-inside:avoid}}@media (max-width: 768px){.card .card-body .btn-add-new,.card .card-body .btn-back{min-width:44px;min-height:44px;touch-action:manipulation}.card .card-body .btn-add-new svg,.card .card-body .btn-back svg{font-size:20px}}@media (max-width: 576px){.card .card-body .btn-add-new,.card .card-body .btn-back{min-width:40px;min-height:40px}.card .card-body .btn-add-new svg,.card .card-body .btn-back svg{font-size:18px}}@media (max-width: 768px){.user-p-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-p-table .tr-head td,.user-p-table tr td{padding:8px 10px;font-size:.8rem}.bill-table th,.bill-table td{font-size:14px;padding:8px 10px}.sheet-table th,.sheet-table td,.ac-table th,.ac-table td{padding:4px;font-size:12px}}@media (max-width: 576px){.user-p-table .tr-head td,.user-p-table tr td{padding:6px 8px;font-size:.75rem}.bill-table th,.bill-table td{font-size:12px;padding:6px 8px}.sheet-table th,.sheet-table td,.ac-table th,.ac-table td{padding:3px;font-size:11px}}@media (max-width: 768px){.card-form .form-lable{font-size:.9rem;margin-bottom:8px}.card-form .form-div .MuiInputBase-root,.card-form .form-div .form-textarea{font-size:.9rem;min-height:52px}.card-form .form-div .form-textarea{padding:14px 12px;min-height:80px}.card-form .form-input .MuiInputBase-input{padding:14px 12px;font-size:.9rem}.card-form .form-div .MuiSelect-select{padding:14px 12px}.card-form .form-div .MuiAutocomplete-inputRoot{padding:8px 12px}}@media (max-width: 576px){.card-form .form-lable{font-size:.85rem;margin-bottom:6px}.card-form .form-div .MuiInputBase-root,.card-form .form-div .form-textarea{font-size:.85rem;min-height:48px}.card-form .form-div .form-textarea{padding:12px 10px;min-height:70px}.card-form .form-input .MuiInputBase-input{padding:12px 10px;font-size:.85rem}.card-form .form-div .MuiSelect-select{padding:12px 10px}.card-form .form-div .MuiAutocomplete-inputRoot{padding:6px 10px}}@media (max-width: 480px){.card-form .form-lable{font-size:.8rem}.card-form .form-div .MuiInputBase-root,.card-form .form-div .form-textarea{font-size:.8rem;min-height:44px}.card-form .form-div .form-textarea{padding:10px 8px;min-height:60px}.card-form .form-input .MuiInputBase-input{padding:10px 8px;font-size:.8rem}}@media (max-width: 768px){.card-form .upload-profile .u-head,.card-form .upload-profile .u-body{padding:15px}.card-form .upload-profile .u-heaf-flex{gap:10px}.card-form .upload-profile .u-body .icon-label-li{gap:8px;margin-bottom:10px}}@media (max-width: 576px){.card-form .upload-profile .u-head,.card-form .upload-profile .u-body{padding:10px}.card-form .upload-profile .u-heaf-flex{flex-direction:column;gap:8px}.card-form .upload-profile .u-body .icon-label-li{flex-direction:column;gap:5px;margin-bottom:8px}.card-form .upload-profile .u-body .icon-label-li .text{flex-direction:column;align-items:flex-start}}.gst-pdf-container{font-family:"Arial, sans-serif";font-size:12px;line-height:1.3;color:#000;background:#fff;padding:20px;max-width:800px;margin:0 auto;border:2px solid #000}@media (max-width: 768px){.gst-pdf-container{font-size:10px;padding:10px;max-width:100%}.gst-pdf-container .pdf-header{flex-direction:column}.gst-pdf-container .pdf-header>div{width:100%!important;border-right:none!important;border-bottom:1px solid #000}.gst-pdf-container .pdf-header>div:last-child{border-bottom:none}.gst-pdf-container table{font-size:9px}.gst-pdf-container table th,.gst-pdf-container table td{padding:4px 2px}}@media (max-width: 480px){.gst-pdf-container{font-size:9px;padding:5px}.gst-pdf-container table{font-size:8px}.gst-pdf-container table th,.gst-pdf-container table td{padding:2px 1px}.gst-pdf-container .pdf-header>div{padding:5px}}.responsive-table{width:100%;border-collapse:collapse;min-width:800px}.responsive-table th,.responsive-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.responsive-table th{background-color:#f5f5f5;font-weight:600}.responsive-table tbody tr:hover{background-color:#f9f9f9}@media (max-width: 768px){.responsive-table{font-size:12px;min-width:600px}.responsive-table th,.responsive-table td{padding:8px 6px}.responsive-table th:nth-child(n+4),.responsive-table td:nth-child(n+4){display:none}}@media (max-width: 480px){.responsive-table{font-size:11px;min-width:500px}.responsive-table th,.responsive-table td{padding:6px 4px}.responsive-table th:nth-child(n+3),.responsive-table td:nth-child(n+3){display:none}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #ddd;border-radius:4px}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.nav{width:260px}.nav .nav-inner{background-color:#fff;color:#364152;box-shadow:none;background-image:none;overflow-y:auto;display:flex;flex-direction:column;height:100%;z-index:1200;position:fixed;top:0;left:0;transition:transform .3s cubic-bezier(.4,0,.2,1);flex:1 0 auto;outline:0px;width:260px}.menu-collapsed .nav .nav-inner{transform:translate(-260px);visibility:hidden}.nav .nav-logo{padding:16px;display:flex}.nav .nav-logo img{width:auto;height:auto;max-width:100%;max-height:30px}.nav .menus{height:calc(100vh - 88px);padding-left:16px;padding-right:16px;overflow-y:auto}.nav .menus::-webkit-scrollbar{width:5px}.nav .menus::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--light-color);border-radius:2px}.nav .menus:hover::-webkit-scrollbar-thumb{background:#999;border-radius:10px}.nav .menus::-webkit-scrollbar-thumb:hover{background:#697586}.nav .menus .menu-ul{list-style:none;padding:0 0 8px;position:relative;margin:2px 0 10px;flex-shrink:0;border-width:0px 0px thin;border-style:solid;border-color:#e3e8ef;opacity:1}.nav .menus .menu-ul .menu-sub-ttl{margin:10px 0 .35em;line-height:1.66;display:block;color:#121926;font-size:.875rem;font-weight:500;padding:6px;text-transform:capitalize}.nav .menus .menu-ul .menu-link{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;position:relative;min-width:0px;box-sizing:border-box;text-align:left;color:#364152;align-items:flex-start;background-color:inherit;padding:10px 16px 10px 24px;outline:0px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;margin:0 0 4px;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);border-radius:12px}.nav .menus .menu-ul .menu-link:hover,.nav .menus .menu-ul .menu-link.active{background-color:var(--primary-color-light);color:var(--primary-color)}.nav .menus .menu-ul .menu-link .menu-icon{flex-shrink:0;display:inline-flex;margin-top:auto;margin-bottom:auto;min-width:36px}.nav .menus .menu-ul .menu-link .menu-icon svg{width:18px;height:18px}.nav .menus .menu-ul .menu-link .menu-text{flex:1 1 auto;min-width:0px;margin-top:4px;margin-bottom:4px}.nav .menus .menu-ul .menu-link .menu-text h5{font-size:.875rem;font-weight:400;line-height:1.334;color:inherit}.nav .menus .menu-ul .menu-link.active .menu-text h5{font-weight:500}.nav .nav-overlay{display:none}@media (min-width: 900px){.nav{flex-shrink:0}.nav .nav-inner{top:88px}.nav .nav-logo{display:none}}@media (max-width: 899.95px){.nav{width:0}.nav .nav-inner{transform:translate(-260px);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;height:100vh;top:0}.menu-collapsed .nav .nav-inner{transform:translate(0);visibility:visible}.menu-collapsed .nav .nav-overlay{position:fixed;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-tap-highlight-color:transparent;z-index:1119}.nav .menus{height:calc(100vh - 80px);padding:16px 12px}.nav .menus .menu-ul .menu-link{padding:12px 16px;margin:0 0 6px;font-size:.9rem}.nav .menus .menu-ul .menu-link .menu-icon svg{width:20px;height:20px}}@media (max-width: 576px){.nav .nav-inner{width:280px}.nav .menus{padding:12px 8px}.nav .menus .menu-ul .menu-link{padding:14px 12px;margin:0 0 8px;font-size:1rem}.nav .menus .menu-ul .menu-sub-ttl{font-size:.9rem;padding:8px 12px}}.content-main{background-color:#eef2f6;width:100%;min-height:calc(-88px + 100vh);-webkit-box-flex:1;flex-grow:1;margin-top:88px;margin-right:20px;padding:20px;border-radius:12px 12px 0 0;transition:margin 225ms cubic-bezier(0,0,.2,1)}@media (min-width: 900px){.menu-collapsed .content-main{margin-left:-240px}.content-main{margin-left:0;width:calc(100% - 260px)}}@media (max-width: 899.95px){.content-main{margin-left:0;margin-right:0;width:100%;padding:16px;border-radius:0}}@media (max-width: 576px){.content-main{padding:12px;margin-top:88px}}@media (max-width: 480px){.content-main{padding:8px}}.header{box-shadow:none;background-image:none;display:flex;flex-direction:column;width:100%;box-sizing:border-box;flex-shrink:0;position:fixed;z-index:1100;top:0;left:auto;right:0;color:inherit;background-color:#fff;transition:width .3s cubic-bezier(.4,0,.2,1)}.header .header-inner{position:relative;display:flex;-webkit-box-align:center;align-items:center;min-height:var(--header-height);padding:16px}.header .logo-span{display:none}.header .logo-span a{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;color:inherit}.header .logo-span img{width:auto;height:auto;max-width:100%;max-height:100%}.header .logo{width:228px;display:flex;align-items:center;gap:25px}.header .btn-menu{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;width:34px;height:34px;font-size:1.2rem;transition:.2s ease-in-out;background-color:var(--primary-color-light);color:var(--primary-color);min-width:34px}.header .btn-menu:hover{background-color:var(--primary-color);color:var(--light-color)}.header .flex-grow-1{flex-grow:1;-webkit-box-flex:1}.header .search-box .search-input{font-size:.875rem;font-weight:400;line-height:1.4375em;color:#364152;box-sizing:border-box;cursor:text;display:inline-flex;-webkit-box-align:center;align-items:center;position:relative;background:#f8fafc;border-radius:12px;margin-left:16px;padding-left:16px;padding-right:16px}.header .search-box .search-input .search-icon{font-size:17px}.header .notification{margin-left:16px;margin-right:16px}.header .setting{position:relative;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;font-size:.8125rem;display:inline-flex;-webkit-box-pack:center;justify-content:center;white-space:nowrap;outline:0px;text-decoration:none;padding:0;vertical-align:middle;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border:1px solid rgb(238,242,246);color:var(--primary-color);height:48px;-webkit-box-align:center;align-items:center;border-radius:27px;transition:.2s ease-in-out;background-color:#eef2f6}.header .setting:hover{border-color:var(--primary-color);color:#eef2f6;background:var(--primary-color)}.header .setting .user{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1;border-radius:50%;overflow:hidden;-webkit-user-select:none;user-select:none;width:34px;height:34px;font-size:1.2rem;cursor:pointer;margin:8px 0 8px 8px}.header .setting .user img{width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px}.header .setting .setting-span{padding-left:11px;padding-right:11px}.header .setting .setting-span svg{font-size:24px;animation:rotation infinite 3s linear}.header .full-screen{margin-right:16px}.header .full-screen .btn-full-screen{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none;cursor:pointer;width:34px;height:34px;font-size:1.2rem;color:#1e88e5;overflow:hidden;background:#e3f2fd;border-radius:8px;border-width:1px;border-style:solid;border-image:initial;border-color:#e3f2fd;transition:.2s ease-in-out;min-width:auto}.header .full-screen .btn-full-screen:hover{border-color:#2196f3;background-color:#2196f3;color:#e3f2fd}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header .btn-search,.header .search-box .search-input .search-close-icon{display:none}.setting-menu .MuiList-root{width:350px;background-color:#fff;color:#364152;box-shadow:#0003 0 8px 10px -5px,#00000024 0 16px 24px 2px,#0000001f 0 6px 30px 5px;background-image:none;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden;border-width:initial;border-style:none;border-image:initial;border-color:#0000001f;padding:16px}.setting-menu .name{display:flex;flex-direction:row;align-items:center}.setting-menu .name .wel{font-size:1rem;color:#121926;font-weight:600;line-height:1.235}.setting-menu .name .na{font-size:1rem;color:#121926;line-height:1.235;font-weight:400;margin-left:4px}.setting-menu .role{margin:0;font-size:.75rem;font-weight:400;color:#697586;line-height:1.57}.setting-menu .links{margin-top:15px;padding-top:10px;border-top:1px solid rgb(227,232,239)}.setting-menu .s-link{-webkit-tap-highlight-color:transparent;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-grow:1;justify-content:flex-start;align-items:center;position:relative;min-width:0px;box-sizing:border-box;text-align:left;padding:10px 16px;color:#364152;outline:0px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;margin:0;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);border-radius:8px}.setting-menu .s-link:hover{background-color:var(--primary-color-light);color:var(--primary-color)}.setting-menu .s-link:hover .icon{color:var(--primary-color)}.setting-menu .s-link .icon{flex-shrink:0;display:inline-flex;color:#364152;min-width:36px}.setting-menu .s-link .icon{font-size:20px}.setting-menu .s-link .txt{flex:1 1 auto;min-width:0px;margin:0;letter-spacing:0em;font-weight:400;line-height:1.5em;color:#364152;font-size:.875rem}@media (min-width: 600px){.header .header-inner{padding-left:24px;padding-right:24px}}@media (min-width: 900px){.header .search-control{width:250px}.header .logo-span{display:block}}@media (min-width: 1200px){.header .search-control{width:434px}}@media (max-width: 899.95px){.header .logo{width:auto;flex:1;margin-left:10px}.header .btn-menu{display:flex!important;margin-right:10px}.header .search-box{margin-left:15px}.header .btn-search{display:block}.header .search-control{display:none;position:absolute;left:0;right:0;top:14px;z-index:1;padding:0 15px;transition:width .2s ease-in}.header .search-control.show{display:block;animation:barWidth .1s}@keyframes barWidth{0%{width:0%}to{width:100%}}.header .search-box .search-input{margin:0;width:100%}.header .search-box .search-input .search-close-icon{display:block;position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;background:#fbe9e7;cursor:pointer;border-radius:8px;width:34px;height:34px;padding:6px;color:var(--danger-color)}.header .full-screen{display:none}.header .setting{height:40px;min-width:40px;padding:0 8px}.header .setting .setting-span{padding-left:8px;padding-right:8px}.header .MuiStack-root{margin-right:8px!important}.header .MuiStack-root .MuiButton-root{font-size:.75rem;padding:4px 8px;min-height:32px;min-width:auto}.header .MuiStack-root .MuiChip-root{font-size:.7rem;height:24px}}@media (max-width: 576px){.header .header-inner{padding:12px 16px;min-height:60px}.header .logo h3{font-size:14px}.header .btn-menu{width:30px;height:30px;font-size:1rem}.header .setting{height:36px;min-width:36px}.header .setting .user{width:28px;height:28px;margin:4px}.header .MuiStack-root .MuiButton-root{font-size:.7rem;padding:2px 4px;min-height:28px;min-width:60px}.header .MuiStack-root .MuiChip-root{font-size:.65rem;height:22px}}.login-page{background-color:#eef2f6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}.login-page .login-box{width:475px;padding:40px;background-color:var(--light-color);margin:24px;border-radius:16px}.login-page .login-box .logo{max-height:60px;max-width:160px;margin:auto auto 25px}.login-page .login-box .logo img{width:auto;height:auto;max-width:100%;max-height:100%}.login-page .login-box .greet{text-align:center;margin-bottom:16px}.login-page .login-box .greet h2{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--primary-color)}.login-page .login-box .greet span{color:#697586;font-weight:400;line-height:1.66;font-size:16px;margin-top:5px;display:block}.login-page .login-box .google-login .btn-google{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;font-size:.9375rem;line-height:1.75;min-width:64px;width:100%;box-shadow:none;font-weight:500;color:#364152;background-color:#f8fafc;outline:0px;margin:0;text-decoration:none;padding:7px 21px;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);border-width:1px;border-style:solid;border-image:initial;border-radius:4px;border-color:#eef2f6}.login-page .login-box .google-login .btn-google:hover{text-decoration:none;background-color:#2196f30a;border:1px solid rgb(33,150,243)}.login-page .login-box .google-login .btn-google img{width:16px;margin-right:16px}.login-page .login-box .or-box{display:flex;align-items:center;margin:16px 0}.login-page .login-box .or-box hr{flex-grow:1;border-color:#0000001f}.login-page .login-box .or-box span{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;font-size:.875rem;line-height:1.75;min-width:64px;cursor:unset;padding:4px 56px;font-weight:500;color:#121926;outline:0px;text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);border-width:1px;border-style:solid;border-image:initial;margin:16px;border-radius:12px;border:1px solid rgba(0,0,0,.12)}.login-page .login-box .sign-text{font-size:.875rem;font-weight:500;color:#121926;line-height:1.75;margin:0 0 17px;text-align:center}.login-page .login-box .form-input{margin:10px 0;border-radius:12px;background:#f8fafc}.login-page .login-box .form-input label{font-size:.875rem}.login-page .login-box .form-input .MuiOutlinedInput-notchedOutline{border-radius:12px}.login-page .login-box .forgot-div{display:flex;align-items:center;justify-content:space-between}.login-page .login-box .forgot-div .MuiFormControlLabel-label{margin:0;font-size:.875rem;font-weight:400;line-height:1.334em}.login-page .login-box .forgot-div .forgot-link{font-size:.875rem;font-weight:500;line-height:1.75;color:var(--primary-color);text-decoration:none;cursor:pointer;margin-left:7px}.login-page .login-box .btn-signin{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;font-size:.9375rem;line-height:1.75;min-width:64px;color:#fff;background-color:#673ab7;width:100%;box-shadow:none;font-weight:500;outline:0px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;margin:10px 0 0;text-decoration:none;padding:8px 22px;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);border-radius:4px}.login-page .login-box .btn-signin.MuiLoadingButton-loading{color:transparent}.login-page .login-box .btn-signin.MuiLoadingButton-loading .MuiLoadingButton-loadingIndicator{color:var(--light-color)}.login-page .login-box .form-hr{border-color:#0000001f;margin:15px 0}.login-page .login-box .dont-link{margin:0;font-size:.875rem;font-weight:500;color:#121926;line-height:1.75;text-decoration:none;text-align:center}.login-page .login-box .error-input{color:var(--danger-color);font-size:.75rem;font-weight:400;line-height:1.66;text-align:left;margin:-6px 14px 0;display:block}@media (max-width: 768px){.login-page{padding:15px}.login-page .login-box{width:100%;max-width:400px;padding:30px 20px;margin:10px}.login-page .login-box .greet h2{font-size:1.25rem}.login-page .login-box .greet span{font-size:14px}}@media (max-width: 567px){.login-page{padding:10px}.login-page .login-box{padding:20px 15px;margin:5px}.login-page .login-box .greet h2{font-size:1.1rem}.login-page .login-box .greet span{font-size:13px}.login-page .login-box .sign-text{font-size:.8rem}}@media (max-width: 400px){.login-page .login-box{padding:15px 10px;margin:0}.login-page .login-box .greet h2{font-size:1rem}}:root{--primary-color: rgb(103, 58, 183);--primary-color-light: rgb(237, 231, 246);--light-color: #fff;--dark-color: #000;--danger-color: #d32f2f;--success-color: #107b40;--font-family: Roboto, sans-serif;--header-height: 48px}body{margin:0;color:#364152;font-size:.875rem;font-weight:400;line-height:1.334em;font-family:Roboto,sans-serif;background-color:#fff;padding:0;box-sizing:border-box;font-family:var(--font-family)}*{padding:0;margin:0;box-sizing:border-box}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.layout{display:flex}body a{text-decoration:none;color:inherit;display:inherit}@media (max-width: 768px){body{font-size:.9rem;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px!important}*{-webkit-overflow-scrolling:touch}body{overflow-x:hidden}}@media (max-width: 576px){body{font-size:.85rem}}@media (max-width: 768px){button,[role=button],input[type=button],input[type=submit]{min-height:44px;min-width:44px;touch-action:manipulation}a,button,input,select,textarea{min-height:44px;display:flex;align-items:center;justify-content:center}.btn-menu,.btn-add-new,.btn-back,.btn-submit,.btn-reset,.menu-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}