/****** CSS Style Dark ******/

/* Material Design 

PRIMARY

Blue Gray 1		Blue Gray 2

  50 #eceff1;
 100 #cfd8dc;
 200 #b0bec5;	#efeff8;
 300 #90z4ae;
 400 #78909c;
 500 #607d8b;
 600 #546e7a;	#6c757d;
 700 #455a64;
 800 #37474f;	#3a4249;
 900 #263238;

SECONDAY

				Middle Blue 2

   50 #eceff1;
 100 #cfd8dc;
 200 #b0bec5;	#80d8ff;
 300 #90z4ae;
 400 #78909c;
 500 #607d8b;
 600 #546e7a;
 700 #455a64;
 800 #37474f;
 900 #263238;


*/

/* Bootstrap overrides */
.bg-warning {
	color: #222;
}
body
,#column-right
,#sidebar-1
,#diagnosis-search
,#diagnosis-result .fetch-button
,#diagband
,#charband
,body:not(.home) #charfilterbtns
/*,#charband #charband-options nav .card,
,#bolognia nav .card,*/
,nav .card
,#bolognia
,#textderm4
,#slides
,#slide-options-group
,#slide-numbers-search
,#slide-numbers-search div.custom-radio {
	background-color: #424242;
}
#header
,.charfilterbtns.show nav .card {
	background-color: rgba(255, 255, 255, 0.1) !important;
}
nav .card-title button.dropdown-toggle[aria-expanded="true"]
,#charfilterbtns .card-title button.dropdown-toggle[aria-expanded="true"] {
	background-color: inherit;
}

#sidebar-1 {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto; /* 1200px; */
}

/* navbar */
.navbar-light .navbar-brand
,.navbar-light .navbar-brand:hover
,.navbar-light .navbar-toggler .blue
,.navbar-light .menu-toggle .blue {
	color: rgba(255, 255, 255, 0.55);
}
.navbar-light .navbar-toggler:hover
,.navbar-light .navbar-toggler:hover .blue
,.navbar-light .menu-toggle:hover
,.navbar-light .menu-toggle:hover .blue {
	color: #263238;
}
.navbar-light .navbar-toggler:hover
,.navbar-light .menu-toggle:hover {
	background-color: rgba(255, 255, 255, 0.55);
}

#column-middle .panel .ehsl-card {
	background-color: rgba(0, 0, 0, 0.2);
}

#content {
	background-color: rgba(0, 0, 0, 0.4);
}
#column-middle {
	background-color: transparent;
}

/* ---- diagnosis search ---- */
[id="diagnosis-result"][style="display: block;"] {
	border: 0;
}
#diagnosis-name-input {
	margin-bottom: 1rem;
	font-size: 1rem;
}
.count-match {
	background-color: rgba(0, 0, 0, 0.3);
}
.badge-match
,.found-label
,.slide-diag-fnd {
	color: #28a745;
	color: #ffffe0;
	color: #fcfca4;
	background-color: rgba(0, 0, 0, 0.2);
}
.filter-opt-label {
	color: #ffffe0;
	color: #fcfca4;
	background-color: transparent;
}
.characteristic-notfound ~ .flter-opt-label {
}

