/* -------------------- 首页 --------------------*/
html, body {
    height: 100%;
    width: 100%;
}

/*通用滚动条样式*/
.contentScroll::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    margin-left: 20px;
}

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

.contentScroll::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.container-fill {
    display: flex;
    height: 100%;
}

.stj-item {
    transition: all 1s;
}

.container-fill-column {
    flex-direction: column;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8a93a2 !important;
    opacity: 0.7; /* Firefox */
}

#DefaultMap {
    height: 100%;
    overflow-x: hidden;
}

    #DefaultMap .BMap_noprint, .anchorBL {
        display: none;
    }

    #DefaultMap .BMap_bubble_content {
        line-height: 17px;
    }

    #DefaultMap #sTree {
        /* margin-left: 15px;*/
    }

    #DefaultMap #divMain {
        height: 100%;
        padding: 0;
    }

        #DefaultMap #divMain .clearfix {
            height: 100%;
        }

            #DefaultMap #divMain .clearfix .col-sm-12 {
                margin-left: 15px;
                height: 100%;
                overflow: hidden;
                overflow-y: auto;
            }



/*//battery左侧树滚动条*/
#Battery .c-sidebar-nav {
    height: calc(100% - 70px);
}

    #Battery .c-sidebar-nav .c-sidebar-nav-item {
        height: 100%;
    }

        #Battery .c-sidebar-nav .c-sidebar-nav-item #StructureTree {
            height: calc(100% - 77px);
            width: 100%;
            overflow: hidden;
            overflow-x: auto;
            overflow-y: auto;
        }

/*DefaultMap树、配置、的滚动条*/
#sTree {
    height: calc(100% - 29px);
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
}
/*组网配置树滚动条*/
#muTree {
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
}

/*实时监控左侧树滚动条*/
#RealTimeJstree .c-sidebar-nav {
    height: calc(100%-77px);
}

    #RealTimeJstree .c-sidebar-nav .c-sidebar-nav-item {
        height: 100%;
    }

        #RealTimeJstree .c-sidebar-nav .c-sidebar-nav-item #sTree {
            height: calc(100% - 77px);
            width: 100%;
            overflow: hidden;
            overflow-x: auto;
            overflow-y: auto;
        }

#rightBottomLayer {
    z-index: 9993;
    width: auto;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 40px;
    text-align: right;
}
/*配置页面滚动条相关设置*/
#c-body {
    height: calc(100% - 119px);
    box-sizing: border-box;
    padding: 10px 0;
}

    #c-body .container-fluid {
        height: 100%;
    }

        #c-body .container-fluid .fade-in {
            height: 100%;
        }

            #c-body .container-fluid .fade-in #divMain {
                height: 100% !important;
            }

                #c-body .container-fluid .fade-in #divMain .clearfix {
                    height: 100% !important;
                }

                    #c-body .container-fluid .fade-in #divMain .clearfix .col-sm-12 {
                        height: 100% !important;
                        overflow: hidden !important;
                        overflow-x: auto !important;
                        overflow-y: auto !important;
                    }

.bgMain {
    background: url(../images/other/bg-cloud.png) no-repeat;
    background-size: contain;
    background-color: #11192C;
}

#divLeftTop {
    position: absolute;
    z-index: 1001;
    opacity: 0.95;
}

input {
    background: none;
    outline: none;
    border: 1px solid #C1C3C4;
}

#divLeftTop .selHouseList {
    color: #EEE;
    border: 1px solid #444;
    border-radius: 0px;
    height: 30px;
    padding: 0;
    padding-left: 10px;
    opacity: 0.95;
}

#divLeftTop #btnBack {
    border-radius: 0;
    background: transparent !important;
    border-color: #444;
    color: #AAA;
}

.divLeftTop {
    width: 500px;
    left: 50px;
    top: 85px;
}

.divRightTop {
    width: 250px;
    right: 10px !important;
    top: 130px !important;
}

#divLeftTopPlus {
    position: absolute;
    left: 12px;
    top: 160px;
    background-color: #333;
    text-align: center;
    width: 30px;
    z-index: 1001;
    opacity: 0.95;
}

    #divLeftTopPlus div {
        color: #919293;
        margin-bottom: 1px;
        width: 30px;
        height: 30px;
        padding-top: 5px;
    }

        #divLeftTopPlus div:hover {
            cursor: pointer;
            background-color: #616163;
        }

        #divLeftTopPlus div i {
            font-weight: bold;
        }

