/*@color-white-smoke:#e7e7e8;*/ .nav-left { background-color: #ffd800; } .scroller { /*white-space: pre-line;*/ overflow-y: hidden; position: relative; height: 100%; } .icon-delete { color: #d35412 !important; cursor: pointer; } #vat-analysis-menu { width: 100%; height: 100%; position: absolute; } #vat-analysis-menu .vat-analysis-content { display: inline-block; position: relative; margin-left: 100px; width: calc(100% - 100px); vertical-align: top; height: 100%; } #vat-analysis-menu .vat-analysis-menu { display: inline-block; position: absolute; width: 80px; height: 100%; background: #FFFFF FF; vertical-align: top; border-right: 1px solid #F2F2F2; } #vat-analysis-menu .vat-analysis-menu .scroller { overflow-y: hidden; position: relative; height: 100%; } #vat-analysis-menu .vat-analysis-menu .ps-container > .ps-scrollbar-y-rail { width: 5px; } #vat-analysis-menu .vat-analysis-menu .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: 0px; } #vat-analysis-menu .vat-analysis-menu .li { display: block; width: 80px; height: 80px; vertical-align: middle; text-align: center; cursor: pointer; } #vat-analysis-menu .vat-analysis-menu .li a { height: 100%; width: 100%; display: block; padding-top: 20px; padding-bottom: 20px; vertical-align: middle; text-align: center; word-wrap: break-word; font-size: 12px; text-decoration: none; color: #3f3f40; background-color: #ffffff; outline: none; } #vat-analysis-menu .vat-analysis-menu .li a:hover { text-decoration: none; background-color: #808080; } #vat-analysis-menu .vat-analysis-menu .li a:hover i { color: red; } #vat-analysis-menu .vat-analysis-menu .li a.active { text-decoration: none; font-weight: bold; background-color: #f5f5f5; } #vat-analysis-menu .vat-analysis-menu .li a.active i { color: red; } .add-chart-pager { max-width: 100px; } .add-chart-pager .add-chart { cursor: pointer; } .add-chart-pager .vertical-alignment { display: table; height: 100%; width: 100%; pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */ } .add-chart-pager .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; pointer-events: none; } .add-chart-pager .modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width: inherit; /* To center horizontally */ margin: 0 auto; pointer-events: all; } .add-chart-pager .modal-content-addchart { width: 65%; } .add-chart-pager .modal-content-addchart .row { margin-right: auto; margin-left: auto; } .add-chart-pager .modal-content-addchart .nav-header { display: block; padding: 3px 15px; font-size: 14px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .add-chart-pager .modal-content-addchart .nav-list { padding: 3px 0px; font-size: 13px; } .add-chart-pager .modal-content-addchart .nav-list a { color: #08c !important; } .add-chart-pager .modal-content-addchart .nav-list label { cursor: pointer; } .add-chart-pager .modal-content-addchart .nav-list .showStyle { display: block; } .add-chart-pager .modal-content-addchart .nav-list .hideStyle { display: none; } .add-chart-pager .modal-content-addchart .divider { height: 2px; margin: 9px 1px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .add-chart-pager .modal-content-addchart .col-md-4 { width: 30%; } .add-chart-pager .modal-content-addchart .col-md-8 { width: 70%; } .add-chart-pager .modal-content-addchart .header { font-weight: bold; font-size: 20px; margin-top: 10px; } .add-chart-pager .modal-content-addchart .description { padding: 25px 0px 10px 0px; } .add-chart-pager .modal-content-addchart .picture { font-weight: bold; margin-top: 15px; text-align: center; } .add-chart-pager .modal-content-addchart .well { height: 470px; overflow-y: auto; min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .add-chart-pager .modal-content-addchart .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .add-chart-pager .modal-content-addchart .well .confirm-add-btn { float: right; margin-right: 2%; } .add-chart-pager .modal-content-addchart .modal-body { padding-bottom: 0px; } .add-chart-pager .modal-content-addchart img { padding-top: 1%; vertical-align: middle; } .edit-chart-page .btn-group-wrap { margin-top: 5px; margin-bottom: 10px; } .edit-chart-page .btn-group-wrap .btn.btn-primary { margin: 5px 5px 5px 5px; } .vat-model-analysis { height: 100%; padding: 0 5px 5px; } .vat-model-analysis .func-elem { cursor: pointer; } .vat-model-analysis .func-elem:hover { background-color: #f2f2f2; } .vat-model-analysis > div[class*='-container'] { border-radius: 5px; border: 1px solid #e4e4e4; } .vat-model-analysis .left-container { width: 250px; margin-right: 5px; } .vat-model-analysis .left-container [ui-tree] { /* ��һ����ڵ㲻��Ҫ���� */ } .vat-model-analysis .left-container [ui-tree] > .angular-ui-tree-nodes { padding: 5px; } .vat-model-analysis .left-container [ui-tree] > .angular-ui-tree-nodes .angular-ui-tree-nodes { padding-left: 20px; } .vat-model-analysis .left-container [ui-tree] li { position: relative; margin: 0; padding: 10px 0 0 0; /* ����:�߶�С1����,���������߲������ص�,ʹ������ʱ�ص�Ч��������� */ /* ���� */ } .vat-model-analysis .left-container [ui-tree] li:before { content: ""; position: absolute; top: -11px; left: -17px; width: 1px; height: calc(100% - 1px); border-left: 1px dotted gray; z-index: -1; } .vat-model-analysis .left-container [ui-tree] li:after { content: ""; position: absolute; top: 19px; left: -16px; width: 16px; height: 1px; border-bottom: 1px dotted gray; } .vat-model-analysis .left-container [ui-tree] li > ol > li:last-child > ol:not(.ng-hide):before { content: ""; position: absolute; top: -11px; left: -17px; width: 1px; height: calc(100% - 1px); background-color: white; } .vat-model-analysis .left-container [ui-tree] li .angular-ui-tree-handle { margin-bottom: 0; } .vat-model-analysis .left-container [ui-tree] > ol > li:before, .vat-model-analysis .left-container [ui-tree] > ol > li:after { display: none; } .vat-model-analysis .left-container .tree-node.tree-item-select { background-color: #f16100 !important; } .vat-model-analysis .left-container .angular-ui-tree-empty { min-height: 0; border: none; } .vat-model-analysis .right-container { width: calc(100% - 250px); } .vat-model-analysis .right-container .menu { padding: 5px 10px; min-height: 54px; max-height: 54px; } .vat-model-analysis .right-container .menu strong { font-size: 1.15em; margin: 0 30px 0 5px; } .vat-model-analysis .right-container .menu .model-type { margin-right: 30px; } .vat-model-analysis .right-container .menu .model-type span { background-color: #f2f2f2; cursor: pointer; padding: 5px 10px; } .vat-model-analysis .right-container .menu .model-type .active { background-color: #e0301e; } .vat-model-analysis .right-container .menu .filter { margin: 10px 0; } .vat-model-analysis .right-container .menu .operation-wrapper { margin: 0; } .vat-model-analysis .right-container .menu .operation-wrapper > * { cursor: pointer; margin-left: 20px; outline: none; } .vat-model-analysis-dirty-data-process-bar .modal-content { margin-top: 50%; } .rangePicker.show { z-index: 1999; } .vat-tax-difference-page .fit-height { margin-top: 20px; } .vat-tax-difference-page .top-category { color: #a32020; } .vat-tax-difference-page #reason .table-summary { border-top: 1px solid red; } .vat-tax-difference-page #reason .dx-treelist-rowsview .dx-row { /*border-top: 1px solid transparent;*/ border-bottom: none; } .difference-modal .modal-dialog { min-width: 720px; } .vat-organization-dashboard { background-color: #F2F2F2; height: 100%; padding: 15px; /*custom gallery UI*/ } .vat-organization-dashboard .content { background-color: white; height: 100%; border: 1px solid #f2f2f2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; padding: 10px; } .vat-organization-dashboard .content .header .cubeImg { display: inline-block; padding: 20px; background-color: #DC6900; border-radius: 5px; margin-top: -20px; } .vat-organization-dashboard .content .header .title { display: inline-block; margin-left: 10px; vertical-align: -webkit-baseline-middle; } .vat-organization-dashboard .content .header .indicators_total { margin-left: 10px; background-color: #ddd; border-radius: 10px; padding: 2px 8px 2px 8px; text-align: center; vertical-align: middle; font-size: 13px; color: #b4122a; } .vat-organization-dashboard .content .header .add-chart { display: inline-block; width: 90px; margin-left: 20px; vertical-align: top; height: 34px; padding: 6px 0px; cursor: pointer; } .vat-organization-dashboard .content .header .add-chart .add-icon { vertical-align: bottom; font-size: 19px; padding-right: 5px; } .vat-organization-dashboard .content .filter { padding: 5px 0px; } .vat-organization-dashboard .content .filter .add-chart { display: inline-block; width: 80px; margin-left: 20px; vertical-align: top; height: 34px; padding: 6px 0px; cursor: pointer; } .vat-organization-dashboard .content .filter .add-chart .add-icon { vertical-align: bottom; font-size: 19px; padding-right: 5px; } .vat-organization-dashboard .content .summary-result { overflow-y: auto; height: calc(100% - 50px); } .vat-organization-dashboard .content .row-block { /*min-height: 300px;*/ height: 100%; border: 1px solid #ddd; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 100%; /*padding: 15px;*/ margin: 10px 0px 30px 0px; font-family: 'Microsoft YaHei'; font-size: 14px; } .vat-organization-dashboard .content .row-block .title_abstract { width: 100%; height: 45px; background-color: #ddd; position: relative; font-size: 16px; } .vat-organization-dashboard .content .row-block .title_abstract .title_name { position: absolute; top: 25%; } .vat-organization-dashboard .content .row-block .title_abstract .title_button { float: right; height: 100%; line-height: 42px; vertical-align: middle; } .vat-organization-dashboard .content .row-block .title_abstract .title_button a, .vat-organization-dashboard .content .row-block .title_abstract .title_button span, .vat-organization-dashboard .content .row-block .title_abstract .title_button i { margin-right: 25px; } .vat-organization-dashboard .content .row-block .title_total { width: 100%; padding: 15px 0px 15px 2px; } .vat-organization-dashboard .content .row-block .title_total .risk_tip_wrapper { padding-left: 0px; /* set tooltip width */ /* Hide or show arrow */ } .vat-organization-dashboard .content .row-block .title_total .risk_tip_wrapper .risk_item { margin-right: 15px; } .vat-organization-dashboard .content .row-block .title_total .risk_tip_wrapper .risk_item i { margin-right: 5px; color: #dc6900; } .vat-organization-dashboard .content .row-block .title_total .risk_tip_wrapper .tooltip-inner { max-width: 300px; width: 300px; } .vat-organization-dashboard .content .row-block .title_total .risk_tip_wrapper .tooltip.risk_tip .tooltip-inner { padding: 5px; font-family: 'Microsoft YaHei'; font-size: 12px; text-align: left; background-color: white; color: black; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .vat-organization-dashboard .content .row-block .title_total .risk_tip_wrapper .tooltip.risk_tip .tooltip-arrow { display: none; } .vat-organization-dashboard .content .row-block .row-content { width: 100%; margin: 15px; } .vat-organization-dashboard .content .row-block .row-content .table-content { width: 460px; float: left; height: 424px; border: 1px solid #ddd; } .vat-organization-dashboard .content .row-block .row-content .chart-content { margin-left: 470px; /*width: calc(~"100% - 470px");*/ /*height: 300px;*/ border: 1px solid #ddd; width: auto; } .vat-organization-dashboard .content .row-block .row-content .no-chart-content { border: 1px solid #ddd; color: #777777; font-size: 25px; height: 424px; line-height: 424px; text-align: center; vertical-align: middle; width: 100%; } .vat-organization-dashboard .config-btn { padding: 6px 12px; background-color: white; border: 1px solid #E4E4E4; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; float: right; margin-top: -10px; } .vat-organization-dashboard .config-btn i { margin-left: 10px; color: #888888; } .vat-organization-dashboard .dx-datagrid-rowsview .orange-color { color: #d5760d; } .vat-organization-dashboard .dx-gallery .dx-gallery-nav-button-prev:before, .vat-organization-dashboard .dx-gallery .dx-gallery-nav-button-next:before { font-size: 16px; color: #959595; } .vat-organization-dashboard .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after, .vat-organization-dashboard .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after { background-color: rgba(213, 118, 13, 0.5) !important; } .vat-organization-dashboard .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after, .vat-organization-dashboard .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after { background-color: rgba(213, 118, 13, 0.8) !important; } .vat-organization-dashboard .dx-gallery-indicator-item { border: 1px solid #d5760d !important; } .vat-organization-dashboard .dx-gallery-indicator-item-active, .vat-organization-dashboard .dx-gallery-indicator-item-selected { background: #d5760d; border: 2px solid rgba(255, 255, 255, 0.8); } .vat-organization-dashboard .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: #d5760d; } .vat-organization-dashboard .gallery-table { margin: 25px 34px; } .vat-organization-dashboard .form_datetime { height: 36px; } .vat-organization-dashboard .dx-gallery-nav-button-prev, .vat-organization-dashboard .dx-gallery-nav-button-next { width: 20px !important; } .vat-organization-dashboard #organizationDirtyProcessBarContainer .modal-content { margin-top: 50%; } .vat-report-analysis-dashboard-config { background-color: #F2F2F2; height: 100%; padding: 15px; } .vat-report-analysis-dashboard-config .content { font-family: "微软雅黑"; background-color: white; height: 100%; border: 1px solid #f2f2f2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; padding: 10px; } .vat-report-analysis-dashboard-config .content .header .cubeImg { display: inline-block; padding: 20px; background-color: #DC6900; border-radius: 5px; margin-top: -20px; box-shadow: 2px 2px 10px 1px #999; } .vat-report-analysis-dashboard-config .content .header .title { display: inline-block; margin-left: 10px; vertical-align: -webkit-baseline-middle; font-size: 16px; } .vat-report-analysis-dashboard-config .content .top-btn-container { width: 100%; height: 70px; } .vat-report-analysis-dashboard-config .content .top-btn-container .left-filter { display: inline-block; float: left; width: auto; margin-top: 20px; } .vat-report-analysis-dashboard-config .content .top-btn-container .left-filter .year-filter-title { width: 60px; text-align: left; vertical-align: middle; display: inline-block; } .vat-report-analysis-dashboard-config .content .top-btn-container .left-filter .year-filter { display: inline-block; vertical-align: middle; width: 200px; height: 36px; border: 1px solid #ccc; border-radius: 5px; } .vat-report-analysis-dashboard-config .content .top-btn-container .left-filter .year-filter .icon { float: right; border-radius: 4px; width: 34px; height: 100%; border: 0; font-size: 8px; line-height: 32px; height: 32px; vertical-align: middle; text-align: center; color: #444; display: inline-block; margin-right: 1px; } .vat-report-analysis-dashboard-config .content .top-btn-container .left-filter .year-filter .icon:hover { background-color: #ccc; } .vat-report-analysis-dashboard-config .content .top-btn-container .delete-chart-btn { padding: 6px 12px; background-color: white; border: 1px solid #E4E4E4; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; margin-top: 20px; float: right; } .vat-report-analysis-dashboard-config .content .top-btn-container .delete-chart-btn i { margin-right: 10px; color: #c00; } .vat-report-analysis-dashboard-config .content .row-block-left { min-height: 400px; border: 1px solid #F2F2F2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 67%; float: left; } .vat-report-analysis-dashboard-config .content .row-block-right { height: 80%; border: 1px solid #F2F2F2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 30%; float: right; overflow-y: auto; overflow-x: hidden; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content { min-height: 85%; width: 100%; margin-top: 10px; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .line { display: inline-block; width: 100%; line-height: 50px; vertical-align: middle; margin: 0 15px; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .line .line-title { width: 85px; display: inline-block; vertical-align: middle; font-weight: bold; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .dx-inline-box { display: inline-block; vertical-align: middle; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content #indexMultiSelectorTreeView, .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content #riskTipMultiSelectorTreeView { display: inline-block; vertical-align: middle; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab { display: inline-block; vertical-align: middle; width: 140px; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab .tab-font { font-family: "微软雅黑"; color: black; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab input { font-family: "微软雅黑"; color: black; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab .dx-placeholder { font-family: "微软雅黑"; color: black; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .lable-tab { display: inline-block; width: 140px; font-family: "微软雅黑"; color: black; border: solid 1px #ddd; height: 34px; line-height: 34px; vertical-align: middle; margin-right: 15px; border-radius: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .revome-icon { color: red; vertical-align: middle; font-size: 18px; padding-left: 5px; cursor: pointer; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .btn-group > .btn { line-height: 30px; height: 30px; min-width: 50px; vertical-align: middle; border: 1px solid #ddd; color: #666; background-color: #eae6e6; } .vat-report-analysis-dashboard-config .content .row-block-right .row-block-right-content .measures-container .btn-group > .btn.active { background-color: #fff; color: #fff; } .vat-report-analysis-dashboard-config .content .row-block-right .right-footer { width: 100%; display: inline-block; margin: 10px 15px; } .vat-report-analysis-dashboard-config .content .row-block-right .right-footer .btn-focus { background-color: #c00; color: white; font-family: "微软雅黑"; border: 0; } .vat-report-analysis-dashboard-config .content .row-block-right .right-footer .btn-second { background-color: #777; color: white; font-family: "微软雅黑"; margin-left: 20px; border: 0; } .vat-summary-dashboard-config { background-color: #F2F2F2; height: 100%; padding: 15px; } .vat-summary-dashboard-config .content { font-family: "微软雅黑"; background-color: white; height: 100%; border: 1px solid #f2f2f2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; padding: 10px; } .vat-summary-dashboard-config .content .header .cubeImg { display: inline-block; padding: 20px; background-color: #DC6900; border-radius: 5px; margin-top: -20px; box-shadow: 2px 2px 10px 1px #999; } .vat-summary-dashboard-config .content .header .title { display: inline-block; margin-left: 10px; vertical-align: -webkit-baseline-middle; font-size: 16px; } .vat-summary-dashboard-config .content .top-btn-container { width: 100%; height: 40px; } .vat-summary-dashboard-config .content .top-btn-container .delete-chart-btn { padding: 6px 12px; background-color: white; border: 1px solid #E4E4E4; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; margin-top: -10px; float: right; } .vat-summary-dashboard-config .content .top-btn-container .delete-chart-btn i { margin-right: 10px; color: #c00; } .vat-summary-dashboard-config .content .row-block-left { min-height: 400px; border: 1px solid #F2F2F2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 67%; float: left; } .vat-summary-dashboard-config .content .row-block-right { height: 80%; border: 1px solid #F2F2F2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 30%; float: right; overflow-y: auto; overflow-x: hidden; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content { min-height: 85%; width: 100%; margin-top: 10px; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .line { display: inline-block; width: 100%; line-height: 50px; vertical-align: middle; margin: 0 15px; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .line .line-title { width: 80px; display: inline-block; vertical-align: middle; font-weight: bold; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .dx-inline-box { display: inline-block; vertical-align: middle; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content #riskTipMultiSelectorTreeView, .vat-summary-dashboard-config .content .row-block-right .row-block-right-content #indexMultiSelectorTreeView { display: inline-block; vertical-align: middle; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab { display: inline-block; vertical-align: middle; width: 140px; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab .tab-font { font-family: "微软雅黑"; color: black; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab input { font-family: "微软雅黑"; color: black; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .select-tab .dx-placeholder { font-family: "微软雅黑"; color: black; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .lable-tab { display: inline-block; width: 140px; font-family: "微软雅黑"; color: black; border: solid 1px #ddd; height: 34px; line-height: 34px; vertical-align: middle; margin-right: 15px; border-radius: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .revome-icon { color: red; vertical-align: middle; font-size: 18px; padding-left: 5px; cursor: pointer; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .btn-group > .btn { line-height: 30px; height: 30px; min-width: 50px; vertical-align: middle; border: 1px solid #ddd; color: #666; background-color: #eae6e6; } .vat-summary-dashboard-config .content .row-block-right .row-block-right-content .measures-container .btn-group > .btn.active { background-color: #fff; color: #fff; } .vat-summary-dashboard-config .content .row-block-right .right-footer { width: 100%; display: inline-block; margin: 10px 15px; } .vat-summary-dashboard-config .content .row-block-right .right-footer .btn-focus { background-color: #c00; color: white; font-family: "微软雅黑"; border: 0; } .vat-summary-dashboard-config .content .row-block-right .right-footer .btn-second { background-color: #777; color: white; font-family: "微软雅黑"; margin-left: 20px; border: 0; } .vat-summary-dashboard { background-color: #F2F2F2; height: 100%; padding: 15px; /*dx-datagrid*/ /*custom gallery UI*/ } .vat-summary-dashboard .content { background-color: white; height: 100%; border: 1px solid #f2f2f2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; padding: 10px; } .vat-summary-dashboard .content .header { width: 100%; margin-left: -18px; margin-top: 5px; } .vat-summary-dashboard .content .header .cubeImg { display: inline-block; padding: 20px; background-color: #DC6900; border-radius: 5px; margin-top: -20px; } .vat-summary-dashboard .content .header .title { display: inline-block; margin-left: 10px; vertical-align: -webkit-baseline-middle; } .vat-summary-dashboard .content .header .indicators_total { margin-left: 10px; background-color: #ddd; border-radius: 10px; padding: 2px 8px 2px 8px; text-align: center; vertical-align: middle; font-size: 13px; color: #b4122a; } .vat-summary-dashboard .content .header .add-chart { display: inline-block; width: 90px; margin-left: 20px; vertical-align: top; height: 34px; padding: 6px 0px; cursor: pointer; } .vat-summary-dashboard .content .header .add-chart .add-icon { vertical-align: bottom; font-size: 19px; padding-right: 5px; } .vat-summary-dashboard .content .filter { padding: 5px 0px 0px 5px; } .vat-summary-dashboard .content .filter .add-chart { display: inline-block; width: 80px; margin-left: 20px; vertical-align: top; height: 34px; padding: 6px 0px; cursor: pointer; } .vat-summary-dashboard .content .filter .add-chart .add-icon { vertical-align: bottom; font-size: 19px; padding-right: 5px; } .vat-summary-dashboard .content .filter .filterSpan { display: inline-block; height: 34px; padding: 6px 0px; vertical-align: top; } .vat-summary-dashboard .content .filter #filterMonth { width: 100px; display: inline-block; vertical-align: top; } .vat-summary-dashboard .content .summary-result { overflow-y: auto; height: calc(100% - 105px); } .vat-summary-dashboard .content .row-block { /*min-height: 300px;*/ height: 100%; border: 1px solid #ddd; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 100%; /*padding: 15px;*/ margin: 10px 0px 30px 0px; font-family: 'Microsoft YaHei'; font-size: 14px; } .vat-summary-dashboard .content .row-block .title_abstract { width: 100%; height: 45px; background-color: #ddd; position: relative; font-size: 16px; } .vat-summary-dashboard .content .row-block .title_abstract .title_name { position: absolute; top: 25%; } .vat-summary-dashboard .content .row-block .title_abstract .title_button { float: right; height: 100%; line-height: 42px; vertical-align: middle; } .vat-summary-dashboard .content .row-block .title_abstract .title_button a, .vat-summary-dashboard .content .row-block .title_abstract .title_button span, .vat-summary-dashboard .content .row-block .title_abstract .title_button i { margin-right: 25px; } .vat-summary-dashboard .content .row-block .title_total { width: 100%; padding: 15px 0px 30px 2px; margin-left: -5px; } .vat-summary-dashboard .content .row-block .title_total .risk_tip_wrapper { padding-left: 0px; /* set tooltip width */ /* Hide or show arrow */ } .vat-summary-dashboard .content .row-block .title_total .risk_tip_wrapper .risk_item { margin-right: 15px; } .vat-summary-dashboard .content .row-block .title_total .risk_tip_wrapper .risk_item i { margin-right: 5px; color: #dc6900; } .vat-summary-dashboard .content .row-block .title_total .risk_tip_wrapper .tooltip-inner { max-width: 300px; width: 300px; } .vat-summary-dashboard .content .row-block .title_total .risk_tip_wrapper .tooltip.risk_tip .tooltip-inner { padding: 5px; font-family: 'Microsoft YaHei'; font-size: 12px; text-align: left; background-color: white; color: black; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .vat-summary-dashboard .content .row-block .title_total .risk_tip_wrapper .tooltip.risk_tip .tooltip-arrow { display: none; } .vat-summary-dashboard .content .row-block .title { margin: 10px 0px; width: 460px; } .vat-summary-dashboard .content .row-block .row-content { width: 100%; padding: 10px; } .vat-summary-dashboard .content .row-block .row-content .table-content { width: 460px; float: left; height: 424px; border: 1px solid #ddd; } .vat-summary-dashboard .content .row-block .row-content .chart-content { margin-left: 470px; /*width: calc(~"100% - 470px");*/ /*height: 300px;*/ border: 1px solid #ddd; width: auto; } .vat-summary-dashboard .content .row-block .row-content .no-chart-content { border: 1px solid #ddd; color: #777777; font-size: 25px; height: 424px; line-height: 424px; text-align: center; vertical-align: middle; width: 100%; } .vat-summary-dashboard .content .summary-result-no-data { text-align: center; height: calc(100% - 105px); background-color: #F2F2F2; padding-top: 10%; } .vat-summary-dashboard .content .summary-result-no-data .circle-gray { height: 120px; width: 120px; border-radius: 50%; background-color: white; border: 1px solid #CDCDCD; margin: auto; } .vat-summary-dashboard .content .summary-result-no-data .circle-gray .material-icons { margin-top: 21px; font-size: 70px; color: #BFBFBF; } .vat-summary-dashboard .content .summary-result-no-data .no-data-text { color: #888888; font-size: 14px; margin-top: 20px; } .vat-summary-dashboard .config-btn { padding: 6px 12px; background-color: white; border: 1px solid #E4E4E4; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; float: right; margin-top: -10px; } .vat-summary-dashboard .config-btn i { margin-left: 10px; color: #888888; } .vat-summary-dashboard .dx-datagrid-rowsview .orange-color { color: #d5760d; } .vat-summary-dashboard .dx-gallery .dx-gallery-nav-button-prev:before, .vat-summary-dashboard .dx-gallery .dx-gallery-nav-button-next:before { font-size: 16px; color: #959595; } .vat-summary-dashboard .dx-gallery-nav-button-prev, .vat-summary-dashboard .dx-gallery-nav-button-next { width: 20px!important; } .vat-summary-dashboard .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after, .vat-summary-dashboard .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after { background-color: rgba(213, 118, 13, 0.5) !important; } .vat-summary-dashboard .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after, .vat-summary-dashboard .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after { background-color: rgba(213, 118, 13, 0.8) !important; } .vat-summary-dashboard .dx-gallery-indicator-item { border: 1px solid #d5760d !important; } .vat-summary-dashboard .dx-gallery-indicator-item-active, .vat-summary-dashboard .dx-gallery-indicator-item-selected { background: #d5760d; border: 2px solid rgba(255, 255, 255, 0.8); } .vat-summary-dashboard .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: #d5760d; } .vat-summary-dashboard .form_datetime { height: 36px; } .vat-summary-dashboard #organizationDirtyProcessBarContainer .modal-content { margin-top: 50%; } .hide-left-menu { display: none !important; } .no-left-menu { margin-left: 0px !important; } #org-treebox { width: 243px; display: inline-block; height: 36px; position: fixed; } #org-treebox input { width: 229px !important; } .vat-title { display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; border: none; padding-left: 20px; font-size: 16px; font-weight: 600; margin: 0px 10px 0px 10px; font-weight: bold; } #accounting-status-org-treebox { margin-left: 15px; width: 243px; display: inline-block; height: 36px; vertical-align: middle; } #accounting-status-org-treebox input { width: 229px !important; } .vat-accounting-status-input { background: url(/app-resources/images/vat/down.png) no-repeat scroll right center transparent; } #if #page-wrapper { min-height: 500px !important; } .vat-import-product-item-wrapper { /*background-color: @color-white;*/ margin-left: 20px; height: 96%; } .vat-import-product-item-wrapper .nav-wrapper .nav-header { height: 54px; line-height: 54px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; display: inline-block; } .vat-import-product-item-wrapper .nav-wrapper .nav-tab span { display: inline-block; height: 34px; line-height: 34px; padding: 0 10px; background-color: #B90808; color: #FFF; font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; } .vat-import-product-item-wrapper .nav-wrapper .nav-tab .active { background-color: #F91000; } .vat-import-product-item-wrapper .nav-wrapper .alert-warning { background-color: #FDE2DE; cursor: pointer; } .vat-import-product-item-wrapper .nav-wrapper .alert { color: #CF2D1B; font-weight: bold; display: inline-block; padding: 5px; margin-left: 60px; margin-bottom: 0px; } .vat-import-product-item-wrapper .nav-wrapper .alert i { font-size: 20px; vertical-align: middle; margin-right: 5px; } .vat-import-product-item-wrapper .nav-wrapper .operation-wrapper { margin: 15px 25px 10px 10px; } .vat-import-product-item-wrapper .nav-wrapper .operation-wrapper span { cursor: pointer; } .vat-import-product-item-wrapper #tab_total { display: block; height: calc(100% - 54px); position: relative; } .vat-import-product-item-wrapper #tab_total .import-wrapper span { color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } .vat-import-product-item-wrapper #tab_total .import-wrapper .dropdown { display: inline-block; } .vat-import-product-item-wrapper #tab_total .import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-product-item-wrapper #tab_total .import-wrapper input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; background-color: #FFF; } .vat-import-product-item-wrapper #tab_total .import-wrapper > button:last-child { float: right; margin-right: 20px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 20px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .btn-wrapper .btn-vat-primary { min-width: 80px; } .vat-import-product-item-wrapper #tab_total .import-wrapper .import-info-wrapper { display: inline-block; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper { margin: 10px 0; max-width: 99%; height: calc(100% - 25px); position: relative; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown { display: inline-block; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .dropdown i { color: #F85550; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .journal-entry-grid-wrapper { height: calc(100% - 60px); overflow: hidden; position: absolute; top: 0; bottom: 136px; /* 130 + 6 */ left: 0; right: 0; background-color: #FFF; } .vat-import-product-item-wrapper #tab_total .dt-init-wrapper .footer-info { height: 30px; position: absolute; bottom: 30px; right: 0; line-height: 30px; min-height: 30px; } .vat-import-product-item-wrapper #tab_total .error-info-wrapper { position: absolute; height: 130px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -20px; } .vat-import-product-item-wrapper #tab_total #content-resizer { width: 110%; position: absolute; height: 4px; bottom: 130px; left: 0; right: 0; background-color: red; cursor: n-resize; margin-left: -21px; } .vat-import-product-item-wrapper #tab_total #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper { margin: 10px 0; max-width: 99%; overflow-x: auto; height: calc(100% - 25px); } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown { display: inline-block; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-product-item-wrapper #tab_total .dt-import-wrapper .dropdown i { color: #F85550; } .vat-import-product-item-wrapper #tab_total .error-list-modal .modal-title { color: #FF0000; } .vat-import-product-item-wrapper #tab_total .error-list-modal .modal-body { max-height: 300px; overflow-y: auto; } .vat-import-product-item-wrapper #tab_total .error-list-modal .modal-body table { border: 1px solid #CCC; } .vat-import-product-item-wrapper #tab_total .error-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-import-product-item-wrapper #tab_total .error-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-import-product-item-wrapper #tab_total .error-list-modal .modal-footer { text-align: center; } .vat-import-auto-mapping { /*background-color: @color-white;*/ margin-left: 20px; height: 96%; overflow: auto; } .vat-import-auto-mapping .nav-wrapper .nav-header { height: 54px; line-height: 54px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; display: inline-block; } .vat-import-auto-mapping thead { background-color: #f2f2f2; } .vat-import-auto-mapping .auto-mapping-table-container { padding: 10px 10px 0px 0px; } .vat-import-auto-mapping .auto-mapping-table td { vertical-align: middle; } .vat-import-auto-mapping a { color: #6699CC; } .vat-import-auto-mapping .info-bar > div { display: inline-block; } .vat-import-auto-mapping .map-ret-detail { background-color: #f2f2f2; } .vat-import-auto-mapping .import-file-info { margin-left: 320px; margin-right: 30px; } .vat-import-auto-mapping .import-file-info > span { display: inline-block; margin-right: 20px; } .vat-import-auto-mapping .import-file-info > span:not(:first-child) { border-left: 1px solid black; padding-left: 15px; } .vat-import-auto-mapping .center { text-align: center; } .vat-import-auto-mapping .suggest-tag { display: inline-block; height: 25px; background-color: #fff; line-height: 25px; padding: 0px 5px; margin: 0px 20px; border: 1px #e4e4e4 solid; cursor: pointer; border-radius: 5px; } .vat-import-auto-mapping .suggest-tag:hover { background-color: #dc6900; color: white; } .vat-import-auto-mapping .mapping-info > span { margin-right: 50px; } .vat-import-auto-mapping .highlight { font-weight: 800; } .vat-import-auto-mapping .ret-detail-gap { margin: 10px 0px 20px 10px; } .vat-import-customs { /*background-color: @color-white; border: 1px solid green;*/ padding-left: 20px; /*min-height: 800px;*/ height: 96%; /*.ui-grid-header-cell-row :nth-child(3), .ui-grid-header-cell-row :nth-child(4) { text-align:right; }*/ } .vat-import-customs .nav-wrapper { padding-bottom: 5px; border-bottom: 1px solid #DBD8D3; } .vat-import-customs .nav-wrapper .nav-header { display: inline-block; height: 50px; line-height: 50px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; } .vat-import-customs .nav-wrapper .nav-tab span { display: inline-block; height: 34px; line-height: 34px; padding: 0 10px; background-color: #B90808; color: #FFF; font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; } .vat-import-customs .nav-wrapper .nav-tab .active { background-color: #F91000; } .vat-import-customs .nav-wrapper .alert-warning { background-color: #FDE2DE; cursor: pointer; } .vat-import-customs .nav-wrapper .alert { color: #CF2D1B; font-weight: bold; display: inline-block; padding: 5px; margin-left: 60px; margin-bottom: 0px; } .vat-import-customs .nav-wrapper .alert i { font-size: 20px; vertical-align: middle; margin-right: 5px; } .vat-import-customs .nav-wrapper .operation-wrapper { display: inline-block; margin: 20px 25px 10px 10px; } .vat-import-customs .nav-wrapper .operation-wrapper span { cursor: pointer; } .vat-import-customs #tab_total { display: block; height: calc(100% - 40px); position: relative; /*.dt-import-wrapper { margin: 10px 0; max-width: 99%; height: 100%; .dropdown { .dropdown-common(); i { color: #F85550; } } .error-line { max-width: 98%; background-color: #E0301E; height: 6px; margin-top: -3px; } .error-Icon { text-align:center; } .ui-grid-cust-invoice{ width:100%; max-height:540px; min-height:540px; } .custom-import { max-height: 540px; min-height: 540px; overflow: scroll; } }*/ } .vat-import-customs #tab_total .import-wrapper { margin-top: 20px; } .vat-import-customs #tab_total .import-wrapper span { margin-left: 10px; color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } .vat-import-customs #tab_total .import-wrapper .dropdown { display: inline-block; } .vat-import-customs #tab_total .import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0px 9px 0px; width: 130px; } .vat-import-customs #tab_total .import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-customs #tab_total .import-wrapper .dropdown .dropdown-menu { min-width: 110px; } .vat-import-customs #tab_total .import-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } .vat-import-customs #tab_total .import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } .vat-import-customs #tab_total .import-wrapper input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; } .vat-import-customs #tab_total .import-wrapper > button:last-child { float: right; margin-right: 20px; } .vat-import-customs #tab_total .import-wrapper .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 20px; } .vat-import-customs #tab_total .import-wrapper .btn-wrapper .btn-vat-primary { min-width: 80px; } .vat-import-customs #tab_total .error-detail-list-modal .modal-title { color: #FF0000; } .vat-import-customs #tab_total .error-detail-list-modal .modal-body table { border: 1px solid #CCC; } .vat-import-customs #tab_total .error-detail-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-import-customs #tab_total .error-detail-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-import-customs #tab_total .error-detail-list-modal .modal-footer { text-align: center; } .vat-import-customs #tab_total .dt-init-wrapper { margin: 10px 0; max-width: 99%; height: calc(100% - 60px); position: relative; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown { display: inline-block; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0px 9px 0px; width: 130px; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown .dropdown-menu { min-width: 110px; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } .vat-import-customs #tab_total .dt-init-wrapper .dropdown i { color: #F85550; } .vat-import-customs #tab_total .dt-init-wrapper .balance-ouput-grid-wrapper { height: calc(100% - 30px); overflow: hidden; position: absolute; top: 0; bottom: 136px; /* 130 + 6 */ left: 0; right: 0; background-color: #FFF; } .vat-import-customs #tab_total .ui-grid-render-container-body .ui-grid-viewport { height: 500px; } .vat-import-customs #tab_total .error-info-wrapper { position: absolute; height: 150px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -40px; } .vat-import-customs #tab_total #content-resizer { width: 110%; position: absolute; height: 4px; bottom: 150px; left: 0; right: 0; background-color: red; cursor: n-resize; margin-left: -40px; } .vat-import-customs #tab_total #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } .vat-import-customs #tab_total .dt-import-wrapper { margin: 10px 0; max-width: 99%; overflow: auto; height: calc(100% - 70px); } .vat-import-customs #tab_total .dt-import-wrapper .dropdown { display: inline-block; } .vat-import-customs #tab_total .dt-import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0px 9px 0px; width: 130px; } .vat-import-customs #tab_total .dt-import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-customs #tab_total .dt-import-wrapper .dropdown .dropdown-menu { min-width: 110px; } .vat-import-customs #tab_total .dt-import-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } .vat-import-customs #tab_total .dt-import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } .vat-import-customs #tab_total .dt-import-wrapper .dropdown i { color: #F85550; } .vat-import-customs #tab_detail { display: none; } #divImport { margin: 20px 20px 20px 20px; font-family: 'Microsoft YaHei'; font-weight: 400; font-style: normal; font-size: 14px; height: 100%; } #divImport .title { font-weight: 700; font-size: 15px; text-align: left; } #divImport .numberCircle { border-radius: 50%; width: 26px; height: 26px; background: #fff; border: 1px solid gray; color: red; text-align: center; font: 15px Arial, sans-serif; padding-top: 3px; } #divImport .importHeader > button:first-child { background-color: #e0301e; } #divImport .importHeader > button:last-child { background-color: #a32020; } #divImport .importTb { width: 95%; height: 100%; margin-left: 30px; table-layout: fixed; } #divImport .importTb .importTr { height: 40px; } #divImport .importTb .importTr .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; margin-top: 30px; width: 40%; } #divImport .importTb .importTr .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; border-right: solid 1px #ccc; } #divImport .importTb .importTr .tab button:hover { background-color: #ddd; } #divImport .importTb .importTr .tab button.active { background-color: white; border-bottom: solid 1px white; border-right: none; } #divImport .importTb .importTr .tab button.inactive { background-color: #ccc; border-bottom: solid 1px #ccc; } #divImport .importTb .importTr .tab button.inactive-rightborder { border-right: solid 1px gray; } #divImport .importTb .importTr .tabContent { display: none; height: 100%; } #divImport .importButton { width: 106px; height: 36px; text-align: center; border: none; border-radius: 0px; background: inherit; color: white; cursor: default; } #divImport .importBody { background-color: white; height: 90%; overflow: scroll; } #divImport .filePathTxt { width: 200px; height: 33px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #bcbcbc; border-radius: 5px; background-color: #ffffff; } #divImport #btnSelectFile { width: 87px; height: 33px; color: white; padding: 0 10px; outline: none; background-color: gray; border: none; border-radius: 5px; box-shadow: none; margin: 0px 0px 0px 10px; } #divImport #btnSelectFile:hover { background-color: #d04a02; } #divImport .importBtn { width: 87px; height: 33px; color: white; background: inherit; background-color: #e0301e; border: none; } #divImport .disableBtn { background-color: gray; } #divImport .progress { display: inline-block; width: 640px; border: 3px groove #CCC; line-height: 15px; font: smaller; margin-top: 10px; } #divImport .progress div { font-size: smaller; background: orange; width: 0; } #divImport .erptooltip { margin-bottom: 5px; } #divImport .erptooltip .notes { visibility: hidden; background-attachment: inherit; background-clip: inherit; background-color: #ffffff; background-image: inherit; background-origin: inherit; background-position: inherit; background-repeat: inherit; background-size: inherit; border-color: #e4e4e4; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 3px 3px 9px rgba(188, 188, 188, 0.35); box-sizing: border-box; height: 200px; left: 0; top: 0; width: 452px; margin: 10px 0 0 0; padding: 10px 10px 10px 10px; } #divImport .erptooltip:hover .notes { visibility: visible; } #divImport .download { list-style: none; margin-left: -40px; margin-top: 15px; } #divImport .download > li { float: left; } #divImport .download > li:first-child { margin-right: 20px; } #divImport .download > li > div { width: 149px; height: 33px; border-radius: 5px; background-color: #6b6b6b; color: white; text-align: center; vertical-align: middle; padding-top: 5px; } #divImport .download > li > div > a { color: white; } #divImport .dt-import-wrapper { margin: 10px 0; max-width: 99%; } #divImport .dt-import-wrapper table { width: 100%; border: 1px solid #DDD; } #divImport .dt-import-wrapper table thead tr th { height: 40px; line-height: 40px; background-color: #E7E5E2; border-right: 1px solid #DDD; padding-left: 5px; color: #333; } #divImport .dt-import-wrapper table tbody tr td { height: 40px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding-left: 5px; font-family: 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-style: normal; font-weight: 400; font-size: 13px; color: #282828; } #divImport #duplicateData table thead tr th:nth-child(1) { width: 50px; } #divImport #basicChk table thead tr th:nth-child(1) { width: 50px; } #divImport #basicChk table thead tr th:nth-child(2) { width: 80px; } #divImport #basicChk table thead tr th:nth-child(4) { width: 80px; } #divImport #correctChk table thead tr th:nth-child(1) { width: 50px; } #divImport #correctChk table thead tr th:nth-child(2) { width: 80px; } #divImport #correctChk table thead tr th:nth-child(4) { width: 80px; } #divImport .dt-import-wrapper-popup-wrapper { height: 600px; width: 100%; } #divImport .dt-import-wrapper-popup-wrapper .dt-import-wrapper-popup { margin: 10px 0; max-width: 99%; overflow: auto; height: calc(100% - 35px); } #divImport .dt-import-wrapper-popup-wrapper .dt-import-wrapper-popup .dt-import-wrapper-popup-tbwrapper { padding-top: 40px; } #divImport .dt-import-wrapper-popup-wrapper .dt-import-wrapper-popup .dt-import-wrapper-popup-tbwrapper .import-table-erp { table-layout: fixed; } #divImport .dt-import-wrapper-popup-wrapper .dt-import-wrapper-popup .dt-import-wrapper-popup-tbwrapper .import-table-erp thead tr:first-child { border-top: none; } #divImport .dt-import-wrapper-popup-wrapper .dt-import-wrapper-popup .dt-import-wrapper-popup-tbwrapper .import-table-erp thead tr th:first-child { width: 100px; min-width: 100px; } #divImport .dt-import-wrapper-popup-wrapper .dt-import-wrapper-popup .dt-import-wrapper-popup-tbwrapper .import-table-erp tbody tr td:first-child { width: 100px; min-width: 100px; } #divImport .btn-error-image { background-image: url(/app-resources/images/vat/error.png); background-repeat: no-repeat; background-position: right; } .operation-wrapper { margin: -55px 45px 0 0; } .operation-wrapper span { cursor: pointer; } /*.validation-message { margin:5px 0 0 0; color:red; }*/ .vat-import-income-invoice { /*background-color: @color-white;*/ padding-left: 20px; height: 96%; } .vat-import-income-invoice .nav-wrapper { padding-bottom: 20px; border-bottom: 1px solid #DBD8D3; } .vat-import-income-invoice .nav-wrapper .nav-header { height: 54px; line-height: 54px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; } .vat-import-income-invoice .nav-wrapper .nav-tab span { display: inline-block; height: 34px; line-height: 34px; padding: 0 10px; background-color: #B90808; color: #FFF; font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; } .vat-import-income-invoice .nav-wrapper .nav-tab .active { background-color: #F91000; } .vat-import-income-invoice .operation-wrapper { margin: -70px 45px 0 0; } .vat-import-income-invoice .operation-wrapper span { cursor: pointer; } .vat-import-income-invoice .alert-warning { background-color: #FDE2DE; cursor: pointer; } .vat-import-income-invoice .alert { color: #CF2D1B; font-weight: bold; display: inline-block; padding: 5px; float: left; margin: -95px 0 0 100px; } .vat-import-income-invoice .alert i { font-size: 20px; vertical-align: middle; margin-right: 5px; } .vat-import-income-invoice #tab_total { display: block; height: calc(100% - 109px); } .vat-import-income-invoice #tab_total .import-wrapper { margin-top: 20px; } .vat-import-income-invoice #tab_total .import-wrapper span { margin-left: 10px; color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } .vat-import-income-invoice #tab_total .import-wrapper .dropdown { display: inline-block; } .vat-import-income-invoice #tab_total .import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-income-invoice #tab_total .import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-income-invoice #tab_total .import-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-income-invoice #tab_total .import-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-income-invoice #tab_total .import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-income-invoice #tab_total .import-wrapper input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; background-color: #FFF; } .vat-import-income-invoice #tab_total .import-wrapper > button:last-child { float: right; margin-right: 20px; } .vat-import-income-invoice #tab_total .import-wrapper .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 20px; } .vat-import-income-invoice #tab_total .import-wrapper .btn-wrapper .btn-vat-primary { min-width: 80px; } .vat-import-income-invoice #tab_total .import-wrapper .import-info-wrapper { display: inline-block; } .vat-import-income-invoice #tab_total .error-info-wrapper { position: absolute; height: 130px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; } .vat-import-income-invoice #tab_total .content-resizer { width: 100%; position: absolute; height: 4px; bottom: 130px; left: 0; right: 0; background-color: red; cursor: n-resize; } .vat-import-income-invoice #tab_total .content-resizer .topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } .vat-import-income-invoice #tab_total .dt-init-wrapper { margin: 45px 0; max-width: 99%; height: calc(100% - 50px); position: relative; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown { display: inline-block; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-income-invoice #tab_total .dt-init-wrapper .dropdown i { color: #F85550; } .vat-import-income-invoice #tab_total .dt-init-wrapper .input-invoice-grid-wrapper { height: calc(100% - 35px); overflow: hidden; position: absolute; top: 0; bottom: 136px; /* 130 + 6 */ left: 0; right: 0; background-color: #FFF; } .vat-import-income-invoice #tab_total .dt-import-wrapper { margin: 40px 0; max-width: 99%; overflow: auto; height: calc(100% - 50px); } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown { display: inline-block; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown i { color: #F85550; } .vat-import-income-invoice #tab_total .dt-import-wrapper .dropdown button { color: #333; } .vat-import-income-invoice #tab_total .error-list-modal .modal-title { color: #FF0000; } .vat-import-income-invoice #tab_total .error-list-modal .modal-body { max-height: 300px; overflow-y: auto; } .vat-import-income-invoice #tab_total .error-list-modal .modal-body table { border: 1px solid #CCC; } .vat-import-income-invoice #tab_total .error-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-import-income-invoice #tab_total .error-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-import-income-invoice #tab_total .error-list-modal .modal-footer { text-align: center; } .vat-import-income-invoice #tab_detail { display: none; height: calc(100% - 109px); } .vat-import-income-invoice #tab_detail .operation-wrapper { margin: -70px 45px 0 0; } .vat-import-income-invoice #tab_detail .operation-wrapper span { cursor: pointer; } .vat-import-income-invoice #tab_detail .import-detail-wrapper { margin-top: 20px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper span { margin-left: 10px; color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .dropdown { display: inline-block; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-income-invoice #tab_detail .import-detail-wrapper input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; background-color: #FFF; } .vat-import-income-invoice #tab_detail .import-detail-wrapper > button:last-child { float: right; margin-right: 20px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 20px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .btn-wrapper .btn-vat-primary { min-width: 80px; } .vat-import-income-invoice #tab_detail .import-detail-wrapper .import-info-wrapper { display: inline-block; } .vat-import-income-invoice #tab_detail .error-info-wrapper { position: absolute; height: 130px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; } .vat-import-income-invoice #tab_detail .content-resizer { width: 100%; position: absolute; height: 4px; bottom: 130px; left: 0; right: 0; background-color: red; cursor: n-resize; } .vat-import-income-invoice #tab_detail .content-resizer .topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper { margin: 10px 0; max-width: 99%; height: calc(100% - 50px); position: relative; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown { display: inline-block; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .dropdown i { color: #F85550; } .vat-import-income-invoice #tab_detail .dt-init-detail-wrapper .input-invoice-item-grid-wrapper { height: calc(100% - 35px); overflow: hidden; position: absolute; top: 0; bottom: 136px; /* 130 + 6 */ left: 0; right: 0; background-color: #FFF; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper { margin: 10px 0; max-width: 99%; overflow: auto; height: calc(100% - 50px); } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown { display: inline-block; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-income-invoice #tab_detail .dt-import-item-wrapper .dropdown i { color: #F85550; } .vat-import-income-invoice #tab_detail .error-detail-list-modal .modal-title { color: #FF0000; } .vat-import-income-invoice #tab_detail .error-detail-list-modal .modal-body { max-height: 300px; overflow-y: auto; } .vat-import-income-invoice #tab_detail .error-detail-list-modal .modal-body table { border: 1px solid #CCC; } .vat-import-income-invoice #tab_detail .error-detail-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-import-income-invoice #tab_detail .error-detail-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-import-income-invoice #tab_detail .error-detail-list-modal .modal-footer { text-align: center; } .vat-import-income-invoice .page-form-group { float: right; margin-top: 20px; } .vat-import-income-invoice .page-form-group .page-size { margin: 0; } .vat-import-income-invoice .page-form-group .pagination { margin: 0; } #totalWrapper { margin: 10px 10px 10px -10px; width: 100%; padding-left: 10px; font-family: Microsoft YaHei; font-size: 13px; } #totalWrapper .total_span { color: #B4122A !important; background-color: #ddd !important; font-size: 12px !important; font-weight: bold !important; border-radius: 10px !important; padding-left: 8px !important; padding-right: 8px !important; } #vat-import-container { width: 100%; height: calc(100% - 5px); margin-top: 5px; position: absolute; } #vat-import-container .vat-import-content { display: inline-block; position: relative; margin-left: 100px; width: calc(100% - 100px); vertical-align: top; height: 100%; } #vat-import-container .vat-import-menu { display: inline-block; position: absolute; width: 80px; height: 100%; background: #F2F2F2; vertical-align: top; border-right: 1px solid #F2F2F2; } #vat-import-container .vat-import-menu .scroller { /*white-space: pre-line;*/ overflow-y: hidden; position: relative; height: 100%; } #vat-import-container .vat-import-menu .ps-container > .ps-scrollbar-y-rail { width: 5px; } #vat-import-container .vat-import-menu .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: 0px; } #vat-import-container .vat-import-menu .li { display: block; width: 80px; height: 80px; vertical-align: middle; text-align: center; } #vat-import-container .vat-import-menu .li a { height: 100%; width: 100%; display: block; padding-top: 20px; padding-bottom: 20px; vertical-align: middle; text-align: center; word-wrap: break-word; font-size: 12px; text-decoration: none; /*background-image: url(/app-resources/images/vat/file.png);*/ /*background-repeat: no-repeat; background-position: center;*/ outline: none; } #vat-import-container .vat-import-menu .li a:hover { text-decoration: none; background-color: #999999; /*background-image: url(/app-resources/images/vat/file2.png);*/ } #vat-import-container .vat-import-menu .li a.active { text-decoration: none; font-weight: bold; background-color: #A32020; color: #FFFFFF; /*background-image: url(/app-resources/images/vat/file2.png);*/ } #vat-import-container .vat-import-menu .li > span { border: 0; display: inline-block; height: 20px; margin-right: 2px; width: 30px; border-radius: 50%; color: #fff; background: #e0301e; padding-top: .5px; vertical-align: middle; font-size: 12px; text-align: center; line-height: 20px; position: absolute; right: 0; top: 83px; } .vat-import-output-invoice { padding-left: 20px; height: 96%; } .vat-import-output-invoice .nav-wrapper { padding-bottom: 10px; border-bottom: 1px solid #DBD8D3; } .vat-import-output-invoice .nav-wrapper .nav-header { height: 54px; line-height: 54px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; } .vat-import-output-invoice .nav-wrapper .nav-tab { /*display: inline-block;*/ } .vat-import-output-invoice .nav-wrapper .nav-tab span { display: inline-block; height: 34px; width: 80px; text-align: center; line-height: 34px; padding: 0 10px; background-color: #B90808; color: #FFF; font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; } .vat-import-output-invoice .nav-wrapper .nav-tab .active { background-color: #F91000; } .vat-import-output-invoice .alert-warning { background-color: #FDE2DE; cursor: pointer; } .vat-import-output-invoice .alert { color: #CF2D1B; font-weight: bold; display: inline-block; padding: 5px; float: left; margin: -45px 0 0 180px; } .vat-import-output-invoice .alert i { font-size: 20px; vertical-align: middle; margin-right: 5px; } .vat-import-output-invoice #tab_total { display: block; height: calc(100% - 80px); position: relative; } .vat-import-output-invoice #tab_total .operation-wrapper { margin: -56px 15px 0 0; } .vat-import-output-invoice #tab_total .operation-wrapper span { cursor: pointer; } .vat-import-output-invoice #tab_total .import-wrapper { margin-top: 10px; } .vat-import-output-invoice #tab_total .import-wrapper span { margin-left: 10px; color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } .vat-import-output-invoice #tab_total .import-wrapper .dropdown { display: inline-block; } .vat-import-output-invoice #tab_total .import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-output-invoice #tab_total .import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-output-invoice #tab_total .import-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-output-invoice #tab_total .import-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-output-invoice #tab_total .import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-output-invoice #tab_total .import-wrapper input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; } .vat-import-output-invoice #tab_total .import-wrapper > button:last-child { float: right; margin-right: 20px; } .vat-import-output-invoice #tab_total .import-wrapper .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 10px; } .vat-import-output-invoice #tab_total .import-wrapper .btn-wrapper .btn-vat-primary { min-width: 80px; } .vat-import-output-invoice #tab_total .import-wrapper .import-info-wrapper { display: inline-block; } .vat-import-output-invoice #tab_total .dt-init-wrapper { margin: 45px 0; max-width: 99%; height: calc(100% - 70px); position: relative; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown { display: inline-block; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-output-invoice #tab_total .dt-init-wrapper .dropdown i { color: #F85550; } .vat-import-output-invoice #tab_total .dt-init-wrapper .balance-ouput-grid-wrapper { height: calc(100% - -10px); overflow: hidden; position: absolute; top: 0; bottom: 150px; left: 0; right: 0; background-color: #FFF; } .vat-import-output-invoice #tab_total .dt-import-wrapper { margin: 40px 0; max-width: 99%; overflow: auto; height: calc(100% - 70px); } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown { display: inline-block; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown .caret { margin-top: 8px; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown .dropdown-menu { min-width: 100px; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown .dropdown-menu li { text-align: center; min-height: 0px; height: 30px; color: #000; font-weight: normal; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; cursor: pointer; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown i { color: #F85550; } .vat-import-output-invoice #tab_total .dt-import-wrapper .dropdown button { color: #333; } .vat-import-output-invoice #tab_total .error-info-wrapper { position: absolute; height: 150px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -39px; } .vat-import-output-invoice #tab_total #content-resizer { width: 110%; position: absolute; height: 4px; bottom: 150px; left: 0; right: 0; background-color: red; cursor: n-resize; margin-left: -39px; } .vat-import-output-invoice #tab_total #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } .vat-import-output-invoice .error-list-modal .modal-title { color: #FF0000; } .vat-import-output-invoice .error-list-modal .modal-body { max-height: 300px; overflow-y: auto; } .vat-import-output-invoice .error-list-modal .modal-body table { border: 1px solid #CCC; } .vat-import-output-invoice .error-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-import-output-invoice .error-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-import-output-invoice .error-list-modal .modal-footer { text-align: center; } .vat-import-output-invoice #tab_evidence { display: block; } .vat-import-output-invoice #tab_evidence .head-line { width: 98%; padding-top: 10px; padding-bottom: 0px; display: inline-block; } .vat-import-output-invoice #tab_evidence .head-line .line-button { float: left; display: inline-block; } .vat-import-output-invoice #tab_evidence .head-line .search-container { float: right; display: inline-block; } .vat-import-output-invoice #tab_evidence .head-line .search-container .seach-checkbox { display: inline-block; vertical-align: top; } .vat-import-output-invoice #tab_evidence .head-line .search-container .search-type { vertical-align: top; display: inline-block; height: 35px; width: 100px; } .vat-import-output-invoice #tab_evidence .head-line .search-container .search-txt { display: inline-block; width: 200px; height: 35px; } .vat-import-output-invoice #tab_evidence .head-line .search-container .orderby { display: inline-block; vertical-align: top; } .vat-import-output-invoice #tab_evidence .devidence-container { height: 450px; max-width: 98%; overflow-y: auto; background: #FFFFF FF; vertical-align: top; border-right: 1px solid #F2F2F2; } .vat-import-output-invoice #tab_evidence .devidence-container .file-content { width: 60px; height: 90px; float: left; margin-top: 20px; margin-right: 30px; margin-left: 20px; margin-bottom: 20px; text-align: center; cursor: pointer; } .vat-import-output-invoice #tab_evidence .devidence-container .file-content .file-img { margin-bottom: 5px; } .vat-import-output-invoice #tab_evidence .devidence-container .file-content .file-name { font-family: "Microsoft YaHei"; font-style: normal; font-size: 12px; } .vat-import-output-invoice .page-form-group { float: right; margin-top: 10px; } .vat-import-output-invoice .page-form-group .page-size { margin: 0; } .vat-import-output-invoice .page-form-group .pagination { margin: 0; } #totalWrapper { margin: 5px 10px 10px -10px; width: 100%; padding-left: 10px; font-family: Microsoft YaHei; font-size: 13px; } #totalWrapper .total_span { color: #B4122A !important; background-color: #ddd !important; font-size: 12px !important; font-weight: bold !important; border-radius: 10px !important; padding-left: 8px !important; padding-right: 8px !important; } #vatInvoiceMapping { width: 100%; height: 100%; padding-left: 20px; } #vatInvoiceMapping .vat-invoice-mapping-title .title { height: 54px; line-height: 54px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; display: inline-block; } #vatInvoiceMapping .vat-invoice-mapping-title .alert-warning { background-color: #FDE2DE; cursor: pointer; } #vatInvoiceMapping .vat-invoice-mapping-title .alert { color: #CF2D1B; font-weight: bold; display: inline-block; padding: 5px; margin-left: 60px; margin-bottom: 0px; } #vatInvoiceMapping .vat-invoice-mapping-title .alert i { font-size: 20px; vertical-align: middle; margin-right: 5px; } #vatInvoiceMapping .vat-invoice-mapping-title .btn-right { float: right; margin: 15px 25px 10px 10px; } #vatInvoiceMapping .vat-invoice-mapping-title .btn-right span { cursor: pointer; } #vatInvoiceMapping .vat-invoice-mapping-toolbar { width: 100%; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .import-info-wrapper > span { margin-left: 10px; color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .dropdown { display: inline-block; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .dropdown .caret { margin-top: 8px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .dropdown .dropdown-menu { min-width: 100px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } #vatInvoiceMapping .vat-invoice-mapping-toolbar input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; background-color: #F5F5F5; } #vatInvoiceMapping .vat-invoice-mapping-toolbar > button:last-child { float: right; margin-right: 20px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 20px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .btn-wrapper .btn-vat-primary { min-width: 80px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .import-info-wrapper { display: inline-block; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .ui-select-container { width: 100px; } #vatInvoiceMapping .vat-invoice-mapping-toolbar .ui-select-container span { font-weight: bold; } #vatInvoiceMapping .vat-invoice-mapping-result { width: 100%; margin: 10px 0; max-width: 99%; height: calc(100% - 121px); } #vatInvoiceMapping .vat-invoice-mapping-result .listView { height: calc(100% - 15px); } #vatInvoiceMapping .vat-invoice-mapping-result .footer { text-align: right; margin-top: 5px; } #vatInvoiceMapping .vat-invoice-mapping-import { width: 100%; margin: 10px 0; max-width: 99%; height: calc(100% - 141px); } #vatInvoiceMapping .error-list-modal .modal-title { color: #FF0000; } #vatInvoiceMapping .error-list-modal .modal-body table { border: 1px solid #CCC; } #vatInvoiceMapping .error-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } #vatInvoiceMapping .error-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } #vatInvoiceMapping .error-list-modal .modal-footer { text-align: center; } #vatInvoiceMapping #tab_total { display: block; height: calc(100% - 40px); position: relative; } #vatInvoiceMapping #tab_total .dt-init-wrapper { margin: 10px 0; max-width: 99%; height: calc(100% - 60px); position: relative; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown { display: inline-block; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown .caret { margin-top: 8px; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown .dropdown-menu { min-width: 100px; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } #vatInvoiceMapping #tab_total .dt-init-wrapper .dropdown i { color: #F85550; } #vatInvoiceMapping #tab_total .dt-init-wrapper .balance-ouput-grid-wrapper { height: calc(100% - 30px); overflow: hidden; position: absolute; top: 0; bottom: 190px; /* 130 + 6 */ left: 0; right: 0; background-color: #FFF; } #vatInvoiceMapping #tab_total .ui-grid-render-container-body .ui-grid-viewport { height: 500px; } #vatInvoiceMapping #tab_total .error-info-wrapper { position: absolute; height: 190px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -40px; } #vatInvoiceMapping #tab_total #content-resizer { width: 110%; position: absolute; height: 4px; bottom: 190px; left: 0; right: 0; background-color: red; cursor: n-resize; margin-left: -40px; } #vatInvoiceMapping #tab_total #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } #vatInvoiceMapping #tab_total .dt-import-wrapper { margin: 10px 0; max-width: 99%; overflow: auto; height: calc(100% - 70px); } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown { display: inline-block; } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown .caret { margin-top: 8px; } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown .dropdown-menu { min-width: 100px; } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } #vatInvoiceMapping #tab_total .dt-import-wrapper .dropdown i { color: #F85550; } #vatVoucherMapping { width: 100%; height: 100%; padding-left: 20px; } #vatVoucherMapping .vat-invoice-mapping-title .title { height: 54px; line-height: 54px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; display: inline-block; } #vatVoucherMapping .vat-invoice-mapping-title .alert-warning { background-color: #FDE2DE; cursor: pointer; } #vatVoucherMapping .vat-invoice-mapping-title .alert { color: #CF2D1B; font-weight: bold; display: inline-block; padding: 5px; margin-left: 60px; margin-bottom: 0px; } #vatVoucherMapping .vat-invoice-mapping-title .alert i { font-size: 20px; vertical-align: middle; margin-right: 5px; } #vatVoucherMapping .vat-invoice-mapping-title .btn-right { float: right; margin: 15px 25px 10px 10px; } #vatVoucherMapping .vat-invoice-mapping-title .btn-right span { cursor: pointer; } #vatVoucherMapping .vat-invoice-mapping-toolbar { width: 100%; } #vatVoucherMapping .vat-invoice-mapping-toolbar .import-info-wrapper > span { margin-left: 10px; color: #333; font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; font-weight: bold; } #vatVoucherMapping .vat-invoice-mapping-toolbar .dropdown { display: inline-block; } #vatVoucherMapping .vat-invoice-mapping-toolbar .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .dropdown .caret { margin-top: 8px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .dropdown .dropdown-menu { min-width: 100px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } #vatVoucherMapping .vat-invoice-mapping-toolbar input { width: 50px; outline: none; border-radius: 3px; border: 1px solid #3c3a36; padding: 2px; text-align: center; background-color: #F5F5F5; } #vatVoucherMapping .vat-invoice-mapping-toolbar > button:last-child { float: right; margin-right: 20px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: right; margin-right: 20px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .btn-wrapper .btn-vat-primary { min-width: 80px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .import-info-wrapper { display: inline-block; } #vatVoucherMapping .vat-invoice-mapping-toolbar .ui-select-container { width: 100px; } #vatVoucherMapping .vat-invoice-mapping-toolbar .ui-select-container span { font-weight: bold; } #vatVoucherMapping .vat-invoice-mapping-result { width: 100%; margin: 10px 0; max-width: 99%; height: calc(100% - 121px); } #vatVoucherMapping .vat-invoice-mapping-result .listView { height: calc(100% - 15px); } #vatVoucherMapping .vat-invoice-mapping-result .footer { text-align: right; margin-top: 5px; } #vatVoucherMapping .vat-invoice-mapping-import { width: 100%; margin: 10px 0; max-width: 99%; height: calc(100% - 121px); } #vatVoucherMapping .error-list-modal .modal-title { color: #FF0000; } #vatVoucherMapping .error-list-modal .modal-body table { border: 1px solid #CCC; } #vatVoucherMapping .error-list-modal .modal-body table thead tr th { height: 30px; border: 1px solid #CCC; } #vatVoucherMapping .error-list-modal .modal-body table tbody tr td { height: 25px; border: 1px solid #CCC; } #vatVoucherMapping .error-list-modal .modal-footer { text-align: center; } #vatVoucherMapping #tab_total { display: block; height: calc(100% - 40px); position: relative; } #vatVoucherMapping #tab_total .dt-init-wrapper { margin: 10px 0; max-width: 99%; height: calc(100% - 60px); position: relative; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown { display: inline-block; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown .caret { margin-top: 8px; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown .dropdown-menu { min-width: 100px; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } #vatVoucherMapping #tab_total .dt-init-wrapper .dropdown i { color: #F85550; } #vatVoucherMapping #tab_total .dt-init-wrapper .balance-ouput-grid-wrapper { height: calc(100% - 30px); overflow: hidden; position: absolute; top: 0; bottom: 190px; /* 130 + 6 */ left: 0; right: 0; background-color: #FFF; } #vatVoucherMapping #tab_total .ui-grid-render-container-body .ui-grid-viewport { height: 500px; } #vatVoucherMapping #tab_total .error-info-wrapper { position: absolute; height: 190px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -40px; } #vatVoucherMapping #tab_total #content-resizer { width: 110%; position: absolute; height: 4px; bottom: 190px; left: 0; right: 0; background-color: red; cursor: n-resize; margin-left: -40px; } #vatVoucherMapping #tab_total #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; z-index: 999; bottom: -381px; text-align: center; display: block !important; } #vatVoucherMapping #tab_total .dt-import-wrapper { margin: 10px 0; max-width: 99%; overflow: auto; height: calc(100% - 70px); } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown { display: inline-block; } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown .select-button { background-color: #F5F5F5; padding: 6px 0; width: 100px; } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown .caret { margin-top: 8px; } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown .dropdown-menu { min-width: 100px; } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown .dropdown-menu li { padding: 5px; text-align: center; min-height: 0px; } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown .dropdown-menu li:hover { background-color: #F91000; color: #FFF; } #vatVoucherMapping #tab_total .dt-import-wrapper .dropdown i { color: #F85550; } #vat-report-container { width: 100%; height: 100%; position: absolute; } #vat-report-container .divider { height: 2px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } #vat-report-container .group-section { height: 50px; line-height: 50px; padding-left: 20px; background-color: #f2f2f2; min-width: 120px; cursor: pointer; } #vat-report-container .vat-report-content { background: whitesmoke; height: 100%; vertical-align: top; overflow: hidden; } #vat-report-container .report-nav-icon { height: 20px; width: 5px; background-color: #f91000; position: absolute; } #vat-report-container .report-menu-toggler { height: 40px; width: 40px; background-color: #666460; text-align: center; cursor: pointer; position: absolute; } #vat-report-container .toggler-icon { color: white; line-height: 40px; font-size: 25px; } #vat-report-container .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; height: 100%; float: left; } #vat-report-container .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: ew-resize; } #vat-report-container .vat-report-menu { background: #FFFFF FF; border-right: 1px solid #F2F2F2; height: 100%; vertical-align: top; float: left; width: 250px; } #vat-report-container .vat-report-menu .li { display: table; height: 50px; list-style: none; border-bottom: 1px solid #ccc; position: relative; vertical-align: middle; width: 100%; } #vat-report-container .vat-report-menu .li a { color: #3f3f40; display: table-cell; font-size: 12px; height: 100%; padding-left: 20px; text-decoration: none; vertical-align: middle; width: 100%; min-width: 120px; word-wrap: break-word; } #vat-report-container .vat-report-menu .li a:hover { text-decoration: none; color: white; background-color: #a32020; } #vat-report-container .vat-report-menu .li a.active { font-weight: bold; color: white; background-color: #a32020; text-decoration: none; } #vat-report-container .vat-report-menu .nav-report .toggle-group-icon { margin-left: 5px; /*float:right; color:#ccc;*/ } .invoice-manage-upload-electronic-invoice { height: 100% !important; padding-top: 0px !important; position: relative; } .invoice-manage-upload-electronic-invoice .circle { border-radius: 64px; width: 42px; height: 42px; margin-top: 5px; line-height: 35px; margin-left: 32px; border: 2px solid #a12020; } .invoice-manage-upload-electronic-invoice .borderless td, .invoice-manage-upload-electronic-invoice .borderless th { border: none; } .invoice-manage-upload-electronic-invoice .table-bottom { margin-bottom: 0px !important; } .invoice-manage-upload-electronic-invoice .table-bottom .lbl-name { word-break: keep-all; } .invoice-manage-upload-electronic-invoice .table-bottom td { vertical-align: middle; } .invoice-manage-upload-electronic-invoice .clear-both { clear: both; } .invoice-manage-upload-electronic-invoice .inline-block { display: inline-block; } .invoice-manage-upload-electronic-invoice .content-container { height: calc(100% - 40px); position: relative; margin-left: 5%; } .invoice-manage-upload-electronic-invoice .content-container .header .title { color: red; } .invoice-manage-upload-electronic-invoice .content-container .header .title-bottom-line { margin-top: -12px; } .invoice-manage-upload-electronic-invoice .content-container .header .title-bottom-line .hr-red { width: 10%; display: inline-block; float: left; border-color: #de3b3b; } .invoice-manage-upload-electronic-invoice .content-container .header .title-bottom-line .line-right { width: 70%; display: inline-block; } .invoice-manage-upload-electronic-invoice .content-container .body { padding: 0px 15px; } .invoice-manage-upload-electronic-invoice .content-container .body .comment-desc { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 12px; line-height: 20px; } .invoice-manage-upload-electronic-invoice .content-container .body .remarks { font-family: "Microsoft YaHei"; font-style: normal; font-size: 12px; color: #666666; line-height: 20px; } .invoice-manage-upload-electronic-invoice .content-container .body .margin-top-20 { margin-top: 20px; } .invoice-manage-upload-electronic-invoice .content-container .body .invoice-content { max-height: 440px; overflow-x: hidden; overflow-y: auto; } .invoice-manage-upload-electronic-invoice .content-container .body .invoice-content .invoice-list { font-size: 13px; } .invoice-manage-upload-electronic-invoice .content-container .body .invoice-content .invoice-list .title-left { padding-left: 5px; } .invoice-manage-upload-electronic-invoice .content-container .body .invoice-content .invoice-list .title-num { font-weight: bold; padding: 0px 2px; } .invoice-manage-upload-electronic-invoice .content-container .body .invoice-content .invoice-list .select-box { width: 20%; } .invoice-manage-upload-electronic-invoice .content-container .body .invoice-content .invoice-list .label-text { width: 8%; } .invoice-manage-upload-electronic-invoice .content-container .body .bordre-width-60 { width: 80%; float: left; margin-bottom: 0px; } .invoice-manage-upload-index { height: 100% !important; padding-top: 0px !important; position: relative; } .invoice-manage-upload-index .borderless td, .invoice-manage-upload-index .borderless th { border: none; } .invoice-manage-upload-index .table-bottom { margin-bottom: 0px !important; } .invoice-manage-upload-index .table-bottom .lbl-name { word-break: keep-all; } .invoice-manage-upload-index .table-bottom td { vertical-align: middle; } .invoice-manage-upload-index .content-container { height: calc(100% - 40px); position: relative; } .invoice-manage-upload-index .content-container .body .upload-title { font-size: 20px; font-weight: bold; margin: 0 auto; text-align: center; margin-top: 8%; margin-bottom: 2%; } .invoice-manage-upload-index .content-container .body .table-hover > tbody > tr > td:hover, .invoice-manage-upload-index .content-container .body .table-hover > tbody > tr > td:hover { background-color: #f5f5f5 !important; } .invoice-manage-upload-index .content-container .body .table-hover > tbody > tr:hover > td, .invoice-manage-upload-index .content-container .body .table-hover > tbody > tr:hover > th { background-color: inherit; } .invoice-manage-upload-index .content-container .body .table-card { height: 300px; } .invoice-manage-upload-index .content-container .body .card { width: 100%; height: 100%; border: 1px dashed #E4E4E4; border: 1px dashed rgba(0, 0, 0, 0.2); border-radius: 5px; background-color: #fbfbfb; text-align: center; cursor: pointer; } .invoice-manage-upload-index .content-container .body .card:hover { background-color: darkgray !important; } .invoice-manage-upload-index .content-container .body .fa-icon { padding-top: 20px; font-size: 100px; margin-top: 20%; } .invoice-manage-upload-index .content-container .body .card-text { color: #D04A02; text-align: center; padding-top: 10px; } .invoice-manage-upload-paper-invoice { height: 100% !important; padding-top: 0px !important; position: relative; } .invoice-manage-upload-paper-invoice .dx-checkbox-icon { width: 16px; height: 16px; } .invoice-manage-upload-paper-invoice .borderless td, .invoice-manage-upload-paper-invoice .borderless th { border: none; } .invoice-manage-upload-paper-invoice .table-bottom { margin-bottom: 0px !important; } .invoice-manage-upload-paper-invoice .table-bottom .lbl-name { word-break: keep-all; } .invoice-manage-upload-paper-invoice .table-bottom td { vertical-align: middle; } .invoice-manage-upload-paper-invoice .clear-both { clear: both; } .invoice-manage-upload-paper-invoice .inline-block { display: inline-block; } .invoice-manage-upload-paper-invoice .content-container { height: calc(100% - 40px); position: relative; margin-left: 5%; } .invoice-manage-upload-paper-invoice .content-container .header .title { color: red; } .invoice-manage-upload-paper-invoice .content-container .header .title-bottom-line { margin-top: -12px; } .invoice-manage-upload-paper-invoice .content-container .header .title-bottom-line .hr-red { width: 10%; display: inline-block; float: left; border-color: #de3b3b; } .invoice-manage-upload-paper-invoice .content-container .header .title-bottom-line .line-right { width: 70%; display: inline-block; } .invoice-manage-upload-paper-invoice .content-container .body { padding: 0px 15px; } .invoice-manage-upload-paper-invoice .content-container .body .comment-desc { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 12px; line-height: 20px; } .invoice-manage-upload-paper-invoice .content-container .body .invoice-content { max-height: 480px; overflow-x: hidden; overflow-y: auto; } .invoice-manage-upload-paper-invoice .content-container .body .invoice-content .invoice-list { font-size: 13px; } .invoice-manage-upload-paper-invoice .content-container .body .invoice-content .invoice-list .title-left { padding-left: 5px; } .invoice-manage-upload-paper-invoice .content-container .body .invoice-content .invoice-list .title-num { font-weight: bold; padding: 0px 2px; } .invoice-manage-upload-paper-invoice .content-container .body .invoice-content .invoice-list .select-box { width: 20%; } .invoice-manage-upload-paper-invoice .content-container .body .invoice-content .invoice-list .label-text { width: 8%; } .invoice-manage-upload-paper-invoice .content-container .body .bordre-width-60 { width: 80%; float: left; margin-bottom: 0px; } .invoice-manage-upload-paper-invoice .content-container .body .margin-top-20 { margin-top: 20px; } .invoice-manage-upload-scan-invoice { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; } .invoice-manage-upload-scan-invoice .table-bottom { margin-bottom: 0px !important; } .invoice-manage-upload-scan-invoice .table-bottom .lbl-name { word-break: keep-all; } .invoice-manage-upload-scan-invoice .table-bottom td { vertical-align: middle; } .invoice-manage-upload-scan-invoice .clear-both { clear: both; } .invoice-manage-upload-scan-invoice .red-color { color: #d04a02; /*vertical-align: middle;*/ } .invoice-manage-upload-scan-invoice .font-12 { font-size: 12px; } .invoice-manage-upload-scan-invoice .content-container { height: calc(100% - 40px); position: relative; padding: 15px; } .invoice-manage-upload-scan-invoice .content-container .header .title { color: red; } .invoice-manage-upload-scan-invoice .content-container .header .title-bottom-line { margin-top: -12px; } .invoice-manage-upload-scan-invoice .content-container .header .title-bottom-line .hr-red { width: 10%; display: inline-block; float: left; border-color: #de3b3b; } .invoice-manage-upload-scan-invoice .content-container .header .title-bottom-line .line-right { width: 70%; display: inline-block; } .invoice-manage-upload-scan-invoice .content-container .body { height: 100%; } .invoice-manage-upload-scan-invoice .content-container .body .comment-desc { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 12px; line-height: 20px; } .invoice-manage-upload-scan-invoice .content-container .body .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; } .invoice-manage-upload-scan-invoice .content-container .body .box-row { width: 30%; position: relative; } .invoice-manage-upload-scan-invoice .content-container .body .txt-right { /*position: absolute; top: 5px; left: 100%; width: 100%;*/ } .invoice-manage-upload-scan-invoice .content-container .body .status-nomal { font-size: 12px; color: #282828; } .invoice-manage-upload-scan-invoice .content-container .body .status-fail { font-size: 12px; color: #ff0000; cursor: pointer; } .invoice-manage-upload-scan-invoice .content-container .body .status-duplicate { font-size: 12px; color: #a12020; cursor: pointer; } .invoice-manage-upload-scan-invoice .content-container .body .invoice-content { margin-top: 20px; height: calc(100% - 260px); overflow-x: hidden; overflow-y: auto; } .invoice-manage-upload-scan-invoice .content-container .body .invoice-content #scanInvoiceGridContainer { max-height: 100%; } .invoice-manage-upload-scan-invoice .content-container .body .invoice-content #scanInvoiceGridContainer .dx-texteditor .dx-placeholder { line-height: 8px; } .invoice-manage-upload-scan-invoice .content-container .body .bordre-width-60 { width: 80%; float: left; } .invoice-manage-upload-scan-invoice .content-container .body .margin-top-20 { margin-top: 20px; } .header { padding: 15px; } .header img { margin-top: 3px; } .header .search-panel { border: 1px solid #CDCDCD; border-radius: 5px; padding: 5px; } .header .search-panel .row { margin: 10px 0; } .header .search-panel .row .filter-item { display: inline-block; vertical-align: middle; height: 32px; } .header .search-panel .row .fileter-label { text-align: right; height: 32px; padding-top: 5px; } .header .search-panel .row .col-xs-1, .header .search-panel .row .col-sm-1, .header .search-panel .row .col-md-1, .header .search-panel .row .col-lg-1, .header .search-panel .row .col-xs-2, .header .search-panel .row .col-sm-2, .header .search-panel .row .col-md-2, .header .search-panel .row .col-lg-2, .header .search-panel .row .col-xs-3, .header .search-panel .row .col-sm-3, .header .search-panel .row .col-md-3, .header .search-panel .row .col-lg-3, .header .search-panel .row .col-xs-4, .header .search-panel .row .col-sm-4, .header .search-panel .row .col-md-4, .header .search-panel .row .col-lg-4, .header .search-panel .row .col-xs-5, .header .search-panel .row .col-sm-5, .header .search-panel .row .col-md-5, .header .search-panel .row .col-lg-5, .header .search-panel .row .col-xs-6, .header .search-panel .row .col-sm-6, .header .search-panel .row .col-md-6, .header .search-panel .row .col-lg-6, .header .search-panel .row .col-xs-7, .header .search-panel .row .col-sm-7, .header .search-panel .row .col-md-7, .header .search-panel .row .col-lg-7, .header .search-panel .row .col-xs-8, .header .search-panel .row .col-sm-8, .header .search-panel .row .col-md-8, .header .search-panel .row .col-lg-8, .header .search-panel .row .col-xs-9, .header .search-panel .row .col-sm-9, .header .search-panel .row .col-md-9, .header .search-panel .row .col-lg-9, .header .search-panel .row .col-xs-10, .header .search-panel .row .col-sm-10, .header .search-panel .row .col-md-10, .header .search-panel .row .col-lg-10, .header .search-panel .row .col-xs-11, .header .search-panel .row .col-sm-11, .header .search-panel .row .col-md-11, .header .search-panel .row .col-lg-11, .header .search-panel .row .col-xs-12, .header .search-panel .row .col-sm-12, .header .search-panel .row .col-md-12, .header .search-panel .row .col-lg-12 { padding-left: 0; } .header .search-panel .row .invoice-btn { min-width: 90px; height: 34px; } .header .search-panel .table-bottom { margin-bottom: 0px !important; } .header .search-panel .table-bottom .lbl-name { word-break: keep-all; } .header .search-panel .table-bottom td { vertical-align: middle; } .table-bottom { margin-bottom: 0px !important; } .table-bottom .lbl-name { word-break: keep-all; } .table-bottom td { vertical-align: middle; } .red-color { color: #d04a02; /*vertical-align: middle;*/ } .dx-widget { font-size: 13px; } .header-title { padding: 10px; } .header-title .sub-title { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 12px; color: #999999; } .header-title .title-name { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; } .inline-block { display: inline-block; } .inline-block .left-side { display: inline-block; } .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 #E4E4E4; 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; } .invoice-card:hover { background-color: #fff !important; box-shadow: #a06748 1px 1px; } .invoice-card .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; } .invoice-table-dialog .modal-dialog .modal-title { color: red; } .invoiceNumber-link { cursor: pointer; /*color:#6699cc;*/ } .invoice-manage-main { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; } .invoice-manage-main .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; } .invoice-manage-main .header-title { padding: 10px; } .invoice-manage-main .header-title .title-name { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; } .invoice-manage-main .custom-control { width: 120px !important; height: 25px; line-height: 25px; } .invoice-manage-main .btn-search { width: 120px !important; } .invoice-manage-main .content-container { height: calc(100% - 40px); position: relative; } .invoice-manage-main .content-container .body .buttom-row { padding: 15px; display: inline-block; width: 100%; } .invoice-manage-main .content-container .body .buttom-row .left-side { display: inline-block; /*padding-left:5px;*/ } .invoice-manage-main .content-container .body .buttom-row .left-side .select-title { margin-left: 20px; } .invoice-manage-main .content-container .body .buttom-row .left-side .select-number { padding: 0 1px; color: red; } .invoice-manage-main .content-container .body .buttom-row .right-side { float: right; display: inline-block; /*padding-right:5px;*/ } .invoice-manage-main .content-container .body .buttom-row .right-side .btn { margin-left: 20px; } .invoice-manage-main .content-container .body .grid-container { padding: 0px 15px; /*height: 350px;*/ /*height:100%;*/ } .invoice-manage-main .content-container .body .grid-container #invoiceGridContainer { max-height: 100%; } .invoice-manage-main .content-container .body .grid-container .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 0px !important; } .invoice-manage-main .content-container .body .grid-container .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content { white-space: normal !important; } .invoice-manage-main .content-container .body .grid-container .internal-grid-container { padding: 10px 10px 10px 0; } .invoice-manage-main .content-container .body .grid-container .internal-grid-container > div:first-child { padding: 0 0 5px 10px; font-size: 13px; /*font-weight: bold;*/ } .invoice-manage-main .importVerifyInvoiceModal .modal-dialog { height: 200px; width: 610px; } .invoice-manage-main .importVerifyInvoiceModal .modal-footer { text-align: left; } .invoice-manage-map { padding-top: 20px; height: 100%; } .invoice-manage-map .invoice-btn { min-width: 80px; height: 28px; margin-right: 10px; font-weight: normal; font-size: 13px; font-family: 'Microsoft YaHei'; } .invoice-manage-map .query-condition-wrapper { border: 1px solid #d4d4d4; border-radius: 10px; padding: 10px; margin: 10px; overflow: auto; min-width: 1200px; } .invoice-manage-map .query-condition-wrapper .form-inline .clear-padding { padding: 0; } .invoice-manage-map .query-condition-wrapper .form-inline .label-clear-padding { padding: 0; margin-top: 5px; } .invoice-manage-map .query-condition-wrapper .form-inline .label-title-style { text-align: right; font-family: "Microsoft YaHei"; } .invoice-manage-map .query-condition-wrapper .form-inline .div-row { height: 40px; } .invoice-manage-map .query-condition-wrapper .form-inline .div-row span { font-weight: normal; font-size: 13px; font-family: 'Microsoft YaHei'; cursor: pointer; } .invoice-manage-map .query-condition-wrapper .form-inline .span-seperate { display: inline-block; vertical-align: top; line-height: 36px; height: 36px; width: 6px; text-align: center; } .invoice-manage-map .query-condition-wrapper .form-inline .form-group label { font-weight: normal; font-size: 13px; font-family: 'Microsoft YaHei'; text-align: right; } .invoice-manage-map .query-condition-wrapper .form-inline .form-group input:last-child { margin-right: 10px; } .invoice-manage-map .query-condition-wrapper .form-inline .form-group input { height: 28px; font-weight: normal; font-size: 13px; font-family: 'Microsoft YaHei'; } .invoice-manage-map .query-condition-wrapper .form-inline .form-group .input-width-normal { width: 48%; display: inline-block; } .invoice-manage-map .query-condition-wrapper .form-inline .form-group .input-width-small { width: 47%; display: inline-block; } .invoice-manage-map .query-condition-wrapper .form-inline .form-group select { width: 90%; height: 28px; padding: 3px 12px; font-weight: normal; font-size: 13px; font-family: 'Microsoft YaHei'; } .invoice-manage-map .operation-btn-row { margin: 10px; } .invoice-manage-map .search-result-wrapper { padding: 15px 15px 0px 15px; } .invoice-manage-map .search-result-wrapper .gridContainer { /*border: 1px solid #DDD; margin: 10px; font-size: 13px;*/ } .invoice-manage-map .search-result-wrapper .gridContainer #invoiceManageMapList { border: 1px solid #DDD; } .invoice-manage-map .page-footer { float: right; /*padding-right: 50px;*/ } .invoice-manage-refund { padding-top: 20px; height: 100%; } .invoice-manage-refund .row { margin: 0 15px; } .invoice-manage-refund .content .grid-container { padding: 15px 15px 0px 15px; } .invoice-manage-refund .content .btn-row { margin-bottom: 10px; } .invoice-manage-refund .content .btn-row button { margin-right: 15px; } .invoice-manage-verify .verify-action { /*margin-bottom: 20px;*/ text-align: right; } .invoice-manage-verify .verify-action .btn-custom { padding: 0 10px; height: 36px; font-weight: 400; border-radius: 5px; font-style: normal; outline: none; border: 1px solid #d04a02; min-width: 100px; color: #d04a02; margin-right: 20px; } .invoice-manage-verify .content #verifyManagementGrid { max-height: 100%; } .amount-check-manual-input-popup .modal-header { background-color: #eee; } .amount-check-manual-input-popup .modal-body div.checkbox { margin-left: 10px; } .amount-check-manual-input-popup .modal-body .row label { line-height: 35px; } .amount-check-manual-input-popup .modal-body .upload-file-container { margin-top: 20px; } .amount-check-manual-input-popup .modal-body .upload-file-container .add-file-btn { color: #56e; cursor: pointer; } .amount-check-manual-input-popup .modal-body .upload-file-container .files-container { max-height: 200px; overflow-y: auto; line-height: 27px; color: #777; width: 100%; } .amount-check-manual-input-popup .modal-body .upload-file-container .files-container .file-line { display: inline-block; width: 100%; } .amount-check-manual-input-popup .modal-body .upload-file-container .files-container .file-line .delete-file { color: #f44; cursor: pointer; text-align: right; } .amount-check-manual-input-popup .modal-footer .btn { height: 28px; } .amount-check-manual-input-popup .modal-footer .btn-first { color: #fff; background-color: #a22; width: 100px; margin-left: 30px; } .amount-check-manual-input-popup .modal-footer .btn-second { color: #fff; background-color: #999; width: 100px; margin-left: 30px; } .bd-vin-view { font-size: 13px; margin: 20px; } .bd-vin-view .common-margin { margin-top: 15px; margin-bottom: 15px; } .bd-vin-view .header-title { font-weight: bold; font-size: 18px; color: #80031A; padding: 0px; margin-top: 15px; margin-bottom: 15px; } .bd-vin-view .query-panel { border: 1px solid #dcdcdc; border-radius: 5px 5px; } .bd-vin-view .query-panel table tr td { padding: 8px; max-width: 235px; } .bd-vin-view .query-panel .query-table { width: 100%; } .bd-vin-view .query-panel .query-table .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0; } .bd-vin-view .query-panel .query-table .tag-container, .bd-vin-view .query-panel .query-table .input-field { display: inline-block; vertical-align: middle; } .bd-vin-view .query-panel .query-table .tag-container { padding-left: 5px; } .bd-vin-view .action-row { margin-top: 15px; margin-bottom: 15px; z-index: 100; position: relative; margin-right: 35px; } .bd-vin-view .action-row .prompt-line { padding: 5px; background-color: #FBF4F5; margin-right: 270px; display: inline-block; width: 50%; margin-top: 15px; margin-bottom: 15px; } .bd-vin-view .action-row .prompt-line .emphasize { font-weight: bold; margin-right: 20px; } .bd-vin-view .action-row .right-button { display: inline-block; position: absolute; top: 18px; right: 20px; } .bd-vin-view .action-row button { margin-right: 15px; } .bd-vin-view .grid-container { margin-top: -60px; } .bd-vin-view .grid-container .view-detail { color: #80031A; } .bd-vin-view .grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .bd-vin-view .data-grid-container .grid-summary-line { border: 0; border-radius: 4px; display: inline-block; width: 45%; background-color: #fee; height: 30px; line-height: 30px; margin: 15px 0; position: relative; z-index: 1; } .bd-vin-view .data-grid-container .right-button { display: inline-block; position: relative; width: 50%; text-align: right; z-index: 1; } .bd-vin-view .data-grid-container .right-button .btn { height: 28px; line-height: 28px; } .bd-vin-view .data-grid-container .right-button .btn-primary { color: #000; background-color: #fae3e7; border: 1px #eea9b2 solid; width: 110px; margin-left: 25px; } .bd-vin-view .query-panel .btn-primary { color: #fff; background-color: #b4122a; float: right; width: 100px; height: 28px; line-height: 28px; } .bd-vin-view .grid-container { margin-top: -50px; } .GD-Vechicle-detail .modal-dialog { min-width: 1100px; } .GD-Vechicle-detail .modal-dialog .modal-body .details-panel .details-panel-title { color: #80031A; font-weight: bold; font-size: 16px; margin-bottom: 15px; } .GD-Vechicle-detail .modal-dialog .modal-body .details-panel .light-label { margin-bottom: 10px; margin-left: 15px; } .GD-Vechicle-detail .modal-dialog .modal-body .details-panel .light-label label { font-weight: normal; text-align: left; width: 13%; padding-left: 0; padding-right: 0; } .GD-Vechicle-detail .modal-dialog .modal-body .details-panel .light-label div { display: inline-block; } .GD-Vechicle-detail .modal-dialog .modal-body .details-panel .row-three-split div { width: 16%; } .GD-Vechicle-detail .modal-dialog .modal-body .details-panel .row-two-split div { width: 36%; } .GD-Vechicle-detail .modal-dialog .modal-body .detail-grid-container .red-letter-btn .link { Color: #8299D2; cursor: pointer; } .GD-Vechicle-detail .modal-dialog .modal-body .detail-grid-container .red-letter-btn .link:hover { border-bottom: 1px solid #8299D2; } .gd-invoice-print-wrapper { padding: 20px; } .gd-invoice-print-wrapper .dx-texteditor-input { min-height: 26px; } .gd-invoice-print-wrapper .input-length { display: inline-block; /*width: 20em;*/ } .gd-invoice-print-wrapper .borderless td, .gd-invoice-print-wrapper .borderless th { border: none; padding: 4px 8px; vertical-align: middle; } .gd-invoice-print-wrapper .notAllowed { cursor: not-allowed; } .gd-invoice-print-wrapper .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .gd-invoice-print-wrapper .title { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 14px; color: #80031A; line-height: 18px; } .gd-invoice-print-wrapper .first-row { margin-top: 0.5em; border-bottom: 1px solid #f2f2f2; } .gd-invoice-print-wrapper .first-row .table { margin-bottom: 0.5px; } .gd-invoice-print-wrapper .span-title { width: 10em; display: inline-block; text-align: right; } .gd-invoice-print-wrapper .span-width { display: inline-block; width: 20em; } .gd-invoice-print-wrapper .issuance-data { width: 15em; display: inline-block; text-align: right; } .gd-invoice-print-wrapper .row-block { margin-top: 0.5em; } .gd-invoice-print-wrapper .row-delete { margin-bottom: 0.5em; } .gd-invoice-print-wrapper .borderless .td-padding { padding: 11px 8px!important; } .gd-invoice-print-wrapper .table { margin-bottom: 0.5em; } .gd-invoice-print-wrapper .invoiceGdPrintGridContainer { margin-bottom: 0.5em; } .gd-invoice-print-wrapper .total-amount { background-color: #FBF4F5; padding: 4px 5em; border-radius: 4px; } .gd-invoice-print-wrapper .row-toolbar { margin-top: 1em; } .gd-invoice-print-wrapper .row-toolbar .right-part { float: right; } .gd-invoice-print-wrapper .row-toolbar .right-part span { font-family: 'Microsoft YaHei'; /*font-weight: 400;*/ font-style: normal; color: #80031A; line-height: 14px; font-size: 14px; } .gd-invoice-print-wrapper .row-toolbar .right-part i { /*font-weight: 400;*/ font-style: normal; color: #80031A; line-height: 14px; font-size: 14px; } .gd-invoice-print-wrapper .row-toolbar .right-part .enable-btn { cursor: pointer; } .gd-invoice-print-wrapper .row-toolbar .right-part .diable-btn { cursor: not-allowed; } .gd-invoice-print-wrapper .row-comfirm { text-align: right; padding: 0.5em 0; } .gd-invoice-print-wrapper .row-comfirm .btn-comfirm { padding: 0.5em 2em; margin-right: 1em; } .gd-invoice-print-wrapper .vat-caculate-data-progress { width: 100%; border: 1px solid #F2F2F2; border-radius: 8px; height: 16px; text-align: center; line-height: 16px; font-weight: bold; color: #fff; overflow: hidden; } .gd-invoice-print-wrapper .vat-caculate-data-progress .Bar { width: 50%; height: 16px; background: #a32020; } .gd-vin-view { font-size: 13px; margin: 20px; } .gd-vin-view .common-margin { margin-top: 15px; margin-bottom: 15px; } .gd-vin-view .header-title { font-weight: bold; font-size: 18px; color: #80031A; padding: 0px; margin-top: 15px; margin-bottom: 15px; } .gd-vin-view .query-panel { border: 1px solid #dcdcdc; border-radius: 5px 5px; } .gd-vin-view .query-panel table tr td { padding: 8px; max-width: 235px; } .gd-vin-view .query-panel .query-table { width: 100%; } .gd-vin-view .query-panel .query-table .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0; } .gd-vin-view .query-panel .query-table .tag-container, .gd-vin-view .query-panel .query-table .input-field { display: inline-block; vertical-align: middle; } .gd-vin-view .query-panel .query-table .tag-container { padding-left: 5px; } .gd-vin-view .action-row { margin-top: 15px; margin-bottom: 15px; z-index: 100; position: relative; margin-right: 35px; } .gd-vin-view .action-row .prompt-line { padding: 5px; background-color: #FBF4F5; margin-right: 270px; display: inline-block; width: 50%; margin-top: 15px; margin-bottom: 15px; } .gd-vin-view .action-row .prompt-line .emphasize { font-weight: bold; margin-right: 20px; } .gd-vin-view .action-row .right-button { display: inline-block; position: absolute; top: 18px; right: 20px; } .gd-vin-view .action-row button { margin-right: 15px; } .gd-vin-view .grid-container { margin-top: -60px; } .gd-vin-view .grid-container .view-detail { color: #80031A; } .gd-vin-view .grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .import-shipment-list-wrapper { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; } .import-shipment-list-wrapper .header-title { padding: 10px 20px 0px 20px; } .import-shipment-list-wrapper .header-title .title-name { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; color: #a22; } .import-shipment-list-wrapper .borderless td, .import-shipment-list-wrapper .borderless th { border: none; } .import-shipment-list-wrapper .import-shipment-content-container { height: calc(100% - 40px); position: relative; } .import-shipment-list-wrapper .import-shipment-content-container .body .import-shipment-grid-container { padding: 0px 20px; } .import-shipment-list-wrapper .import-shipment-content-container .body .import-shipment-grid-container .dx-header-row { background-color: #eee; color: black; /*height: 35px;*/ /*line-height: 35px;*/ vertical-align: middle; } #shipmenthistory-pop-container { height: 150px; width: 240px; position: absolute; border: #ccc 1px solid; background-color: #fff; border-radius: 4px; left: 80%; top: 6%; display: none; /*display: block;*/ } #shipmenthistory-pop-container .history-pop-header { width: 100%; line-height: 25px; border-bottom: 1px solid #ddd; float: left; background-color: #eee; border-top-right-radius: 4px; border-top-left-radius: 4px; } #shipmenthistory-pop-container .history-pop-header .close { width: 20px; } #shipmenthistory-pop-container .history-content { float: left; margin: 5px; color: #888; font-size: 12px; line-height: 24px; } #shipmenthistory-pop-container .history-content .history-line { margin-left: 20px; } #output-invoice-container { width: 100%; height: 100%; position: absolute; background-color: white; } #output-invoice-container .divider { height: 2px; overflow: hidden; margin-top: -5px; background-color: #e5e5e5; border-bottom: 1px solid #fff; } #output-invoice-container .group-section { height: 50px; display: inline-block; line-height: 50px; padding-left: 5px; background-color: #f2f2f2; min-width: 120px; cursor: pointer; width: 100%; overflow: hidden; } #output-invoice-container .group-section label { display: inline; cursor: pointer; } #output-invoice-container .vat-report-content { background: whitesmoke; height: 100%; vertical-align: top; overflow: hidden; } #output-invoice-container .report-nav-icon { height: 20px; width: 5px; background-color: #f91000; position: absolute; } #output-invoice-container .report-menu-toggler { height: 40px; width: 40px; background-color: #666460; text-align: center; cursor: pointer; position: absolute; } #output-invoice-container .toggler-icon { color: white; line-height: 40px; font-size: 25px; } #output-invoice-container .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; height: 100%; float: left; } #output-invoice-container .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: ew-resize; } #output-invoice-container .vat-report-menu { background: #FFFFF FF; border-right: 1px solid #F2F2F2; height: 100%; vertical-align: top; float: left; width: 250px; } #output-invoice-container .vat-report-menu .li { display: table; height: 50px; list-style: none; border-bottom: 1px solid #ccc; position: relative; vertical-align: middle; width: 100%; } #output-invoice-container .vat-report-menu .li .sub-menu { padding-left: 40px; } #output-invoice-container .vat-report-menu .li a { color: #3f3f40; display: table-cell; font-size: 12px; height: 100%; padding-left: 20px; text-decoration: none; vertical-align: middle; width: 100%; min-width: 120px; word-wrap: break-word; } #output-invoice-container .vat-report-menu .li a:hover { text-decoration: none; color: white; background-color: #a32020; } #output-invoice-container .vat-report-menu .li a.active { font-weight: bold; color: white; background-color: #a32020; text-decoration: none; } #output-invoice-container .vat-report-menu .nav-report .toggle-group-icon { margin-left: 5px; /*float:right; color:#ccc;*/ } .modal-invoice-confirm-size .modal-title { font-weight: bold; } .modal-invoice-confirm-size .second-title { font-size: 16px; font-weight: bold; margin: 10px 0; } .modal-invoice-confirm-size .group-area { border: 1px solid #CDCDCD; border-radius: 5px; padding: 10px; } #issued-invoice-bd-view-container { line-height: 35px; /*.data-grid-pager-container { float: right; margin: -5px 20px; .page-size { display: inline-block; padding-right: 10px; height: 100%; float: left; padding-top: 5px; padding-left: 0; margin: 5px 0; border-radius: 4px; clear: both; color: #777777; background-color: #ffffff; border-color: #dddddd; padding: 5px 10px; font-size: 12px; line-height: 1; .total-number { padding: 0px 2px; color: #dc6900; } .page-box { width: 60px; text-align: center; } .padding-span { padding: 0px 2px; } .normal-number { padding: 0px 2px; color: #dc6900; } } }*/ } #issued-invoice-bd-view-container .page-container { margin: 10px 20px; } #issued-invoice-bd-view-container .page-search-container .search-title { color: #a22; font-weight: bold; } #issued-invoice-bd-view-container .page-search-container .hide-search-btn { cursor: pointer; margin-left: 30px; } #issued-invoice-bd-view-container .page-search-container .search-form-body { border: 1px solid #ccc; border-radius: 4px; margin-left: 0; line-height: 35px; } #issued-invoice-bd-view-container .page-search-container .search-form-body .search-field { margin: 15px 0; } #issued-invoice-bd-view-container .page-search-container .search-form-body tr td { padding: 8px; } #issued-invoice-bd-view-container .page-search-container .btn { height: 28px; } #issued-invoice-bd-view-container .page-search-container .btn-primary { color: #fff; background-color: #b4122a; float: right; width: 100px; } #issued-invoice-bd-view-container .page-fast-search-container .fast-search-field { display: inline-block; margin-right: 30px; } #issued-invoice-bd-view-container .page-fast-search-container .btn { height: 28px; } #issued-invoice-bd-view-container .page-fast-search-container .btn-primary { color: #000; background-color: #fae3e7; border: 1px #eea9b2 solid; float: right; width: 110px; margin-left: 25px; } #issued-invoice-bd-view-container .page-fast-search-container .btn-primary:hover { background-color: #dc6900; } #issued-invoice-bd-view-container .data-grid-container .grid-summary-line { border: 0; border-radius: 4px; display: inline-block; width: 90%; background-color: #fee; height: 30px; line-height: 30px; margin: 15px 0; position: relative; z-index: 1; } #issued-invoice-bd-view-container .data-grid-container #dxIssuedInvoiceDataGridContainer { margin-top: -50px; } #issued-invoice-bd-view-container .data-grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } #red-letter-bd-user-pop .data-table { top: 30%; } #red-letter-bd-user-pop .modal-header { background-color: #eee; } #red-letter-bd-user-pop .modal-body .radio-no2-title { color: #999; margin-left: 240px; } #red-letter-bd-user-pop .modal-body .input-reason-container { margin-top: 20px; } #red-letter-bd-user-pop .modal-body .upload-file-container { margin-top: 20px; } #red-letter-bd-user-pop .modal-body .upload-file-container .add-file-btn { color: #56e; cursor: pointer; } #red-letter-bd-user-pop .modal-body .upload-file-container .files-container { max-height: 200px; overflow-y: auto; line-height: 27px; color: #777; width: 100%; } #red-letter-bd-user-pop .modal-body .upload-file-container .files-container .file-line { display: inline-block; width: 100%; /*.file-name { color: #44b; cursor: pointer; }*/ } #red-letter-bd-user-pop .modal-body .upload-file-container .files-container .file-line .delete-file { color: #f44; cursor: pointer; text-align: right; } #red-letter-bd-user-pop .modal-body .recieving-fapiao-tip { margin-top: 20px; } #red-letter-bd-user-pop .modal-footer .btn { height: 28px; } #red-letter-bd-user-pop .modal-footer .btn-first { color: #fff; background-color: #b4122a; width: 100px; margin-left: 30px; } #red-letter-bd-user-pop .modal-footer .btn-second { color: #fff; background-color: #999; width: 100px; margin-left: 30px; } #red-letter-gd-bd-pop .modal-header { background-color: #eee; } #red-letter-gd-bd-pop .modal-body .cell-info-title { text-align: left; line-height: 30px; } #red-letter-gd-bd-pop .modal-footer .btn { height: 28px; } #red-letter-gd-bd-pop .modal-footer .btn-first { color: #fff; background-color: #b4122a; width: 100px; margin-left: 30px; } #red-letter-gd-bd-pop .modal-footer .btn-second { color: #fff; background-color: #999; width: 100px; margin-left: 30px; } #red-letter-gd-bd-pop .dx-datagrid-headers { background-color: #dadada; line-height: 30px; } #red-letter-gd-bd-pop .gd-bd-pop-grid-container { margin-top: 20px; } #red-letter-gd-bd-pop .gd-bd-footer { margin-top: 20px; } .issued-invoice-gd-view-container { line-height: 35px; } .issued-invoice-gd-view-container .page-container { margin: 0 20px; } .issued-invoice-gd-view-container .page-search-container .search-title { color: #a22; font-weight: bold; } .issued-invoice-gd-view-container .page-search-container .hide-search-btn { cursor: pointer; margin: 0 -10px 0 10px; } .issued-invoice-gd-view-container .page-search-container .search-form-body { border: 1px solid #ccc; border-radius: 4px; margin-left: 0; margin-bottom: 10px; } .issued-invoice-gd-view-container .page-search-container .search-form-body td { padding: 8px; } .issued-invoice-gd-view-container .page-search-container .btn { height: 28px; } .issued-invoice-gd-view-container .page-search-container .btn-primary { color: #fff; background-color: #b4122a; width: 100px; } .issued-invoice-gd-view-container .page-fast-search-container { line-height: 20px; } .issued-invoice-gd-view-container .page-fast-search-container .btn { height: 28px; margin: 0 5px; } .issued-invoice-gd-view-container .page-fast-search-container .checkbox-inline { margin-right: 5px; } .issued-invoice-gd-view-container .page-fast-search-container .btn-last { margin-right: 0; } .issued-invoice-gd-view-container .data-grid-container .grid-summary-line { background-color: #fee; border: 0; border-radius: 4px; display: inline-block; height: 30px; line-height: 30px; margin: 15px 0; position: relative; width: 90%; z-index: 1; } .issued-invoice-gd-view-container .data-grid-container .grid-summary-line span { margin-left: 15px; } .issued-invoice-gd-view-container .data-grid-container #dxIssuedInvoiceGdContainer { margin-top: -48px; } .issued-invoice-gd-view-container .data-grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .issued-invoice-gd-view-container .footer-btn .btn { float: right; margin: 10px 20px 5px; } .issued-invoice-gd-view-container .page-footer { clear: both; } #setup-mark-up-ratio-pop .data-table, #setup-quota-pop .data-table, #pre-issue-pop .data-table { top: 30%; } #setup-mark-up-ratio-pop .modal-header, #setup-quota-pop .modal-header, #pre-issue-pop .modal-header { background-color: #eee; } #setup-mark-up-ratio-pop .modal-body .row, #setup-quota-pop .modal-body .row, #pre-issue-pop .modal-body .row { height: 50px; line-height: 35px; vertical-align: middle; } #setup-mark-up-ratio-pop .modal-footer .btn, #setup-quota-pop .modal-footer .btn, #pre-issue-pop .modal-footer .btn { height: 28px; } #setup-mark-up-ratio-pop .modal-footer .btn-first, #setup-quota-pop .modal-footer .btn-first, #pre-issue-pop .modal-footer .btn-first { color: #fff; background-color: #a22; width: 100px; margin-left: 30px; } #setup-mark-up-ratio-pop .modal-footer .btn-second, #setup-quota-pop .modal-footer .btn-second, #pre-issue-pop .modal-footer .btn-second { color: #fff; background-color: #999; width: 100px; margin-left: 30px; } #pre-issue-pop .pre-issue-popup .modal-dialog { top: 20%; } @media (min-width: 768px) { #pre-issue-pop .pre-issue-popup .modal-dialog { width: 750px; } } #pre-issue-pop .pre-issue-popup .modal-dialog .modal-content { height: 425px; } #pre-issue-pop .pre-issue-popup .modal-dialog .modal-content .modal-body { height: 305px; } #pre-issue-pop .grid-summary-line { background-color: #fee; border: 0; border-radius: 4px; display: inline-block; height: 30px; line-height: 30px; margin: 10px 0; padding-left: 9px; width: 100%; } #pre-issue-pop .grid-summary-line span { margin-left: 15px; } .noteTips { /*padding: 10px;*/ position: relative; } .noteTips:after { content: ""; position: absolute; top: -5px; left: calc(100%-8px); width: 0; height: 0; display: block; /*border-right: 8px solid transparent;*/ border-bottom: 8px solid transparent; border-top: 8px solid #b4122a; border-left: 8px solid transparent; } .text-right { text-align: right; } .internal-grid-container { padding: 10px 0 10px 0; } .internal-grid-container .bold-row { padding: 0 0 5px 10px; font-size: 14px; font-weight: bold; } .internal-grid-container .dx-header-row { line-height: 18px !important; } #reassign-modal-template .content-customer { padding: 30px; } #reassign-modal-template .lable-input { width: 200px; } #reassign-modal-template .select-box-input { margin-right: 40px; width: 286px; } #reassign-modal-template .content-gap { margin-top: 40%; width: 206px; } #reassign-modal-template .ul-customer { list-style-type: none; margin-left: -30%; margin-top: 40px; } #reassign-modal-template .ul-customer label { font-weight: normal; cursor: pointer; } .output-invoice-imported { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; line-height: 35px; } .output-invoice-imported .page-container { margin: 10px 20px; } .output-invoice-imported .btn-secondary { height: 28px; } .output-invoice-imported .cursor-pointer { cursor: pointer; } .output-invoice-imported .visibility-hidden-before::before { visibility: hidden; } .output-invoice-imported .float-left { float: left !important; } .output-invoice-imported .page-search-container .search-title { color: #a22; font-weight: bold; font-size: 14px; } .output-invoice-imported .page-search-container .hide-search-btn { cursor: pointer; margin-left: 30px; } .output-invoice-imported .page-search-container .search-form-body { border: 1px solid #ccc; border-radius: 4px; margin-left: 0; line-height: 35px; } .output-invoice-imported .page-search-container .search-form-body .search-field { margin: 15px 0; } .output-invoice-imported .page-search-container .search-form-body tr td { padding: 8px; max-width: 235px; } .output-invoice-imported .page-search-container .btn { height: 28px; } .output-invoice-imported .page-fast-search-container .fast-search-field { display: inline-block; margin-right: 30px; } .output-invoice-imported .page-fast-search-container .btn { height: 28px; } .output-invoice-imported .page-fast-search-container .btn-primary { color: #000; background-color: #fae3e7; border: 1px #eea9b2 solid; float: right; width: 110px; margin-left: 25px; } .output-invoice-imported .page-fast-search-container .btn-primary:hover { background-color: #dc6900; } .output-invoice-imported .span-is-related-bd { color: red; text-decoration: underline; } .output-invoice-imported .borderless td, .output-invoice-imported .borderless th { border: none; } .output-invoice-imported .custom-control { width: 120px !important; height: 25px; line-height: 25px; } .output-invoice-imported .btn-search { width: 120px !important; } .output-invoice-imported .content-container { height: calc(100% - 40px); position: relative; } .output-invoice-imported .content-container .body .buttom-row { padding-left: 15px; display: inline-block; width: 94%; z-index: 100; position: relative; } .output-invoice-imported .content-container .body .buttom-row .left-side { display: inline-block; /*padding-left:5px;*/ } .output-invoice-imported .content-container .body .buttom-row .left-side .select-title { margin-left: 20px; } .output-invoice-imported .content-container .body .buttom-row .left-side .select-number { padding: 0 1px; color: red; } .output-invoice-imported .content-container .body .buttom-row .left-side .validation-checkbox { display: inline-block; margin-left: 20px; vertical-align: middle; } .output-invoice-imported .content-container .body .buttom-row .right-side { float: right; display: inline-block; /*padding-right:5px;*/ } .output-invoice-imported .content-container .body .buttom-row .right-side .btn { margin-left: 20px; height: 28px; } .output-invoice-imported .content-container .body .grid-container { padding: 0px 15px; margin-top: -35px; /*height: 350px;*/ /*height:100%;*/ } .output-invoice-imported .content-container .body .grid-container #invoiceGridContainer { max-height: 100%; } .output-invoice-imported .content-container .body .grid-container .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 0px !important; } .output-invoice-imported .content-container .body .grid-container .internal-grid-container { padding: 10px 10px 10px 0; } .output-invoice-imported .content-container .body .grid-container .internal-grid-container > div:first-child { padding: 0 0 5px 10px; font-size: 13px; /*font-weight: bold;*/ } .center-popup .modal-dialog { top: 150px; } #history-pop-container { height: 150px; width: 240px; position: absolute; border: #ccc 1px solid; background-color: #fff; border-radius: 4px; left: 80%; top: 6%; display: none; z-index: 300; } #history-pop-container .history-pop-header { width: 100%; line-height: 25px; border-bottom: 1px solid #ddd; float: left; background-color: #eee; border-top-right-radius: 4px; border-top-left-radius: 4px; } #history-pop-container .history-pop-header .close { width: 20px; } #history-pop-container .history-content { float: left; margin: 5px; color: #888; font-size: 12px; line-height: 24px; } #history-pop-container .history-content .history-line { margin-left: 20px; } .to-be-issued-prompt .modal-dialog { /*min-width: 850px;*/ width: 500px; } .to-be-issued-prompt .modal-dialog .modal-body .status-emphasize { font-weight: bold; margin-bottom: 15px; } .sa-button-container { /*.sa-confirm-button-container { .confirm { background-color: #B4122A; } }*/ /*.cancel { background-color: #797979; color: white; }*/ } .model-mapping-popup .modal-dialog { width: 800px; } .model-mapping-popup .btn-row { margin-bottom: 10px; } .model-mapping-popup .btn-row .btn-add, .model-mapping-popup .btn-row .btn-edit, .model-mapping-popup .btn-row .btn-delete { background: none; line-height: 18px; outline: none; vertical-align: middle; } .model-mapping-popup .btn-row .btn-add *, .model-mapping-popup .btn-row .btn-edit *, .model-mapping-popup .btn-row .btn-delete * { vertical-align: middle; } .model-mapping-popup .btn-row .btn-add .material-icons, .model-mapping-popup .btn-row .btn-edit .material-icons, .model-mapping-popup .btn-row .btn-delete .material-icons { font-size: 18px; } .model-mapping-popup .btn-row .btn-add .fa-trash, .model-mapping-popup .btn-row .btn-edit .fa-trash, .model-mapping-popup .btn-row .btn-delete .fa-trash { font-size: 18px; } .add-mapping-popup .modal-dialog { width: 450px; } .add-mapping-popup .modal-dialog .form-group label { font-weight: normal; } .add-mapping-popup .modal-dialog .form-group .form-control { width: 80%; } .output-invoice-edit-wrapper { height: 100% !important; padding-top: 0px !important; position: relative; font-size: 13px; } .output-invoice-edit-wrapper .print-row { text-align: right; padding-right: 1em; margin-top: 0.5em; } .output-invoice-edit-wrapper .print-row .print { background-color: #B4122A; margin: 0 10px; } .output-invoice-edit-wrapper .search-btn { background-color: #B4122A; } .output-invoice-edit-wrapper .header-title { padding: 10px 20px; } .output-invoice-edit-wrapper .header-title .title-name { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; color: #a22; } .output-invoice-edit-wrapper .borderless td, .output-invoice-edit-wrapper .borderless th { border: none; } .output-invoice-edit-wrapper .custom-control { width: 120px !important; height: 25px; line-height: 25px; } .output-invoice-edit-wrapper .btn-search { width: 120px !important; } .output-invoice-edit-wrapper .edit-content-container { height: calc(100% - 40px); position: relative; } .output-invoice-edit-wrapper .edit-content-container .body .buttom-row { padding: 0 20px 0 20px; display: inline-block; width: 100%; } .output-invoice-edit-wrapper .edit-content-container .body .buttom-row .left-side { display: inline-block; /*padding-left:5px;*/ } .output-invoice-edit-wrapper .edit-content-container .body .buttom-row .left-side .select-title { margin-left: 20px; } .output-invoice-edit-wrapper .edit-content-container .body .buttom-row .left-side .select-number { padding: 0 1px; color: red; } .output-invoice-edit-wrapper .edit-content-container .body .buttom-row .right-side { float: right; display: inline-block; /*padding-right:5px;*/ } .output-invoice-edit-wrapper .edit-content-container .body .buttom-row .right-side .btn { margin-left: 20px; } .output-invoice-edit-wrapper .edit-content-container .body .edit-grid-container { margin-top: -41px; z-index: 1; padding: 0px 20px; /*height: 350px;*/ /*height:100%;*/ } .output-invoice-edit-wrapper .edit-content-container .body .edit-grid-container #invoiceGridContainer { max-height: 100%; } .output-invoice-edit-wrapper .edit-content-container .body .edit-grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .output-invoice-edit-wrapper .edit-content-container .body .edit-grid-container .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 0px !important; } .output-invoice-edit-wrapper .edit-content-container .body .edit-grid-container .internal-grid-container { padding: 10px 10px 10px 0; } .output-invoice-edit-wrapper .edit-content-container .body .edit-grid-container .internal-grid-container > div:first-child { padding: 0 0 5px 10px; font-size: 13px; /*font-weight: bold;*/ } .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .print-invoice-list-modal .task { width: 100%; height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 1px solid #F2F2F2; } .print-invoice-list-modal .task > span:first-child { margin-left: 20px; width: auto; float: left; } .print-invoice-list-modal .task > span { float: right; margin-right: 20px; width: 80px; height: 39px; line-height: 39px; vertical-align: middle; align-content: center; } .print-invoice-list-modal .task .text-view { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .print-invoice-list-modal .load { width: 4em; height: 2em; } .print-invoice-list-modal .load > span { background-color: #a32020; width: 0.5em; height: 2em; display: inline-block; transform: scaleY(0.125); animation: stretchdelay 1.5s linear infinite; } .print-invoice-list-modal .load .rect2 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .print-invoice-list-modal .load .rect3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .print-invoice-list-modal .load .rect4 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .print-invoice-list-modal .load .rect5 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; } @keyframes stretchdelay { 20% { transform: scaleY(1); -webkit-transform: scaleY(1); background-color: #eb8c00; } 0%, 40%, 100% { transform: scaleY(0.125); -webkit-transform: scaleY(0.125); } } .fapiao-Issuing-Confirm .select-width { width: 360px; margin: 10px 0; } /*弹出框*/ .modal-header { background-color: #eee; border-bottom: 1px solid #e5e5e5; } .modal-selectEntityDisk { width: 500px; } #output-reconciliation-overview-container { line-height: 35px; } #output-reconciliation-overview-container .page-container { margin: 2px 20px; } #output-reconciliation-overview-container .page-search-container .search-title { color: #b4122a; font-weight: bold; } #output-reconciliation-overview-container .page-search-container .hide-search-btn { cursor: pointer; margin-left: 30px; } #output-reconciliation-overview-container .page-search-container .search-form-body { border: 1px solid #ccc; border-radius: 4px; margin-left: 0; line-height: 35px; } #output-reconciliation-overview-container .page-search-container .search-form-body .search-field { margin: 15px 0; } #output-reconciliation-overview-container .page-search-container .search-form-body tr td { padding: 8px; } #output-reconciliation-overview-container .page-search-container .btn { height: 28px; } #output-reconciliation-overview-container .page-search-container .btn-primary { color: #fff; background-color: #b4122a; float: right; width: 100px; } #output-reconciliation-overview-container .income-ax-report-container .income-ax-report-title { display: inline-block; color: #a44; font-weight: bold; font-size: 14px; position: relative; z-index: 1; } #output-reconciliation-overview-container .income-ax-report-container .income-ax-report-grid { margin-top: -30px; } #output-reconciliation-overview-container .income-ax-report-container .dx-header-row { background-color: #eee; color: black; vertical-align: middle; } #output-reconciliation-overview-container .tax-fapiao-container .tax-fapiao-title { display: inline-block; color: #a44; font-weight: bold; font-size: 14px; position: relative; z-index: 1; } #output-reconciliation-overview-container .tax-fapiao-container .tax-fapiao-grid { margin-top: -30px; } #output-reconciliation-overview-container .tax-fapiao-container .dx-header-row { background-color: #eee; color: black; vertical-align: middle; } .modal-output-reconciliation-configuration-edit { width: 1100px; } .modal-output-reconciliation-configuration-edit .modal-title { font-weight: bold; } .modal-output-reconciliation-configuration-edit .red-color { color: red; font-weight: bold; font-size: 18px; margin: 0 1em; vertical-align: middle; } .modal-output-reconciliation-configuration-edit .right-align { text-align: right; padding-right: 2em; } .modal-output-reconciliation-configuration-edit .modal-body { padding: 1em 3em; } .modal-output-reconciliation-configuration-edit td { padding: 5px; } .modal-output-reconciliation-configuration-edit td span { line-height: 18px; } .modal-output-reconciliation-configuration-edit .first-column { padding-left: 1.5em; } .modal-output-reconciliation-configuration-edit .last-column { padding-right: 1.5em; } .modal-output-reconciliation-configuration-edit .full-width { width: 100%; } .modal-output-reconciliation-configuration-edit .row-div { width: 100%; } .modal-output-reconciliation-configuration-edit .row-div table { width: 100%; } .modal-output-reconciliation-configuration-edit .radio-inline > div { display: inline-block; } .modal-output-reconciliation-configuration-edit .radius-row { background-color: #E4E4E4; border-radius: 26px; font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 16px; color: #666666; text-align: left; width: 100%; padding: 0 0 0 8px; } .modal-output-reconciliation-configuration-edit input[type="radio"], .modal-output-reconciliation-configuration-edit input[type="checkbox"] { margin: 2px 0 0 -20px; } .modal-output-reconciliation-configuration-edit .span-pencil { position: absolute; z-index: 99; font-size: 18px; bottom: .5em; left: 16em; } .modal-output-reconciliation-configuration-edit .middle-radio { margin-top: 13px!important; } .modal-output-reconciliation-configuration-edit .add-keyword { display: inline-block; padding: 6px 1em 6px 0; cursor: pointer; } .modal-output-reconciliation-configuration-edit .add-keyword i { color: #DC6700; margin-right: 0.5em; font-size: 15px; } .modal-output-reconciliation-configuration-edit .item-keyword { display: inline-block; margin-right: 0.5em; vertical-align: bottom; position: relative; } .modal-output-reconciliation-configuration-edit .item-keyword .dx-widget { width: 120px; display: inline-block; } .modal-output-reconciliation-configuration-edit .item-keyword .dx-widget .dx-texteditor-input { display: inline-block; } .modal-output-reconciliation-configuration-edit .item-keyword .delete-keywordi { position: absolute; right: -6px; top: -6px; font-size: 15px; cursor: pointer; } .modal-output-reconciliation-configuration-edit .modal-header { background-color: #eee; border-bottom: 1px solid #e5e5e5; } .modal-entity-size { width: 480px; } .dx-checkbox-checked .dx-checkbox-icon { color: #f16100; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { background-color: #f16100; } .output-reconciliation-configuration-page { padding: 20px; height: 100%; } .output-reconciliation-configuration-page .btn { height: 28px; } .output-reconciliation-configuration-page .menu-header { background-color: white; height: 30px; } .output-reconciliation-configuration-page .menu-header .menu-title { width: 400px; display: inline-block; float: left; color: #a22; font-weight: bold; } .output-reconciliation-configuration-page .menu-header .menu-dropdown-title { width: 200px; height: 40px; padding: 18px 0 0 30px; font-size: medium; display: inline-block; float: left; } .output-reconciliation-configuration-page .menu-header .menu-dropdown { display: inline-block; margin-top: 13px; } .output-reconciliation-configuration-page .menu-header .menu-dropdown .dropdown .btn-default { width: 150px; border-radius: 27px; height: 33px; background-color: #dc6900; color: white; } .output-reconciliation-configuration-page .menu-header .menu-dropdown .dropdown .btn-default:hover { background-color: #eb8c00; } .output-reconciliation-configuration-page .menu-header .menu-log { padding-left: 20px; display: inline-block; float: right; } .output-reconciliation-configuration-page .content-container { height: calc(100% - (55px + 5px + 15px)); margin-top: 5px; margin-bottom: 15px; } .output-reconciliation-configuration-page .content-container #reconciliationGrid { height: 100%; } .output-reconciliation-configuration-page .sortRow { cursor: pointer; } .output-reconciliation-configuration-page .modal-title { color: #CCC; font-weight: bold; } .output-reconciliation-configuration-page .btn-tesla-primary[disabled] { background-color: #868686; } .output-reconciliation-entities .add-keyword { display: inline-block; padding: 6px 1em 6px 0; cursor: pointer; } .output-reconciliation-entities .add-keyword i { color: #DC6700; margin-right: 0.5em; font-size: 15px; } .output-reconciliation-entities .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .output-reconciliation-entities .item-keyword { display: inline-block; margin-right: 20px; vertical-align: bottom; position: relative; margin-bottom: 2px; width: 30%; white-space: nowrap; } .output-reconciliation-entities .item-keyword .dx-widget { width: calc(100% - 2px); display: inline-block; } .output-reconciliation-entities .item-keyword .dx-widget .dx-texteditor-input { display: inline-block; } .output-reconciliation-entities .item-keyword .delete-keywordi { position: absolute; right: -6px; top: -6px; font-size: 15px; cursor: pointer; background-color: white; } .output-reconciliation-entities .item-keyword .read-keyword { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; display: inline-block; padding: 6px 12px; background-color: #E4E4E4; width: calc(100% - 2px); } .output-reconciliation-entities .item-keyword .suffix { display: inline-block; padding: 6px 0px; vertical-align: text-bottom; } .output-reconciliation-keywords .add-keyword { display: inline-block; padding: 6px 1em 6px 0; cursor: pointer; } .output-reconciliation-keywords .add-keyword i { color: #DC6700; margin-right: 0.5em; font-size: 15px; } .output-reconciliation-keywords .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .output-reconciliation-keywords .item-keyword { display: inline-block; margin-right: 0.5em; vertical-align: bottom; position: relative; } .output-reconciliation-keywords .item-keyword .dx-widget { width: 120px; display: inline-block; } .output-reconciliation-keywords .item-keyword .dx-widget .dx-texteditor-input { display: inline-block; } .output-reconciliation-keywords .item-keyword .delete-keywordi { position: absolute; right: -6px; top: -6px; font-size: 15px; cursor: pointer; background-color: white; } .output-reconciliation-keywords .item-keyword .read-keyword { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; display: inline-block; padding: 6px 6px; background-color: #E4E4E4; max-width: 120px; } .output-reconciliation-keywords .item-keyword .prefix { display: inline-block; padding: 6px 0px; vertical-align: text-bottom; } .common-style-page { font-size: 13px; margin: 20px; } .common-style-page .common-margin { margin-top: 15px; margin-bottom: 15px; } .common-style-page .header-title { font-weight: bold; font-size: 18px; color: #80031A; padding: 0px; margin-top: 15px; margin-bottom: 15px; } .common-style-page .query-panel { border: 1px solid #dcdcdc; border-radius: 5px 5px; } .common-style-page .query-panel table tr td { padding: 8px; max-width: 235px; } .common-style-page .query-panel .query-table { width: 100%; } .common-style-page .query-panel .query-table .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0; } .common-style-page .query-panel .query-table .tag-container, .common-style-page .query-panel .query-table .input-field { display: inline-block; vertical-align: middle; } .common-style-page .query-panel .query-table .tag-container { padding-left: 5px; } .common-style-page .action-row { margin-top: 15px; margin-bottom: 15px; z-index: 100; position: relative; margin-right: 35px; } .common-style-page .action-row .prompt-line { padding: 5px; background-color: #FBF4F5; margin-right: 270px; display: inline-block; width: 50%; margin-top: 15px; margin-bottom: 15px; } .common-style-page .action-row .prompt-line .emphasize { font-weight: bold; margin-right: 20px; } .common-style-page .action-row .right-button { display: inline-block; position: absolute; top: 18px; right: 20px; } .common-style-page .action-row button { margin-right: 15px; } .common-style-page .grid-container { margin-top: -60px; } .common-style-page .grid-container .view-detail { color: #80031A; } .common-style-page .grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .special-vat-page { font-size: 13px; margin: 20px; } .special-vat-page .common-margin { margin-top: 15px; margin-bottom: 15px; } .special-vat-page .header-title { font-weight: bold; font-size: 18px; color: #80031A; padding: 0px; margin-top: 15px; margin-bottom: 15px; } .special-vat-page .query-panel { border: 1px solid #dcdcdc; border-radius: 5px 5px; } .special-vat-page .query-panel table tr td { padding: 8px; max-width: 235px; } .special-vat-page .query-panel .query-table { width: 100%; } .special-vat-page .query-panel .query-table .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0; } .special-vat-page .query-panel .query-table .tag-container, .special-vat-page .query-panel .query-table .input-field { display: inline-block; vertical-align: middle; } .special-vat-page .query-panel .query-table .tag-container { padding-left: 5px; } .special-vat-page .action-row { margin-top: 15px; margin-bottom: 15px; z-index: 100; position: relative; margin-right: 35px; } .special-vat-page .action-row .prompt-line { padding: 5px; background-color: #FBF4F5; margin-right: 270px; display: inline-block; width: 50%; margin-top: 15px; margin-bottom: 15px; } .special-vat-page .action-row .prompt-line .emphasize { font-weight: bold; margin-right: 20px; } .special-vat-page .action-row .right-button { display: inline-block; position: absolute; top: 18px; right: 20px; } .special-vat-page .action-row button { margin-right: 15px; } .special-vat-page .grid-container { margin-top: -60px; } .special-vat-page .grid-container .view-detail { color: #80031A; } .special-vat-page .grid-container .dx-header-row { background-color: #eee; color: black; height: 35px; line-height: 35px; vertical-align: middle; } .tax-control-disk { height: 100%; padding: 20px; } .tax-control-disk .btn-secondary { height: 28px; } .tax-control-disk .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .tax-control-disk .wd120 { max-width: 120px; display: inline-block; white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .tax-control-disk .right-icon { font-size: 14px; color: green; } .tax-control-disk .error-icon { font-size: 14px; color: red; } .tax-control-disk .menu-header { background-color: white; height: 30px; } .tax-control-disk .menu-header .menu-title { width: 400px; display: inline-block; float: left; color: #a22; font-weight: bold; } .tax-control-disk .content-container { height: calc(100% - (55px + 5px + 15px)); margin-top: 5px; margin-bottom: 15px; } .tax-control-disk .content-container #taxControlDiskGridID { height: 100%; } .modal-edit-taxcontrol { width: 400px; } .modal-edit-taxcontrol .edit-tax-control td { padding: 4px 16px 4px 0; } .modal-edit-taxcontrol .edit-tax-control .right-align { text-align: right; } #upload-file-modal-wrapper .modal-body .row { margin-bottom: 20px; } #upload-file-modal-wrapper .modal-body .btn-default { background-color: #aaa; color: #fff; border: 0; } #upload-file-modal-wrapper .modal-body .file-container { height: 200px; overflow-y: auto; border: #ccc 1px solid; border-radius: 4px; width: 100%; color: #777; line-height: 27px; } #upload-file-modal-wrapper .modal-body .file-container .file-line { display: inline-block; width: 100%; /*.file-name { color: #44b; cursor: pointer; }*/ } #upload-file-modal-wrapper .modal-body .file-container .file-line .delete-file { color: #f44; cursor: pointer; text-align: right; } #upload-file-modal-wrapper .modal-footer .btn { height: 28px; } #upload-file-modal-wrapper .modal-footer .btn-first { color: #fff; background-color: #a22; width: 100px; margin-left: 30px; } #upload-file-modal-wrapper .modal-footer .btn-second { color: #fff; background-color: #999; width: 100px; margin-left: 30px; } .vat-preview-product-item { background-color: white; height: 100%; /*******************************************/ /*Filter Criteria tags:*/ /*Filter Criteria tags:*/ /*******************************************/ } .vat-preview-product-item .top-area-wrapper { height: 60px; width: 98%; margin: 0 20px; } .vat-preview-product-item .top-area-wrapper .filter-button { width: 30px; margin-top: 16px; } .vat-preview-product-item .top-area-wrapper .operation-wrapper { margin: 15px 25px 10px 10px; } .vat-preview-product-item .top-area-wrapper .operation-wrapper span { cursor: pointer; } .vat-preview-product-item .filter-popup-wrapper { display: none; } .vat-preview-product-item .margin-left20 { margin-left: 20px; } .vat-preview-product-item .tag { font-size: 12px; padding: .3em .4em .4em; margin: 0 .1em; } .vat-preview-product-item .tag a { color: #bbb; cursor: pointer; opacity: 0.6; margin: 0 0 0 .3em; } .vat-preview-product-item .tag a:hover { opacity: 1.0; } .vat-preview-product-item .tag a .glyphicon-white { color: #fff; margin-bottom: 2px; } .vat-preview-product-item .tag .remove { vertical-align: bottom; top: 0; } .vat-preview-product-item .main-area { height: 100%; margin: 0 20px; } .vat-preview-product-item .main-area .watermark { position: absolute; top: 50%; transform: translateY(-50%); opacity: .25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } .vat-preview-product-item .main-area .inputInvoiceGrid { width: 100%; height: calc(100% - 158px); } .vat-preview-product-item .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .vat-preview-product-item .input-width-middle { width: 217px; } .popover { min-width: 370px; left: 119px !important; } .popover .arrow { left: 5% !important; } .popover-content td { text-align: right; padding: 6px; } .popover-content td span { float: left; } .popover-content .form-control { display: inline-block; } .popover-content .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .popover-content .input-width-small { width: 100px; } .popover-content .input-width-middle { width: 217px; } /* 1 define color */ /*white*/ /*gray*/ /*gray*/ /*gray tr even background-color*/ /*gray*/ /*orange:business-unit tr selected*/ /* org view ui color deep*/ /* org view ui color light*/ /* 红色系列 */ /* 橙色系列 PWC标准色 */ .highlight-tag { color: #ed6e3c !important; } .no-permission { cursor: not-allowed; color: #333333; } .no-permission a { cursor: not-allowed; color: #333333; text-decoration: none; } .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } /*dx 控件颜色设置*/ .dx-treeview .dx-treeview-node:not(dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item { background-color: #f16100 !important; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item { background-color: #f16100 !important; color: #fff; } .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flex-wrap-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .flex-basis-p0 { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .flex-basis-p100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .flex-0-0-auto { flex: 0 0 auto; } .flex-0-1-auto { flex: 0 1 auto; } .flex-1-0-auto { flex: 1 0 auto; } .flex-1-1-auto { flex: 1 1 auto; } .justify-content-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-row-start-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-row-start-stretch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-row-center-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-row-center-stretch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-row-end-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-row-end-stretch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-column-start-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-column-start-start { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flex-column-start-stretch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .dx-datagrid-empty-rows-view { min-height: 100px; } .dx-datagrid-1em-min-height { min-height: 1em; } .is-number { font-family: Arial, 'Times New Roman', SimHei, serif; } .wrapper { width: 100%; } @media (max-width: 768px) { .navbar-fixed-top { position: relative; } .sidebar-toggler { display: none; } } .main-content .modal-footer { text-align: left; height: 80px; line-height: 80px; padding: 0; } .main-content .modal-body label { font-weight: normal; } .main-content .modal-header { text-align: left; height: 60px; line-height: 60px; } .navbar-header { float: none; } .navbar-top-links { margin-right: 0; } .navbar-top-links li { display: inline-block; } .navbar-top-links li :last-child { margin-right: 15px; } .navbar-top-links li a { padding: 15px; min-height: 50px; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } /* * Side menu toggler */ .menu-toggler { display: block; float: left; } .menu-toggler .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; } /* * Sidebar */ #sidebar-area .nav > li.active { background-color: rgba(238, 238, 238, 0.38) !important; } .sidebar a { /* color: #CACACA; */ z-index: 1000; } .sidebar .nav-second-level, .sidebar .nav-second-level .nav-third-level { /*background-color: #f8f8f8;*/ } /* * Sidebar-closed */ @media (min-width: 768px) { body.sidebar-closed .wrapper .sidebar { width: 45px; } body.sidebar-closed .wrapper #sidebar li.sidebar-search:hover .custom-search-form { display: table; } body.sidebar-closed .wrapper #sidebar li.sidebar-search:hover .search-icon { display: none; } body.sidebar-closed .wrapper #sidebar .sidebar-search .custom-search-form { display: none; } body.sidebar-closed .wrapper #sidebar .sidebar-search .search-icon { display: table; padding-top: 8px; } } @media (min-width: 768px) { .sidebar { z-index: 1; width: 250px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .nav > li > a { color: white !important; height: 55px; } .login-user { /*background-image:url(../../app-resources/images/login-user.png); background-repeat:no-repeat; -moz-background-size:100% 100%; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; background-size:100% 100%;*/ /*background-color: #ff4d00;*/ height: 146px; padding-top: 2px; } .sidebar-closed .login-user { /*background-image:url(../../app-resources/images/login-user-copy.png); background-repeat:no-repeat; -moz-background-size:100% 100%; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; background-size:100% 100%;*/ /*background-color: #ff4d00;*/ height: 146px; } .sidebar-nav { font-family: 'Microsoft YaHei Regular', 'Microsoft YaHei', serif; font-weight: 400; font-style: normal; font-size: 15px; color: #FFFFFF; text-align: left; } .sidebar-nav .login-user-below { /*background: linear-gradient(to bottom, #ff4d00, #e91e1e);*/ min-height: 594px; /*background-image:url(../../app-resources/images/login-user-below.png); background-repeat:no-repeat; -moz-background-size:100% 100%; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; background-size:255px 100%; */ } .sidebar-nav .login-user-below .ps-scrollbar-y-rail { z-index: 9999; background-color: transparent !important; } .sidebar-nav .login-user-below .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: #ffffff !important; } .sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; } .sidebar .sidebar-search { padding: 15px; } .sidebar .arrow { float: right; } .sidebar .fa.arrow:before { content: "\f105"; } .sidebar .active > a > .fa.arrow:before { content: "\f107"; } .sidebar a .fa.active-arrow:before { content: "\f107"; } .sidebar .nav-third-level li a { padding-left: 52px; } @media (min-width: 768px) { .sidebar { z-index: 1; width: 250px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } .chat li .chat-body p { margin: 0; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .login-panel { margin-top: 25%; } .flot-chart { display: block; height: 400px; } .flot-chart-content { width: 100%; height: 100%; } .dataTables_wrapper { position: relative; clear: both; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: 0 0; } table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: "fontawesome", serif; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: "fontawesome", serif; } table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: "fontawesome", serif; color: rgba(50, 50, 50, 0.5); } .show-grid { margin: 15px 0; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #efe9e9 !important; } .huge { font-size: 40px; } .panel-green { border-color: #5cb85c; } .panel-green .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; } .panel-green a { color: #5cb85c; } .panel-green a :hover { color: #3d8b3d; } .panel-red { border-color: #d9534f; } .panel-red .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; } .panel-red a { color: #d9534f; } .panel-red a :hover { color: #b52b27; } .panel-yellow { border-color: #f0ad4e; } .panel-yellow .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; } .panel-yellow a { color: #f0ad4e; } .panel-yellow a :hover { color: #df8a13; } footer.main-footer { padding: 10px 0 10px 10px; height: 50px; border-top: 1px solid #dddddd; font-size: 12px; margin-left: -30px; margin-right: -30px; margin-top: 0; background-color: #f5f4f0; display: block; } footer.main-footer .footer-text { display: inline-block; margin-top: 7px; float: left; } footer.main-footer .go-up { float: right; margin-top: 0; margin-right: 30px; display: none; /* need height judgement feature*/ } .text-bold { font-weight: 600 !important; } .chart { height: 220px; } /* 统一样式 */ html, body, .admin-wrapper { height: 100%; padding: 0; margin: 0; } .admin-wrapper .navbar-default { background-color: transparent; border-color: transparent !important; } .admin-wrapper .navbar { height: 100%; position: fixed; top: 0; left: 0; } .admin-wrapper .navbar .sidebar { height: 100%; } .admin-wrapper .navbar .sidebar .nav-left { width: 250px; height: 60px; background-color: #D04A02 !important; } .admin-wrapper .navbar .sidebar .sidebar-nav, .admin-wrapper .navbar .sidebar .sidebar-nav .login-user-below { height: 100%; } .admin-wrapper .page-wrapper { margin-left: 250px; background-color: white; height: 100%; } .admin-wrapper .page-wrapper .main-content { height: 100%; } .admin-wrapper .page-wrapper .main-content > * { height: 100%; /*background-color: @bgcolor-common;*/ } .admin-wrapper .page-wrapper .main-content > * .menu-header { background-color: white; height: 55px; } .admin-wrapper .page-wrapper .main-content > * .menu-header .menu-title { width: 200px; height: 40px; padding: 18px 0 0 30px; font-size: medium; display: inline-block; float: left; } .admin-wrapper .page-wrapper .main-content > * .menu-header .menu-dropdown-title { width: 200px; height: 40px; padding: 18px 0 0 30px; font-size: medium; display: inline-block; float: left; } .admin-wrapper .page-wrapper .main-content > * .menu-header .menu-dropdown { display: inline-block; margin-top: 13px; } .admin-wrapper .page-wrapper .main-content > * .menu-header .menu-dropdown .dropdown .btn-default { width: 150px; border-radius: 27px; height: 33px; background-color: #dc6900; color: white; } .admin-wrapper .page-wrapper .main-content > * .menu-header .menu-dropdown .dropdown .btn-default:hover { background-color: #eb8c00; } .admin-wrapper .page-wrapper .main-content > * .menu-header .menu-log { padding-left: 20px; padding-top: 10px; display: inline-block; float: right; margin-right: 15px; } .admin-wrapper .page-wrapper .main-content > * .content-container { height: calc(100% - (55px + 5px + 15px)); margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 15px; } .admin-wrapper .page-sidebar-minified { margin-left: 70px; } .hyper-link { cursor: pointer; color: #6699cc; } .vat-preview-account-voucher { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: white; height: 100%; overflow-x: auto; white-space: nowrap; position: relative; /* 功能性菜单按钮效果 */ } .vat-preview-account-voucher .func-elem { cursor: pointer; } .vat-preview-account-voucher .func-elem:hover { background-color: #f2f2f2; } .vat-preview-account-voucher > div { width: 100%; } .vat-preview-account-voucher .menu { font-family: 'Microsoft YaHei'; font-weight: 400; font-style: normal; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-negative: 0; flex-shrink: 0; } .vat-preview-account-voucher .menu div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vat-preview-account-voucher .menu div > span:first-child.fa { font-size: 1.3em; margin: 10px 10px 10px 5px; } .vat-preview-account-voucher .menu > div { border-right: solid #e4e4e4 1px; padding-left: 20px; padding-right: 20px; } .vat-preview-account-voucher .menu .display-mode .mode { padding-left: 15px; padding-right: 15px; margin-left: 10px; height: 32px; /*显示方式选项在选中和获取焦点时的样式*/ cursor: pointer; } .vat-preview-account-voucher .menu .display-mode .mode:hover { background-color: #f2f2f2; } .vat-preview-account-voucher .menu .display-mode .mode.selected, .vat-preview-account-voucher .menu .display-mode .mode:hover { border-radius: 16px; background-color: #f2f2f2; } .vat-preview-account-voucher .menu .filter-menu { align-items: stretch; padding-right: 0px; } .vat-preview-account-voucher .menu .filter-menu div { padding-left: 10px; padding-right: 10px; } .vat-preview-account-voucher .menu .filter-menu > div:not(:first-child) { cursor: pointer; } .vat-preview-account-voucher .menu .filter-menu > div:not(:first-child):hover { background-color: #f2f2f2; } .vat-preview-account-voucher .menu .filter-menu ~ div:hover { background-color: #f2f2f2; } .vat-preview-account-voucher .menu [uib-dropdown] { cursor: pointer; } .vat-preview-account-voucher .menu [uib-dropdown]:hover { background-color: #f2f2f2; } .vat-preview-account-voucher .menu [uib-dropdown] ul { margin: 0; padding: 0; } .vat-preview-account-voucher .menu [uib-dropdown] ul li { padding: 5px; cursor: pointer; } .vat-preview-account-voucher .menu [uib-dropdown] ul li:hover { background-color: #f2f2f2; } .vat-preview-account-voucher .menu span.fa { color: #6b6b6b; } .vat-preview-account-voucher .menu span.fa.fa-angle-down { font-size: 1.1em; margin: 5px; } .vat-preview-account-voucher .filter-info { -ms-flex-negative: 0; flex-shrink: 0; background-color: #f2f2f2; border: solid #e4e4e4 1px; font-family: 'Microsoft YaHei'; font-style: normal; text-align: left; padding: 13px 15px 13px 20px; box-sizing: border-box; } .vat-preview-account-voucher .filter-info span:nth-child(1) { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular'; font-weight: 700; font-size: 15px; display: block; } .vat-preview-account-voucher .filter-info span:nth-child(2) { font-weight: 400; color: #666666; font-size: 13px; margin-top: 7px; display: block; white-space: normal; } .vat-preview-account-voucher .data-summary { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 5px; } .vat-preview-account-voucher .data-summary > div { display: inline-block; margin: 15px; } .vat-preview-account-voucher .data-summary > div > div { border-radius: 12px; padding-left: 10px; padding-right: 10px; margin-left: 5px; display: inline-block; } .vat-preview-account-voucher .data-summary > div > div.red { background-color: #e0301e; } .vat-preview-account-voucher .data-summary > div > div.darkred { background-color: darkred; } .vat-preview-account-voucher .data-summary > div > div span { font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 12px; color: white; } .vat-preview-account-voucher .filter-dialog { width: 540px; margin: 0px; border: 1px solid #c7c8ca; box-shadow: 2px 2px 8px #999999; z-index: 99; position: absolute; top: 56px; left: 0px; background-color: white; } .vat-preview-account-voucher .filter-dialog .header { padding: 15px 35px 15px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vat-preview-account-voucher .filter-dialog .header div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vat-preview-account-voucher .filter-dialog .header > div { width: 180px; margin-left: 5px; margin-right: 5px; } .vat-preview-account-voucher .filter-dialog .header input { margin: 0px; } .vat-preview-account-voucher .filter-dialog .header span { margin: 0px 25px 0px 5px; } .vat-preview-account-voucher .filter-dialog .header > span { margin: 0px; } .vat-preview-account-voucher .filter-dialog .body { max-height: calc(80vh - 200px); overflow-y: auto; border-top: solid #c9c9c9 1px; border-bottom: solid #c9c9c9 1px; padding-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .vat-preview-account-voucher .filter-dialog .body .field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin: 5px 0; } .vat-preview-account-voucher .filter-dialog .body .field .field-name { margin: 0 5px; } .vat-preview-account-voucher .filter-dialog .body .field .field-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 370px; max-width: 370px; min-width: 370px; } .vat-preview-account-voucher .filter-dialog .body .field .field-input .selector { width: 100% !important; text-align: left; } .vat-preview-account-voucher .filter-dialog .body .field .field-input > *:first-child, .vat-preview-account-voucher .filter-dialog .body .field .field-input > *:last-child { width: calc(50% - 5px); } .vat-preview-account-voucher .filter-dialog .body .field .field-input .spliter { min-width: 10px; max-width: 10px; margin: 0; text-align: center; } .vat-preview-account-voucher .filter-dialog .body .ui-select-choices-row:hover { background-color: lightgray; } .vat-preview-account-voucher .filter-dialog .body .ui-select-has-border .select2-results li li:first-child { background-color: transparent; } .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget { border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget.dx-state-disabled { opacity: 1; } .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget.dx-state-active, .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget.dx-state-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget .display-flex.dx-dropdowneditor-icon::before, .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget .display-flex.dx-dropdowneditor-icon::after { content: initial; } .vat-preview-account-voucher .filter-dialog .body .dx-texteditor.dx-widget input[disabled] { background-color: #eeeeee; opacity: 1; cursor: not-allowed !important; } .vat-preview-account-voucher .filter-dialog .footer { padding: 20px 50px 20px 50px; } .vat-preview-account-voucher.autocomplete-template { margin-bottom: -4px; border-bottom: 1px solid #ccc; background-color: white; color: black; } .vat-preview-account-voucher.autocomplete-template:hover { background-color: lightgrey; } .vat-preview-account-voucher.autocomplete-template.dx-list-item-content:before { content: none; } .vat-preview-account-voucher.autocomplete-template > span { width: 100%; line-height: 1.3; } .vat-preview-account-voucher-accountmapping { max-height: 350px; } .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; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /*content: "\c350";*/ } .dx-datagrid-group-opened: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; /* opacity: .8; */ font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; /*content: "\c351";*/ } #mainAreaDiv { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*.justify-content-flex-end;*/ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #mainAreaDiv #gridContainer { border: solid 1px #ddd; margin: 0 20px 0 0; overflow-y: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #mainAreaDiv #gridContainer .dx-header-row .dx-datagrid-text-content { max-width: none; } #mainAreaDiv #gridContainer .dx-header-row .dx-datagrid-action { cursor: default; } #mainAreaDiv #gridContainer .dx-column-indicators .dx-sort { display: none; } #mainAreaDiv .pagination-container { -ms-flex-negative: 0; flex-shrink: 0; margin: 10px 20px 10px 0; } #mainAreaDiv .pagination-container .common-pagination { margin: 0; } .filter-ivh-treeview { /*科目代码为第一列需要自动填充剩余空间*/ /*科目名称*/ /*借贷方向*/ } .filter-ivh-treeview .account-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-ivh-treeview .account-code span:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .filter-ivh-treeview .accountName { width: 150px; } .filter-ivh-treeview .debitOrCredit { width: 100px; } .filter-ivh-treeview #modal-body { max-height: calc(100vh - 200px); overflow-y: auto; } .filter-ivh-treeview .ivh-treeview-node-content { margin: 3px 0px 3px 0px; } .filter-ivh-treeview .ivh-treeview-node-content > div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-ivh-treeview .ivh-treeview-node-content > div:first-child > div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /*树节点的展开图标需要45°旋转,与折叠效果区分开来*/ } .filter-ivh-treeview .ivh-treeview-node-content > div:first-child > div .ivh-treeview-twistie-expanded > span { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .dx-datebox-wrapper-date.dx-datebox-wrapper-calendar .dx-widget.dx-calendar { margin: 5px; } .vat-preview-voucher-singular-voucher .modal-dialog { width: 880px; } .vat-preview-voucher-singular-voucher .modal-dialog .modal-header .modal-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; } .vat-preview-voucher-singular-voucher .modal-dialog .modal-body { padding-top: 0; } .vat-preview-voucher-singular-voucher .modal-dialog .modal-body .filter-info { margin: 10px 0; } .vat-preview-voucher-singular-voucher .modal-dialog .modal-body .filter-info, .vat-preview-voucher-singular-voucher .modal-dialog .modal-body .filter-info .field { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .vat-preview-voucher-singular-voucher .modal-dialog .modal-body .filter-info .field { margin-right: 20px; } .vat-preview-balanceSheet { background-color: white; height: 100%; overflow-x: auto; white-space: nowrap; /*.ui-grid-cell-contents { line-height: 1.9; }*/ /*.ui-grid-contents-wrapper .ui-grid-render-container i { padding-top: 10px !important; }*/ /*******************************************/ /*Filter Criteria tags:*/ /*Filter Criteria tags:*/ /*******************************************/ } .vat-preview-balanceSheet .leftFilter { padding-left: 5px; padding-top: 10px; height: 60px; } .vat-preview-balanceSheet .leftFilter .filter-button { width: 30px; } .vat-preview-balanceSheet .margin-right5 { margin-right: 5px; } .vat-preview-balanceSheet .margin-right10 { margin-right: 10px; } .vat-preview-balanceSheet .margin-right30 { margin-right: 30px; } .vat-preview-balanceSheet .margin-right50 { margin-right: 50px; } .vat-preview-balanceSheet .margin-left20 { margin-left: 20px; } .vat-preview-balanceSheet .mainArea { padding-left: 20px; } .vat-preview-balanceSheet .margin-top5 { margin-top: 5px; } .vat-preview-balanceSheet .popover { min-width: 370px; left: 119px !important; } .vat-preview-balanceSheet .popover .arrow { left: 5% !important; } .vat-preview-balanceSheet .popover-content td { text-align: right; padding: 6px; } .vat-preview-balanceSheet .popover-content td span { float: left; } .vat-preview-balanceSheet .popover-content .form-control { display: inline-block; } .vat-preview-balanceSheet .popover-content .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .vat-preview-balanceSheet .popover-content .input-width-small { width: 100px; } .vat-preview-balanceSheet .popover-content .input-width-middle { width: 217px; } .vat-preview-balanceSheet .alignRight { text-align: right; } .vat-preview-balanceSheet .alignCenter { text-align: center; } .vat-preview-balanceSheet .ui-grid-invisible { display: none; } .vat-preview-balanceSheet .text-align-left-padding { text-align: left; padding-left: 30px; } .vat-preview-balanceSheet .cursorPointer { cursor: pointer; } .vat-preview-balanceSheet .dropdownListWithNoBorder { border: 0px; background-color: transparent; } .vat-preview-balanceSheet .topHeaderLayout { background-color: #F1F1F1; border-color: #D3D3D3; font-weight: bold; } .vat-preview-balanceSheet .topLevelHeader { border-color: #D3D3D3; } .vat-preview-balanceSheet .balanceSheetGrid { width: 98%; /*1200px;*/ height: 95%; /*95%;*/ } .vat-preview-balanceSheet .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell { background-color: #F1F1F1 !important; border-right: solid thin; border-right-color: #D3D3D3; } .vat-preview-balanceSheet .dataColumn8 { border-right: none !important; } .vat-preview-balanceSheet .ui-grid-header-cell-row { clear: both; border: none !important; border-top: none !important; } .vat-preview-balanceSheet .ui-grid { border-top: none !important; } .vat-preview-balanceSheet .subjectHeader { position: absolute !important; margin-top: -10px !important; left: 0 !important; } .vat-preview-balanceSheet .ui-grid-contents-wrapper .ui-grid-header-canvas { background-color: #f1f1f1; } .vat-preview-balanceSheet .ui-grid-top-panel { height: 31px; } .vat-preview-balanceSheet .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents { padding-left: 1px; padding-right: 1px; } .vat-preview-balanceSheet .ui-grid-tree-header-row { clear: both; font-weight: normal !important; } .vat-preview-balanceSheet .watermark { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } .vat-preview-balanceSheet .tag { font-size: 12px; padding: .3em .4em .4em; margin: 0 .1em; } .vat-preview-balanceSheet .tag a { color: #bbb; cursor: pointer; opacity: 0.6; } .vat-preview-balanceSheet .tag a:hover { opacity: 1.0; } .vat-preview-balanceSheet .tag .remove { vertical-align: bottom; top: 0; } .vat-preview-balanceSheet .tag a { margin: 0 0 0 .3em; } .vat-preview-balanceSheet .tag a .glyphicon-white { color: #fff; margin-bottom: 2px; } .vat-preview-customInvoice-sheet { background-color: white; height: 100%; overflow-x: auto; white-space: nowrap; /*.ui-grid-header-cell-row { clear: both; border: none !important; border-top: none !important; } .ui-grid { border-top: none !important; }*/ /*.subjectHeader { position: absolute !important; margin-top: -10px !important; left: 0 !important; }*/ /*.ui-grid-contents-wrapper .ui-grid-render-container i { padding-top: 10px !important; }*/ /*.ui-grid-tree-header-row { clear:both; font-weight:normal !important; }*/ /*******************************************/ /*Filter Criteria tags:*/ /*Filter Criteria tags:*/ /*******************************************/ } .vat-preview-customInvoice-sheet .leftFilter { padding-left: 5px; padding-top: 10px; height: 60px; } .vat-preview-customInvoice-sheet .leftFilter .filter-button { width: 30px; } .vat-preview-customInvoice-sheet .margin-right10 { margin-right: 10px; } .vat-preview-customInvoice-sheet .margin-right30 { margin-right: 30px; } .vat-preview-customInvoice-sheet .margin-right50 { margin-right: 50px; } .vat-preview-customInvoice-sheet .margin-left20 { margin-left: 20px; } .vat-preview-customInvoice-sheet .mainArea { padding-left: 20px; } .vat-preview-customInvoice-sheet .paddingLeft { padding-left: 12px; } .vat-preview-customInvoice-sheet .popover { min-width: 370px; left: 119px !important; } .vat-preview-customInvoice-sheet .popover .arrow { left: 5% !important; } .vat-preview-customInvoice-sheet .popover-content td { text-align: right; padding: 6px; } .vat-preview-customInvoice-sheet .popover-content td span { float: left; } .vat-preview-customInvoice-sheet .popover-content .form-control { display: inline-block; } .vat-preview-customInvoice-sheet .popover-content .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .vat-preview-customInvoice-sheet .popover-content .input-width-small { width: 100px; } .vat-preview-customInvoice-sheet .popover-content .input-width-middle { width: 217px; } .vat-preview-customInvoice-sheet .alignRight { text-align: right; } .vat-preview-customInvoice-sheet .alignCenter { text-align: center; } .vat-preview-customInvoice-sheet .ui-grid-invisible { display: none; } .vat-preview-customInvoice-sheet .text-align-left-padding { text-align: left; padding-left: 30px; } .vat-preview-customInvoice-sheet .cursorPointer { cursor: pointer; } .vat-preview-customInvoice-sheet .dropdownListWithNoBorder { border: 0px; background-color: transparent; } .vat-preview-customInvoice-sheet .balanceSheetGrid { width: 1200px; height: 80%; } .vat-preview-customInvoice-sheet .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell { background-color: #F1F1F1 !important; /*border-right: solid thin;*/ /*This one create a stupid border line*/ border-right-color: #D3D3D3; } .vat-preview-customInvoice-sheet .ui-grid-contents-wrapper .ui-grid-header-canvas { background-color: #f1f1f1; } .vat-preview-customInvoice-sheet .watermark { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } .vat-preview-customInvoice-sheet .tag { font-size: 12px; padding: .3em .4em .4em; margin: 0 .1em; } .vat-preview-customInvoice-sheet .tag a { color: #bbb; cursor: pointer; opacity: 0.6; } .vat-preview-customInvoice-sheet .tag a:hover { opacity: 1.0; } .vat-preview-customInvoice-sheet .tag .remove { vertical-align: bottom; top: 0; } .vat-preview-customInvoice-sheet .tag a { margin: 0 0 0 .3em; } .vat-preview-customInvoice-sheet .tag a .glyphicon-white { color: #fff; margin-bottom: 2px; } .vat-preview-input-invoice { background-color: white; height: 100%; /*******************************************/ /*Filter Criteria tags:*/ /*Filter Criteria tags:*/ /*******************************************/ } .vat-preview-input-invoice .top-area-wrapper { height: 60px; width: 98%; margin: 0 20px; } .vat-preview-input-invoice .top-area-wrapper .filter-button { width: 30px; margin-top: 16px; } .vat-preview-input-invoice .top-area-wrapper .operation-wrapper { margin: 15px 25px 10px 10px; } .vat-preview-input-invoice .top-area-wrapper .operation-wrapper span { cursor: pointer; } .vat-preview-input-invoice .filter-popup-wrapper { display: none; } .vat-preview-input-invoice .margin-left20 { margin-left: 20px; } .vat-preview-input-invoice .tag { font-size: 12px; padding: .3em .4em .4em; margin: 0 .1em; } .vat-preview-input-invoice .tag a { color: #bbb; cursor: pointer; opacity: 0.6; margin: 0 0 0 .3em; } .vat-preview-input-invoice .tag a:hover { opacity: 1.0; } .vat-preview-input-invoice .tag a .glyphicon-white { color: #fff; margin-bottom: 2px; } .vat-preview-input-invoice .tag .remove { vertical-align: bottom; top: 0; } .vat-preview-input-invoice .main-area { height: 100%; margin: 0 20px; } .vat-preview-input-invoice .main-area .watermark { position: absolute; top: 50%; transform: translateY(-50%); opacity: .25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } .vat-preview-input-invoice .main-area .inputInvoiceGrid { width: 100%; height: calc(100% - 158px); } .vat-preview-input-invoice .main-area .inputInvoiceGrid .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-cell-contents { height: 40px; } .vat-preview-input-invoice .main-area .inputInvoiceGrid .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-cell-contents i { display: none; } .vat-preview-input-invoice .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .vat-preview-input-invoice .input-width-middle { width: 217px; } .popover { min-width: 370px; left: 119px !important; } .popover .arrow { left: 5% !important; } .popover-content td { text-align: right; padding: 6px; } .popover-content td span { float: left; } .popover-content .form-control { display: inline-block; } .popover-content .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .popover-content .input-width-small { width: 100px; } .popover-content .input-width-middle { width: 217px; } .vat-preview-output-invoice { background-color: white; height: 100%; /*******************************************/ /*Filter Criteria tags:*/ /*Filter Criteria tags:*/ /*******************************************/ } .vat-preview-output-invoice .top-area-wrapper { height: 60px; width: 98%; margin: 0 20px; } .vat-preview-output-invoice .top-area-wrapper .filter-button { width: 30px; margin-top: 16px; } .vat-preview-output-invoice .top-area-wrapper .operation-wrapper { margin: 15px 25px 10px 10px; } .vat-preview-output-invoice .top-area-wrapper .operation-wrapper span { cursor: pointer; } .vat-preview-output-invoice .filter-popup-wrapper { display: none; } .vat-preview-output-invoice .margin-left20 { margin-left: 20px; } .vat-preview-output-invoice .tag { font-size: 12px; padding: .3em .4em .4em; margin: 0 .1em; } .vat-preview-output-invoice .tag a { color: #bbb; cursor: pointer; opacity: 0.6; margin: 0 0 0 .3em; } .vat-preview-output-invoice .tag a:hover { opacity: 1.0; } .vat-preview-output-invoice .tag a .glyphicon-white { color: #fff; margin-bottom: 2px; } .vat-preview-output-invoice .tag .remove { vertical-align: bottom; top: 0; } .vat-preview-output-invoice .main-area { height: 100%; margin: 0 20px; } .vat-preview-output-invoice .main-area .watermark { position: absolute; top: 50%; transform: translateY(-50%); opacity: .25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } .vat-preview-output-invoice .main-area .outputInvoiceGrid { width: 100%; height: calc(100% - 158px); } .vat-preview-output-invoice .main-area .outputInvoiceGrid .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-cell-contents { height: 40px; } .vat-preview-output-invoice .main-area .outputInvoiceGrid .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-cell-contents i { display: none; } .vat-preview-output-invoice .form-control { display: inline-block; } .vat-preview-output-invoice .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .vat-preview-output-invoice .input-width-middle { width: 217px; } .popover { min-width: 370px; left: 119px !important; } .popover .arrow { left: 5% !important; } .popover-content td { text-align: right; padding: 6px; } .popover-content td span { float: left; } .popover-content .form-control { display: inline-block; } .popover-content .form-control:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .popover-content .input-width-small { width: 100px; } .popover-content .input-width-middle { width: 217px; } #vat-account-mapping { width: 100%; height: 100%; padding-left: 20px; } #vat-account-mapping .text-align-left-padding { text-align: left; padding-left: 10px; } #vat-account-mapping .text-align-right-padding { text-align: right; padding-right: 30px; } #vat-account-mapping .nav-wrapper .nav-header { display: inline-block; height: 35px; line-height: 35px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; } #vat-account-mapping .nav-wrapper .nav-notmapped-count { display: inline-block; height: 35px; line-height: 35px; margin-left: 20px; } #vat-account-mapping .nav-wrapper .nav-notmapped-count span { border: 0; display: inline-block; height: 20px; margin-right: 10px; width: 30px; border-radius: 50%; color: #fff; background: #e0301e; padding-top: .5px; vertical-align: middle; font-size: 12px; text-align: center; line-height: 20px; } #vat-account-mapping .content-container { height: 100%; } #vat-account-mapping .content-container ul > li > a { height: 52px; line-height: 52px; border-radius: 0px; overflow: hidden; padding: 0px 10px; min-width: 188px; text-align: center; font-size: 15px; border: 0; border-bottom: 1px solid #dadada; } #vat-account-mapping .content-container ul li.active a { color: #dc6900 !important; -webkit-box-shadow: inset 0px -3px 0px 0px #dc6900; -moz-box-shadow: inset 0px -3px 0px 0px #dc6900; box-shadow: inset 0px -3px 0px 0px #dc6900; border: 0; } #vat-account-mapping .content-container .tab-pane { background-color: #FFF; border-radius: 5px; } #vat-account-mapping .content-container .general-tab { font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; } #vat-account-mapping .content-container .general-tab a { font-family: 'Microsoft YaHei'; font-style: normal; color: #D04A02; text-decoration: none; cursor: pointer; } #vat-account-mapping .content-container .general-tab a:hover, #vat-account-mapping .content-container .general-tab a:active, #vat-account-mapping .content-container .general-tab a:visited, #vat-account-mapping .content-container .general-tab a:focus { text-decoration: none; cursor: pointer; } #vat-account-mapping .content-container .general-tab .account-set-list { margin-left: 10px; display: inline-block; } #vat-account-mapping .content-container .general-tab .account-set-list .account-set-select { width: 300px; display: inline-block; font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; color: #434343; } #vat-account-mapping .content-container .general-tab span { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; color: #434343; } #vat-account-mapping .content-container .general-tab .custom-tree-wrapper .scoreDropDownBtn { width: 300px; } #vat-account-mapping .content-container .general-tab .custom-tree-wrapper .dropdown-menu { width: 300px; } #vat-account-mapping .content-container .subject-corresponding-container { /* fix width issue under IE*/ height: 100%; } #vat-account-mapping .content-container .subject-corresponding-container .fancytree-expanded span.fancytree-expander { color: #999 !important; } #vat-account-mapping .content-container .subject-corresponding-container .tree-table tr td:first-child { width: 0px !important; } #vat-account-mapping .content-container .subject-corresponding-container .ui-grid-tree-base-row-header-buttons { font-size: 16px; color: #a1a1a1; vertical-align: middle; } #vat-account-mapping .content-container .subject-corresponding-container span.fancytree-icon { display: none !important; } #vat-account-mapping .content-container .subject-corresponding-container span.fancytree-node span.fancytree-expander:hover { color: #db6942; } #vat-account-mapping .content-container .subject-corresponding-container .fancytree-fade-expander span.fancytree-expander { transition: opacity 1.0s; opacity: 1.0; } #vat-account-mapping .content-container .subject-corresponding-container table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td { background-color: #fed5a9 !important; color: black !important; } #vat-account-mapping .content-container .subject-corresponding-container table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td, #vat-account-mapping .content-container .subject-corresponding-container table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td span.fancytree-title { color: black !important; } #vat-account-mapping .content-container .subject-corresponding-container .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; height: 100%; float: left; width: 5px !important; } #vat-account-mapping .content-container .subject-corresponding-container .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: ew-resize; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div { margin-bottom: 10px; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: left; margin-right: 10px; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .btn-wrapper .btn-vat-primary { min-width: 80px; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .btn-wrapper .btn-mapping-process-menu { background-color: white; border-radius: 5px; height: 30px; border-color: #e0301e; border-style: solid; border-width: thin; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .account-filter { display: inline-block; float: right; margin-right: 20%; position: relative; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .account-filter .fa-filter { margin-right: 30px; cursor: pointer; font-size: 20px; vertical-align: sub; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .account-filter .filter-select { width: 180px; line-height: 20px; display: inline-block; color: #434343; border: 1px solid #bcbcbc; -moz-box-shadow: 2px 2px 5px #adaaaa; -webkit-box-shadow: 2px 2px 5px #adaaaa; box-shadow: 2px 2px 5px #adaaaa; position: absolute; z-index: 999; background-color: #fff; border-radius: 3px; right: 0px; top: 25px; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .account-filter .filter-select div { height: 30px; font-weight: bold; text-align: center; line-height: 30px; font-size: 15px; border-bottom: 1px solid #B1ADA7; } #vat-account-mapping .content-container .subject-corresponding-container .auto-mapping-div .account-filter .filter-select ul { list-style-type: none; padding: 2px 10px 0 20px; line-height: 10px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container { width: 78%; height: calc(100% - 80px); border: 1px solid #E4E4E4; border-radius: 5px; display: inline-block; position: relative; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content { height: 100%; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount { height: 100%; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div { background-color: white; padding: 20px 0 10px 20px; /*border-radius: 5px;*/ position: relative; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div button { margin-right: 10px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div .multi-org-container { display: none; position: absolute; width: 310px; min-height: 190px; border: 1px solid #E4E4E4; left: 247px; top: 57px; z-index: 2; background-color: #FFF; box-shadow: #9E9C9C 5px 5px 5px; border-radius: 5px; overflow-y: hidden; padding: 10px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div .multi-org-container .tree-org-multi-item-disabled { color: gray; cursor: not-allowed; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div .multi-org-container button { margin-top: 10px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div .multi-org-container .org-multi-tree { overflow: hidden; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .tab-content #enterprizeAccount .auto-mapping-div .multi-org-container .org-multi-tree:hover { overflow: auto; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .map-status-flag { color: #fe8400; font-size: 18px; vertical-align: middle; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp { height: calc(100% - 25px); } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid { background-color: #FFF; border: 1px solid #FFF; border-radius: 5px; /*i { font-size: 16px; color: rgb(161, 161, 161); vertical-align: middle; }*/ } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-tree-header-row { font-weight: normal !important; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-header-cell { color: #000; background-color: #FFF; border: none; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-row { line-height: 40px !important; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-row:nth-child(odd) .ui-grid-cell { border-right-width: 0; background-color: #fdfdfd; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-row:nth-child(even) .ui-grid-cell { border-right-width: 0; background-color: #f3f3f3; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-row:last-child .ui-grid-cell { border-bottom-width: 1px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell { background-color: #fed5a9 !important; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-cell-contents { padding: 12px 0 12px 12px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .ui-grid-cell-contents .ui-grid-selection-row-header-buttons { margin: 0; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .subject-list-grid-warp .subject-list-grid .map-status-flag { color: #ED6E3C; } #vat-account-mapping .content-container .subject-corresponding-container .left-container .reclassification-item-wrapper { width: 102.2%; position: absolute; height: 130px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -20px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container #content-resizer { width: 102.2%; position: absolute; height: 4px; bottom: 130px; left: 0; right: 0; background-color: #6A6864; cursor: n-resize; margin-left: -20px; } #vat-account-mapping .content-container .subject-corresponding-container .left-container #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; } #vat-account-mapping .content-container .subject-corresponding-container .right-container { height: calc(100% - 80px); width: calc(22% - 3px); border: 1px solid #E4E4E4; float: right; background-color: #FFF; border-radius: 5px; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container { width: 100%; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .angular-ui-tree-nodes { padding-left: 0px; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .angular-ui-tree-nodes .angular-ui-tree-nodes { padding-left: 0px; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .angular-ui-tree-handle { padding: 0 0 0 20px; margin-bottom: 0px; width: 100%; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .angular-ui-tree-handle:hover { background-color: #f8f8f7; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-title { height: 54px; line-height: 54px; text-align: center; border-bottom: 1px solid #D4D4D4; background-color: #A1A1A1; color: #FFF; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-title .headerIcon { color: #fff; text-align: left; float: left; display: inline-block; padding-left: 10px; cursor: pointer; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container { max-height: 524px; overflow-y: auto; overflow-x: hidden; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .tree-table { table-layout: fixed; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .tree-table tr td:nth-of-type(1) { text-align: right; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .tree-table tr td:nth-of-type(2) { text-align: center; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .tree-table tr td:nth-of-type(3) { min-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .tree-table .fancytree-icon { /*display:none;*/ } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .tree-menu-item { height: 44px; font-size: 14px; line-height: 44px; padding: 0px 10px; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .first-level { border: 1px solid #d4d4d4; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .first-level:first-child { border-top: none; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .first-level:not(:last-child ) { border-bottom: none; } #vat-account-mapping .content-container .subject-corresponding-container .right-container .std-tree-container .standard-subject-tree-container .sub-level { border-top: 1px solid #d4d4d4; padding-left: 10px; } #vat-account-mapping .content-container .std-subject-container { display: none; } #vat-account-mapping .content-container .std-subject-container .std-grid-container { background-color: #FFF; margin: 10px 10px 10px 0; padding: 30px 20px; border-radius: 5px; border: 1px solid #E4E4E4; } #vat-account-mapping .content-container .std-subject-container .ui-grid-cell-contents { padding: 10px 0 12px 12px !important; } #vat-account-mapping .modal-body label { font-weight: normal; } #vat-account-mapping .modal-body textarea { resize: none; } #vat-account-mapping .modal-footer { text-align: left; padding: 0; padding-left: 165px; height: 80px; line-height: 80px; } #vat-account-mapping .modal-footer button { height: 36px; line-height: 36px; } #vat-account-mapping #voucherReclassificationModal .modal-body .form-group { margin-top: 0px; } #vat-account-mapping #voucherReclassificationModal .modal-body .form-group .control-label { width: 100px; } #vat-account-mapping #voucherReclassificationModal .modal-body .form-group input { width: 174px; } #vat-account-mapping #voucherReclassificationModal .modal-footer { padding-left: 120px; } #vat-account-mapping .operation-wrapper { display: inline-block; margin: 20px 25px 10px 10px; } #vat-account-mapping .operation-wrapper span { cursor: pointer; } #vat-account-mapping .validation-message-wrap { display: inline-block; width: 174px; } #vat-account-mapping .validation-message { margin: 5px 0 5px 0; color: red; font-size: 12px; } #vat-account-mapping .voucher-remap-first-row { margin-top: 20px; } #vat-account-mapping .rowLevel-0 { background-color: #254158; color: white; } #vat-account-mapping .rowLevel-1 { background-color: #3F6F96; color: white; } #vat-account-mapping .rowLevel-2 { background-color: #5289B6; } #vat-account-mapping .nivelGrirowLevellla-3 { background-color: #7AA5C7; } #vat-account-mapping .rowLevel-4 { background-color: #A4C1D9; color: black; } #vat-account-mapping .rowLevel-5 { background-color: #D5E2EE; color: black; } #vat-caculate-data { width: 100%; height: 100%; padding: 0 10px; position: relative; background-color: #FFFFF FF; } #vat-caculate-data .vat-caculate-data-title { margin: 20px 0; height: 30px; line-height: 30px; vertical-align: middle; /* span { font-weight: bold; } */ } #vat-caculate-data .vat-caculate-data-title button { background-color: #602320; color: #FFFFF FF; } #vat-caculate-data .vat-caculate-data-title span { float: right; margin: 0 0 20px 0; cursor: pointer; } #vat-caculate-data .vat-caculate-data-progress { width: 100%; border: 1px solid #F2F2F2; border-radius: 8px; height: 16px; text-align: center; line-height: 16px; font-weight: bold; color: #fff; overflow: hidden; } #vat-caculate-data .vat-caculate-data-progress .Bar { width: 50%; height: 16px; background: #a32020; } #vat-caculate-data .vat-caculate-data-list { height: calc(100% - 100px); width: 100%; margin: 10px 0; padding: 0 5px; overflow-y: auto; font-weight: bold; font-size: 14px; } #vat-caculate-data .vat-caculate-data-list .scroller { /*white-space: pre-line;*/ overflow-y: hidden; position: relative; height: 100%; } #vat-caculate-data .vat-caculate-data-list .task { width: 100%; height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 1px solid #F2F2F2; } #vat-caculate-data .vat-caculate-data-list .task > span:first-child { margin-left: 20px; width: auto; float: left; } #vat-caculate-data .vat-caculate-data-list .task > span { float: right; margin-right: 20px; width: 80px; height: 39px; line-height: 39px; vertical-align: middle; align-content: center; } #vat-caculate-data .vat-caculate-data-list li { list-style: none; } #vat-caculate-data .vat-caculate-data-list li img { width: 28px; height: 28px; } #vat-caculate-data .vat-caculate-data-list .loader--audioWave { width: 3em; height: 2em; background: linear-gradient(#FDB37F, #FDB37F) 0 50%, linear-gradient(#FDB37F, #FDB37F) 0.625em 50%, linear-gradient(#FDB37F, #FDB37F) 1.25em 50%, linear-gradient(#FDB37F, #FDB37F) 1.875em 50%, linear-gradient(#FDB37F, #FDB37F) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; animation: audioWave 1.5s linear infinite; } @keyframes audioWave { 25% { background: linear-gradient(#FFD700, #FFD700) 0 50% 0.5em 2em, linear-gradient(#FDB37F, #FDB37F) 0.625em 50%, linear-gradient(#FDB37F, #FDB37F) 1.25em 50%, linear-gradient(#FDB37F, #FDB37F) 1.875em 50%, linear-gradient(#FDB37F, #FDB37F) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 100%, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 37.5% { background: linear-gradient(#FDB37F, #FDB37F) 0 50%, linear-gradient(#FFD700, #FFD700) 0.625em 50%, linear-gradient(#FDB37F, #FDB37F) 1.25em 50%, linear-gradient(#FDB37F, #FDB37F) 1.875em 50%, linear-gradient(#FDB37F, #FDB37F) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 100%, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 50% { background: linear-gradient(#FDB37F, #FDB37F) 0 50%, linear-gradient(#FDB37F, #FDB37F) 0.625em 50%, linear-gradient(#FFD700, #FFD700) 1.25em 50%, linear-gradient(#FDB37F, #FDB37F) 1.875em 50%, linear-gradient(#FDB37F, #FDB37F) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 100%, 0.5em 0.25em, 0.5em 0.25em; } 62.5% { background: linear-gradient(#FDB37F, #FDB37F) 0 50%, linear-gradient(#FDB37F, #FDB37F) 0.625em 50%, linear-gradient(#FDB37F, #FDB37F) 1.25em 50%, linear-gradient(#FFD700, #FFD700) 1.875em 50%, linear-gradient(#FDB37F, #FDB37F) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 100%, 0.5em 0.25em; } 75% { background: linear-gradient(#FDB37F, #FDB37F) 0 50%, linear-gradient(#FDB37F, #FDB37F) 0.625em 50%, linear-gradient(#FDB37F, #FDB37F) 1.25em 50%, linear-gradient(#FDB37F, #FDB37F) 1.875em 50%, linear-gradient(#FFD700, #FFD700) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 100%; } } #vat-caculate-data .vat-caculate-data-list .load { width: 4em; height: 2em; } #vat-caculate-data .vat-caculate-data-list .load > span { background-color: #a32020; width: 0.5em; height: 2em; display: inline-block; transform: scaleY(0.125); animation: stretchdelay 1.5s linear infinite; } #vat-caculate-data .vat-caculate-data-list .load .rect2 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #vat-caculate-data .vat-caculate-data-list .load .rect3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #vat-caculate-data .vat-caculate-data-list .load .rect4 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #vat-caculate-data .vat-caculate-data-list .load .rect5 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; } @keyframes stretchdelay { 20% { transform: scaleY(1); -webkit-transform: scaleY(1); background-color: #eb8c00; } 0%, 40%, 100% { transform: scaleY(0.125); -webkit-transform: scaleY(0.125); } } .vat-goods-mapping { width: 100%; height: 100%; padding-left: 20px; } .vat-goods-mapping .line-button { width: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; display: inline-block; } .vat-goods-mapping .goods-mapping-table { display: block; height: 95%; width: 95%; } .vat-goods-mapping .goods-mapping-table .left-mapping-table { width: 67%; float: left; height: 500px; } .vat-goods-mapping .goods-mapping-table .left-mapping-table .left-header { height: 65px; background-color: #50504d; font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; text-align: center; line-height: 65px; color: #FFFFFF; } .vat-goods-mapping .goods-mapping-table .left-mapping-table table { border: 1px solid #CCC; } .vat-goods-mapping .goods-mapping-table .left-mapping-table table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-goods-mapping .goods-mapping-table .left-mapping-table table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-goods-mapping .goods-mapping-table .right-mapping-table { width: 30%; float: right; height: 500px; } .vat-goods-mapping .goods-mapping-table .right-mapping-table .right-header { height: 65px; padding-left: 15px; background-color: #b90808; font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; text-align: left; line-height: 65px; color: #FFFFFF; } .vat-goods-mapping .goods-mapping-table .right-mapping-table table { border: 1px solid #CCC; } .vat-goods-mapping .goods-mapping-table .right-mapping-table table thead tr th { height: 30px; border: 1px solid #CCC; } .vat-goods-mapping .goods-mapping-table .right-mapping-table table tbody tr td { height: 25px; border: 1px solid #CCC; } .vat-goods-mapping .drag-helper { border: 1px solid gray!important; } .vat-unbilled-invoice { padding-left: 20px; height: 100%; width: 100%; } .vat-unbilled-invoice .nav-wrapper { display: inline-block; } .vat-unbilled-invoice .nav-wrapper .nav-header { height: 40px; /*line-height: 54px;*/ font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; display: inline-block; } .vat-unbilled-invoice .total-container { width: 100%; height: calc(100% - 45px); /*border: 1px solid #E4E4E4; border-radius: 5px;*/ display: inline-block; position: relative; } .vat-unbilled-invoice .total-container .detail-table { width: 98%; height: calc(100% - 200px); display: inline-block; position: relative; bottom: 0px !important; } .vat-unbilled-invoice .total-container .detail-table .voucher-table { height: 99%; width: 49.5%; float: left; } .vat-unbilled-invoice .total-container .detail-table .voucher-table .left-header { width: 100%; display: inline-block; height: 50px; background-color: #cccccc; } .vat-unbilled-invoice .total-container .detail-table .voucher-table .left-header .left-icon { display: inline-block; position: relative; top: -15px; left: 10px; font-size: 30px; color: red; } .vat-unbilled-invoice .total-container .detail-table .voucher-table .left-header .left-title { display: inline-block; padding-left: 20px; font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; font-weight: 600; text-align: center; /*line-height:65px;*/ color: red; } .vat-unbilled-invoice .total-container .detail-table .voucher-table .left-header .voucher-tab { display: inline-block; float: right; padding-right: 20px; padding-top: 12px; } .vat-unbilled-invoice .total-container .detail-table .voucher-table .left-header .voucher-tab span { display: inline-block; height: 25px; width: 80px; text-align: center; line-height: 25px; /*padding: 0 10px;*/ color: #f16000; font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; background-color: #ffffff; } .vat-unbilled-invoice .total-container .detail-table .voucher-table .left-header .voucher-tab .active { color: #FFF; background-color: #f16000; } .vat-unbilled-invoice .total-container .detail-table .invoice-table { height: 99%; width: 49.5%; float: right; } .vat-unbilled-invoice .total-container .detail-table .invoice-table .right-header { width: 100%; display: inline-block; height: 50px; background-color: #cccccc; } .vat-unbilled-invoice .total-container .detail-table .invoice-table .right-header .right-icon { display: inline-block; position: relative; top: -15px; left: 10px; font-size: 30px; color: #b90808; } .vat-unbilled-invoice .total-container .detail-table .invoice-table .right-header .right-title { display: inline-block; padding-left: 20px; font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; font-weight: 600; text-align: center; color: red; } .vat-unbilled-invoice .total-container .detail-table .invoice-table .right-header .invoice-tab { display: inline-block; float: right; padding-right: 20px; padding-top: 12px; } .vat-unbilled-invoice .total-container .detail-table .invoice-table .right-header .invoice-tab span { display: inline-block; height: 25px; width: 80px; text-align: center; line-height: 25px; /*padding: 0 10px;*/ color: #f16000; font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; background-color: #ffffff; } .vat-unbilled-invoice .total-container .detail-table .invoice-table .right-header .invoice-tab .active { color: #FFF; background-color: #f16000; } .vat-unbilled-invoice .total-container .map-container { width: 101%; position: absolute; height: 300px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -20px; } .vat-unbilled-invoice .total-container .map-container .map-title { height: 20px; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; } .vat-unbilled-invoice .total-container .map-container .map-title .map-header { height: 40px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; display: inline-block; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-icon { height: 64px; text-align: center; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-detail { display: inline-block; width: 100%; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-detail .map-voucher-table { display: inline-block; width: 40%; padding-left: 20px; float: left; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-detail .map-transaction-detail { display: inline-block; width: 20%; text-align: center; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-detail .map-transaction-detail .trancode-div { position: relative; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-detail .map-transaction-detail .trancode-div .trancode-map { position: absolute; width: 100px; height: 100px; background-color: #f3f2f0; /*border:1px solid;*/ border-radius: 50px; top: 65%; left: 33%; margin-top: 30px; color: #b90808; } .vat-unbilled-invoice .total-container .map-container .voucher-map-invoice .map-detail .map-invoice-table { display: inline-block; width: 40%; padding-right: 20px; float: right; } .vat-unbilled-invoice .total-container #content-resizer { width: 103%; position: absolute; height: 4px; bottom: 300px; left: 0; right: 0; background-color: #6A6864; cursor: n-resize; margin-left: -40px; } .vat-unbilled-invoice .total-container #content-resizer #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 49%; } #vat-report-container { width: 100%; height: 100%; position: absolute; } #vat-report-container .divider { height: 2px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } #vat-report-container .group-section { height: 50px; line-height: 50px; padding-left: 20px; background-color: #f2f2f2; min-width: 120px; cursor: pointer; } #vat-report-container .vat-report-content { background: whitesmoke; height: 100%; vertical-align: top; overflow: hidden; } #vat-report-container .report-nav-icon { height: 20px; width: 5px; background-color: #f91000; position: absolute; } #vat-report-container .report-menu-toggler { height: 40px; width: 40px; background-color: #666460; text-align: center; cursor: pointer; position: absolute; } #vat-report-container .toggler-icon { color: white; line-height: 40px; font-size: 25px; } #vat-report-container .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; height: 100%; float: left; } #vat-report-container .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: ew-resize; } #vat-report-container .vat-report-menu { background: #FFFFF FF; border-right: 1px solid #F2F2F2; height: 100%; vertical-align: top; float: left; width: 250px; } #vat-report-container .vat-report-menu .li { display: table; height: 50px; list-style: none; border-bottom: 1px solid #ccc; position: relative; vertical-align: middle; width: 100%; } #vat-report-container .vat-report-menu .li a { color: #3f3f40; display: table-cell; font-size: 12px; height: 100%; padding-left: 20px; text-decoration: none; vertical-align: middle; width: 100%; min-width: 120px; word-wrap: break-word; } #vat-report-container .vat-report-menu .li a:hover { text-decoration: none; color: white; background-color: #a32020; } #vat-report-container .vat-report-menu .li a.active { font-weight: bold; color: white; background-color: #a32020; text-decoration: none; } #vat-report-container .vat-report-menu .nav-report .toggle-group-icon { margin-left: 5px; /*float:right; color:#ccc;*/ } @keyframes collapsMenuBar { 0% { height: 28px; width: 28px; } 50% { top: -80px; left: -120px; height: 120px; width: 120px; background-color: #e0301e; } 100% { height: 28px; width: 28px; } } @keyframes slideUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, -55px, 0); transform: translate3d(0, -55px, 0); } } @keyframes slideDown { 0% { -webkit-transform: translate3d(0, -55px, 0); transform: translate3d(0, -55px, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #vat-container { position: relative; width: 100%; height: 100%; overflow: hidden; } #vat-container .right { text-align: right; } #vat-container .slideup { animation: slideUp 1s; } #vat-container .slidedown { animation: slideDown 1s; } #vat-container .red-color { color: #e0301e; } #vat-container .vat-header { background: #FFFFF FF; position: relative; height: 55px; border-bottom-width: 1px; border-bottom-color: #F2F2F2; border-bottom-style: solid; box-shadow: 0 1px 9px #F2F2F2; z-index: 100; } #vat-container .vat-header.collapsed { height: 0; display: none; } #vat-container .vat-header > div { padding-top: 10px; } #vat-container .vat-header input { width: 150px; padding-right: 13px; background: url(/app-resources/images/vat/down.png) no-repeat scroll right center transparent; } #vat-container .vat-header .vat-title { display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; border: none; padding-left: 20px; font-size: 16px; font-weight: 600; margin: 0px 10px 0px 10px; font-weight: bold; } #vat-container .vat-header .vat-subheader { display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; border: none; padding-left: 20px; } #vat-container .vat-header .vat-subheader select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } #vat-container .vat-header select::-ms-expand { display: none; } #vat-container .vat-header #vat-menu-buttons { margin-left: 0px; padding-left: 10px; } #vat-container .vat-header #vat-menu-buttons a { color: #2f2f2f; display: inline-block; font-size: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: center; text-transform: none; text-decoration: none; border-bottom: 3px solid white; outline: none; } #vat-container .vat-header #vat-menu-buttons a span { border: 1px solid #939598; display: inline-block; height: 20px; margin-right: 10px; width: 20px; border-radius: 50%; background: none; vertical-align: middle; font-size: 12px; } #vat-container .vat-header #vat-menu-buttons a:hover { text-decoration: none; border-bottom: 3px solid #e0301e; } #vat-container .vat-header #vat-menu-buttons a.active { border-bottom: 3px solid #e0301e; } #vat-container .vat-header #vat-menu-buttons a.active span { border: 0; display: inline-block; height: 20px; margin-right: 10px; width: 20px; border-radius: 50%; color: #FFF !important; background: #e0301e; padding-top: 0.5px; } #vat-container .btnAnimation { animation: collapsMenuBar 1s; } #vat-container #menuCollapseBtn { float: right; position: relative; right: 50px; z-index: 100; } #vat-container #menuCollapseBtn a { position: absolute; border: 1px solid #F2F2F2; display: inline-block; height: 24px; width: 24px; text-align: center; border-radius: 50%; background: #FFFFF FF; font-size: 20px; text-transform: none; text-decoration: none; outline: none; } #vat-container #menuCollapseBtn a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; color: #F2F2F2; } #vat-container #menuCollapseBtn #a-up { top: -16px; } #vat-container #menuCollapseBtn #a-up i { top: 0; } #vat-container #menuCollapseBtn #a-down { top: -10px; } #vat-container #menuCollapseBtn #a-down i { top: 3px; } #vat-container #menuCollapseBtn #a-up:hover { top: -18px; height: 28px; width: 28px; color: #FFFFF FF; background-color: #e0301e; border-width: 0; } #vat-container #menuCollapseBtn #a-up:hover i { top: 2px; } #vat-container #menuCollapseBtn #a-down:hover { top: -10px; height: 28px; width: 28px; color: #FFFFF FF; background-color: #e0301e; border-width: 0; } #vat-container #menuCollapseBtn #a-down:hover i { top: 4px; } #vat-container .vat-content { height: calc(100% - 55px); margin-top: 0; position: relative; transition: height 1s linear; -webkit-transition: height 1s linear; /*z-index: 99;*/ } #vat-container .vat-content.expanded { height: 100%; } .project-statuts-title i { color: #CF2D1B; display: inline-block; font-size: 15px; vertical-align: middle; margin-right: 5px; } .project-statuts-title .project-statuts-title-i-inactive { color: gray; } .model-project-status { width: 320px; /*height: 800px;*/ max-height: 800px; } .model-project-status .modal-dialog { width: 100%; height: 90%; margin: 20px auto; overflow-x: auto; overflow-y: auto; } .model-project-status .modal-dialog .modal-content { width: 100%; /*height: 100%;*/ } .model-project-status .modal-dialog .modal-content .modal-body { height: 90%; } .model-project-status .ul-status { width: 100%; list-style: none; margin: 0; padding: 0; } .model-project-status .ul-status li { /*height: 50px;*/ line-height: 20px; } .model-project-status .ul-status li i { color: #CF2D1B; display: inline-block; font-size: 15px; vertical-align: middle; margin-right: 5px; } .model-project-status .ul-status li ul { width: 100%; list-style: none; margin: 5px; /*padding: 5px;*/ padding-left: 25px; } .model-project-status .ul-status li ul li { margin-top: -20px; margin-bottom: 15px; } .model-project-status .ul-status li ul li i { font-size: 12px; } .model-project-status .ul-status .verticalLine { border-left: thin dashed #CF2D1B; border-left-width: 2px; height: 25px; margin-top: -3px; margin-left: 5px; } .model-project-status .ul-status .verticalLine-add-bottom-line { border-bottom: thin dashed #CF2D1B; border-bottom-width: 2px; width: 20px; } .model-project-status .ul-status .vertical-bottom-line { border-left: thin dashed #CF2D1B; border-left-width: 2px; height: 25px; margin-top: -3px; margin-left: 5px; } .model-project-status .ul-status .i-inactive { color: lightgray; } .model-project-status .ul-status .verticalLine-inactive { border-left-color: lightgray; border-bottom-color: lightgray; } .model-project-status .ul-status .approve-detail-data { color: gray; } /* #vat-menu-buttons :not(.active) span { border: 0; display: inline-block; height: 20px; padding-right: 0px; margin-right: 10px; width: 20px; border-radius: 50%; background: #c7c8ca; } #vat-menu-buttons a.active ~ a span { border: 1px solid gray; display: inline-block; height: 20px; padding-right: 0px; margin-right: 10px; width: 20px; border-radius: 50%; background: none; vertical-align: middle; } #vat-menu-buttons a span { font-size: 12px; } */