body.darkmode,
body.darkmode #sidebar .sidebar-header {
	background-color: #121212;
	color: white;	
}
body.darkmode .header-container {
	background-color: #222222;
	color: white;	
}
body.darkmode a.tab {
	color: var(--dark-color) !important;
}
.sidebar-logo-dark, .navigation-logo-dark, .brewspy-image-dark {
	display: none;
}
body.darkmode .sidebar-logo-dark, body.darkmode .navigation-logo-dark, body.darkmode .brewspy-image-dark {
	display: initial;
}
body.darkmode .sidebar-logo-light, body.darkmode .navigation-logo-light, body.darkmode .brewspy-image-light {
	display: none;
}
 body.darkmode .sidebar-logo-light {
	display: none;
}

body.darkmode .tab-button {
	color: white;
	background-color: #222222;
	border: 0.55px solid #515151;
}
body.darkmode .canvas-zoom-popup {
	background: black;
} 
body.darkmode .table {
	color: white;
} 
body.darkmode .table-hover tbody tr:hover {
	color: #cfcfcf;
	background-color: #3b3b3b;
}
body.darkmode .table th, body.darkmode .table td {
	border-top: 1px solid #515151;
}
body.darkmode .table th.no-top-border, body.darkmode .table td.no-top-border {
	border-top: 0px;	
}
body.darkmode .batch-stats {
	background: #3b3b3b;
	border-bottom: 0.55px solid #c62828;
	border-top: 0.55px solid #c62828;
}
body.darkmode .full-width-link:hover {
	background: #3b3b3b;
	color: white;
}
body.darkmode .latest-row {
	border-bottom: 0.55px solid #515151;
}
body.darkmode .data-grid .oddrow, body.darkmode .table-striped tbody tr:nth-of-type(even)  {
    background-color: #222;
}
body.darkmode .data-grid .oddrow:hover, body.darkmode .table-striped tbody tr:nth-of-type(even):hover  {
    background-color: #3b3b3b;
}
body.darkmode .data-grid .data-grid-row-container {
    border-bottom: 0.55px solid #515151;
}
body.darkmode .chart-tools {
	color: #e1e1e1;
}
body.darkmode a {
	color: #dc2031;
}
body.darkmode a.undecorated {
	color: unset;
}
body.darkmode .section-body a {
	color: white;
}
body.darkmode .section-body a.btn-light {
	color: black;
}
body.darkmode a.btn-danger, body.darkmode a.btn-success {
	color: white;
}


body.darkmode .btn-danger {
	background-color: #c62828;
    border-color: #c62828	
}
body.darkmode .btn-outline-danger { 
	color: #c62828;
    border-color: #c62828;
}
body.darkmode .card .btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;	
}
body.darkmode .btn-outline-danger:hover {
	color: white;
    border-color: #c62828;
    background-color: #c62828;	
}
body.darkmode .btn-outline-dark {
	color: white;
    border-color: white;	
}
body.darkmode .btn-outline-dark:hover {
	color: black;
    border-color: black;
    background-color: white;	
}
body.darkmode a.black-link {
	color: white;
}
body.darkmode #sidebar {
	border-right: 1px solid #121212;
}
body.darkmode #sidebar ul li.active>a {
	background-color: #961818;	
}
body.darkmode .faded {
	color: #9e9e9e;
}
body.darkmode .no-results-small {
	color: #9e9e9e;
}
body.darkmode .btn-white {
	color: #c62828;
}
body.darkmode .close {
	color: white;
	text-shadow: 0 1px 0 #000;
}
body.darkmode .modal-header {
	background-color: #222222;
	color: white;
	border-bottom: 1px solid #515151;
}
body.darkmode .modal-footer {
	background-color: #3B3B3b;
	color: white;
	border-top: 1px solid #515151;
}
body.darkmode .modal-comment {
	border-bottom: 1px solid #515151;
	color: #9e9e9e;
}
body.darkmode .modal-content {
	background-color: #121212;
	color: white;
}
body.darkmode h4.section-header {
	border-bottom: 1px solid #515151;
}
body.darkmode .section-body {
	background-color: #3b3b3b;
}
body.darkmode .alert-info {
	background-color: #515151;
    color: #f7f7f7;
    border-color: #222;
}
body.darkmode .card-left-header, body.darkmode .card {
	background-color: #3b3b3b;
}
body.darkmode .card-body, body.darkmode .taplist-container {
	background-color: #515151;
}
body.darkmode .recipe-body-title div, 
body.darkmode .recipe-abv,
body.darkmode .recipe-style {
	color: #9e9e9e;
}
body.darkmode a .card, body.darkmode .daily-summary-toolbar a {
	color: white;
}
body.darkmode .tap-abv {
	background: #9e9e9e;
    color: white;
    border-left: 0.5pt solid #9e9e9e;
}
body.darkmode .progress-bar {
	background: #9e9e9e;
}
body.darkmode .json-format {
    background-color: #222;
    color: white;
    border: 1px solid #515151;
}
body.darkmode .json-format a {
	color: white;
}
body.darkmode .daily-summary .show-actual.show-change .daily-change {
    color: #bdbdbd !important;
}
body.darkmode .category-title {
	border-bottom: 1px solid #515151;
}
body.darkmode .category-title .fa {
	color: #9e9e9e;
}
body.darkmode .faq-container {
	border-bottom: 1px solid #515151;
}
body.darkmode .faq-category-body.expanded {
	background: #333;
}
body.darkmode .faq-container.expanded {
	background: #3b3b3b;
}
body.darkmode .faq-body {
	color: #eee !important;
}
body.darkmode .navbar.bg-light {
	background-color: #343a40 !important;
}
body.darkmode .navbar-brand {
	color: white;
}
body.darkmode .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}
body.darkmode .navbar-light .navbar-nav .nav-link {
	color: white;
}
body.darkmode .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

body.darkmode .alert-danger {
    background-color: #c62828;
    border-color: #c62828;
    color: white;
}
body.darkmode .small-comment {
	color: #9e9e9e;
}

body.darkmode .radio-buttons label {
	background-color: #75757575;
}

body.darkmode .radio-buttons input[type="radio"]:checked+label, 
body.darkmode input[type="checkbox"].fa-checkbox:checked+label {
    background-color: #616161;
    border: 1px solid #616161;
}