.dark2 {
    background-color: #181818;
    color: #ccc
}

.dark2 pre {
    background-color: #242424;
    padding: 1em;
    border: none
}

.dark2 pre code {
    color: #00bcd4
}

.dark2 span.nf {
    color: #aaaaff;
}

.dark2 h1 a,
.dark2 h2 a,
.dark2 h3 a,
.dark2 h4 a,
.dark2 h5 a {
    color: #ccc
}

.dark2 code,
.dark2 strong {
    color: #fff;
}

.dark2 code {
    font-weight: 100
    background-color: #242424;
}

.dark2 table {
    color: #ccc
}

.dark2 table td,
.dark2 table th {
    border-color: #444;
    padding-left: 1em;
}

/* .dark2 table tbody td:first-child { */
/*     color: #fff */
/* } */

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

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

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

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

.dark2 textarea.form-control {
    color: #ccc
}

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

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

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

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

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

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

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

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

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

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

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

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

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