body{margin:20px 0px 20px 50px;max-width:1400px}body,textarea,select,input,textarea{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:400}p{margin:0;padding:5px 0;text-align:left}b{font-weight:500}::-moz-placeholder{color:#aaa}h1{margin:0px 0 20px;padding:0;font-size:25px;font-weight:500}input[type=button],input[type=submit]{padding:3px 10px;border:1px solid #c24c25;margin-right:10px;background:#c24c25;color:white;cursor:pointer;border-radius:2px !important;min-width:120px;height:27px;-webkit-appearance:none}input[type=button].big,input[type=submit].big{height:40px;min-width:120px}input[type="text"],input[type="number"],input[type="password"]{padding:3px 6px;border:1px solid #ddd;border-radius:2px;width:calc(100% - 14px);max-width:586px;height:21px}input[type="text"].big,input[type="number"].big,input[type="password"].big{font-size:22px;height:34px}select{width:100%;padding:3px;border:1px solid #ddd;height:29px;border-radius:2px;background:white;max-width:600px}textarea{width:calc(100% - 14px);height:50px;padding:3px 6px;max-width:586px;border:1px solid #ddd;margin:0;border-radius:2px;resize:none}sp{font-size:14px;background:#c24c25;color:white;padding:3px;border-radius:2px;display:inline-block}#site{margin:0 auto;width:calc(100% - 30px);padding:0 15px;position:relative}header{width:100%}header #logo{float:left;margin:30px 0 20px;font-weight:bold}@media screen and (max-width: 600px){header #logo{margin:20px 0 0}}header ul{float:right;margin:27px 0 0;padding:0;list-style-type:none}@media screen and (max-width: 600px){header ul{margin:17px 0 0}}header ul li{padding:3px 0;margin-left:10px}header ul li a{text-decoration:none;color:black}@media screen and (max-width: 600px){header ul li.nomobile{display:none}}footer{clear:both;color:#646464;font-size:12px;border-top:1px solid #ddd;padding:10px 20px 0;height:25px}#content{position:relative;padding:20px 0}.tbl-list{clear:both;padding:10px 0;border-spacing:0 3px;width:100%;border-collapse:separate;max-width:800px}.tbl-list thead{text-align:center;font-weight:500;background:#c24c25;color:white;font-size:14px}.tbl-list tbody [class^="icon-"],.tbl-list tbody [class*=" icon-"]{padding:7px;border-radius:2px;margin:2px 0 0 !important;display:inline-block}.tbl-list tbody [class^="icon-"]:hover,.tbl-list tbody [class*=" icon-"]:hover{background:#777;color:#fff}.tbl-list tbody tr{height:40px}.tbl-list tbody tr td{position:relative}.tbl-list tbody tr td.bb{border-bottom:1px solid #ddd}.tbl-list tbody tr td a{text-decoration:none;color:#000}.tbl-list tbody tr td label{display:inline-block}.tbl-list tbody tr td table{padding:0px 30px;border-spacing:0 3px;width:100%;border-collapse:separate}.tbl-list tbody tr td table thead{background:#aaa;color:white;font-size:14px}.tbl-list tbody tr td table thead tr{height:20px}.tbl-list tbody tr td table tbody tr:not(:last-child) td{border-bottom:1px solid #f9f9f9}.tbl-edit td{padding:10px 4px}.tbl-edit td:first-child{padding-right:10px}.tbl-edit td:nth-child(2){padding-left:10px}.tbl-search{clear:both;padding:10px 0;border-spacing:3px;border-collapse:separate}.tbl-search td.sp{background:#c24c25;color:white;text-align:right;height:29px;padding:0 5px;width:170px;font-size:14px}.variant{font-size:20px;padding:10px 0;display:block}#scanner-div{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:rgba(0,0,0,0.6);padding:15px}#scanner-div #scanner-container{margin:10px auto}#scanner-div #scanner-container video{max-width:100%;max-height:calc(100vh - 175px)}#scanner-div #scanner-container canvas{display:none}#scanner-div #scanner-container canvas.drawing,#scanner-div #scanner-container canvas.drawingBuffer{position:absolute;left:0;top:0}#group-msg{font-size:20px;background:green;color:white;padding:5px;display:inline-block;border-radius:3px}[class^="icon-"],[class*=" icon-"]{margin:0 4px;cursor:pointer;font-size:14px}.icon-cancel{color:red}.icon-save{color:green}.icon-close{color:red}.icon-barcode{font-size:30px;margin-left:10px}.icon-trans{font-size:20px;margin-left:30px}.link{display:inline-block;cursor:pointer;padding:5px 5px 5px 0;color:black;border-radius:2px}.link .icon-plus-circle{color:black !important}.link:hover{background:#c24c25;color:#fff}.link:hover .icon-plus-circle{color:#fff !important}#list-id{font-size:60px;height:80px;text-align:center;background:lightgray;border:none}.main-loc{border:1px solid #999;padding:2px 5px;margin:0 5px;border-radius:3px}.main-loc.selected{background:#777;border-color:#777;color:white}