﻿body {
	font-size: 16px;
}

.ui-header.PageHeader {
	text-align: left;
	height:auto;
}

.PageHeader .title {
	font-size: 2.2em;
	letter-spacing: -0.5px;
	font-family: filson-soft, sans-serif;
	padding: 0.2em .2em 0 1.6em;
	display:inline-block;
}

.logo_note {
	font-size: 0.85em;
	font-weight: normal;
	left: 4.6em;
	position: absolute;
	top: 3em;
}

#AboutHome .ui-content {
	padding: 1em 2em;
}

@media all and (max-width: 27em) {
}

.lead_in_note {
	font-size: 1.2em;
	display: none;
	text-align:center;
}
.lead_in_note p {
	font-size:1em;
	text-align:left;
}
.wrapLogo {
	display:inline-block;
	margin-bottom:-.5em;
}
.repeatSettings {
	position: relative;
	float: right;
	font-size: .8em;
	font-weight: normal;
	padding: 0.5em 1em .5em 1em;
	border: 1px solid #35aa47;
	border-radius: .5em;
	margin: 1.3em;
	margin-bottom:0;
	color: #555;
	background-color: #f5fff5;
	display: none;
}

.repeatSettings a {
	font-weight: normal !important;
	margin-left: 1em;
}

.printTokens {
	margin: 2em 0;
	font-size: .9em;
}

/* #region  settings */
.wrapSettings {
	margin-top: 0;
	text-align: center;
	padding: 1em;
	display: none;
	font-size:.8em
}


.wrapSettings .note {
	color: #333;
	font-weight: bold;
}

.settings {
	border: 1px solid #35aa47;
	border-radius: 0.5em;
	margin: .5em auto;
	padding: 1em;
	text-align: left;
	display: inline-block;
	position: relative;
}

.settings .wrapSelect {
	display: inline-block;
	margin-right: 0;
	text-align: left;
	min-width: 11em;
	margin-bottom: .5em;
}

.settings .ui-select {
	margin: 0;
	display: block;
	font-size: 1em;
}

.settings .ui-select .ui-btn {
	text-align: left;
}

.settings .word_break {
	font-weight: bold;
	margin: 0 0 .2em;
	font-size: .9em;
	text-align: left;
	padding-left: .5em;
}

.settings .okay {
	margin: 0;
}

.settings .wrapSelect.wrapSelectProgramType {
	display: block;
	width:15em
}

.settingsSummary {
	font-size:1.2em;
	margin-top:.5em;
}
.wrapAliases {
	text-align: left;
}

.wrapTokenAlias {
}

.wrapPartyAlias {
	margin-left: .5em;
}

.wrapClassAlias {
}

@media all and (max-width: 30em) {
	.wrapSettings .note {
		text-align: left;
		padding-left: 1em;
	}

	.wrapAliases {
		text-align: center;
	}
}

.svg_btn {
	cursor: pointer;
	display: inline-block;
	height: 48px;
	width: 48px;
	border-radius: 24px;
}

.svg_btn .hover {
	display: none;
}

.svg_btn:hover {
	box-shadow: 0 0 16px #D4AA00;
}

.svg_btn:hover .hover {
	display: block;
}

.svg_btn:hover .normal {
	display: none;
}
/* #endregion */

.wrapTabs {
	display: none;
}

.wrapTabs .tabs {
	margin-top:0;
}

.tabBreak {
	display: none;
}

.tabContent {
	padding: 1em;
}

.tabContent h3 {
	font-size: 1em;
}

@media all and (max-width: 30em) {
	.tabs {
		font-size: .9em;
		margin-left: -1em;
		margin-right: -1em;
		padding-left: 1em;
	}

	.tab {
		padding: .4em .5em;
	}
}

@media all and (max-width: 38em) {
	#AboutHome .ui-content {
		padding: 1em 1em;
	}

	.tabContent {
		padding: 1em 0;
	}

	.wrapPartyAlias {
		margin-left: 0em;
	}
}


/*#region  ui-collapsible */
.ui-collapsible {
	margin-bottom: 1.5em;
}

.ui-collapsible-heading a {
	font-size: 1em;
}

.ui-collapsible-heading a.ui-btn.ui-btn-b.ui-icon-carat-u {
	background-color: #35aa47;
	color: #FFF;
}

