@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
body {
  background-image: url("data:image/gif;base64,R0lGODlhPQA9APcAAMG9wb/uv7/2vfn5+fDw8Pvi4svO0snO1tHL1svP2NLL2MbR1tbL1dDP3MfR2MvR0tbL2MbV0s/S19bP3NLRz8/T2dPT19nO18vW1s7Wy8vX2NPS2dDW0tfT19PX09fT2dPX18/ZztPW2dbXz9nT3M/Z19TX3NPX4NbW2dnT4NfW18/Y2NzT2dnX0tzT3NzT4NfZz9nX2dzX09PZ3NfZ1tPa4dfZ2dnZ0NPc1NPc2dnZ19ra3NTc3NrZ2tra4dncztza2eHX2tza3Nnc19fc4OHX4d3a4drc2uHY4dza4tzc1ODa3Nrc3OHa4ObX2tzc2t3d4d3c3dng1+bY4eHc3Nrh3ObX4uHd4eHd4uLd3eLd4trh2uLd4eHh2uzY3ebd4efc1+Hi2t3i4Ond3erd4enh3eLi4uzd3uLk2uXh5u7d2Onh4u7d3uHl4uLm4u7h4fLn5urm3erm4uvp6erm5ffh3fHp4uzs4evt6e3p6/Xr6ffq5e3t8PPs7O3w6+7t5vDu7vPs8/Dw6/Hw8fbw8vHx9PDt6fHx6/Tw5/Pw7vTx9PPx7fDz7vPy7PTy9PTy8fLz7fL08vTz8vP09Pjy8fTz9/Xz7fX08vP17fb15PT18vjy+ff08vb09/P29PX27vX19Pf18fb19PX28vb2+fj29vj28fj2+Pj39vb39/b39vj39/j38vn3+vj39vj48vn4+Pj49/v4+fn5+fn49vr4+/n58vr49/j68vr5+/n59vn59/n5+Pv5+vr6+vn69vv6+Pr7+fv6+/v6+vv69/r7+Pr7+/v79Pz7+/v7+fv7/Pz7+fv7+/z7+/z7+/z7+/z79/z7+Pz7/P37+/v8+/37+/v8+f37/P37+v37+/z79/z8+fz8/P38+fz8+/38/v78/f38+/79/f39/f39+/39+v79/v39+/39+/79/P39/f7+/v79/f79/P7+/v39/PLh3vPl3tra69nZ6dfX5tXV5dTU4tHR4dDP3s7M3MvJ2cbG1MTD0b+9zr2/wf/+/yH5BAEAAAAALAAAAAA9AD0AAAj/AGcJHEhQoKw+c7hxK8iwYcNSc+bMUuiwosODCRda3DgQokSKHDliBBnSoseJGkteHJlSJcNSJ0m6JCjrIMKJM196lIhTZM2fQG1G7AizqNGjSGFGHDowqFObfaJKncpU4NKrWLNq5TlwztSvUbdiZSi27FiyZQcqXMu2rdu1Dd/KlRt3rl23BO/qhauWb061Atn+zdu35WBYH2UOlsVT8WE4GQcXlAUZpWSCsCA7/ks58eWBmSN/ntXZ8ujQm3OWTj0TteHFlVm7dD2adOzXOWHR/lyzck/JuuHE5k3Zt0DdyJMrX45ceNWn0KE75zprjvDr2LNrv161+vbv37tb/zVLHi35tCjpMtxr1yH7u3nft4+vl6NGwZdT4pfMOP1oiIHJVhJLtcWEm2oICViSgbUR+N9QCobk4GcMjjbhZRXyluCBM2XI34WDKeXZZTWF9VuIOwUmYXRCcZXUiy9eRROLUIElVXfnnVeQVzbeWN6OOYrVkFkDGWPkkUgmqaSRdcnXVkNLRimlMS05ORdBSH52n1+DpXTkaMMkxqFK/c3CJJgbNljZmZ8Nk6aFaxpTm5ui8RbnnG/aKRGbl9EZoUh3olknibHJ2aafYw5Y2ol/DePmTYn65JyKjlZq6aWYVhoWVzR2Oh1BPPYoKlXUWQfeqdxRV12QQgLJala1xURq33z0WcllYbZymStetdo1ya/ABjtJrakUa+yxyCabSkFsCetsSGIu+1ljCg1LYkQKSYshhNxYS2Ke246o4aCSeVhRQAA7");
  background-color: #fff;
  font-family: 'Inconsolata', monospace;
  margin:0;
  overflow-x:hidden !important
}
input,
select,
textarea,
button {
	font-family: 'Inconsolata', monospace;
	background: 0;
	border-radius: 0;
	margin: 0
}
.wrapper {
	margin: 30px
}
table {
      max-width:100%
}

pre {
      max-width:100%;
      font-family: 'Inconsolata', monospace;
      /*
      background-color: #000;
      color: yellow;
      */
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align: justify
}
.shshell {
      padding: 5px;
      border-radius:10px;
      max-width:100%;
      font-family: 'Inconsolata', monospace;
      background-color: #000;
      color: yellow;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align: justify
}
hr {
    border-top: 1px dashed red
}
.titleheader {
    padding:5px;
    margin-bottom:5px;
    text-align:left; 
    color:#fff;
    vertical-align:top; 
     background-color:#ff8c00;
    -moz-border-radius:10px;
    border-radius:10px
}
.img-responsive {
  width: 100%;
  max-width: 400px;
  height: auto
}
.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ff8c00;
    color: #fff !important;
    text-align: center;
    font-size: 80%;
    display: table;
    width: 100%;
    text-align: center;
    padding: 20px 0 !important
}

.footer a {
    color: #f8f8f8 !important;
    font-size: 15px;
    text-decoration: none !important
}

.footer ul {
    margin: 0 0 0 8% !important;
    padding: 0 !important
}

.facircle [class*="fa fa-"] {
    background-color: #fff;
    border-radius: 50%;
    color: #ff8c00;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: auto 1px;
    width: 40px;
    font-size: 18px;
    text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
    td {
        width:100% !important
    }
	td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.wrapper {
	margin: 3px !important
	}
	.titleheader {
	margin-right: 3px !important
	}
    .shshell {
	font-size: 10px;
    }
}