#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0;padding:0}.app-container{max-width:1000px;margin:0 auto;border:2px solid #afd5da;padding:20px;box-sizing:border-box}.app-container h3{position:relative;line-height:50px}.app-container h3:after{content:"";width:160px;height:2px;border-bottom:2px solid #afd5da;position:absolute;left:0;right:0;margin:auto;bottom:0}.app-container .el-form-item__label{float:none}.app-container .el-input{width:100%!important}.app-container .el-input__inner{width:100%}.app-container .el-button,.app-container .el-button:focus,.app-container .el-button:hover{color:#fff;background:#000;border-radius:0}.app-container .table-content{display:flex}.app-container .table-content>div{width:20%}.app-container .table-content>div:first-of-type div:nth-of-type(2){border-left:1px solid #dedede}.app-container .table-content>div div{border-bottom:1px solid #dedede}.app-container .table-content>div div:first-of-type{background:#000;color:#fff;font-size:13px;height:40px;line-height:40px;text-indent:5px;border-right:1px solid #dedede}.app-container .table-content>div div:nth-of-type(2){background:#f8f8f8;font-size:13px;height:40px;line-height:40px;text-indent:5px;border-right:1px solid #dedede}.app-container .table-content>div div:nth-of-type(6){border-right:none}@media(max-width:768px){.app-container .table-content{display:block}.app-container .table-content>div{width:100%}}.app-container .box-download{display:flex;justify-content:center;align-items:center;padding-top:30px}.app-container .button-content{text-align:center!important;height:32px!important;line-height:32px!important}.generate-btn{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:20px}.generate-btn:hover{background-color:#45a049}.certificate{width:210mm;min-height:297mm;display:flex;align-content:center;justify-content:center;text-align:left;font-family:Arial,sans-serif;position:relative;color:#000}.certificate:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.certificate>*{position:relative;z-index:1}.field{padding:25px;padding-left:300px;page-break-inside:avoid}.field label{font-weight:700;display:block;margin-bottom:5px;font-size:12pt}.field .value{min-height:20px;font-size:12pt}