/*
	Custom CSS to add a Shasta College theme to Dynamic Forms

	+ Adds background pattern
	+ Adds green border around form body
	+ Adds box around the notes such as "* = required field"
	+ Adds animations to active inputs
	+ Adds classes
		* .align-with-text-left removes left margin, aligning with marginless text elements
		* .align-with-text-right removes right margin, aligning with marginless text elements
		* .bg-light-green adds a light green background box with rounded corners
		* .bg-white adds a white background box with rounded corners
		* .border-grey adds a grey border around an element
		* .float-right aligns element with the right side of its container
		* .minimize-width forces element to take up as little horizontal space as possible
		* .no-wrap prevents text wrapping of child elements
		* .numbering makes a section of text a small fixed width, appropriate for line numbering
		* .spacer makes a section of text a small fixed width and invisible, to add width to an empty column
		* table.as-child treats nested table as a child item, including all padding and margins
		* table.compact removes spacing between rows and columns
		* table.equal-columns forces all columns to be the same width
		* table.half-gutter halves spacing between columns (16px to 8px)
		* table.half-spacing halves spacing between rows (12px to 6px)
		* table.no-gutter removes spacing between columns
		* table.no-margin removes spacing between table contents and the ege of the table
		* table.no-spacing removes spacing for rows and columns
		* table.striped adds light backgrounds behind every other row
		* table.striped2 groups rows into pairs and adds light backgrounds behind every other group
	
	= Moves the notes to the right instead of rendering above the form on wide monitors
	= Changes padding and margins around most items
	= Aligns navigation buttons with form body
	= Makes all inputs the same height

	- Removes padding and margins around nested tables by default

	* I don't recommend using the striped table classes in conjunction with the default table styling options.
	* The table classes should ignore empty or hidden rows and columns.
	* To make a table of checkboxes match a list of radio buttons, use compact or no-spacing.
	* Use no-wrap with minimize-width to prevent multi-word labels from being wrapped to multiple lines.
	* The as-child class is useful for making tables behave like default Dynamic Forms tables, indenting with each layer and aligning with sibling elements.
*/

@media (prefers-reduced-motion)
{
	*
	{
		transition: none !important;
	}
}

