/* 项目css样式 */


/*带蓝色的标签*/

.customer-title-style {
    font-size: 12px;
    color: #343434;
    font-family: Source Han Sans CN;
    border-left: 3px solid #0083FF;
    font-weight: bold;
    padding-left: 5px;
    height: 13px;
    line-height: 13px;
}

.footer {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.df{
    display: flex;
}

.transformIcon {
    transform: rotate(90deg);
    border-radius: 50%;
    border: 1px solid #C7D5E5;
    background-color: #C7D5E5;
    color: #fff;
}

/* 相对定位 */
.posRelative{
    position: relative;
}

.posAbsolute{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.pl5 {
    padding-left: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mr5 {
    margin-right: 5px;
}

.p10px {
    padding: 10px
}

.p15px {
    padding: 15px
}

.p20px {
    padding: 20px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pl10 {
    padding-left: 10px
}

.ml10 {
    margin-left: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt15 {
    margin-top: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.mt30 {
    margin-top: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mr30 {
    margin-right: 30px;
}

.ml30 {
    margin-left: 30px;
}

.isLeft {
    text-align: left;
}

.flexDirection {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap
}

.mainBox {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flexColumn {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexSpaceBetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexSpaceColumn {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.copyPopover{
    cursor: pointer;
    color: dodgerblue;
}

.dangerRed{
    color: #f56c6c;
}

.basicColor {
    color: #409EFF;
}

/* 登录页面样式 */

#login {
    background-image: url('../images/bg_login3.jpg');
    /* background-position: center 110px; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #f0f2f5;
}


/*  */

.paddingLeftRight .el-tabs__content {
    overflow: inherit
}

.paddingLeftRight .margin30 {
    margin: 30px 0
}

.paddingLeftRight .height68 {
    height: 68px
}

.paddingLeftRight .el-table__header-wrapper,
.el-table__footer-wrapper {
    overflow: visible
}

.paddingLeftRight .el-table--scrollable-x .el-table__body-wrapper {
    overflow: visible
}

.paddingLeftRight .el-table {
    overflow: visible
}


/* 更改原生样式 */

.el-drawer__body {
    overflow: auto;
}


/* 改变原生组件的table字体大小 */

.paddingLeftRight .el-table {
    font-size: 12px;
}

.paddingLeftRight .el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
    font-size: 12px;
    padding: 0;
    height: 40px;
    background-color: #f5f5f5;
}

.container-info-class .el-col .el-button--mini {
    padding: 4px 10px
}

.paddingLeftRight .container-info-class .el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
    font-size: 12px;
    height: auto
}

.newTabsClass .el-tabs__item {
    font-size: 12px
}

.newTabsClass .el-tabs__header {
    margin: 0 0 5px
}

.newInputWidth .el-input--small {
    height: 26px;
    line-height: 26px;
    width: 130px;
    font-size: 12px;
}


/* 改变原生组件输入框的样式 */

.newInputWidth .el-input--small {
    height: 26px;
    line-height: 26px;
    width: 130px;
    font-size: 12px;
}

.newInputWidth .el-input--small .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 130px
}

.newInputWidth .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 130px;
    font-size: 12px;
    padding: 0 25px 0 5px;
}

.newInputWidth .el-input .el-input__suffix .el-input__icon {
    line-height: 26px;
}

.newInputWidth .el-form-item__label {
    font-size: 12px
}

.newInputWidth .el-form-item {
    margin-bottom: 0px;
}

.newInputWidth .el-input {
    width: 130px
}

.newInputWidth .editInputWidth .el-input {
    width: 160px
}

.newInputWidth .editInputWidth .el-input .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 160px
}

.newInputWidth .el-range-editor--small .el-range-input {
    font-size: 12px
}

.newInputWidth .el-form-item--small.el-form-item {
    margin-bottom: 0px;
}

.newInputWidth .el-form-item__content .el-input .el-input__inner {
    padding-left: 5px;
    padding-right: 28px;
}

.newInputWidth .el-input .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 130px
}

.newInputWidth .el-select .el-input--suffix .el-input__inner {
    padding-left: 5px;
    padding-right: 28px;
}

.newInputWidth .inputWidth100 .el-input .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 100%
}

.addEditInputWidth .el-input {
    width: 180px
}

.newInputWidth .addEditInputWidth .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 180px
}

.newInputWidth .addEditInputWidth .borderColor .el-input__inner {
    border-color: #F56C6C;
}

.newInputWidth .addEditInputWidth .el-input .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 180px
}

.addEditInputWidth .el-input .el-input__inner {
    height: 26px;
    line-height: 26px;
    width: 180px
}

.inputWidth100 .el-input--small .el-input__inner {
    /*width: 452px;*/
    width: 100%;
    font-size: 12px;
    padding: 0 25px 0 5px;
}

.inputWidth100 .el-input--small {
    height: 26px;
    line-height: 26px;
    /*width: 452px;*/
    width: 100%;
    font-size: 12px;
}

.inputWidth91 .el-input {
    width: 91%
}

.inputWidth45 .el-input {
    width: 44%
}

.textareaWidth100 .el-form-item {
    width: 100%;
}

.textareaWidth100 .el-form-item .el-form-item__content {
    width: 91%;
}

.textareaWidth95 .el-form-item .el-form-item__content {
    width: 95%;
}

.textareaWidth100 .el-textarea__inner {
    width: 96%;
    font-size: 12px
    /*width: 452px;*/
}

.textareaWidth95 .el-textarea__inner {
    width: 100%;
    font-size: 12px
    /*width: 452px;*/
}

.el-textarea .el-textarea__inner {
    font-size: 12px;
    padding-top: 10px;
    padding-left: 5px;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, SimSun, sans-serif;
}


/* .textareaWidth100 .el-textarea .el-input__count {
    right: 75px;
} */


/*日期*/

.receivableAndPayableStyle .dataPickerClass .el-input--suffix .el-input__inner {
    padding-left: 28px;
    padding-right: 28px;
}

.newInputWidth .dataPickerClass .el-input--suffix .el-input__inner {
    padding-left: 28px;
    padding-right: 28px;
}

.newInputWidth .dataPicker100 .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 100%;
    text-align: center
}

