.layout-serial-number{background:#fff;border:1px solid #000;display:inline-block}.layout-serial-number .header-serial-number{border-bottom:2px solid #000}.layout-serial-number .header-serial-number .item{width:50%;float:left}.layout-serial-number .header-serial-number .item.title{font-family:UTM Avo Bold}.layout-serial-number .header-serial-number .item.txt-right{text-align:right}.layout-serial-number .bottom-serial-number .body-info{font-family:UTM Avo Bold;width:60%;float:left}.layout-serial-number .bottom-serial-number .body-info .item-info.border-custom{border-top:1px solid #000;border-bottom:1px solid #000}.layout-serial-number .bottom-serial-number .body-info .item-info img{width:12px!important;position:relative;top:0}.layout-serial-number .bottom-serial-number .body-info.body-qr{width:40%}.layout-serial-number .qr-custom{float:right;width:1.8cm;height:1.8cm}.layout-serial-number .qr-custom img{max-width:100%;height:auto}.down-line-custom{display:block}.create-serial-number{margin:0 auto;width:800px}.create-serial-number .p-field.width-prefix{width:125px}.create-serial-number .p-field.width-amount{margin-left:20px;width:200px;margin-right:100px}.create-serial-number .p-field.width-300{width:350px}.create-serial-number .p-field.width-300.margin-right{margin-right:100px}.create-serial-number .p-field label{font-size:14px}.create-serial-number .p-field.btn-submit{margin:20px auto 0 auto}.create-serial-number .p-field.btn-submit .p-button{width:200px!important}.create-serial-number .p-field.btn-submit .p-button.disabled{background:#999;border:1px solid #999}.p-class-status{padding:3px 15px;border-radius:5px;color:#fff}.p-class-status.p-class-danger{background:#ac2925}.p-class-status.p-class-success{background:#090}.p-class-status.p-class-cancel{background:#666}.box-top-list-serial-number{margin-bottom:0}.box-top-list-serial-number .box-import{display:inline-block}.box-top-list-serial-number .right-button{float:right}.view-serial-number .box-info-title{margin-bottom:20px}.view-serial-number .form-info .p-field{padding:10px}.view-serial-number .form-info .p-field:nth-child(n){background:#e4e4e4}.view-serial-number .form-info .p-field:nth-child(2n){background:#fff}.view-serial-number .form-info .p-field label{width:200px;margin:0}.button-function{display:block;margin:15px;padding-top:20px;border-top:1px solid #ccc}.button-function button{margin-right:26px;display:inline-flex;align-items:center;font-size:14px}.button-function button:last-child{margin:0}.button-function button i{font-size:25px}.button-function .download-file{color:#fff;border-width:0;min-width:165px;height:50px;background:#169bd5;border:none;border-radius:5px;padding:5px 20px}.button-function .download-file i{padding-right:10px}.button-function .print-selected{color:#fff;border-width:0;width:150px;height:50px;background:#90f;border:none;border-radius:5px;padding:5px 15px}.button-function .print-selected i{padding-right:10px}.button-function .print-all{color:#fff;border-width:0;width:150px;height:50px;background:#090;border:none;border-radius:5px;padding:5px 15px}.button-function .print-all i{padding-right:10px}.button-function.normal-format{border:0;padding:0;margin:0;margin-bottom:20px;margin-left:10px}.button-function.normal-format .download-file{height:50px}.button-function .cancel-serial-number{position:relative;top:4px;color:#fff;border-width:0;width:163px;height:50px;background:#ac2925;border:none;border-radius:5px;padding:5px 15px}.button-function .cancel-serial-number i{padding-right:5px;font-size:30px}.form-popup-custom .p-inputnumber{display:inline-flex;width:70px!important;margin-left:10px}.form-popup-custom .p-inputnumber .p-inputnumber-input{text-align:center}.custom-qr-code .qr-custom{width:150px!important;height:150px!important}