/**
* 主题：蓝色
*
* 代码规范：
*   根据模块进行前缀命名：<modulename>-<selector>
*   如： envoverview-title
*/
/* 
 * ******************************************
 * 公共样式
 * ******************************************
 */
body {
    color: #6a7182;
    background-color: #f0f2f5;
}

.global-left-menu {
    background-color: #4c84ff;
}

.global-left-menu-route-selected {
    background-color: #3470f3;
}

.global-left-route-child-selected {
    background-color: #4c84ff;
    color: #fff;
}

.global-right-menu {
    border-left: 3px #d2dffc solid;
    background-color: #f0f2f5;
}

.global-left-menu-item-no-img:hover,
.global-left-menu-item:hover {
    background-color: #3470f3;
}

.right-menu-dropdown-menu {
    background-color: #fff;
}

.right-menu-dropdown-menu-sub {
    background-color: #fff;
}




.right-menu-dropdown-notification {
    background-color: #fff;
    color: #6a7182;
    box-shadow: 0 0 8px 0 rgba(10, 10, 10, 0.3);
}

.right-menu-dropdown-notification-item {
    border-bottom: 2px solid rgb(231, 231, 232);
}

.right-menu-dropdown-notification-item .time {
    color: rgb(76, 132, 255);
}

.right-menu-dropdown-notification-item>a {
    color: #6a7182;
}



.page-main-content {
    background-color: #f0f2f5;
}

/* 字体 */
.eic-SH-bold {
    font-family: "SH bold";
    color: #6a7182;
}

.eic-SH-light {
    font-family: "SH light";
    color: #6a7182;
}

.eic-SH-medium {
    font-family: "SH medium";
    color: #6a7182;
}

.eic-round-card {
    background-color: white;
}

/* 健康/正常 level 1*/
.eic-health-excellent {
    /* rgb(55,209,106) */
    color: #37d16a;
}

.eic-health-excellent-bg {
    /* rgb(55,209,106) */
    background-color: #37d16a;
}

/* 良 */
.eic-health-good {
    /* rgb(76,132,255) */
    color: #4c84ff;
}

.eic-health-good-bg {
    /* rgb(76,132,255) */
    background-color: #4c84ff;
}

/* 中 level 2*/
.eic-health-modrate {
    /* rgb(255,152,94) */
    color: #ff965c;
}

.eic-health-modrate-bg {
    /* rgb(255,152,94) */
    background-color: #ff965c;
}

/* 差 level 3*/
.eic-health-bad {
    /* rgb(255,85,85) */
    color: #ff5555;
}

.eic-health-bad-bg {
    /* rgb(255,85,85) */
    background-color: #ff5555;
}

/* 极差 */
.eic-health-worse {
    /* rgb(106,113,130) */
    color: #6a7182;
}

.eic-health-worse-bg {
    /* rgb(106,113,130) */
    background-color: #6a7182;
}


.theme-main-color {
    color: rgb(76, 132, 255);
}

.theme-main-color-hover:hover {
    color: rgb(76, 132, 255);
}

.theme-tip {
    color: #8a8a8a;

}

.theme-main-color-bg {
    background-color: rgb(76, 132, 255);
}

.theme-main-color-bg-hover:hover {
    background-color: rgb(76, 132, 255);
}

/** radio **/
.theme-radio-hint.checked {
    background-color: rgb(76, 132, 255);
}

.theme-radio-hint-shadow.checked {
    background-color: rgb(76, 132, 255);
    box-shadow: 0 0 0 6px rgb(221, 236, 241), 0 0 0 10px rgb(241, 246, 252);
}

/** checkbox **/
.theme-checkbox-hint.checked {
    background-color: rgb(76, 132, 255);
}

.theme-checkbox-hint-shadow.checked {
    background-color: rgb(221, 236, 241);
}

.theme-checkbox-hint-shadow.checked>.bg {
    background-color: rgb(76, 132, 255);
    /* box-shadow: 0 0 0 6px rgb(221, 236, 241); */
}


/** select **/
.theme-select {
    background-color: rgb(244, 245, 248);
}

.theme-select-title.active,
.theme-select-title-block.active {
    color: rgb(76, 132, 255);
}

