.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon
{
	color: rgba(0,0,0,.54);
	left: initial;
right: 16px;
position:absolute;
}


[dir=rtl] .mdc-notched-outline,
.mdc-notched-outline[dir=rtl] {
 text-align:right
}
.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
 box-sizing:border-box;
 height:100%;
 border-top:1px solid;
 border-bottom:1px solid;
 pointer-events:none
}
.mdc-notched-outline__leading {
 border-left:1px solid;
 border-right:none;
 width:12px
}
[dir=rtl] .mdc-notched-outline__leading,
.mdc-notched-outline__leading[dir=rtl] {
 border-left:none;
 border-right:1px solid
}
.mdc-notched-outline__trailing {
 border-left:none;
 border-right:1px solid;
 flex-grow:1
}
[dir=rtl] .mdc-notched-outline__trailing,
.mdc-notched-outline__trailing[dir=rtl] {
 border-left:1px solid;
 border-right:none
}
.mdc-notched-outline__notch {
 flex:0 0 auto;
 width:auto;
 max-width:calc(100% - 12px * 2)
}
.mdc-notched-outline .mdc-floating-label {
 display:inline-block;
 position:relative;
 max-width:100%;
 
 	font-family: Roboto, sans-serif; 
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;

/* identical to box height, or 150% */
letter-spacing: 0.15px;

/* Black � Inactive */
color: rgba(0, 0, 0, 0.54);
}
.mdc-notched-outline .mdc-floating-label--float-above {
 text-overflow:clip
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
 max-width:calc(100% / .75)
}
.mdc-notched-outline--notched .mdc-notched-outline__notch {
 padding-left:0;
 padding-right:8px;
 border-top:none
 
 
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
 padding-left:8px;
 padding-right:0
}
.mdc-notched-outline--no-label .mdc-notched-outline__notch {
 padding:0
}
.inline-text-field-container {
 display:flex;
 flex-direction:column
}























.mdc-button { 
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	line-height: 16px;
	font-weight: 500;
	letter-spacing: 0.75px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 8px 0 8px;
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	/*min-width: 64px;*/
	border: none;
	outline: none;
	line-height: inherit;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	overflow: visible;
	vertical-align: middle;
	border-radius: 4px
}
.mdc-button::-moz-focus-inner {
padding:0;
border:0
}
.mdc-button:active {
	outline: none
}
.mdc-button:hover {
	cursor: pointer
}
.mdc-button:disabled {
	background-color: transparent;
	color: rgba(0,0,0,.37);
	cursor: default;
	pointer-events: none
}
.mdc-button .mdc-button__ripple {
	border-radius: 4px
}
.mdc-button:not(:disabled) {
	background-color: transparent
}
.mdc-button .mdc-button__icon {
	margin-left: 0;
	margin-right: 8px;
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	vertical-align: top
}
[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
	margin-left: 8px;
	margin-right: 0
}
.mdc-button .mdc-button__touch {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 48px;
	transform: translateY(-50%)
}
.mdc-button:not(:disabled) {
	/*color: #1A5A7E;*/
	/*color: var(--mdc-theme-primary, #6200ee)*/
}
.mdc-button__label+.mdc-button__icon {
	margin-left: 8px;
	margin-right: 0
}
[dir=rtl] .mdc-button__label+.mdc-button__icon, .mdc-button__label+.mdc-button__icon[dir=rtl] {
	margin-left: 0;
	margin-right: 8px
}
svg.mdc-button__icon {
	fill: currentColor
}
.mdc-button--raised .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon, /*.mdc-button--outlined*/ .mdc-button__icon {
	margin-left: 0px;
	margin-right: 8px
}
[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--unelevated .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__icon, .mdc-button--outlined .mdc-button__icon[dir=rtl] {
	margin-left: 8px;
	margin-right: -4px
}
.mdc-button--raised .mdc-button__label+.mdc-button__icon, .mdc-button--unelevated .mdc-button__label+.mdc-button__icon, .mdc-button--outlined .mdc-button__label+.mdc-button__icon {
	margin-left: 8px;
	margin-right: -4px
}
[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon, .mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon, .mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon, .mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl] {
	margin-left: -4px;
	margin-right: 8px
}
.mdc-button--raised, .mdc-button--unelevated {
	padding: 0 16px 0 16px
}
.mdc-button--raised:disabled, .mdc-button--unelevated:disabled {
	background-color: rgba(0,0,0,.12);
	color: rgba(0,0,0,.37)
}
.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
	background-color: #6200ee
}
.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
	background-color: #1A5A7E;
}
.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
	color: #ffffff;
	/*color: var(--mdc-theme-on-primary, #fff)*/
}
 .mdc-button--raised {
/*	box-shadow: none;
	transition: none;*/
}
.mdc-button--raised:hover, .mdc-button--raised:focus {
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12)
}
.mdc-button--raised:active {
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0,0,0,.12)
}
.mdc-button--raised:disabled {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0,0,0,.12)
}
.mdc-button--outlined {
/*	border-style: solid;
	padding: 0 15px 0 15px;
	border-width: 1px*/
}
.mdc-button--outlined:disabled {
	border-color: rgba(0,0,0,.37)
}
.mdc-button--outlined .mdc-button__ripple {
	top: -1px;
	left: -1px;
	border: 1px solid transparent
}
.mdc-button--outlined:not(:disabled) {
	border-color: transparent;
	/*border-color: var(--mdc-theme-primary, #6200ee)*/
}
.mdc-button--touch {
	margin-top: 6px;
	margin-bottom: 6px
}
.mdc-button {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity
}
.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}
.mdc-button .mdc-button__ripple::before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}
.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
	transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}
