.blue-theme {
    $-primary-color: #75c5f8; // 主题色
    $-main-bg-color: #071a35; // el-main 背景色
    $-box-bg-color: rgba(#626262, .1); // el-main 背景色
    $-box-bg-color1: #202835;
    $-border-color: #335C95; //分割线颜色
    $-color-text-primary: #fde6c6; // 重要文字颜色
    $-table-header-bg-color: #283E5F; // 表格表头颜色
    $-tags-view-bg-color: #435662; // 标签页颜色
    background-image: radial-gradient(closest-side at 50% 50%, #2065ac, #1c385e);

    #Layout {
        .el-header {
            background: rgba(18, 59, 102, 0);
            -webkit-box-shadow: 0 5px 40px #446da6;
            box-shadow: 0 5px 40px #446da6;
        }

        .el-aside {
            background: rgb(23, 50, 84);
        }

        .el-main {
            background: none;

            .tags-view-container .tags-view-wrapper .tags-view-item.router-link-exact-active {
                color: #fff;
                border: 0px;
                border: 0px;
                background: rgba(108, 164, 205, 0.15) !important;
                height: 25px;
                line-height: 25px;
            }

            .tags-view-wrapper .tags-view-item .el-icon-close:hover {
                background-color: #0e305d;
                border: 0px;
            }

            .tags-view-container {
                .tags-view-wrapper {
                    background: none;
                    border-bottom: none;

                    .tags-view-item {
                        background: rgba(0, 0, 0, 0.2);
                        color: #6ca4cd;
                        border: 0px;
                    }
                }

                .refresh {
                    background: #484848;
                }
            }

            .searchBox {
                border-bottom: none;
            }
        }

        .el-dialog {
            background-image: radial-gradient(closest-side at 20% 100%, #2065ac, #1c385e);

            .el-dialog__header {
                border-bottom: 1px solid $-box-bg-color;
            }

            .el-dialog__body {
                .title_info {
                    color: $-color-text-primary;
                    border-bottom: 2px solid $-border-color;
                }
            }

            .el-dialog__footer {
                border-top: 1px solid $-box-bg-color;
            }
        }
    }

    .CdtSearch {
        border-color: $-border-color;
        background: $-box-bg-color;

        .flexBtn {
            background: $-box-bg-color;

            &:hover {
                color: $-primary-color;
            }
        }

        .el-button {
            min-width: 80px;
        }
    }

    .CdtForm {
        background: rgb(28, 56, 94);

        .el-form-item__content {
            color: #fff;
        }

        .treeLable {
            background-color: rgb(45, 74, 114);
            color: #fff;
            border: 1px solid #566477;
        }
    }

    .CdtTable {
        .toolBar {
            padding: 6px 10px;
            background: $-box-bg-color;

            .el-button--text {
                color: $-color-text-primary;
            }

            .el-icon-download,
            .el-icon-setting {
                color: $-color-text-primary;
            }
        }

        .el-table {
            tr {
                td {
                    border: none !important;
                }
            }

            .el-button .iconfont {
                color: $-color-text-primary;
            }
        }

        .el-table__fixed::before,
        .el-table__fixed-right::before,
        .el-table--border::after,
        .el-table--group::after,
        .el-table::before {
            background: #4a484d;
        }

        .block .el-pagination {
            background: $-box-bg-color;
        }
    }

    .el-button {
        color: #fff;

        &.el-button--primary {
            background-image: linear-gradient(0deg,
                    #284a94 0%,
                    #3388be 100%),
                linear-gradient(#ffeb1c,
                    #ffeb1c);
            background-blend-mode: normal,
                normal;
            border-radius: 3px;
            border: solid 1px #75c5f8;
        }

        &.el-button--text {
            color: #fff;

            &:hover {
                color: $-color-text-primary;
            }
        }
    }
    
    .el-cascader-node.in-active-path {
        color: #d0d4db;
        background-color: rgba(51,92,149,.7);
    }
    .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
        color: #d0d4db;
        background-color: rgba(51,92,149,.7);
        cursor: not-allowed;
    }
    .el-cascader-node.in-active-path, .el-cascader-node.in-checked-path, .el-cascader-node.is-active {
        color: #d1d2d5;
    }
    .el-cascader-menu {
        color: #d1d2d5;
    }

    .el-checkbox+.el-checkbox {
        margin-left: 0px;
    }

    // el-switch样式
    .el-switch__core:after {
        background: #fff;
    }

    .el-switch.is-checked .el-switch__core {
        background-image: linear-gradient(90deg, #63e2f5 26%, #37c9f1 73%, #0bafec 100%);

        &:after {
            border: 1px solid #b07b05;
            top: 0;
        }
    }

    .el-form-item__label,
    .el-row .el-col span {
        color: $-color-text-primary;
    }

    .el-drawer {
        background: radial-gradient(closest-side at 50% 50%, #2065ac, #1c385e);

        .el-drawer__header {
            border-bottom: 1px solid #335C95;
            color: $-color-text-primary;
        }

        .el-drawer__body {
            .CdtForm {
                background: $-box-bg-color;

                .el-form-item__content {
                    color: $-color-text-primary;
                }

                .treeLable {
                    background-color: $-box-bg-color;
                }
            }
        }
    }

    .el-collapse {
        .el-collapse-item__header {
            background: transparent;
            border-bottom: 2px solid $-border-color !important;

            &.is-active {
                border-bottom-color: $-border-color !important;
            }
        }

        .el-collapse-item__wrap {
            border-bottom-color: transparent;
            background: transparent;
        }
    }

    .AppMain {
        background-image: radial-gradient(closest-side at 50% 50%, #2065ac, #1c385e);
    }

    .AppHeader {

        .menu-container {
            .el-menu-demo .el-menu-item {
                color: #bfcae0 !important;
            }

            .el-menu-demo .el-menu-item i {
                color: #6ca4cd;
                ;
            }

            .el-menu-demo .is-active {
                i {
                    background-image: linear-gradient(0deg, #8a96a4 0%, #bfcae0 100%);
                }

                span {
                    color: #fde6c6;
                }
            }

            .ico-left-angle {
                position: absolute;
                left: 0;
                top: 0;
                width: 60px;
                background-image: linear-gradient(to right, #1d4370 0%, rgb(39, 86, 142) 50%, rgba(10, 34, 72, 0) 100%);
                line-height: 76px; // aa
                z-index: 999;
                text-align: left;
            }

            .ico-right-angle {
                position: absolute;
                right: 0;
                top: 0;
                line-height: 76px; // aa
                width: 60px;
                background-image: linear-gradient(to right, #1d4370 0%, rgb(39, 86, 142) 50%, rgba(10, 34, 72, 0) 100%);
                line-height: 76px; // aa
                z-index: 999;
            }
        }

        .el-menu--horizontal>.el-menu-item.is-active,
        .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
            background: rgba(108, 164, 205, 0.15) !important;
            border-radius: 7px;

            i {
                background-image: linear-gradient(0deg, #fde6c6 0%, #fff 100%);
            }
        }

        .menu-container .el-menu-demo .el-menu-item span:hover {
            color: #fde6c6;
        }

        .el-menu--horizontal>.el-menu-item.is-active {
            i {
                background-image: linear-gradient(0deg, #fde6c6 0%, #fff 100%);
            }
        }

        .innerplateformtileTitle {
            background-image: -webkit-linear-gradient(top, #ebecd7, #d2d2d3);
        }

        .avatar-container {
            background-color: transparent;
        }
    }

    // 侧边栏
    .AppAside,
    .el-menu--vertical {

        // 侧边栏颜色
        .collapse {
            color: #fff;
            background-color: #1d416d;
        }

        .el-menu-item.is-active,
        .el-submenu__title:hover,
        .el-menu-item:hover {
            background: rgba(108, 164, 205, .15) !important;
            color: #fff !important;
        }

        li.el-menu-item.is-active:before,
        .el-submenu__title:hover:before,
        .el-menu-item:hover:before {
            content: "";
            width: 5px;
            height: 100%;
            background: #1eb9ee;
            position: absolute;
            left: 0;
            top: 0;
        }
    }

    .el-backtop {
        background-color: #6ca2cc;
        color: #0c2243;
    }

    .el-dropdown-menu {
        border: 0px !important;
    }

    .el-message-box {
        border: 0px !important;
    }

    // .el-tabs__nav-scroll {
    //     .is-active {
    //         background-color: #253143;
    //     }
    // }

    // 更多
    .noMore,
    .clickMore {
        background-color: #2d4a72;
        color: #ffffff;
    }

    .highlight {
        color: #75c5f8;
    }

    .ywlxClass {
        border: 1px solid #fde6c6;
        color: #fde6c6;
    }

}

.blue-theme .el-table__body tr.hover-row.current-row>td,
.blue-theme .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.blue-theme .el-table__body tr.hover-row.el-table__row--striped>td,
.blue-theme .el-table__body tr.hover-row>td {
    background-color: #296ba7;
}

.blue-theme .el-table th {
    background: #14304f;
}

.blue-theme .el-menu-item.is-active * {
    color: #fff;
}

.blue-theme .AppHeader .menu-container .el-menu-demo .el-menu-item span {
    color: #6ca4cd;
}

.blue-theme .AppHeader .menu-container .el-menu-demo .is-active span {
    color: #fde6c6;
}

.night-theme .el-table .tag span {
    background: rgba(#284a94, .5); //#0bafec;
    color: #fff;
    border-color: #284a94
}

//   滚动条样式
.blue-theme {
    ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 4px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
    }

    ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #042348;
    }

    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-track-piece {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 3;
        background: #153c6a;
    }
}

.blue-theme {

    .transfer-left,
    .transfer-right {
        border-color: #444;

        .transfer-title {
            border-bottom: 1px solid #444;
            color: #fff;
            background-color: #335C95
        }

        .transfer-main {
            .el-tree {
                background: transparent;
            }
        }
    }

    .MessageDialog .el-dialog .el-dialog__body .rightBody {
        border-left: 5px solid #d18e8d;
    }

    .MessageDialog .el-dialog .el-dialog__body .leftBody {
        border-right: 5px solid #d18e8d;
    }
}

// <!-- 待处置预警 -->
.blue-theme #WaitingDealWarning {
    .waitNumbers {
        background: rgba(98, 98, 98, .1);
        color: #fff;
    }
}

// <!-- 预警处置监控 -->
.blue-theme #DealMonitoring {
    .waitNumbers {
        background: rgba(98, 98, 98, .1);
        color: #fff;
    }
}

//  预警处置弹出框
.blue-theme #DealWarningDialog {
    .filesWrapper {
        background: rgba(98, 98, 98, 0.1);

        .filesTitle,
        .otherItemsTitle {
            color: #fff;
        }

        .otherItemsContent {
            color: #fde6c6;
        }
    }

    .stepsTitle {
        border-bottom-color: #335C95;
        color: #fde6c6;
    }

    .stepWrapper {
        .stepTitle {
            background: #335C95;

            &:after {
                border-color: transparent transparent #335C95 transparent;
            }
        }

        .othersWrapper {
            background: #222935;

            .title {
                color: #fff;
            }
        }
    }
}

//  订阅审批页面
.blue-theme #Audit,
.blue-theme #Feedback,
.blue-theme #Confirmation,
.blue-theme #confirmDialog,
.blue-theme #AddReportDialog,
.blue-theme #AddReportDialog {
    .dealWrapper {
        background: none;

        .el-input__count {
            background: #2d4a72;
        }
    }
}

//  订阅预警编辑
.blue-theme #WarningSetup {
    .el-collapse .el-collapse-item__wrap {
        background: #335C95
    }

    .el-checkbox+.el-checkbox {
        margin-left: 0;
    }
}

// 未读消息
.blue-theme #UnreadMsgDialog {
    .unReadMsgList {
        li {
            border-bottom: 1px solid #566478;
            color: #fde6c6;

            &.readed {
                color: #746c61;
            }
        }
    }
}

//   业务网点弹出框
.blue-theme #BussinessOutletsDialog .avatar-uploader {
    background: #335C95
}

// 预警概览
.blue-theme {
    .title_content {
        color: #fff;
    }
}

// 首页下载中心
.blue-theme .DownloadCenter {
    .el-dialog .el-dialog__body .downA {
        color: #fff;
    }
}