.quetzal_shs_codeviewer {
    max-width: 95%;
}

.quetzal_shs_toolbar {
    width: 100%; 
    height: 38px; 
    background-color: gray;
    margin: auto;
    text-align: left;
}

.quetzal_shs_textarea {
    background-color: #303030;
    color: white;
    width: 100%; 
    height: 500px;
    font-size: 14px;
}

.quetzal_shs_pre {
    position: relative;
    overflow: auto;
}

.quetzal_shs_pre button {
    position: absolute;
    top: 10px;
    right: 10px;
  
    font-size: 0.9rem;
    padding: 0.15rem;
    background-color: #828282;
  
    border: ridge 1px #7b7b7c;
    border-radius: 5px;
    text-shadow: #c4c4c4 0 0 2px;
}
  
.quetzal_shs_pre button:hover {
    cursor: pointer;
    background-color: #bcbabb;
}

.quetzal_shs_pre code {
    font-size: 14px;
    padding: 1.75rem 0 1.75rem 1rem;
    border-radius: 10px;
}

#quetzal_shs_backButton, #quetzal_shs_nextButton {
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    width: 60px;
    height: 30px;
    color: white;
    font-size: 14px;
    line-height: 14px;
}

#quetzal_shs_currentPage {
    float: right;
    line-height: 2.0rem;
    font-size: 12px;
}

.quetzal-shs-btn-pagination {
    background-color: steelblue;
}

.quetzal-shs-btn-pagination:hover {
    background-color: rgb(76, 144, 200);
}

.quetzal-shs-label-shortcode {
    font-size: 12px;
}

.ace_editor {
    position: relative;
    width: 100%;
    height: 500px;
}