:root {
	--color-primary: rgba(142,36,170,1);
	--color-primary-50: rgba(142,36,170,0.05);
	--color-primary-100: rgba(142,36,170,0.1);
	--color-primary-200: rgba(142,36,170,0.2);
	--color-primary-300: rgba(142,36,170,0.3);
	--color-primary-400: rgba(142,36,170,0.4);
	--color-primary-500: rgba(142,36,170,0.5);
	--color-primary-600: rgba(142,36,170,0.6);
	--color-primary-700: rgba(142,36,170,0.7);
	--color-primary-800: rgba(142,36,170,0.8);
	--color-primary-900: rgba(142,36,170,0.9);

	--color-secondary: rgba(142,36,170,1);
	--color-secondary-50: rgba(142,36,170,0.05);
	--color-secondary-100: rgba(142,36,170,0.1);
	--color-secondary-200: rgba(142,36,170,0.2);
	--color-secondary-300: rgba(142,36,170,0.3);
	--color-secondary-400: rgba(142,36,170,0.4);
	--color-secondary-500: rgba(142,36,170,0.5);
	--color-secondary-600: rgba(142,36,170,0.6);
	--color-secondary-700: rgba(142,36,170,0.7);
	--color-secondary-800: rgba(142,36,170,0.8);
	--color-secondary-900: rgba(142,36,170,0.9);

	--color-success: rgba(76,175,80,1);
	--color-success-50: rgba(76,175,80,0.05);
	--color-success-100: rgba(76,175,80,0.1);
	--color-success-200: rgba(76,175,80,0.2);
	--color-success-300: rgba(76,175,80,0.3);
	--color-success-400: rgba(76,175,80,0.4);
	--color-success-500: rgba(76,175,80,0.5);
	--color-success-600: rgba(76,175,80,0.6);
	--color-success-700: rgba(76,175,80,0.7);
	--color-success-800: rgba(76,175,80,0.8);
	--color-success-900: rgba(76,175,80,0.9);

	--color-danger: Red;
	--color-danger-50: Red;
	--color-danger-100: Red;
	--color-danger-200: Red;
	--color-danger-300: Red;
	--color-danger-400: Red;
	--color-danger-500: Red;
	--color-danger-600: Red;
	--color-danger-700: Red;
	--color-danger-800: Red;
	--color-danger-900: Red;
}

.btn-border-1 { border: 1px solid #8E24AA !important; }
.btn-border-1:hover { color: #fff !important; background: #8E24AA !important; }

.includes-link a:not(.tbtn) { color: #8E24AA !important; text-decoration: underline !important; }
.includes-link-underline a:not(.tbtn) { text-decoration: underline !important; }

body
{
	font-family: 'Nunito Sans', sans-serif;
	color: #64748b;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4
{
	font-family: 'Nunito Sans', sans-serif;
}

header#app-header
{
	font-family: 'Nunito Sans', sans-serif;
}

header#app-header
{
	position: relative;
			background: #FFF;
		color: #78909C !important;
			border-bottom: 1px solid #CFD8DC;
	}

	

header#app-header .btn
{
	color: #78909C !important;
}


	header#app-header #header-logo
	{
		max-width: 175px !important;
	}

	@media (max-width: 576px)
	{
		header#app-header #header-logo
		{
			max-width: 175px !important;
		}
	}

main#app-main
{
		font-size: 18px;
	font-weight: 400;
	line-height: 32px;
}

	@media (max-width: 576px)
	{
		main#app-main
		{
					}
	}

footer#app-footer
{
	background: #FFF;
	color: #90A4AE !important;
			border-top: 1px solid #ECEFF1;
		font-family: 'Nunito Sans', sans-serif;
}

footer#app-footer a:not(.account), footer#app-footer .btn:not(.account), footer#app-footer h4, footer#app-footer span, footer#app-footer u
{
	color: #90A4AE !important;
}

footer#app-footer a.account, footer#app-footer .btn.account
{
	color: #90A4AE !important;
	border-color: #90A4AE !important;
	background: transparent !important;
}

footer#app-footer .logo
{
	max-height: 144px !important;
	max-width: 144px !important;
}

.ql-align-center { margin: 0 auto; text-align: center; }
.ql-align-justify { text-align: justify; }
.ql-align-right { text-align: right; }
.ql-font-monospace { font-family: 'Monaco, Courier New, monospace'; }
.ql-font-serif { font-family: 'Georgia, Times New Roman, serif'; }
.ql-indent-1 { margin-left: 24px !important; @media (max-width: 599px) { margin-left: 16px !important; } }
.ql-indent-2 { margin-left: 48px !important; @media (max-width: 599px) { margin-left: 24px !important; } }
.ql-indent-3 { margin-left: 64px !important; @media (max-width: 599px) { margin-left: 36px !important; } }
.ql-indent-4 { margin-left: 80px !important; @media (max-width: 599px) { margin-left: 48px !important; } }
.ql-picker-label svg { vertical-align: top; }
.ql-picker-options { background-color: #000 !important; }
.ql-size-small { font-size: 72%; }
.ql-size-large { font-size: 120%; font-weight: bold; }
.ql-size-huge { font-size: 180%; font-weight: bold; }