body .anticon:before {
    /* 优先调用 sy-anticon 字体 */
    /*font-family: "anticon", "sy-anticon" !important;*/
    font-family: "iconfont" !important;
    /* 默认样式是这样
        font-family: "anticon" !important;
    */
}

/*容器样式*************************/

/******************************************** rowSingle:单行的Row布局  *********************/

html,
body,
:global(#root),
body .divBody,
body .divPage,
body .divComponent,
body .rowSingle {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.ContentWrapper {
    height: 100%;
}

:global(#divPopupComponentRoot) {
    width: 100%;
    height: 0px;
    position: relative;
}

body .divContent {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

/*************************覆盖Antd样式***开始**********************************/

.ant-menu-submenu.ant-menu-submenu-popup {
    background-color: #ffffff;
}

/******************滚动条***开始*****************/

* ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 4px;
    background-color: #f1f1f1;
    cursor: pointer;
}

* ::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 4px;
}

* ::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
}

/******************滚动条***结束*****************/

/******************Row Col***开始*****************/

body .ant-row {
    width: 100%;
}

body .ant-row [class^="ant-col-"] {
    height: 100%;
}

/******************Row Col***结束*****************/

/******************模态窗口垂直居中***开始*****************/

body .ant-modal-wrap {
    display: -webkit-flex;
    align-items: center;
}

body .ant-modal-wrap > .ant-modal {
    top: 0px;
}

/**********设置模态窗口confirm的确认按钮在左*************/

body .ant-modal-confirm .ant-modal-confirm-btns button {
    margin-left: 8px;
    padding: 0px 10px;
    float: right;
}

/******************模态窗口垂直居中***结束*****************/

/******************气泡确认框***开始*****************/

/**设置确认按钮在左**/

body .ant-popover .ant-popover-buttons {
    overflow: hidden;
}

body .ant-popover .ant-popover-buttons button {
    float: right;
}

/******************气泡确认框***结束*****************/

/*****************Layout***开始***************************/

body .ant-layout {
    width: 100%;
    height: 100%;
    background: unset;
}

body .ant-layout > .ant-layout-header {
    height: auto;
    max-height: 100%;
    line-height: unset;
    padding: 0px;
    background: unset;
}

body .ant-layout > .ant-layout-content {
    flex: 1;
    overflow: hidden;
}

/*****************Layout***结束***************************/

/*------------------------------------------------------------------------------------*/

/*****************Form***开始***************************/

body .ant-form .ant-form-item-control-wrapper .ant-form-item-children {
    width: 100%;
    height: 100%;
    display: block;
}

body
    .ant-form
    .ant-form-item-control-wrapper
    .ant-form-item-children
    .ant-calendar-picker,
body
    .ant-form
    .ant-form-item-control-wrapper
    .ant-form-item-children
    .ant-input-number {
    width: 100%;
}

/*****************Form***结束***************************/

/*------------------------------------------------------------------------------------*/
/*****************提醒***开始***************************/

body .ant-notification {
    z-index: 10002 !important;
}

/*****************提醒***结束***************************/

/*****************右键菜单***开始***************************/

body .react-contextmenu-wrapper {
    width: 100%;
    height: 100%;
}

body .react-contextmenu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    color: #373a3c;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    outline: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms ease !important;
}

body .react-contextmenu.react-contextmenu--visible {
    opacity: 1;
    pointer-events: auto;
}

body .react-contextmenu-item {
    padding: 3px 10px;
    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    cursor: pointer;
}

body .react-contextmenu-item i {
    margin: 0px 5px 0px 5px;
}

body .react-contextmenu-item.react-contextmenu-item--active,
body .react-contextmenu-item.react-contextmenu-item--selected {
    color: #fff;
    background-color: #20a0ff;
    border-color: #20a0ff;
    text-decoration: none;
}

body .react-contextmenu-item.react-contextmenu-item--disabled,
body .react-contextmenu-item.react-contextmenu-item--disabled:hover {
    color: #878a8c;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.15);
}

body .react-contextmenu-item--divider {
    margin-bottom: 3px;
    padding: 2px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    cursor: inherit;
}

body .react-contextmenu-item--divider:hover {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.15);
}

body .react-contextmenu-item.react-contextmenu-submenu {
    padding: 0;
}

body
    .react-contextmenu-item.react-contextmenu-submenu
    > .react-contextmenu-item:after {
    content: "▶";
    display: inline-block;
    position: absolute;
    right: 7px;
}

.example-multiple-targets::after {
    content: attr(data-count);
    display: block;
}

/*****************右键菜单***结束***************************/

/*****************Progress页面进度条***开始***************************/

.divPageProgress .ant-progress {
    width: 100%;
    height: 100%;
    display: block;
}

.divPageProgress .ant-progress > div {
    width: 100%;
    height: 100%;
    display: block;
}

.divPageProgress .ant-progress > div .ant-progress-outer {
    width: 100%;
    height: 100%;
    display: block;
}

.divPageProgress .ant-progress > div .ant-progress-outer .ant-progress-inner {
    width: 100%;
    height: 100%;
    display: block;
}

/*****************Progress页面进度条***结束***************************/

/*****************按钮***开始***************************/

.divToolBar .btnToolBar {
    margin: 3px 5px 3px 5px;
}

/*****************按钮***结束***************************/

/*****************Card***开始***************************/

body .ant-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .ant-card .ant-card-head {
    padding: 0 10px;
}

body .ant-card .ant-card-body {
    flex: 1;
    padding: unset;
}

/*****************Card***结束***************************/

/*************************覆盖Antd样式***结束**********************************/

