/*
#A1A1A1 = gray
#333333 = dark gray

*/
.nightMode, .nightMode .titles { 
	color:#A1A1A1; 
	background-color: black;
	/* background-image:url('Graphics/night-background.jpg') */; 
}
.nightMode a { color:white; text-decoration:none;}
.nightMode .popup a {color:black; }
.nightMode .fullPopup a {color: black; text-decoration:underline;}
.nightMode .fullPopup .faButton {
	color:black;
	border-color:black;
}
.nightMode .dialogPopup .roundedButtonMinWidth {
	background: black;
	color: white;
}

.nightMode .title, .nightMode #additionalInfo, .nightMode #changeHymnalOptions { color:black; }
.nightMode .highlight { background-color: blue;} /* edit 9/3/12 */
.nightMode .addedChorus {
	color: white;
	font-style:italic;
	padding-top: 16px;
}
.nightMode .title, .nightMode  .userNoteTextArea { color:#A1A1A1 !important; } 
.nightMode .fav { color: yellow; font-weight:bold;} 

body.nightMode a.noLink, body.nightMode a i.noLink {
	color:#A1A1A1 !important;
}

.nightMode #keypad,
.nightMode #secondRowButtons {
	background: #333333;
}

.nightMode .button, .nightMode button, .nightMode .buttonLetter, .nightMode .buttonAutoWide { 
	background-color:white;
	color:black;
	border-color: white;
}
.nightMode .buttonPressed { /* edit 9/2/12 */
	border-color:black;
	color:white;
}
.nightMode .buttonPressed, .nightMode .buttonAutoWide.colorToggle, .nightMode .buttonAutoWide.numPadOther, .nightMode button.colorToggle, .nightMode input.buttonLetter.colorToggle { background-color:#1D1D1D; color:white; } /* gray edit 9/3/12 */

.nightMode .buttonAutoWide.opened {
	background-color: gray;
	border-color:gray;
}

/* popup buttons */
	.nightMode div.popupPaddingBottom button, .nightMode div.fullPopup button, .nightMode div.dialogPopup button {
		background-color:black;
		color:white;
	}	
	.nightMode .buttonAutoWide,
	.nightMode .blueButton,
	.nightMode .roundedButtonMinWidth{
		background: white;
		color: black;
	}
	.nightMode button.opened .faButton, .nightMode .buttonAutoWide.opened {
		background: darkgray;
	}
.nightMode #tuneSelection .button, .nightMode #tuneSelection button, .nightMode #tuneSelection .buttonLetter, .nightMode #tuneSelection .buttonAutoWide {
	background-color:black;
	color:white;
}
.nightMode #tuneSelection .faButton {
	color:black;
}

.nightMode .roundFaButton {
	border-color:white;
	border-style:solid;
	background-color:white;
	color:black;
}

.nightMode #spanish {color:white;}

/*.nightMode #upperPortion {
	box-shadow: 0px 55px 25px #333333;
}*/

.nightMode #nextPrevious input{
	border: 3px solid #888;
	border-top: none;
	border-right: none;
	border-radius: 0px;
}

.nightMode #nextPrevious input + input{
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	border-bottom: none;
	border-left: none;
}

.nightMode #footer {
	background-color: #333333;
	/* box-shadow: 0px 0px 10px gray; */
}

.nightMode #verseToday{
	color: #fff;
}
/*
#showHistory:before,
#bookmarksIcons:before {
	color: #999;
}
*/

.nightMode #historyEntriesNote,
.nightMode #bookmarkMessage {
	color: #999;
}
.nightMode #historycontainer {
	margin-bottom: 0;
}

.nightMode .colorToggle{
	background: black!important;
	color: white!important;
}
.nightMode i.fa-toggle-on {color:lightgreen !important;}

.nightMode #showNumPad {
	background-color: darkgray;
}
.nightMode .colorToggle {
	border:white !important;
}
.nightMode .drawer, .nightMode #input_container-presentation {
	background-color: black;
}
.nightMode  #results {
	background-color: lightgray;
}
.nightMode textarea {
	color: #A1A1A1;
}
.nightMode #results {
	color: black;
}
.nightMode #bookmarksHeader, .nightMode #showHistory {
	color: #A1A1A1 !important;
}
.nightMode #titleArea, .nightMode #bookmarksIcons, .nightMode .titles, .nightMode #showHistory {
	background-color: #333333;
}
.nightMode #bookmarksIcons, .nightMode #showHistory {
	border: black 1px solid;
}
.nightMode #bookmarksIcons:before {
	color:#eee;
}
.nightMode #bookmarksIcons .buttonAutoWide, .nightMode #historyEntries .buttonAutoWide {
	background-color:white;
	color:black;
}
.nightMode #showNumPad, .nightMode #hideNumPad {
	border-color:white;
}
.nightMode #hideNumPad {
	background-color:black;
}
.nightMode .titlespan {
	color:white;
}
.nightMode #hymnbooks_drawer, .nightMode #views_drawer {
	background-color:#333333;
}
.nightMode .setBookmarkImage {
	color:white;
}
.nightMode .buttonAutoWide {
	background-color: white;
	border-color:white;
}
body.nightMode  {
	background-color:black;
}
#search_drawer input.buttonAutoWide {
	border-color:white;
}

