.component-report-result-info {
	padding: 1rem;
	display:flex;
	flex-wrap: wrap;
}

.component-report-result-info-item {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: #c0c3cb;
    padding-right:1rem;
    align-items:center;
}
.component-report-result-info-item-content {
	font-weight:bold;
	color:white;
}
.component-report-title {
	width: 100%;
	text-align: center;
	padding-top: 2rem;
	color:#486bb0;
}

.component-report-player {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:center;
}
.component-report-player span {
	padding-top:.75rem;
	display:block;
	color:white;
}
.component-report-player-role {
	padding-bottom:1rem;;
}


.component-report-input-item {
	display: block;
    margin-top: .7rem;
    border-radius: 0;	
}
.component-report-input select {
	margin-top:.7rem;
	background: #262a35 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
	background-size: 10px 12px;
	border:1px solid transparent;
	color:white;
}

.component-report-input {
    text-align: center;
    padding: 2rem;
	box-shadow: 0rem .2rem .25rem rgba(255,255,255,0.075);
	background-color: #313540;
}
.component-report-input select:focus {
	box-shadow:none;
}

.component-report-submit {
	display:flex;
	width:100%;
	justify-content: center;
	padding-top:1rem;
	padding-bottom:1rem;
}
.component-report-submit button{display:inline-block;margin-left:1rem;margin-right:1rem;}


.component-report-date {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	text-align:center;
	padding-top:1rem;
}