body.skin-black {
    .main-header {
        .logo {
            background-color: darken($color1,5) ;
            &:hover {
                background-color: $color1 ;
            }
            .logo-lg {
                img {
                    width: 30px ;
                    height: 30px ;
                }
            }
            .logo-mini {
                img {
                    width: 30px ;
                    height: 30px ;
                }
            }
        }
        .navbar {
            background-color: $color1 ;
            .sidebar-toggle {
                color: white ;
            }
            
            .navbar-custom-menu .navbar-nav > li > a,
            .navbar-right > li > a {
                border-left: solid 1px lighten($color1, 15) ;
                color: white ;
            }
            
            .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, 
            .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, 
            .nav > .active > a {
                color: white ;
                background-color: darken($color1, 4) ;
            }
            
            .dropdown-menu {
                @include box-shadow(0px 0px 4px gray) ;
            }
        }
        
        .logo, .navbar .sidebar-toggle {
            border-right: solid 1px lighten($color1, 15) ;
        }
        
        .messages-menu, .notifications-menu, .tasks-menu, .link-control-sidebar {
            display: none ;
        }
    }

    .sidebar-menu > li.active > a {
        border-color: $color1 ;
    }
    
    .content-wrapper {
        background-color: #f5f5f5 ;
        
        .btn-primary {
            background-color: $color1 ;
            color: white ;
            border-color: $color1 ;
        }
    }
}

body.login-page {
    background: none ;
    background-color: $color2 ;
    .login-box {
        .login-logo {
            text-align: center ;
            font-family: 'comfortaalight' ;
            img {
                width: 50px ;
            }
        }
        .login-box-body {
            .btn-primary {
                background-color: $color1 ;
                border-color: $color1 ;
                padding: 5px 10px ;

                &:active {
                    background-color: lighten($color1, 5) ;
                    border-color: $color1 ;
                }
            }

            a {
                color: $color1 ;
                &:hover {
                    color: lighten($color1, 5) ;
                }
            }
        }
    }
}