html:has(> body)
{

span.select2-selection
{
	border: none !important;
}

span.select2-selection__rendered
{
	line-height: normal !important;
	height: 14.4px;
	padding-top: 1px;
	padding-bottom: 1px;
}

a.ui-datepicker-prev 
{
	top: 1.6px !important;
	left: 1.6px !important;
	border: none !important;
	border-radius: 50%;
}
a.ui-datepicker-next
{
	top: 1.6px !important;
	right: 1.6px !important;
	border: none !important;
	border-radius: 50%;
}
a.ui-datepicker-prev-hover, a.ui-datepicker-next-hover
{
	background-color: #f8f8f8 !important;
}

button.ui-datepicker-trigger[type="button"]
{
	top: 1.6px;
	right: 6px;
	bottom: 1.6px;
	padding-top: 0.4px !important;
	padding-left: 4.4px !important;
	&:hover, &:focus
	{
		background: #ccc !important;
		outline: 2px solid #676774 !important;
	}
}

.sigbox
{
	border-radius: 10px;
	& + :focus
	{
		outline: none;
	}
}

*
{
	outline: none;
	&:focus
	{
		outline: none;
	}
}

:is(input:not([type="file"]), select, button, textarea, span.select2-selection__rendered, span.select2-selection--single, a[role="button"])
{
	&:not(.bClose, .ui-datepicker-prev, .ui-datepicker-next)
	{
		border-radius: 5px !important;
	}
	&:not(span.select2-selection--single, .ui-datepicker-prev, .ui-datepicker-next)
	{
		border: 2px solid #ccc;
		&:not(.ui-state-highlight)
		{
			background-color: #f8f8f8;
			color: #454545;
		}
	}
	&:enabled:not([type="text"]:read-only), &:is(span.select2-selection--single, span.select2-selection__rendered), &:is(a)
	{
		&:not(.bClose, .ui-datepicker-prev, .ui-datepicker-next, .ui-state-default)
		{
			background-color: #fff;
		}
		&:is(:hover, :focus, .ui-state-active):not(span.select2-selection__rendered .ui-datepicker-prev, .ui-datepicker-next)
		{
			border: 2px solid #676774;
		}
		#formBody:has(> #maincontent > #Form1 > #FillingOut > .FormStyle > #DynamicFormPanel > #FormPage > tbody > tr > td > table.form-animate) &:is(:hover, :focus):not(span.select2-selection__rendered, .no-animate, textarea)
		{
			transition: background-color linear 0.5s, border-color linear 0.5s, transform cubic-bezier(0.5,-0.5,0,2) 0.5s;
			transform: scale(1.04);
			&:not([type="text"], [type="button"], [type="submit"], [type="search"], select, span.select2-selection--single)
			{
				transform: scale(1.3);
			}
			&:is(span.select2-selection--single)
			{
				transform:scale(1.04, 1.05);
			}
			&:is(.small-animate)
			{
				transform: scale(1.01) !important;
			}
		}
	}
}

input[type="checkbox"]
{
	margin-top: 0.5px;
	margin-bottom: 4.5px;
	height: 14.6px;
	width: 14.6px;
}

.inputcontainer
{
	margin-left: 4px;
	margin-right: 4px;
	& > input, & > select, & span > textarea, & > span.select2
	{
		margin-left: 4px;
		margin-right: 4px;
	}
	&:has(> input[type="checkbox"]) + label
	{
		margin-top: 3px;
	}
}

div:has(.inputcontainer):has(+ .inlinelabel)
{
	margin-bottom: 0;
}

div:has(+ .inputcontainer) > .inlinelabel, div:has(.inputcontainer) + .inlinelabel
{
	margin-left: 8px;
	margin-right: 8px;
}

select
{
	height: 14.4px;
	box-sizing: content-box;
	padding-top: 0px;
	padding-bottom: 2px;
}

td
{
	padding: 0;
	width: 100%;
	&:has(> .inputcontainer, > div > .numbering, > span > img, .ui-state-default)
	{
		width: 0;
		white-space: nowrap;
	}
}

.numbering
{
	width: 1em;
}

.spacer
{
	width: 1em;
	height: 19.6px;
	visibility: hidden;
}

.bg-light-green
{
	&:not(table)
	{
		background-color: #E6F7EA;
	}
	&:is(table) > tbody > tr
	{
		&:nth-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
		{
			td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
			{
				border-top-left-radius: 10px;
			}
			td:nth-last-child(1 of :has(div, img, a))
			{
				border-top-right-radius: 10px;
			}
			:not(no-margin) > tbody > & > td > *:not(.sigdatelabel)
			{
				margin-top: 12px;
			}
		}
		&:nth-last-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
		{
			td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
			{
				border-bottom-left-radius: 10px;
			}
			td:nth-last-child(1 of :has(div, img, a))
			{
				border-bottom-right-radius: 10px;
			}
		}
		& > td:has(div, img, a, ~ td :where(div, img, a))
		{
			background-color: #E6F7EA;
		}
	}
}

.bg-white
{
	&:not(table)
	{
		background-color: #FFFFFF;
	}
	&:is(table) > tbody > tr
	{
		&:nth-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
		{
			td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
			{
				border-top-left-radius: 10px;
			}
			td:nth-last-child(1 of :has(div, img, a))
			{
				border-top-right-radius: 10px;
			}
			:not(no-margin) > tbody > & > td > *:not(.sigdatelabel)
			{
				margin-top: 12px;
			}
		}
		&:nth-last-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
		{
			td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
			{
				border-bottom-left-radius: 10px;
			}
			td:nth-last-child(1 of :has(div, img, a))
			{
				border-bottom-right-radius: 10px;
			}
		}
		& > td:has(div, img, a, ~ td :where(div, img, a))
		{
			background-color: #FFFFFF;
		}
	}
}

.border-grey
{
	border: 2px solid #ccc;
	border-radius: 10px;
}

span.bgcWhite
{
	background-color: #FFFFFF00 !important;
}

.minimize-width
{
	width: 0 !important;
}

.no-wrap
{
	white-space: nowrap;
}

.float-right, div.inputcontainer:has(> .float-right)
{
	float: right;
}

.align-with-text-left, div.inputcontainer:has(> .align-with-text-left)
{
	margin-left: 0 !important;
}
.align-with-text-right, div.inputcontainer:has(> .align-with-text-right)
{
	margin-right: 0 !important;
}

td:not(:has(div, img, a))
{
	width: 0;
	padding: 0 !important;
	border: none;
	&:not(:has(~ td :where(div, img, a)))
	{
		display: none;
	}
}

#FormPage
{
	background-color: #fff !important;
	border: 4px solid #076324 !important;
	border-radius: 10px !important;
	padding: 10px 10px 10px 10px !important;
	& > tbody > tr:nth-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a))) > td
	{
		& > *:not(.sigdatelabel), & > span > img
		{
			margin-top: 12px;
		}
	}
}