body .ant-btn {
    padding: 0 8px;
}

body .ant-btn.withoutIcon {
    padding: 0 16px;
}

body .table-inline-tools .ant-btn {
    height: 20px;
}

body .ant-modal-footer {
    border: none;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.1);
    background-color: #fafbfc;
    padding: 14px 16px;
}

body .ant-modal-header {
    border-bottom: 1px solid #c9d1fb;
}

body .ant-collapse.CollapsePanel .ant-collapse-item .ant-collapse-header {
    padding: 10px 5px;
    position: relative;
    color: #697ad4;
    border-bottom: 2px solid #e7e9ed;
}

body
    .ant-collapse.CollapsePanel
    > .ant-collapse-item
    > .ant-collapse-header
    .arrow {
    left: unset;
    right: 0;
    color: #c7c7c7;
}

body .ant-collapse-borderless.CollapsePanel > .ant-collapse-item {
    border: none;
}

body .ant-collapse-borderless.CollapsePanel .ant-collapse-content {
    padding-top: 10px;
}

/********************设置表单组件禁用背景色***开始*****************************/

body .ant-input-disabled,
body .ant-select-disabled .ant-select-selection {
    background-color: rgba(254, 254, 254, 1);
}

.ant-input-disabled[mode="choseonly"][_disabled="false"] {
    color: rgba(0, 0, 0, 0.65);
}

body .ant-switch-disabled {
    cursor: not-allowed;
}

/********************设置表单组件禁用背景色***结束*****************************/

td .divColumnOperate {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    left: 2px;
    top: 2px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

td .divColumnOperate button {
    height: 20px;
    line-height: 20px;
    flex: 0 1 auto;
    margin: 7px 5px auto 5px;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.login-tip {
    color: #ffffff;
    width: 820px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 50%;
    margin-left: -410px;
    top: 50%;
    margin-top: 195px;
}

/***************************修复SearchBar，标签内容line-height问题***************************/
.ant-layout-header
    .__SearchBar
    .__QuickSearchBar
    .__QuickSearchItems
    .__divSearchItem
    .__divSearchItemLabel {
    line-height: 32px !important;
}

.__divInputContract
    > .ant-spin-nested-loading
    > div
    > .ant-spin.ant-spin-show-text
    > .ant-spin-dot {
    margin-top: -10px !important;
}
/*表单的label宽度*/
.ant-form-item-label {
    flex: 0 0 126px !important;
}
.tablex-table-body .ant-btn-icon-only {
    margin: 0 3px !important;
}
/**操作列**/
.bHCIIi {
    text-align: right !important;
    padding-right: 5px !important;
}
.tablex__container .divColumnOperate {
    justify-content: flex-end !important;
}
/* 表格内的字体 */
.tablex-container.tablex-bordered {
    border: 1px solid #e8e8ee;
    font-size: 12px;
}
/*表格头的字体*/
.tablex-table .tablex-table-head-group-cell-inner,
.tablex-table .tablex-table-head-cell-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
    font-size: 12px !important;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
/* 搜索框的宽度
.ant-input-affix-wrapper {
    width: 220px !important;
} */
/*搜索框内的内容*/
.ant-input-affix-wrapper .ant-input {
    font-size: 12px !important;
}
.tablex-table-row-cell {
    font-size: 12px !important;
}

/*流程表单操作列 */

.tablex__container .divColumnOperate {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    /* position: absolute; */
    left: 2px !important;
    top: 2px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-right: 5px !important;
}

.tablex__container .divColumnOperate .ant-btn-gray {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
}

/*数字输入框，金额单元后缀样式修改*/
.moneyInput {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.moneyInput .ant-input-group-addon:last-child {
    background-color: #1890ff !important;
    color: rgb(250 251 252) !important;
}

.moneyInput .__divFormRowItem {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.moneyInput.haveMargin .__divFormRowItem {
    margin-right: 5px !important;
}

.ant-form
    .ant-form-item
    .ant-form-item-control-wrapper
    > .has-error
    .ant-checkbox-wrapper {
    color: #f5222d;
}

.ant-form
    .ant-form-item
    .ant-form-item-control-wrapper
    > .has-error
    .ant-checkbox-wrapper
    > .ant-checkbox
    > .ant-checkbox-inner {
    border-color: #f5222d;
}

.ant-form
    .ant-form-item
    .ant-form-item-control-wrapper
    > .has-error
    .ant-radio-group
    > .ant-radio-wrapper {
    color: #f5222d;
}

.ant-form
    .ant-form-item
    .ant-form-item-control-wrapper
    > .has-error
    .ant-radio-group
    > .ant-radio-wrapper
    > .ant-radio
    > .ant-radio-inner {
    color: #f5222d;
    border-color: #f5222d;
}

/*表格流程名称列取消驳回红色显示-Start*/
.tablex-table-row-cell[data-columnkey="instanceName"]
    .tablex-table-row-cell-inner
    label {
    color: #1890ff;
}
/*End*/

/*取消审批记录电子签名边框样式-Start*/
.ant-steps-item-content
    > .ant-steps-item-title
    div[__tooltip="审批人电子签名"]
    img {
    border: none;
}

.ant-steps-item-content
    > .ant-steps-item-title
    div[title="审批人电子签名"]
    img {
    border: none;
}
/*End*/

.lsc-input-addon .ant-input-group-addon {
    width: auto;
}

.lsc-tabs {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.lsc-tabs .ant-tabs-content {
    flex: 1;
    max-height: calc(100% - 60px);
}

.lsc-tabs .ant-tabs-content .ant-tabs-tabpane {
    height: 100%;
}