.dark {
    color: #ccc;
}
.dark,
.dark pre {
    background-color: #000;
}
.dark pre {
    padding: 0;
    border: none;
}
.dark pre code {
    color: #00bcd4;
}
.dark h1 a,
.dark h2 a,
.dark h3 a,
.dark h4 a,
.dark h5 a {
    color: #ccc;
}
.dark code,
.dark strong {
    color: #fff;
}
.dark code {
    font-weight: 100;
}
.dark table {
    color: #ccc;
}
.dark table td,
.dark table th {
    border-color: #444;
}
.dark table tbody td:first-child {
    color: #fff;
}
.dark .form-group label {
    color: #ccc;
    border-color: rgba(95, 95, 95, 0.78);
}
.dark .form-group.form-textarea label:after {
    background-color: #000;
}
.dark .form-control {
    color: #ccc;
    border-color: rgba(95, 95, 95, 0.78);
}
.dark .form-control:focus {
    border-color: #ccc;
    color: #ccc;
}
.dark textarea.form-control {
    color: #ccc;
}
.dark .card {
    border-color: rgba(95, 95, 95, 0.78);
}
.dark .card .card-header {
    background-color: transparent;
    color: #ccc;
    border-bottom: 1px solid rgba(95, 95, 95, 0.78);
}
.dark .btn.btn-ghost.btn-default {
    border-color: #ababab;
    color: #ababab;
}
.dark .btn.btn-ghost.btn-default:focus,
.dark .btn.btn-ghost.btn-default:hover {
    border-color: #9c9c9c;
    color: #9c9c9c;
    z-index: 1;
}
.dark .btn.btn-ghost.btn-default:focus,
.dark .btn.btn-ghost.btn-default:hover {
    border-color: #e0e0e0;
    color: #e0e0e0;
}
.dark .btn.btn-ghost.btn-primary:focus,
.dark .btn.btn-ghost.btn-primary:hover {
    border-color: #64b5f6;
    color: #64b5f6;
}
.dark .btn.btn-ghost.btn-success:focus,
.dark .btn.btn-ghost.btn-success:hover {
    border-color: #81c784;
    color: #81c784;
}
.dark .btn.btn-ghost.btn-info:focus,
.dark .btn.btn-ghost.btn-info:hover {
    border-color: #4dd0e1;
    color: #4dd0e1;
}
.dark .btn.btn-ghost.btn-error:focus,
.dark .btn.btn-ghost.btn-error:hover {
    border-color: #e57373;
    color: #e57373;
}
.dark .btn.btn-ghost.btn-warning:focus,
.dark .btn.btn-ghost.btn-warning:hover {
    border-color: #ffb74d;
    color: #ffb74d;
}
.dark .avatarholder,
.dark .placeholder {
    background-color: transparent;
    border-color: #333;
}
.dark .menu .menu-item {
    color: #ccc;
    border-color: rgba(95, 95, 95, 0.78);
}
.dark .menu .menu-item.active,
.dark .menu .menu-item:hover {
    color: #fff;
    border-color: #ccc;
}