:root {
	--fed-primary-color: var(--fed-primary-color);;
	--fed-primary-hover: var(--fed-primary-hover);;
}

html , body {
	height: 100%;
	width: 100%;
	margin: 0;
	font-family: Roboto, sans-serif;
}
.refresh-button {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 2em; /* Set a fixed width for a square button */
	height: 2em;; /* Allow the height to adjust based on text content */
    justify-content: center; /* Center content horizontally */
  }

.font-roboto {
	font-family: Roboto, sans-serif;
}

.mdc-checkbox__native-control{
	position: relative;
}

body {
	/* background-color: #F2F2F2; */
	/* background-color: #fafafa; */
	background-color: #f6f7fb;
}

/* fixes mdc bug black bars */
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
	filter: opacity(100%);
}

.blue-link {
	color: blue!important;
	text-decoration: underline!important;
	font-weight: 500;
}

.mdc-top-app-bar--fixed-adjust {
	padding-top: 0px;
}

.hidesmall {
	display: none;
}

@media screen and (min-width: 1024px) {
	.hidesmall {
		display: block;
	}
}

main {
	/*height: -moz-calc(100% - 8px);*/
    /*height: -webkit-calc(100% - 8px);*/
    /*height: calc(100% - 8px);*/
	width: -moz-calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px);
    margin-left: 8px;
}

a ,a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.87);
}

/* main bar color */

.mdc-top-app-bar--fixed {
	background-color: var(--fed-primary-color);;
	padding-top:0px,
}

.bgsporta {
	background-color: #CD325A;
}

.bggymfedblue {
	background-color: var(--fed-primary-color);;
}

.evaluatebody {
	margin-top: 0px;
	/* padding-top: 30px; */
}	

.msgcard {
	background-color: #b4ebff;
	/* margin-top: 40px !important; */
}

.gymfedcard {
	background-color: #e6e6e0;
	/* margin-top: 40px !important; */
}

.mdc-top-app-bar{
	/* margin-top: -30px; */
}

.floatright{
	float:right;
}
/* page titel */
.mdc-typography--headline6 {
	max-width: 1000px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 20px;
}

.title-date{
	max-width: 1000px;
	margin: auto;
	margin-bottom: 20px;
	font-family:Roboto, sans-serif;
}

.title-groupname{
	max-width: 1000px;
	margin: auto;
}

.mdc-floating-label{
	max-width:100% !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.warningtextmsg {
	max-width: 1000px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

.mdc-typography--headline6:first-of-type {
	clear: both;
}

/* Page info */
.mdc-typography--body2{
	max-width: 1000px;
	margin: auto;
	margin-bottom: 20px;
	color: grey;
	font-size: 0.750em;


}

.arrownavlist {
	display: flex;
	font-size: 13px;
	list-style: none;
	justify-content: center;
	align-items: center;
	margin: 0px;
	padding: 0px;
	max-width: 1000px;
	margin: auto;
}
.arrownavlist div:first-child {
	margin-right: auto;
}

.arrownavlist div:nth-child(2){
	margin-right: auto;
}


.arrownavlist {
	display: flex;
	font-size: 13px;
	list-style: none;
	justify-content: center;
	align-items: center;
	margin: 0px;
	padding: 0px;
	max-width: 1000px;
	margin: auto;
}
.arrownavlist li:first-child {
	margin-right: auto;
}

.arrownavlist li:nth-child(2){
	margin-right: auto;
}


.arrownavlist li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
}

.arrownavlist li a:hover {
	background-color: #000000;
}
  


/* Navigation Menu */
.mdc-drawer__header-content {
	background-color: var(--fed-primary-color);;
	color: white;
}

/* card */
.mdc-card {
	/*height: 100%;*/
	max-width: 1000px;
	margin: auto;
	margin-top: 10px;
}


/* Card subtitles */
.mdc-typography--subtitle1{
	margin-left: 5%;
}

/* Lists */
.mdc-list{
	margin-left: 5%;
}

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

/* button color */

.confirmbutton{
	max-width:200px;
	/* position:fixed; */
	margin-top:20px;
}

.buttonwrapper{
	
	max-width:200px;
	margin:auto;
}
.mdc-button {
  --mdc-theme-primary: var(--fed-primary-color);;
}

.mdc-typography--subtitle2{
	margin-left:5%;
	margin-top:0;

}

.mdc-card__actions{
	margin-left:5%;
	padding:0;
}

.mdc-card__action{
	padding:0;
}

.textfieldcontainer{
	margin:auto;
}


.mdc-tab-bar{
	/*width:50%;*/
	margin:auto;
}

/* tabs */

.mdc-tab {
	float: left;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	justify-content: left;
	--mdc-theme-primary: var(--fed-primary-color);;
}

.center-buttons{
	margin:auto;
}
.mdc-tab__content{
	width:100%;
}
.mdc-tab__text-label{
	text-align:center;
}

.mdc-list-item__text {
	margin: auto 0;
	max-width:70%;
}

.mdc-list-item__text_overview {
	margin: auto 0;
	max-width:100% !important;
}

.mdc-text-field:not , .mdc-line-ripple--active , .mdc-text-field--focused:not, .mdc-text-field--focused, .mdc-line-ripple{
	--mdc-theme-primary: var(--fed-primary-color);;
	background-color: var(--fed-primary-color);;
	color: var(--fed-primary-color);;
}

#textfield .mdc-floating-label--float-above ,  .mdc-floating-label , #ripple , #searchfield{
	color: var(--fed-primary-color);;
	--mdc-theme-primary: var(--fed-primary-color);;
}

