.g-table { ._table-header { line-height: 14px; font-size: 12px; position: relative; .__icon { width: 50px; height: 50px; position: absolute; transform: rotate(45deg); &::before { content: ''; width: 50px; height: 1px; top: 14px; position: absolute; display: block; background: rgba(255, 255, 255, 0.85); } } .__title { padding-left: 30px; } } .el-table tr { background: #161e2f; height: 40px; } .el-table td.el-table__cell { border-bottom: none !important; padding: 0 !important; .cell { color: #fff; } } .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: #182237 !important; } .table-header th { height: 54px !important; background: rgba(255, 255, 255, 0.04) !important; color: rgba(255, 255, 255, 0.85); } .el-table { background: none; } .el-table::before { height: 0 !important; } .table-header { background: none; } .el-table th.el-table__cell.is-leaf { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .el-table__empty-block { background: rgba(60, 129, 255, 0.04); } .el-table__body tr.current-row > td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .el-table__body tr.hover-row > td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .el-table--striped .el-table__body tr.current-row.el-table__row--striped td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; .cell { color: #fff !important; } } } .g-table-filter { justify-content: flex-end; } .g-from { flex-wrap: wrap; } .g-table-filter, .g-from { display: flex; flex: 1; text-align: right; input { height: 32px; background: rgba(0, 131, 250, 0.1); border: 1px solid rgba(20, 131, 242, 0.6); border-radius: 0; font-size: 12px; ::placeholder { font-size: 12px; } color: #fff !important; } .el-icon-arrow-up:before { content: "\e78f"; } .el-form-item__label { color: #fff; } .el-icon-date::before { content: "" !important; } .el-range-editor.el-input__inner { background: none; height: 32px; background: rgba(0, 131, 250, 0.1); border: 1px solid rgba(20, 131, 242, 0.6); border-radius: 0; font-size: 12px; margin-top: 6px; input { border: none; background: none; } .el-range-separator { color: #fff; line-height: 20px; } .el-range__close-icon { line-height: 24px; } } } .g-pagination { text-align: center; margin-top: 20px; .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { background: none; border: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.65); } .el-pagination.is-background .el-pager li:not(.disabled).active { background: #0179d0 !important; } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { border: none !important; } .el-table--enable-row-hover .el-table__body tr:hover { border: 1px solid rgba(0, 114, 194, 0.5); } .el-table--striped .el-table__body tr.current-row.el-table__row--striped { border: 1px solid rgba(0, 114, 194, 0.5); } .el-pagination__total{ color: #ffffff!important; } } .g-nav { display: flex; font-size: 14px; width: 100%; height: 20px; align-items: center; color: #fff; .nav-icon { width: 18px; margin-left: 11px; flex-shrink: 0; margin-right: 11px; } .nav-content { flex: 1; } } .el-picker-panel__body-wrapper { .el-input__inner { background: none; height: 32px; background: rgba(0, 131, 250, 0.1); border: 1px solid rgba(20, 131, 242, 0.6); border-radius: 0; font-size: 12px; margin-top: 6px; input { border: none; background: none; } .el-range-separator { color: #fff; line-height: 20px; } .el-range__close-icon { line-height: 24px; } } } .font-Digital { font-family: 'Digital'; } .g-picker { .el-input__inner { width: 124px; height: 32px; background: #06203f; border: 1px solid #0b4980; border-radius: 2px; text-align: center; color: #fff } .el-input--prefix .el-input__inner { padding-left: 15px; padding-right: 15px; } .el-input__prefix { display: none; } .el-date-editor.el-input { width: 116px; } } .g-action-btn { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; margin-left: 20px; padding-top: 5px; .action-item { padding: 8px 30px; border-left: 2px solid; border-right: 2px solid; opacity: 0.8; } .orange { border-color: #1cd1d3; background-color: rgba(28, 209, 211, 0.1); } .blue { border-color:#3e89d3; background-color: rgba(62, 137, 211, 0.1); } }