#divBottom {
    z-index: 1002;
    width: 470px;
    height: 48px;
    border: 1px solid #2F333B;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #1D1F24 url(../css/images/bg-bottom.gif) repeat-x;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin: 0 0 0 -235px;
    text-align: center;
}

#divRightBottom {
    color: #666;
    z-index: 1002;
    width: 250px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    text-align: right;
}

.c-dark-theme .alertify * {
    color: #333;
}

.c-dark-theme .ifr-left-outer {
    color: #e1e1e1;
}

.c-aside-options {
    padding: 2px 1px;
}

.c-dark-theme .ifr-left-title {
    font-size: 14px;
    padding: 10px 3px;
    background-color: #20202A;
    text-align: center;
}

.c-dark-theme .ifr-left-table th, .c-dark-theme .ifr-left-table td {
    border-top-color: #282828;
}

.c-dark-theme .ifr-left-table thead th {
    background-color: #20202A;
    border-bottom-color: #282828;
}

.c-dark-theme .cust-table {
    border-color: #333;
    width: 100%;
}

    .c-dark-theme .cust-table th, .c-dark-theme .cust-table td {
        border-top-color: #333;
        border-color: #333;
    }

    .c-dark-theme .cust-table thead th {
        padding: 12px 0px 12px 10px;
        background-color: #1A1A26;
        border-bottom-color: #333;
        white-space: nowrap;
    }

.c-dark-theme .cust-table-light {
    border-color: #ddd;
    width: 100%;
}

    .c-dark-theme .cust-table-light th, .c-dark-theme .cust-table-light td {
        border-top-color: #ddd;
        border-color: #ddd;
    }

    .c-dark-theme .cust-table-light thead th {
        padding: 10px 0px 10px 5px;
        background-color: #ddd;
        border-bottom-color: #ddd;
        white-space: nowrap;
    }

#divLeft .nav-tabs .badge {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0;
    margin-top: -16px;
}

.leaflet-left {
    right: 5px;
}

.c-dark-theme .form-control:disabled {
    cursor: not-allowed;
    color: #555;
}

/* -------------------- 其他 --------------------*/
.c-icon-s12 {
    width: 1.2rem;
    height: 1.2rem;
    font-size: 1.2rem;
}

.i-severity-1 {
    color: #26A9DF;
}

.i-severity-2 {
    color: #FFC948;
}

.i-severity-3 {
    color: #FF6417;
}

.i-severity-4 {
    color: #FF0000;
}

input[type="file"] {
    display: none;
}

.file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.modal-title {
    font-size: 1rem;
}

.c-dark-theme td div.split {
    border-bottom: 1px dotted #444;
}

    .c-dark-theme td div.split:last-child {
        border-bottom: none;
    }

.align-right {
    text-align: right;
}

.nowrap {
    white-space: nowrap;
}

.none {
    display: none;
}

.pointer {
    cursor: pointer;
}

.c-dark-theme legend {
    font-size: 1rem;
}

em {
    color: #F40;
}

/* -------------------- Header Nav --------------------*/
.imgLogo {
    width: 50px;
    height: 50px;
    margin-left: 5px;
}

.c-dark-theme .c-header-brand-text {
    min-height: 70px;
    transition: width .25s;
    padding: 10px 0 0 15px;
    white-space: nowrap;
}

    .c-dark-theme .c-header-brand-text div:first-child {
        font-size: 18px;
        font-weight: 700;
        color: #00B0F0;
    }

    .c-dark-theme .c-header-brand-text div:last-child {
        color: #568799;
    }

.c-dark-theme .c-header {
    background: #20202A url(../css/images/bg-menu-top.gif) repeat-x;
}

