html,body{touch-action:manipulation}html{font-size:100.01%;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:#000}body{margin:0;overflow-x:hidden;overflow-y:scroll;line-height:1.65;letter-spacing:0px;font-family:"Noto Sans TC","Microsoft YaHei","serif";font-size:1rem;color:#000;font-weight:400;scroll-behavior:smooth}body.modal-open{overflow-y:hidden}body.modal-open section,body.modal-open nav,body.modal-open .header-container{filter:blur(5px)}@media (max-width: 992px){body{line-height:1.33}}@media (max-width: 360px){body{width:100%;min-width:360px;overflow-x:scroll !important}}@page{size:A4;margin:0}@media print{html,body{margin:0 auto;padding:0;width:210mm;height:297mm}*{box-sizing:border-box;-moz-box-sizing:border-box}}a{color:#f00}a.active,a:hover{color:#00f}.ishidden{display:none !important;visibility:hidden}.clickdisabled{border:1px solid #999999 !important;background-color:#cccccc !important;color:#888 !important;cursor:default !important;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain}.swiper-container{width:100%}.container-fluid,.container{position:relative;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%;max-width:990px}@media (max-width: 1280px){.container-fluid,.container{max-width:990px}}@media (max-width: 992px){.container-fluid,.container{max-width:920px}}@media (max-width: 768px){.container-fluid,.container{max-width:720px}}@media (max-width: 576px){.container-fluid,.container{max-width:540px}}.container-fluid{width:100%;max-width:100%}.container-fluid-offset{padding-left:0px;padding-right:0px}p{margin:0}ul,li{list-style:none;padding-left:0px}img{max-width:100%}*{box-sizing:border-box}*[data-self]:not([data-self=""]),*[data-blank]:not([data-blank=""]),*[data-lang]:not([data-lang=""]){cursor:pointer}#itemslist td img{max-height:30px}.jscheckboxinput{align-items:center}.form-wrap{display:flex;align-items:center;border:1px solid #d4d4d4;margin-bottom:10px;padding:2px}.form-wrap img{height:25px;margin-left:3px;margin-right:5px;cursor:move}.form-wrap .form-input{flex:2}.form-wrap .input-extend-btn{width:70px;height:40px;border:1px solid #d4d4d4;display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer}.form-wrap .input-extend-btn:hover,.form-wrap .input-extend-btn.active{background-image:linear-gradient(rgba(0,0,0,0.4) 0 0);color:#fff}.form-wrap.blank .input-extend-btn{display:none}.form-wrap.filled .form-input{pointer-events:none !important;background-color:#e9e9e9;color:#f8f8f8}.form-wrap.filled.editing .form-input{pointer-events:auto !important;background-color:#fff;color:#000}.formrow{margin-bottom:20px}.formrow .title{color:#999;font-size:.875rem}input[type="radio"][disabled]{background-color:#f8f8f8 !important}.dropdown-toggle.readonly{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain;border:1px solid #d4d4d4 !important;background-image:none !important;background-color:#eee !important;color:#999 !important;cursor:default !important}.form-input,.form-textarea{background-color:transparent;border:1px solid #d4d4d4;padding:10px 15px;width:100%;color:#000;font-size:.875rem;border-radius:5px}.form-input::-webkit-input-placeholder,.form-textarea::-webkit-input-placeholder{color:#999;opacity:1}.form-input:-moz-placeholder,.form-textarea:-moz-placeholder{color:#999;opacity:1}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#999;opacity:1}.form-input:-ms-input-placeholder,.form-textarea:-ms-input-placeholder{color:#999;opacity:1}.form-input:focus,.form-textarea:focus{border-radius:5px;outline:none !important}.form-input.short,.form-textarea.short{width:200px}.form-input:read-only,.form-textarea:read-only{background-color:#eee;color:#999;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain}.form-input.readonly,.form-textarea.readonly{border:1px solid #d4d4d4 !important;background-color:#f6f6f6 !important;background-blend-mode:overlay;color:#999 !important;cursor:default !important;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain}.form-input.inputdate,.form-textarea.inputdate{background:url("../images/droparrow.webp") no-repeat scroll #fff;background-position:calc(100% - 15px) center}.form-input.form-date,.form-textarea.form-date{background:url("../images/calendar.webp") no-repeat scroll #fff;background-position:calc(15px) center;padding-left:45px}.form-input.form-time,.form-textarea.form-time{background:url("../images/timeclock.webp") no-repeat scroll #fff;background-position:calc(15px) center;padding-left:45px}.form-input.form-search,.form-textarea.form-search{background:url("../images/search.webp") no-repeat scroll #fff;background-position:calc(15px) center;padding-left:45px;max-width:400px;border-radius:20px}.form-input.liketext,.form-textarea.liketext{border:none !important;pointer-events:none;padding-left:0px;font-size:1.5rem;letter-spacing:1px}.form-input{height:40px}.form-textarea{height:100px;resize:vertical}@media (max-width: 768px){.form-textarea{height:80px}}.form-inputtextarea{width:100%;min-height:200px;background-color:transparent;border:1px solid #999;border-radius:5px}.form-inputtextarea input{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border:none;border-bottom:1px solid #999}.form-inputtextarea .form-inputtextarea-content{padding:10px 15px}.form-emailcc{width:100%;min-height:200px;background-color:transparent;border:1px solid #999;border-radius:5px}.form-emailcc input{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border:none;border-bottom:1px solid #999}.form-emailcc .form-emailcc-content{padding:10px 15px;display:flex;flex-wrap:wrap}.form-emailcc .form-emailcc-content .list{margin-right:15px;display:flex;align-items:baseline}.form-emailcc .form-emailcc-content .list span{color:#f8f8f8;text-decoration:underline}.form-emailcc .form-emailcc-content .list .del{display:inline-flex;font-size:.75rem;cursor:pointer;color:red;margin-left:3px}.search-container{z-index:9900;display:flex;flex-direction:column;position:absolute;width:calc(100vw - 675px);left:-150px;top:calc(100% + 0px);background-color:#fff;color:#000;box-shadow:2px 3px 5px 4px rgba(139,139,139,0.75);border-radius:5px}.search-container.noleft{left:0px}.search-container.fullwidth{width:100%}.search-container .search-item{display:flex;padding:7.5px 10px;cursor:pointer;font-size:.875rem}.search-container .search-item:nth-child(2n+1){background-color:rgba(212,212,212,0.25)}.search-container .search-item:hover{background-color:#f8f8f8}.search-container .search-item.header{color:#999;border-bottom:1px solid #d4d4d4;padding:7.5px 10px;cursor:default}.search-container .search-item.header:hover{background-color:#fff}.search-container .search-item.footer{justify-content:center;padding-top:15px;padding-bottom:15px}.search-container .search-item .invoicecode{width:12%}.search-container .search-item .invoicecarbodcode{width:13%}.search-container .search-item .carbodycode{width:25%}.search-container .search-item .carname{flex:2}.search-container .search-item .licenseplatenumber{width:10%}.search-container .search-item .contactcompany{width:10%}.search-container .search-item .contactname{width:10%}.search-container .search-item .contacttel{width:10%}.search-container .search-item .lastadmissionouttime{width:15%}.search-container .search-item .code{width:15%}.search-container .search-item .name{flex:2}.search-container .search-item .supplier{width:15%}.search-container .search-item .costprice{width:10%}.search-container .search-item .saleprice{width:10%}.search-container .search-item .remark{width:20%}.search-container .search-item span{color:red}.search-supplier-container{z-index:9900;display:flex;flex-direction:column;position:absolute;width:300px;left:0px;top:calc(100% + 0px);background-color:#fff;box-shadow:2px 3px 5px 4px rgba(139,139,139,0.75);border-radius:5px}.search-supplier-container .search-supplier-item{display:flex;padding:7.5px 10px;cursor:pointer;font-size:.875rem}.search-supplier-container .search-supplier-item:hover{background-color:#f8f8f8}.search-supplier-container .search-supplier-item span{color:red}.flexcolumn .checkbox label{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;padding-left:3px;font-size:.875rem}.flexcolumn .checkbox label span{width:400px;margin-right:15px}.flexcolumn .checkbox label .select-option-affix{color:#999}.flexcolumn .checkbox label .select-option-affix span{width:30px;display:inline-block;text-align:right;margin-right:3px}.flexcolumn .checkbox label .select-option-affix input{border:none;border-bottom:1px solid #999;text-align:center;width:100px;margin-left:5px}.clock-timepicker{background:url("../images/timeclock.webp") no-repeat scroll #fff;background-position:calc(100% - 15px);position:relative;display:block;width:100%}.mainpage-container{min-height:calc(100vh - 0px)}.modal{display:none;position:fixed;z-index:9900;background-color:rgba(0,0,0,0.5);width:100vw;height:100vh;top:0;left:0}.modal.show{display:table}.modal .mymodal-content{background-color:#fff;border-radius:1px;width:100%;max-width:800px;min-height:200px;position:relative;margin:100px auto;padding:15px 15px 15px 15px}.modal .mymodal-content .mymodal-header{display:flex;justify-content:flex-end;align-items:center;padding-bottom:10px}.modal .mymodal-content .mymodal-header .jsprint{cursor:pointer}.modal .mymodal-content .mymodal-header.jcbetween{justify-content:space-between}.modal .mymodal-content .mymodal-header.jcbetween .pagewrapper-title{display:flex;align-items:center;font-size:1.125rem}.modal .mymodal-content .mymodal-header.jcbetween .pagewrapper-title img{margin-right:15px}.modal .mymodal-content .mymodal-header .close{position:relative;width:30px;height:30px;cursor:pointer;margin-left:15px}.modal .mymodal-content .mymodal-header .close::before,.modal .mymodal-content .mymodal-header .close::after{content:"";width:25px;height:2px;background-color:red;position:absolute;top:15px;transform:rotate(45deg)}.modal .mymodal-content .mymodal-header .close::before{transform:rotate(45deg)}.modal .mymodal-content .mymodal-header .close::after{transform:rotate(-45deg)}.modal .mymodal-content .mymodal-header .close:hover::before,.modal .mymodal-content .mymodal-header .close:hover::after{background-color:#3037ce}.modal .mymodal-content .mymodal-header .jsprintbill,.modal .mymodal-content .mymodal-header .jsprintworkpaper{cursor:pointer;width:25px}.modal .mymodal-content .mymodal-body{padding:15px}.modal .mymodal-content .mymodal-footer{display:flex;justify-content:center}.modal .mymodal-content.modal-full{height:calc(100vh - 20px);width:calc(100vw - 20px);max-width:unset;padding:10px;margin:10px auto;display:flex;flex-direction:column;border-radius:10px}.modal .mymodal-content.modal-full .mymodal-body{flex:2;padding:10px 30px 0px 0px;overflow-y:scroll}.modal .mymodal-content.modal-hints{background-color:#e9e9e9;max-width:1600px;width:calc(100vw - 20px);padding:10px;margin:50px auto;display:flex;flex-direction:column;border-radius:10px}.modal .mymodal-content.modal-hints .mymodal-header .hinttitle{font-size:2rem;flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal .mymodal-content.modal-hints .mymodal-header .hinttitle .small{font-size:.75rem}.modal .mymodal-content.modal-hints .mymodal-header .hinttitle .small span{color:#e05dd1;padding-left:5px;padding-right:5px}.modal .mymodal-content.modal-hints .mymodal-body{flex:2;padding:10px 0px}.modal .mymodal-content.modal-xl{max-width:1200px;height:calc(100vh - 20px);width:calc(100vw - 20px);padding:10px;margin:10px auto;display:flex;flex-direction:column;border-radius:10px}.modal .mymodal-content.modal-xl .mymodal-body{flex:2;padding:10px 0px}.modal .mymodal-content.modal-edititem{max-width:unset;height:calc(100vh - 20px);width:calc(100vw - 20px);padding:10px;margin:10px auto;display:flex;flex-direction:column;border-radius:10px}.modal .mymodal-content.modal-edititem .mymodal-header{justify-content:space-between;align-items:center;padding-right:0px;font-size:1.5rem;margin-bottom:10px;box-shadow:0px 1px 0px rgba(139,139,139,0.15)}.modal .mymodal-content.modal-edititem .mymodal-body{flex:2;padding:10px 20px 50px 0px;overflow-y:scroll}.modal .mymodal-content.modal-edititem .mymodal-body iframe{border:none}.modal .mymodal-content.modal-pdfview{max-width:1200px;height:calc(100vh - 20px);width:calc(100vw - 20px);padding:10px;margin:10px auto;display:flex;flex-direction:column}.modal .mymodal-content.modal-pdfview .mymodal-body{flex:2;padding:10px 0px}.modal .mymodal-content.modal-pdfview .mymodal-body iframe{border:none}.modal img{max-width:100%}.dropdown-items{z-index:1000;display:none;flex-direction:column;overflow-y:scroll;position:absolute;min-width:150px;width:100%;max-height:400px;left:0px;top:calc(100% + 0px);background-color:#fff;box-shadow:2px 2px 2px rgba(139,139,139,0.5);border:1px solid #d4d4d4;border-top:none}.dropdown-items input{border-radius:5px;margin:5px;width:calc(100% - 10px);padding-left:35px !important;background-image:url(../images/search.webp);background-repeat:no-repeat;background-position:10px center}.dropdown-items .dropdown-item{cursor:pointer;color:#999;padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid #d4d4d4}.dropdown-items .dropdown-item:last-child{border-bottom:none}.dropdown-items .dropdown-item img{width:50px;margin-right:15px}.dropdown-items .dropdown-item span{font-size:.75rem;font-style:italic}.dropdown-items .dropdown-item:hover{color:#fff;background-color:#999}.dropdown-items .dropdown-item.inactive{display:none}.dropdown-items .dropdown-item.disable{cursor:default;color:#f8f8f8;background-color:#d4d4d4}.dropdown-items .dropdown-item.disable:hover{color:#f8f8f8;background-color:#d4d4d4}.dropdown-items.active{display:flex;max-width:calc(100% - 50px)}.navbardropdown{position:relative;cursor:pointer}.navbardropdown .catemenu{padding-left:15px;padding-right:30px;position:relative}.navbardropdown .catemenu:after{content:"";display:inline-block;background-size:cover;background-position:center right;background-image:url(../images/droparrow.webp);width:9px;height:7px;position:absolute;top:10px;right:10px}.navbardropdown .dropdown-items{overflow-y:hidden;max-height:unset;min-width:250px}.navbardropdown:hover .dropdown-items{display:flex}.dropdown{position:relative;display:flex;align-items:first baseline;flex-direction:column;cursor:pointer;width:100%}.dropdown input{background-color:#fff;border:1px solid #999;padding:10px 15px;color:#999;height:40px}.dropdown .dropdown-content{width:100%;position:relative}.dropdown .dropdown-content input{width:100%}.dropdown .dropdown-content input:first-child{z-index:-1;position:absolute}.dropdown .dropdown-content input:last-child{position:relative;color:#000;font-size:.875rem;background-image:url(../images/droparrow.webp);background-repeat:no-repeat;background-position:calc(100% - 14px) center;cursor:pointer;padding-right:21px}.dropdown.show .dropdown-items{display:flex}.dropdown.waitingedit{pointer-events:none}.dropdown.waitingedit .dropdown-content input:first-child{display:none}.dropdown.waitingedit .dropdown-content input:last-child{background-image:none;height:unset !important;border:unset !important;padding:unset !important;color:unset !important;font-size:unset !important;border-radius:unset !important;background-color:transparent}.hint{display:none;cursor:pointer;margin-right:15px;align-items:center}.hint img{height:25px}.btn{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain;display:flex;justify-content:center;align-items:center;position:relative;height:40px;cursor:pointer;color:#000;background-color:#eee;border:1px solid #eee;border-radius:5px;text-transform:capitalize;width:150px}.btn:hover,.btn.active{background-image:linear-gradient(rgba(0,0,0,0.4) 0 0)}.btn.active:after{content:"";width:16px;height:11px;background-image:url("../../config/images/selected.webp");background-size:cover;bottom:5px;right:5px;position:absolute;display:inline-block}.btn.btnxs{width:unset;min-width:120px;padding-left:15px;padding-right:15px}.btn.btnxxs{width:unset;min-width:75px;font-size:.875rem;padding-left:15px;padding-right:15px}.btn.btnsmall{height:30px;font-size:.75rem;max-width:80px}.btn.btnsmall.bigtext{font-size:1.5rem}.btn.btnhigh{height:60px}.btn.btn-long{width:200px}.btn.btn-fullwidth{width:100%}.btn.btngrayheavy{color:#fff;background-color:#999;border:none}.btn.btnblue{color:#000;background-color:#c1c2fa;border:none}.btn.btnpurple{color:#fff;background-color:#e05dd1;border:none}.btn.btnorange{color:#fff;background-color:#fa7860;border:none}.btn.btngreen{color:#000;background-color:#d8ebf9;border:none}.btn.btngreenbtnbg{color:#fff;background-color:#25c386;border:none}.btn.btngreenbg{color:#fff;background-color:#25c386;border:none;line-height:33px;align-items:flex-end}.btn.btnred{color:#fff;background-color:#cf3073;border:none}.btn.btnradius{border-radius:20px;text-transform:uppercase}.btn.btn1{background-color:#d6ecf9;border:none}.btn.btn2{background-color:#c0c3fa;border:none}.btn.btn3{background-color:#7fe8bf;border:none}.btnfile{border:1px solid #28c0e5;color:#28c0e5;border-radius:5px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:120px;height:25px}.btnfile:hover{background-color:#28c0e5;color:#fff}.extendbtns{display:flex;justify-content:space-around}table{background-color:#fff}table.table-bordered{border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-radius:3px}table.table-bordered th,table.table-bordered td{border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid #d4d4d4;padding:.3rem}table.table-bordered thead th,table.table-bordered thead td{border-bottom-width:1px}table.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}table.table-striped tbody tr:hover{background-color:#d4d4d4}table.dataTable thead th,table.dataTable tfoot th{color:#999;font-weight:normal}table.dataTable thead th.sorting_desc,table.dataTable thead th.sorting_asc,table.dataTable tfoot th.sorting_desc,table.dataTable tfoot th.sorting_asc{color:#999}.alert_confirm .alert_content{flex-direction:column;align-items:center}.loading{display:block;position:relative;width:100px;height:100px;margin:80px auto;border-radius:50%;border-top:2px solid #e05dd1;-webkit-animation:spin 1.9s linear infinite;animation:spin 2s linear infinite}.loading:before{content:"";position:absolute;top:15%;left:15%;right:15%;bottom:15%;border-radius:50%;border-top:2px solid #fa7860;-webkit-animation:spin-reserve 1s linear infinite;animation:spin-reserve 1s linear infinite}.loading:after{content:"";position:absolute;top:35%;left:35%;right:35%;bottom:35%;border-radius:50%;border-top:1px solid #7fe8bf;-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite}.loading.small{width:70px;height:70px}.loading.btnloading{width:30px;height:30px;margin:0px auto;border-top-color:#fff}.loading.btnloading:before{top:4px;left:4px;right:4px;bottom:4px;border:1px solid transparent;border-top-color:#fff}.loading.btnloading:after{display:none}.loading.white{margin:300px auto;border-top-color:#fff}.loading.white:before{border-top-color:#fff}.loading.white:after{border-top-color:#fff}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin-reserve{from{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin-reserve{0%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.light{width:10px;height:10px;border-radius:50%;color:transparent}.light span{display:none !important}.light.center{margin:0px auto}.light.green{background-color:#01ae9a}.light.gray{background-color:#999}.header-container{z-index:9000;position:fixed;width:100%;height:70px;background-color:#000;color:#fff;padding-left:15px;padding-right:15px;display:flex;justify-content:space-between;align-items:center}.header-container .header-logo{display:flex;flex-direction:column}.header-container .header-logo .img{display:flex}.header-container .header-logo .img img{height:35px}.header-container .header-logo .title{color:#fff;font-size:.875rem;margin-top:-8px;margin-left:5px}.header-container .header-navbar{flex:2;display:flex;justify-content:center;position:relative}.header-container .header-option{display:flex}.header-container .header-option .header-loginname{padding-right:15px;font-size:.75rem;display:flex;align-items:center}.header-container .header-option .header-loginname span{text-decoration:underline;display:block;color:#4efff7;padding-left:10px}.header-container .header-option .header-logout{background-color:red;color:#fff;border-radius:5px;width:120px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-container .header-option .header-logout:hover,.header-container .header-option .header-logout.active{background-image:linear-gradient(rgba(0,0,0,0.4) 0 0)}.alert_overlay:before{content:""}.alert_overlay:after{content:""}.footer-container{z-index:1000;position:fixed;bottom:0px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#eee;height:40px;padding-left:15px;box-shadow:0px 0px 3px 1px rgba(100,100,100,0.5)}.footer-container .footer-goto{display:flex;justify-content:center;align-items:center;padding-left:15px;padding-right:15px;height:100%;color:#fff;background-color:#01ae9a}.footer-container .footer-goto:hover{background-color:#eee}table.dataTable tfoot th{padding:3px 5px !important;text-align:left !important;color:red !important;font-weight:700}.loginpages{color:#fff;padding:90px 30px}.loginpages .loginpages-container{display:flex;flex-direction:column;margin:0px auto;max-width:400px}.loginpages .loginpages-container .login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:45px;font-size:2rem;line-height:1}.loginpages .loginpages-container .login-logo img{display:flex}.loginpages .loginpages-container .login-container .title{margin-bottom:15px}.loginpages .loginpages-container .login-container .form-input{border:none;border-radius:0;border-bottom:1px solid #999;color:#fff}section{min-height:100vh}.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.page-container{display:flex;padding-top:70px}.page-container .itemslist-container{z-index:100;position:relative;width:100%;background-color:#fff;border-radius:10px;padding:15px 7.5px 0 7.5px}.page-container.editmode .pages-filter,.page-container.editmode .itemslist-container,.page-container.editmode .gotopage-container,.page-container.editmode .pages-options-container{display:none;transition:all 0.8s ease 0s}.page-container.editmode .itemedit-container{display:flex}.gotopage-container{z-index:1000;position:absolute;right:0px}.gotopage-container .gotopage{position:relative;display:flex;justify-content:center;align-items:center}.gotopage-container .gotopage .title{padding-right:15px}.gotopage-container .gotopage .content{border:1px solid #eee;border-radius:3px;padding:2px 4px;display:flex;justify-content:center;align-items:center}.gotopage-container .gotopage .content input{border:none;width:40px;height:23px;text-align:center}.gotopage-container .gotopage .content .gotobtn{cursor:pointer;background-color:#01ae9a;color:#fff;font-size:.75rem;display:flex;justify-content:center;align-items:center;width:35px;height:25px;border-radius:3px}.gotopage-container .gotopage .content .gotobtn:hover{background-color:#7fe8bf}span.gray{color:#eee !important}span.orange{color:#fa7860 !important}span.green{color:#0aa11f !important}span.blue{color:#3037ce !important}span.red{color:red !important}span.purple{color:#e05dd1 !important}span.black{color:#000 !important}span.tourl{color:#4e41a5;cursor:pointer}span.tourl:after{content:"→";margin-left:5px}span.tourl:hover{font-style:italic}span.pricespan{width:75px;display:inline-flex}.menu-container{background-color:#343643;width:220px;min-height:calc(100vh - 70px)}.menu-container .menu-navs{position:sticky;top:70px;color:#fff;display:flex;flex-direction:column}.menu-container .menu-navs .menu-nav{display:flex;align-items:center;cursor:pointer;padding:6px 15px;font-size:.875rem}.menu-container .menu-navs .menu-nav img{margin-right:10px;width:35px}.menu-container .menu-navs .menu-nav.active{background-color:#585b6a}.pagewrapper-container{flex:2;display:flex;flex-direction:column;background-color:#e9e9e9;padding:15px}.pagewrapper-container .pagewrapper-title-container{display:flex;align-items:center;justify-content:space-between}.pagewrapper-container .pagewrapper-title-container .pagewrapper-title{width:100%;height:60px;display:flex;align-items:center;font-size:1.125rem;margin-bottom:15px}.pagewrapper-container .pagewrapper-title-container .pagewrapper-title img{margin-right:15px}.pagewrapper-container .pagewrapper-title-container .pagewrapper-title-button{cursor:pointer}.pagewrapper-container .pagewrapper-viewcontainer{margin-bottom:30px;display:flex;justify-content:space-between;flex-wrap:wrap}.pagewrapper-container .pagewrapper-viewcontainer .viewitem{background-color:#fff;border-radius:15px;padding:20px 30px;display:flex;align-items:center;flex-wrap:wrap}.pagewrapper-container .pagewrapper-viewcontainer .viewitem.viewsimple{height:120px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem.viewsimple .viewall{height:100%}.pagewrapper-container .pagewrapper-viewcontainer .viewitem.viewfull{width:calc(100%);margin-bottom:15px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem.viewhalf{width:calc((100% - 30px / 3 * 2) / 2);margin-bottom:15px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem.viewthird{width:calc((100% - 2 * 30px / 3 * 2) / 3);margin-bottom:15px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable{width:100%;height:200px;margin-top:15px;padding:15px;border-radius:10px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable.redheavy{border:1px solid #cf3073}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable.red{border:1px solid red}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable.orange{border:1px solid #fa7860}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable.purple{border:1px solid #e05dd1}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow{padding-top:5px;padding-bottom:5px;display:flex;font-size:.875rem}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow.header{color:#999 !important}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow.header .date{color:#999 !important}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow.viewrowblank{line-height:0.5}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow .date{width:17%;color:red}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow .name{width:20%}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow .carcode{width:25%}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewtable .viewrow .title{flex:2}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .total{font-size:5rem;line-height:1;font-weight:700}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .icon{display:flex}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief{display:flex;flex-direction:column;justify-content:center;padding-left:10px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief .title{font-size:1.375rem;line-height:1;color:#000}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief .title.redheavy{color:#cf3073;line-height:1.25}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief .title.red{color:red;line-height:1.25}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief .title.orange{color:#fa7860;line-height:1.25}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief .title.purple{color:#e05dd1;line-height:1.25}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .brief .content{color:#999;font-size:.875rem}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall{flex:2;display:flex;justify-content:space-around;flex-direction:column;align-items:flex-end}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall .color{width:13px;height:33px}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall .color.green{background-color:#01ae9a}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall .color.orange{background-color:#fa7860}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall .color.yellow{background-color:#fbac50}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall .tourl{text-decoration-line:underline;text-underline-offset:4px;color:#999}.pagewrapper-container .pagewrapper-viewcontainer .viewitem .viewall .tourl:after{content:'';background:url("../images/arrow01.png");width:32px;height:9px;display:inline-flex;margin-left:5px}.pagewrapper-container .pagewrapper-maincontainer{display:flex}.pagewrapper-container .pagewrapper-maincontainer .pageconent-container{flex:2}.pagewrapper-container .pagewrapper-maincontainer .pageconent-container .invoiceinfos-container{display:flex;justify-content:space-between}.pagewrapper-container .pagewrapper-maincontainer .pageconent-container .invoiceinfos-container .title{color:#999}.pagewrapper-container .pagewrapper-maincontainer .pageconent-container .invoicedetail-container{background-color:#fff;padding:30px 15px 60px 15px;margin-bottom:30px;border-radius:15px;box-shadow:2px 2px 2px rgba(139,139,139,0.5)}.pagewrapper-container .pagewrapper-maincontainer .pageconent-container .exportrecord-container{background-color:#f8f8f8;padding:30px 15px 60px 15px;border-radius:15px;box-shadow:2px 2px 2px rgba(139,139,139,0.5)}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container{width:320px;padding-left:15px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container{display:flex;flex-direction:column;position:sticky;top:160px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container{background-color:#fff;padding:20px;border-radius:15px;box-shadow:2px 2px 2px rgba(139,139,139,0.5);margin-bottom:45px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item{margin-bottom:15px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .title{color:#999;display:flex;align-items:baseline}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .title .eye{background-image:url(../images/eyeclose.webp);background-size:cover;background-repeat:no-repeat;width:17px;height:12px;cursor:pointer;margin-left:10px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .title .eye.active{background-image:url(../images/eyeopen.webp)}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle{font-size:1.125rem;display:flex;align-items:baseline;justify-content:space-between}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle span{font-size:.875rem;color:#999}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle.blue{color:#3037ce}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle.green{color:#01ae9a}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle.red{color:red}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle.hide{display:flex}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item .subtitle.show{display:none}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item.priceshow .title .eye{background-image:url(../images/eyeopen.webp)}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item.priceshow .subtitle.hide{display:none}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-total-container .float-total-item.priceshow .subtitle.show{display:flex}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-export-container{display:flex;height:240px;flex-direction:column;align-items:flex-end;margin-bottom:20px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-export-container .float-export-item{display:flex;margin-bottom:15px;cursor:pointer;position:relative}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-export-container .float-export-item img{width:80px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-export-container .float-export-item span{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:.75rem;bottom:3px;display:block ruby}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-export-container .float-export-item:hover,.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-export-container .float-export-item.active{box-shadow:2px 2px 2px rgba(139,139,139,0.5)}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container{display:flex;flex-direction:column;align-items:flex-end}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container .float-btns-item{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:15px;color:#fff;font-size:.875rem;cursor:pointer}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container .float-btns-item:hover,.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container .float-btns-item.active{background-image:linear-gradient(rgba(0,0,0,0.4) 0 0)}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container .float-btns-item img{width:22px}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container .float-btns-item.del{background-color:#f74344}.pagewrapper-container .pagewrapper-maincontainer .invoicetotal-container .float-container .float-btns-container .float-btns-item.confirm{background-color:#32bc45}.invoicelocked .form-input:not(.unlock,.waitingedit){border:1px solid #d4d4d4 !important;background-color:#f6f6f6 !important;background-blend-mode:overlay;color:#999 !important;cursor:default !important;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain}.invoicelocked .dropdown:not(.waitingedit) .dropdown-toggle{border:1px solid #d4d4d4 !important;background-color:#f6f6f6 !important;background-blend-mode:overlay;color:#999 !important;cursor:default !important;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain}.invoicelocked .itemopts{visibility:hidden !important}.invoicelocked tfoot{display:none !important}.invoicelocked .btn:not(.unlock),.invoicelocked .itemopt:not(.unlock){pointer-events:none}.invoicelocked .dataTables_wrapper table tr.isdragableicon::after{display:none}.invoicelockconfirm .jsautosaveinvoicediscount{border:1px solid #d4d4d4 !important;background-color:#f6f6f6 !important;background-blend-mode:overlay;color:#999 !important;cursor:default !important;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overscroll-behavior-y:contain}.invoicelockconfirm .itemopts{visibility:hidden !important}.invoicelockconfirm tfoot{display:none !important}.invoicelockconfirm .btn:not(.unlock),.invoicelockconfirm .itemopt:not(.unlock){pointer-events:none}.invoicelockconfirm .dataTables_wrapper table tr.isdragableicon::after{display:none}.tooltip{color:#3037ce}.tttt.active .tooltip{color:#e05dd1}.tttt .tooltip{color:red}.exportoptions-container{background-color:#fff;border-radius:15px;padding:0 15px;display:flex;flex-direction:column;margin-bottom:15px;box-shadow:2px 2px 2px rgba(139,139,139,0.5)}.exportoptions-container.record{background-color:#f8f8f8;padding-bottom:30px}.exportoptions-container.record #itemslist_wrapper{margin-top:-30px}.exportoptions-container .bigtitle{font-size:1.5rem;margin-top:15px}.exportoptions-container .export-items{display:flex;justify-content:space-between;padding:15px 0}.exportoptions-container .export-items:not(:last-child){border-bottom:1px solid #d4d4d4}.exportoptions-container .export-items .exporttitle{width:150px;font-size:1.125rem;line-height:1.15;display:flex;flex-direction:column}.exportoptions-container .export-items .exporttitle span{color:#999;font-size:.875rem}.exportoptions-container .export-items.jcstart{flex-wrap:wrap;justify-content:flex-start}.exportoptions-container .export-items.jcstart .exporttitle{width:500px;margin-bottom:15px}.exportoptions-container .export-items .opt-items{flex:2;display:flex}.exportoptions-container .export-items .opt-items .opt-item{display:flex;flex-direction:column;padding-right:10px}.exportoptions-container .export-items .opt-items .opt-item .title{color:#999;font-size:.875rem}.exportoptions-container .export-items .opt-items .btn{margin-right:5px}.exportoptions-container .export-items .btns{display:flex}.exportoptions-container .export-items .btns .btn+.btn{margin-left:5px}.sepTitle{position:relative;margin-top:15px;margin-bottom:15px}.sepTitle span{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;width:150px;height:35px;border-radius:5px;font-size:.875rem}.sepTitle:after{content:"";width:calc(100% - 150px);height:1px;background-color:#d4d4d4;position:absolute;top:50%;left:150px}.sepTitle.orange span{background-color:#fa7860}.sepTitle.yellow span{background-color:#fbac50}.sepTitle.red span{background-color:red}.sepTitle.blue span{background-color:#3037ce}.sepTitle.purple span{background-color:#e05dd1}.sepTitle.bluelight span{background-color:#c1c2fa;color:#000}.sepTitle.greenheavy span{background-color:#7fe8bf;color:#000}.sepTitle.greenlight span{background-color:#d8ebf9;color:#000}.page-export-container{flex:2}.page-export-container .export-container{background-color:#fff;padding:15px 30px;margin-bottom:30px;border-radius:15px;box-shadow:2px 2px 2px rgba(139,139,139,0.5)}.page-export-container .export-container .export-title{font-size:1.5rem;margin-bottom:10px}.page-export-container .export-container .export-icons{display:flex;margin-bottom:30px}.page-export-container .export-container .export-icons .export-icon{margin-right:15px;position:relative}.page-export-container .export-container .export-icons .export-icon span{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;display:block ruby}.page-export-container .export-container .export-icons .export-icon:after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.75)}.page-export-container .export-container .export-icons .export-icon.active{pointer-events:none}.page-export-container .export-container .export-icons .export-icon.active:after{display:none}.page-export-container .export-container .export-btns{display:flex;margin-bottom:30px}.page-export-container .export-container .export-btns .export-btn{margin-right:10px}.page-export-container .exported-container{background-color:#f8f8f8;padding:30px 15px 60px 15px;border-radius:15px;box-shadow:2px 2px 2px rgba(139,139,139,0.5)}.exportpreview-container{border:1px solid #d4d4d4;border-radius:5px;margin-bottom:60px}.exportpreview-container .exportpreview-item{display:flex;align-items:center;font-size:.875rem}.exportpreview-container .exportpreview-item:not(:last-child){border-bottom:1px solid #d4d4d4}.exportpreview-container .exportpreview-item.header{color:#999;font-size:1rem}.exportpreview-container .exportpreview-item .selectable{padding:3px 5px;width:5%}.exportpreview-container .exportpreview-item .date{padding:6px 10px;width:10%}.exportpreview-container .exportpreview-item .arrival{padding:6px 10px;width:10%}.exportpreview-container .exportpreview-item .delivery{padding:6px 10px;width:8%}.exportpreview-container .exportpreview-item .type{padding:6px 10px;width:8%}.exportpreview-container .exportpreview-item .type.service{color:#cf3073}.exportpreview-container .exportpreview-item .type.component{color:#3037ce}.exportpreview-container .exportpreview-item .type.discount{color:red}.exportpreview-container .exportpreview-item .code{padding:6px 10px;width:10%}.exportpreview-container .exportpreview-item .title{padding:6px 10px;flex:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.exportpreview-container .exportpreview-item .supplier{padding:6px 10px;width:15%}.exportpreview-container .exportpreview-item .qty{padding:6px 10px;width:5%}.exportpreview-container .exportpreview-item .costprice{padding:6px 10px;width:10%}.exportpreview-container .exportpreview-item .saleprice{padding:6px 10px;width:10%}.exportpreview-container .exportpreview-item .missionPrice{display:none}.exportpreview-container .exportpreview-item .remark{padding:6px 10px;width:10%}.exportpreview-container .exportpreview-item .chargestaff{position:relative;padding:6px 10px;width:15%}.exportpreview-container .exportpreview-item .chargestaff .form-input{width:calc((100% - 0px) );height:32px;margin-right:5px}.exportpreview-container .exportpreview-item .charge{position:relative;padding:6px 10px;width:30%;display:flex}.exportpreview-container .exportpreview-item .charge .dropdown{flex:2}.exportpreview-container .exportpreview-item .charge .form-input{width:170px;display:block;height:32px;margin-right:5px}.exportpreview-container .exportpreview-item .charge input[type=checkbox]:checked+input[type=text],.exportpreview-container .exportpreview-item .charge input[type=checkbox]:checked+input[type=text]+input[type=text]{display:block}.exportpreview-container .exportpreview-item .charge .delline{text-decoration:line-through;color:red}.itemedit-container{display:flex;flex-direction:column}.itemedit-container .itemedit-warning{padding-top:30px;color:red;font-size:.875rem}.itemedit-container .itemedit-warning span{text-decoration:underline}.itemedit-container .itemedit-btns{display:flex;padding-top:10px}.itemedit-container .itemedit-btns .btnxs+.btnxs{margin-left:15px}.itemedit-container .itemedit-form{padding-bottom:15px}.itemedit-container .itemedit-form .itemedit-row{margin-bottom:15px;display:flex;justify-content:space-between;flex-wrap:wrap}.itemedit-container .itemedit-form .itemedit-row .colhalf{width:calc((100% - 30px / 2) / 2)}.itemedit-container .itemedit-form .itemedit-row .colthird{width:calc((100% - 2 * 30px / 2) / 3)}.itemedit-container .itemedit-form .itemedit-row .colthird2{width:calc(100% - (100% - 2 * 30px / 2) / 3 - 30px / 2)}.itemedit-container .itemedit-form .itemedit-row .colquar{width:calc((100% - 3 * 30px / 2) / 4)}.itemedit-container .itemedit-form .itemedit-row .colsix{width:calc((100% - 5 * 30px / 2) / 6)}.itemedit-container .itemedit-form .itemedit-row .colfull{width:100%}.itemedit-container .itemedit-form .itemedit-row .colclear{flex:2}.itemedit-container .itemedit-form .itemedit-row .itemedit-col{position:relative;margin-bottom:15px}.itemedit-container .itemedit-form .itemedit-row .itemedit-col.nopr{padding-right:0px}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .title{color:#999;font-size:.875rem}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .title span.selectall{cursor:pointer;font-size:.6667rem;margin-left:10px;text-transform:uppercase}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .title span.selectall:hover{color:#3037ce}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .title span.selectall.active{color:#3037ce}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .title span.selectall.active:hover{color:#999}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .subtitle{color:#000;font-size:.875rem}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .radios{min-height:30px}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .radios .remark{color:red;font-size:.875rem}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadcontainer{display:flex;justify-content:flex-start}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadcontainer .attachfilesitems{width:400px;display:flex;flex-direction:column;padding-bottom:15px}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadcontainer .attachfilesitems .attachfilesitem{display:flex;align-items:center}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadcontainer .attachfilesitems .attachfilesitem span{color:#28c0e5;text-decoration:underline;line-height:1.15}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadcontainer .attachfilesitems .attachfilesitem .del{color:red;text-decoration:none;cursor:pointer;padding-left:5px;font-size:1.25rem}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile{background-color:#eee;border:1px dotted #999;border-radius:5px;width:100%;height:350px;display:flex;justify-content:center;align-items:center}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .uploadicon{cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .uploadicon .content{border-bottom:1px solid #999;margin-top:15px;color:#999;font-size:.875rem}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .uploadphoto{display:none;position:relative;justify-content:center;width:100%}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .uploadphoto img{max-height:340px;max-width:550px}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .btns{position:absolute;top:15px;right:15px;display:none}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .btns img{margin-left:15px;cursor:pointer}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .leftbtns{position:absolute;bottom:15px;left:15px;display:none}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile .leftbtns img{width:32px;cursor:pointer}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile.draging{background-color:#f8f8f8}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile.active{background-color:#fff}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile.active .uploadicon{display:none}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile.active .uploadphoto,.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile.active .btns,.itemedit-container .itemedit-form .itemedit-row .itemedit-col .uploadfile.active .leftbtns{display:flex}.itemedit-container .itemedit-form .itemedit-row .itemedit-col.flexcolumn .checkboxs{display:flex;flex-direction:column}.itemedit-container .itemedit-form .itemedit-row .itemedit-col.flexcolumn .radio{display:flex}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .alarm{font-size:.875rem;color:red}.itemedit-container .itemedit-form .itemedit-row .itemedit-col .alarm span{color:#3037ce;border-bottom:1px solid #3037ce}.dataTables_wrapper{margin-bottom:30px}.dataTables_wrapper .dataTables_filter{padding-bottom:10px;display:flex;justify-content:space-between;width:100%;padding-left:15px}.dataTables_wrapper .dataTables_filter label{flex:2;display:flex;align-items:center;justify-content:flex-end}.dataTables_wrapper .dataTables_filter label span{display:none}.dataTables_wrapper .dataTables_filter label input{background-image:url(../images/search.webp);background-repeat:no-repeat;background-position:10px center;border:1px solid #999;border-radius:18px;padding:10px 15px 10px 40px;display:flex;justify-content:flex-start;align-items:center;height:35px;width:300px}.dataTables_wrapper .dataTables_filter label .dropdown{width:unset}.dataTables_wrapper .dataTables_filter label .dropdown .dropdown-content input{width:unset;border-radius:1px;padding-left:15px}.dataTables_wrapper .dataTables_filter label .dropdown .dropdown-content input:first-child{display:none}.dataTables_wrapper .dataTables_filter label .dropdown .dropdown-content input:last-child{font-size:.875rem;padding-right:0px}.dataTables_wrapper .dataTables_filter label .dropdown .dropdown-items{min-width:unset}.dataTables_wrapper .dataTables_paginate{float:unset;text-align:unset;padding-top:15px;display:flex;align-items:center;justify-content:center;min-height:35px}.dataTables_wrapper .dataTables_paginate .paginate_button .pageicon{background-image:url(../images/pagedirection.webp);background-repeat:no-repeat;background-size:cover;width:9px;height:7px;display:block}.dataTables_wrapper .dataTables_paginate .paginate_button .pageicon.next{transform:rotate(180deg)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled .pageicon{opacity:0.25}.dataTables_wrapper table{font-size:.875rem}.dataTables_wrapper table thead tr th{padding:3px 5px !important;text-align:left}.dataTables_wrapper table thead tr th.widthxxs{width:30px !important}.dataTables_wrapper table thead tr th.widthxxs .checkbox{padding-right:0px}.dataTables_wrapper table thead tr th.widthxs{width:50px !important}.dataTables_wrapper table thead tr th.widthsx{width:75px !important}.dataTables_wrapper table thead tr th.widthsm{width:100px}.dataTables_wrapper table thead tr th.widthmd{width:150px}.dataTables_wrapper table thead tr th.widthlg{width:200px}.dataTables_wrapper table thead tr th.widthxl{width:250px}.dataTables_wrapper table thead tr th.widthxxl{width:300px}.dataTables_wrapper table tfoot tr{position:relative}.dataTables_wrapper table tfoot tr td{overflow:visible}.dataTables_wrapper table tfoot tr td input{padding:3px 5px !important;height:30px}.dataTables_wrapper table td{position:relative;text-overflow:ellipsis;white-space:nowrap !important;overflow:hidden;padding:3px 5px !important}.dataTables_wrapper table td .ezpdf{max-height:30px}.dataTables_wrapper table td.editdisable{background-color:#eee}.dataTables_wrapper table td .waitingedit{pointer-events:none;height:unset !important;border:unset !important;padding:unset !important;color:unset !important;font-size:unset !important;border-radius:unset !important}.dataTables_wrapper table td .editing{background-color:#fff}.dataTables_wrapper table td.dragableicon{display:flex;align-items:center;height:40px}.dataTables_wrapper table td.dragableicon img{height:16px;margin-right:10px}.dataTables_wrapper table td .moneyhide.ishide{color:transparent;position:relative}.dataTables_wrapper table td .moneyhide.ishide:after{content:"...";color:#000;position:absolute;left:0px}.dataTables_wrapper table tr.isdragableicon{position:relative}.dataTables_wrapper table tr.isdragableicon:after{content:'';background-image:url("../images/sortable.webp");background-size:contain;width:11px;height:17px;position:absolute;left:4px;top:7px;cursor:move}.dataTables_wrapper table tr.isdragableicon td:first-child{padding-left:22px !important}.dataTables_wrapper table tr.trediting:after{display:none}.dataTables_wrapper table tr.trediting td{overflow:visible}.dataTables_wrapper table tr.trediting td.dragableicon img{display:none}.dataTables_wrapper table tr.trediting td:first-child{padding-left:10px}.dataTables_wrapper table tr.trediting td input{height:25px;padding:3px 5px}.dataTables_wrapper table.table-flex{border:none !important}.dataTables_wrapper table.table-flex thead{display:none}.dataTables_wrapper table.table-flex tbody{display:flex;flex-wrap:wrap;justify-content:flex-start}.dataTables_wrapper table.table-flex tbody tr{border:none !important;background-color:#fff !important;width:calc(25% - 10px);margin-right:10px;margin-bottom:10px}.dataTables_wrapper table.table-flex tbody tr td{display:flex !important;border:none !important;max-width:unset !important;padding:0 !important;position:relative}.dataTables_wrapper table.table-flex tbody tr td .img{position:relative;display:flex}.dataTables_wrapper table.table-flex tbody tr td .img::after{content:"";background-color:rgba(100,100,100,0.5);width:100%;height:100%;position:absolute;left:0px;top:0px}.dataTables_wrapper table.table-flex tbody tr td .title{position:absolute;left:15px;bottom:15px;display:flex;justify-content:center;align-items:center;color:#fff}.dataTables_wrapper table.table-flex tbody tr td .title .status{margin-right:10px}.dataTables_wrapper .itemopts{display:flex;justify-content:center}.dataTables_wrapper .itemopts .itemopt{cursor:pointer;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;margin-left:8px;margin-right:8px}.dataTables_wrapper .itemopts .itemopt.hidden{display:none}.dataTables_wrapper .itemopts .itemopt.itemopteditcopy{background-image:url(../images/editcopy.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptcopy{background-image:url(../images/copy.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptview{background-image:url(../images/search.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptinlineedit{background-image:url(../images/inlineedit.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptconfirm{background-image:url(../images/confirm.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptprint{background-image:url(../images/print.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptprint.isdisable{opacity:.25;cursor:default}.dataTables_wrapper .itemopts .itemopt.itemoptprintquotation{background-image:url(../images/print_quotation.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptprintquotation.isdisable{opacity:.25;cursor:default}.dataTables_wrapper .itemopts .itemopt.itemoptprintinvoice{background-image:url(../images/print_invoice.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptprintinvoice.isdisable{opacity:.25;cursor:default}.dataTables_wrapper .itemopts .itemopt.itemoptprebill{background-image:url(../images/prebill.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptcancel{background-image:url(../images/cancel.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptedit{background-image:url(../images/edit.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptdel{background-image:url(../images/del.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptexport{background-image:url(../images/export.webp)}.dataTables_wrapper .itemopts .itemopt.itemoptselect{display:flex;align-items:center}.dataTables_wrapper .itemopts .inactive{display:none !important}.update-btns{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.radioswitchs{display:flex;width:300px;height:40px;border:2px solid #999;background-color:#fff;position:relative}.radioswitchs input{z-index:-1;position:absolute}.radioswitchs .radioswitch{width:50%;display:flex;justify-content:center;align-items:center;color:#000;cursor:pointer}.radioswitchs .radioswitch.active{color:#fff;background-color:#01ae9a}.radioswitchs .radioswitch:not(:last-child){border-right:1px solid #999}.adminpagepermission .checkboxs{display:flex;flex-wrap:wrap;margin-top:15px}.adminpagepermission .checkboxs .checkbox{width:245px}.adminpagepermission .checkboxs .checkbox label{margin-left:5px;font-size:.875rem}.adminpagepermission .checkboxs .checkbox.empty{width:100%;height:5px;border-bottom:1px solid #efefef;margin-bottom:5px}.print-area{display:flex;flex-wrap:wrap;max-width:210mm}.print-area .printarea-container{margin:0px auto;display:flex;flex-direction:column;width:210mm;height:297mm;min-height:297mm;max-width:210mm;background-color:#fff;border:1px solid #3037ce;padding:3mm 5mm;font-size:.875rem}.print-area .printarea-container .printpages{position:absolute;right:15px;display:flex;justify-content:flex-end;font-size:1rem !important}.print-area .printarea-container .printpages .currpage{padding-right:5px}.print-area .printarea-container .printpages .printtotalpages{padding-left:5px}.print-area .printarea-container .printarea-header{width:100%;display:flex;flex-direction:column;margin-bottom:10px}.print-area .printarea-container .printarea-header .printarea-header-item{position:relative;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.5}.print-area .printarea-container .printarea-header .printarea-header-item.between{justify-content:space-between;margin-top:5px}.print-area .printarea-container .printarea-header .printarea-header-item .left{flex:2;display:flex;justify-content:center}.print-area .printarea-container .printarea-header .printarea-header-item .left span{display:inline-flex}.print-area .printarea-container .printarea-header .printarea-header-item .right{width:120px;text-align:right}.print-area .printarea-container .printarea-header .printarea-header-item .printarea-header-logo{flex:2;display:flex;align-items:end;justify-content:flex-start}.print-area .printarea-container .printarea-header .printarea-header-item .printarea-header-logo img{height:35px}.print-area .printarea-container .printarea-header .printarea-header-item .pages{width:60px;text-align:right}.print-area .printarea-container .printarea-title{margin-top:15px;margin-bottom:5px}.print-area .printarea-container .printarea-line{width:100%;height:1px;border-bottom:1px solid #000;margin-top:15px}.print-area .printarea-container .printarea-infos{border:1px solid #000;display:flex;flex-wrap:wrap;margin-bottom:7.5px}.print-area .printarea-container .printarea-infos.nobd{border:none;margin-bottom:0px}.print-area .printarea-container .printarea-infos.affixtop{margin-top:-8px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper{width:100%;padding:.5px 10px;display:flex;flex-direction:column}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper:not(:last-child){border-bottom:1px dotted #999}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper.bdt{border-top:1px solid #999}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper.nobdb{border-bottom:none}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper.bddotted{border-bottom:1px solid #eee}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper.subtotal{padding:5px 10px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper.half{width:50%}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper.half:not(:last-child){border-right:1px solid #eee}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item{display:flex;align-items:baseline;font-size:.75rem;padding-top:1.5px;padding-bottom:1.5px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item.aistart{align-items:flex-start}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item.aicenter{align-items:center}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item.haspt{padding-top:20px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item.red{color:red !important;font-weight:bold;font-size:.875rem;padding-top:5px;padding-bottom:5px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .item{width:100px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .item.big{font-size:1.25rem}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .item.big.flex2{flex:2;width:unset}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .item.wide{width:120px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .item.narrow{width:80px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .code{width:29%}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .code.pl{padding-left:70px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .code.right{text-align:right}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .code.checkbox{position:relative;padding-left:70px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .code.checkbox:before{content:"";width:20px;height:20px;border:1px solid #999;position:absolute;left:30px;top:-1px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .othercode{width:42%}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2{flex:2;padding-right:10px;display:flex;align-items:first baseline}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2 span{padding-right:5px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2 span.big{font-size:1.25rem}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2 span.small{font-size:.75rem}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2.high{padding-bottom:30px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2.right{justify-content:flex-end;padding-right:30px}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2.right.between{justify-content:space-between}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2.fdcolumn{flex-direction:column}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2 .title{font-weight:bold}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .flex2.aiend{align-items:flex-end}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item span{display:block;line-height:1.15}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item span:last-child{font-size:1rem;line-height:1.33}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .missionno{width:50px;text-align:left}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .missiontype{width:80px;text-align:left}.print-area .printarea-container .printarea-infos .printarea-infos-wrapper .printarea-infos-item .missioncontent{flex:2}.print-area .printarea-container .printarea-infos.noborder{border:none}.print-area .printarea-container .printarea-infos.noborder .printarea-infos-wrapper.half{border-right:none;border-bottom:none}.print-area .printarea-container .printarea-signs{display:flex;justify-content:flex-end;margin-top:.5px;margin-bottom:5px}.print-area .printarea-container .printarea-signs.jcsb{justify-content:space-between}.print-area .printarea-container .printarea-signs .printarea-sign{width:35%;display:flex;flex-direction:column}.print-area .printarea-container .printarea-signs .printarea-sign .blank{height:40px;border-bottom:2px solid #000}.print-area .printarea-container .printarea-signs .printarea-sign .remark{font-size:.75rem}@media print{@page{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px}*{-webkit-print-color-adjust:exact !important;color-adjust:exact !important}nav{position:relative}footer{display:none}.notprint{display:none !important}}
/*# sourceMappingURL=style.min.css.map */