@border-color: #d4d4d4; @margin-left: 60px; @container-width: 970px; @control-width: 120px; .invoice-manage-upload-scan-invoice { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; .table-bottom { margin-bottom: 0px !important; .lbl-name { word-break: keep-all; } td { vertical-align: middle; } } .clear-both { clear: both; } .red-color { color: #d04a02; /*vertical-align: middle;*/ } .font-12 { font-size: 12px; } .content-container { height: calc(~'100% - 40px'); position: relative; padding: 15px; .header { .title { color: red; } .title-bottom-line { margin-top: -12px; .hr-red { width: 10%; display: inline-block; float: left; border-color: #de3b3b; } .line-right { width: 70%; display: inline-block; } } } .body { height: 100%; .comment-desc { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 12px; line-height: 20px; } .focus-title { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 12px; color: #D04A02; line-height: 20px; } .box-row { width: 30%; position: relative; } .txt-right { /*position: absolute; top: 5px; left: 100%; width: 100%;*/ } .status-nomal { .font-12; color: rgb(40, 40, 40); } .status-fail { .font-12; color: rgb(255, 0, 0); cursor: pointer; } .status-duplicate { .font-12; color: rgb(161, 32, 32); cursor: pointer; } .invoice-content { margin-top: 20px; height: calc(~'100% - 260px'); overflow-x: hidden; overflow-y: auto; #scanInvoiceGridContainer { max-height: 100%; .dx-texteditor .dx-placeholder { line-height:8px; } } } .bordre-width-60 { width: 80%; float: left; } .margin-top-20 { margin-top: 20px; } } } }