.ui-btn-b.ui-icon-carat-u::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E")
}

.ui-collapsible-heading .ui-btn.ui-btn-b:hover {
	background-color: #fff;
	color: #35aa47;
	box-shadow: none;
}

.ui-collapsible-heading .ui-btn.ui-btn-b:focus {
	box-shadow: none;
}

.ui-collapsible-content {
	padding-top: 1em;
	padding-right: 1.5em;
}
/* #endregion */

/* #region  Features */
.view_demo {
	float: right;
	font-size: .9em;
	margin-left: 1em;
	margin-bottom: .5em;
}

.features li {
	margin-bottom: .5em;
}

iframe {
	width:100%;
	aspect-ratio: 16/9;
}
.useful_announements li {
	margin-bottom: 0;
}

.features .ui-collapsible h3 a {
	font-size: 1.1em;
	border: none;
	border-bottom: 1px solid;
	border-radius: .5em .5em 0 0;
}

.features .ui-btn-b.ui-icon-carat-d:hover::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}

@media all and (max-width: 38em) {
	.features ul {
		padding-left: 1.5em;
		margin-top: 0.5em;
	}
}
/* #endregion */

/* #region  Pricing */

.pricing .freeForAll {
	padding: 1em 2.5em 1em 1em;
	font-weight: bold;
	border-radius: .3em;
	position: relative;
}

.freeForAll button {
	position: absolute;
	top: -.4em;
	right: 0.2em;
}

.pricing .note,
.pricingDetail .note {
	font-size: .8em;
	color: #AAA;
	font-style: italic;
}

/* #region  DonationSchedule */

#DonationSchedule {
	width: 35em;
	border-collapse: separate;
	border-spacing: 0;
	margin: .5em 0;
	font-size: .9em;
	text-align: left;
	border: 1px solid #35aa47;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

#DonationSchedule th, #DonationSchedule td {
	padding: 12px 15px;
}

#DonationSchedule thead th {
	background-color: #35aa47;
	color: #ffffff;
	text-align: left;
	border: none;
}

#DonationSchedule thead th:first-child {
	border-top-left-radius: 10px;
}

#DonationSchedule thead th:last-child {
	border-top-right-radius: 10px;
}

#DonationSchedule tbody tr {
	border-bottom: 1px solid #dddddd;
}

#DonationSchedule tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

#DonationSchedule tbody tr:last-of-type {
	border-bottom: 2px solid #35aa47;
}


/* #endregion */


@media all and (max-width: 48em) {
	.pricingDetail .ui-collapsible {
		margin-left: 0em;
	}
}

.pricingDetail .ui-collapsible-content {
	overflow-x: scroll;
	overflow-y: hidden;
}

/* #region  Estimator */
.wrapEstimator {
	text-align: left;
}

.wrapProgramType {
	display: inline-block;
}

.wrapProgramType .ui-select {
	margin: 0;
}

.repeatTotals {
	float: right;
	text-align: right;
}

.repeatTotals tr td:first-child {
	font-weight: bold;
	padding-right: 1em;
}

.repeatTotals tr td:last-child {
	font-weight: bold;
	font-size: 1.1em;
	color: #35aa47;
}

.wrapImports {
	width: 100%;
	margin-top: .5em;
	text-align: center;
}

.wrapImports .label {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin-right: .5em;
	font-size: .9em;
	font-weight: bold;
}

.wrapImports .ui-input-text {
	display: inline-block;
	width: 5em;
	vertical-align: middle;
	text-align: left;
}

.wrapParticipation {
	width: 100%;
	max-width: 28em;
	margin: 0 auto;
}

.wrapParticipation tr td:first-child {
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 0.5em;
	padding-top: 0.5em;
	text-align: right;
	width: 8em;
}

.wrapParticipation input.ui-slider-input {
	font-size: 1em;
	font-weight: normal;
	height: 1.3em;
	width: 3em;
}

.tableEstimator {
	width: 100%;
	margin-top: 1.5em;
}

.tableEstimator td .ui-input-text {
}

.tableEstimator thead,
.tableEstimator tbody tr:not(.tr_budget) {
	font-size: .95em;
}