.newInputWidth .dataPicker100 .el-form-item__content .el-input .el-input__inner {
    width: 100%;
    text-align: center
}

.dataPicker100 {
    width: 100%
}

.newInputWidth .datetimePickerClass .el-input .el-input__inner {
    width: 180px
}

.newInputWidth .datetimePickerClass .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 180px
}

.newInputWidth .datetimePickerClass .InputWidth130 .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 130px;
}

.datetimePickerClass .el-input__icon {
    line-height: 26px;
}

.newInputWidth .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 130px
}

.addEditInputWidth .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 180px
}

.newInputWidth .el-range-editor--medium.el-input__inner {
    height: 26px
}

.newInputWidth .el-range-editor.el-input__inner {
    padding: 0 10px
}

.newInputWidth .el-range-editor--medium .el-range-input {
    font-size: 12px
}

.newInputWidth .el-range-editor--medium .el-range-separator {
    line-height: 26px;
    font-size: 12px;
}

.newInputWidth .el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
    line-height: 26px;
}

.widthi100Input .el-form-item__content .el-select {
    width: 100%;
}

.widthi100Input .el-form-item__content .el-select .el-input {
    width: 100%;
}

.widthi100Input .el-form-item__content .el-select .el-input .el-input__inner {
    width: 100%;
}

.widthi100Input .el-form-item__content .el-input {
    width: 100%;
}

.widthi100Input .el-form-item__content .el-input .el-input__inner {
    width: 100%;
}

.select100Input{
    width: 100%;
}

.select100Input .el-form-item__content {
    width: 100%;
}

.select100Input .el-form-item__content {
    width: 100%;
}

.select100Input .el-form-item__content .el-select{
    width: 100%;
}

.select100Input .el-form-item__content .el-input{
    width: 100%;
}

.select100Input .el-form-item__content .el-input .el-input__inner{
    width: 100%;
}

.el-scrollbar .el-select-dropdown__item{
    font-size: 12px;
}

/*把分页放列表左上*/

.newPagingStyle {
    margin-top: 10px;
    margin-bottom: 10px
}

.newPagingClass {
    margin-top: 0px;
    margin-bottom: 5px
}

.newPagingStyle .el-pager li {
    font-size: 12px
}

