/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Global */
.epreuves-container .epreuve-single {
    display: flex;
    justify-content: flex-end;
    max-width: 530px;
    border: 3px solid grey;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/* En cours */
.epreuve-data {
    min-width: 230px;
    padding: 20px 0 0;
    background: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.epreuve-data h2 {
    font-size: 16px;
    background-color: #560002;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    margin-left: -10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.epreuve-data p {
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}

.epreuve-data .classement-provisoire {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-bottom-right-radius: 10px;
    padding: 7px 5px;
    text-align: center;
    color: #ef5b21;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.epreuve-data .last-day {
    color: #990008;
}

.epreuve-data .epreuve-time-left {
    color: #3b3b3b;
    font-weight: bold;
}

/* Passées / A venir */
.epreuves-container.epreuve-passees .epreuve-single,
.epreuves-container.epreuve-a-venir .epreuve-single {
    max-width: 350px;
    min-height: 180px;
    flex-direction: column;
    background-position: center;
}

.epreuves-container.epreuve-passees .epreuve-data,
.epreuves-container.epreuve-a-venir .epreuve-data {
    min-width: auto;
    width: 100%;
    padding: 0;
    background: transparent;
}

.epreuves-container.epreuve-passees .epreuve-data>div,
.epreuves-container.epreuve-a-venir .epreuve-data>div {
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 0 0;
}

.epreuves-container.epreuve-passees .epreuve-data h2,
.epreuves-container.epreuve-a-venir .epreuve-data h2 {
    margin-bottom: 0;
}

.epreuves-container.epreuve-passees .epreuve-data .classement-provisoire,
.epreuves-container.epreuve-a-venir .epreuve-data .classement-provisoire {
    text-align: left;
    border-bottom-left-radius: 10px;
}

.datainputs {
    margin-top: 20px;
}

.datainputs input {
    font-size: 18px;
    line-height: 21px;
    color: #3D3D3D;
    height: 50px;
    padding: 0px 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 1px #D8D8D8;
    margin: 0px 30px 20px 0px !important;
}

input:focus {
    outline: none;
}


.inputRemove {
    display: inline-block;
    color: #3d3d3d;
    text-align: center;
    text-decoration: none;
    width: auto;
    height: 40px;
    line-height: 40px;
    border: 2px solid #3d3d3d;
    padding: 0px 15px;
    border-radius: 5px;
}

#addmore{
	width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #007bff;
    color: #007bff;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
}

.inputRemove {
    cursor: pointer;
}

select{
    margin-bottom: 20px !important;
}
span.select2-selection.select2-selection--single {
    padding: 20px;
    border-radius: 0;
    background: #f7f8f9;
    border: 1px solid #f0f0f0;
}
span.select2-selection.select2-selection--single > .select2-selection__rendered{
    margin-top: -15px;
    margin-left: -20px;
}
span.select2-selection.select2-selection--single > .select2-selection__rendered .select2-selection__placeholder{
    color: #222222;
    padding: 0 0 0 10px;
}
.select2-container--open .select2-dropdown{
    top: 30px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 8px !important;
}


/* Classement */
.classement_single,
.controls,
.controls span{
    display: flex;
    align-items: center;
}

.controls span{
    color: #ee7654;
    font-weight: bold;
    cursor: pointer;
}
.controls span:after{
    width: 16px;
    height: 16px;
    display: inline-block;
    content: '';
    -webkit-mask: url('../img/sort-svgrepo-com.svg') no-repeat 50% 50%;
    mask: url('../img/sort-svgrepo-com.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #ee7654;
}
.controls span.asc:after{
    -webkit-mask: url('../img/sort-up-svgrepo-com.svg') no-repeat 50% 50%;
    mask: url('../img/sort-up-svgrepo-com.svg') no-repeat 50% 50%;
}
.controls span.desc:after{
    -webkit-mask: url('../img/sort-down-svgrepo-com.svg') no-repeat 50% 50%;
    mask: url('../img/sort-down-svgrepo-com.svg') no-repeat 50% 50%;
}
[data-sort="id"],
.classement_single .id {
    flex: 0 0 5%;
}
[data-sort="label"],
.classement_single .label {
    flex: 0 0 90%;
}
@media screen and (max-width: 767px){
	.first-three .classement_single .label {
		flex: 0 0 70%;
	}
	
	.first-three .classement_single:nth-child(1) .score::after{
		background: url(/wp-content/uploads/2023/03/medaille-or.png);
	}
	
	.first-three .classement_single:nth-child(2) .score::after{
		background: url('/wp-content/uploads/2023/03/medaille-argent.png');
	}
	
	.first-three .classement_single:nth-child(3) .score::after{
		background: url('/wp-content/uploads/2023/03/medaille-bronze.png');
	}
	.first-three .classement_single:nth-child(1) .score::after,
	.first-three .classement_single:nth-child(2) .score::after,
	.first-three .classement_single:nth-child(3) .score::after{
		content: "" !important;
		position: absolute !important;
		left: -5px !important;
		top: 26px !important;
		width: 25px !important;
		height: 25px !important;
		background-size: contain;
	}
}
[data-sort="score"],
.classement_single .score {
    flex: 0 0 5%;
}
@media screen and (max-width: 767px){
	.first-three .classement_single .score {
		flex: 0 0 30%;
	}
}
#import-score-form input[type="submit"]:disabled {
    opacity: 0.3;
}
#import-score-form input[type="text"]:read-only {
    color: rgba(34, 34, 34, 0.5);
}
.residence_name_container,
.teamSelect_container,
.playerSelect_container{
	margin-bottom: 20px;
}
.teamSelect_container,
.playerSelect_container{
	display: none;
}



