body {
	transition: background-color 0.3s, color 0.3s;
}
#sidebar {
	width: 250px;
	transition: all 0.3s;
	position: relative;
	padding-top: 50px;
	border-bottom: solid 2px white; 
}
#sidebar.collapsed {
	margin-left: -250px;
}
#toggle-sidebar {
	position: absolute;
	top: 0px;
	right: -50px;
	width: 50px;
	height: 30px;
	color: #007bff;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
#toggle-sidebar:focus {
	outline: none;
	box-shadow: none;
}
.content-section {
	display: none;
}
.dark-mode {
	background-color: #121212;
	color: white;
}
.dark-mode .bg-light {
	background-color: #333 !important;
	color: white !important;
}
.dark-mode .form-control, .dark-mode .form-select {
	background-color: #222;
	color: white;
	border-color: #444;
}
.dark-mode #bookTitleDisplay, .dark-mode #bookMeta {
	color: #323232 !important;
}
.dark-mode ::placeholder {
	color: #bbb !important;
	opacity: 1;
}

.dark-mode modal {
	background-color: #121212;
	color: white; 
}

body div.card{ 
	max-width: 400px; 
	
	width: 100%; 
	background-color: #071e31; 
	color: white;
	border: solid 2px white; 
}

.btn-primary { border-color: #00a0b2; background-color: #00a0b2; color: white;  }
.btn-primary:hover { background-color: #00a0b2; border-color: white;}

.btn-outline-primary { border-color: #00a0b2; color: #00a0b2;  }
.btn-outline-primary:hover { background-color: #00a0b2; border-color: white;}

.a-teal { color: #00a0b2; }
.a-teal:hover { color: white; }

@media (max-width: 576px) {
	.no-vh-mobile {
		height: auto !important;
		align-items: flex-start !important;
	}
}

.modal-content { 
	background-color: #071e31;
	border: solid 2px white; 
	color: white; 
}
.modal-header, .modal-body {
	border-bottom: 0px white solid;
	color: white; 
}
.modal-footer {
	border-top: 0px white solid;
}

.textbook-project { display: block; }
.list-group-item {
	background-color: #071e31;
	color: white;
}

.modal-400 .modal-dialog { max-width: 400px; margin-left: auto; margin-right: auto;  }

.toast.bg-primary { background-color: #071e31 !important; border: solid 2px white !important;}

#mtb_chapterList .list-group {
	max-height: 300px; 
	overflow-x: hidden; 
	overflow-y: scroll; 
}
#mtb_chapterList .list-group::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

#editChapterContent {
	min-height: 400px;
}
.text-black { color: black !important; }
.text-white { color: white !important; }

#chapterSpinner {
	background-color: #071e31;
    border: solid 2px white;
    z-index: 1100;
    border-radius: 8px;
    padding: 12px 20px 0px 20px;
}

.green-strike {
  color: green;
  text-decoration: line-through;
}