.dark-grey {
    background-color: #181818;
    color: #ccc
}

.dark-grey pre {
    background-color: #181818;
    padding: 0;
    border: none
}

.dark-grey pre code {
    color: #00bcd4
}

.dark-grey h1 a,
.dark-grey h2 a,
.dark-grey h3 a,
.dark-grey h4 a,
.dark-grey h5 a {
    color: #ccc
}

.dark-grey code,
.dark-grey strong {
    color: #fff
}

.dark-grey code {
    font-weight: 100
}

.dark-grey table {
    color: #ccc
}

.dark-grey table td,
.dark-grey table th {
    border-color: #444
}

.dark-grey table tbody td:first-child {
    color: #fff
}

.dark-grey .form-group label {
    color: #ccc;
    border-color: rgba(95, 95, 95, .78)
}

.dark-grey .form-group.form-textarea label:after {
    background-color: #181818
}

.dark-grey .form-control {
    color: #ccc;
    border-color: rgba(95, 95, 95, .78)
}

.dark-grey .form-control:focus {
    border-color: #ccc;
    color: #ccc
}

.dark-grey textarea.form-control {
    color: #ccc
}

.dark-grey .card {
    border-color: rgba(95, 95, 95, .78)
}

.dark-grey .card .card-header {
    background-color: transparent;
    color: #ccc;
    border-bottom: 1px solid rgba(95, 95, 95, .78)
}

.dark-grey .btn.btn-ghost.btn-default {
    border-color: #ababab;
    color: #ababab
}

.dark-grey .btn.btn-ghost.btn-default:focus,
.dark-grey .btn.btn-ghost.btn-default:hover {
    border-color: #9c9c9c;
    color: #9c9c9c;
    z-index: 1
}

.dark-grey .btn.btn-ghost.btn-default:focus,
.dark-grey .btn.btn-ghost.btn-default:hover {
    border-color: #e0e0e0;
    color: #e0e0e0
}

.dark-grey .btn.btn-ghost.btn-primary:focus,
.dark-grey .btn.btn-ghost.btn-primary:hover {
    border-color: #64b5f6;
    color: #64b5f6
}

.dark-grey .btn.btn-ghost.btn-success:focus,
.dark-grey .btn.btn-ghost.btn-success:hover {
    border-color: #81c784;
    color: #81c784
}

.dark-grey .btn.btn-ghost.btn-info:focus,
.dark-grey .btn.btn-ghost.btn-info:hover {
    border-color: #4dd0e1;
    color: #4dd0e1
}

.dark-grey .btn.btn-ghost.btn-error:focus,
.dark-grey .btn.btn-ghost.btn-error:hover {
    border-color: #e57373;
    color: #e57373
}

.dark-grey .btn.btn-ghost.btn-warning:focus,
.dark-grey .btn.btn-ghost.btn-warning:hover {
    border-color: #ffb74d;
    color: #ffb74d
}

.dark-grey .avatarholder,
.dark-grey .placeholder {
    background-color: transparent;
    border-color: #333
}

.dark-grey .menu .menu-item {
    color: #ccc;
    border-color: rgba(95, 95, 95, .78)
}

.dark-grey .menu .menu-item.active,
.dark-grey .menu .menu-item:hover {
    color: #fff;
    border-color: #ccc
}