@import "./common/variables.scss";
@import "./common/layout.scss";
body {
    font-family: $fontFamily
}

.el-button--primary {
    // background-color: $button-back;
    @include button
}

.el-table thead {
    @include table-thead;
    tr {
        th {
            padding: 0;
            height: 40px;
            background: $thead-bgcolor;
        }
    }
}

.el-table__body td {
    padding: 0;
    height: 40px;
}

.operate_show_btn {
    float: left;
    @include show-btn($show-btn);
    &:hover,
    &:focus {
        background: $show-btn-hover!important;
    }
}

.operate_edit_btn {
    float: left;
    @include show-btn($edit-btn);
    &:hover,
    &:focus {
        background: $edit-btn-hover
    }
}
.operate_issued_btn {
    float: left;
    @include show-btn($issued-btn);
    &:hover,
    &:focus {
        background: $issued-btn-hover
    }
}

.operate_delete_btn {
    float: left;
    @include show-btn($delete-btn);
    &:hover,
    &:focus {
        background: $delete-btn-hover!important;
    }
}
.operate_withdraw_btn {
    float: left;
    @include show-btn($withdraw-btn);
    &:hover,
    &:focus {
        background: $withdraw-btn-hover!important;
    }
}
.operate_download_btn {
    float: left;
    @include show-btn($download-btn);
    &:hover,
    &:focus {
        background: $download-btn-hover!important;
    }
}
.operate_bulletin_btn {
    float: left;
    @include show-btn($bulletin-btn);
    &:hover,
    &:focus {
        background: $bulletin-btn-hover!important;
    }
}

.operate_forbidden_btn {
    @include show-btn(#3ae5cf);
    &:hover,
    &:focus {
        background: #31ccb8!important;
    }
}

.operate_check_btn {

    @include show-btn(#93cc5a);
    &:hover,
    &:focus {
        background: #81b54d!important;
    }
}

.operate_download_btn {
    @include show-btn(#3abee5);
    &:hover,
    &:focus {
        background: #30a0c1!important;
    }
}

.operate_import_btn {
    @include show-btn($import-btn);
}

.dashboard {
    &-container {
        margin: 10px;
        background: $thead-bgcolor;
        border: 1px solid #efeded;
        padding: 10px;
    }
    &-text {
        font-size: 30px;
        line-height: 46px;
    }
}

.el-select,
.el-cascader {
    width: 100%;
}

.addBtnBg {
    background: $add-btn-bg;
    height: 54px;
    line-height: 54px;
    padding-left: 10px;
}

// .el-form-item {
//     margin-bottom: 10px;
// }
.el-form-item__label {
    color: $label-color;
}

.el-table {
    color: #666666;
}

.el-table--border,
.el-table--group {
    border-top: 1px solid #eaeaea;
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #eaeaea;
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #eaeaea;
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #f9f9f9;
}

.iconfont {
    vertical-align: middle;
    font-size:13px;
}

.iconfont+span {
    margin-left: 5px;
}
.iconfont span{
    margin-left: 5px;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: $button-back-hover;
    border-color: $button-back-hover;
}

//确认弹窗样式
.el-message-box {
    border: 0px none;
    padding-bottom: 20px;
}

.el-message-box__header {
    background-color: $dialog-header;
}

.el-message-box__title {
    color: $dialog-tit-color;
    font-size: 14px;
}

.el-message-box__headerbtn .el-message-box__close {
    color: $dialog-tit-color;
    font-size: 25px;
}

.el-message-box__headerbtn {
    top: 9px;
    right: 7px;
}

.el-message-box__content {
    font-size: 14px;
    color: $dialog-con-color;
    text-align: center;
}

.el-message-box__status.el-icon-warning {
    display: none;
}

.el-message-box__message p {
    height: 100px;
    line-height: 100px;
}

.el-message-box__btns {
    text-align: center;
}

.el-message-box__btns .el-button {
    @include button
}

//普通弹窗样式
.el-dialog .el-dialog__header {
    background-color: $dialog-header;
    padding: 7px 10px 9px;
}

.el-dialog .el-dialog__title {
    color: $dialog-tit-color;
    font-size: 14px;
}

.el-dialog .el-dialog__headerbtn {
    top: 9px;
    right: 7px;
}

.el-dialog .el-dialog__headerbtn .el-dialog__close {
    color: $dialog-tit-color;
    font-size: 25px;
}

.el-dialog .el-dialog__footer {
    text-align: center;
}

//面包屑
.breadcrumb-wrap {
    background-color: $breadcrumb-bg;
}

.breadcrumb-wrap .el-breadcrumb {
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
}

.breadcrumb-wrap .el-breadcrumb__item .el-breadcrumb__inner {
    color: $breadcrumb-color;
}

.breadcrumb-wrap .site {
    color: $breadcrumb-color;
    float: left;
    font-size: 14px;
}

.breadcrumb-wrap .site i {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background: $button-back!important;
    color: #fff;
}

// 查询下边距
.search {
    &-div {
        .el-col {
            height: 51px;
        }
    }
}

.search-form{
    display: inline-block;
}

.search-button {
    margin: 0 40px 0 20px;
    //float: right;
    display: inline-block;
    position: relative;
    //top:6px;
    .search-line {
        cursor: pointer;
        border-left: 1px dashed #737bf1;
        height: 38px;
        display: inline-block;
        margin-right: 14px;
        vertical-align: middle;
    }
    .search-select {
        color: #409eff;
        background: #deebf9;
        border-color: #b3d8ff;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        margin-right: 10px;
        border-radius: 4px;
        font-size: 14px;
        padding: 0 8px;
        cursor: pointer;
        user-select: none;
    }
}
.search-bm-boder{
    border-bottom:1px dashed #006bd5;
    margin-bottom: 10px;
    .el-form-item{
        margin-bottom:10px;
    }
}
.inputCompatible{
    width: 180px !important;
}
.dateInputCompatible{
    width: 250px !important;
}
