@media(min-width:1024px)and (max-width:1216px){.container{width:1200px}}div,h1,h2,h3,h4,h5,h6,p,span{font-family:Open Sans,BoonBaan,sans-serif}.input{box-shadow:none!important}.field .input{font-family:Open Sans,BoonBaan,sans-serif;box-shadow:none}.field input:not(:-moz-placeholder-shown){border:1px solid #195bff}.field input:not(:placeholder-shown){border:1px solid #195bff}.group-icon{display:flex}h3,p,span{font-family:Open Sans,BoonBaan,sans-serif}.mx-datepicker-main{z-index:99100}.mx-datepicker{position:relative;display:inline-block;width:100%}.table-limit-height .vs-table{width:100%;font-size:.9rem;margin:0;max-height:500px}.button{font-family:Open Sans,BoonBaan,sans-serif;border:none;background:#195bff;color:#fff}.button:focus{border:none;box-shadow:none}.group-btn .button{background:#195bff;width:100%;border-radius:50px;border:none;box-shadow:none;margin-top:15px}@media only screen and (max-width:480px){.box-title,.control{margin:0!important}}.box-title{text-align:left}.box-title .control{margin-top:30px}.box-title h4{color:#195bff;display:flex;align-items:center}.box-title h4 i{width:35px}.box-title h4 .btn-add{margin:0 auto;margin-right:0}.box-title h4 .countTotal{color:#dc143c;margin-left:10px}.label:not(:last-child){margin-bottom:.1em}.text-danger{font-weight:400;color:#dc143c}.textarea{font-family:Open Sans,BoonBaan,sans-serif}.textarea:focus{box-shadow:none}.select,select{width:100%}select{font-family:Open Sans,BoonBaan,sans-serif}select:focus,select:hover{box-shadow:none!important}.box-btn{margin-top:10px}.box-btn button{width:100%;margin-top:20px;background:#195bff}.box-btn button:focus,.box-btn button:hover{color:#fff;box-shadow:none;border:none}.form-btn-loading{margin-top:20px;width:100%;border-radius:5px;margin-left:1px;background:#195bff;color:#fff;font-size:16px}.form-btn-loading.danger{background:#dc143c}.form-btn-loading.danger:focus,.form-btn-loading.danger:hover{background:#dc143c;color:#fff}.form-btn-general,.form-btn-loading:hover{background:#195bff;color:#fff}.form-btn-general{width:100%;border-radius:5px;font-size:16px}.form-btn-general:hover{background:#195bff;color:#fff}.form-cls-loading{margin-top:20px;width:100%;border-radius:5px;margin-left:1px;font-size:16px}.form-cls-loading,.form-cls-loading:hover{background:red;color:#fff}.img-size img{height:45px;-o-object-fit:contain;object-fit:contain}.number-input{margin-top:4px}.number-input input{width:100%}.number-input__input{font-family:Open Sans,BoonBaan,sans-serif;-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.25em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.375em - 1px);padding-left:calc(.625em - 1px);padding-right:calc(.625em - 1px);padding-top:calc(.375em - 1px);position:relative;vertical-align:top}.vs-checkbox:checked:hover~.vs-checkbox-mask{background:#195bff}.is-contents-input .second{padding-left:.5rem}.is-contents-input .first{padding-right:.5rem}.vue__time-picker input.display-time{border-radius:4px}.bad-feedback i,.none-feedback i{color:red;font-size:1.2rem}.good-feedback i{display:none}.feedback-icon{color:red;font-size:.9rem;font-weight:800}.import-sign-page{margin-top:40px}.import-sign-page .error{color:#c00;margin-top:8px;font-size:13px}.import-sign-page .upload-row{flex-wrap:wrap;align-items:flex-start;margin-bottom:0}.import-sign-page .upload-row .label-spacer{visibility:hidden}.import-sign-page .upload-row .upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.import-sign-page .upload-row .vs-button{margin:0;min-height:40px}.import-sign-page .upload-row .btn-icon{margin-right:6px}.import-sign-page .upload-input{width:100%;height:40px;padding:5px 10px;border:1px solid #d9dee5;border-radius:8px;background:#fff;font-size:13px;color:#444;cursor:pointer}.import-sign-page .upload-input:hover:not(:disabled){border-color:#b7c0cc}.import-sign-page .upload-input:disabled{background:#f5f6f8;cursor:not-allowed}.import-sign-page .upload-input::-webkit-file-upload-button{margin-right:10px;padding:4px 12px;border:none;border-radius:5px;background:#eef1f6;color:#444;font-size:12px;cursor:pointer}.import-sign-page .upload-input::file-selector-button{margin-right:10px;padding:4px 12px;border:none;border-radius:5px;background:#eef1f6;color:#444;font-size:12px;cursor:pointer}.import-sign-page .hint{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 14px;border-radius:8px;background:#fff8e8;border:1px solid #f3dfad;font-size:13px;color:#8a6d3b;line-height:1.7}.import-sign-page .hint i{margin-top:4px;color:#d09a00}.import-sign-page .hint-file{margin-top:8px;font-size:13px;color:#2f8f4e}.import-sign-page .hint-file i{margin-right:4px}.import-sign-page .summary .stat{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:8px;background:#f7f8fa}.import-sign-page .summary .stat-label{font-size:13px;color:#7a7a7a}.import-sign-page .summary .stat-value{font-size:22px;font-weight:700;margin-top:4px}.import-sign-page .summary .stat-success .stat-value{color:#2f8f4e}.import-sign-page .summary .stat-warn .stat-value{color:#c67c00}.import-sign-page .summary .stat-danger .stat-value{color:#c00}.import-sign-page .table-caption{margin:10px 0;font-weight:600}.import-sign-page .tag-warn{color:#c67c00;font-weight:600}.import-sign-page .tag-danger{color:#c00;font-weight:600}.import-sign-page .all-good{color:#2f8f4e;font-weight:600}.import-sign-page .signed-head{cursor:pointer;font-weight:600}.import-sign-page .signed-head i{margin-right:6px}.import-sign-page .signed-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.import-sign-page .signed-chip{display:inline-block;padding:3px 8px;border-radius:4px;background:#eef6f0;color:#2f8f4e;font-size:12px}.confirm-title{font-weight:700}.confirm-body{line-height:1.8}.confirm-body .confirm-file{font-weight:700}.confirm-body .confirm-warn{color:#c00;font-weight:700}.con-footer{display:flex;justify-content:flex-end;gap:8px}.import-sign-page .fit-width{white-space:nowrap}