/*
 * 皮肤：蓝色
 * ----------
 */
.skin-blue {
    .backman-header {
        .navbar {
            background-color: #3c8dbc;
            .sidebar-toggle {
                color: #ffffff;
            }
            .sidebar-toggle:hover {
                color: #f6f6f6;
                background-color: #367fa9;
            }
        }
        .logo {
            background-color: #367fa9;
            color: #ffffff;
            border-bottom: 0 solid transparent;
            &:hover {
                background-color: #357ca5;
            }
        }
    }
    .backman,
    .backman-sidebar {
        background-color: #222d32;
    }
    .backman-content {
        .container-fluid {
            border-top-color: #3c8dbc;
        }
    }
    // Sidebar
    .sidebar-menu {
        > li {
            &.header {
                color: #4b646f;
                background: #1a2226;
            }
            &.home {
                a {
                    border-left-color: #222d32;
                }
                &:hover,
                &.cur {
                    a {
                        color: #d5e9f2;
                        background: #1e282c;
                        border-left-color: #3c8dbc;
                    }
                }
                &.cur {
                    a {
                        span {
                            color: #40b9ff;
                        }
                    }
                }
            }
            > a.treeview-title {
                color: #8aa4af;
                border-left: 3px solid transparent;
            }
            &:hover,
            &.active {
                > a.treeview-title {
                    color: #ffffff;
                    background: #1e282c;
                    border-left-color: #3c8dbc;
                }
                .active {
                    overflow: visible !important;
                    > a {
                        position: relative;
                        color: #ffffff;
                        background: lighten(#1e282c, 4%);
                        &:before {
                            position: absolute;
                            top: 0;
                            left: -10px;
                            width: 10px;
                            height: 30px;
                            content: ' ';
                            background: lighten(#1e282c, 4%);
                        }
                    }
                }
            }
            > .treeview-menu {
                margin: 0 1px;
                background: #2c3b41;
            }
        }
        a {
            color: #b8c7ce;
            &:hover {
                color: #d5e9f2;
                text-decoration: none;
            }
            &.cur {
                color: #40b9ff;
                text-shadow: lighten(#1e282c, 4%) 1px 1px 0;
            }
        }
    }
}