.page-dark {
    background: #000;
    color: #fff;
}

.page-dark a {
    color: #fff;
}

.page-dark a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.page-dark .card,
.page-dark .panel,
.page-dark .modal-content {
    background: #0b0b0b;
    color: #fff;
    border-color: #222;
}

.page-dark input,
.page-dark select,
.page-dark textarea {
    background: #111;
    color: #fff;
    border-color: #333;
}

.page-dark input::placeholder,
.page-dark textarea::placeholder {
    color: rgba(255, 255, 255, 0.65);
}

.page-dark input:focus,
.page-dark select:focus,
.page-dark textarea:focus {
    background: #111;
    color: #fff;
    border-color: #555;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.page-dark .form-control {
    background: #111;
    color: #fff;
    border-color: #333;
}

.page-dark .form-control::placeholder {
    color: rgba(255, 255, 255, 0.65);
}

.page-dark .form-control:focus {
    background: #111;
    color: #fff;
    border-color: #555;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.page-dark .btn-outline-light {
    color: #fff;
    border-color: #fff;
}

.page-dark .btn-outline-light:hover {
    background: #fff;
    color: #000;
}

.page-dark .btn-outline-dark {
    color: #fff;
    border-color: #fff;
}

.page-dark .btn-outline-dark:hover {
    background: #fff;
    color: #000;
}

.page-dark .text-dark {
    color: #fff !important;
}

.page-dark .bg-light {
    background: #111 !important;
}

.page-dark .bg-white {
    background: #0b0b0b !important;
}

.page-dark .border {
    border-color: #333 !important;
}

.page-dark .dropdown-menu {
    background: #111;
    border-color: #333;
}

.page-dark .dropdown-item {
    color: #fff;
}

.page-dark .dropdown-item:hover {
    background: #222;
    color: #fff;
}

.page-dark .nav-link {
    color: #fff;
}

.page-dark .nav-link:hover {
    color: rgba(255, 255, 255, 0.8);
}

.page-dark .table {
    color: #fff;
}

.page-dark .table th,
.page-dark .table td {
    border-color: #333;
}

.page-dark .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.page-dark .list-group-item {
    background: #0b0b0b;
    color: #fff;
    border-color: #333;
}

.page-dark .accordion-item {
    background: #0b0b0b;
    border-color: #333;
}

.page-dark .accordion-button {
    background: #0b0b0b;
    color: #fff;
}

.page-dark .accordion-button:not(.collapsed) {
    background: #111;
    color: #fff;
}

.page-dark .accordion-body {
    background: #0b0b0b;
    color: #fff;
}

.page-dark h1,
.page-dark h2,
.page-dark h3,
.page-dark h4,
.page-dark h5,
.page-dark h6 {
    color: #fff;
}

.page-dark p {
    color: #fff;
}

.page-dark .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

.page-dark .text-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
}

.page-dark .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8);
}

.page-dark .breadcrumb-item.active {
    color: #fff;
}

.page-dark .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.5);
}

.page-dark .alert-info {
    background: rgba(13, 202, 240, 0.15);
    border-color: rgba(13, 202, 240, 0.3);
    color: #fff;
}

.page-dark .alert-warning {
    background: rgba(255, 193, 7, 0.15);
    border-color: rgba(255, 193, 7, 0.3);
    color: #fff;
}

.page-dark .alert-danger {
    background: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.3);
    color: #fff;
}

.page-dark .alert-success {
    background: rgba(25, 135, 84, 0.15);
    border-color: rgba(25, 135, 84, 0.3);
    color: #fff;
}

.page-dark .pagination .page-link {
    background: #111;
    color: #fff;
    border-color: #333;
}

.page-dark .pagination .page-link:hover {
    background: #222;
    color: #fff;
    border-color: #444;
}

.page-dark .pagination .page-item.active .page-link {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.page-dark .pagination .page-item.disabled .page-link {
    background: #0b0b0b;
    color: rgba(255, 255, 255, 0.4);
    border-color: #222;
}

.page-dark .select2-container--default .select2-selection--single {
    background: #111;
    border-color: #333;
}

.page-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.page-dark .select2-container--default .select2-results__option {
    background: #111;
    color: #fff;
}

.page-dark .select2-container--default .select2-results__option--highlighted {
    background: #222;
    color: #fff;
}

.page-dark .select2-dropdown {
    background: #111;
    border-color: #333;
}