/*@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;
    }
    */