#gallery-layout-controls .icon-font
,#gallery-layout-controls .icon-font:before
,.characteristic-notfound {
	color: #007bff;
}
.ehsl-badge-pill-show-label:before {
	color: #ff4081;
	color: #ea80fc;
	color: #fafafa;
	color: #b0bec5;
}
.ehsl-badge-pill-hide-label:before {
	color: #ff8a80;
	color: #cfd8dc;
}
.slide-show-title {
	background-color: #007bff;
}
.custom-control-label::before {
	background-color: transparent;
}
.text-muted {
	color: rgba(255, 255, 255, 0.4) !important;
}
#options nav .characteristic-notfound
,#charband nav a:not(.close)
,#bologsectbtns > nav a
,#textderm4sectbtns > nav a
,nav .card-title button.btn-link
,#charfilterbtns .card-title button.btn-link
,nav.bolognia .f-sect-parent a
,nav.textderm4 .f-sect-parent a {
	color: #429dff;
}
body
,.list-group label
,.slide-action-links
,.slide-action-links:hover
,.toggle-chevron
,.toggle-chevron:hover
,.dropdown-toggle:hover
,.filter-opt-label:hover
,#charband nav a:not(.close):hover
,#bologsectbtns > nav a:hover
,#textderm4sectbtns > nav a:hover
,nav.bolognia .f-sect-parent a:hover
,nav.textderm4 .f-sect-parent a:hover
,nav .card-title button.btn-link:hover
,#charfilterbtns .card-title button.btn-link:hover
,#options nav .characteristic-notfound:hover
,.card-title a[aria-expanded="true"]
,.card-title a[aria-expanded="true"]:hover
,#slide-numbers-search div.search-opt-label label
,#slide-numbers-search div.custom-radio label span
,#gallery-layout-controls .icon-font:hover
,#gallery-layout-controls .icon-font:hover:before
,.ehsl-badge-pill-hide-label:hover:before
,.ehsl-badge-pill-show-label:hover:before {
	color: rgb(255, 255, 255, 255);
}
#bologsectbtns h6
,#textderm4sectbtns h6
,.viewport p
,#slide-show-help p
,#diagnosis-search-help p {
	color: rgba(255, 255, 255, 0.6);
}
#charband nav .card-title.list-label
,#charband nav .card-title a[aria-expanded="true"]
,#bologsectbtns > nav .card-title.list-label
,#textderm4sectbtns > nav .card-title.list-label
,#bologsectbtns > nav .card-title a[aria-expanded="true"]
,#textderm4sectbtns > nav .card-title a[aria-expanded="true"] {
	color: #999;
}

.checked
,.toggle-chevron:hover
,.dropdown-toggle:hover
,.dropdown-toggle.collapsing 
,nav .card-title a:hover
,.card-title button.collapsed
,.list-group label:hover
,.list-group input:checked ~ label
,button#toggle-filters-hide:hover
,#slide-numbers-search div.custom-radio:hover
,.ehsl-badge-pill-hide-label:hover:before
,.ehsl-badge-pill-show-label:hover:before {
	background-color: rgba(0, 0, 0, 0.15);
}
#charband nav .card-title a:hover
,#bologsectbtns > nav .card-title a:hover
,#textderm4sectbtns > nav .card-title a:hover {
	background-color: transparent;
}

/* Bootstrap overrides */
.btn-primary:hover
,.btn-primary button:hover
,.btn-primary a:hover {
	/*color: rgba(0, 0, 0, 0.7);*/
}
.btn-outline-secondary:hover {
	background-color: #007bff;
}

.ehsl-slide-card
/* ---- vertical card short, show labels above buttons ---- */
,#gallery-grid.slide-v:not(.tall) .ehsl-slide-ctl a:hover span span  {
	/*background-color: rgba(255, 255, 255, 0.1);*/
	background-color: #343a40;
}

/* <!-- Slide by numbers --> */
#slide_range_op .custom-control-input:checked ~ label {
	background-color: transparent;
}

/* <!-- Chapter sections --> */
.card-title a[aria-expanded="true"] {
	font-weight: 400;
}
#bologsectbtns .card-title a strong
,#textderm4sectbtns .card-title a strong {
	text-transform: uppercase;
	font-weight: 400;
}

/* <!-- Form inputs --> */
#slides-result-controller button.btn {
	vertical-align: inherit;
	/* fix alignment with input */
}
input[type='text'] {
	border-radius: 0.25rem;
	border-color: #007bff;
	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(0, 0, 0, 0.3);
}

#footer {
	border-top: 0;
	background-color: rgba(0, 0, 0, 0.1);
}

#diagband nav:first-of-type
,#charfilterbtns nav
,#bologsectbtns > nav
,#textderm4sectbtns > nav {
	border-top: 1px solid rgba(0, 0, 0, 0.25);
}
#diagband-menu nav:first-of-type {
	border-top: 0;
}
#diagband nav:last-of-type
,#charfilterbtns nav:last-of-type
,#bologsectbtns > nav:last-of-type
,#textderm4sectbtns > nav:last-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#diagband-menu nav:last-of-type
,#navSearchByChar {
	border-bottom: 0;
}