#FillingOut > .FormStyle > div.textAlignR
{
	background-color: #ffe !important;
	border-color: #ccc !important;
	border-style: solid;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding: 5px 20px 5px 5px !important;
	width: 400px;
	float: right !important;
	clear: right !important;
	margin-right: 0px;
}
#FillingOut > .FormStyle > div.textAlignR:nth-child(1 of .textAlignR:not(.displayNone))
{
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	border-top-width: 2px !important;
}
#FillingOut > .FormStyle > div.textAlignR:nth-last-child(1 of .textAlignR:not(.displayNone))
{
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-width: 2px !important;
	margin-bottom: 5px !important;
	&:nth-child(1 of .textAlignR)
	{
		width: 150px;
	}
}
#FillingOut > .FormStyle > div.textAlignR + div.textAlignR
{
}

#formnavbuttons
{
	margin-left: 15px;
}

table
{
	border-spacing: 0 !important;
	&.equal-columns
	{
		table-layout: fixed;
	}
}

table:not(.no-margin, .ui-datepicker-calendar)
{
	& > tbody > tr > td:nth-child(1 of :not(:has(> table:not(.as-child))):has(div, img, a))
	{
		padding-left: 8px;
	}
	& > tbody > tr > td:nth-last-child(1 of :not(:has(> table:not(.as-child))):has(div, img, a))
	{
		padding-right: 8px;
	}
	& > tbody > tr:nth-last-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a))) > td:not(:has(> table:not(.as-child))) > :is(*:not(span), span > img):not(.sigdateboxdisabled, .sigdatebox, .inlinelabel:has(+ div), div:not(.inputcontainer):has(+ .inlinelabel), :has(> .inlinelabel))
	{
		margin-bottom: 12px;
	}
	&.striped > tbody > tr:has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)) > td > *:not(.sigdatelabel)
	{
		margin-top: 12px;
	}
	&.striped2 > tbody > tr:nth-child(odd of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))) > td > *:not(.sigdatelabel)
	{
		margin-top: 12px;
	}
	&:is(.striped, .striped2)
	{
		margin-bottom: 12px;
	}
}
table:not(.no-margin, .ui-datepicker-calendar):is(.striped, .striped2)
{
	margin-bottom: 12px;
}

table:not(.no-gutter, .compact, .half-gutter, .ui-datepicker-calendar)
{
	& > tbody > tr > td:not(:has(> table:not(.as-child)))
	{
		padding-left: 8px;
		padding-right: 8px;
	}
}
table.half-gutter
{
	& > tbody > tr > td:not(:has(> table:not(.as-child)))
	{
		padding-left: 4px;
		padding-right: 4px;
	}
}

table:not(.compact, .no-spacing, .half-spacing, .ui-datepicker-calendar)
{
	& > tbody > tr:has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)):not(:nth-last-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))) > td:not(:has(> table:not(.as-child))) > :is(*, span > img):not(.sigdateboxdisabled, .sigdatebox, .inlinelabel:has(+ div), div:not(.inputcontainer):has(+ .inlinelabel), :has(> .inlinelabel))
	{
		margin-bottom: 12px;
	}
}
table.half-spacing
{
	& > tbody > tr:has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)):not(:nth-last-child(1 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))) > td:not(:has(> table:not(.as-child))) > :is(*, span > img):not(.sigdateboxdisabled, .sigdatebox, .inlinelabel:has(+ div), div:not(.inputcontainer):has(+ .inlinelabel), :has(> .inlinelabel))
	{
		margin-bottom: 6px;
	}
}

