pre {
    margin: 0px !important;
}


pre code.hljs {
  display: block;
  overflow-x: auto;
  /*padding: 1em;*/
}
code.hljs {
  /*padding: 3px 5px;*/
}
.hljs {
  color: #a9b7c6;
  background: #282b2e;
}
.hljs-bullet,
.hljs-literal,
.hljs-number,
.hljs-symbol {
  color: #6897bb;
}
.hljs-deletion,
.hljs-keyword,
.hljs-selector-tag {
  color: #cc7832;
}
.hljs-link,
.hljs-template-variable,
.hljs-variable {
  color: #629755;
}
.hljs-comment,
.hljs-quote {
  color: grey;
}
.hljs-meta {
  color: #bbb529;
}
.hljs-addition,
.hljs-attribute,
.hljs-string {
  color: #6a8759;
}
.hljs-section,
.hljs-title,
.hljs-type {
  color: #ffc66d;
}
.hljs-name,
.hljs-selector-class,
.hljs-selector-id {
  color: #e8bf6a;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: 700;
}








/** Line numbers styles */
.hljs {
   /*margin: 0 1em;*/
   /*padding: 10px;*/
   /*border: 1px solid gray;*/
   /*border-radius: 4px;*/
   /*transition: border ease 1s;*/
}

.hljs-ln {
   padding: 8px 0;
}

.hljs-ln tr:first-child td {
   padding-top: 8px !important;
}

.hljs-ln tr:last-child td {
   padding-bottom: 8px !important;
}

/* for block of numbers */
td.hljs-ln-numbers {
    color:  #A9B7C6 !important;
   user-select: none;
   text-align: center;
   /*border-right: 1px solid gray;*/
   vertical-align: top;
   padding-right: 8px !important;
   padding-left: 8px !important;
}

/* for block of code */
td.hljs-ln-code {
   padding-left: 8px !important;
}