/*** Style accordion ***/
.epreuve-accordion{
    max-width: 1100px;
    margin: 0 auto;
}
.epreuve-accordion-tabs > .epreuve-accordion-tabs-list{
    display: flex;
    gap: 2rem;
    justify-content: center;
}
.epreuve-accordion-title{
    text-align: center;
    padding: 20px 0 50px;
}
.epreuve-accordion-tabs .epreuve-accordion-tab{
    cursor: pointer;
}
.epreuve-accordion-tabs .epreuve-accordion-tab.active{
    background: #ee7654;
    color: #fff;
}
.epreuve_accordion_tab_content{
    display: none;
}
.epreuve_accordion_tab_content.active{
    display: block;
}
.epreuve-accordion-single{
    max-width: 1100px;
    margin-bottom: 50px;
    background-size: cover;
    border: 2px solid #a6b3c3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.epreuve-accordion-single .epreuve-data-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.epreuve-accordion-single .epreuve-data-container .epreuve-title{
    margin-left: -15px;
    margin-top: 25px;
    color: #fff;
    background: #560002;
    font-size: 24px;
    padding: 5px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.epreuve-accordion-single .epreuve-data-container .epreuve-data{
    max-width: 350px;
}
.epreuve-accordion-single .epreuve-start-date{
    font-weight: bold;
    color: #1b3448;
    padding-left: 40px;
}
.epreuve-accordion-single .box-end-date{
    margin-bottom: 20px;
    background: #eeefed;
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.epreuve-accordion-single .box-end-date *{
    color: #1b3448;
}
.epreuve-accordion-single .box-end-date .epreuve-time-left{
    font-weight: normal;
}
.epreuve-accordion-single .epreuve_type{
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
}
.epreuve-accordion-single .epreuve_type *{
    color: #900007;
    margin-bottom: 0;
}
.epreuve-accordion-single .epreuve_type p:first-child{
    font-weight: bold;
    font-size: 22px;
}
.epreuve-accordion-single .epreuve_short_desc{
    margin-left: 30px;
    margin-right: 20px;
}
.epreuve-accordion-single .classement-provisoire{
    margin: 10px 30px 20px !important;
    display: block;
    width: auto;
    font-size: 16px;
    font-weight: normal;
    border-radius: 5px;
}
.epreuve-accordion-single .more-info{
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: inline-block;
    background: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    color: #ee7654;
    border: 2px solid #ee7654;
    text-decoration: none;
    font-weight: bold;
}

/* Accordion filter */
.epreuve-accordion-filter{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 30px;
    margin-bottom: 50px;
}
.epreuve-accordion-filter .container{
	display: block;
	margin: 50px auto;
	width: 500px;
	box-sizing: border-box;
	padding: 50px;
	box-shadow: 0px 0px 15px #ddd;
  text-align: center;
  font-family: "Arial";
}
.epreuve-accordion-filter-content{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
@media screen and (max-width: 767px){
	.epreuve-accordion-filter{
		flex-direction: column;
	}
	.epreuve-accordion-filter-content{
		flex-wrap: wrap;
	}
	
	.epreuve-accordion-single .epreuve-data-container{
		display: block;
		padding: 20px 0;
	}
	.epreuve-accordion-single .epreuve-data-container .epreuve-title{
		margin-left: 0;
	}
	.epreuve-accordion-single .epreuve-data-container .epreuve-data{
		padding: 20px 0; 
	}
	.epreuve-accordion-single .more-info{
		position: static;
		margin: 30px;
	}
}

/*Start | On-Off Button Design*/
.epreuve-accordion-filter .btn-onoff{
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.epreuve-accordion-filter .btn-onoff input{
  display: block;
  position: absolute;
  opacity:0
}
.epreuve-accordion-filter .btn-onoff span{
	position: relative;
	display: block;
	width: 65px;
	height: 34px;
	border-radius: 40px;
	background: #ccc;
	border: 1px solid #ccc;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	transition: 400ms
}
.epreuve-accordion-filter .btn-onoff input:checked ~ span{
  border: 1px solid #ee7654;
  background: #ee7654
}
.epreuve-accordion-filter .btn-onoff input ~ span:before{
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	position: absolute;
	right: 0px;
	font-size: 14px;
	font-family: "Arial";
	font-weight: bold;
	line-height: 34px;
	color: #444;
	padding: 0px 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms
}
.epreuve-accordion-filter .btn-onoff input ~ span:after{
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	top: 4px;
	left: 4px;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	transition: 400ms
}
.epreuve-accordion-filter .btn-onoff:hover input ~ span:after{
	-webkit-transform:scale(0.epreuve-accordion-filter .9);
	-moz-transform:scale(0.epreuve-accordion-filter .9);
	-ms-transform:scale(0.epreuve-accordion-filter .9);
	transform:scale(0.epreuve-accordion-filter .9)
}
.epreuve-accordion-filter .btn-onoff input:checked ~ span:after{
	content: '';
	left: 34px;
}

.import_person select,
.import_person input[type="text"],
.import_person span.select2-container{
	max-width: 500px;
	width: 100% !important;
}
.import_person input[name="team"]{
	margin-top: 20px;
	margin-bottom: 20px;
}
.import_person .required_inp{
	display: flex;
	align-items: center;
	gap: 20px;
}
.import_person .required_inp .inputRemove{
	padding: 0 10px;
}

.import_person #req_input div{
	display: flex;
	align-items: center;
	gap: 20px;
}
.import_person input[type="submit"]{
	margin-top: 20px;
}
.import_person .required_inp{
	margin-top: 5px;
}

.dom-loader{
	display: none;
}