/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 17:35:34 */
/* CMJ Custom CSS JS */ 

.cmjhide {display: none;}
.rule {height: 1px; background: #eee; margin: 20px 0;}
.rule hr {display: none;}
.devnote {background: lightyellow; color: red; padding: 0 5px;}
.cmjnote {border: 1px solid red; background: lightyellow; padding: 20px 0;}
.cmjnote:before {content: 'CMJ Note'; background: red; color: lightyellow; font-weight: bold; margin: 0 15px; padding: 2px 6px;}

.forceheader {}
.faketemplate {width: 100%; margin: 20px auto;}
.forcefooter {margin-bottom: 100px;}

/* Global Settings display on Sandbox */
.globalSettings {}
.globalSettings h3 {
margin:  30px 0 15px 0; padding: 10px 0;
border-bottom: 1px solid black; border-top: 3px solid #666;
}
.globalSettings ul {margin: 0; padding: 0; list-style:none;}
.globalSettings ul li {list-style-type:none; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px;}
.globalSettings ul li.headings span {background: #ddd;}
.globalSettings ul li.headings, .globalSettings ul li:last-child {border: none;}
.globalSettings ul li span {display: inline-block; padding: 5px;}

.globalSettings ul li span.label {width: 30%;}
.globalSettings ul li span.code {width: 40%;}
.globalSettings ul li span.output {width: 30%;}