#loadingDiv {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1500; }
  #loadingDiv .loadingO {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    top: 35%;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }

@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #21a5b1, 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2), 2.5em 0em 0 0em rgba(33, 165, 177, 0.2), 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.2), 0em 2.5em 0 0em rgba(33, 165, 177, 0.2), -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.2), -2.6em 0em 0 0em rgba(33, 165, 177, 0.5), -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.7), 1.8em -1.8em 0 0em #21a5b1, 2.5em 0em 0 0em rgba(33, 165, 177, 0.2), 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.2), 0em 2.5em 0 0em rgba(33, 165, 177, 0.2), -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.2), -2.6em 0em 0 0em rgba(33, 165, 177, 0.2), -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.5), 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.7), 2.5em 0em 0 0em #21a5b1, 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.2), 0em 2.5em 0 0em rgba(33, 165, 177, 0.2), -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.2), -2.6em 0em 0 0em rgba(33, 165, 177, 0.2), -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.2), 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.5), 2.5em 0em 0 0em rgba(33, 165, 177, 0.7), 1.75em 1.75em 0 0em #21a5b1, 0em 2.5em 0 0em rgba(33, 165, 177, 0.2), -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.2), -2.6em 0em 0 0em rgba(33, 165, 177, 0.2), -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.2), 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2), 2.5em 0em 0 0em rgba(33, 165, 177, 0.5), 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.7), 0em 2.5em 0 0em #21a5b1, -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.2), -2.6em 0em 0 0em rgba(33, 165, 177, 0.2), -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.2), 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2), 2.5em 0em 0 0em rgba(33, 165, 177, 0.2), 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.5), 0em 2.5em 0 0em rgba(33, 165, 177, 0.7), -1.8em 1.8em 0 0em #21a5b1, -2.6em 0em 0 0em rgba(33, 165, 177, 0.2), -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.2), 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2), 2.5em 0em 0 0em rgba(33, 165, 177, 0.2), 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.2), 0em 2.5em 0 0em rgba(33, 165, 177, 0.5), -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.7), -2.6em 0em 0 0em #21a5b1, -1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(33, 165, 177, 0.2), 1.8em -1.8em 0 0em rgba(33, 165, 177, 0.2), 2.5em 0em 0 0em rgba(33, 165, 177, 0.2), 1.75em 1.75em 0 0em rgba(33, 165, 177, 0.2), 0em 2.5em 0 0em rgba(33, 165, 177, 0.2), -1.8em 1.8em 0 0em rgba(33, 165, 177, 0.5), -2.6em 0em 0 0em rgba(33, 165, 177, 0.7), -1.8em -1.8em 0 0em #21a5b1; } }


/* Copy code button styles */
.copy-code-button {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    padding: 0.5em 1em;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

pre {
    position:relative;
    padding:0 !important;
    overflow:auto hidden!important;
}
pre code{
    overflow-x:hidden;
    padding:1em !important;
}