.newPagingStyle .el-pagination__sizes .el-input .el-input__inner {
    border: 1px solid #DCDFE6;
    font-size: 12px
}

.newPagingStyle .el-pagination__editor.el-input .el-input__inner {
    border: 1px solid #DCDFE6;
}

.newPagingStyle .el-pagination span:not([class*=suffix]),
.el-pagination button {
    font-size: 12px
}

.newPagingStyle .pagination-container .el-pagination {
    left: 0;
}

.newPagingStyle .pagination-container {
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 !important;
}


/*表格中input的样式*/

.required-class {
    color: #ff4949;
    margin-right: 4px;
}

.receivableAndPayableStyle .el-table .cell {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
}

.line-height-12 .el-table .cell {
    line-height: 12px !important;
}

.receivableAndPayableStyle .el-table .el-table__footer-wrapper td,
.receivableAndPayableStyle .el-table .el-table__footer-wrapper th {
    padding: 0px 0;
}

.receivableAndPayableStyle .el-table .cell.el-tooltip {
    min-width: 0;
}

.showTableDataClass .el-table .cell {
    padding-left: 5px;
    padding-right: 5px;
}

.table-th-td-0 .el-table th {
    padding: 0
}

.table-th-td-0 .el-table td {
    padding: 0
}

.receivableAndPayableStyle .el-table__body-wrapper td {
    padding: 0;
}

.receivableAndPayableStyle .el-table__body-wrapper .pl5 .cell {
    padding-left: 5px;
}

.receivableAndPayableStyle .el-table__body-wrapper .pl5 .cell.el-tooltip {
    padding-left: 5px;
}

.receivableAndPayableStyle .el-select{
    width: 100%;
}

.receivableAndPayableStyle .el-input .el-input__inner {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: 0;
    width: 100%
}

.receivableAndPayableStyle .is-disabled .el-input__inner {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    border: 0;
    width: 100%
}

.tableSelectWidth100 .is-disabled .el-input__inner {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: 0;
    width: 100%
}

.receivableAndPayableStyle .line-height-24 .el-input .el-input__inner {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    border: 0;
    width: 100%
}

.receivableAndPayableStyle .line-height-28 .el-input .el-input__inner {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    border: 0;
    width: 100%
}

.quotationInputClass .el-input__inner {
    padding-left: 5px;
    padding-right: 5px
}

.receivableAndPayableStyle .el-table {
    width: max-content;
    max-width: max-content;
}

.maxTableWidth .el-table {
    width: 100%;
    max-width: 100%;
}
.maxTableWidth .el-table .has-gutter {
    width: 100%;
    max-width: 100%;
}
.maxTableWidth .el-table--border::after, .el-table--group::after {
    top: 0;
    right: 0;
    width: 0px;
    height: 100%;
}
.maxTableWidth .el-table__footer-wrapper, .el-table__header-wrapper{
    overflow: visible;
}

/* .receivableAndPayableStyle .el-table td div {
    width: 100%
} */

.receivableAndPayableStyle .el-input-suffix {
    line-height: 26px;
}

.receivableAndPayableStyle .is-disabled .el-input-suffix {
    line-height: 40px;
}

.receivableAndPayableStyle .el-input {
    font-size: 12px
}

.receivableAndPayableStyle .el-input .el-input__icon {
    height: 26px;
    line-height: 26px;
}

.receivableAndPayableStyle .is-disabled .el-input__icon {
    height: 40px;
    line-height: 40px;
}

.tableSelectWidth100 .is-disabled .el-input__icon {
    height: 26px;
    line-height: 26px;
}

.receivableAndPayableStyle .el-input--suffix .el-input__inner {
    /*padding-right: 5px;*/
    padding-right: 30px;
    padding-left: 5px
}

.receivableAndPayableStyle .el-date-editor .el-input__inner {
    /*padding-right: 5px;*/
    padding-right: 30px;
    padding-left: 28px
}

.receivableAndPayableStyle .el-table--border th:first-child .cell {
    padding-left: 0;
}

.receivableAndPayableStyle .el-table--border td:first-child .cell {
    /* padding-left: 10px; */
    padding-left: 0px;
}

.receivableAndPayableStyle .paddingLR5 .el-table--border td:first-child .cell {
    padding: 0 5px;
}

