/**
Copyright (c) 2021 - present Carmen Alvarez
This file is part of Scale Tutor.
Scale Tutor is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Scale Tutor is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Scale Tutor.  If not, see <http://www.gnu.org/licenses/>.
*/
html {
	font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
}
body {
	margin: 0px;
	background-color: var(--mdc-theme-background);
	color: var(--mdc-theme-text-primary-on-background);
}
#scale-id {
	display: flex;
	align-items: center;
}
#scale-img {
	margin-top: 24px;
	margin-bottom: 24px;
	background-color:var(--day--mdc-theme-background);
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
}
.toolbar {
	display: flex;
	justify-content: space-between;
	margin-left: 15px;
	margin-right: 15px;
}
.button-bar {
	display: flex;
	justify-content: center;
}
.mdc-dialog .mdc-dialog__content  {
	color: var(--mdc-theme-text-primary-on-background)
}
.mdc-list-item {
	min-height: 48px;
	height: fit-content;
}
.mdc-slider {
	flex-grow: 1;
}
.settings {
	align-items: center
}
.dialog__title {
	margin-bottom: 16px;
}
.settings__label_value {
	flex-grow: 1;
}
.settings__label {
	min-height: 32px;
}
.settings__value {
	color: var(--mdc-theme-text-secondary-on-background)
}
.settings__widget{
}
.radio-group {
	display: none;
	z-index: 3;
}
.setting{
	min-height: 56px;
	display: flex;
	align-items: center;
}
.mdc-form-field {
	display: flex;
	width: fit-content;
}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
	border-color: var(--mdc-theme-secondary);
}
.about__version {
	font-weight: bold;
	width: 100%;
	text-align: center;
}
.about__copyright {
	font-size: 0.8em;
	width: 100%;
	text-align: center;
}
.about__contact {
	font-size: 0.8em;
	width: 100%;
	text-align: center;
	margin-bottom: 16px;
}
.about__list .material-icons{
	margin-inline-end: 16px;
}
.about__legal-list {
	margin-left: 16px
}
a:link, a.active:link,a:hover, a:visited {
	color: var(--mdc-theme-primary);
	text-decoration: none;
	font-weight: bold;
}
#placeholder-volume-control {
	display: flex;
	align-items: center;
	padding: 16px;
}