@import "./ourBackgroundColor.scss";
.el-dropdown-menu__item {
    font-size: 12px !important;
    line-height: 28px !important;
}

.el-scrollbar__view {
    height: 100%;
}

.el-menu--horizontal {
    border-bottom: none !important;
}

.el-menu {
    border-right: none !important;
}

.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
    display: none;
}

.el-message__icon,
.el-message__content {
    display: inline-block;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
    height: auto;
    overflow: hidden;
}

.el-dialog__wrapper {
    z-index: 2048;
}

.el-col {
    margin-bottom: 8px;
}

.el-main {
    padding: 0 !important;
}

.el-upload__tip {
    color: #fff;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background-color: transparent;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background-color: transparent !important;
}

.el-card__header {
    padding: 6px 18px !important;
}

//部分全局颜色设置
.el-card__body {
    background-color: $mainB !important;
    // border:1px solid $mainB !important;
    //padding: 16px !important;
}

.el-divider--horizontal {
    margin: 12px 0 !important;
}

.avue-group .el-collapse,
.avue-group .el-collapse-item__wrap {
    border-color: $mainB !important;
    background-color: $mainB !important;
}

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

.avue-crud__menu {
    background-color: $mainB !important;
}

.el-table {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-table th,
.el-table tr {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-table__body tr.hover-row > td {
    background-color: $mainBhover !important;
}

.el-button--text {
    color: $fontColor !important;
}

.el-card {
    background-color: $mainB !important;
}

.el-tabs__item {
    color: $fontColor !important;
}

//标签栏活动按钮
.el-tabs__item.is-active {
    color: $fontColorActive1 !important;
}

.el-input.is-disabled .el-input__inner {
    color: $fontColor !important;
}

.el-textarea.is-disabled .el-textarea__inner {
    color: $fontColor !important;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: $mainB !important;
}

.el-pagination__jump,
.el-pagination__total {
    color: $fontColor !important;
}

.avue-sidebar .el-menu-item i,
.avue-sidebar .el-menu-item span,
.avue-sidebar .el-submenu__title i,
.avue-sidebar .el-submenu__title span {
    color: $fontColor !important;
}

.el-menu-item:hover {
    background-color: $mainBhover !important;
    // color: red !important;
}

.el-input__inner {
    background-color: $inputqiu !important;
    color: $fontColor !important;
    border: 1px solid $inputBorder !important;
}

.el-tree-node__content {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-tree-node__content:hover {
    background-color: $mainBhover !important;
}

//el按钮
.el-button {
    background-color: $mainBhover !important;
    color: $fontColor !important;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: $inputB !important;
    color: $fontColor !important;
}

.el-tree {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-table th {
    background-color: $inputB1 !important;
}

//弹窗
.el-dialog__header {
    background-color: $mainB !important;
}

.avue-dialog .el-dialog__title,
.avue-dialog .el-drawer__header,
.el-dialog__title {
    color: $fontColor !important;
}

.el-dialog__body {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.w-e-toolbar {
    // background-color: $inputB !important;
    background-color: #fff !important;
    color: $fontColor !important;
    // border: 1px solid $inputBorder !important;
}

.w-e-text-container {
    border: 1px solid $inputBorder !important;
}

.el-collapse-item__content {
    color: $fontColor !important;
}

//表格等待
.el-loading-mask {
    background-color: $mainB !important;
}

//附件上传弹窗中心
.el-upload-dragger {
    background-color: $inputB1 !important;
}

.el-upload-dragger .el-upload__text,
.el-upload-dragger .el-icon-upload {
    color: $fontColor !important;
}

//单选
.el-radio {
    color: $fontColor !important;
}

//多行输入
.el-textarea__inner {
    background-color: $inputB1 !important;
    border: 1px solid $inputBorder !important;
}

// 数字type input
.el-input-number__decrease,
.el-input-number__increase {
    background-color: $inputB1 !important;
}

//菜单图标
.el-input-group__append,
.el-input-group__prepend {
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

//登入表单 恢复按钮
.login-border .el-input__inner {
    background-color: #fff !important;
    color: #606266 !important;
}

//菜单编辑删除按钮
.el-button + .el-button {
    padding-left: 8px;
    padding-right: 8px;
}

//菜单自定义按钮
.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

//菜单按钮
.login-border .el-button {
    background-color: $buttonB !important;
    color: #fff !important;
}

//bug窗口
.el-dialog,
.el-pager li {
    background-color: $mainB !important;
}

//导航搜索 下拉
.el-autocomplete-suggestion__wrap {
    background-color: $mainB !important;
}

.el-autocomplete-suggestion li {
    color: $fontColor !important;
}

.el-autocomplete-suggestion li:hover {
    background-color: $inputB1 !important;
}

//总标签栏 更多 下拉框
.el-dropdown-menu {
    background-color: $mainB !important;
}

.el-dropdown-menu__item {
    color: $fontColor !important;
}

.el-dropdown-menu__item:hover {
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

//总标签栏
.avue-tags {
    background-color: $mainBx1 !important;
    color: $fontColor !important;
}

//通知弹窗
.el-popover {
    background-color: $mainB !important;
}

.avue-notice__subtitle,
.avue-notice__title {
    color: $fontColor !important;
}

//左侧导航栏
.avue-logo {
    background-color: $mainB !important;
}

.avue-sidebar {
    background-color: $mainB !important;
}

//表格搜索 下拉
.el-scrollbar__view,
.el-select-dropdown__list {
    background-color: $mainB !important;
}

.el-select-dropdown__item {
    color: $fontColor !important;
}

// .el-select-dropdown__item:hover {
//   background-color: $inputB1 !important;
//   color: $fontColor !important;
// }
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

//弹框消息
.el-message-box {
    background-color: $mainB !important;
}

.el-message-box__content {
    color: $fontColor !important;
}

//用户头像边上的下拉 字体颜色
.el-dropdown-menu__item a {
    color: $fontColor !important;
}

// a
//top导航颜色
.avue-header {
    background-color: $mainB !important;
}

//选取时间
.el-picker-panel {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

.el-picker-panel__footer {
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-date-table th {
    color: $fontColor !important;
}

.el-range-editor--small .el-range-input {
    background-color: transparent !important;
}

.el-picker-panel__icon-btn {
    color: $fontColor !important;
}

//证件照吊销  弹窗颜色
.el-message-box__title {
    color: $fontColor !important;
}

//发起回报
.el-textarea__inner {
    color: $fontColor !important;
}

//通知公告 白色bug
.el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: transparent !important;
}

//用户管理
.el-collapse-item__header {
    background-color: $mainB !important;
}

.avue-group__icon,
.avue-group__title {
    color: $fontColor !important;
}

//保安人员管理  去掉横向滚动条
.box .el-scrollbar__wrap {
    overflow-y: scroll;
    overflow-x: hidden;
}

//菜单管理  左边展开
.el-table__expand-icon {
    color: $fontColor !important;
}

// 左侧树形 阴影
// .el-card.is-always-shadow {
//   box-shadow: 3px 3px 15px -2px rgb(0, 0, 0);
// }
//表格斑马纹
.el-table tr:nth-child(2n -1) {
    background-color: #3457b1 !important;
}

//去除表格底部线
.el-table td,
.el-table th.is-leaf {
    border: 1px solid rgba($color: #ffffff, $alpha: 0.2);
}

// //顶部搜索栏
// .el-card.is-never-shadow.avue-crud__search {
//   position: absolute;
//   width: calc(100% - 180px);
//   z-index: 500;
//   border: none !important;
//   box-shadow: none !important;
// }
// .registersss .el-card.is-never-shadow.avue-crud__search {
//   width: calc(100% - 360px) !important;
// }
// .users .el-card.is-never-shadow.avue-crud__search {
//   width: calc(100% - 800px) !important;
//   left: 630px;
// }
// //有按钮的
// // .dispatchChildoperable .el-card.is-never-shadow.avue-crud__search {
// //   // left: 120px;
// //   width: calc(100% - 300px);
// // }
// .regulatoryInformation .el-card.is-never-shadow.avue-crud__search {
//   left: 120px;
//   width: calc(100% - 300px);
// }
// .notice .el-card.is-never-shadow.avue-crud__search {
//   left: 120px;
//   width: calc(100% - 300px);
// }
// .workreply .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .oos .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .role .el-card.is-never-shadow.avue-crud__search {
//   left: 280px;
//   width: calc(100% - 460px);
// }
// .dept .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .post .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .dict .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .dictbiz .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .menu .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .jurs .el-card.is-never-shadow.avue-crud__search {
//   left: 200px;
//   width: calc(100% - 380px);
// }
// .tenant .el-card.is-never-shadow.avue-crud__search {
//   width: calc(100% - 800px) !important;
//   left: 430px;
// }
// .company-box .el-card.is-never-shadow.avue-crud__search {
//   width: calc(100% - 100px) !important;
// }
// .permit .el-card.is-never-shadow.avue-crud__search {
//   width: calc(100% - 380px) !important;
//   left: 160px;
// }
// .avue-form {
//   position: relative;
//   top: 15px;
// }
// //顶部按钮栏
// .avue-crud__menu {
//   height: 60px;
// }
// //顶部按钮
// .avue-crud .avue-crud__left .el-button,
// .avue-crud .avue-crud__right .el-button,
// .avue-form .avue-crud__left .el-button,
// .avue-form .avue-crud__right .el-button {
//   position: relative;
//   top: 15px;
// }
// 搜索栏按钮左移
// .avue-form__group:nth-last-child() .el-form-item__content {
//   margin-left: 30px !important;
//   width: 165px !important;
// }
.avue-form__menu--center .el-button {
    float: left;
}

.avue-form__menu--center .el-button:nth-child(1) {
    margin-left: 30px;
}

//编辑弹窗上横线
.avue-dialog .el-dialog__header {
    border-bottom: 1px solid #7ec9de;
}

//弹窗关闭和全屏按钮
.el-dialog__headerbtn .el-dialog__close,
.avue-crud__dialog__menu i {
    color: $close !important;
}

// 角色管理权限弹窗
// .el-tabs--border-card {
//   background-color: $mainB !important;
// }
.el-tabs--border-card {
    background-color: $mainB !important;
}

.el-tabs--border-card > .el-tabs__header {
    background-color: $mainB !important;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    background-color: transparent !important;
    border-bottom: 1px solid $mainB !important;
}

// 系统字典新增
.el-switch__label {
    color: $fontColor;
}

.avue--detail .el-radio.is-checked .el-radio__label {
    color: $fontColor;
}

.el-tag {
    border: none !important;
    color: $fontColor !important;
    background-color: transparent !important;
}

//保安员详情 表格hover
.el-table__row:hover td {
    background-color: $mainBhover !important;
}

//覆盖左侧主菜单 监管 样式
.el-menu-item:focus // .el-menu-item:hover
{
    background-color: $black !important;
}

// logo 颜色
.login-border {
    .el-input__inner {
        border: 1px solid transparent !important;
        border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1) !important;
    }
}

//
.el-range-editor--mini .el-range-input {
    background-color: transparent !important;
}

// 右侧弹窗  表格显影功能  背景
.el-drawer__open .el-drawer.rtl {
    background-color: $mainB !important;
}

// .registersss .avue-form__menu {
//   position: relative;
//   width: 100%;
//   display: flex;
//   flex-direction: row-reverse;
// }
.rowClickSelf {
    // border: 1px solid #2593ee !important;
    &:hover {
        cursor: pointer;
    }
}

//格子
// .el-table th.is-leaf {
//   border: 1px solid #fff;
//   box-sizing: border-box;
// }
.avue-empty__desc {
    color: #fff !important;
}

.company-box .avue-form__menu--center {
    width: 300px;
}

// .fontcolorfff .el-date-editor .el-range-input {
.el-date-editor .el-range-input {
    color: #fff !important;
}