@font-face {
  font-display: swap;
}

/* body { font-family:Tahoma, Verdana, Arial; } */

@-ms-viewport       { width: device-width; }

html {
   -ms-overflow-style: scrollbar;
   word-wrap:break-word;
}

@media screen and (max-width: 700px) {
  ul {
      padding-left:20px;
  }
  ul ul {
      padding-left:10px;
  }
  h1 {
      font-size: 150%;
  }

}

@media (prefers-color-scheme: dark) {
  body {
    color: #eee;
    background: #121212;
  }


  a {
    color: #809fff;
  }
}

#google-ad-message-middle {
  padding: 5px;
}

hr {
  margin-bottom: 10px;
  margin-top: 10px;
}

h3 {
  margin-top: 15px;
  margin-bottom: 5px;
}

#toggle_indicator {
  text-decoration:none;
}

td#listHeaders {
  width: 100%;
  /* line-height: 1; */
}

td#headerToggle {
  width: 25px;
}

pre {
  background-color: #ffffff;
  border: 0px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 overflow: auto; 
}

blockquote {
  font-size: 100%;
  font-style: italic;
}

/* Make sure visited links have a different color */
/* #msgbody a:visited { */
a.msglink:visited {
   color: #23527C; /* b25599;*/
}

//#date-prev,#date-next {
//  display: none;
//}

#msgbody {
  padding-right: 10px;
  padding-left: 10px;
}

.fixedText {
  font-family: Monospace; 
  white-space: pre-wrap;
}

.fixedText br {
  display: none;
}

#calendar.col-xs-1,#calendar.col-md-1 {
  padding-left: 0px; 
  padding-right: 0px; 
} 

/* Navbar logo for mobile display */
.navbar-brand-name {

  display: inline-block;
  float: left;

}

.navbar-brand-name > img {
  display: inline-block;
  float: left;
  padding: 0 10px 0 0;
}

/* Add external link indicator in the message body */

#msgbody a[href ^= 'http:'] {   
  background: url(/images/external-link.gif) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href ^= 'https:'] {   
  background: url(/images/external-link.gif) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href ^= 'ftp:'] {   
  background: url(/images/external-link.gif) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href *= 'ibm.biz'] {   
  background: url(/images/ibm.png) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href *= 'ibm.co'] {   
  background: url(/images/ibm.png) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href *= 'linkedin.com'] {   
  background: url(/images/linkedin.png) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href *= 'facebook.com'] {   
  background: url(/images/facebook.gif) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href *= 'amazon.com'] {   
  background: url(/images/amazon.png) right center no-repeat;
  padding-right: 18px;
}

#msgbody a[href *= 'amzn.to'] {   
  background: url(/images/amazon.png) right center no-repeat;
  padding-right: 18px;
}
/* No link icon for midrange.com */
#msgbody a[href *= 'midrange.com'] {   
  background: none;
}

.hilite { background-color: #ff0; }
.hilite1 { background-color: #ff0; }
.hilite2 { background-color: #f0f; }
.hilite3 { background-color: #0ff; }

#msgbody.fixed {
  font-family: Monospace !important;
  white-space: pre;
}

#msgbody.fixed br {
  display: none;
}