.tableEstimator span.period {
	color: #35aa47;
	text-decoration: underline;
	cursor: pointer;
}

.tableEstimator span.period:hover {
	color: #D4AA00;
}

.tableEstimator th:nth-child(1),
.tableEstimator td:nth-child(1) {
	width: 42%;
	padding-right: 3%;
}

.tableEstimator th:nth-child(2),
.tableEstimator td:nth-child(2) {
	width: 11%;
}

.tableEstimator th:nth-child(3),
.tableEstimator td:nth-child(3) {
	text-align: right;
	width: 20%;
	padding-left: 2%;
}

.tableEstimator th:nth-child(4),
.tableEstimator td:nth-child(4) {
	text-align: right;
	width: 20%;
	padding-left: 2%;
}

.tableEstimator tfoot td {
	font-weight: bold;
	text-align: right;
	padding: .5em 0 !important;
}

.tableEstimator .percent_emails .ui-input-text {
	position: relative;
	width: 4em;
}

.tableEstimator .percent_emails .ui-input-text:after {
	position: absolute;
	right: -1.3em;
	top: 0.5em;
	content: '%';
}

.tableEstimator tr.linebreak td {
	padding-right: 0 !important;
	padding-bottom: .5em;
}

.tableEstimator tr.tr_budget td.dcm,
.tableEstimator tr.tr_budget td.usd {
	font-weight: bold;
	color: #35aa47;
}

.tableEstimator .tr_budget .ui-input-text {
	position: relative;
	width: 5em;
	left: .1em;
}

.tableEstimator .tr_budget .ui-input-text:before {
	position: absolute;
	left: -.9em;
	top: 0.5em;
	content: '$';
}

.tableEstimator .USD_DISCOUNTED {
	font-size: 1.2em;
	color: #35aa47;
}
/* #endregion */

/* #region  Rate Chart */
.wrapRateChart {
	text-align: left;
}

.rateChart {
	border-radius: .5em;
	margin-bottom: 1em;
	margin-top: .5em;
}

.rateChart th:last-child,
.rateChart td:last-child {
	text-align: center;
}

.rateChart th {
	color: #35aa47;
	padding: .2em 2em .2em 1em;
}

.rateChart td {
	padding: .2em 2em .2em 1em;
	border-top: 1px solid #35aa47;
}

.dagger {
	color: #35aa47;
	font-size: .7em;
	vertical-align: top;
	padding-left: .3em;
}

/* #endregion */

@media all and (max-width: 32em) {
	.pricingDetail .ui-collapsible {
		margin-left: 0em;
	}

	.tableEstimator, .rateChart {
		font-size: .9em;
	}

	.wrapImports {
		text-align: left;
	}
}

/* #endregion */

/*#region  FAQ's */

.faq {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #35aa47;
}

.faq .question {
	font-weight: bold;
}

.faq .answer {
	padding: .5em 1em;
}

/* #endregion */

/*#region  New Program */
.getStarted.tabContent {
	text-align: center;
	margin-bottom: 10em;
}

.wrapAgeCheck {
	text-align: justify;
	line-height: 1.4em;
	margin: 0 auto;
	max-width: 29em;
}

.wrapAgeCheck a {
	font-weight: normal;
}

.wrapConfirmAge {
	text-align: center;
}

.wrapConfirmAge .ui-btn {
	margin: 0;
}

.wrapNoConfirm {
	display: none;
	text-align: center;
	margin-top: 1em;
}

.wrapNewProgram {
	max-width: 28em;
	margin: 1em auto 5em;
	text-align: left;
	display: none;
}

.input_title {
	margin-bottom: 0;
	position: relative;
	top: 0.4em;
}


.wrapNewProgram > ol {
	padding-bottom: 0em;
}