.gotomygroups{
	margin-left:7%;
}


.percentagetext{
	margin-left: auto;
	margin-right:10%;
	text-align: right;
}

.time{
	outline:none;
	border:0px solid;
	float:right;
}

.reportcard{
	padding:2%;
}

.hero-button{
	margin-top: 60px;
	max-width: 200px;
}

.reporttitles{
	margin-top:30px;
}

.deletebtn{
	margin:auto;
	--mdc-theme-primary: red;
	--mdc-theme-secondary: red;
}

.deletecard{
	margin-top:20px;
}

.confirmcard{
	background-color: var(--fed-primary-color);;
}

.confirmtext{
	color: white !important;
}

.gymnastamount{
	float:right;
}

.visbtn{
	float: right;
	margin-left:auto;
	margin-right:0;
}

.feedbacktitles{
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 15px;
}

.textarea{
	margin-right:15px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.textinput{
	padding-top:10px !important;
	margin-top:0 !important;
}

.unvalidamount{
	color:red;
}


.fabaddtraining{
	position:fixed;
	z-index:2;
	right:10%;
	bottom:7%;
	background-color: var(--fed-primary-color);
	/* bottom:10%; */
}

/* @media only screen and (max-width: 750px) {
	.fabaddtraining{
		right:10%;
	}
} */


.userdatatxt{
	margin: 5px;
	margin-left:20px;
}

.periodselect{
	width:100%;
}

.gymfedlogo{
	height:40px;
	padding-left:20px;
}

/* BADGE */
span.badge {
	min-width: 3rem;
	padding: 0 6px;
	margin-left: 14px;
	text-align: center;
	font-size: 1rem;
	line-height: 22px;
	height: 22px;
	color: #757575;
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

span.badge.new {
	font-weight: 300;
	font-size: 0.8rem;
	color: #fff;
	background-color: var(--fed-primary-color);;
	border-radius: 2px
}

span.badge.new:after {
	content: " new"
}

span.badge[data-badge-caption]::after {
	content: " " attr(data-badge-caption)
}

.spinner{
	max-width : 50px !important;
	margin: auto;
	margin-top:50px;
}

.spinnernotcentered{
	margin-top: 10px;
}

.spinnericon{
	max-width:50px !important;
}

nav ul a span.badge {
	display: inline-block;
	float: none;
	margin-left: 4px;
	line-height: 22px;
	height: 22px;
	-webkit-font-smoothing: auto
}

.collection-item span.badge {
	margin-top: calc(.75rem - 11px)
}

.collapsible span.badge {
	margin-left: auto
}

.sidenav span.badge {
	margin-top: calc(24px - 11px)
}

table span.badge {
	display: inline-block;
	float: none;
	margin-left: auto
}


/* For choosing sorting method */
.switchtext{
	display: inline-table;
	margin-top: 20px; 
	margin-left:47%;
	width:3%;
	
	margin-right:auto; 


}

.textselect{
	margin:auto;
	border:0px;
	outline:0px;
	background-color: #F2F2F2;
}

.contactsettings{
	margin-left:5%;
	margin-bottom: 15px;
	width: 80%;
}

.sepasettings{
	margin-left:15px;
	margin-bottom: 15px;
	width: 80%;
}


.flex-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.flex-item-third {
	flex: 31%;
	margin:5px;
	padding:16px;
	text-align:left;
}
.flex-item-fourth {
	flex: 23%;
	margin:5px;
	padding:16px;
	text-align:left;
}

.flex-container-wide {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.card-title {
	font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.0rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
}

.card-number{
	font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.0rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    opacity: .6;
	margin-top:15px;
	margin-bottom:15px;
}

/* Responsive layout - makes a one column layout (100%) instead of a two-column layout (50%) */
@media (max-width: 800px) {
	.flex-item-third {
		flex: 100%;
	}
}


/*! * JSTable v1.6.1 */
.dt-container {
	position: relative;
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: hidden;
}
.dt-container .dt-message {
	text-align: center;
}
.dt-container .dt-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	margin-top: -20px;
	height: 40px;
	text-align: center;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dt-top, .dt-bottom {
	padding: 8px 10px;
	display: flex;
	justify-content: space-between;
}
.dt-top .dt-selector, .dt-bottom .dt-selector {
	padding: 6px;
}
.dt-top .dt-info, .dt-bottom .dt-info {
	margin: 7px 0;
}
.dt-input {
	padding: 6px 12px;
}
/* PAGER */
.dt-pagination ul {
	margin: 0;
	padding-left: 0;
}
.dt-pagination ul li {
	list-style: none;
	float: left;
}
.dt-pagination a, .dt-pagination span {
	border: 1px solid transparent;
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	color: inherit;
}
.dt-pagination a:hover {
	background-color: #d9d9d9;
}
.dt-pagination .active a, .dt-pagination .active a:focus, .dt-pagination .active a:hover {
	background-color: #d9d9d9;
	cursor: default;
}
.dt-pagination .dt-ellipsis span {
	cursor: not-allowed;
}
.dt-pagination .disabled a, .dt-pagination .disabled a:focus, .dt-pagination .disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}
.dt-pagination .pager a {
	font-weight: bold;
}
.dt-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
}
.dt-table > tbody > tr > td, .dt-table > tfoot > tr > td, .dt-table > thead > tr > td, .dt-table > tbody > tr > th, .dt-table > tfoot > tr > th, .dt-table > thead > tr > th {
	vertical-align: top;
	padding: 8px 10px;
	white-space: nowrap;
}
.dt-table > thead > tr > th, .dt-table > thead > tr > td {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}
.dt-table > tfoot > tr > th, .dt-table > tfoot > tr > td {
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}
.dt-table th {
	vertical-align: bottom;
	text-align: left;
}
.dt-table th.dt-sorter {
	position: relative;
	cursor: pointer;
	padding-right: 20px;
}
.dt-table th.dt-sorter::before, .dt-table th.dt-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 7px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}
.dt-table th.dt-sorter::before {
	border-top: 4px solid #000;
	top: 18px;
}
.dt-table th.dt-sorter::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	bottom: 22px;
}
.dt-table th.dt-sorter.asc::after, .dt-table th.dt-sorter.desc::before {
	opacity: 0.6;
}
.hidden {
	display: none !important;
	opacity: 0 !important;
}


