body {
  font-family: Arial,sans-serif;
  font-size: 0.9em;
  color: #424242;
  background: #fcfcfc;
}

a { text-decoration:none; color:#0066ff }
a:hover { color:#36b5ff; }

h1,h2,h3,h4 { 
  font-weight:400; 
  font-family:'Tahoma', sans-serif;
  line-height:1.1em; 
}
h1 { font-size:2.5em; }
h2 { font-size:2em; }
h3 { font-size:1.7em; }
h4 { font-size:1.3em; }

table { color:#2a2b2c; }


div.dataTables_wrapper { margin:40px; }
@media screen and (max-width:880px){
  div.dataTables_wrapper { margin:0!important; }
}


table th { border-top: 1px solid; }
.dataTables_filter { margin-bottom:7px; }
.dataTables_length { margin:10px 0; }

input {
  padding:8px 3px;
  border-radius:2px;
}

div.dt-buttons .buttons-colvisRestore,
div.dt-buttons .buttons-colvisGroup {
  font-weight:bold;
  color:steelblue;
}

#isso-thread div.textarea { white-space: pre-wrap; }
#isso-thread div.text,
#isso-thread div.isso-comment-footer {
  margin-left:calc(7% + 15px);
}
#isso-thread .preview-mode div.text {
  margin-left:0;
}
#isso-root .isso-comment > div.text-wrapper > .isso-comment-header {
  margin-bottom:15px;
  font-size:1em;
}
blockquote {
  font-size:0.95em;
  border:1px solid #ddd;
  border-left:5px solid #bbb;
  border-radius:2px 4px 4px 2px;
  padding:2px 10px 10px;
  margin-top:10px;
  /*max-width:93%;*/
  font-family:Arial, sans-serif;
  color:#666;
}

#isso-thread blockquote {
  padding:4px 8px ;
}
.isso-comment-loader {
  text-align:center;
  margin:50px 0;
  white-space:nowrap;
}
section.use-markdown,
section.notification-section {
  margin-top:8px;
}
div#isso-root .isso-comment, .isso-follow-up .isso-comment { border-top:0!important; }
.isso-comment-header {
   background:#ececec;
   border-radius:3px;
   padding:4px 7px;
   margin-top:2px;
   margin-left:calc(7% + 11px);
 }

#isso-thread .avatar > svg[data-hash="af352bad7d6b"] {
  box-shadow: 0 0 2px 1px #9163b6;
}





div.isso-comments {
  max-width:757px; 
  margin:72px auto 0;
  line-height:1.5em;
}
div.isso-comments #isso-thread {
  line-height:1.2em;
}
.isso-comment > div.text-wrapper > .isso-comment-footer .downvote svg {
    margin-left: 2px;
}
#isso-thread .textarea,
div.preview {
  min-height:100px!important;
}

div.dt-buttons, div.preamble, footer {
  max-width:800px; 
  margin:0 auto;
  line-height:1.5em;
}

footer {
  padding:20px;
  margin:50px auto;
  text-align:center;
  border-radius:5px;
  color:#ababab;
  text-shadow:1px 0 #ffffff;
}


span.highlight {
	background:#ffdb6f;
	z-index:-999;
	color:#2a4c1d;
	padding:4px 3px;
	border-radius:3px;
	border:none;
	font-size:100%;
}

/*
* A draft for custom tooltips for column headers
*th[aria-label]:hover:after {
*  content: attr(aria-label);
*  position: absolute;
*  top:40px;
*}
*/