@font-face {
  font-family: "wd2";
  src: url("/css/Wingdings.woff2") format("woff2"),
    url("/css/Wingdings.woff") format("woff"),
    url("/css/Wingdings.ttf") format("truetype");
}
/* 打印模板带框的勾字体 */
.printUncheck {
  display: inline-block;
  width: 13px;
  height: 13px;
  cursor: default;
  margin: 0px 3px;
}
.printChecked {
  font-family: "'Wingdings 2'", "wd2" !important;
  font-size: 16px;
}
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  background-color: #f5f7f9;
}

#login,
#index {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#index {
  /* min-width: 1300px; */
  height: 100vh;
}

/* =================================================================== */
.layout-logo {
  background-color: rgb(72, 79, 87);
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid rgba(181, 181, 181, 0.3);
  color: #fff;
  cursor: default;
}

.layout-leftMenu {
  overflow: hidden;
  background-color: #545c64;
  box-shadow: 2px 0px 6px rgba(0, 21, 41, 0.35);
  z-index: 10;
}

.layout-header {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  transition: all 0.2s ease-in-out;
  height: 50px !important;
  padding-left: 0px !important;
  /* z-index: 5; */
  /* position: fixed; */
  /* width: 100%; */
}

.layout-main {
  /* margin-top: 50px; */
  padding: 0px !important;
}
.layout-navTag {
  /* position: fixed; */
  /* z-index: 3; */
  /* width: 100%; */
  height: 35px;
  line-height: 35px;
  padding: 0px 10px;
  background-color: #f5f7f9;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.layout-navTag .el-tag:not(:last-child) {
  margin-right: 10px;
}
.layout-mainContent {
  margin: 0px 10px;
  /* margin-top: 35px; */
  border-radius: 10px;
  background-color: #fff;
  padding: 5px;
  padding-bottom: 0px;
  transition: all 0.2s ease-in-out;
  /* min-height: 400px; */
}

/* tinymce 里内容的层次 */
.tox-tinymce-aux {
  z-index: 3000 !important;
}
.tox-tinymce-inline {
  z-index: 3000 !important;
}

/* 设置 el-alert、confirm 和 prompt 内容换行 */
.el-message-box__message {
  word-break: keep-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
/* 设置表格表头排序按钮位置 */
.el-table .caret-wrapper {
  width: 10px !important;
  margin-left: -5px;
}
.red-divider > .el-divider--vertical {
  background-color: red !important;
  width: 2px !important;
}

/* =================================================================== */
.el-main {
  padding: 0px 10px;
}

.defaultInputWidth {
  width: 200px !important;
}

.defaultInputShortWidth {
  width: 130px !important;
}

.defaultInputLongWidth {
  width: 500px !important;
}

.defaulDatePickerWidth {
  width: 130px !important;
}

.defaulDateRangePickerWidth {
  width: 210px !important;
}

.defaultNumberInputWidth {
  width: 90px !important;
}

.remark {
  font-size: 12px;
  /* color: #909399; */
  color: #999999;
}
/* .el-table--scrollable-x .el-table__body-wrapper {
  z-index: 1;
} */

/* ====================================================== */
.renofont + span {
  margin-left: 5px;
}

.el-table__body-wrapper {
  /* 设置竖滚动条，防止在某些情况下，表格内竖滚动条不出来的问题 */
  overflow-y: auto !important;
}

.el-form-item__label {
  /* 设置element-ui表单字号从14px改为12px */
  font-size: 12px !important;
}

.el-date-editor .el-range__icon {
  /* 修复element-ui日期范围选择器会往上偏移1px的问题 */
  font-size: inherit !important;
}

.el-checkbox__label,
.el-radio__label {
  /* 设置element-ui复选框，单选框label左边距为2px */
  padding-left: 4px !important;
}

.el-dialog__body {
  padding: 10px 20px !important;
}

/* .el-table--enable-row-hover
  .el-table__body
  tr:hover
  > td:not(.el-table__expanded-cell) {
  background-color: #b3d8ff75 !important;
}
.el-table__row--d > td {
  background-color: #f0f0f0 !important;
} */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* 去除数字类型输入框的上下箭头 */
  -webkit-appearance: none;
}