.theme-select-option-wrap {
    border-top: 2px solid rgb(222, 227, 234);
    background-color: rgb(244, 245, 248);
}

.theme-eic-option-ul {
    background-color: rgb(244, 245, 248);
    /* box-shadow: 0 0 8px 0 rgba(10, 10, 10, 0.3); */
}

.theme-select-option.active {
    background-color: rgb(214, 220, 229);
}

.theme-select-option:hover {
    overflow: visible;
    background-color: rgb(222, 227, 234);
}

/** switch **/
.theme-switch-wrap {
    box-shadow: 0 0 0 4px #efefef;
    background-color: #ccc;
}

.theme-switch-wrap.on {
    background-color: rgb(54, 209, 107);
}

.theme-switch-dot {
    background-color: white;
}

.theme-device-normal {
    color: rgb(52, 112, 244);
}

.theme-device-normal-bg {
    background-color: rgb(52, 112, 244);
}

.theme-device-error {
    color: rgb(255, 90, 94);
}

.theme-device-error-bg {
    background-color: rgb(255, 90, 94);
}

.theme-device-sensor-error {
    color: rgb(255, 90, 94);
}

.theme-device-sensor-error-bg {
    background-color: rgb(255, 90, 94);
}

.theme-device-offline {
    color: rgb(255, 150, 92);
}

.theme-device-offline-bg {
    background-color: rgb(255, 150, 92);
}

.theme-sensor-offline {
    color: #6a7182;
}

.theme-sensor-offline-bg {
    background-color: #6a7182;
}

.theme-device-off {
    color: rgb(80, 87, 103);
}

.theme-device-off-bg {
    background-color: rgb(80, 87, 103);
}

.theme-device-on {
    color: rgb(52, 112, 244);
}

.theme-device-on-bg {
    background-color: rgb(52, 112, 244);
}

.theme-btn {
    background-color: white;
}

.theme-btn:hover {
    opacity: 0.9;
}

.theme-btn.active {
    color: white;
    background-color: #4c84ff;
}

.eic-modal-wrap {
    background-color: white;
}


/* 全局自定义的iscroll滚动条样式  */
.iScrollVerticalScrollbar {
    background-color: rgb(231, 231, 231);
}

.iScrollIndicator {
    background-color: rgb(168, 176, 195);
}


.iScrollHorizontalScrollbar .iScrollIndicator {
    background-color: rgb(168, 176, 195);
}

.iScrollVerticalScrollbar .iScrollIndicator {
    background-color: rgb(168, 176, 195);
}

/* 分割线 */
.col-divider {
    background-color: rgb(209, 220, 252);
}



/* tab头及tab body  */
.top-tab {
    border-bottom: 2px solid #c8cfdf;
}

.top-tab-fixed-wrap {
    background-color: #f0f2f5;
}

.top-tab .selected {
    background: #4c84ff;
    color: #fff;
}

.top-tab .unselected {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1));
}

.top-tab .unselected:hover {
    background-color: rgba(76, 132, 255, 0.2);
}