.c-dark-theme .c-header-nav .c-header-nav-item {
    height: 100%;
    min-width: 90px;
}

    .c-dark-theme .c-header-nav .c-header-nav-item a {
        /*display:block;*/
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .c-dark-theme .c-header-nav .c-header-nav-item.active {
        border-bottom: 1px solid #2098D1;
    }

    .c-dark-theme .c-header-nav .c-header-nav-item:last-child {
        border-right: none;
        padding: 7px 0px 0px 0px !important;
    }

.c-dark-theme .c-header-nav .c-header-nav-item-cust {
    padding: 0 !important;
}

    .c-dark-theme .c-header-nav .c-header-nav-item-cust > button {
        height: 100%;
    }

.c-dark-theme .c-sidebar .c-sidebar-brand, .c-dark-theme .c-sidebar .c-sidebar-header {
    background: #20202A url(../css/images/bg-menu-top.gif) repeat-x;
    border-right: 1px solid #1C2234;
}

.c-dark-theme .c-sidebar .c-sidebar-brand {
    border-right: 1px solid #1C2234;
    justify-content: left;
}

.main-nav li a.active {
    color: #0ED1FD !important;
}

.i-header {
    margin: 0 auto;
    width: 22px;
    height: 22px;
}

.i-header-summary {
    background: url(topnav/i-summary.png) no-repeat 100%;
    background-size: 100% 100%;
}

.i-header-summary-active {
    background: url(topnav/i-summary-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-alarms {
    background: url(topnav/i-alarms.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-alarms-active {
    background: url(topnav/i-alarms-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-realtime {
    background: url(topnav/i-realtime.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-realtime-active {
    background: url(topnav/i-realtime-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-camera {
    background: url(topnav/i-camera.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-camera-active {
    background: url(topnav/i-camera-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-report {
    background: url(topnav/i-report.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-report-active {
    background: url(topnav/i-report-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-config {
    background: url(topnav/i-config.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-config-active {
    background: url(topnav/i-config-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-battery {
    background: url(topnav/i-battery.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-battery-active {
    background: url(topnav/i-battery-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-profile {
    background: url(topnav/i-profile.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-profile-active {
    background: url(topnav/i-profile-active.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-ems {
    background: url(topnav/i-realtime.png) no-repeat;
    background-size: 100% 100%;
}

.i-header-ems-active {
    background: url(topnav/i-realtime-active.png) no-repeat;
    background-size: 100% 100%;
}

/* -------------------- Bottom Nav --------------------*/

#ulEquipLogicType {
    list-style: none;
    padding-left: 20px;
}

    #ulEquipLogicType li {
        float: left;
        list-style: none;
        margin: 6px 10px;
    }

        #ulEquipLogicType li > i {
            display: block;
            width: 34px;
            height: 34px;
            background-repeat: no-repeat;
            cursor: pointer;
            border-radius: 50%;
            border: 1px solid #666;
        }

.i-type-0 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -105px -355px;
}

.tactive .i-type-0 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -55px -354px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-1 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -303px;
}

.tactive .i-type-1 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -303px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-2 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -253px;
}

.tactive .i-type-2 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -253px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-3 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -203px;
}

.tactive .i-type-3 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -203px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-4 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -153px;
}

.tactive .i-type-4 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -153px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-5 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -103px;
}

.tactive .i-type-5 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -103px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-6 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -53px;
}

.tactive .i-type-6 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -53px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-7 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -3px;
}

.tactive .i-type-7 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -3px !important;
    border: 1px solid #0F6AE5 !important;
}

.i-type-8 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -103px -401px;
}

.tactive .i-type-8 {
    background-image: url(bottomnav/bottom-all.png);
    background-position: -53px -401px !important;
    border: 1px solid #0F6AE5 !important;
}

.equipmentprogect {
    background-image: url(images/marker-ex.png) !important;
    background-position: 16px 19px !important;
    background-size: 15px 15px !important;
    background-repeat: no-repeat !important;
}
/* -------------------- leaflet --------------------*/
.leaflet-bar a:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: none;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
    opacity: 0.95;
}

.leaflet-container {
    background: #222222 url(../images/bg_idc.jpg) no-repeat;
    background-size: 100% 100%;
}

.leafpop .leaflet-popup-tip, .leafpop .leaflet-popup-content-wrapper {
    text-align: center;
    background: #999;
    color: #ffffff;
}

.leaflet-control-attribution {
    display: none;
}

.leaflet-div-icon {
    background: transparent;
    border: none;
}

/* -------------------- 其他 --------------------*/

[v-cloak] {
    display: none;
}

.c-dark-theme .c-header .c-subheader {
    background-color: #1A1A26;
    margin-top: 0;
}

.c-dark-theme .c-sidebar-nav-title {
    margin-top: 0;
}

.c-dark-theme .c-sidebar-nav-link-title {
    cursor: default;
    background-color: #20202A !important;
    color: #777 !important;
}

.c-dark-theme .c-sidebar .c-sidebar-nav-link.c-active, .c-dark-theme .c-sidebar .c-active.c-sidebar-nav-dropdown-toggle {
    border-left: 2px solid #4799EB;
}

.c-dark-theme .breadcrumb {
    color: #636974;
}

.c-main {
    padding-top: 1rem;
}

.c-dark-theme .table {
    color: #999;
    background-color: transparent;
}

.c-dark-theme .border-top-split {
    border-top: 1px solid #1C2234 !important;
}

.c-dark-theme .border-bottom-split {
    border-bottom: 1px solid #1C2234 !important;
}

.ActiveBorder {
    border: 1px solid #017AAA !important;
}

video, video * {
    outline: none !important;
}

.vjs-loading-spinner {
    display: none !important;
}

.select-multi {
    height: 30px;
    width: 100%;
    min-width: 120px;
}

.c-dark-theme table.dataTable {
    width: 100% !important;
    margin: 0 !important;
}

#divCfgMapBg {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
}

    #divCfgMapBg canvas {
        border: 1px dotted #AAA;
    }

/* -------------------- !!实时监控 --------------------*/

.divEquipTree {
    padding: 0 5px .8445rem 1rem;
}

/* -------------------- 原版覆盖 --------------------*/

.c-dark-theme a:link, .c-dark-theme a:visited, .c-dark-theme a:hover, .c-dark-theme a:active {
    color: #919293;
}

.c-dark-theme .c-header-nav a:link, .c-dark-theme .c-header-nav a:visited, .c-dark-theme .c-header-nav a:hover, .c-dark-theme .c-header-nav a:active {
    text-decoration: none;
    line-height: 24px;
    padding-top: 14px;
}

.c-dark-theme .c-header-level-2 {
    padding: 0;
}

    .c-dark-theme .c-header-level-2 a {
        color: #fff;
        display: block !important;
    }

        .c-dark-theme .c-header-level-2 a i {
            margin: 0 8px 0 0;
        }

.c-dark-theme .mini-nav-menu a:link, .c-dark-theme .mini-nav-menu a:visited, .c-dark-theme .mini-nav-menu a:hover, .c-dark-theme .mini-nav-menu a:active {
    display: block;
    color: #fff;
    background-color: #414E67;
}

.c-dark-theme .mini-nav-menu a:hover {
    color: #fff;
    background-color: #3A84FF;
}

.dropdown-menu {
    z-index: 2000;
}

#divLeft .c-sidebar .nav-tabs:first-child .nav-link, .c-sidebar .c-sidebar-close + .nav-tabs .nav-link {
    height: 40px;
}

#divLeft .c-sidebar-close, #divRight .c-sidebar-close {
    width: 40px;
    height: 40px;
}

.c-sidebar.c-sidebar-overlaid {
    top: 71px;
}

.c-footer {
    background-color: transparent !important;
}

.c-header-nav-item .c-icon-main {
    margin: 0 auto;
    width: 1.4rem !important;
    height: 1.4rem !important;
    font-size: 1.4rem !important;
}

.table thead th {
    border-bottom: 1px solid;
}

.popupwindow_container {
    z-index: 20000;
}

.popupwindow_content {
    padding: 3px;
    background-color: #2C2C34;
}

.popupwindow {
    box-shadow: none;
}

.jstree-default-dark .jstree-anchor {
    color: #ccc !important;
    text-shadow: none;
    white-space: nowrap;
    display: initial;
}

.jstree-default-dark .jstree-search {
    font-style: normal;
    color: #4799EB !important;
    font-weight: bold;
}

.c-dark-theme .ms-options {
    min-width: 360px;
}

.c-dark-theme .ms-options-wrap > button:focus, .ms-options-wrap > button {
    border: 1px solid rgba(255,255,255,.2);
    background-color: rgba(255,255,255,.1);
    color: #999;
}

    .c-dark-theme .ms-options-wrap > button:focus, .ms-options-wrap > button span {
        color: #999;
    }

.c-dark-theme .ms-options li {
    color: #666;
    font-size: 13px;
}

.c-dark-theme .ms-options-wrap > .ms-options > .ms-selectall.global {
    background: #f6f6f6;
    border: 1px solid #eee;
    padding: 2px 10px 2px 10px;
}

.c-dark-theme .ms-options-wrap > .ms-options > .ms-search input {
    border-bottom: 1px solid #eee;
}

.c-dark-theme .flatpickr-current-month {
    font-size: 100%;
}


.c-dark-theme .dataTables_wrapper .dataTables_info {
    color: #aaa;
}

.c-dark-theme .dataTables_wrapper .paginate_button {
    padding: 0.3em 0.7em !important;
    color: #aaa !important;
}

.c-dark-theme .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0;
    color: #999;
}

.c-dark-theme .dataTables_wrapper tr td:first-child {
    white-space: nowrap;
}

.c-dark-theme .dataTables_wrapper tr td i {
    cursor: pointer;
}

.c-dark-theme .dataTables_filter {
    color: #888;
    padding-right: 8px;
}

    .c-dark-theme .dataTables_filter input {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #444;
        padding: 6px 8px;
        width: 250px;
        color: #ccc;
    }

.c-dark-theme .dataTables_empty {
    padding: 35px 0;
}

.c-dark-theme table.dataTable {
    border-collapse: collapse;
}

    .c-dark-theme table.dataTable tbody tr {
        background-color: transparent;
    }

.c-dark-theme .form-control {
    border-radius: 0.1rem;
    border-color: rgba(255,255,255,.2);
}

.c-dark-theme .inp_boder {
    border-color: #999 !important;
    color: black !important;
}

.c-dark-theme select.form-control option {
    color: #333;
}

.c-dark-theme .form-control-sm-cust {
    height: calc(1.5em + 0.7rem + 2px);
    padding: .25rem .5rem;
}

.c-dark-theme .form-select-date {
    width: 110px;
    cursor: default !important;
}

.c-dark-theme .modal-header, .c-dark-theme .modal-body, .c-dark-theme .modal-footer {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #333;
    white-space: nowrap;
}

.c-dark-theme .modal-body {
    background-color: #FFF;
}

.c-dark-theme .modal-header .close {
    color: #000 !important;
}

.c-dark-theme .modal-body table {
    border: none;
    color: #444;
    border-color: #999;
}

    .c-dark-theme .modal-body table th {
        border-color: #ccc;
        white-space: nowrap;
        color: #666;
        padding: 0.5rem 0.3rem;
    }

    .c-dark-theme .modal-body table td {
        border: none;
        border-color: #ccc;
        white-space: nowrap;
        color: #666;
        padding: 0.3rem 0.3rem;
    }

    .c-dark-theme .modal-body table .form-control {
        border-color: #999;
        color: #333;
        background-color: #FFF;
    }

.c-dark-theme .modal-body .tab-pane {
    overflow: auto;
    max-height: 400px;
}

.c-dark-theme .modal-body .tab-content {
    padding: 0px;
    background-color: #fff;
    border-color: #999;
}

.c-dark-theme .modal-body .nav-tabs-boxed .nav-tabs .nav-link.active {
    background-color: #f6f6f6;
    border-bottom-color: #999;
    color: #000;
}

.c-dark-theme .btn-secondary:not(:disabled):not(.disabled):active:focus, .c-dark-theme .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .c-dark-theme .btn-secondary.dropdown-toggle:focus {
    border: 1px solid #4C4F54;
}

.c-dark-theme html:not([dir=rtl]) .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .c-dark-theme html:not([dir=rtl]) .btn-group > .btn-group:not(:last-child) > .btn {
    border: 1px solid #4C4F54;
}

.c-dark-theme .btn-cancel {
    color: #484753;
    background-color: #ced2d8;
    border-color: #ced2d8;
}

.nav-underline.nav-underline-primary .nav-link.active, .nav-underline.nav-underline-primary .show > .nav-link {
    color: #2098D1;
    border-color: #2098D1;
}

.no-gutters-2 {
    margin-right: 5px;
    margin-left: 0;
}

    .no-gutters-2 > .col, .no-gutters-2 > [class*=col-] {
        padding-right: 5px;
        padding-left: 0;
    }

/*报警红点*/

.licorner {
    position: relative;
}

    .licorner .num {
        display: none;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        background: #F30;
        position: absolute;
        top: 4px;
        right: 20px;
        font-size: 12px;
    }


.emsalarmnum {
    display: none;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 12px;
}

.emsalarmnumli {
    position: relative;
}
/*角色管理划过的颜色*/
.treeview .list-group-item:hover {
    background: #A3ACB0 !important;
}

.modal-body .ms-options-wrap {
    border: 1px solid #999;
}

.modal-body .row {
    margin-top: 5px;
}

/*fit-content*/
#divMain .nav-tabs-boxed {
    min-width: 100% !important;
    width: fit-content;
}

.thmarker {
    width: 90px;
    height: 44px;
    line-height: 22px;
    padding: 1px 0 0 31px;
}

.thmarker-ok {
    background: url(../images/pointer/1006/detail-th/th-bg.png) no-repeat;
}

.thmarker-offline {
    background: url(../images/pointer/1006/detail-th/th-bg-offline.png) no-repeat;
}

.thmarker-talarm {
    background: url(../images/pointer/1006/detail-th/th-bg-talarm.png) no-repeat;
}

.thmarker-thalarm {
    background: url(../images/pointer/1006/detail-th/th-bg-halarm.png) no-repeat;
}

.thmarker-allalarm {
    background: url(../images/pointer/1006/detail-th/th-bg-allalarm.png) no-repeat;
}

.thmarker span {
    color: #F40;
}

.bt-alarm-1, .bh-alarm-1 {
    color: #333 !important;
}

.bt-alarm0, .bh-alarm0 {
    color: #21A9E1 !important;
}

.bt-alarm1, .bh-alarm1, .bt-alarm2, .bh-alarm2, .bt-alarm3, .bh-alarm3, .bt-alarm4, .bh-alarm4 {
    color: #F40 !important;
}

.c-dark-theme .marker-table {
    width: 136px;
    color: #ccc;
    background-color: rgba(238, 238, 238, .1);
}

    .c-dark-theme .marker-table tr {
        border-bottom: 1px solid rgba(0, 0, 0, .0);
    }

        .c-dark-theme .marker-table tr:last-child {
            border-bottom: none;
        }

    .c-dark-theme .marker-table td {
        font-size: 11px;
        white-space: nowrap;
        padding: 2px 2px 0px 2px;
    }

.c-dark-theme .marker-T-alarm-alarm table {
    border: 1px solid rgba(204, 0, 0, .9);
}

.c-dark-theme .marker-T-alarm-ok table {
    border: 1px solid rgba(238, 238, 238, .3);
}

.c-dark-theme .marker-T-alarm-error table {
    border: 1px solid rgba(0, 0, 0, .9);
}

.c-dark-theme .marker-T-alarm-error td {
    color: rgba(238, 238, 238, .3);
}

.kvmarker {
    color: #000;
    background-color: #F9F9F9;
    border: 1px solid #145BC5;
    min-width: 100px;
    border-radius: 2px;
    padding: 1px 0 1px 4px;
}

    .kvmarker div {
        border-bottom: 1px solid #eee;
    }

    .kvmarker span {
        color: #222;
        display: inline-block;
        padding: 2px 4px;
        min-width: 105px;
        background-color: #ddd;
        white-space: nowrap;
    }

    .kvmarker em {
        color: #007CC2;
        font-style: normal;
        font-weight: 600;
        padding: 0 0 0 4px;
    }

/*//短信 手机 其他推送新增下拉框样式*/
#ms-list-7 .ms-options {
    min-width: 100% !important;
}
/*告警页面*/
#alarmLevelPie :hover {
    cursor: default;
}
/*//控制队列*/
.c-dark-theme .modal-body .close {
    padding: 1rem !important;
    color: black;
    position: absolute;
    top: 0;
    right: 0;
}

.c-dark-theme .btn-secondary {
    color: #484753;
    background-color: #ced2d8;
    border-color: #ced2d8;
}

    .c-dark-theme .btn-secondary:hover {
        color: #484753 !important;
        background-color: #ced2d8 !important;
        border-color: #ced2d8 !important;
    }

    .c-dark-theme .btn-secondary:focus {
        color: #484753 !important;
        background-color: #ced2d8 !important;
        border-color: #ced2d8 !important;
    }

.divBatNavButton span.active, .divDlwdNavButton span.active {
    background-color: #3899C9;
    color: #FFF;
}

.divStatusTitle {
    padding: 0px 5px 10px 8px;
    border-bottom: 1px dotted #444;
    height: 30px;
    margin: 0 0 15px 0;
}

.divLeftStatus {
    float: left;
    width: 45%;
    font-size: 15px !important;
    font-weight: bold;
    color: #FFF;
}

.fieldset {
    border: 1px solid #333;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
}

    .fieldset legend {
        font-size: 13px;
        display: block;
        padding: 0 3px;
        line-height: inherit;
        color: #FFF;
        border: 0;
        margin: 0;
        width: auto;
        white-space: nowrap;
        font-weight: bold;
    }


    .fieldset a {
        font-size: 13px;
        color: #21A9E1;
    }

    .fieldset .trborder {
        border-bottom: 1px solid #333;
    }

.btn-group button.active {
    background-color: #AFAFAF;
}
/*//default*/
.defencestate {
    position: fixed !important;
    top: 50%;
    left: 50%;
    width: 550px;
    transform: translate(-50%,-50%) !important;
}

.c-switch-label .c-switch-input:checked ~ .c-switch-slider::before {
    -webkit-transform: translateX(22px);
    transform: translateX(36px) !important;
}

.c-switch-label {
    width: 65px !important;
}

.marquee {
    height: 40px;
    width: 50%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 100px;
    z-index: 999;
}

    .marquee span {
        margin-right: 25px;
        width: 200px;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #f94f39;
        line-height: 18px;
    }
/*首页时间段*/
#tblGroup table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    height: 40px;
    border-top: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
}

#tblGroup table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ff0000;
}

#tblGroup table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}
/*首页滚动显示告警*/
#Marquee {
    overflow: hidden;
}

    #Marquee .winscroll {
        height: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        display: flex;
    }

        #Marquee .winscroll li {
            flex-shrink: 0;
            list-style: none;
            height: 100%;
            margin-right: 50px;
            text-align: center;
            line-height: 40px;
            color: red;
            font-size: 14px;
            font-weight: 800;
        }
/*//------------------------- 告警页面列显示 ---------------------------*/
#Alarms #ms-list-5 {
    margin-right: 10px;
    float: left;
    width: 200px;
}

    #Alarms #ms-list-5 input {
        width: 50px
    }

#Alarms .ms-options-wrap .ms-options {
    left: inherit;
    width: 200px;
    min-width: 200px
}

.cursorpointer {
    cursor: pointer !important;
}


#tabHouselist .underline {
    background-color: #23242d !important;
    border-bottom-color: #23242d !important;
    border-bottom: 2px solid #00b0f0 !important;
}

