.sample-code-background {
    position: relative;
    width: auto;
    background-color: transparent !important;
}

.sample-code-background div.sample-code {
    position: relative;
    padding-right: 44px;
    box-sizing: border-box;
    width: auto;
    max-height: 30em !important;
    overflow: auto !important;
    background-color: transparent !important;
    border: 1px solid #0063ab !important;
    border-radius: 4px;
    color: #111111 !important;
}

.sample-code-background div.sample-code.sample-code-long {
    max-height: 30em !important;
    overflow: auto !important;
}

.sample-code-background div.sample-code.sample-code-long pre {
    line-height: 1.5 !important;
}

.sample-code-background div.sample-code.sample-code-long:focus {
    outline: 2px solid #99bb99;
    outline-offset: 2px;
}

.sample-code-copy {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 28px;
    height: 28px;
    border: 1px solid #0063ab;
    border-radius: 4px;
    background: #eeeeee;
    color: #333333;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

.sample-code-copy:hover {
    background: #ffffff;
}

.sample-code-copy.copied {
    background: #dff0d8;
}

.sample-code-copy-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.sample-code-background div.sample-code pre,
.sample-code-background div.sample-code code {
    color: #111111 !important;
}

.qaListArea h2,
.qaListArea h3,
.qaListArea h4,
.qaListArea h5,
.qaListArea h6 {
    color: #0063ab !important;
}

.qaListArea dl dd {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #0068ab !important;
    color: #111111 !important;
}

.qaListArea dl dd:before {
    color: #0063ab !important;
}

.qaListArea dl dd a,
.qaListArea dl dd p,
.qaListArea dl dd li,
.qaListArea dl dd code,
.qaListArea dl dd pre {
    color: #111111 !important;
}

.qaListArea dl dd .sample-code-background {
    background-color: transparent !important;
}

.qaListArea dl dd .sample-code {
    background-color: transparent !important;
    border: 1px solid #0063ab !important;
    border-radius: 4px;
}

.qaListArea dl dd .sample-code,
.qaListArea dl dd .sample-code pre,
.qaListArea dl dd .sample-code code {
    color: #111111 !important;
}

.qaListArea dl dd .sample-code-copy {
    border-color: #0063ab !important;
    background: #ffffff !important;
    color: #222222 !important;
}

.qaListArea dl dd .sample-code-copy:hover {
    background: #f7f7f7 !important;
}