.nightMode svg path {fill:#A1A1A1;}
.nightMode svg .abcjs-triplet path { stroke:#A1A1A1 !important; }
.nightMode #tunesPopup svg path {fill:black;}
.nightMode .insertNotationHereABC text,.nightMode .introNotationContainer text, .nightMode .abcjs-tempo,.nightMode .abcjs-title,.nightMode abcjs-text { fill: #a1a1a1; }
body.nightMode.BHBMus_101 #insertNotationHereABC347 svg .abcjs-staff, body.nightMode.BHBMus_101 #insertNotationHereABC347 svg .abcjs-staff-extra, body.nightMode.BHBMus_101 #insertNotationHereABC347 svg .abcjs-bar {
	fill:#a1a1a1 !important;
}
body.nightMode.BHBMus_101 #insertNotationHereABC347 svg .abcjs-v0 {
	fill:white;
}
body.nightMode div.tuneNameAboveScore {
	color:#A1A1A1;
}

body.nightMode .faButton, .nightMode #bookmarkTitle .fa-info-circle.faButton  {  /* these are links */
	color:white;
	border-color:white;
}
.nightMode #bookmarkTitle .fa-info-circle.faButton {
	background-color:transparent;
}

body.nightMode #faButtonContainer .faButton {  /* this is for the active button */
	color:gray;
	border-color:gray;
}
body.nightMode #faButtonContainer .faButton.fa-music, body.nightMode #songContainer .faButton.fa-eye {  /* this is for the active button */
	color:black !important;
	border-color:gray !important;
	background-color:gray !important;
}
body.nightMode #faButtonContainer .faButton.fa-music.inactive, body.nightMode #songContainer .faButton.fa-eye.inactive {  
	border-color:white !important;
	background-color:white !important;
}
body.nightMode #faButtonContainer .faButton.inactive {
	color:white;
	border-color:white;
}
body.nightMode .popup .faButton, body.nightMode .popup .fas, body.nightMode #updateMessage .fas {
	color:black;
	border-color:black;
}
body.nightMode #all-menus .faButton, body.nightMode #all-menus .fas {
	color:white;
}
body.nightMode .fa-times-circle {
	color:#A1A1A1;
}
.nightMode #songContainer .fa-eye, .nightMode  #faButtonContainer .fa-music  {
	background-color: gray;
	border-color: gray;
	color:black;
}
.nightMode  #songContainer .fa-eye.inactive, .nightMode  #faButtonContainer .fa-music.inactive, .nightMode  #closePresentationModeButton.inactive {
	background-color: white !important;
	border-color: white !important;
	color:black;
}


.nightMode .num {
	color:white;
}
.nightMode .fav::before {
	color: yellow;
}

.nightMode #noteSaveArea, .nightMode #hymnalNoteTextAreaContainer {
	background-color: #333333; 
	/* border: 2px outset rgba(161, 161, 161, .7); */ /* #004670 */
}

#keypad input, #keypad i, #keypad .buttonAutoWide {
	background-color: white;
}

/* NAVIGATION */
	
	.nightMode nav ul li {
		color: black;
	}
	.nightMode nav ul li.opened, .nightMode nav ul li.selected {
		color: #004670 !important;
	}
	.nightMode nav ul li.disabled {
		color: lightgray;
	}
	/* Hymn books menu */
	.nightMode #hymnbooks_drawer li, .nightMode #views_drawer li {
		color: white;
	}

	
/* POPUP TUNES */	
	.nightMode #tunesPopupCustomReplaceContainer {
		border-color: black;
	}

/* Verse selection buttons */
.nightMode .verseButton {
	color: white;
}
.nightMode .verseListing .selected {
	background-color: gray !important;
}

/* SELECT */
	.nightMode select {
		color:black;
	}
	
.nightMode #hymnalNoteTextArea {
	border-color:gray;
}

body.nightMode[data-hymnal='BHB_new.txt'] a #added_composer, body.nightMode[data-hymnal='BHB.txt'] a #added_composer {
	color:white;
	fill:white;
}