input[type="number"] {
  /* 去除数字类型输入框的上下箭头 */
  -moz-appearance: textfield;
}

.hiddenXScrollbar > .el-scrollbar__wrap {
  /* 隐藏 el-scrollbar 的横向滚动边 */
  overflow-x: hidden !important;
}

/* .operatorCol > .cell {
  line-height: 35px !important;
} */

/* ====================================================== */
/* 登陆 */
.login-input .el-input-group__prepend {
  padding: 5px 15px !important;
}
.login-input .el-input__inner {
  height: 35px !important;
}
.login-input .renofont {
  font-size: 20px !important;
}

/* ====================================================== */
/* 组件CSS */

/* asideMenuCompoent */
.asideMenuCompoent-menu .is-active,
.asideMenuCompoent-menu .is-active:not(.is-opened) .el-submenu__title {
  background-color: rgb(62 62 62) !important;
}
.asideMenuCompoent-menu .renofont {
  font-size: 20px;
  margin-right: 5px;
  color: #fff;
}
.asideMenuCompoent-menu:not(.el-menu--collapse) {
  width: 190px;
}
.asideMenuCompoent-subMenuOutDiv-scroll {
  height: 100vh;
  overflow: hidden;
  top: 0px !important;
}
.asideMenuCompoent-subMenuOutDiv-scroll > .el-menu {
  overflow-y: scroll;
  height: 100%;
  margin-right: -21px;
}
.asideMenuCompoent-menu > .is-active > .el-submenu__title {
  background-color: rgb(62 62 62) !important;
}
.asideMenuCompoent-menu > .el-submenu .el-menu-item {
  background-color: rgb(66, 74, 80) !important;
}
.asideMenuCompoent-menu .el-submenu__title:hover {
  background-color: black !important;
}
.asideMenuCompoent-menu .el-menu-item:hover {
  background-color: black !important;
}

/* companyListComponent */
.companyListComponent-selectiveOutDiv > *:not(:first-child) {
  margin-left: 10px;
}

/* renoSelectComponent */
.renoSelectComponent-autocomplete {
  width: unset !important;
}

/* orderStateComponent */
.orderStateComponent-stateButton > .el-button-group > .is-plain {
  /** 解决本组件button-group里面只有一个button，并且type="plain"时左右边框为0的情况 */
  border: 1px solid #b3d8ff !important;
}
.orderStateComponent-stateButton > *:not(:last-child) {
  margin-right: 10px;
}