/* 管理区表格样式  */
.tbl-list-wrap {
    border-top: 2px solid #e7e7e8;
    background: linear-gradient(to right, white, #f2f6f9);
}

.tbl-list-header-wrap {
    border-top: 2px solid #e7e7e8;
    background: linear-gradient(to right, white, #f2f6f9);
}


.tbl-list tbody tr {
    border-bottom: 1.5px solid rgba(111, 170, 222, 0.1);
}

.tbl-list tbody tr:hover {
    background-color: rgba(76, 132, 255, 0.07);
}


/* 通用的loading样式  */
.eic-loading-mask {
    background-color: white;
}


/* 标准弹出表格样式  */
.std-content {
    position: fixed;
    /* top: 20px; */
    /* right: 260px; */
    padding: 16px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(10, 10, 10, 0.3);
    z-index: -50;
    color: #6a7182;
    opacity: 0;
    transition: opacity 0.3s;
    /* transition: transform 0.2s linear; */
}

.std-content.show {
    z-index: 5000;
    opacity: 1;
}

.tbl-std {
    width: 600px;
    border-bottom: 1.5px solid #6a7182;
}

.tbl-std tr {
    border-top: 1.5px solid #6a7182;
    transition: all 0.2s;
}

.tbl-std td {
    padding: 8px 12px;
}

.std-content>img {
    width: 660px;
}


/* 
 * ******************************************
 * 环境总览
 * ******************************************
 */
.envoverview-header-wrap {
    /* background-image: url('img-tmp/env-overview-header.png'); */
    /* background-size: auto 200px; */
    /* background-repeat: no-repeat; */
    background: linear-gradient(to right, transparent 20%, white 35%);
}

.envoverview-header-card {
    background: linear-gradient(to right, transparent 20%, white 35%);
}


.envoverview-header-switch-wrap {
    color: #fff;
    box-shadow: 0 0 0 8px #F1F2F6;
}

.envoverview-header-vdivider {
    background-color: #D1DCFC;
}

.envoverview-header-date-1 {
    color: rgb(170, 181, 199);
}

.envoverview-std-content {
    background-color: white;
    box-shadow: 0 0 12px rgba(10, 10, 10, 0.3);
    color: #6a7182;
    opacity: 0;
    transition: opacity 0.3s;
    /* transition: transform 0.2s linear; */
}

.envoverview-tbl-std {
    border-bottom: 1.5px solid #6a7182;
}

.envoverview-tbl-std tr {
    border-top: 1.5px solid #6a7182;
    transition: all 0.2s;
}

.envoverview-card-health-wrap {
    color: #6a7183;
}

.envoverview-card-health-previous {
    border-right: 10px solid #F1F2F6;
    background-color: white;
}

.envoverview-card-health-next {

    border-left: 10px solid#F1F2F6;
    background-color: white;

}

.envoverview-card-health-icon-type {
    background-color: white;
}

.envoverview-value-outdoor::before {
    background-color: #C9CFCB;
}

/******** 每种状态下的颜色 ********/
.indicator-outdoor.excellent,
.envoverview-card-health-icon-type.excellent {
    background-color: #37d16a;
}

.envoverview-card-health-icon-type.good,
.indicator-outdoor.good {
    background-color: #4c84ff;
}

.envoverview-card-health-icon-type.moderate,
.indicator-outdoor.moderate {
    background-color: #ff965c;
}

.envoverview-card-health-icon-type.bad,
.indicator-outdoor.bad {
    background-color: #ff5555;
}

.envoverview-card-health-icon-type.worse,
.indicator-outdoor.worse {
    background-color: #6a7182;
}

.card-health.excellent {
    background: linear-gradient(to right, rgba(55, 209, 106, 0.2) 20px, rgba(55, 209, 106, 0.4), white 200px);
}

.card-health-bg.excellent {
    width: 60px;
    box-shadow: 0 0 0 30px #f0f5f9, 0 0 0 60px white, 0 0 0 70px rgba(55, 209, 106, 0.05), 0 0 0 90px white, 0 0 0 120px #fafbfd;
}

.card-health.good {
    background: linear-gradient(to right, rgba(76, 132, 255, 0.2) 20px, rgba(76, 132, 255, 0.4), white 200px);
}

.card-health-bg.good {
    width: 60px;
    box-shadow: 0 0 0 30px #f0f5f9, 0 0 0 60px white, 0 0 0 70px rgba(76, 132, 255, 0.05), 0 0 0 90px white, 0 0 0 120px #fafbfd;
}

.card-health.moderate {
    background: linear-gradient(to right, rgba(255, 152, 94, 0.2) 20px, rgba(255, 152, 94, 0.4), white 200px);
}

.card-health-bg.moderate {
    width: 60px;
    box-shadow: 0 0 0 30px #f0f5f9, 0 0 0 60px white, 0 0 0 70px rgba(255, 152, 94, 0.05), 0 0 0 90px white, 0 0 0 120px #fafbfd;
}

.card-health.bad {
    background: linear-gradient(to right, rgba(255, 85, 85, 0.2) 20px, rgba(255, 85, 85, 0.4), white 200px);
}

.card-health-bg.bad {
    width: 60px;
    box-shadow: 0 0 0 30px #f0f5f9, 0 0 0 60px white, 0 0 0 70px rgba(255, 85, 85, 0.05), 0 0 0 90px white, 0 0 0 120px #fafbfd;
}

.card-health.worse {
    background: linear-gradient(to right, rgba(106, 113, 130, 0.2) 20px, rgba(106, 113, 130, 0.4), white 200px);
}

.card-health-bg.worse {
    width: 60px;
    box-shadow: 0 0 0 30px #f0f5f9, 0 0 0 60px white, 0 0 0 70px rgba(106, 113, 130, 0.05), 0 0 0 90px white, 0 0 0 120px #fafbfd;
}

.envoverview-house-overview-wrap {
    color: #6a7182;
}

.envoverview-house-value-item {
    border-bottom: 2px solid rgb(232, 232, 232);
    transition: opacity 0.1s linear;
}

.envoverview-house-txt-realtime {
    color: #a7b1c4;
}

.envoverview-house-no {
    color: rgb(80, 87, 103);
}

.envoverview-house-param-sort {
    border-bottom: 3px solid rgb(231, 231, 232);
}

.envoverview-house-room-item {
    border-bottom: 3px solid rgb(231, 231, 232);
    color: rgb(170, 181, 199);
    transition: opacity 0.1s linear;
}

.envoverview-house-room-name {
    color: rgb(108, 115, 134);
}


.envoverview-canvas-room-name-tip {
    color: #a6afe2;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 12px 0 #999;
    transform: scale(0);
    transform-origin: center center;
    transition: transform 0.3s;
}

.envoverview-txt-all-device {
    color: #a7b1c4;
}

.envoverview-device-item {
    border-right: 2px solid rgb(208, 213, 224);
}

.envoverview-txt-device-num {
    color: rgb(106, 113, 110);
}

.envoverview-bad-room-list-wrap {
    border-top: 3px solid rgb(207, 221, 250);
}

.envoverview-bad-room-list-wrap:last-child {
    border-bottom: 3px solid rgb(207, 221, 250);
}

/* 
 * ******************************************
 * 环境控制
 * ******************************************
 */
 .floor-item-active{
    color: white;
    background-color: #c8cfdf;
 }
 .scheme-item{
     background-color: white;
 }
 .switch-all-wrap{
    background-color: white;
 }
 .envctl-map-control-wrap{
    background-color: #F1F2F6;
    border: 6px solid #F1F2F6;
 }
 .envctl-canvas-wrap-blue-style,.room-mode-ctl-item{
    background-color: #F1F2F6;
    border: 6px solid #F1F2F6;
 }
 .btn-ctl-room-floor,
.btn-ctl-room-rooms,
.btn-ctl-room-room {
    background-color: white;
}
.ctl-wrap{
    background-color: white;
}
.room-mode-ctl-indicator-wrap{
    background-color: #F1F2F6;
}
.envctl-device-item {
    border-right: 2px solid rgb(208, 213, 224);
}

@media screen and (max-width: 1025px) {
    .envctl-device-item {
        border-right: none;
    }
}

.envctl-txt-device-num {
    color: rgb(106, 113, 110);
}


.envctl-ctl-dev-item {
    border: 1px solid #c8cfdf;
}

.envctl-ctl-dev-item:hover {
    background-color: #4c84ff;
    color: white;
    border-color: transparent;
}

.envctl-ctl-dev-item.active {
    background-color: #4c84ff;
    color: white;
    border-color: transparent;
}

.envctl-btn-ctl-all {
    color: white;
    background-color: #4c84ff;
}

.room-modal-profile-wrap {
    background-color: rgb(241, 242, 246);
}

.scene-auto-control {
    background-color: rgb(241, 242, 246);
}

/* 
 * ******************************************
 * 设备监测
 * ******************************************
 */
.devmonitor-btn-cancel {
    color: #6d7383;
    background-color: #f1f2f6;
}

.devmonitor-btn-upload {
    color: white;
    background-color: #4c84ff;
}


.devmonitor-ctl-dev-item {
    border: 1px solid #c8cfdf;
}

.devmonitor-ctl-dev-item:hover {
    background-color: #4c84ff;
    color: white;
    border-color: transparent;
}

.devmonitor-ctl-dev-item.active {
    background-color: #4c84ff;
    color: white;
    border-color: transparent;
}

.devmonitor-canvas-wrap {
    background-color: rgb(241, 242, 246);
    border: 6px solid rgb(241, 242, 246);
}

/* 
 * ******************************************
 * 环境分析
 * ******************************************
 */
.envanalysis-border-divider {
    border-bottom: 2px solid #e7e7e8;
}

.envanalysis-data-explain .the-foot {
    color: #4c84ff;
}


.analysis-bottom-stat-bar .total {
    background: #f1f2f6;
}

.analysis-bottom-stat-bar .current {
    background: #4c84ff;
}

.envanalysis-content {
    background: #f1f2f6;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    scrollbar-width: none;
    -ms-scrollbar-track-color: transparent;
}

/* 
 * ******************************************
 * 帮助中心
 * ******************************************
 */

.help-search-bar {
    padding: 32px 0 20px 64px;
    border-bottom: 2px solid #e7e7e8;
}

.help-search-input {
    border: 2px solid #e7e7e8;
    background-color: white;
}

.help-btn-search {
    background-color: rgb(76, 132, 255);
    color: white;
}

.help-demo-link {
    color: rgb(76, 132, 255);
}

.help-detail-container {
    background-color: #f1f2f6;
}

.help-title {
    border-bottom: 2px solid #e7e7e8;
}

.help-demo-item>div {
    background-color: white;
}

/* 
 * ******************************************
 * 个人信息编辑
 * ******************************************
 */
.user-info-form-item-container {
    border-left: 2px #d2dffc solid;
}

.user-info-read-only {
    background: #e7e7e8;
}

.user-info-edit {
    background-color: white;
}


/* 
 * ******************************************
 * 项目管理
 * ******************************************
 */
 .right-menu-dropdown-menu-item-erji{
     background-color: white;
 }
 .proj-edit-wrap{
    background-color: #f0f2f5;
 }
 .btn-account-type{
    background-color: white;
 }
 .proj-edit-wrap{
     background-color: white;
 }
 .tenant-item{
     color: black;
     background-color: white;
 }
.proj-item {
    background-color: white;
    color: #505868;
    border: 1px solid transparent;
}

.proj-item:hover {
    border-color: #c8cfdf;
}

.proj-divider {
    width: 100%;
    border-bottom: 1.5px solid #c8cfdf;
}

.proj-attr-label {
    color: #a7b1c4;
}

.proj-attr-label-edit {
    color: #6a7182;
}

.proj-btn-edit {
    color: #4c84ff;
}

.proj-edit-wrap {
    background-color: #f1f2f6;
}

.proj-edit-input {
    border: 1px solid #c8cfdf;
    background-color: white;
}

.proj-btn-cancel {
    background-color: white;
}

.proj-btn-save {
    color: white;
    background-color: #4c84ff;
}

.proj-btn-delete {
    color: #4c84ff;
}

/* 
 * ******************************************
 * 设备管理
 * ******************************************
 */

/* 
 * ******************************************
 * 数据查询
 * ******************************************
 */
.dataquery-search-time-btn-active {
    background-color: #4c84ff;
    color: #fff;
}

.dataquery-search-time-btn {
    background-color: #f1f2f6;
    color: #7c8291;
}

.dataquery-export-btn {
    background-color: #fff;
    color: #6a7182;
}

.dataquery-search-btn {
    background-color: #4c84ff;
    color: #fff;
}

.dataquery-export-btn:hover,
.dataquery-search-btn:hover {
    opacity: 0.9;
}

/* 
 * ******************************************
 * 界面设置
 * ******************************************
 */

/* 
 * ******************************************
 * 基础管理
 * ******************************************
 */

/* 
 * ******************************************
 * 场景管理
 * ******************************************
 */
 .delect-senece{
    box-shadow: inset 0 0 0 10px #efefef;
 }
 .device-setting-box{
    background-color: #f1f2f6;
 }
 .edit-item-box{
    background-color: white;
 }
 .model-name{
    background-color: #f1f2f6;
 }
.edit-wrap {
    background-color: #f1f2f6;
}