#emsdashboardtab .nav-link.active {
    background-color: #00b0f0 !important;
}

.bootbox .modal-header {
    position: relative;
    display: block;
}

    .bootbox .modal-header .modal-title {
        float: left;
    }

    .bootbox .modal-header .close {
        float: right;
    }

.winboxtop {
    z-index: 1500 !important;
}

.list-group-item.active, .c-dark-theme .list-group-item.active {
    background-color: #eee !important;
    font-weight: 700;
}

.list-group-item {
    padding: 0.5rem 1.25rem;
    border-color: #aaa !important;
    color: #000 !important;
    font-size: 14px;
    border-radius: 0 !important;
}

/*//------------------------- 油机 ---------------------------*/
.diesel-card {
    font-size: 15px;
    color: #ccc;
}

.icon-diesel {
    padding: 25px 0 25px 80px;
}

.icon-diesel-1 {
    background: url(../images/diesel/icon-1.png) no-repeat;
    background-size: 36px;
    background-position: 30px 18px;
}

.icon-diesel-2 {
    background: url(../images/diesel/icon-2.png) no-repeat;
    background-size: 36px;
    background-position: 30px 18px;
}

.icon-diesel-3 {
    background: url(../images/diesel/icon-3.png) no-repeat;
    background-size: 36px;
    background-position: 30px 18px;
}

.icon-diesel-4 {
    background: url(../images/diesel/icon-4.png) no-repeat;
    background-size: 36px;
    background-position: 30px 18px;
}

.tdEquipInfo {
    font-size: 15px;
    color: #eee;
}

.diesel-card {
    border: 1px solid #4F5D73;
    margin-top: 15px;
    border-radius: 4px;
}

.diesel-card-split {
    border-right: 1px solid #333;
}

.diesel-card-txt {
    font-size: 16px;
    color: #FFC107;
    padding: 23px 0 0 0;
}

    .diesel-card-txt span {
        border: 1px solid #999;
        padding: 2px 8px;
        border-radius: 4px;
    }

.diesel-card2 {
    box-shadow: 0px 3px 6px 1px rgb(38 107 193 / 8%);
    background: #464646;
    border-radius: 6px;
    padding: 10px;
    min-height: 660px;
}

.diesel-card2-title {
    font-size: 16px;
    font-weight: 700;
    padding-left: 5px;
    color: #71B7F4;
}

.c-dark-theme .table-light2 th, .c-dark-theme .table-light2 td {
    border-color: #777;
    color: #eee;
}