@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;700&family=Roboto&display=swap";body{color:#222;font:normal 16px/1.4 "Prompt","Roboto",sans-serif}.input-label{font-family:Prompt;font-size:.8rem}.input{font-family:Prompt;font-size:1rem}.input-error-message{color:red;font-size:.9rem;font-family:Prompt}.button-text,.btn-login-with,button[type=reset]{font-weight:bold;font-family:Prompt;font-size:.8rem;text-transform:uppercase}.code-debug,pre{font-family:"Courier New",monospace;font-size:.8rem;color:#999}.container{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}html{box-sizing:border-box;height:100%}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}body{background:#efefef}a{color:#e50050;text-decoration:none}a:hover,a:active,a:focus{color:#222;text-decoration:underline}pre{padding:20px;margin:0 20px;border:solid 1px #dedede;background-color:#efefef}pre~pre{margin:20px 20px 0}h1,h2,h3,h4,h5,h6{margin:.4rem 0}.shell{position:relative}.shell .header{position:fixed;top:0;left:0;z-index:3;width:100%;overflow:hidden;font-size:.9rem;background:#fcfcfc;box-shadow:0 0 10px #ccc;padding:10px 20px;margin:0}@media print{.shell .header{display:none;margin:0;padding:0;position:relative}}.shell .main{display:block;padding:20px;margin:70px 0 0}@media print{.shell .main{padding:10px;margin:0}}.shell .footer{text-align:center}@media print{.shell .footer{display:none}}.header{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.header h1{font-size:1.4rem}.nav{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;grid-gap:10px;gap:10px}.nav a{display:inline-block;padding:5px 10px;border-radius:10px;text-decoration:none}.nav a:hover,.nav a:active{box-shadow:0 0 10px #ccc;background:white;text-decoration:none}.nav a+.active{color:block}.nav a .fas{padding:0 5px 0 0}.filter-form{display:flex;flex-flow:row wrap;align-items:flex-end;justify-content:flex-start;font-family:"Prompt";font-size:.9rem;grid-gap:10px 40px;gap:10px 40px}.filter-form .field,.filter-form .field--date-range{display:flex;flex-flow:column nowrap;align-items:flex-start}.filter-form .field label,.filter-form .field--date-range label{display:inline-block;margin:0 10px;font-size:.8rem}.filter-form .field input[type=text],.filter-form .field--date-range input[type=text],.filter-form .field input[type=date],.filter-form .field--date-range input[type=date],.filter-form .field select,.filter-form .field--date-range select{padding:3px 10px;border:solid 1px #eee;border-radius:10px;outline:none;font-size:.85rem;font-family:"Prompt";color:#0073e6;width:300px}.filter-form .field input[type=text]:focus,.filter-form .field--date-range input[type=text]:focus,.filter-form .field input[type=date]:focus,.filter-form .field--date-range input[type=date]:focus,.filter-form .field select:focus,.filter-form .field--date-range select:focus{box-shadow:0 0 10px #ccc}.filter-form .field input[type=date],.filter-form .field--date-range input[type=date]{width:160px;font-family:"Prompt";color:#0073e6}.filter-form .field--date-range{display:flex;flex-flow:column nowrap;align-items:flex-start}.filter-form .actions{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;grid-gap:10px;gap:10px}.filter-form .actions button{padding:5px 10px}.editor-form{display:block;background:#efefef;width:600px;padding:0;border-top:solid 1px #dedede}.editor-form .field,.editor-form .filter-form .field--date-range,.filter-form .editor-form .field--date-range{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start;grid-gap:20px;gap:20px;padding:10px 0}.editor-form .field label,.editor-form .filter-form .field--date-range label,.filter-form .editor-form .field--date-range label{display:inline-block;flex:0 0 200px;text-align:right;margin:2px 0 0}.editor-form .field input[type=checkbox],.editor-form .filter-form .field--date-range input[type=checkbox],.filter-form .editor-form .field--date-range input[type=checkbox]{align-self:center}.editor-form .field input[type=text],.editor-form .filter-form .field--date-range input[type=text],.filter-form .editor-form .field--date-range input[type=text],.editor-form .field input[type=date],.editor-form .filter-form .field--date-range input[type=date],.filter-form .editor-form .field--date-range input[type=date],.editor-form .field textarea,.editor-form .filter-form .field--date-range textarea,.filter-form .editor-form .field--date-range textarea{padding:2px 5px;background:white;border:1px solid #ccc;border-radius:10px;outline:none;font-family:"Prompt";width:300px;color:#0073e6}.editor-form .field input[type=text]:focus,.editor-form .filter-form .field--date-range input[type=text]:focus,.filter-form .editor-form .field--date-range input[type=text]:focus,.editor-form .field input[type=date]:focus,.editor-form .filter-form .field--date-range input[type=date]:focus,.filter-form .editor-form .field--date-range input[type=date]:focus,.editor-form .field textarea:focus,.editor-form .filter-form .field--date-range textarea:focus,.filter-form .editor-form .field--date-range textarea:focus{border:solid 1px #0084ff;box-shadow:0 0 5px #91caff;color:#0073e6}.editor-form .field input[type=text]:-moz-read-only,.editor-form .filter-form .field--date-range input[type=text]:-moz-read-only,.filter-form .editor-form .field--date-range input[type=text]:-moz-read-only,.editor-form .field input[type=date]:-moz-read-only,.editor-form .filter-form .field--date-range input[type=date]:-moz-read-only,.filter-form .editor-form .field--date-range input[type=date]:-moz-read-only,.editor-form .field textarea:-moz-read-only,.editor-form .filter-form .field--date-range textarea:-moz-read-only,.filter-form .editor-form .field--date-range textarea:-moz-read-only{background:#ccc;color:#aaa}.editor-form .field input[type=text]:read-only,.editor-form .filter-form .field--date-range input[type=text]:read-only,.filter-form .editor-form .field--date-range input[type=text]:read-only,.editor-form .field input[type=date]:read-only,.editor-form .filter-form .field--date-range input[type=date]:read-only,.filter-form .editor-form .field--date-range input[type=date]:read-only,.editor-form .field textarea:read-only,.editor-form .filter-form .field--date-range textarea:read-only,.filter-form .editor-form .field--date-range textarea:read-only{background:#ccc;color:#aaa}.editor-form .field input[type=text]:-moz-read-only:focus,.editor-form .filter-form .field--date-range input[type=text]:-moz-read-only:focus,.filter-form .editor-form .field--date-range input[type=text]:-moz-read-only:focus,.editor-form .field input[type=date]:-moz-read-only:focus,.editor-form .filter-form .field--date-range input[type=date]:-moz-read-only:focus,.filter-form .editor-form .field--date-range input[type=date]:-moz-read-only:focus,.editor-form .field textarea:-moz-read-only:focus,.editor-form .filter-form .field--date-range textarea:-moz-read-only:focus,.filter-form .editor-form .field--date-range textarea:-moz-read-only:focus{border:solid 1px #bbb;box-shadow:0 0 5px #eee}.editor-form .field input[type=text]:read-only:focus,.editor-form .filter-form .field--date-range input[type=text]:read-only:focus,.filter-form .editor-form .field--date-range input[type=text]:read-only:focus,.editor-form .field input[type=date]:read-only:focus,.editor-form .filter-form .field--date-range input[type=date]:read-only:focus,.filter-form .editor-form .field--date-range input[type=date]:read-only:focus,.editor-form .field textarea:read-only:focus,.editor-form .filter-form .field--date-range textarea:read-only:focus,.filter-form .editor-form .field--date-range textarea:read-only:focus{border:solid 1px #bbb;box-shadow:0 0 5px #eee}.editor-form .field select,.editor-form .filter-form .field--date-range select,.filter-form .editor-form .field--date-range select{padding:2px 5px;background:white;border:1px solid #ccc;border-radius:10px;outline:none;font-family:"Prompt";width:300px;color:#0073e6}.editor-form .field select:focus,.editor-form .filter-form .field--date-range select:focus,.filter-form .editor-form .field--date-range select:focus{border:solid 1px #0084ff;box-shadow:0 0 5px #91caff;color:#0073e6}.editor-form .actions{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;grid-gap:20px;gap:20px;padding:10px 10px 10px 220px}.editor-form--inventory{width:1200px;display:grid;grid-template-columns:40% 1fr;grid-template-rows:repeat(2)}.editor-form--inventory .serial__list{list-style-type:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.editor-form--inventory .serial__list-counter{font-size:.8rem;font-weight:bold;display:block}.editor-form--inventory .serial__item{padding:3px 5px;width:100%;border-top:dashed 1px red}.editor-form--inventory .serial__item:first-child{border-top:none}.editor-form--inventory .serial__number{display:inline-block;color:#0073e6}.editor-form--inventory .serial__remark{display:block;font-size:.7rem;color:#1a1a1a;padding-left:30px}.editor-form--inventory .serial__instruction{display:block;font-size:.7rem;padding:5px 0}.editor-form--inventory .serial__add-button{border:none;padding:5px;border-radius:50%;vertical-align:middle;text-align:center;margin-left:10px;cursor:pointer}.editor-form--inventory .serial__remove-button{border:none;padding:5px;border-radius:50%;vertical-align:middle;text-align:center;margin-left:10px;color:red;cursor:pointer}.editor-form--inventory .actions{grid-area:2/2}.active{display:block}.data-table{width:100%;padding:0;margin:0;font-size:.8rem;font-weight:normal;border-collapse:collapse}.data-table .col--index{width:20px}.data-table .col--id{width:50px}.data-table .col--old-id{width:260px}.data-table .col--code{width:140px}.data-table .col--sortable{cursor:pointer}.data-table .col--sortable:hover{background:#ccc}.data-table .col--actions{text-align:center;width:100px}.data-table .col--actions-no-status{width:60px}.data-table .col--actions .fa-eye-slash{color:red}.data-table .col--actions button{width:20px;height:20px;padding:2px;margin:0 2px;border:none;background:#eee;border-radius:50%;cursor:pointer;color:#666}.data-table .col--actions button:hover{box-shadow:0 0 10px #ccc;background:white}.data-table .col--actions button.edit:hover{color:orange}.data-table .col--actions button.delete:hover{color:red}@media print{.data-table .col--actions{display:none}}.data-table .col--date{width:100px}.data-table .col--datetime{width:100px}.data-table th{font-weight:normal;text-align:left;padding:3px 5px}.data-table td{padding:3px 5px;text-align:left;vertical-align:top;word-wrap:break-word}.data-table td.col--id,.data-table td.col--index,.data-table td.col--old-id{color:#999;font-size:.7rem;text-align:right}.data-table td.col--old-id{text-align:left}.data-table td.col--date,.data-table td.col--datetime{font-size:.7rem;font-family:"consolas"}.data-table td.col--code{font-size:.75rem}.data-table td.col--serial-number{font-size:.75rem;width:120px}.data-table thead tr{background-color:#dedede;border-bottom:solid 2px #999}.data-table thead tr th{font-weight:bold;font-size:.75rem}.data-table thead tr th:not(:first-child){border-left:solid 1px #999}.data-table tbody tr{border-bottom:solid 2px #fff}@media print{.data-table tbody tr{border-bottom:solid 1px #ccc}}.data-table tbody tr:nth-child(even){background:#ededed}.data-table tbody tr:hover{border-bottom:solid 2px #999;background:#777}.data-table tbody tr:hover td{color:#fff}.data-table tbody .buy-in{color:orange}.data-table tbody .sell-out{color:green}.main{padding:40px;min-width:800px}.print{border:solid 2px red}@media screen{.print{display:none}}@media print{.print{display:block}}button{outline:none}button[type=submit]{padding:.5rem 1rem;border-radius:.5rem;border:0;font-weight:bold;font-family:Prompt;font-size:.8rem;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in-out;background-color:#ddd}button[type=submit]:hover{background:white;box-shadow:0 0 10px #ccc}button[type=submit]:disabled,button[type=submit]:disabled:hover{background-color:#ddd;color:#999;cursor:default}button[type=reset]{padding:.5rem 1rem;border-radius:.5rem;border:0;cursor:pointer;transition:all .2s ease-in-out;color:#999;background-color:#eee;border:solid 1px #ccc}button[type=reset]:hover{color:#555}.btn-login-with{padding:.5rem 1rem;border-radius:.5rem;border:0;cursor:pointer;transition:all .2s ease-in-out;background-color:#ddd}.btn-login-with:hover{background-color:#00f;color:#fff}.alert{border:solid 1px #cdcdcd;background-color:#eee;padding:10px;position:absolute;bottom:50px;left:auto;right:50px;width:300px;border-radius:5px}.alert-success{color:green}.alert-danger{color:red}.alert-info{color:#87cefa}.alert-warning{color:orange}.alert>.close{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:solid 1px #ccc;background-color:#dedede;border-radius:50%;cursor:pointer;font-size:2rem;text-decoration:none;color:#999}.alert>.close:hover{color:#555}.list-tools{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;grid-gap:5px;gap:5px}.list-tools__button,.list-tools__button--print,.list-tools__button--export,.list-tools__button--import,.list-tools__button--add{width:24px;height:24px;border:none;border-radius:10px}.list-tools__button:hover,.list-tools__button--print:hover,.list-tools__button--export:hover,.list-tools__button--import:hover,.list-tools__button--add:hover{background:#fff;box-shadow:0 0 5px #ccc;color:red;cursor:pointer}.paging{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;grid-gap:20px;gap:20px;font-size:.8rem;font-weight:normal}.paging>section{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;grid-gap:5px;gap:5px}.paging>section input{width:60px;outline:none;padding:3px 5px;border-radius:10px;border:solid 1px #eee}.paging>section>button{height:20px;width:20px;border-radius:10px;border:none}.paging>section>button:hover:not(:disabled){background:#fff;box-shadow:0 0 5px #ccc;color:red;cursor:pointer}.modal{-webkit-backdrop-filter:blur(7px) opacity(.9);backdrop-filter:blur(7px) opacity(.9);position:fixed;top:0;left:0;width:100vw;height:100vh;padding:20px;display:none;flex-flow:row nowrap;align-items:center;justify-content:center}.modal--active{display:flex}.modal__container{background:white;border-radius:10px}.modal header{width:100%;border-bottom:solid 1px #efefef}.modal header h3{padding:0 20px}.modal footer{width:100%;font-size:.8rem;font-weight:normal;text-align:center}.modal main{padding:20px}.tools{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.home-page{background-color:#8a2be2}.index-page{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #ccc;padding:20px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:space-between;grid-gap:10px;gap:10px}.index-page .filter{background-color:#eee;padding:10px 20px;border-radius:10px;border-bottom:solid 2px #dedede}.index-page .tools{padding:20px 20px 0}@media print{.index-page .tools{padding:20px}}@media print{.index-page{display:block}}