:root {
	--bg-color: #FFFFFF;
	--text-main: #212121;

	--dark: none;
	--light: inline;
}

[data-theme="dark"] {
	--bg-color: #212121;
	--text-main: #FFFFFF;

	--dark: inline;
	--light: none;
}

body {
	margin:0;
	background-color: var(--bg-color);
	color: var(--text-main);
	font-family: "Roboto",sans-serif;
	--mdc-theme-primary: #2F5DA8;
	--mdc-theme-secondary: #4F9E534;
}

#burger-menu {
	display: none;
}

#action-menu {
	display: inline-flex;
}

@media screen and (max-width: 840px) {
	#burger-menu {
		display: inline-block;
		text-decoration:none;
	}
	#action-menu {
		display: none;
	}
}

body {
	margin:0;
	color: #666666;
	font-family: "Roboto",sans-serif;
	--mdc-theme-primary: #2196F3;
	--mdc-theme-secondary: #4CAF50;
}

p {
	text-align: justify;
}

a {
	color: var(--mdc-theme-primary);
}

.mdc-top-app-bar--fixed {
	background-color: var(--mdc-theme-primary);
}

.mdc-top-app-bar__action-item {
	margin: 16px;
}

.mdc-top-app-bar--fixed-adjust {
	margin-left: 16px;
	margin-right: 16px;
}

.mdc-top-app-bar__title a, .mdc-top-app-bar__action-item {
	color: #FFF;
	text-decoration: none;
}

.mdc-drawer {
	width: 320px;
}

.mdc-drawer .mdc-drawer__title  {
	color: var(--mdc-theme-primary);
}

.mdc-drawer .mdc-deprecated-list-item--activated {
	color: var(--mdc-theme-primary);
}

.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
	color: var(--mdc-theme-primary);
}

.mdc-layout-margined {
	margin-left: 10%;
	margin-right: 10%;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
	color: var(--mdc-theme-primary);
}

.mdc-text-field {
	width: 100%;
}

.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label {
	color: var(--mdc-theme-primary);
}

.mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label::after, .mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label::after {
	color: var(--text-main);
}

.mdc-select:not(.mdc-select--focused).mdc-select .mdc-floating-label,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
#savings-input::placeholder,
#savings-text-helper {
	color: var(--text-main);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
	fill: var(--text-main);
}

.mdc-notched-outline:not(.mdc-notched-outline--focused) .mdc-notched-outline__leading,
.mdc-notched-outline:not(.mdc-notched-outline--focused) .mdc-notched-outline__notch,
.mdc-notched-outline:not(.mdc-notched-outline--focused) .mdc-notched-outline__trailing {
	border-color: var(--text-main);
}

.mdc-button {
	margin: 16px;
}
.mdc-menu {
	width: 192px;
}

.mdc-list-item {
    height: 48px;
	align-items: center;
}

.mdc-card {
	padding: 16px;
	background-color: var(--bg-color);
	color: var(--text-main);
}

.primary-colored {
	color: var(--mdc-theme-primary);
	font-weight: bolder;
}

.dropdown {
	vertical-align: middle;
}

.polls-section {
	margin-top: 20px;
}

#theme-toggle {
	background: none;
	border-style: none;
	color: #FFF;
}