/* THINGS FROM OLD MDC COMPONENTS THAT BROKE */
.mdc-drawer {
	border-color: rgba(0, 0, 0, 0.12);
	background-color: #fff;
	/* @noflip */
	border-radius: 0 0 0 0;
	z-index: 6;
	width: 256px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	box-sizing: border-box;
	height: 100%;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	/* @noflip */
	border-right-width: 1px;
	/* @noflip */
	border-right-style: solid;
	overflow: hidden;
  }
  .mdc-drawer .mdc-drawer__title {
	color: rgba(0, 0, 0, 0.87);
  }
  .mdc-drawer .mdc-list-group__subheader {
	color: rgba(0, 0, 0, 0.6);
  }
  .mdc-drawer .mdc-drawer__subtitle {
	color: rgba(0, 0, 0, 0.6);
  }
  .mdc-drawer .mdc-list-item__graphic {
	color: rgba(0, 0, 0, 0.6);
  }
  .mdc-drawer .mdc-list-item {
	color: rgba(0, 0, 0, 0.87);
  }
  .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
	color: #6200ee;
  }
  .mdc-drawer .mdc-list-item--activated {
	color: rgba(98, 0, 238, 0.87);
  }
  [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
	/* @noflip */
	border-radius: 0 0 0 0;
  }
  .mdc-drawer .mdc-list-item {
	border-radius: 4px;
  }
  .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
	/* @noflip */
	margin-left: 256px;
	/* @noflip */
	margin-right: 0;
  }
  [dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 256px;
  }
  [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
	/* @noflip */
	border-right-width: 0;
	/* @noflip */
	border-left-width: 1px;
	/* @noflip */
	border-right-style: none;
	/* @noflip */
	border-left-style: solid;
  }
  .mdc-drawer .mdc-list-item {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 500;
	letter-spacing: 0.0071428571em;
	text-decoration: inherit;
	text-transform: inherit;
	height: calc(48px - 2 * 4px);
	margin: 8px 8px;
	padding: 0 8px;
  }
  .mdc-drawer .mdc-list-item:nth-child(1) {
	margin-top: 2px;
  }
  .mdc-drawer .mdc-list-item:nth-last-child(1) {
	margin-bottom: 0;
  }
  .mdc-drawer .mdc-list-group__subheader {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	margin: 0;
	padding: 0 16px;
  }
  .mdc-drawer .mdc-list-group__subheader::before {
	display: inline-block;
	width: 0;
	height: 24px;
	content: "";
	vertical-align: 0;
  }
  .mdc-drawer .mdc-list-divider {
	margin: 3px 0 4px 0;
  }
  .mdc-drawer .mdc-list-item__text,
  .mdc-drawer .mdc-list-item__graphic {
	pointer-events: none;
  }
  
  .mdc-drawer--animate {
	-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
  }
  [dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
	-webkit-transform: translateX(100%);
			transform: translateX(100%);
  }
  
  .mdc-drawer--opening {
	-webkit-transform: translateX(0);
			transform: translateX(0);
	transition-duration: 250ms;
  }
  [dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
	-webkit-transform: translateX(0);
			transform: translateX(0);
  }
  
  .mdc-drawer--closing {
	-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
	transition-duration: 200ms;
  }
  [dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
	-webkit-transform: translateX(100%);
			transform: translateX(100%);
  }
  
  .mdc-drawer__header {
	flex-shrink: 0;
	box-sizing: border-box;
	min-height: 64px;
	padding: 0 16px 4px;
  }
  
  .mdc-drawer__title {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: 500;
	letter-spacing: 0.0125em;
	text-decoration: inherit;
	text-transform: inherit;
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	margin-bottom: -20px;
  }
  .mdc-drawer__title::before {
	display: inline-block;
	width: 0;
	height: 36px;
	content: "";
	vertical-align: 0;
  }
  .mdc-drawer__title::after {
	display: inline-block;
	width: 0;
	height: 20px;
	content: "";
	vertical-align: -20px;
  }
  
  .mdc-drawer__subtitle {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	margin-bottom: 0;
  }
  .mdc-drawer__subtitle::before {
	display: inline-block;
	width: 0;
	height: 20px;
	content: "";
	vertical-align: 0;
  }
  
  .mdc-drawer__content {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
  }
  
  .mdc-drawer--dismissible {
	/* @noflip */
	left: 0;
	/* @noflip */
	right: initial;
	display: none;
	position: absolute;
  }
  [dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
	/* @noflip */
	left: initial;
	/* @noflip */
	right: 0;
  }
  .mdc-drawer--dismissible.mdc-drawer--open {
	display: flex;
  }
  
  .mdc-drawer-app-content {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 0;
	position: relative;
  }
  [dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 0;
  }
  
  .mdc-drawer--modal {
	box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
	/* @noflip */
	left: 0;
	/* @noflip */
	right: initial;
	display: none;
	position: fixed;
  }
  .mdc-drawer--modal + .mdc-drawer-scrim {
	background-color: rgba(0, 0, 0, 0.32);
  }
  [dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
	/* @noflip */
	left: initial;
	/* @noflip */
	right: 0;
  }
  .mdc-drawer--modal.mdc-drawer--open {
	display: flex;
  }
  
  .mdc-drawer-scrim {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 5;
  }
  .mdc-drawer--open + .mdc-drawer-scrim {
	display: block;
  }
  .mdc-drawer--animate + .mdc-drawer-scrim {
	opacity: 0;
  }
  .mdc-drawer--opening + .mdc-drawer-scrim {
	transition-duration: 250ms;
	opacity: 1;
  }
  .mdc-drawer--closing + .mdc-drawer-scrim {
	transition-duration: 200ms;
	opacity: 0;
  }
  .mdc-list-item--selected,
  .mdc-list-item--activated {
	color: #6200ee;
	/* @alternate */
	color: var(--mdc-theme-primary, #6200ee);
  }
  .mdc-list-item--selected .mdc-list-item__graphic,
  .mdc-list-item--activated .mdc-list-item__graphic {
	color: #6200ee;
	/* @alternate */
	color: var(--mdc-theme-primary, #6200ee);
  }
  
  .mdc-list-item--disabled {
	color: rgba(0, 0, 0, 0.38);
	/* @alternate */
	color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
  }
  
  .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 32px;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	fill: currentColor;
  }
  .mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 32px;
	/* @noflip */
	margin-right: 0;
  }
  
  .mdc-list .mdc-list-item__graphic {
	display: inline-flex;
  }
  
  .mdc-list-item__meta {
	/* @noflip */
	margin-left: auto;
	/* @noflip */
	margin-right: 0;
  }
  .mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: auto;
  }
  
  .mdc-list-item__text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
  }
  
  .mdc-list-item__text[for] {
	pointer-events: none;
  }
  
  .mdc-list-item__primary-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	margin-bottom: -20px;
	display: block;
  }
  .mdc-list-item__primary-text::before {
	display: inline-block;
	width: 0;
	height: 32px;
	content: "";
	vertical-align: 0;
  }
  .mdc-list-item__primary-text::after {
	display: inline-block;
	width: 0;
	height: 20px;
	content: "";
	vertical-align: -20px;
  }
  .mdc-list--dense .mdc-list-item__primary-text {
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	margin-bottom: -20px;
  }
  .mdc-list--dense .mdc-list-item__primary-text::before {
	display: inline-block;
	width: 0;
	height: 24px;
	content: "";
	vertical-align: 0;
  }
  .mdc-list--dense .mdc-list-item__primary-text::after {
	display: inline-block;
	width: 0;
	height: 20px;
	content: "";
	vertical-align: -20px;
  }
  
  .mdc-list-item__secondary-text {
	font-family: Roboto, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	display: block;
  }
  .mdc-list-item__secondary-text::before {
	display: inline-block;
	width: 0;
	height: 20px;
	content: "";
	vertical-align: 0;
  }
  .mdc-list--dense .mdc-list-item__secondary-text {
	display: block;
	margin-top: 0;
	/* @alternate */
	line-height: normal;
	font-size: inherit;
  }
  .mdc-list--dense .mdc-list-item__secondary-text::before {
	display: inline-block;
	width: 0;
	height: 20px;
	content: "";
	vertical-align: 0;
  }
  
  .mdc-list--dense .mdc-list-item {
	height: 40px;
  }
  
  .mdc-list--dense .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 36px;
	width: 20px;
	height: 20px;
  }
  .mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 36px;
	/* @noflip */
	margin-right: 0;
  }
  
  .mdc-list--avatar-list .mdc-list-item {
	height: 56px;
  }
  
  .mdc-list--avatar-list .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 16px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
  }
  .mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 16px;
	/* @noflip */
	margin-right: 0;
  }
  
  .mdc-list--two-line .mdc-list-item__text {
	align-self: flex-start;
  }
  
  .mdc-list--two-line .mdc-list-item {
	height: 72px;
  }
  
  .mdc-list--two-line.mdc-list--dense .mdc-list-item,
  .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
	height: 60px;
  }
  
  .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 0;
	/* @noflip */
	margin-right: 20px;
	width: 36px;
	height: 36px;
  }
  .mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
	/* @noflip */
	margin-left: 20px;
	/* @noflip */
	margin-right: 0;
  }
  
  .mdc-list-item {
	display: flex;
	align-items: center;
  }