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

.skin-blue .main-header .navbar .sidebar-toggle{
    color:#fff
}

.skin-blue .main-header .navbar .sidebar-toggle:hover{
        background-color:var(--main-color);
}

@media (max-width:767px){
    .skin-blue .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-blue .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover{
            background:var(--main-color);
    }
    }
    .skin-blue .main-header .logo{
        background-color:var(--logo-color);
        color:#fff;
        border-bottom:0 solid transparent
    }
    .skin-blue .main-header .logo:hover{
         background-color:var(--main-color);
    }
    
    .skin-blue .main-header li.user-header{
        background-color:var(--main-color);
    }
    .skin-blue .content-header{
        background:transparent}
        .skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{
            background-color:#222d32;
        }
        .skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{
            color:#fff
        }
        .skin-blue .sidebar-menu>li.header{
            color:#4b646f;
            background:#1a2226
        }
        .skin-blue .sidebar-menu>li>a{
            border-left:3px solid transparent
        }
        .skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li.menu-open>a{
            color:#fff;background:#1e282c}
            .skin-blue .sidebar-menu>li.active>a{
                border-left-color:var(--main-color)
            }
            .skin-blue .sidebar-menu>li>.treeview-menu{
                margin:0 1px;
                background:#2c3b41
            }
            .skin-blue .sidebar a{
                color:#b8c7ce
            }
            .skin-blue .sidebar a:hover{
                text-decoration:none
            }
            .skin-blue .sidebar-menu .treeview-menu>li>a{
                color:#8aa4af
            }
            .skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover{
                color:#fff
            }
            
            .skin-blue .sidebar-form{
                border-radius:3px;
                border:1px solid #374850;
                margin:10px 10px
            }
            
            .skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{
                box-shadow:none;
                background-color:#374850;
                border:1px solid transparent;height:35px
            }
            .skin-blue .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-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
                background-color:#fff;color:#666
            }
    
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
    
.skin-blue .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
}

.skin-blue.layout-top-nav .main-header>.logo{
    background-color:var(---color);
    color:#fff;
    border-bottom:0 solid transparent}
    
.skin-blue.layout-top-nav .main-header>.logo:hover{
    background-color:var(--main-color);
}


.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--main-color);
}
a{
    color: var(--main-color);
}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #374850;
}

.box.box-info {
    border-top-color: var(--main-color);
}