.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}
.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
	animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
	animation: mdc-ripple-fg-opacity-out 150ms;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
	top: calc(50% - 100%);
	left: calc(50% - 100%);
	width: 200%;
	height: 200%
}
.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
/*	background-color: #6200ee*/
}
.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
/*	background-color: #1A5A7E;*/
}
.mdc-button:hover .mdc-button__ripple::before {
	opacity: .04
}
.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
	transition: opacity 150ms linear
}
.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-button.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.34
}
.mdc-button .mdc-button__ripple {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
	top: 0;
	left: 0
}
.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, .mdc-button--unelevated .mdc-button__ripple::before, .mdc-button--unelevated .mdc-button__ripple::after {
	background-color: #fff
}
.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, .mdc-button--unelevated .mdc-button__ripple::before, .mdc-button--unelevated .mdc-button__ripple::after {
	background-color: var(--mdc-theme-on-primary, #fff)
}
.mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--unelevated:hover .mdc-button__ripple::before {
	opacity: .08
}
.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
	transition-duration: 75ms;
	opacity: .24
}
.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
	transition: opacity 150ms linear
}
.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
	transition-duration: 75ms;
	opacity: .24
}
.mdc-button--raised.mdc-ripple-upgraded, .mdc-button--unelevated.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.24
}
.mdc-button {
	height: 36px
}
.mdc-button__ripple {
	box-sizing: content-box
}
@keyframes mdc-ripple-fg-radius-in {
from {
animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
}
to {
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
}
@keyframes mdc-ripple-fg-opacity-in {
from {
animation-timing-function:linear;
opacity:0
}
to {
	opacity: var(--mdc-ripple-fg-opacity, 0)
}
}
@keyframes mdc-ripple-fg-opacity-out {
from {
animation-timing-function:linear;
opacity:var(--mdc-ripple-fg-opacity, 0)
}
to {
	opacity: 0
}
}
.mdc-ripple-surface--test-edge-var-bug {
--mdc-ripple-surface-test-edge-var: 1px solid #000;
	visibility: hidden
}
.mdc-ripple-surface--test-edge-var-bug::before {
	border: var(--mdc-ripple-surface-test-edge-var)
}
.mdc-ripple-surface {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity;
	position: relative;
	outline: none;
	overflow: hidden
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}
.mdc-ripple-surface::before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
	transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
	animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
	animation: mdc-ripple-fg-opacity-out 150ms;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
	background-color: #000
}
.mdc-ripple-surface:hover::before {
	opacity: .04
}
.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
	top: calc(50% - 100%);
	left: calc(50% - 100%);
	width: 200%;
	height: 200%
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
	overflow: visible
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
	top: calc(50% - 50%);
	left: calc(50% - 50%);
	width: 100%;
	height: 100%
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
	top: var(--mdc-ripple-top, calc(50% - 50%));
	left: var(--mdc-ripple-left, calc(50% - 50%));
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
	background-color: #6200ee
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
	background-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-ripple-surface--primary:hover::before {
	opacity: .04
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
	background-color: #018786
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
	background-color: var(--mdc-theme-secondary, #018786)
}
.mdc-ripple-surface--accent:hover::before {
	opacity: .04
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}

.mdc-card--outlined {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0,0,0,.12);
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0
}
.mdc-card__media {
	position: relative;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.mdc-card__media::before {
	display: block;
	content: ""
}
.mdc-card__media:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}
.mdc-card__media:last-child {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit
}
.mdc-card__media--square::before {
	margin-top: 100%
}
.mdc-card__media--16-9::before {
	margin-top: 56.25%
}
.mdc-card__media-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box
}
.mdc-card__primary-action {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
	outline: none;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden
}
.mdc-card__primary-action:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}
.mdc-card__primary-action:last-child {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit
}
.mdc-card__actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
	min-height: 52px;
	padding: 8px
}
.mdc-card__actions--full-bleed {
	padding: 0
}
.mdc-card__action-buttons, .mdc-card__action-icons {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box
}
.mdc-card__action-icons {
	color: rgba(0,0,0,.6);
	flex-grow: 1;
	justify-content: flex-end
}
.mdc-card__action-buttons+.mdc-card__action-icons {
	margin-left: 16px;
	margin-right: 0
}
[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons, .mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl] {
	margin-left: 0;
	margin-right: 16px
}
.mdc-card__action {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.mdc-card__action:focus {
	outline: none
}
.mdc-card__action--button {
	margin-left: 0;
	margin-right: 8px;
	padding: 0 8px
}
[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
	margin-left: 8px;
	margin-right: 0
}
.mdc-card__action--button:last-child {
	margin-left: 0;
	margin-right: 0
}
[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
	margin-left: 0;
	margin-right: 0
}
.mdc-card__actions--full-bleed .mdc-card__action--button {
	justify-content: space-between;
	width: 100%;
	height: auto;
	max-height: none;
	margin: 0;
	padding: 8px 16px;
	text-align: left
}
[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
	text-align: right
}
.mdc-card__action--icon {
	margin: -6px 0;
	padding: 12px
}
.mdc-card__action--icon:not(:disabled) {
	color: rgba(0,0,0,.6)
}
.mdc-card__primary-action {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}
.mdc-card__primary-action::before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}
.mdc-card__primary-action.mdc-ripple-upgraded::before {
	transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}
