@border-color: #d4d4d4; @margin-left: 60px; @container-width: 970px; @control-width: 120px; //sharing .header { padding: 15px; img { margin-top: 3px; } .search-panel { border: 1px solid #CDCDCD; border-radius: 5px; padding: 5px; .row { margin: 10px 0; .filter-item { display: inline-block; vertical-align: middle; height: 32px; } .fileter-label { text-align: right; height: 32px; padding-top: 5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; } .invoice-btn { min-width: 90px; height: 34px; } } .table-bottom { margin-bottom: 0px !important; .lbl-name { word-break: keep-all; } td { vertical-align: middle; } } } } .table-bottom { margin-bottom: 0px !important; .lbl-name { word-break: keep-all; } td { vertical-align: middle; } } .red-color { color: #d04a02; /*vertical-align: middle;*/ } .dx-widget { font-size: 13px; } //share .header-title { padding: 10px; .sub-title { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 12px; color: rgb(153, 153, 153); } .title-name { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; } } .inline-block { display: inline-block; .left-side { display: inline-block; } .right-side { float: right; display: inline-block; } } .invoice-btn { min-width: 80px; height: 28px; margin-right: 10px; font-weight: normal; font-size: 13px; font-family: 'Microsoft YaHei'; } .invoice-card { width: 120px; height: 130px; border: 1px dashed @border-color; border: 1px dashed rgba(0, 0, 0, 0.2); border-radius: 5px; background-color: #fff; /*#fbfbfb;*/ text-align: center; cursor: pointer; float: left; margin: 10px; position: relative; &:hover { background-color: #fff !important; box-shadow: #a06748 1px 1px; } //卡片顶部的绝对定位 .dx-checkbox-container { position: absolute; left: 59px; top: -8px; } } .span-btn { color: #6699CC; padding: 0px 4px; cursor: pointer; font-size: 12px; } .borderless td, .borderless th { border: none !important; vertical-align: middle !important; } .page-footer { display: inline-block; float: right; /*padding-right: 20px;*/ } .invoice-table-dialog { .modal-dialog { min-width: 650px; .modal-title { color: red; } } } .invoiceNumber-link { cursor: pointer; /*color:#6699cc;*/ } .vat-revenue-detail { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; .dx-datagrid-group-closed:before { /* font-family: "ui-grid"; */ font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: inherit!important; } .header-title { padding: 10px; .title-name { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; } } .custom-control { width: @control-width !important; height: 25px; line-height: 25px; } .btn-search { width: @control-width !important; } .content-container { height: calc(~'100% - 40px'); position: relative; .body { .buttom-row { padding: 15px; display: inline-block; width: 100%; .left-side { display: inline-block; /*padding-left:5px;*/ .select-title { margin-left: 20px; } .select-number { padding: 0 1px; color: red; } } .right-side { float: right; display: inline-block; /*padding-right:5px;*/ .btn { margin-left: 20px; } } } .grid-container { padding: 0px 15px; /*height: 350px;*/ /*height:100%;*/ #invoiceGridContainer { max-height: 100%; } .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 0px !important; } .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content { white-space: normal !important; } .internal-grid-container { padding: 10px 10px 10px 0; & > div:first-child { padding: 0 0 5px 10px; font-size: 13px; /*font-weight: bold;*/ } } } } } .importVerifyInvoiceModal { .modal-dialog { height: 200px; width: 610px; } .modal-footer { text-align: left; } } }