.body {
    background-color: #1d1d1d;
}


/*   dark navbar   */

.navbar-default {
    background-color: #1C1D21;
    border-radius: 0 0 5px 5px;
    border-width: 1px;
    border-color: #41414C;
}

.navbar-default .navbar-toggle {
    border-color: #41414C;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #32323b;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #41414C;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
    background-color: #32323b;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e2e2e2;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #e2e2e2;
}

.navbar-nav .dropdown-menu {
    background-color: #1C1D21;
}

.navbar-nav .dropdown-menu > li > a {
    color: #e2e2e2;
    text-align: right;
}

.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    color: white;
    background-color: #41414C;
}

.navbar-nav .dropdown-menu .divider {
    height: 1px;
    background-color: #5a5a67;
}