html , body {
	height: 100%;
	width: 100%;
	margin: 0;
}

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

body {
	background-color: #F2F2F2;
}

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: #2B569E;
}

/* page titel */
.mdc-typography--headline6 {
	max-width: 750px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

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

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

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

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

}




/* Navigation Menu */
.mdc-drawer__header-content {
	background-color: #2B569E;
	color: white;
}

/* card */
.mdc-card {
	/*height: 100%;*/
	max-width: 750px;
	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: #2B569E;
}

/* button color */

.mdc-button {
  --mdc-theme-primary: #2B569E;
}

.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: #2B569E;
}

.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-text-field:not , .mdc-line-ripple--active , .mdc-text-field--focused:not, .mdc-text-field--focused, .mdc-line-ripple{
	--mdc-theme-primary: #2B569E;
	background-color: #2B569E;
	color: #2B569E;
}

#textfield .mdc-floating-label--float-above ,  .mdc-floating-label , #ripple , #searchfield{
	color: #2B569E;
	--mdc-theme-primary: #2B569E;
}

.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;
}

.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;
}