.checkmark {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2218.999998%22%0A%20%20%20height%3D%2215.999999%22%0A%20%20%20viewBox%3D%2285%20145%2018.999998%2015.999999%22%0A%20%20%20sodipodi%3Aversion%3D%220.32%22%0A%20%20%20inkscape%3Aversion%3D%220.48.2%20r9819%22%0A%20%20%20sodipodi%3Adocname%3D%22check.svg%22%0A%20%20%20id%3D%22svg2999%22%0A%20%20%20version%3D%221.1%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs3011%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221%22%0A%20%20%20%20%20objecttolerance%3D%2210%22%0A%20%20%20%20%20gridtolerance%3D%2210%22%0A%20%20%20%20%20guidetolerance%3D%2210%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221920%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%221132%22%0A%20%20%20%20%20id%3D%22namedview3009%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20fit-margin-bottom%3D%220%22%0A%20%20%20%20%20inkscape%3Azoom%3D%2226.672068%22%0A%20%20%20%20%20inkscape%3Acx%3D%223.1933716%22%0A%20%20%20%20%20inkscape%3Acy%3D%228.8959955%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%221912%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22g3013%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata3001%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22g3013%22%0A%20%20%20%20%20transform%3D%22matrix(0.04554128%2C0%2C0%2C0.04424475%2C80.375697%2C137.76175)%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20id%3D%22path3003%22%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22ccccccc%22%0A%20%20%20%20%20%20%20d%3D%22m%20487.33996%2C238.00617%20c%20-43.04063%2C-33.81781%20-63.40459%2C-63.39452%20-63.40459%2C-63.39452%20-79.48417%2C53.67063%20-163.89566%2C244.24156%20-163.89566%2C244.24156%20-39.55897%2C-63.8178%20-79.33406%2C-81.61786%20-79.33406%2C-81.61786%20-17.88148%2C27.38179%20-48.70405%2C63.87383%20-48.70405%2C63.87383%2071.88997%2C22.18747%20132.23167%2C103.60699%20132.23167%2C103.60699%20130.44412%2C-234.68693%20223.10669%2C-266.71%20223.10669%2C-266.71%20z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%2335aa47%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
	width: 19px;
	height: 16px;
}

.wrapNewProgram .checkmark {
	display: inline-block;
	position: relative;
	top: .2em;
}

.wrapEmail {
	/*border-top: 1px solid #35aa47;*/
	margin-bottom: 10em;
}

.testdata {
	margin-top: 5em;
	font-weight: normal;
	display: block;
	opacity: .1;
}

.wrapSendingConfirm,
.wrapConfirmCode {
	display: none;
	/*border-top: 1px solid #35aa47;*/
	padding-top: 1em;
}

.wrapConfirmCode2 {
	margin-top: 2em;
	text-align: center;
}

button.CheckConfirmCode {
	margin: 1em 0;
	float: none;
}


.wrapHasCodeAlready {
	font-size: .9em;
	display: none;
}

a.HasCodeAlready {
	font-weight: normal;
}

.wrapChecking {
	font-weight: bold;
	text-align: center;
	margin-top: 3em;
}

.wrapChecking img {
	vertical-align: middle;
}

.wrapEmailConfirmed {
	display: none;
	/*border-top: 1px solid #35aa47;*/
	padding-top: 1em;
}

.goAgreement {
	margin-right: 0;
}

.wrapAgreements {
	display: none;
}

.Agreement {
	height: 10em;
	overflow-y: scroll;
	padding: .5em;
	border: 1px solid #35aa47;
	font-size: .8em;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

.wrapAgreements .ui-checkbox label {
	font-size: .9em;
	text-align: center;
}

html .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
	background-color: #fff;
}

.wrapAgreements .links {
	margin-top: .5em;
	margin-bottom: 2em;
	text-align: center;
	font-size: .9em;
	color: #35aa47;
}

.wrapAgreements .vertical {
	padding: 0 .5em;
}

.wrapAgreements .links a {
	font-weight: normal;
}

.wrapAgreements table.repeat {
	margin: 1.5em auto;
	width: 100%;
}

.wrapAgreements table.repeat tr td:first-child {
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
}

.wrapCreateProgram {
	display: none;
}

.wrapAgreements table.repeat tr td:last-child {
	padding-left: 0em;
}

.createProgram {
	float: right;
	margin-right: 0;
}


.wrapCreatingProgram {
	text-align: center;
	font-size: 1.1em;
	margin-top: 6em;
	display: none;
}

.wrapCreatingProgram img {
	vertical-align: middle;
}

.wrapProgramCreated {
	max-width: 28em;
	text-align: justify;
	margin: 3em auto 0 auto;
	display: none;
}
/* #endregion */
