body {
    font-family: "微软雅黑";
    background-color: #f1f4f5;
}

.content-wrapper {
    background-color: #f1f4f5;
}

/*
 * Skin: Green
 * -----------
 */
.main-header {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.main-sidebar {
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.skin-green-light .main-header .navbar {
    background-color: #4CAF50;

}

.skin-green-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}

.skin-green-light .main-header .navbar .nav > li > a:hover,
.skin-green-light .main-header .navbar .nav > li > a:active,
.skin-green-light .main-header .navbar .nav > li > a:focus,
.skin-green-light .main-header .navbar .nav .open > a,
.skin-green-light .main-header .navbar .nav .open > a:hover,
.skin-green-light .main-header .navbar .nav .open > a:focus,
.skin-green-light .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}

.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff;
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c;
}

@media (max-width: 767px) {
    .skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a {
        /** color: #fff;**/
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c;
    }
}

.skin-green-light .main-header .logo {
    background-color: #4CAF50;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

.skin-green-light .main-header .logo:hover {
    background-color: #00a157;
}

.skin-green-light .main-header li.user-header {
    background-color: #00a65a;
}

.skin-green-light .content-header {
    background: transparent;
}

.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
    background-color: #fff;
}

.skin-green-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-green-light .user-panel > .info,
.skin-green-light .user-panel > .info > a {
    color: #444444;
}

.skin-green-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

.skin-green-light .sidebar-menu > li.header {
    color: #848484;
    background: #fff;
}

.skin-green-light .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}

.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
    color: #000000;
    background: #f4f4f5;
}

.skin-green-light .sidebar-menu > li.active {
    border-left-color: #00a65a;
}

.skin-green-light .sidebar-menu > li.active > a {
    font-weight: 600;
}

.skin-green-light .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}

.skin-green-light .sidebar a {
    color: #444444;
}

.skin-green-light .sidebar a:hover {
    text-decoration: none;
}

.skin-green-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a,
.skin-green-light .sidebar-menu .treeview-menu > li > a:hover {
    color: #000000;
}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
}

.skin-green-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}

.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}

.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}

.skin-green-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}


.bg-red {
    background-color: #F44336 !important;
    color: #fff;
}

.bg-pink {
    background-color: #E91E63 !important;
    color: #fff;
}

.bg-purple {
    background-color: #9C27B0 !important;
    color: #fff;
}

.bg-deep-purple {
    background-color: #673AB7 !important;
    color: #fff;
}

.bg-indigo {
    background-color: #3F51B5 !important;
    color: #fff;
}

.bg-indigo {
    background-color: #3F51B5 !important;
    color: #fff;
}

.bg-blue {
    background-color: #2196F3 !important;
    color: #fff;
}

.bg-light-blue {
    background-color: #03A9F4 !important;
    color: #fff;
}

.bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
}

.bg-teal {
    background-color: #009688 !important;
    color: #fff;
}

.bg-green {
    background-color: #4CAF50 !important;
    color: #fff;
}

.bg-light-green {
    background-color: #8BC34A !important;
    color: #fff;
}

.bg-lime {
    background-color: #CDDC39 !important;
    color: #fff;
}

.bg-yellow {
    background-color: #ffe821 !important;
    color: #fff;
}

.bg-amber {
    background-color: #FFC107 !important;
    color: #fff;
}

.bg-orange {
    background-color: #FF9800 !important;
    color: #fff;
}

.bg-deep-orange {
    background-color: #FF5722 !important;
    color: #fff;
}

.bg-brown {
    background-color: #795548 !important;
    color: #fff;
}

.bg-grey {
    background-color: #9E9E9E !important;
    color: #fff;
}

.bg-blue-grey {
    background-color: #607D8B !important;
    color: #fff;
}

.bg-black {
    background-color: #000000 !important;
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn {
    border-radius: 0px;
}

.label {
    border-radius: 0px;
}

.box {
    position: relative;
    border-radius: 0px;
    background: #ffffff;
    border-top: 3px solid #4CAF50;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}


@media (max-width: 9999px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #fff;
        padding-left: 10px;
    }
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }
}


.sidebar-toggle_ {
    float: left;
    background-color: transparent;
    color: #fff;
    background-image: none;
    padding: 15px 5px;
    font-family: fontAwesome
}

.sidebar-toggle_:before {
}

.sidebar-toggle_:hover {
    color: #fff
}

.sidebar-toggle_:focus,
.sidebar-toggle_:active {
    background: transparent
}


.skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a {
    color: #000000;
    background: #5cb85c3d;
}

.table > tfoot > tr > th, .table > thead > tr > th {
    font-weight: 500;
    color: #526069;
    vertical-align: middle;
    background: rgba(216, 238, 216, 0.48);
}


a:hover {
    color: red;
}

a:active {
}

a:focus {
    color: red;
}