* {
  padding: 0px;
  margin: 0px;
}

.pre_wrapper {
  position: relative;
  margin-top: 5px;
}

pre {
  max-width: 100%;
  height: auto;
  padding: 54px 20px 20px;
  font-size: 16px;
  border: 1px solid #eee;
  white-space: pre;
  font-family: monospace, monospace;
}

.screen,
.codeblock,
.cmdname {
  transition: background-color 1s;
}

.screen.ctnc .btnCP,
.codeblock.ctnc .btnCP,
.cmdname.ctnc .btnCP {
  background-image: url(../../images/v1/help/copy_default.png);
}

.screen.ctnc .btnCC,
.codeblock.ctnc .btnCC,
.cmdname.ctnc .btnCC {
  background-image: url(../../images/v1/help/night_default.png);
}

.screen.ctnc .btnCP:hover,
.codeblock.ctnc .btnCP:hover,
.cmdname.ctnc .btnCP:hover {
  background-image: url(../../images/v1/help/copy_hover.png);
}

.screen.ctnc .btnCC:hover,
.codeblock.ctnc .btnCC:hover,
.cmdname.ctnc .btnCC:hover {
  background-image: url(../../images/v1/help/night_hover.png);
}

.screen.ctnc .btnCP:active,
.codeblock.ctnc .btnCP:active,
.cmdname.ctnc .btnCP:active {
  background-image: url(../../images/v1/help/copy_hover.png);
}

.screen.ctnc .btnCC:active,
.codeblock.ctnc .btnCC:active,
.cmdname.ctnc .btnCC:active {
  background-image: url(../../images/v1/help/night_hover.png);
}

.codeblock.ctnc {
  background-color: #fff;
}

.cmdname.ctnc {
  background-color: #f7f7f7;
}

.codeblock.ctnc,
.cmdname.ctnc {
  color: #333333;
}

.copy_wrapper {
  right: 60px;
}

.cc_wrapper {
  right: 20px;
}

.copy_wrapper,
.cc_wrapper {
  position: absolute;
  top: 20px;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background: #e6eaeb;
}

.btnCP {
  right: 2px;
  background-image: url(../../images/v1/help/copy_default.png);
}

.btnCC {
  right: 3px;
  background-image: url(../../images/v1/help/day_default.png);
}

.btnCP,
.btnCC {
  position: absolute;
  top: 3px;
  width: 24px;
  height: 24px;
  background-size: cover;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: transparent;
}

.btnCP:hover {
  background-image: url(../../images/v1/help/copy_hover.png);
}

.btnCP:active {
  background-image: url(../../images/v1/help/copy_hover.png);
}

.btnCC:hover {
  background-image: url(../../images/v1/help/day_hover.png);
}

.btnCC:active {
  background-image: url(../../images/v1/help/day_default.png);
}
.linenos {
  display: none;
}
.highlighttable .code {
  border: none;
}