table.striped > tbody > tr:nth-child(odd of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
{
	td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
	{
		border-top-left-radius: 10px;
	}
	td:nth-last-child(1 of :has(div, img, a))
	{
		border-top-right-radius: 10px;
	}
	td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
	{
		border-bottom-left-radius: 10px;
	}
	td:nth-last-child(1 of :has(div, img, a))
	{
		border-bottom-right-radius: 10px;
	}
	td:has(div, img, a, ~ td :where(div, img, a))
	{
		background-color: #E6F7EA;
	}
}

table.striped2 > tbody > tr:nth-child(4n-3 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
{
	td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
	{
		border-top-left-radius: 10px;
	}
	td:nth-last-child(1 of :has(div, img, a))
	{
		border-top-right-radius: 10px;
	}
	td:has(div, img, a, ~ td :where(div, img, a))
	{
		background-color: #E6F7EA;
	}
}
table.striped2 > tbody > tr:nth-child(4n-2 of :has(> td:not([style*="display:none"], [style*="display: none"]) :where(div, img, a)))
{
	td:nth-child(1 of :has(div, img, a, ~ td :where(div, img, a)))
	{
		border-bottom-left-radius: 10px;
	}
	td:nth-last-child(1 of :has(div, img, a))
	{
		border-bottom-right-radius: 10px;
	}
	td:has(div, img, a)
	{
		background-color: #E6F7EA;
	}
}

#formBody:has(> #maincontent > #Form1 > #FillingOut > .FormStyle > #DynamicFormPanel > #FormPage > tbody > tr > td > .form-bg)
{
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 160 90\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cdefs%3E%3Cpattern id=\'p1\' x=\'0\' y=\'-10\' width=\'3.2\' height=\'90\' patternUnits=\'userSpaceOnUse\' patternTransform=\'rotate(30)\'%3E%3Cg fill=\'%23076324\'%3E%3Ccircle cx=\'0.8\' cy=\'90\' r=\'1.6\'/%3E%3Ccircle cx=\'4\' cy=\'90\' r=\'1.6\'/%3E%3Ccircle cx=\'2.4\' cy=\'88.4\' r=\'1.55\'/%3E%3Ccircle cx=\'-0.8\' cy=\'88.4\' r=\'1.55\'/%3E%3Ccircle cx=\'0.8\' cy=\'86.8\' r=\'1.5\'/%3E%3Ccircle cx=\'4\' cy=\'86.8\' r=\'1.5\'/%3E%3Ccircle cx=\'2.4\' cy=\'85.2\' r=\'1.45\'/%3E%3Ccircle cx=\'-0.8\' cy=\'85.2\' r=\'1.45\'/%3E%3Ccircle cx=\'0.8\' cy=\'83.6\' r=\'1.4\'/%3E%3Ccircle cx=\'4\' cy=\'83.6\' r=\'1.4\'/%3E%3Ccircle cx=\'2.4\' cy=\'82\' r=\'1.35\'/%3E%3Ccircle cx=\'-0.8\' cy=\'82\' r=\'1.35\'/%3E%3Ccircle cx=\'0.8\' cy=\'80.4\' r=\'1.3\'/%3E%3Ccircle cx=\'4\' cy=\'80.4\' r=\'1.3\'/%3E%3Ccircle cx=\'2.4\' cy=\'78.8\' r=\'1.25\'/%3E%3Ccircle cx=\'-0.8\' cy=\'78.8\' r=\'1.25\'/%3E%3Ccircle cx=\'0.8\' cy=\'77.2\' r=\'1.2\'/%3E%3Ccircle cx=\'4\' cy=\'77.2\' r=\'1.2\'/%3E%3Ccircle cx=\'2.4\' cy=\'75.6\' r=\'1.15\'/%3E%3Ccircle cx=\'-0.8\' cy=\'75.6\' r=\'1.15\'/%3E%3Ccircle cx=\'0.8\' cy=\'74\' r=\'1.1\'/%3E%3Ccircle cx=\'4\' cy=\'74\' r=\'1.1\'/%3E%3Ccircle cx=\'2.4\' cy=\'72.4\' r=\'1.05\'/%3E%3Ccircle cx=\'-0.8\' cy=\'72.4\' r=\'1.05\'/%3E%3Ccircle cx=\'0.8\' cy=\'70.8\' r=\'1\'/%3E%3Ccircle cx=\'4\' cy=\'70.8\' r=\'1\'/%3E%3Ccircle cx=\'2.4\' cy=\'69.2\' r=\'0.95\'/%3E%3Ccircle cx=\'-0.8\' cy=\'69.2\' r=\'0.95\'/%3E%3Ccircle cx=\'0.8\' cy=\'67.6\' r=\'0.9\'/%3E%3Ccircle cx=\'4\' cy=\'67.6\' r=\'0.9\'/%3E%3Ccircle cx=\'2.4\' cy=\'66\' r=\'0.85\'/%3E%3Ccircle cx=\'-0.8\' cy=\'66\' r=\'0.85\'/%3E%3Ccircle cx=\'0.8\' cy=\'64.4\' r=\'0.8\'/%3E%3Ccircle cx=\'2.4\' cy=\'62.8\' r=\'0.75\'/%3E%3Ccircle cx=\'0.8\' cy=\'61.2\' r=\'0.7\'/%3E%3Ccircle cx=\'2.4\' cy=\'59.6\' r=\'0.65\'/%3E%3Ccircle cx=\'0.8\' cy=\'58\' r=\'0.6\'/%3E%3Ccircle cx=\'2.4\' cy=\'56.4\' r=\'0.55\'/%3E%3Ccircle cx=\'0.8\' cy=\'54.8\' r=\'0.5\'/%3E%3Ccircle cx=\'2.4\' cy=\'53.2\' r=\'0.45\'/%3E%3Ccircle cx=\'0.8\' cy=\'51.6\' r=\'0.4\'/%3E%3Ccircle cx=\'2.4\' cy=\'50\' r=\'0.35\'/%3E%3Ccircle cx=\'0.8\' cy=\'48.4\' r=\'0.3\'/%3E%3Ccircle cx=\'2.4\' cy=\'46.8\' r=\'0.25\'/%3E%3Ccircle cx=\'0.8\' cy=\'45.2\' r=\'0.2\'/%3E%3Ccircle cx=\'2.4\' cy=\'43.6\' r=\'0.15\'/%3E%3Ccircle cx=\'0.8\' cy=\'42\' r=\'0.1\'/%3E%3Ccircle cx=\'2.4\' cy=\'40.4\' r=\'0.05\'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id=\'p2\' x=\'0\' y=\'-10\' width=\'3.2\' height=\'90\' patternUnits=\'userSpaceOnUse\' patternTransform=\'rotate(210)\'%3E%3Cg fill=\'%23076324\'%3E%3Ccircle cx=\'0.8\' cy=\'90\' r=\'1.6\'/%3E%3Ccircle cx=\'4\' cy=\'90\' r=\'1.6\'/%3E%3Ccircle cx=\'2.4\' cy=\'88.4\' r=\'1.55\'/%3E%3Ccircle cx=\'-0.8\' cy=\'88.4\' r=\'1.55\'/%3E%3Ccircle cx=\'0.8\' cy=\'86.8\' r=\'1.5\'/%3E%3Ccircle cx=\'4\' cy=\'86.8\' r=\'1.5\'/%3E%3Ccircle cx=\'2.4\' cy=\'85.2\' r=\'1.45\'/%3E%3Ccircle cx=\'-0.8\' cy=\'85.2\' r=\'1.45\'/%3E%3Ccircle cx=\'0.8\' cy=\'83.6\' r=\'1.4\'/%3E%3Ccircle cx=\'4\' cy=\'83.6\' r=\'1.4\'/%3E%3Ccircle cx=\'2.4\' cy=\'82\' r=\'1.35\'/%3E%3Ccircle cx=\'-0.8\' cy=\'82\' r=\'1.35\'/%3E%3Ccircle cx=\'0.8\' cy=\'80.4\' r=\'1.3\'/%3E%3Ccircle cx=\'4\' cy=\'80.4\' r=\'1.3\'/%3E%3Ccircle cx=\'2.4\' cy=\'78.8\' r=\'1.25\'/%3E%3Ccircle cx=\'-0.8\' cy=\'78.8\' r=\'1.25\'/%3E%3Ccircle cx=\'0.8\' cy=\'77.2\' r=\'1.2\'/%3E%3Ccircle cx=\'4\' cy=\'77.2\' r=\'1.2\'/%3E%3Ccircle cx=\'2.4\' cy=\'75.6\' r=\'1.15\'/%3E%3Ccircle cx=\'-0.8\' cy=\'75.6\' r=\'1.15\'/%3E%3Ccircle cx=\'0.8\' cy=\'74\' r=\'1.1\'/%3E%3Ccircle cx=\'4\' cy=\'74\' r=\'1.1\'/%3E%3Ccircle cx=\'2.4\' cy=\'72.4\' r=\'1.05\'/%3E%3Ccircle cx=\'-0.8\' cy=\'72.4\' r=\'1.05\'/%3E%3Ccircle cx=\'0.8\' cy=\'70.8\' r=\'1\'/%3E%3Ccircle cx=\'4\' cy=\'70.8\' r=\'1\'/%3E%3Ccircle cx=\'2.4\' cy=\'69.2\' r=\'0.95\'/%3E%3Ccircle cx=\'-0.8\' cy=\'69.2\' r=\'0.95\'/%3E%3Ccircle cx=\'0.8\' cy=\'67.6\' r=\'0.9\'/%3E%3Ccircle cx=\'4\' cy=\'67.6\' r=\'0.9\'/%3E%3Ccircle cx=\'2.4\' cy=\'66\' r=\'0.85\'/%3E%3Ccircle cx=\'-0.8\' cy=\'66\' r=\'0.85\'/%3E%3Ccircle cx=\'0.8\' cy=\'64.4\' r=\'0.8\'/%3E%3Ccircle cx=\'2.4\' cy=\'62.8\' r=\'0.75\'/%3E%3Ccircle cx=\'0.8\' cy=\'61.2\' r=\'0.7\'/%3E%3Ccircle cx=\'2.4\' cy=\'59.6\' r=\'0.65\'/%3E%3Ccircle cx=\'0.8\' cy=\'58\' r=\'0.6\'/%3E%3Ccircle cx=\'2.4\' cy=\'56.4\' r=\'0.55\'/%3E%3Ccircle cx=\'0.8\' cy=\'54.8\' r=\'0.5\'/%3E%3Ccircle cx=\'2.4\' cy=\'53.2\' r=\'0.45\'/%3E%3Ccircle cx=\'0.8\' cy=\'51.6\' r=\'0.4\'/%3E%3Ccircle cx=\'2.4\' cy=\'50\' r=\'0.35\'/%3E%3Ccircle cx=\'0.8\' cy=\'48.4\' r=\'0.3\'/%3E%3Ccircle cx=\'2.4\' cy=\'46.8\' r=\'0.25\'/%3E%3Ccircle cx=\'0.8\' cy=\'45.2\' r=\'0.2\'/%3E%3Ccircle cx=\'2.4\' cy=\'43.6\' r=\'0.15\'/%3E%3Ccircle cx=\'0.8\' cy=\'42\' r=\'0.1\'/%3E%3Ccircle cx=\'2.4\' cy=\'40.4\' r=\'0.05\'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon points=\'0,30 0,90 120,90\' style=\'fill:url(%23p1);stroke-width:0;\'/%3E%3Cpolygon points=\'40,0 160,0 160,60\' style=\'fill:url(%23p2);stroke-width:0;\'/%3E%3C!--%3Crect x=\'100\' y=\'0\' width=\'3.2\' height=\'90\' fill=\'url(%23p1)\' transform=\'rotate(0)\'/%3E--%3E%3C/svg%3E");
}

}