body[theme="light"] {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-image: url('data:image/png;base64,[encoded data, 25936 characters]');
    background-color: rgba(255, 255, 255, 0.95);
    color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .navbar {
    /** 顶部导航条 背景 **/
    background-color: rgba(249, 249, 249, 1);
    border-bottom: 1px #cecece solid;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

body[theme="light"] .navbar .navbar-brand {
    color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .navbar .navbar-nav > li > a {
    color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .navbar .navbar-nav li.pc-active a,
body[theme="light"] .navbar .navbar-nav li.m-active a {
    color: rgba(73, 146, 255, 1);
}

body[theme="light"] .navbar .navbar-nav > .open > a:focus,
body[theme="light"] .navbar .navbar-nav > .open > a:hover,
body[theme="light"] .navbar .navbar-nav > .active > a,
body[theme="light"] .navbar .navbar-nav > .open > a {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
}

body[theme="light"] .navbar .dropdown-menu {
    /** 二级导航下拉 背景 **/
    background-color: rgba(255, 255, 255, 1) ;
    border-top: none;
    border-color: rgba(206, 206, 206, 0.65);
    box-shadow: rgba(255, 255, 255, 0.18) 0px 6px 12px;
}

body[theme="light"] .navbar .navbar-nav .open a,
body[theme="light"] .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .navbar .navbar-toggle {
    border:none;
    padding:9px 12px;
}

body[theme="light"] .navbar .navbar-collapse {
    border-color:rgba(0, 0, 0, 0.085);
}

body[theme="light"]  .navbar .navbar-toggle .icon-bar {
    background-color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .navbar .navbar-toggle:focus, 
body[theme="light"] .navbar .navbar-toggle:hover {
    background-color: unset;
}

body[theme="light"] .content {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.87);
    border: 1px #cecece solid;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

body[theme="light"] .table {
    background: #ffffff;
}

body[theme="light"] .table>thead>tr.node-group-tag>th {
    background-color:#ffffff;
}

body[theme="light"] .table-striped tbody > tr.even > td,
body[theme="light"] .table-striped tbody > tr.even > th {
    background-color: #f9f9f9;
}

body[theme="light"] .table-striped tbody > tr.odd > td,
body[theme="light"] .table-striped tbody > tr.odd > th {
    background-color: #ffffff;
}

body[theme="light"] .table > tbody > tr > td:before,
body[theme="light"] .table > tfoot > tr > td:before,
body[theme="light"] .table > thead > tr > td:before,
body[theme="light"] .table > thead > tr.node-group-cell > th:before {
    background-color: rgba(221, 221, 221, 1);
}

body[theme="light"] .table > tbody > tr.expandRow > td:before,
body[theme="light"] .table > thead > tr.node-group-tag > th:before {
    background-color: rgba(255, 255, 255, 1);
}

body[theme="light"] .table-hover > tbody > tr:hover > td {
    background: #E6E6E6;
}

body[theme="light"] tr.even.expandRow > :hover {
    background: #F9F9F9 !important;
}

body[theme="light"] tr.odd.expandRow > :hover {
    background: #ffffff !important;
}

body[theme="light"] .plan {
    color: #000000;
    background-color: #f5f5f5;
    box-shadow: inset 0 -0.5px 2px rgba(0, 0, 0, .1);
}

body[theme="light"] .progress-bar {
    color: #000000;
}

body[theme="light"] .progress-bar-success {
    background-image: linear-gradient(rgb(92, 184, 92) 0, rgb(68, 157, 68) 100%);
}

body[theme="light"] .progress-bar-warning {
    background-image: linear-gradient(rgb(240, 173, 78) 0, rgb(236, 151, 31) 100%);
}

body[theme="light"] .progress-bar-danger {
    background-image: linear-gradient(rgb(217, 83, 79) 0, rgb(201, 48, 44) 100%);
}

body[theme="light"] .progress-offline .progress-bar-success {
    background-image: linear-gradient(rgb(128, 128, 128) 0, rgb(128, 128, 128) 100%);
}

body[theme="light"] .progress-offline .progress-bar-warning {
    background-image: linear-gradient(rgb(128, 128, 128) 0, rgb(128, 128, 128) 100%);
}

body[theme="light"] .progress-offline .progress-bar-danger {
    background-image: linear-gradient(rgb(128, 128, 128) 0, rgb(128, 128, 128) 100%);
}

body[theme="light"] .node-cell.status .status-icon.online {
    background-image: linear-gradient(rgb(92, 184, 92) 0, rgb(68, 157, 68) 100%);
}

body[theme="light"] .node-cell.status .status-icon.offline {
    background-image: linear-gradient(rgb(217, 83, 79) 0, rgb(201, 48, 44) 100%);
}

body[theme="light"] .service-status .good {
    background-image: linear-gradient(rgb(92, 184, 92) 0, rgb(68, 157, 68) 100%);
}

body[theme="light"] .service-status .warning {
    background-image: linear-gradient(rgb(240, 173, 78) 0, rgb(236, 151, 31) 100%);
}

body[theme="light"] .service-status .danger {
    background-image: linear-gradient(rgb(217, 83, 79) 0, rgb(201, 48, 44) 100%);
}

body[theme="light"] .service-day-status-icon {
    background-color: #ebebeb;
}

body[theme="light"] footer p a, 
body[theme="light"] footer p a:hover {
    color: #333333;
    text-decoration: none;
}

body[theme="light"] .toolbox i {
    color: rgba(94, 114, 228, .9);
    background-color: rgba(255, 255, 255, .5);
    box-shadow:0 .125rem .25rem rgba(0, 0, 0, .15) !important;
}

body[theme="light"] .toolbox .mytoggle .tooltip-inner {
    background: #ffffff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .15) !important;
}

body[theme="light"] .toolbox .mytoggle li:hover {
    background-color:#e6e6e6;
}

body[theme="light"] .modal-content {
    background-color: rgba(249, 249, 249, 1);
    color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .modal-header {
    border-bottom-color:#f1f1f1;
}

body[theme="light"] .modal-header i.xclose {
    color: rgba(0, 0, 0, 0.87);
}

body[theme="light"] .network-box .network-box-header {
    border-bottom-color: rgba(224, 230, 241, 0.6);
}

@media only screen and (max-width: 767px) {
    body[theme="light"] .navbar .navbar-nav .open .dropdown-menu {
        background-color: rgba(249, 249, 249, 1);
        border-top: none;
        border-color: rgba(0, 0, 0, .05);
        box-shadow: rgba(255, 255, 255, 0.18) 0px 6px 12px;
    }
}
