/*simple dark mode */

body.dark-mode {
	background-color: #1a1a1a !important;
	color: #e0e0e0 !important;
}

.dark-mode input, .dark-mode select, .dark-mode textarea {
	/* background-color: #222 !important; */
	color: #e0e0e0 !important;
	border: 1px solid #555 !important;
}

.dark-mode .modal-content.dark-mode, .dark-mode .footer.dark-mode {
	background-color: #333 !important;
	border-color: #898989 !important;
}

.dark-mode button {
	background-color: #444 !important;
	color: #e0e0e0 !important;
	border-color: #555 !important;
}

/* Add dark mode for tables, borders, and other elements */
.dark-mode  table th {
	border: unset;
	color: #e0e0e0 !important;
}

.dark-mode table td {
	border: 1px solid #555 !important;
	color: #e0e0e0 !important;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
	color: #e0e0e0 !important;
}

.dark-mode a {
    color: #bbb !important;
}

.dark-mode thead {
    background-color: #000 !important;
	color: #bbb !important;
}

.dark-mode #header, .dark-mode #titleBar, .dark-mode #navPanel, .dark-mode #navPanel .link {
    background-color: #333 !important;
	color: #bbb !important;
}

.dark-mode #footer {
    background-color: #222 !important;
    color: #bbb !important;
}

.dark-mode .table-wrapper {
    /* background-color: #1c1c1c !important; */
	color: #e0e0e0 !important;
}

.dark-mode table.alt {
	border-collapse: collapse;
    /* background-color: #333 !important; */
    color: #ffffff !important;
}

.dark-mode .modal {
    background-color: #2e2e2e !important;
    color: #e0e0e0 !important;
}

.dark-mode .modal-content, .dark-mode .modal-msg-content, .dark-mode .modal-wait-content, .dark-mode .modal b{
    background-color: #000000 !important;
    color: #e0e0e0 !important;
}

.dark-mode .dropotron {
	background-color: #2e2e2e !important;
	border: solid 1px rgb(144 144 144 / 60%);
    color: #e0e0e0 !important;
}

.dark-mode .dropotron.level-0:before {
	background: #2e2e2e;
	border-color: rgb(192 192 192 / 72%);
}

.dark-mode .dropzone{
	border: 2px dotted rgba(225, 225, 225, 0.8) !important;
}
.dark-mode .dropzone, .dark-mode .dz-message, .dark-mode .dz-button { 
	background-color: #333 !important;
	color: #e0e0e0 !important;
}

.dark-mode a.icon, .dark-mode i.icon {
    color: #ff001a !important;
}

.dark-mode div#hoverWindow { 
	border: 1px solid #FFF; 
	border-radius: 8px; 
	height: auto; 
	width: auto; 
	color: #e0e0e0; 
	background-color: #2e2e2e;
}

.dark-mode #logo {
    background-image: url(/images/TA_Logo_Dark.png);
}

.dark-mode .hex-wrapper {
	color: #504f4f!important;
}

.dark-mode input[type="text"]#address-search, input[type="text"]#address-search:focus {
	color: #504f4f!important;
}