.receivableAndPayableStyle .paddingLR5 .table-detail-class .cell {
    background: #f9f9f9
}

/*表里input Select 新样式*/

.tableInputSelectClass .el-table .el-table__header-wrapper th,
.tableInputSelectClass .el-table .el-table__fixed-header-wrapper th {
    font-size: 12px
}

.tableInputSelectClass .el-table--medium th,
.tableInputSelectClass .el-table--medium td {
    padding: 0px
}

.tableInputSelectClass .el-table .cell {
    padding-left: 0;
    padding-right: 0;
}

.tableSelectWidth100 .el-table--border td:first-child .cell {
    padding-left: 0px;
}

.tableSelectWidth100 .el-table .el-table__body .cell .el-select {
    width: 100%;
}

.tableSelectWidth100 .el-table .el-table__body .cell .el-date-editor.el-input {
    width: 100%;
}

.tableSelectWidth100 .el-autocomplete {
    width: 100%
}

/* 多选和单选样式 */

.informationClass .el-checkbox__label {
    font-size: 12px
}

.informationClass .el-form-item__content {
    font-size: 12px
}

.informationClass .el-radio .el-radio__label {
    font-size: 12px
}

.informationClass .el-checkbox {
    margin-right: 10px;
}

/*抽屉样式*/

.el-drawer-style .el-drawer__header {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    border-bottom: 1px solid #dfe4ed;
    margin-bottom: 0px;
    /*margin-bottom: 7px*/
    font-weight: bold;
}

.app-drawer-class {
    padding: 0 20px 20px 20px
}


/* 弹框样式 */

.el-dialog-style .el-dialog__header {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    border-bottom: 1px solid #dfe4ed;
    margin-bottom: 0px;
    /*margin-bottom: 7px*/
    font-weight: bold;
}

.el-dialog-style .dialog-footer {
    text-align: center;
    margin-top: 30px;
}


/*修改 dialog title 字体大小*/

.el-dialog-class .el-dialog__header {
    border-bottom: 1px solid #dfe4ed;
    margin: 0px 20px;
    padding: 20px 0px 10px 0px;
}

.el-dialog-class .el-dialog__title {
    font-size: 14px;
}

.el-dialog-class .el-dialog__body {
    padding: 0px 20px;
}


/* 表格表单样式 */

.callRowBorder {
    border-right: 1px #DEE2E6 solid;
    border-bottom: 1px #DEE2E6 solid;
    cursor: pointer
}

.callRowBorder .el-col {
    border-radius: 0;
}

.callBorderInputclass {
    height: 41px;
    text-align: left;
    border-top: 1px #DEE2E6 solid;
    border-left: 1px #DEE2E6 solid;
}

.view-label-class {
    height: 41px;
    background-color: #f8f8f9;
    padding-left: 5px;
    font-size: 12px;
    text-align: left;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #515A6E;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agreement-content-class {
    height: 500px;
}

.view-value-class {
    /* height: 50px; */
    /* padding-left: 5px; */
    font-size: 12px;
    text-align: left;
    font-family: Source Han Sans CN;
    color: #515A6E;
    /* padding: 10px 20px 5px 20px; */
}

.callBorderclass .el-input__inner {
    padding: 0 5px
}

.callBorderclass .el-autocomplete {
    width: 100%
}

.callBorderclass .el-cascader {
    width: 100%;
    line-height: 24px;
}

.inputNullBorder .disabled .el-input .el-input__inner {
    background: #F5F7FA
}

.inputNullBorder .input-required .el-input .el-input__inner {
    background: #FBFEC4
}

.inputNullBorder .input-required .el-date-editor{
    background: #FBFEC4
}

.inputNullBorder .input-required .el-range-input{
    background: #FBFEC4
}

.inputNullBorder .input-bring .el-input .el-input__inner {
    background: #D2FAFF
}

.inputNullBorder .checkbox-required {
    background: #FBFEC4
}

.inputNullBorder .cell-required {
    border-color: #F56C6C;
}

.disabled-div-class {
    padding: 0 5px;
    /*background: #EBEBEB;*/
    background: #F5F7FA;
}

.inputNullBorder .el-button.is-circle {
    padding: 2px;
    font-size: 8px
}