.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
	animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
	animation: mdc-ripple-fg-opacity-out 150ms;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
	top: calc(50% - 100%);
	left: calc(50% - 100%);
	width: 200%;
	height: 200%
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
	background-color: #000
}
.mdc-card__primary-action:hover::before {
	opacity: .04
}
.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-card__primary-action.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-card-wrapper__text-section {
	padding: 24px;
}

.mdc-card-wrapper__text-sectiondashboard{
	padding: 16px;
}

.mdc-card-wrapper__text-sectiondashboard2{
	padding:8px;
}
.mdc-card-wrapper__text-section:first-child, .mdc-card__media+.mdc-card-wrapper__text-section {
	/*padding-top: 16px*/
}
.mdc-card-wrapper__text-section:last-child {
	/*padding-bottom: 16px*/
}
.mdc-card-wrapper__text-section+.mdc-card-wrapper__text-section {
	padding-top: 18px
}
@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
0%, 50% {
stroke-dashoffset:29.7833385
}
50% {
animation-timing-function:cubic-bezier(0, 0, 0.2, 1)
}
100% {
stroke-dashoffset:0
}
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
0%, 68.2% {
transform:scaleX(0)
}
68.2% {
animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
100% {
transform:scaleX(1)
}
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
from {
animation-timing-function:cubic-bezier(0.4, 0, 1, 1);
opacity:1;
stroke-dashoffset:0
}
to {
	opacity: 0;
	stroke-dashoffset: -29.7833385
}
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
from {
animation-timing-function:cubic-bezier(0, 0, 0.2, 1);
transform:rotate(0deg);
opacity:1
}
to {
	transform: rotate(45deg);
	opacity: 0
}
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
from {
animation-timing-function:cubic-bezier(0.14, 0, 0, 1);
transform:rotate(45deg);
opacity:0
}
to {
	transform: rotate(360deg);
	opacity: 1
}
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
from {
animation-timing-function:mdc-animation-deceleration-curve-timing-function;
transform:rotate(-45deg);
opacity:0
}
to {
	transform: rotate(0deg);
	opacity: 1
}
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
from {
animation-timing-function:cubic-bezier(0.14, 0, 0, 1);
transform:rotate(0deg);
opacity:1
}
to {
	transform: rotate(315deg);
	opacity: 0
}
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
0% {
animation-timing-function:linear;
transform:scaleX(1);
opacity:1
}
32.8%, 100% {
transform:scaleX(0);
opacity:0
}
}
.mdc-checkbox {
	display: inline-block;
	position: relative;
	flex: 0 0 18px;
	box-sizing: content-box;
	width: 18px;
	height: 18px;
	line-height: 0;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: bottom;
	padding: 11px
}
.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before, .mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before {
	/*background-color: #018786*/
	background-color: #526077;
}
.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before, .mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before {
	/*	background-color: var(--mdc-theme-secondary, #018786);*/
	background-color: #526077;
}
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
	background-color: #526077
}
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
/*	background-color: var(--mdc-theme-secondary, #018786);*/
	background-color: #526077;
}
.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before {
	opacity: .04
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
	transition: opacity 150ms linear
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
	background-color: #526077
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
	/*background-color: var(--mdc-theme-secondary, #018786);*/
	
	background-color: #526077;
}
.mdc-checkbox .mdc-checkbox__background {
	left: 11px;
	right: initial;
	top: 11px
}
.mdc-checkbox[dir=rtl] .mdc-checkbox .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
	left: initial;
	right: 11px
}
.mdc-checkbox .mdc-checkbox__background::before {
	top: -13px;
	left: -13px;
	width: 40px;
	height: 40px
}
.mdc-checkbox .mdc-checkbox__native-control {
	top: 0px;
	right: 0px;
	left: 0px;
	width: 40px;
	height: 40px
}
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
	border-color: rgba(0,0,0,.54);
	background-color: transparent
}
.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
	border-color: #757575;
	/*border-color: var(--mdc-theme-secondary, #757575);*/
	background-color: #757575;
	/*background-color: var(--mdc-theme-secondary, #757575)*/
}
@keyframes mdc-checkbox-fade-in-background-urjyqiq {
0% {
border-color:rgba(0,0,0,.54);
background-color:transparent
}
50% {
border-color:#018786;
border-color:var(--mdc-theme-secondary, #018786);
background-color:#018786;
background-color:var(--mdc-theme-secondary, #018786)
}
}
@keyframes mdc-checkbox-fade-out-background-urjyqiq {
0%, 80% {
border-color:#018786;
border-color:var(--mdc-theme-secondary, #018786);
background-color:#018786;
background-color:var(--mdc-theme-secondary, #018786)
}
100% {
border-color:rgba(0,0,0,.54);
background-color:transparent
}
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
	animation-name: mdc-checkbox-fade-in-background-urjyqiq
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
	animation-name: mdc-checkbox-fade-out-background-urjyqiq
}
.mdc-checkbox__checkmark {
	color: #fff
}
.mdc-checkbox__mixedmark {
	border-color: #fff
}
.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
	border-color: rgba(0,0,0,.26)
}
.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background, .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
	border-color: transparent;
	background-color: rgba(0,0,0,.26)
}
@media screen and (-ms-high-contrast: active) {
.mdc-checkbox__mixedmark {
	margin: 0 1px
}
}
.mdc-checkbox--disabled {
	cursor: default;
	pointer-events: none
}
.mdc-checkbox__background {
	display: inline-flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid currentColor;
	border-radius: 2px;
	background-color: transparent;
	pointer-events: none;
	will-change: background-color, border-color;
	transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}
.mdc-checkbox__background .mdc-checkbox__background::before {
	background-color: #000
}
.mdc-checkbox__background .mdc-checkbox__background::before {
	background-color: var(--mdc-theme-on-surface, #000)
}
.mdc-checkbox__checkmark {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
	opacity: 1
}
.mdc-checkbox__checkmark-path {
	transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	stroke: currentColor;
	stroke-width: 3.12px;
	stroke-dashoffset: 29.7833385;
	stroke-dasharray: 29.7833385
}
.mdc-checkbox__mixedmark {
	width: 100%;
	height: 0;
	transform: scaleX(0) rotate(0deg);
	border-width: 1px;
	border-style: solid;
	opacity: 0;
	transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}
.mdc-checkbox--upgraded .mdc-checkbox__background, .mdc-checkbox--upgraded .mdc-checkbox__checkmark, .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
	transition: none !important
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
	animation-duration: 180ms;
	animation-timing-function: linear
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
	animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
	animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
	animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
	animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
	animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
	animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
	animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
	transition: none
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
	animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
	transition: none
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background, .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
	transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path, .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
	stroke-dashoffset: 0
}
.mdc-checkbox__background::before {
	position: absolute;
	transform: scale(0, 0);
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: "";
	will-change: opacity, transform;
	transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}
.mdc-checkbox__native-control:focus~.mdc-checkbox__background::before {
	transform: scale(1);
	opacity: .12;
	transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1)
}
.mdc-checkbox__native-control {
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor:pointer;
	width:18px;
	height:18px;

	
}
.mdc-checkbox__native-control:disabled {
	cursor: default;
	pointer-events: none
}
.mdc-checkbox--touch {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px
}
.mdc-checkbox--touch .mdc-checkbox__native-control {
	top: -4px;
	right: -4px;
	left: -4px;
	width: 48px;
	height: 48px
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
	transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
	opacity: 1
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
	transform: scaleX(1) rotate(-45deg)
}
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark {
	transform: rotate(45deg);
	opacity: 0;
	transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark {
	transform: scaleX(1) rotate(0deg);
	opacity: 1
}
.mdc-checkbox {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity
}
.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}
.mdc-checkbox .mdc-checkbox__ripple::before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {
	transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
	animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {
	animation: mdc-ripple-fg-opacity-out 150ms;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
	background-color: #000
}
.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
	background-color: var(--mdc-theme-on-surface, #000)
}
.mdc-checkbox:hover .mdc-checkbox__ripple::before {
	opacity: .04
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
	transition: opacity 150ms linear
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-checkbox.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
	top: calc(50% - 50%);
	left: calc(50% - 50%);
	width: 100%;
	height: 100%
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
	top: var(--mdc-ripple-top, calc(50% - 50%));
	left: var(--mdc-ripple-left, calc(50% - 50%));
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-checkbox__ripple {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}
.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
	content: none
}


.mdc-form-field {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
font-size:.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: .0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
	color: rgba(0,0,0,.87);
	color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
	display: inline-flex;
	align-items: center;
	vertical-align: middle
}
.mdc-form-field>label {
	order: 0;
	margin-right: auto;
	padding-left:4px
}
[dir=rtl] .mdc-form-field>label, .mdc-form-field[dir=rtl]>label {
	margin-left: auto;
	padding-right: 4px
}
.mdc-form-field--align-end>label {
	order: -1;
	margin-left: auto;
	padding-right: 4px
}
[dir=rtl] .mdc-form-field--align-end>label, .mdc-form-field--align-end[dir=rtl]>label {
	margin-right: auto;
	padding-left: 4px
}
.mdc-ripple-surface {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity;
	position: relative;
	outline: none;
	overflow: hidden
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}
.mdc-ripple-surface::before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
	transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
	animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
	animation: mdc-ripple-fg-opacity-out 150ms;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
	background-color: #000
}
.mdc-ripple-surface:hover::before {
	opacity: .04
}
.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
	top: calc(50% - 100%);
	left: calc(50% - 100%);
	width: 200%;
	height: 200%
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
	overflow: visible
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
	top: calc(50% - 50%);
	left: calc(50% - 50%);
	width: 100%;
	height: 100%
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
	top: var(--mdc-ripple-top, calc(50% - 50%));
	left: var(--mdc-ripple-left, calc(50% - 50%));
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
	background-color: #6200ee
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
	background-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-ripple-surface--primary:hover::before {
	opacity: .04
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
	background-color: #526077
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
	background-color: var(--mdc-theme-secondary, #018786);
	
	
}
.mdc-ripple-surface--accent:hover::before {
	opacity: .04
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-icon-button {
	width: 48px;
	height: 48px;
	padding: 12px;
	font-size: 24px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	border: none;
	outline: none;
	background-color: transparent;
	fill: currentColor;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.mdc-icon-button svg, .mdc-icon-button img {
	width: 24px;
	height: 24px
}
.mdc-icon-button:disabled {
	color: rgba(0,0,0,.38);
	color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
	cursor: default;
	pointer-events: none
}
.mdc-icon-button__icon {
	display: inline-block
}
.mdc-icon-button__icon.mdc-icon-button__icon--on {
	display: none
}
.mdc-icon-button--on .mdc-icon-button__icon {
	display: none
}
.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
	display: inline-block
}
.mdc-icon-button {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity
}
.mdc-icon-button::before, .mdc-icon-button::after {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}
.mdc-icon-button::before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}
.mdc-icon-button.mdc-ripple-upgraded::before {
	transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-icon-button.mdc-ripple-upgraded::after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}
.mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
	animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
	animation: mdc-ripple-fg-opacity-out 150ms;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-icon-button::before, .mdc-icon-button::after {
	top: calc(50% - 50%);
	left: calc(50% - 50%);
	width: 100%;
	height: 100%
}
.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
	top: var(--mdc-ripple-top, calc(50% - 50%));
	left: var(--mdc-ripple-left, calc(50% - 50%));
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-icon-button.mdc-ripple-upgraded::after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-icon-button::before, .mdc-icon-button::after {
	background-color: #000
	/*background-color:transparent;*/
}
.mdc-icon-button:hover::before {
	opacity: .04
}
.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-icon-button:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.mdc-icon-button.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.mdc-tab-bar {
	width: 100%;
	background-color: #FFFFFF;
}
.mdc-tab {
	height: 48px
}
.mdc-tab--stacked {
	height: 72px
}
.mdc-tab-scroller {
	overflow-y: hidden
}
.mdc-tab-scroller__test {
	position: absolute;
	top: -9999px;
	width: 100px;
	height: 100px;
	overflow-x: scroll
}
.mdc-tab-scroller__scroll-area {
	-webkit-overflow-scrolling: touch;
	display: flex;
	overflow-x: hidden
}
.mdc-tab-scroller__scroll-area::-webkit-scrollbar, .mdc-tab-scroller__test::-webkit-scrollbar {
display:none
}
.mdc-tab-scroller__scroll-area--scroll {
	overflow-x: scroll
}
.mdc-tab-scroller__scroll-content {
	position: relative;
	display: flex;
	flex: 1 0 auto;
	transform: none;
	will-change: transform;
	border-bottom:solid 1px rgba(0, 0, 0, 0.12);
}
.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
	justify-content: flex-start
}
.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
	justify-content: flex-end
}
.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
	justify-content: center
}
.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
	-webkit-overflow-scrolling: auto
}
.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
	transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1)
}
.mdc-tab-indicator {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
	border-color: #1A5A7E;
	/*border-color: var(--mdc-theme-primary, #1A5A7E)*/
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
	color: #018786;
	color: var(--mdc-theme-secondary, #018786)
}
.005395 {
	border-top-width: 2px
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
	height: 34px;
	font-size: 34px
}
.mdc-tab-indicator__content {
	transform-origin: left;
	opacity: 0
}
.mdc-tab-indicator__content--underline {
	align-self: flex-end;
	box-sizing: border-box;
	width: 100%;
	border-top-style: solid
}
.mdc-tab-indicator__content--icon {
	align-self: center;
	margin: 0 auto
}
.mdc-tab-indicator--active .mdc-tab-indicator__content {
	opacity: 1
}
.mdc-tab-indicator .mdc-tab-indicator__content {
	transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1)
}
.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
	transition: none
}
.mdc-tab-indicator--fade .mdc-tab-indicator__content {
	transition: 150ms opacity linear
}
.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
	transition-delay: 100ms
}
.mdc-tab {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
font-size:.875rem;
	line-height: 2.25rem;
	font-weight: 500;
	letter-spacing: .0892857143em;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 24px;
	padding-left: 24px;
	position: relative;
	display: flex;
	flex: 1 0 auto;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	outline: none;
	background: none;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-appearance: none;
	z-index: 1
}
.mdc-tab .mdc-tab__text-label {
	color: rgba(0,0,0,.6)
}
.mdc-tab .mdc-tab__icon {
	color: rgba(0,0,0,.54);
	fill: currentColor
}
.mdc-tab::-moz-focus-inner {
padding:0;
border:0
}
.mdc-tab--min-width {
	flex: 0 1 auto
}
.mdc-tab__content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: inherit;
	pointer-events: none
}
.mdc-tab__text-label {
	transition: 150ms color linear;
	display: inline-block;
	line-height: 1;
	z-index: 2
}
.mdc-tab__icon {
	transition: 150ms color linear;
	width: 24px;
	height: 24px;
	font-size: 24px;
	z-index: 2
}
.mdc-tab--stacked .mdc-tab__content {
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.mdc-tab--stacked .mdc-tab__text-label {
	padding-top: 6px;
	padding-bottom: 4px
}
.mdc-tab--active .mdc-tab__text-label {
	color: #1A5A7E;
	/*color: var(--mdc-theme-primary, #1A5A7E)*/
}
.mdc-tab--active .mdc-tab__icon {
	color: #6200ee;
	color: var(--mdc-theme-primary, #6200ee);
	fill: currentColor
}
.mdc-tab--active .mdc-tab__text-label, .mdc-tab--active .mdc-tab__icon {
	transition-delay: 100ms
}
.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
	padding-left: 8px;
	padding-right: 0
}
[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl] {
	padding-left: 0;
	padding-right: 8px
}

*, *::before, *::after {
	box-sizing: border-box
}
html, body, #root-container {
	height: 100%;
	margin: 0;
	padding: 0
}
.component-demo {
	height: 100%;
	display: flex;
	flex-direction: row
}
.component-demo .component-demo__content {
	flex-direction: column;
	display: flex;
	height: 100%;
	width: 100%;
	transition: width;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 250ms
}
.component-demo .component-demo__config-panel {
	background-color: #fff;
	border-left: 1px solid rgba(0,0,0,.1);
	position: fixed;
	right: -200px;
	z-index: 10;
	height: 100%;
	width: 200px;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 250ms;
	transition-property: right
}
.component-demo .component-demo__panel-header {
	height: 48px;
	padding-left: 16px;
	padding-right: 4px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between
}
.component-demo .component-demo__panel-header-label {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
font-size:.875rem;
	line-height: 1.375rem;
	font-weight: 500;
	letter-spacing: .0071428571em;
	text-decoration: inherit;
	text-transform: inherit;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	line-height: 1.25rem;
	font-weight: 400;
	opacity: .87
}
.component-demo .component-demo__config-panel-scrim {
	display: none
}
.component-demo--open .component-demo__content {
	width: calc(100% - 200px)
}
.component-demo--open .component-demo__config-panel {
	right: 0
}
.component-demo--open .component-demo__config-button {
	visibility: hidden;
	transition-delay: 0ms
}
.component-demo__stage-content {
	background: #fafafa;
	flex: 1 1 auto;
	min-height: 250px;
	position: relative
}
.component-demo__app-bar {
	background-color: #fff;
	flex-shrink: 0;
	height: 48px;
	padding-left: 16px;
	padding-right: 4px;
	border-bottom: 1px solid #eee;
	display: flex;
	position: relative
}
.component-demo__tab-section {
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-start
}
.component-demo__tab-section .mdc-tab-bar {
	width: auto
}
.component-demo__tab {
	padding-right: 12px;
	padding-left: 12px
}
.component-demo__tab .mdc-tab__text-label {
	color: rgba(0,0,0,.6)
}
.component-demo__tab.mdc-tab--active .mdc-tab__text-label {
	color: rgba(0,0,0,.87)
}
.component-demo__tab .mdc-tab-indicator__content--underline {
	border-color: #424242
}
.component-demo__tab .mdc-tab__ripple::before, .component-demo__tab .mdc-tab__ripple::after {
	background-color: #616161
}
.component-demo__tab .mdc-tab__ripple:hover::before {
	opacity: .04
}
.component-demo__tab .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .component-demo__tab .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before {
	transition-duration: 75ms;
	opacity: .12
}
.component-demo__tab .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
	transition: opacity 150ms linear
}
.component-demo__tab .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
	transition-duration: 75ms;
	opacity: .12
}
.component-demo__tab .mdc-tab__ripple.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.component-demo__tab .mdc-tab-indicator {
	bottom: 1px;
	height: auto
}
.component-demo__config-button {
	color: #757575;
	opacity: 1
}
.component-demo__panel-header-close {
	color: #000;
	opacity: .54
}
.component-demo__config-button, .component-demo__panel-header-close {
	border-radius: 0;
	height: 100%;
	transition: visibility 0s linear 225ms
}
.stage-transition-container-variant {
	position: absolute;
	padding: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	align-items: center;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition-duration: 250ms;
	transition-property: opacity, visibility;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	visibility: hidden;
	z-index: 0
}
.stage-transition-container-variant--show {
	opacity: 1;
	visibility: visible
}
@media(max-width: 520px) {
.component-demo__tab-section {
	max-width: 100%;
	justify-content: center;
	width: calc(100% - 47px);
	flex: initial
}
.component-demo__tab-section .mdc-tab-bar {
	width: 100%
}
.component-demo__tab-section .mdc-tab-scroller__scroll-content {
	padding-left: 16px;
	padding-right: 16px
}
.component-demo__app-bar {
	padding-left: 0px;
	padding-right: 0px
}
.component-demo__config-button {
	visibility: visible;
	position: absolute;
	right: 0;
	box-shadow: -10px 0px 10px #fff;
	background-color: #fff
}
.component-demo--open .component-demo__config-panel-scrim {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.32);
	opacity: 1;
	transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
	display: block;
	position: absolute
}
.component-demo__config-panel-scrim {
	opacity: 0;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)
}
.component-demo .component-demo__content {
	position: relative
}
.component-demo--open .component-demo__content {
	width: 100%
}
.stage-transition-container-variant {
	padding: 40px 20px
}
}
.card-options {
	padding: 4px 4px 16px
}
.card-options__label {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
font-size:.875rem;
	line-height: 1.375rem;
	font-weight: 500;
	letter-spacing: .0071428571em;
	text-decoration: inherit;
	text-transform: inherit;
	display: block;
	margin: 16px 0 8px;
	padding: 0 12px;
	line-height: 1.25rem;
	font-weight: 400;
	opacity: .87
}
.card-options__checkbox {
	padding: 0 0 0 8px
}
.card-options__checkbox .mdc-checkbox {
	padding: 5px
}
.card-options__checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
	border-color: rgba(0,0,0,.54);
	background-color: transparent
}
.card-options__checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .card-options__checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
	border-color: rgba(0,0,0,.87);
	background-color: rgba(0,0,0,.87)
}
@keyframes mdc-checkbox-fade-in-background-urjyqjc {
0% {
border-color:rgba(0,0,0,.54);
background-color:transparent
}
50% {
border-color:rgba(0,0,0,.87);
background-color:rgba(0,0,0,.87)
}
}
@keyframes mdc-checkbox-fade-out-background-urjyqjc {
0%, 80% {
border-color:rgba(0,0,0,.87);
background-color:rgba(0,0,0,.87)
}
100% {
border-color:rgba(0,0,0,.54);
background-color:transparent
}
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background, .card-options__checkbox .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
	animation-name: mdc-checkbox-fade-in-background-urjyqjc
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background, .card-options__checkbox .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
	animation-name: mdc-checkbox-fade-out-background-urjyqjc
}
.card-options__checkbox .mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before, .card-options__checkbox .mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before {
	background-color: #000
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .card-options__checkbox .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
	background-color: #000
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before {
	opacity: .04
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .card-options__checkbox .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
	transition-duration: 75ms;
	opacity: .12
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
	transition: opacity 150ms linear
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
	transition-duration: 75ms;
	opacity: .12
}
.card-options__checkbox .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12
}
.card-options__checkbox .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, .card-options__checkbox .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
	background-color: #000
}
.card-options__checkbox .mdc-checkbox__background {
	width: 16px;
	height: 16px;
	left: 6px;
	top: 6px
}
.card-options__checkbox .mdc-checkbox~label {
	color: rgba(0,0,0,.6);
	cursor: pointer
}
.card-options__checkbox .mdc-checkbox[data-checked]~label {
	color: rgba(0,0,0,.87)
}
.card-options__checkbox .mdc-checkbox[data-disabled]~label {
	color: rgba(0,0,0,.38)
}
.demo-card {
	width: 1160px;
	margin-bottom:24px;
}
.demo-card__title {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.15px;	
	color: rgba(0, 0, 0, 0.87);
	display: flex;
	align-items: center;
	margin-bottom:24px;
	text-decoration: inherit;
	text-transform: inherit
}

.demo-card__title span{
	margin-left:14px;
}
.demo-card__subhead {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
font-size:.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: .0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
	/*opacity: .6*/
}
.demo-card__supporting-text {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
font-size:.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: .0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
	/*opacity: .6*/
}

.icon-txt
{
	color: #1A5A7E;
}

.MuiFormLabel-root
{
	font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;

/* identical to box height, or 150% */
letter-spacing: 0.15px;

/* Black � Medium Emphasis */
color: rgba(0, 0, 0, 0.6);
}

.mdc-checkbox__background.mt4
{
	margin-top:4px;
}
.pl18pr18
{
	padding-left:18px!important;
	padding-right:18px!important;
}

