/* Alternating rows in lists of messages, Who's Online, etc. */
.striped:nth-of-type(even), .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background: #F2F2F2;
}

/* A link in a list when the mouse is hovering over it (mostly applies to the Forum) */
a.list-group-item:hover, a.list-group-item:active, li.list-group-item.mail:hover {
	background-color: #A9E2F3;
}

/* A link to a scanned sub in a list, should you wish to style it, I guess. */
a.list-group-item.scanned:hover {
}

/* An unread mail message in the list view. */
a.unread {
	background: #FFFFFF;
}

span.badge.new {
	background: #2E9AFE;
	color: #FFFFFF;
}

/* A read mail message in the list view. */
a.read {
	background: #E6E6E6;
}

/* Unread-message indicator for scanned subs. */
span.badge.scanned {
	background-color: #2E9AFE;
}

/* Unread-message indicator for all subs. */
span.badge.total {
}

/* Inline quoted text in a message. */
blockquote {
	font-size: 14px;
	border-left : 5px solid #A4A4A4;
}

/* The 'current' message being viewed in a thread. */
li.current {
	border-left-color : #000000;
	border-right-color : #000000;
}

/* Unused? */
span.message-header.unread {
	background-color: #FCF8E3;
}

/*** Dark mode ***/

/* default links, like the breadcrumbs */
.dark a {
	color: #75b8f1;
}

/* background of the top bar */
.dark .navbar {
	background-color: #222;
}

/* bbs name at top left */
.dark .navbar-brand {
	color: #ccc;
}
.dark .navbar-brand:hover {
	color: #fff;
}

/* hover for the top nav buttons */
.dark .navbar-default a:hover {
	color: #8cc1ee !important;
	color: #fff;
	background-color: #222 !important;
}

/* the active top nav button when opened */
.dark .navbar-default .navbar-nav>.open>a,
.dark.navbar-default .navbar-nav>.open>a:focus,
.dark.navbar-default .navbar-nav>.open>a:hover {
	background-color: #333;
	color: #EEE;
}

/* dropdown menus */
.dark .dropdown-menu {
	background-color: #222;
}
.dark .dropdown-menu li a {
	color: #75b8f1;
}

/* background color of alternate rows in lists */
.dark .striped:nth-of-type(even), 
.dark .table-striped > tbody > tr:nth-child(even) > td, 
.dark .table-striped > tbody > tr:nth-child(even) > th,
body.dark-mode .striped:nth-of-type(even),
body.dark-mode .table-striped > tbody > tr:nth-child(even) > td,
body.dark-mode .table-striped > tbody > tr:nth-child(even) > th {
	background: #222 !important; /* Darker background for even rows */
}

.dark .striped:nth-of-type(odd),
.dark .table-striped > tbody > tr:nth-child(odd) > td, 
.dark .table-striped > tbody > tr:nth-child(odd) > th,
body.dark-mode .striped:nth-of-type(odd),
body.dark-mode .table-striped > tbody > tr:nth-child(odd) > td,
body.dark-mode .table-striped > tbody > tr:nth-child(odd) > th {
	background: #333 !important; /* Slightly lighter dark background for odd rows */
}


.dark .list-group-item,
body.dark-mode .list-group-item { /* Added body.dark-mode specificity */
	background-color: #333 !important; /* Added !important */
	color: #ddd !important; /* Added !important */
	border-color: #888 !important; /* Added !important */
}

/* A link in a list when the mouse is hovering over it (mostly applies to the Forum) */
.dark a.list-group-item:hover, .dark  a.list-group-item:active {
	background-color: #888;
	color: #222;
}

.dark li.list-group-item.mail:hover {
	background-color: #888;
	color: #FFF;
}

/* background color for the breadcrumb box */
.dark .breadcrumb {
	background-color: #333;
}

/*** You probably don't need to mess with rules below this line. ***/

blockquote {
	margin: .5em;
	padding: .5em;
}

div.message {
	margin: 0; /* Changed from 1em 0 1em 0; */
}

input.dropdown {
	clear: both;
	margin: 0; /* Changed from 0 0 1em 0; */
}

pre.ansi {
	background-color : black;
	font-family : Courier New, monospace;
	line-height : 1;
}

pre.list {
	color : inherit;
	background-color : inherit;
	border : none;
}

.list-group-item.sidebar {
	overflow: hidden;
	word-wrap: break-word;
}

.list-group-item.sidebar:empty {
	display: none;
}

.icon {
	margin: 0 1em 1em 0;
}

.reply {
	margin: 1em 0 1em 0;
}

/* Upvote button */
.btn-uv { }

/* Downvote button */
.btn-dv { }

.upvote-bg {
	background-color : #F0B27A;
}

.downvote-bg {
	background-color : #85C1E9;
}

.upvote-fg, .upvote:hover {
	color : #F0B27A;
}

.downvote-fg, .downvote:hover {
	color : #85C1E9;
}

.indicator {
    background-color: transparent !important;
    -webkit-animation: indicator-fade 3s ease 0s 1 alternate !important;
}

@-webkit-keyframes indicator-fade {
    from { background-color: #82E0AA; }
    to { background-color: transparent; }
}

@-moz-keyframes indicator-fade {
    from { background-color: #82E0AA; }
    to { background-color: transparent; }
}

@-ms-keyframes indicator-fade {
    from { background-color: #82E0AA; }
    to { background-color: transparent; }
}

@-o-keyframes indicator-fade {
    from { background-color: #82E0AA;}
    to { background-color: transparent; }
}

@keyframes indicator-fade {
    from { background-color: #82E0AA;}
    to { background-color: transparent; }
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
} 

.breadcrumb {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.breadcrumb li {
	display: inline;
}

.dark {
	background-color: #222 !important;
	color: #eee;
}

.dark span.badge.ignored {
	background-color: #aaa;
}

.dark .text-danger {
	color: #ef1c18;
}

.dark .text-success {
	color: #3eef41;
}

.dark a.btn, .dark .icon {
	color: #000;
	background-color: #ddd !important;
}

.dark .btn {
	color: #000;
	background-color: #ddd ;
}

.dark .btn-primary {
	color: #FFF;
	background-color: #337ab7;
}

.dark a.btn :hover, .dark .icon:hover {
	color: #000;
	background-color: #fff !important;
}

@media (max-width: 767px) {
	.dark-switch {
		padding: 10px 15px;
	}
}

@media (min-width: 768px) {
	.dark-switch {
		padding: 0px;
	}
}

.dark .modal-content {
	background-color: #333 !important;
	color: #ddd !important;
}

.darkswitchbox {
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.dark input,.dark select,.dark textarea {
	color: #111;
	background-color: #DDD;
}

/* Ensure no extra space below footer */
html, body {
    margin: 0;
    padding: 0;
    /* Default dark mode background */
    background-color: #1f1f1f;
    color: #f8f8f8; /* Default light text for dark mode */
}

/* Override the 'hidden' class for the main menu navigation */
/* Targeting a more general class to ensure visibility in both light and dark modes */
nav.items-center {
    display: flex !important;
}

/* Ensure dropdown content is visible on hover */
.group:hover .dropdown-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dark mode specific styles */
body.dark-mode {
    background-color: #1f1f1f !important;
    color: #f8f8f8 !important;
}

/* Override the 'hidden' class for the main menu navigation */
nav.bg-\[\#1f1f1f\] {
    display: flex !important;
}

/* Ensure dropdown content is visible on hover */
.group:hover .dropdown-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}