.adjustOrder .el-button--mini.is-round {
    padding: 2px
}

.inputNullBorder .item {
    margin: 0px
}

.inputNullBorder .title-label-class {
    font-size: 12px;
    padding-right: 5px;
    text-align: right;
}

.inputNullBorder .radio-required {
    background: #FBFEC4;
}

.inputNullBorder .el-radio-group {
    padding-left: 10px;
}

.inputNullBorder .el-radio-group .el-radio {
    padding-right: 15px;
}

.inputNullBorder .el-checkbox-group {
    padding-left: 10px;
}

.inputNullBorder .el-checkbox-group .el-checkbox {
    padding-right: 15px;
}

.height-100-height .el-input .el-input__inner {
    height: 99px;
}


/* .editor-class-height .w-e-text {
} */


/* aa */

.inputNullBorder .el-input {
    font-size: 12px
}

.inputNullBorder .el-select {
    width: 100%
}

.inputNullBorder .el-input .el-input__inner {
    height: 24px;
    line-height: 24px;
    /*border: 0;*/
    padding: 0 30px 0 5px
}

.inputNullBorder .el-input__suffix {
    height: 24px;
    line-height: 24px;
}

.inputNullBorder .callBorderclass .el-button--mini {
    padding: 2px 15px;
}

.inputNullBorder .callBorderclass .width60 .el-button--mini {
    padding: 5px 5px;
}

.inputNullBorder .el-date-editor.el-input,
.inputNullBorder .el-date-editor.el-input__inner {
    width: 100%
}

.inputNullBorder .dataPicker100 .el-input .el-input__inner {
    text-align: center;
}

.inputNullBorder .el-input .el-input__icon {
    line-height: 26px
}

.inputNullBorder .date-picker-input-class .el-input .el-input__inner {
    padding: 0 30px
}

.callBorderclass {
    height: 26px;
    line-height: 26px;
    text-align: left;
    border-top: 1px #DEE2E6 solid;
    border-left: 1px #DEE2E6 solid;
}

.callBorderclass .el-form-item {
    margin-bottom: 0px;
    width: 100%;
}

.callBorderclass .formItemWidth0 .el-form-item {
    width: auto;
}

.callBorderclass .el-form-item__content {
    line-height: 24px;
    font-size: 12px;
}

.callBorderclass .callInputWidth85 {
    display: flex;
}

.callBorderclass .width60 {
    width: 60px;
}

.callBorderclass .width120 {
    width: 120px;
}

.callBorderclass .callInput100px .el-input {
    width: 100px;
}

.callBorderclass .el-input-number {
    line-height: 24px;
}

.callBorderclass .el-input-number.is-controls-right .el-input-number__decrease {
    top: 12px;
}

.callUploadclass {
    border-top: 1px #DEE2E6 solid;
    border-left: 1px #DEE2E6 solid;
    height: 162px;
}

.callUploadclass .textClass {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.callUploadclass .el-upload-list__item-name {
    padding-left: 0px;
    font-size: 12px;
}

.title-value-class {
    padding-left: 5px;
    font-size: 12px;
    text-align: left;
    font-family: Source Han Sans CN;
    color: #515A6E;
}

.title-new-value-class {
    font-size: 12px;
    text-align: left;
    font-family: Source Han Sans CN;
    color: #515A6E;
}

.beyond_hiding {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-center {
    text-align: center
}
.btnCenter .el-message-box__btns{
    text-align: center!important;
}
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}


/* .el-tree .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children div {
    float: left;
} */
.priceCheckBox .el-radio__label{
    width: 0px;
    padding-left: 0px;
}

.el-drawer:focus {
    outline: none; 
}

.newRadioClass .el-form-item__label {
    width: 65px !important;
}
.newRadioFormClass .el-form-item__label {
    width: 90px !important;
}
.newRadioClass .el-radio {
    margin-right: 15px;
    font-size: 12px;
}
.newRadioClass .el-radio .el-radio__label {
    font-size: 12px;
}

/* 当前行高亮 */
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{
    background-color: #fffbe0 !important;
    color: #06aea6;
}
.el-table__body tr.current-row>td{
    background-color: #fffbe0 !important;
    color: #06aea6;
}

.overFlow .el-dialog .el-dialog__body {
    overflow: auto;
}