.book .book-summary ul.summary li span {
  color: white;
  opacity: 0.5;
}
p {
  line-height: 1.5em;
  text-align: justify;
}

.book .book-body .page-wrapper .page-inner {
  max-width: 90%;
}

#header .title {
  margin: 0EM;
  padding-left: 20px;
  padding-bottom: 0em;
  color: #FFFFFF;
  border-radius: 25px 25px 0px 0px;
  border-bottom: 0px;
  background: #5793c9;
  font-size: 32pt;
  line-height: 65px;
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header .subtitle {
  font-style: normal;
}

#header .author {
  margin: 0;
  padding-left: 22px;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-top: 2px;
  color: #FFFFFF;
  background: #4574a1;
  font-size: 11pt;
  font-style: normal;
  font-weight: normal;
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header .author em {
  font-style: normal;
}

#header .date em {
  font-style: normal;
}

#header .address {
  font-style: normal;
  font-size: 5pt;
  border-radius: 0px 0px 25px 25px;
  padding-left: 20px;
  color: #FFFFFF;
  background: ##FFFFFF;
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.book.font-family-0 {
  font-family: 'Merriweather', Georgia, serif;
}
.book.font-family-1 {
  font-family: 'Merriweather', "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.book-body p.caption {
  color: #333333;
  background-color: #F2F3F4;
  padding-left: 20px;
  font-size: 12pt;
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.book .book-body .page-wrapper .page-inner section.normal code, .book .book-body .page-wrapper .page-inner section.normal pre {
    font-family: 'Hack', 'Source Code Pro', 'Courier New', 'Courier', monospace;
}

h1, h2 {
  border-bottom: 2px solid #5793c9;
}

h1, h2, h3, h4 {
  color: #5793c9;
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
color: #5793c9;
}

dt {
  color: #5793c9;
}

dd {
  margin-bottom: 12px;
  margin-left: 20px;
  padding-left: 20px;
}

.book-body table {
  background: #FFFFFF;
  border: 0px;
}

.book .book-body .page-wrapper .page-inner section.normal table td, .book .book-body .page-wrapper .page-inner section.normal table th {
  color: #333333;
  border: 1px;
  font-size: 11pt;
  height: 15px;
  padding: 0px 5px 0px 5px;
  cellpadding="0";
  cellspacing="0";
  text-shadow: none;
}

.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal table td {
  color: #ddd;
}

.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal table th {
  color: #222;
}

.book .book-body .page-wrapper .page-inner section.normal th {
  background: #b2c2d2;
  font-weight: bold;
}

.book .book-body .page-wrapper .page-inner section.normal blockquote {
  quotes: none;
  text-shadow: none;
  background: #b2c2d2;
  padding:  7px 20px 1px 20px;
  color: #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-left: 0px;
}

.book .book-body .page-wrapper .page-inner section.normal pre {
    background: #FFFFFF;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 5px 0px;
}

ol {
  -webkit-padding-start: 0px;
}

.book .book-summary {
  background-color: #5793c9;
}

.summary a:hover {
color: #5793c9 !important;
}

.book .book-summary ul.summary li a {
  padding: 5px 5px 5px 5px;
  color: #ddd;
}

.book .book-summary ul.summary li.active>a {
  color: #FFFFFF;
  font-weight: bolder;
  letter-spacing: .2px;
}

/* color of the background of the selected topic or chapter */
.book .book-summary ul.summary li a:hover {
  background-color: #FFFFFF;
}

.book .book-summary .book-search {
  color: #fff;
}
.book .book-summary .book-search input,
.book .book-summary .book-search input:focus,
.book .book-summary .book-search input:hover {
  color: #FFFFFF;
}

.book .book-header, .book .book-summary {
    font-family: "Fira Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn.active, .open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #536878;
    border-color: #536878;
    border-radius: 6px;
}

.btn {
    padding: 9px 14px;
    font-size: 19px;
    font-family: "Fira Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
    border-radius: 6px;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #536878;
    border-color: #536878;
    border-radius: 6px;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 9px 14px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.book .book-body .page-wrapper .page-inner section.normal a {
  color: #222;
}

/*.book .book-body .page-wrapper .page-inner section.normal a:hover {
color: #b2c2d2; /* darker color when hovering 
text-decoration: none;
}
*/

.note {
  border-left: 4px solid #007acc;
  background-color: #f1f8ff;
  padding: 10px 15px;
  margin: 10px 0;
  line-height: 1.4;  
}

.tip {
  border-left: 4px solid #28a745;
  background-color: #e6ffed;
  padding: 10px 15px;
  margin: 10px 0;
  line-height: 1.4;  
}

.warning {
  border-left: 4px solid #d73a49;
  background-color: #ffeef0;
  padding: 10px 15px;
  margin: 10px 0;
  line-height: 1.4; 
}

.note p, .tip p, .warning p {
  margin-bottom: 0px;
}

.note::before {
  content: "✍ Note: ";
  font-weight: bold;
  display: block;
  color: #007acc; 
  margin-bottom: 5px;
}

.tip::before {
  content: "💡Tip: ";
  font-weight: bold;
  display: block;
  color: #28a745; 
  margin-bottom: 5px;
}

.warning::before {
  content: "⚠️ Warning: ";
  font-weight: bold;
  display: block;
  color: #d73a49; 
  margin-bottom: 5px;
}

#MathJax-Element-5-Frame {
  display: inline-block;
  overflow-x: auto !important;
  white-space: nowrap;
  max-width: 100%;
}