.component-sparring-container {
    padding-top: 1.5rem;
}

.component-sparring-title {
    justify-content: center
    width: 100%;
	text-align: center;
	padding-top: 2rem;
	color:#486bb0;
}
.component-sparring-form {
	/*background-color:rgba(38,42,53,.5);*/
	padding-bottom:1rem;
}
.component-sparring-input-item {
	display: block;
    margin-top: .7rem;
    border-radius: 0;	
}
.component-sparring-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-sparring-input {
    text-align: center;
    padding: 2rem;
	box-shadow: 0rem .2rem .25rem rgba(255,255,255,0.075);
	background-color: #313540;
}
.component-sparring-input select:focus {
	box-shadow:none;
}

.component-sparring-summary-title {}
.component-sparring-submit {
	display:block;
	text-align:center;
	padding-top:1rem;
	padding-bottom:1rem;
}
.component-sparring-submit button{display:inline-block;}

.component-sparring-validation {
	display: none;
	text-align: center;
	padding:1rem;
	margin:2rem;
	border:1px solid #3172ef;
}
.component-sparring-validation--show {
	display: flex;
	flex-direction:column;
}

.component-sparring-result-title {
	margin: 0;
	border-bottom: 1px solid #5d6477;
	padding-bottom: .5rem;
	margin-top: .5rem;
}

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

.component-sparring-result-candidate-container {
	display: flex;
	padding: 1rem;
}

.component-sparring-result-candidate {
	display:flex;
	flex-grow:1;
	width: 50%;
	justify-content: space-evenly;
}

.component-sparring-input {
	margin-top: 2rem;
}

.component-sparring-waiting-container {
	min-height:60vh;
	display:flex;
	position:relative;
	overflow:hidden;
}
.component-sparring-waiting-video {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	opacity:.75;
}
.component-sparring-waiting-text {
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    margin-top: -6rem;
    font-size: 1.5rem;
    text-align: center;
}
.component-sparring-result-container {
	background-color:rgba(38,42,53,.5);
}
.component-sparring-result-info-item {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: #c0c3cb;
}
.component-sparring-result-info-item-content {
	font-weight:bold;
	color:white;
}
.component-sparring-result-suggestions-container {
	display:flex;
	flex-direction: column;
	position:relative;
	overflow:hidden;
}
.component-sparring-result-suggestions-video {
	position:absolute;
	z-index:1;
	top:0;
	min-width:100%;
	height:100%;
}
.component-sparring-result-suggestions-content {
	position:relative;
	z-index:2;
	padding:1rem;
}
.component-sparring-result-suggestions-content h3 {
	border-bottom:none;
	padding:.5rem;
	text-shadow: 0.1rem 0.1rem 1.24rem rgba(0,0,0,.85)
}
.btn.joueur-deselectionne {
	background-color:rgba(38,42,53,.5);
	border:1px solid #558af2;
}
.btn.joueur-selectionne{

}
.component-sparring-result-joueur {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin: 1rem;
	align-items:center;
}
.component-sparring-result-joueur span {
	padding:1rem;
}