@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:400,400i,700";@import"https://cdn.jsdelivr.net/gh/vanphonggiang/font-awesome-6.5.1-pro-full/css/all.css";:is(html,body){width:100%;height:100%}body{margin:0;padding:0;font-size:16px;font-family:Sarabun,Verdana,Tahoma,sans-serif;color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box}:is(form,ul,ol){margin:0}a{color:var(--link-color);text-decoration:none;cursor:pointer}a:hover{color:var(--link-hover);text-decoration:underline}a:active{color:var(--link-active);text-decoration:underline}.icon{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-family:var(--font-icon)}.icon.light{font-weight:300!important}.icon.normal{font-weight:400!important}.icon.bold{font-weight:900!important}.icon.pad{margin-right:5px}.icon.red{color:var(--color-red)}.icon.orange{color:var(--color-orange)}.icon.green{color:var(--color-green)}.icon.blue{color:var(--color-blue)}.icon.purple{color:var(--color-purple)}.icon.gray{color:var(--color-gray)}.icon.teal{color:var(--color-teal)}.icon.cyan{color:var(--color-cyan)}.icon.amber{color:var(--color-amber)}.left{float:left}.right{float:right}.box-tb{display:table;width:100%}.middle{margin:0;top:50%;transform:translateY(-50%);display:flex;position:absolute;align-items:center}.middle.left{float:unset;left:6px}.middle.right{float:unset;right:6px}.middle.left :is(.btn,input,select){margin-right:6px}.middle.right :is(.btn,input,select){margin-left:6px}.overlay{position:fixed;inset:0;z-index:5;background-color:#0000000d;transition:.4s}.overlay.center{display:flex;justify-content:center;padding-top:80px}.overlay.middle{display:flex;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoomIn{0%{transform:scale(.1)}to{transform:scale(1)}}button{outline:none;cursor:pointer}.btn{border:none;height:40px;margin:0;padding:0 8px;border-radius:8px;font-size:18px;font-family:Prompt;font-weight:400;line-height:normal;text-align:center;color:#ffffffe6;background-color:#0003}.btn.ex{height:46px;font-size:20px}.btn.lg{height:44px;font-size:18px}.btn.md{height:36px;font-size:16px}.btn.sm{height:32px;font-size:16px}.btn.tn{height:28px;font-size:13px}.btn.light{font-weight:200}.btn.normal{font-weight:400}.btn.bold{font-weight:600}.btn.shadow{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.btn.red{background-color:var(--color-red)}.btn.orange{background-color:var(--color-orange)}.btn.green{background-color:var(--color-green)}.btn.blue{background-color:var(--color-blue)}.btn.purple{background-color:var(--color-purple)}.btn.gray{background-color:var(--color-gray)}.btn.teal{background-color:var(--color-teal)}.btn.cyan{background-color:var(--color-cyan)}.btn.amber{background-color:var(--color-amber)}.btn.white{background-color:#ffffff80;color:#0000004d}.btn.white:hover{color:#00000080}.btn:not([hover]):hover{opacity:.8}.btn[hover=red]:hover{background-color:var(--color-red)}.btn[hover=orange]:hover{background-color:var(--color-orange)}.btn[hover=green]:hover{background-color:var(--color-green)}.btn[hover=blue]:hover{background-color:var(--color-blue)}.btn[hover=purple]:hover{background-color:var(--color-purple)}.btn[hover=gray]:hover{background-color:var(--color-gray)}.btn[hover=teal]:hover{background-color:var(--color-teal)}.btn[hover=cyan]:hover{background-color:var(--color-cyan)}.btn[hover=amber]:hover{background-color:var(--color-amber)}.btn:disabled{pointer-events:none;color:#a1a1aa;background-color:#e4e4e7}.btn:is(.circle,.square){padding:0;width:40px;height:40px;font-family:var(--font-icon)}.btn.circle{border-radius:50%}.btn:is(.circle,.square).ex{width:46px;height:46px}.btn:is(.circle,.square).lg{width:44px;height:44px}.btn:is(.circle,.square).md{width:36px;height:36px}.btn:is(.circle,.square).sm{width:32px;height:32px}.btn:is(.circle,.square).tn{width:28px;height:28px}.btn-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.btn-loader .spinner{border:3px solid #F1F5F9;border-color:#0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;border-radius:50%;width:22px;height:22px;animation:spin .8s linear infinite}.cover{position:relative;padding:10px;font-size:16px;line-height:1.75em;background-color:#fff;min-height:60px}.cover.fit{margin:0 10px}.cover.radius{border-radius:8px}.cover:not(:first-child){margin-top:10px}.cover .cover-title{position:relative;z-index:1;font-size:16px;font-weight:500;font-family:Prompt;line-height:2.5em;text-align:center;background-color:#e5e7eb}.cover .cover-title.lg{font-size:17.6px}.cover .cover-title.page{font-weight:400;background-color:#64748b;color:#ffffffe6}.cover .cover-title:not(.page) .btn{opacity:.75}.cover .cover-title:not(.page) .btn:hover{opacity:1}.cover.radius .cover-title{border-radius:4px}.cover .cover-body{position:relative}.cover .cover-body.pad{padding:10px}.cover .cover-body.border{padding:10px;margin-top:10px;border:1px solid #E5E7EB}.cover.radius .cover-body.border{border-radius:4px}.cover hr{margin:5px 0;border:none;border-top:1px solid #E5E7EB}.cover hr.dashed{border-top:1px dashed #E5E7EB}.cover.grid{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr)}.cover.grid .span{grid-column:span 2}.cover.grid .cover-title{grid-column:1 / span 2}.cover.grid hr{grid-column:1 / span 2;margin:0}.cover.grid .grid-item.pad{padding:0 10px}.cover.grid .grid-item.border{padding:10px;border:1px solid #E5E7EB}.cover.grid .grid-item.gray{text-align:center;background-color:#f3f4f6}.cover.grid.radius .grid-item:is(.border,.gray){border-radius:4px}.cover.markdown{font-size:16px;line-height:1.5em}.cover.markdown img[src*="#center"]{display:block;margin:auto}.cover.markdown hr{margin:10px 0}.cover.markdown :is(p,h4,h5,h6){margin:10px 0}.cover.markdown :is(h1,h2){margin:10px 0;border-bottom:1px solid #E5E7EB}.cover.markdown li{line-height:1.5em}.cover .action-bar{position:relative;width:100%;margin:5px 0;min-height:36px;display:flex;flex-wrap:wrap;align-items:center}.cover .action-bar.left{float:unset;justify-content:flex-start}.cover .action-bar.right{float:unset;justify-content:flex-end}.cover .action-bar :is(button,input,select){margin:0 3px}.cover .action-bar :is(input,select){height:36px}.cover.menu{display:grid;grid-gap:10px;grid-template-columns:calc(50% - 5px) calc(50% - 5px);margin:0 10px;padding:5px;border-radius:unset;background-color:transparent}.cover.menu .menu-btn{padding:10px;border:none;border-radius:10px;text-align:center;color:var(--text-color);background-color:#f3f4f6;cursor:pointer;box-shadow:#0000000d 0 0 0 1px}.cover.menu .menu-btn .icon{font-weight:200;font-size:38px;color:#0891b2}.cover.menu .menu-btn .text{margin-top:2px;font-size:16px;font-family:Prompt;line-height:1.5em}.cover.menu .menu-btn:active :is(.icon,.text){color:var(--link-active)}.cover.menu .menu-btn:disabled :is(.icon,.text){color:#9ca3af;pointer-events:none}.cover.menu .menu-btn:is(.red,.orange,.green,.blue,.purple,.teal,.cyan){box-shadow:unset}.cover.menu .menu-btn:is(.red,.orange,.green,.blue,.purple,.teal,.cyan):is(.icon){font-weight:600}.cover.menu .menu-btn:is(.red,.orange,.green,.blue,.purple,.teal,.cyan):is(.icon,.text){color:#ffffffe6}.cover.menu .menu-btn.red{background-color:var(--color-red)}.cover.menu .menu-btn.orange{background-color:var(--color-orange)}.cover.menu .menu-btn.green{background-color:var(--color-green)}.cover.menu .menu-btn.blue{background-color:var(--color-blue)}.cover.menu .menu-btn.purple{background-color:var(--color-purple)}.cover.menu .menu-btn.teal{background-color:var(--color-teal)}.cover.menu .menu-btn.cyan{background-color:var(--color-cyan)}.cover-loader{position:absolute;inset:0;padding:13px 0;display:flex;justify-content:center}.cover-loader .spinner{border:4px solid #F1F5F9;border-color:#0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;border-radius:50%;width:34px;height:34px;animation:spin .8s linear infinite}::placeholder{opacity:.4;font-style:italic}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-only::-webkit-calendar-picker-indicator{display:none}.date-only::-webkit-input-placeholder{visibility:hidden}.required{color:var(--input-border);font-style:italic}input.hide{width:0;position:absolute;visibility:hidden}select,textarea,input:not([type=radio],[type=checkbox]){outline-color:var(--input-outline);border:1px solid var(--input-border);border-radius:4px;font-size:16px;font-family:Sarabun;line-height:2.25em;color:var(--input-text-color);background-color:var(--input-bg-color)}input:disabled,select:disabled,textarea:disabled{color:#9ca3af;border-color:#e5e7eb;background-color:#f3f4f6}input:disabled+div.label,select:disabled+div.label{background-color:transparent}select,input:not([type=radio],[type=checkbox]){height:40px;padding:1px 8px}select.lg,input.lg{height:44px;padding:3px 8px}select option{font-size:16px}textarea{line-height:1.5em;padding:4px 8px;resize:vertical;vertical-align:top}.input-box{position:relative;line-height:normal;padding-top:11.5px}.input-box :is(input,select){width:100%}.input-box .label{margin:0;padding:0 4px;line-height:1.5em;color:#9ca3af;font-size:13px;font-style:italic;position:absolute;top:0;left:10px;background-color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-box input:focus+div.label,.input-box select:focus+div.label{color:var(--input-box-label)}.page-404{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 70px);justify-content:center;text-align:center;font-family:Montserrat,sans-serif}.page-404 h1{color:#6b7280;font-size:7rem;letter-spacing:.1em;margin:.025em 0;text-shadow:.05em .05em 0 rgba(0,0,0,.25);white-space:nowrap}.page-404 h1 i{animation:spooky 2s alternate infinite linear;color:#528cce;display:inline-block}.page-404 h2{color:#6b7280;font-size:1.2rem;margin-bottom:.4em}.page-404 p{margin:0;color:#9ca3af}@keyframes spooky{0%{transform:translatey(.15em) scaley(.95)}to{transform:translatey(-.15em)}}.line-loader{position:fixed;display:flex;align-items:center;justify-content:center;inset:0}.line-loader .spinner{width:150px;height:150px;border-radius:50%;border:15px solid #D1D5DB;border-color:#D1D5DB #0891B2 #D1D5DB #0891B2;animation:spin 2s linear infinite}.line-loader .text{position:absolute;color:#0891b2;font-size:18px;font-family:Prompt;text-align:center}:root{--font-icon: "Font Awesome 6 Pro";--color-red: #D9534F;--color-orange: #E67E22;--color-green: #10B981;--color-blue: #428BCA;--color-purple: #9B59B6;--color-gray: #9CA3AF;--color-teal: #14B8A6;--color-cyan: #06B6D4;--color-amber: #F59E0B;--bg-color: #E5E7EB;--text-color: #64748B;--link-color: var(--text-color);--link-hover: #0073AA;--link-active: #E67E22;--active-bg: #06B6D4;--page-title-bg: #64748B;--page-title-color: #FFF;--input-border: #D1D5DB;--input-outline: #4DD0E1;--input-box-label: #00BCD4;--input-bg-color: #FFFFFF;--input-text-color: var(--text-color);--topbar-logo-bg: #155E75;--sidebar-color: #164E63;--sidebar-button: #0891B2;--topbar-bg: #64748B;--topbar-text: #FFFFFF;--topbar-btn-bg: rgba(0, 0, 0, .2);--topbar-btn-text: rgba(255, 255, 255, .8)}.alert{z-index:10;padding-top:70px;text-align:center;background-color:#00000080}.alert .smart-confirm{margin:auto;width:250px;padding:10px;font-family:Prompt;border-radius:10px;background-color:#fff;animation:zoomIn .25s;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.alert .smart-confirm.green{color:var(--color-green)}.alert .smart-confirm.green .header{border-color:var(--color-green)}.alert .smart-confirm.red{color:var(--color-red)}.alert .smart-confirm.red .header{border-color:var(--color-red)}.alert .smart-confirm .header{font-size:20px;line-height:2em;font-weight:500;border-bottom:1px solid #d4d4d4}.alert .smart-confirm .footer{display:table;width:100%}.alert .smart-confirm .message{font-size:16px;line-height:2em;margin:10px 0}.alert .smart-confirm button{width:calc(50% - 3px)}.alert .smart-alert{margin:auto;width:250px;padding:10px;font-family:Prompt;border-radius:10px;background-color:#fff;animation:zoomIn .25s;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.alert .smart-alert.green{color:var(--color-green)}.alert .smart-alert.red{color:var(--color-red)}.alert .smart-alert.orange{color:var(--color-orange)}.alert .smart-alert.blue{color:var(--color-blue)}.alert .smart-alert .icon{font-size:100px}.alert .smart-alert .footer{display:table;width:100%}.alert .smart-alert .message{font-size:16px;line-height:2em;margin-bottom:10px}.alert .smart-alert button{width:100%}.smart-notify{visibility:hidden;position:fixed;top:5px;right:5px;z-index:5;min-width:220px;padding:0 10px;font:16px Prompt;line-height:2.5em;color:#ffffffe6;opacity:.9}.smart-notify.green{background-color:var(--color-green)}.smart-notify.red{background-color:var(--color-red)}.smart-notify.orange{background-color:var(--color-orange)}.smart-notify.blue{background-color:var(--color-blue)}.smart-notify .icon{font-size:18px}.smart-notify.show{visibility:visible;animation:notifyFadein .5s forwards,notifyFadeout .5s 2.5s}@keyframes notifyFadein{0%{transform:translateY(0);opacity:0}to{transform:translateY(50px);opacity:.9}}@keyframes notifyFadeout{0%{transform:translateY(50px);opacity:.9}to{transform:translateY(0);opacity:0}}.drop-menu{position:relative;display:inline-block;line-height:normal}.drop-menu .drop-content{display:none;padding:4px;border-radius:8px;position:absolute;text-align:left;min-width:170px;white-space:nowrap;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.drop-menu .drop-content a{display:block;font-size:16px;font-family:Prompt;line-height:2.25em;padding:5px 10px;text-decoration:none;border-bottom:1px solid #E5E7EB}.drop-menu .drop-content a:first-child{border-radius:8px 8px 0 0}.drop-menu .drop-content a:last-child{border:none;border-radius:0 0 8px 8px}.drop-menu .drop-content a:hover{background-color:#e5e7eb}.drop-select{position:relative;display:inline-block;line-height:normal}.drop-select select{display:none}.drop-select .drop-content{display:none;padding:4px;border-radius:6px;position:absolute;text-align:left;min-width:170px;white-space:nowrap;background-color:#fff;max-height:328px;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.drop-select a{display:block;font-size:16px;font-family:Sarabun;line-height:1.5em;padding:4px 8px;text-decoration:none}.drop-select a:hover{background-color:#e5e7eb}.drop-select a.selected{color:#fff;background-color:var(--active-bg)}.drop-select a .icon{line-height:normal}.modal{z-index:3;padding-top:70px;padding-right:5px;background-color:#00000080}.modal .content{position:relative;margin:auto;width:80%;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.modal .content .header,.modal .content .footer{position:relative;font-family:Prompt;font-size:18px;line-height:2.5em;margin:0 5px;padding:2px 10px}.modal .content .header{border-bottom:1px solid #E5E7EB}.modal .content .header .icon{font-size:18px}.modal .content .footer{text-align:right;border-top:1px solid #E5E7EB}.modal .content .footer button{width:100px}.modal .content .body{visibility:hidden;font-size:16px;padding:10px;max-height:calc(100vh - 270px);overflow-y:auto}.modal .content #btn-exit{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;outline:none;margin:0;padding:0;color:#888;font-size:22px;font-weight:300;font-family:var(--font-icon);background-color:transparent;cursor:pointer}.modal .content #btn-exit:hover,.modal .content #btn-exit:active{color:#e74c3c}.modal .loader{position:absolute;display:flex;align-items:center;justify-content:center;inset:0}.modal .loader .spinner{border:4px solid #F1F5F9;border-color:#0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.modal.overlay-in{animation:fadeIn .4s forwards}.modal.overlay-out{animation:fadeOut .4s forwards}.modal .content.modal-in{animation:modalIn .4s forwards}.modal .content.modal-out{animation:modalOut .4s forwards}@keyframes modalIn{0%{transform:translateY(calc(-100% - 70px))}to{transform:translateY(0)}}@keyframes modalOut{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 70px))}}#totop{display:none;position:fixed;bottom:10px;left:calc(50% - 2.5px);transform:translate(-50%);z-index:5;transition:.4s}#totop button{margin:0 5px;display:block}.page-error{padding:20px;text-align:center}.page-error .icon{font-size:48px;line-height:normal}.page-error .topic{font-size:18px;color:var(--color-red);font-weight:500;line-height:1.5em;font-family:Prompt}.page-error .text{font-size:16px;line-height:1.5em}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db}#topbar{position:fixed;inset:0;height:50px;min-width:350px;background-color:#fff;box-shadow:#00000029 0 1px 4px;z-index:1}#topbar .logo{display:flex;width:50px;height:50px;align-items:center;justify-content:center;transition:.4s}#topbar .logo .max{display:none;font-size:22px;font-weight:500;font-style:italic;font-family:Prompt;line-height:1em;text-align:center;color:#ffffffe6}#topbar .logo .max div{font-size:12px;font-weight:300;line-height:1em;margin-top:3px;color:#fffc}#topbar .logo .min #nav-menu{font-weight:400;border-right:1px solid #E5E7EB}#topbar .logo .min #nav-menu:before{content:""}#topbar .box{padding:5px;line-height:1.25em;text-align:center;min-width:80px}#topbar .box.offline{color:var(--color-red)}#topbar .box .icon{line-height:normal}#topbar .box.left{border-right:1px solid #E5E7EB}#topbar .box.right{border-left:1px solid #E5E7EB}#topbar .box div:first-child{font-size:18px}#topbar .box div:last-child{font-size:14px}#topbar .box #dept-name{font-size:16px;font-weight:500}#topbar button{width:50px;height:50px;border:none;border-radius:0;font-size:24px;font-weight:300;font-family:var(--font-icon);line-height:normal;color:var(--text-color);background-color:transparent}#topbar button.left{border-right:1px solid #E5E7EB}#topbar button.right{border-left:1px solid #E5E7EB}#topbar button:hover{color:var(--link-hover);background-color:#f3f4f6}#topbar .drop-content{top:55px;right:5px;min-width:calc(100% - 5px)}#topbar .drop-content .icon{width:24px;font-size:20px;line-height:1.2em;text-align:center;margin-right:8px}#sidebar{position:fixed;inset:55px 0 0 -200px;width:200px;height:fit-content;overflow-x:hidden;border-radius:0 10px 10px 0;background-color:var(--sidebar-color);transition:.4s;z-index:1}#sidebar .sidebar-btn{padding:5px}#sidebar .sidebar-btn hr{margin:5px 0;border:none;border-top:2px solid rgba(0,0,0,.15)}#sidebar button{display:flex;width:100%;height:50px;border:none;border-radius:6px;align-items:center;justify-content:left;margin:2px 0;padding:0 12px;font-size:15px;font-weight:400;font-family:Prompt;color:#fffc;background-color:transparent}#sidebar button .icon{width:32px;font-size:20px;font-weight:300;text-align:left}#sidebar button:hover{color:#fff;background-color:#ffffff26}#sidebar button.active{color:#fff;background-color:var(--sidebar-button)}#sidebar button:disabled{color:#ffffff4d;cursor:default}#sidebar button:disabled:hover{background-color:transparent}#topbar .max,#sidebar .text{white-space:nowrap;overflow:hidden}.app-body{position:fixed;inset:50px 0 0;padding:10px;overflow-x:auto;overflow-y:scroll;transition:.4s}.popup-body{position:fixed;inset:0;padding:10px;overflow:auto}#app-content{display:none;position:relative;min-width:625px;max-width:1141px;animation:fadeIn .4s}#topbar :is(#box-version,#box-user){display:none}@media only screen and (min-width:600px){.overlay{left:50px}#totop{left:calc(50% + 22.5px)}#topbar :is(#box-version,#box-user){display:block}#topbar .logo{background-color:var(--topbar-logo-bg)}#topbar .logo .min #nav-menu{border:none;font-weight:300;color:#fffc;pointer-events:none}#topbar .logo .min #nav-menu:before{content:""}#sidebar{left:0;top:50px;width:50px;height:unset;border-radius:0}#sidebar .sidebar-btn{padding:0}#sidebar .sidebar-btn hr{margin:0}#sidebar button{margin:0;border-radius:0;justify-content:center}#sidebar button .icon{width:unset;font-size:24px;text-align:center}#sidebar button .text{display:none}#app.app-body{left:50px}}@media only screen and (min-width:900px){.overlay{left:200px}#totop{left:calc(50% + 97.5px)}#topbar .logo{width:200px}#topbar .logo .max{display:block}#topbar .logo .min{display:none}#sidebar{width:200px}#sidebar .sidebar-btn{padding:5px}#sidebar .sidebar-btn hr{margin:5px 0}#sidebar button{height:40px;margin:2px 0;border-radius:6px;justify-content:left}#sidebar button .icon{width:32px;text-align:left;font-size:20px}#sidebar button .text{display:block}#app.app-body{left:200px}}.smart-popup{position:fixed;top:0;bottom:0;width:100%;z-index:3;background-color:#e5e7eb}.smart-popup .header{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;height:50px;font-size:18px;font-weight:400;font-family:Prompt;background-color:#fff;box-shadow:#00000029 0 1px 4px}.smart-popup .body{display:none;margin-top:50px;padding:10px;height:calc(100% - 50px);overflow-y:auto;animation:fadeIn .4s forwards}.smart-popup .header #btn-exit{position:absolute;right:15px;margin:0;padding:0;border:none;font-size:24px;font-weight:300;color:#00000080;background-color:transparent;cursor:pointer}.smart-popup .header #btn-exit:hover,.smart-popup .header #btn-exit:active{color:orange}.smart-popup .loader{position:absolute;display:flex;justify-content:center;padding-top:70px;inset:0}.smart-popup .loader .spinner{border:4px solid #F1F5F9;border-color:#0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.smart-popup.pop-in{animation:popIn .4s forwards}.smart-popup.pop-out{animation:popOut .4s forwards}@keyframes popIn{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes popOut{0%{transform:translate(100%)}to{transform:translate(0)}}.tabs{position:relative;background-color:#fff}.tabs.radius{border-radius:8px}.tabs .tabs-header{padding:10px;border-bottom:1px solid #E5E7EB}.tabs:has(.tabs-title) .tabs-header{border:none}.tabs .tabs-title{z-index:2;height:40px;position:relative;text-align:center;font-size:16px;font-family:Prompt;line-height:2.5em;background-color:#64748b;color:#fff}.tabs .tabs-title .title-content{position:relative}.tabs .tabs-title .middle.left{left:10px}.tabs .tabs-title .middle.right{right:10px}.tabs .tabs-body{min-height:100px}.tabs .tabs-body .body-content{display:none}.tabs .cover{background-color:transparent}.tabs .btn-container{position:relative;display:table;width:100%;background-color:#e5e7eb}.tabs.radius .btn-container{border-radius:8px}.tabs .tabs-btn{position:relative;float:left;min-width:100px;height:50px;border:none;font-size:16px;font-family:Prompt;line-height:1.25em;color:#64748b;background-color:transparent}.tabs .tabs-btn.red{color:#fff;background-color:var(--color-red)}.tabs .tabs-btn.orange{color:#fff;background-color:var(--color-orange)}.tabs .tabs-btn.green{color:#fff;background-color:var(--color-green)}.tabs .tabs-btn.blue{color:#fff;background-color:var(--color-blue)}.tabs .tabs-btn.purple{color:#fff;background-color:var(--color-purple)}.tabs.radius .tabs-btn:first-child{border-radius:8px 0 0 8px}.tabs.radius .tabs-btn:last-child{border-radius:0 8px 8px 0}.tabs .tabs-btn:not(:last-child){border-right:1px solid #D1D5DB}.tabs .tabs-btn .icon{font-size:18px}.tabs .tabs-btn:hover{color:var(--link-hover)}.tabs .tabs-btn:active{color:var(--link-active)}.tabs .tabs-btn.active{color:#fff;background-color:var(--color-blue)}.tabs .tabs-btn:disabled{color:#d1d5db}.tabs .tabs-overlay{position:absolute;inset:0}.tabs .tabs-btn .btn-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.tabs .tabs-btn .btn-loader .spinner{border:4px solid #F1F5F9;border-color:#38BDF8 #38BDF8 #F1F5F9 #F1F5F9;border-radius:50%;width:28px;height:28px;animation:spin .8s linear infinite}.tabs .tabs-title .title-loader{display:inline-block;position:relative;width:60px;height:40px;margin:auto;color:#fffc}.tabs .tabs-title .title-loader div{position:absolute;top:15px;width:10px;height:10px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.tabs .tabs-title .title-loader div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}.tabs .tabs-title .title-loader div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}.tabs .tabs-title .title-loader div:nth-child(3){left:24px;animation:lds-ellipsis2 .6s infinite}.tabs .tabs-title .title-loader div:nth-child(4){left:42px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(18px)}}#page-logout{width:100%;height:100%;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(https://pico-libs.web.app/image/bg-01.jpg)}#page-logout #content{display:none;text-align:center;animation:fadeIn .4s}#page-logout .logo{width:200px;height:200px;margin-bottom:20px;border-radius:50%;background-color:#fff3;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#page-logout .logo img{width:100%;height:100%;border-radius:50%}#page-logout #btn-login{padding:0 15px}#page-logout #loader{border:15px solid rgba(255,255,255,.8);border-radius:50%;border-top:15px solid #06B6D4;border-bottom:15px solid #06B6D4;width:150px;height:150px;animation:spin 2s linear infinite}.check-box{width:100%;height:36px;position:relative;display:inline-block;font-size:16px;line-height:2.25em;cursor:pointer}.check-box input{position:absolute;opacity:0;margin:0}.check-box .text{position:absolute;inset:0;padding-left:30px;border-radius:4px;background-color:#f3f4f6}.check-box .mark{position:absolute;top:8px;left:5px;width:20px;height:20px;background-color:#0003}.check-box input[type=checkbox]~.mark{border-radius:4px}.check-box input[type=radio]~.mark{border-radius:50%}.check-box:hover input~.mark{background-color:#0000004d}.check-box input:checked~.mark{background-color:#03a9f4}.check-box.green input:checked~.mark{background-color:#4caf50}.check-box.orange input:checked~.mark{background-color:#ff9800}.check-box.blue input:checked~.text{background-color:#81d4fa}.check-box.green input:checked~.text{background-color:#a5d6a7}.check-box.orange input:checked~.text{background-color:#ffcc80}.paper{margin:0;padding:0;background-color:#fff}#app-content:has(.paper){margin:auto;padding:5mm;width:fit-content;background-color:#fff}#app-content:has(.paper.shadow){box-shadow:0 .5mm 2mm #0000004d}.paper.A3{width:277mm;min-height:399mm}.paper.A3.landscape{width:400mm;min-height:276mm}.paper.A4{width:190mm;min-height:276mm}.paper.A4.landscape{width:277mm;min-height:189mm}.paper.A5{width:128mm;min-height:189mm}.paper.A5.landscape{width:190mm;min-height:127mm}.paper.letter{width:196mm;min-height:259mm}.paper.letter.landscape{width:260mm;min-height:195mm}.paper.legal{width:196mm;min-height:336mm}.paper.legal.landscape{width:337mm;min-height:195mm}.paper hr{border:none;border-top:1px solid #D1D5DB}.paper hr.dashed{border-top:1px dashed #D1D5DB}@media print{@page{margin:10mm!important}body{color:#000!important;background-color:#fff!important}#app,#app-content{margin:0!important;padding:0!important;position:static!important;overflow:hidden!important}#topbar,#sidebar,.hide-print,button,input,select{display:none!important}div,hr,table,th,td{border-color:#000!important}textarea{border:none!important;color:#000!important;background-color:#fff!important}.paper{min-height:unset!important}#app-content:has(.paper.shadow){box-shadow:unset!important}}.table{width:100%;font-size:16px;line-height:2.5em;border-collapse:collapse}.table th{background-color:#e5e7eb}.table :is(th,td){padding:0 8px}.table tr:not(:last-child){border-bottom:1px dashed #E5E7EB}.table.border{border:1px solid #E5E7EB}.table.border th{background-color:#f3f4f6;border-bottom:1px solid #E5E7EB}.table.border tr:not(:last-child) td{border-bottom:1px solid #E5E7EB}.table.border :is(th,td):not(:last-child){border-right:1px solid #E5E7EB}.table.border tfoot tr:first-child :is(th,td){border-top:1px solid #E5E7EB}.table.border tfoot tr:last-child :is(th,td){border-bottom:none}.table.scroll tbody{display:block;overflow-y:scroll}.table.scroll :is(thead,tfoot,tbody) tr{display:table;width:100%;table-layout:fixed}.table.scroll.wrap td{max-width:unset}.table .td2row{line-height:1.5em;padding:3px 8px}.table .td2row div:first-child{font-weight:500}.table .td2row div:last-child{font-size:14px;line-height:1.429em;font-style:italic;color:#9ca3af}.table.wrap td{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table.wrap .td2row div{overflow:hidden;text-overflow:ellipsis}.table .btn{opacity:.75}.table .btn:hover{opacity:1}.table .btn:not(:last-child){margin-right:4px}.table :is(th,td).cell-btn{padding:0;line-height:normal;text-align:center}.table th.cell-title{background-color:#fff}.wg-box{display:grid;grid-gap:10px;grid-template-columns:repeat(4,1fr)}.wg-box .wg-title{grid-column:1 / span 4;position:relative;font-size:16px;font-weight:400;font-family:Prompt;line-height:2.5em;border-radius:4px;text-align:center;background-color:#e5e7eb;color:#fff;box-shadow:#00000029 0 1px 4px}.wg-box .wg{font-family:Prompt;text-align:center;border-radius:6px;background-color:#e5e7eb;color:#fffc;box-shadow:#00000029 0 1px 4px}.wg-box .wg .num{height:35px;padding:0 4px;font-size:18px;font-weight:500;line-height:1.945em;color:#fff}.wg-box .wg .text{height:25px;padding:0 4px;font-size:14px;line-height:1.786em;border-radius:0 0 4px 4px;background-color:#0000000d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-box .wg:hover{opacity:.8;cursor:pointer}.wg-box .wg.md .num{height:28px;font-size:17px;font-weight:400;line-height:1.648em}.wg-box .wg.md .text{height:22px;font-size:13px;font-weight:400;line-height:1.693em}.wg-box .wg.blue,.wg-box .wg-title.blue{background-color:#88a7e2}.wg-box .wg.violet,.wg-box .wg-title.violet{background-color:#9a98d3}.wg-box .wg.purple,.wg-box .wg-title.purple{background-color:#c59dd1}.wg-box .wg.red,.wg-box .wg-title.red{background-color:#e08c96}.wg-box .wg.orange,.wg-box .wg-title.orange{background-color:#ffb85d}.wg-box .wg.green,.wg-box .wg-title.green{background-color:#81c784}.wg-box .wg.brown,.wg-box .wg-title.brown{background-color:#c8a88a}