.disp-hide {
    display: none !important;
}

.disp-show {
    display: block !important;
}

.error-message {
    color: #dc3545;
    font-size: 0.8rem;
}

.therm-description {
    padding: 0 0 15px 0;
}

.therm-description-paragraph {
    margin-bottom: 12px;
}

.therm-preview-section {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.therm-preview-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6c757d;
    margin-bottom: 6px;
    font-weight:bold;
}

.therm-controlpanel-image {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #f8f9fa;
    padding: 4px;
    display: inline-block;
}

#modeHelp {
    display: block;
    font-style: italic;
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 2px;
}

#localeGroup label {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 2px;
}

#localeGroup select {
    width: 160px;
}

.therm-html {
    width: 100%;
    height: 100px;
    font-family: monospace;
    font-size: 0.8rem;
    resize: vertical;
}

/* -- field setting sizes START*/
.therm-value {
    width:110px;
    margin-right:15px;
}
/* -- field setting sizes END */

@media only screen and (max-width: 600px) {
    .therm-html {
        height: 160px;
    }
}

.therm-codeblock {
    padding: 10px 0;
}

.therm-codeblock-paragraph {
    margin-bottom: 15px;
}

label {
    font-weight:bold;
}