.doc-content pre, .doc-content pre code {
   overflow: auto;
   white-space: pre;
   word-wrap: normal;
}

.doc-content p {
   margin: 18px 0 18px 0;
}

.doc-math {
   font-family: Arial, Helvetica, sans-serif;
   font-style: italic;
}

.doc-img-full {
  display: block; 
  margin: 0 auto;
  width: 700px;
  background-repeat: no-repeat;
}

.doc-img-half {
  display: block; 
  margin-left: auto;  
  margin-right: auto;
  width: 400px;
  background-repeat: no-repeat;
}

.doc-img-qtr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  background-repeat: no-repeat;
}

/*** HACK: This is a horrible hack, but I have no clue why images don't want to stay in the container **/
.doc-content img {
   max-width: 847.5px;
}

/* unused 
.doc-content img {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 35px;
  background-size: 100px 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/img/Yahoo_white_small.png');
}
*/

.doc-content code {
   background-color: #e0e0e0;
}

.doc-content pre code {
   background-color: transparent;
}

.doc-content table,
.doc-content pre {
   margin: 35px 0 35px 0;
}

.doc-content table,
.doc-content table > thead > tr > th,
.doc-content table > tbody > tr > th,
.doc-content table > tfoot > tr > th,
.doc-content table > thead > tr > td,
.doc-content table > tbody > tr > td,
.doc-content table > tfoot > tr > td {
   border: 1px solid #dddddd;
}

.doc-content table > thead > tr > th,
.doc-content table > thead > tr > td {
   border-bottom-width: 2px;
}

.doc-content table > tbody > tr:nth-child(odd) > td,
.doc-content table > tbody > tr:nth-child(odd) > th {
   background-color: #f9f9f9;
}

.doc-content table > tbody > tr:hover > td,
.doc-content table > tbody > tr:hover > th,
.doc-content table > tbody > tr:focus > td,
.doc-content table > tbody > tr:focus > th {
   background-color: #d5d5d5;
}

.doc-content table code {
   background-color: transparent;
}

td, th {
  padding: 5px;
}

/* Remove the x from google search */
.gsc-clear-button {
  display:none;
}

.gsc-input input {
  background-image: none !important;
}
