/*
 * Dark Mode Styles for MDI Custom Error Page
 * Author: ppita <ppita@mdinteractive.com>
 */
.mdi-custom-error-dark-mode {
  background-color: #1a1a1a;
  color: #e0e0e0;
  min-height: 100vh;
}

/* Page Controls Container */
.page-controls-container {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}

.mdi-custom-error-dark-mode .text-muted {
  color: #bbb !important;
}

.mdi-custom-error-dark-mode .page-controls-container {
  background-color: #2d2d2d;
  border-color: #555;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .page-controls-container h4 {
  color: #ccc;
}

.mdi-custom-error-dark-mode .page-controls-container .text-muted {
  color: #aaa !important;
}

/* Panel Styles */
.mdi-custom-error-dark-mode .panel {
  background-color: #2d2d2d;
  border-color: #444;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .panel-heading {
  background-color: #3d3d3d;
  border-color: #444;
  color: #fff;
}

.mdi-custom-error-dark-mode .panel-body {
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .panel-title {
  color: #fff;
}

/* Button Styles */
.mdi-custom-error-dark-mode .btn {
  background-color: #404040;
  border-color: #555;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .btn:hover {
  background-color: #505050;
  border-color: #666;
}

.mdi-custom-error-dark-mode .btn-primary {
  background-color: #0d7377;
  border-color: #0d7377;
}

.mdi-custom-error-dark-mode .btn-primary:hover {
  background-color: #0a5d61;
  border-color: #0a5d61;
}

.mdi-custom-error-dark-mode .btn-danger {
  background-color: #c82333;
  border-color: #bd2130;
}

.mdi-custom-error-dark-mode .btn-danger:hover {
  background-color: #a71e2a;
  border-color: #9e1b26;
}

.mdi-custom-error-dark-mode .btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
}

.mdi-custom-error-dark-mode .btn-warning {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #212529;
}

/* Table Styles */
.mdi-custom-error-dark-mode .table {
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .table th {
  background-color: #404040;
  border-color: #555;
  color: #fff;
}

.mdi-custom-error-dark-mode .table td {
  border-color: #555;
  background-color: #2d2d2d;
}

.mdi-custom-error-dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #333;
}

.mdi-custom-error-dark-mode .table-hover tbody tr:hover {
  background-color: #404040;
}

/* Form Elements */
.mdi-custom-error-dark-mode .form-control {
  background-color: #404040;
  border-color: #555;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .form-control:focus {
  background-color: #404040;
  border-color: #0d7377;
  color: #e0e0e0;
  box-shadow: 0 0 0 0.2rem rgba(13, 115, 119, 0.25);
}

.mdi-custom-error-dark-mode .form-control::placeholder {
  color: #aaa;
}

/* Select Elements */
.mdi-custom-error-dark-mode select.form-control {
  background-color: #404040;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode select.form-control option {
  background-color: #404040;
  color: #e0e0e0;
}

/* Input Groups */
.mdi-custom-error-dark-mode .input-group-addon {
  background-color: #404040;
  border-color: #555;
  color: #e0e0e0;
}

/* List Group */
.mdi-custom-error-dark-mode .list-group {
  background-color: #2d2d2d;
}

.type-count-report-modal--dark {
  background-color: #1f1f1f;
  color: #e0e0e0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.type-count-report-modal--dark .type-count-report-modal__summary,
.type-count-report-modal--dark .type-count-report-modal__empty {
  color: #bbb;
}

.type-count-report-modal--dark .type-count-report-modal__filters {
  color: #e0e0e0;
}

.type-count-report-modal--dark .type-count-report-modal__filter-item {
  color: #e0e0e0;
}

.type-count-report-modal--dark .type-count-report-modal__filter-item strong {
  color: #fff;
}

.type-count-report-modal--dark .type-count-report-modal__table-wrapper {
  border: 1px solid #333;
}

.type-count-report-modal--dark .table {
  background-color: #262626;
  color: #e0e0e0;
}

.type-count-report-modal--dark .table th {
  background-color: #303030;
  border-color: #3a3a3a;
  color: #f5f5f5;
}

.type-count-report-modal--dark .table td {
  background-color: #262626;
  border-color: #3a3a3a;
}

.type-count-report-modal--dark .table-striped tbody tr:nth-of-type(odd) {
  background-color: #2f2f2f;
}

.mdi-custom-error-dark-mode .list-group-item {
  background-color: #2d2d2d;
  border-color: #555;
  color: #e0e0e0;
}

/* Modal Styles */
.mdi-custom-error-dark-mode .modal-content {
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .modal-header {
  background-color: #3d3d3d;
  border-bottom-color: #555;
}

.mdi-custom-error-dark-mode .modal-footer {
  border-top-color: #555;
}

.mdi-custom-error-dark-mode .modal-title {
  color: #fff;
}

/* Close Button */
.mdi-custom-error-dark-mode .close {
  color: #fff;
  opacity: 0.8;
}

.mdi-custom-error-dark-mode .close:hover {
  color: #fff;
  opacity: 1;
}

/* Pagination */
.mdi-custom-error-dark-mode .pagination .page-link {
  background-color: #404040;
  border-color: #555;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .pagination .page-link:hover {
  background-color: #505050;
  border-color: #666;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .pagination .page-item.active .page-link {
  background-color: #0d7377;
  border-color: #0d7377;
}

/* Alerts */
.mdi-custom-error-dark-mode .alert {
  background-color: #2d2d2d;
  border-color: #555;
  color: #e0e0e0;
}

.mdi-custom-error-dark-mode .alert-danger {
  background-color: #3d2626;
  border-color: #722d37;
  color: #f8d7da;
}

.mdi-custom-error-dark-mode .alert-success {
  background-color: #263d26;
  border-color: #377237;
  color: #d4edda;
}

.mdi-custom-error-dark-mode .alert-warning {
  background-color: #3d3326;
  border-color: #725d37;
  color: #fff3cd;
}

.mdi-custom-error-dark-mode .alert-info {
  background-color: #263a3d;
  border-color: #376472;
  color: #d1ecf1;
}

/* Loading Spinner */
.mdi-custom-error-dark-mode .loading-spinner {
  color: #0d7377;
}

/* Text Colors */
.mdi-custom-error-dark-mode .text-primary {
  color: #4da6ff !important;
}

.mdi-custom-error-dark-mode .text-success {
  color: #28a745 !important;
}

.mdi-custom-error-dark-mode .text-danger {
  color: #dc3545 !important;
}

.mdi-custom-error-dark-mode .text-warning {
  color: #ffc107 !important;
}

.mdi-custom-error-dark-mode .text-info {
  color: #17a2b8 !important;
}

/* Background Colors */
.mdi-custom-error-dark-mode .bg-primary {
  background-color: #0d7377 !important;
}

.mdi-custom-error-dark-mode .bg-secondary {
  background-color: #6c757d !important;
}

.mdi-custom-error-dark-mode .bg-success {
  background-color: #28a745 !important;
}

.mdi-custom-error-dark-mode .bg-danger {
  background-color: #dc3545 !important;
}

.mdi-custom-error-dark-mode .bg-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.mdi-custom-error-dark-mode .bg-info {
  background-color: #17a2b8 !important;
}

.mdi-custom-error-dark-mode .bg-light {
  background-color: #404040 !important;
}

.mdi-custom-error-dark-mode .bg-dark {
  background-color: #1a1a1a !important;
}

/* Scrollbar Styling for Webkit browsers */
.mdi-custom-error-dark-mode ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.mdi-custom-error-dark-mode ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

.mdi-custom-error-dark-mode ::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 4px;
}

.mdi-custom-error-dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #666;
}