fieldset
{
    padding: 1rem;

	border: 1px solid var(--fieldset-border-color);
	border-radius: 5px;
	margin: 0;
    transition: all 0.3s;
}

fieldset + fieldset,
fieldset ~ fieldset
{
	margin-top: 1em;
}

legend
{
    width: 100%;
    padding: 0 1rem;
	/**
    line-height: 1.8em;
	**/
	line-height: 2em;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
    font-size: 12pt;
    font-weight: normal;
    opacity: 1;
	color: var(--fieldset-legend-color);
	background-color: var(--fieldset-legend-background);
	border-radius: 13px;
}

.sbcontainer legend
{
    line-height: 1.8em;
	font-size: 10pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	border-radius: 0;
}

fieldset.toggleoff
{
    padding-bottom: 0rem;
	max-height: 1.8em;
	padding: 0 1rem;
	overflow: hidden;
}

fieldset.toggleoff > *:not(legend) {
	display: none;
}

fieldset.toggleon
{
	height: auto;
	max-height: none;
}

fieldset.toggleoff legend
{
	cursor: pointer;
}
fieldset.toggleon legend
{
	cursor: pointer;
}
fieldset legend i
{
	margin-right:  0.5em;
}
fieldset.toggleoff > legend > i.collapse
{
	display: none;
}
fieldset.toggleon > legend > i.expand
{
	display: none;
}