/* renoDropdownComponent */
.renoDropdownComponent-outer:not(:last-child) {
  margin-right: 10px;
}
.renoDropdownComponent-outer:last-child {
  margin-left: 0px !important;
}
.renoDropdownComponent-buttonGroup {
  display: inline-block;
}
.renoDropdownComponent-buttonGroup > .el-button:first-child {
  /* border-right-color: rgba(255, 255, 255, 0.5); */
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.renoDropdownComponent-buttonGroup > .el-dropdown > .el-button:first-child {
  border-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* 设置成跟el-icon一样样式，不然会出现细小的错位 */
.renoDropdownComponent-outer .renofont {
  font-weight: 400;
  font-size: unset !important;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
}

/* opoListComponent */
.opoListComponent-selectiveOutDiv > *:not(:first-child) {
  margin-left: 10px;
}
.opoListComponent-card:not(:last-child) {
  margin-bottom: 30px;
}
.opoListComponent-card > .el-card__header {
  padding: 5px 0px;
  background-color: rgb(238, 238, 238) !important;
  font-size: 14px;
  padding: 8px 10px;
}
.opoListComponent-card > .el-card__header label {
  color: #999;
  font-size: 12px;
}
.opoListComponent-card .el-divider {
  background-color: #409eff !important;
  margin: 0px 15px !important;
}

/* requirementListComponent */
.requirementListComponent-card:not(:last-child) {
  margin-bottom: 30px;
}
.requirementListComponent-card > .el-card__header {
  padding: 5px 0px;
  background-color: rgb(238, 238, 238) !important;
  font-size: 14px;
  padding: 8px 10px;
}
.requirementListComponent-card > .el-card__header label {
  color: #999;
  font-size: 12px;
}
.requirementListComponent-card .el-divider {
  background-color: #409eff !important;
  margin: 0px 15px !important;
}

/* followUpListComponent */
.followUpListComponent-card:not(:last-child) {
  margin-bottom: 10px;
}
.followUpListComponent-card > .el-card__header {
  padding: 0px;
  background-color: aliceblue;
}
.followUpListComponent-title {
  display: inline-block;
  line-height: 37px;
  padding: 0px 10px;
}
.followUpListComponent-title:not(:last-child) {
  border-right: 1px solid #ebeef5;
}
.followUpListComponent-title:last-child {
  float: right;
}
.followUpListComponent-title > label {
  color: #999;
}

.followUpListComponent-table {
  width: 100%;
  border: 1px solid #ebeef5 !important;
  border-collapse: collapse;
  border-radius: 4px;
  margin-bottom: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.followUpListComponent-table td {
  border: 1px solid #ebeef5 !important;
  padding: 10px !important;
  vertical-align: top !important;
  line-height: 200%;
  box-sizing: border-box;
}
.followUpListComponent-table label {
  color: #999;
  font-size: 12px;
}

/* opoAddAndEditComponent */
.opoAddAndEditComponent-form .el-form-item {
  margin-bottom: 5px !important;
}

/* cashierComponent */
.cashierComponent .el-collapse-item__header {
  padding-left: 10px;
}

/* orderConsigneeComponent */
.orderConsigneeComponent-outDiv {
  line-height: 40px;
}
.orderConsigneeComponent-outDiv > * {
  margin-right: 10px !important;
}

/* settingPageAuthorityComponent */
.settingPageAuthorityComponent .authoritySelectAlert input {
  color: #ff0000;
}

/* selectiveComponent */
.renoSelectiveComponent .selectiveItem {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.renoSelectiveComponent .selectiveItem > * {
  max-width: 110px;
}
.renoSelectiveComponent .selectiveItem .topDragHandle {
  cursor: move;
}
.renoSelectiveComponentPopover {
  /* 取消 popover 的箭头位置高度 */
  margin-top: 4px !important;
}
.renoSelectiveComponentMore .el-scrollbar {
  border: 1px solid #cccccc;
}
.renoSelectiveComponentMore .selectiveItem {
  margin-right: 10px;
  /* vertical-align: top; */
  display: inline-block;
  line-height: 30px;
}
.renoSelectiveComponentMore .selectiveItem > *:not(.itemDragHandle) {
  max-width: 110px;
}
.renoSelectiveComponentMore .groupDragHandle {
  cursor: move;
  color: blue;
}
.renoSelectiveComponentMore .itemDragHandle {
  cursor: move;
}
.renoSelectiveComponentMore .groupLabel {
  color: #999999;
  font-size: 12px;
  display: inline-block;
}

/* homeComponent */
.homeComponent {
  font-size: 14px;
}
.homeComponent .el-card + .el-card {
  margin-left: 30px;
}
.homeComponent .el-card {
  width: 250px;
  display: inline-block;
}
.homeComponent .el-card__header {
  background-color: #409eff;
  color: #ffffff;
  font-size: 18px;
  font-weight: block;
  text-align: center;
}
.homeComponent .el-card__header .renofont {
  font-size: 24px;
  margin-right: 10px;
}
.homeComponent .el-card__body {
  line-height: 180%;
}
.homeComponent .el-card__body .num {
  font-size: 18px;
}
.homeComponent .el-card__body .numAlert {
  color: #ff0000;
}

/* incomeAndExpenseAddAndEditComponent */
.incomeAndExpenseAddAndEditComponent-expenseAmount .el-input__inner {
  border-color: #ff0000 !important;
}
.incomeAndExpenseAddAndEditComponent-incomeAmount .el-input__inner {
  border-color: #3dc72f !important;
}

/* topMenuComponent-menu */
.topMenuComponent-menu .el-menu-item,
.topMenuComponent-menu .el-submenu__title {
  height: 50px !important;
  line-height: 50px !important;
}
.topMenuComponent-menu .is-active {
  border-bottom-width: 3px !important;
}

/* detailAddAndEditComponent */
.detailAddAndEditComponent-moreDLOutDiv {
  line-height: 250%;
}
.detailAddAndEditComponent-moreDLOutDiv .moreDLItem {
  display: inline-block;
  vertical-align: middle;
}
.detailAddAndEditComponent-moreDLOutDiv .label {
  height: 35px;
  vertical-align: bottom;
  color: #999999;
}
.detailAddAndEditComponent-moreDLOutDiv .moreDLItem > div {
  display: inline-block;
}
.detailAddAndEditComponent-moreDLOutDiv .moreDLItem:not(:last-child) {
  margin-right: 20px;
}

/* incomeAndExpenseUsageRecordComponent */
.incomeAndExpenseUsageRecordComponent-form .title {
  height: 25px;
  line-height: 25px;
}
.incomeAndExpenseUsageRecordComponent-form label {
  color: #999 !important;
  font-size: 12px;
  padding-right: 5px !important;
}
.incomeAndExpenseUsageRecordComponent-form .el-divider {
  background-color: #409eff !important;
  margin: 0px 15px !important;
}

/* companyContactListComponent */
.companyContactListComponent {
  display: inline-flex;
}
.companyContactListComponent .nameReference {
  margin-right: 5px;
  white-space: unset !important;
  text-align: left;
}
.companyContactListComponent .nameReference .el-icon-arrow-down {
  margin-left: 5px;
}

/* opoShipComponent */
.opoShipComponent .el-form-item {
  margin-bottom: 5px !important;
}
.opoShipComponent .el-form-item__label {
  color: #999999;
}

/* productunitListAndEditComponent */
.productunitListAndEditComponent {
  display: inline-flex;
}
.productunitListAndEditComponent .nameReference {
  margin-right: 5px;
  white-space: unset !important;
  text-align: left;
}
.productunitListAndEditComponent .nameReference .el-icon-arrow-down {
  margin-left: 5px;
}

/* financeSummaryComponent */
.financeSummaryComponent-card {
  margin-right: 20px;
  margin-bottom: 20px;
}
.financeSummaryComponent-card .el-card__header {
  padding: 10px;
  background-color: #fafafa;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.financeSummaryComponent-card table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.financeSummaryComponent-card tr {
  height: 35px;
}
.financeSummaryComponent-card td {
  height: 35px;
  border: 1px solid #ebeef5;
}
.financeSummaryComponent-card td.bg {
  background: #fafafa;
}

/* renoProcessSelectComponent */
.renoProcessSelectComponent-cas {
  display: flex;
}
.renoProcessSelectComponent-cas .cas-scrollPan {
  border: 1px solid rgb(228, 228, 228);
  width: 160px;
  height: 190px;
  padding-top: 5px;
}
.renoProcessSelectComponent-cas .cas-scrollPan:not(:first-child) {
  border-left: 0px;
}
.renoProcessSelectComponent-cas .scrollPan-item {
  min-height: 30px;
  background-color: white;
  cursor: pointer;
  padding: 2px 5px;
  color: black;
  display: flex;
  align-items: center;
}
.renoProcessSelectComponent-cas .scrollPan-item:hover {
  background-color: rgb(245, 245, 245);
}
.renoProcessSelectComponent-cas .scrollPan-item .el-checkbox {
  margin-right: 5px;
}
.renoProcessSelectComponent-cas .scrollPan-item .label {
  margin-right: 5px;
}
.renoProcessSelectComponent-cas .scrollPan-item .arrow {
  margin-left: auto;
}
.renoProcessSelectComponent-cas .scrollPan-item .curr {
  font-weight: bold;
}

/* =================================================================== */

/* el-table 表格 */
.el-table .el-table__body,
.el-table .el-table__footer,
.el-table .el-table__header {
  border-collapse: collapse;
}
.el-table .cell {
  line-height: unset !important;
}
.el-table .el-icon-circle-close {
  color: #fff;
}
/* 通用表格颜色 */
div.el-table td,
div.el-table th {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border: 1px solid #b3d8ff;
}
div.el-table {
  border-right: 1px solid #b3d8ff;
  border-bottom: 1px solid #b3d8ff;
}
div.el-table .el-table__empty-block {
  border-left: 1px solid #b3d8ff;
}
div.el-table .el-table__header tr > th {
  background-color: #4181c3 !important;
  color: #fff;
}
div.el-table .el-table__body tr.current-row > td {
  background-color: #f0f9eb !important;
}
div.el-table .el-table__body tr:hover > td {
  background-color: #ecf5ff !important;
}
/* 展开内嵌表格的边距 */
.el-table .el-table__expanded-cell {
  padding: 5px !important;
}
/* 展开内嵌表格颜色 */
div.expandInnerTable td,
div.expandInnerTable th {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border: 1px solid #b3d8ff;
}
div.expandInnerTable {
  border-right: 1px solid #b3d8ff;
  border-bottom: 1px solid #b3d8ff;
}
div.expandInnerTable .el-table__empty-block {
  border-left: 1px solid #b3d8ff;
}
div.expandInnerTable .el-table__header tr > th {
  background-color: #4181c3 !important;
  color: #fff;
}
div.expandInnerTable .el-table__body tr.current-row > td {
  background-color: #f0f9eb !important;
}
div.expandInnerTable .el-table__body tr:hover > td {
  background-color: #ecf5ff !important;
}

/* ============================================= */

/* vxe-table 表格 */
.vxe-header--column {
  height: 35px !important;
  background-color: #4181c3 !important;
  color: #fff;
}
.vxe-header--column .vxe-cell {
  /* padding: 0px !important; */
}
.vxe-cell {
  font-size: 12px !important;
}
.vxe-table--render-default.border--full .vxe-body--column,
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
  background-image: linear-gradient(#b3d8ff, #b3d8ff),
    linear-gradient(#b3d8ff, #b3d8ff) !important;
}
.vxe-table {
  border: 1px solid #b3d8ff !important;
}
.vxe-cell--title {
  color: white !important;
}

/* 字体颜色 */
.el-select-dropdown__item {
  color: black !important;
}
.el-table__row .cell {
  color: black !important;
}
.el-table__expand-icon > .el-icon-arrow-right {
  color: black !important;
}
.el-button--default:not(.is-disabled, .el-button--primary) {
  color: black !important;
}
.el-link--default {
  color: black !important;
  font-size: 12px !important;
}
.el-dropdown-menu__item:not(.is-disabled) {
  color: black !important;
}
::-webkit-input-placeholder {
  color: #999999 !important;
}
.el-breadcrumb__inner {
  color: black !important;
}
.el-form-item__label {
  color: black !important;
}
.el-form-item__content {
  color: black !important;
}
.el-radio-button:not(.is-active) > .el-radio-button__inner {
  color: black !important;
}
.el-dialog__body {
  color: black !important;
  font-size: 12px !important;
}
.el-checkbox__label {
  color: black !important;
}
.el-checkbox-button:not(.is-checked) > .el-checkbox-button__inner {
  color: black !important;
}
.el-message-box__message {
  color: black !important;
}
.vxe-cell {
  color: black !important;
}
.el-input__inner {
  color: black !important;
}
.el-range-input {
  color: black !important;
}
.el-cascader-node__label {
  color: black !important;
}
.el-textarea__inner {
  color: black !important;
}
.el-switch__label:not(.is-active) {
  color: black !important;
}