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

.el-button--primary {
    @include button
}

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

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

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

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

.operate_delete_btn {
    float: left!important;
    @include show-btn($delete-btn);
    &:hover,
    &:focus {
        background: $delete-btn-hover!important;
    }
}
.operate_withdraw_btn {
    float: left!important;
    @include show-btn($withdraw-btn);
    &:hover,
    &:focus {
        background: $withdraw-btn-hover!important;
    }
}
.operate_download_btn {
    float: left!important;
    @include show-btn($download-btn);
    &:hover,
    &:focus {
        background: $download-btn-hover!important;
    }
}
.operate_bulletin_btn {
    float: left!important;
    @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);
}
//.el-submenu__title{
//    background-color: #2258a5!important;
//    color: #fff!important;
//}
//.menuItem-wrapper > li{
//    background-color: #2258a5!important;
//    color: #fff!important;
//}
//.project-title{
//    background-color: #49a2fa !important
//}
//.project-title {
//    background-color: #49a2fa !important;
//}
//.el-menu-item.is-active {
//    background: gradient(linear, left top, left bottom, from(transparent), to(transparent)) !important;
//    background: linear-gradient(to bottom, transparent, transparent) !important;
//    background-color: #2258a5 !important;
//}
.dashboard {
    &-container {
        margin: 10px!important;
        background: $thead-bgcolor!important;
        border: 1px solid #efeded!important;
        padding: 10px!important;
    }
    &-text {
        font-size: 30px!important;
        line-height: 46px!important;
    }
}

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

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

.el-form-item__label {
    color: $label-color!important;
}

.el-table {
    color: #666666!important;
}

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

.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!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.el-message-box__message p {
    height: 20px!important;
    line-height: 20px!important;
}

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

.el-message-box__btns .el-button {
    @include button
}
.el-message-box__btns .el-button:nth-of-type(1) {
	float: right;
	margin-right: 136px;
}
.el-message-box__btns .el-button:nth-of-type(2) {
	float: left;
	margin-left: 136px;
}

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

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

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

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

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

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

.breadcrumb-wrap .el-breadcrumb {
    height: 45px!important;
    line-height: 45px!important;
    padding-left: 7px!important;
}

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

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

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

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

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

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

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