@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
/* 
Light 300 
Regular 400 
Medium 500 
Bold 700 
*/
*{
	padding:0;
	box-sizing:border-box;
}
:root{
	--main-color-body:#101016;
	--second-color:#282831;
	--color-box:#06060c;
	--white-color:#fff;
	--title-color:#d6d6e0;
	--lose-color:#888888;
	--main-font:'Poppins', sans-serif;
}
html{scroll-behavior:smooth;}
body{
	font-family:var(--main-font);
	font-weight:300;
	background-color:var(--main-color-body);
	line-height:1.1;
}
img{display:block;}
.container_modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    animation:fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
.content_modal{
	background-color:var(--color-box);
	margin:10% auto;
	padding:20px;
	border:1px solid var(--title-color);
	width:30%;
}
.chiudi_modal{
    color:var(--white-color);;
    float:right;
    font-size:28px;
    font-weight:bold;
    cursor:pointer;
}
.chiudi_modal:hover{
    color:var(--lose-color);
}
/* ============PAGINATION============ */
.pagi_nav{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:0.5em;
    margin:1em 0 2em;
}
.pagi_nav .pagi_page{
    display:inline-block;
    color:var(--title-color);
    text-decoration:none;
    padding:0.45em 0.8em;
    border:1px solid var(--second-color);
    background:var(--color-box);
    font-weight:400;
    font-size:14px;
}
.pagi_nav a.pagi_page:hover{
    text-decoration:underline;
}
.pagi_nav .pagi_page.current{
    color:var(--white-color);
    border-color:var(--title-color);
}
.pagi_nav .pagi_page.disabled{
    color:var(--lose-color);
    opacity:0.6;
    cursor:default;
}
.pagi_nav .pagi_page.ellipsis{
    border-color:transparent;
    background:transparent;
    padding:0.45em 0.4em;
}
/* ============HEADER============ */
.primary-header{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	background-color:var(--main-color-body);
}
.container-header, .container-admin, .cont-login{
	max-width:90%;
	margin-inline:auto;
	padding-inline:1.5rem;
}
.container-admin{max-width:100%;}
.cont-login{padding-inline:0;}
.club{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0em 0.1em 0em 1em;
}
.campione{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0em 0em 0em 1em;
	font-size:17px;
	font-weight:500;
}
.campione img{margin:0em 0.3em 0em 0em;}
.logo{
 	font-size:2rem;
	font-weight:400;
}
.tot_sq{font-size:30px;font-weight:500;margin-left:0.5em;}
/*header.active{
	background-color:var(--white-color);
	box-shadow:0 3px 1rem rgba(0, 0, 0, 0.1);
}
header.active .navbar{
	height:6rem;
}
header.active,
header.active .nav-link{
	color:#313131;
}
header.active .nav-link:hover{
	color:var(--white-color);
}
header.active .button{
	background-color:#313131;
	color:var(--white-color);
}
header.active .button:hover{
	background-color:#000;
}*/
/* ============NAVBAR============ */
.navbar, .navbar-competizioni, .navbar-squadre, .navbar-stats, .navbar-dettaglio-club{
	height:7.6rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	transition:height 0.25s;
	background-color:var(--color-box);
}
.navbar-competizioni, .navbar-squadre, .navbar-stats{
	height:2.5rem;
	margin-bottom:1em;
}
.navbar-squadre, .navbar-stats, .navbar-dettaglio-club{
	margin-top:1em;
}
.nav-list{
	list-style:none;
	display:flex;
	gap:2.5rem;
	/*margin-left:5rem;*/
	margin-right:auto;
}
.nav-link,.nav-login{
	display:flex;
	align-items:center;
	transition:color 0.25s;
	color:var(--white-color);
	margin:0 1em;
}
.nav-login{margin:1em 0.5em;}
.nav-link a,.nav-login a{
	color:var(--white-color);
	text-decoration:none;
}
.nav-link a:hover,.nav-login a:hover{
	color:var(--title-color);
	text-decoration:underline;
}
.nav-link p{font-size:15px;font-weight:500;}
.nav-squadre, .nav-alfabeto{
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--white-color);
}
.nav-alfabeto a{
	text-decoration:none;
}
.nav-alfabeto a:hover{
	text-decoration:underline;
}
/* ============MAIN HOME PAGE============ */
.container, .main_container, .main_container_login{
	max-width:91%;
	margin-inline:auto;
	/*padding:0px 14px;*/
	margin-top:8em;
	margin-bottom:0.5em;
}
.container_admin{
	display:flex;
	justify-content:space-between;
}
.main_container, .main_container_login{
	margin-top:15em;
	margin-bottom:1em;
	color:var(--white-color);
}
.main_container_login{
	width:90%;
	margin-top:8.5em;
	background:var(--color-box);
}
.main_info{padding:1em 2em;}
.main_info_turno{padding:0.5em 2em 2em;}
.main_content, .main_content_login{padding:1em 1em;}
.main_content_login{
	width:35%;
	margin:0 auto;
}
.main_info_club, .main_stagioni, .main_squadre, .main_albo, .main_turni{
	display:flex;
	/*justify-content:space-around;
	align-items:stretch;*/
	flex-wrap:wrap;
	padding:0 1.5em;
}
.main_squadre, .main_albo{
	justify-content:flex-start;
}
.main_container_form_menu{
	display:flex;
	flex-direction:column;
	margin-bottom:3em;
}
.content_head{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.content_form{
	display:flex;
	justify-content:space-between;
	margin-top:0em;
}
.content_archivi{width:100%;}
.head_title_section{display:flex;align-items:center;margin:0 1.9em;width:70%;}
.content_sidemenu{display:flex;margin:0 -0.5em;width:30%;}
.action_form_content{margin-left:1.5em;width:100%;}
.action_form_content_partite{
	display:flex;
	justify-content:flex-end;
	align-items:baseline;
	width:100%;
	margin-top:-1.5em;
	margin-bottom:1em;
}
.azioni_sezione{margin-left:1.5em;}
.azioni_cambio_stag{margin-left:1.5em;}
.content_legenda,.content_legenda_turni{
	/*margin-top:4em;*/
	text-align:left;
	padding:0 0 0 5em;
}
.content_legenda_turni{margin-top:0em;padding:0em}
.info_sezione, .info_sezione_all_squadre{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0em 2em 2em;
	color:var(--white-color);
}
.info_sezione_all_squadre{justify-content:flex-start;}
.info_sezione img, .info_sezione_all_squadre img{margin-right:1em;}
.info_sezione_all_squadre img{border:1px solid var(--second-color);}
.info_sezione a{
	text-decoration:none;
	color:var(--white-color);
}
.info_sezione a:hover{text-decoration:underline;}
.info_club{
	margin:0.5em;
	padding:1em;
	color:var(--white-color);
	background:var(--color-box);
	flex:1 0 250px;
}
.club_selected{
	display:flex;
	align-items:center;
	margin:0 1em;
}
.club_selected p{
	font-size:20px;
	font-weight:500;
	text-transform:uppercase;
	margin:0 1em;
}
.etichetta_stats_club{margin:0em 0em 1em;}
.info_search{
	margin:0.5em;
	padding:1em;
	color:var(--white-color);
	background:var(--color-box);
	flex:1 0 250px;
}
.results,.results_gironi,.results_partite_naz,.results_scheda_club{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	/*gap:15px;
	margin-top:1em;
	justify-content:space-around;*/
}
.results_scheda_club{gap:15px;}
.results_gironi,.results_partite_naz{justify-content:flex-start;}
.result_items{flex:1 45%;margin:0.5em 1.5em;}
.result_items_gironi{flex:1 30%;margin:0.5em 1.5em;}
.results_items_scheda_club{
	display:flex;
	align-items:center;
	flex:1 1 calc((100% - 32px) / 3);
	background:var(--color-box);
	padding:20px 5px 20px 5px;
	min-width:200px;
}
.result_items_partite_naz{flex:0 0 410px;margin:0em 0.5em;}
.container_risultato{display:flex;justify-content:center;align-items:center;flex-flow:column;}
.content_risultato,.content_rigori,.content_spareggio,.content_info{display:flex;justify-content:center;margin:0.2em 0;align-items:center;}
.content_info{font-size:13px;}
.risultato,.risultato_finale{margin:0.2em 0;font-size:18px;font-weight:400;}
.risultato_finale{font-size:25px;}
.info_risult{margin:0em;font-size:13px}
.info_and,.info_rit,.info_spa{font-size:13px;margin:0.2em 0.5em;}
.rigori{font-size:13px;}
.spareggio{font-size:13px;}
.n_scud, .n_squadra, .stelle{
	margin-bottom:0.3em;
}
.n_squadra a{
	color:var(--white-color);
	text-decoration:none;
	margin-top:1em;
}
.n_squadra a:hover{
	text-decoration:underline;
}
.n_scud, .n_pres{
	font-size:2.4rem;
	font-weight:400;
}
.n_pres{font-size:1.2rem;width:40px;text-align:right;}
.stelle, .n_squadra{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:0.5em;
	font-size:1rem;
	text-align:center; 
}
.trofei{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0em 1em 0em 1em;
}
.trofei img{
	margin:0em 0.5em 0em 1em;
}
.info{
	display:flex;
	align-content:center;
	margin:0.75em 0;
}
.info_dati_club{
	margin-right:1.3em;
}
.info img{
	margin:0 0.5em;
	border:1px solid var(--lose-color);
}
.info_gen_club{
	margin:6em 1em 0;
	padding-left:1em;
}
.box_stagioni, .box_giornate, .cont_box_giornate, .box_giornate_ass{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0.3em;
	width:170px;
	color:var(--white-color);
	background:var(--color-box);
}
.cont_box_giornate{flex-flow:column;}
.container_squadre{
	display:flex;
	align-items:center;
	width:100%;
}
.content_lettera{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0.3em;
	width:5%;
	height:93%;
	background:var(--color-box);
	/*border:1px solid var(--title-color);*/
}
.content_flag{
	margin:0.3em;
	width:50px;
	height:50px;
	background-size:cover;
	background-position:center;
	position:relative;
	top:-25px;
	border-radius:30px;
}
.content_nome_naz{
	text-transform:uppercase;
	font-weight:400;
	position:relative;
	top:47px;
}
.box_lettera{font-size:clamp(20px, 2vw, 25px);text-transform:uppercase;font-weight:500;}
.content_elenco_squadre,.content_elenco_squadre_tot{
	display:flex;
	flex-wrap:wrap;
	margin:0.2em;
	width:95%;
}
.content_elenco_squadre_tot{width:100%;}
.content_club{display:flex;align-items:center;}
.club_images{
	display:flex;
	justify-content:center;
	align-items:center;
	min-width:100px;
}
.club_images img{
	max-height:65px;
	height:auto;
}
.content_club_info{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	color:var(--white-color);
}
.club_info{margin:3px 0;}
.nome{
	font-size:clamp(15px, 3vw, 20px);
	text-transform:uppercase;
	color:var(--white-color);
	font-weight:600;
}
.citta{
	font-size:clamp(12px, 2vw, 15px);
	font-weight:400;
	color:var(--title-color);
}
.citta a{
	color:var(--title-color);
	text-decoration:none;
}
.box_squadre_tot{
	display:flex;
	margin:0em 1em 1.5em;
	align-items:center;
}
.box_squadre, .box_stadi{
	display:flex;
	margin:0.3em;
	width:170px;
	color:var(--white-color);
	/*background:var(--color-box);*/
	flex-flow:column;
	align-items:center;
	/*padding:0em 0em 0.5em;*/
	justify-content:center;
}
.box_stadi{padding:0.5em 0em 0.5em;}
.box_giornate{padding:0.5em 0em;}
.box_giornate_ass{padding:0.1em 0em;}
.box_albo{
	display:flex;
	flex-flow:column wrap;
	flex:0 1 auto;
	align-items:center;
	justify-content:center;
	margin:0.3em;
	width:165px;
	height:165px;
	color:var(--white-color);
	background:var(--color-box);
}
.anno_stagione, .giornate, .nome_squadra, .giornate_ass, .nome_stadio, .deseleziona{
	width:100%;
	color:var(--white-color);
	background:var(--color-box);
	/*display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;*/
}
.nome_squadra, .nome_stadio{font-size:13px;padding-bottom:4px;}
.stemma{
	display:flex;
	justify-content:center;
	width:100%;
	background:var(--color-box);
	padding-top:13px;
}
.deseleziona{
	margin-top:5px;
	text-align:center;
}
.giornate, .giornate_ass{width:70%;font-size:0.9em;font-weight:500;}
.data_giornata{width:30%;font-size:0.8em;font-weight:300;text-align:center;border-left:1px solid var(--second-color);}
.anno_stagione a, .giornate a, .nome_squadra a, .giornate_ass a, .eliminare a, .nome_stadio a, .deseleziona a{
	display:block;
	position:relative;
	padding:0.5em;
	color:var(--white-color);
	border:1px solid var(--color-box);
	text-decoration:none;
	text-align:center;
}
.giornate_ass a{padding:0em 0em 0em;}
.giornate a{padding:0em;}
.anno_stagione a::before, .nome_squadra a::before, .giornate a::before, .giornate_ass a::before, .eliminare a::before, .nome_stadio a::before, .deseleziona a::before{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:100%;
	border:1px solid var(--title-color);
	opacity:0;
	transition:opacity 0.3s ease;
}
.nome_squadra a::before{bottom:-5px;height:84px;}
.nome_stadio a::before{bottom:-8px;height:65px;}
.giornate a::before{bottom:-20px;height:54px;}
.giornate_ass a::before{bottom:-74px;height:106px;}
.anno_stagione a:hover::before, .nome_squadra a:hover::before, .nome_stadio a:hover::before, .giornate a:hover::before, .giornate_ass a:hover::before, .eliminare a:hover::before, .deseleziona a:hover::before{opacity:1;}
/*.nome_squadra a{
	display:block;
	padding:0.5em;
	color:var(--white-color);
	text-decoration:none;
	font-size:14px;
}*/
.eliminare{
	/*display:flex;
	justify-content:center;
	align-items:center;
	width:20%;
	color:var(--second-color);*/
	border-left:2px solid var(--main-color-body);
}
/*.eliminare p{
	position:relative;
	top:25%;
}
.eliminare a{
	display:block;
	padding:0.5em;
	color:var(--white-color);
	text-decoration:none;
}*/
.presenze_stats{
	margin-top:4em;
}
.presenze_stats a{
	color:var(--white-color);
	text-decoration:none;
}
.presenze_stats a:hover{
	text-decoration:underline;
}
/*.stats_content{
	display:flex;
	justify-content:space-around;
	align-items:stretch;
	flex-wrap:wrap;
}
.stats_container{
	display:flex;
	flex-flow:column;
	margin:1em;
	align-items:center;
}
.stats_num_pres{
	font-size:2.4rem;
	font-weight:400;
}
.stats_squad_pres{}*/
.p_naz_num{
	font-size:15px;
	font-weight:500;
}
.p_naz_etichetta{
	font-size:16px;
	font-weight:400;
	margin:1em 0;
}
.p_naz_info{
	font-size:13px;
	margin:0.5em 0;
}
.p_naz_info_ris{font-size:13px;}
.p_naz_risult{
	font-size:25px;
	font-weight:800;
}
.p_naz_sq{
	font-size:15px;
}
.title, .title_p{
	margin-bottom:0px;
	display:block;
	margin-top:-0.4em;
}
.title_p{
	margin-top:-0.2em;
}
.title span{
	display:block;
	/*margin-top:0.3em;*/
}
.title .primary{
	font-size:clamp(26px, 5vw, 52px);
	text-transform:uppercase;
	color:var(--white-color);
}
.title_p .primary_p{
	font-size:clamp(15px, 2vw, 20px);
	text-transform:uppercase;
	color:var(--white-color);
}
.title_p .primary_login{
	font-size:clamp(20px, 5vw, 32px);
	text-transform:uppercase;
	color:var(--white-color);
}
.title_p .tertiary{
	font-size:clamp(17px, 4vw, 25px);
	text-transform:uppercase;
	color:var(--white-color);
}
.primary a, .primary_p a{
	color:var(--white-color);
	text-decoration:none;
}
.title .secondary{
	font-size:clamp(14px, 2.5vw, 16px);
	font-weight:400;
	color:var(--title-color);
	margin-top:0.3em;
	margin-bottom:0.5em;
}
.gallery-wrapper{
	display:flex;
}
.gallery-item{
	position:relative;
	isolation:isolate;
	display:flex;
	flex:1;
	height:420px;
	background-color:#000;
	padding:25px;
	opacity:1;
	overflow:hidden;
	transition:flex 0.5s, opacity 0.25s;
	margin:0.5em;
}
.gallery-item:hover{
	opacity:1;
	flex:5;
}
.gallery-item:not(:hover){
	opacity:0.75;
}
.item-image{
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
	width:100%;
	height:100%;
	object-fit:cover;
}
.item-description{
	align-self:flex-end;
	text-transform:uppercase;
	color:var(--white-color);
}
.name{
	font-size:34px;
	background:var(--color-box);
	/*background:linear-gradient(90deg, #f32d5b, #ff009b);*/
	padding-inline:10px;
	padding:0.3em;
	transform:translateY(-10px);
	font-weight:700;
}
.role{
	display:inline-block;
	background:var(--color-box);
	/*background:linear-gradient(90deg, #4136d9, #0086c7);*/
	padding:10px;
	box-shadow:0 1px 10px rgba(0, 0, 0, 0.2);
	transform:translateY(10px);
}
.name, .role{
	opacity:0;
	transition:opacity 0.25s, transform 0.3s;
	transition-delay:0.35s;
}
.gallery-item:hover .name,
.gallery-item:hover .role{
	opacity:1;
	transform:translateY(0);
}
.gallery-item:not(:hover) .name,
.gallery-item:not(:hover) .role{
	transition-delay:0s;
}
@media screen and (max-width:768px){
	.gallery-wrapper{
		flex-direction:column;
		height:100vh;
	}
	.gallery-item:hover{
		flex-basis:100%;
	}
}
/* ============ACCORDION============ */
.accordion{
	background-color:var(--color-box);
	color:var(--white-color);
	cursor:pointer;
	padding:10px 30px;
	width:100%;
	border:none;
	text-align:left;
	outline:none;
	font-size:15px;
	transition:0.4s;
	font-family:var(--main-font);
	margin-bottom:1.5em;
}
.accordion span, .acc_panel span{
	display:inline-flex;
	width:95%;
	/*justify-content:space-between;*/
	align-items:center;
}
.acc_panel span{margin-bottom:1.5em;}
.content_title_acc, .content_data, .content_turni{
	display:flex;
	align-items:center;
}
.content_turni{width:95%;justify-content:space-between;}
.content_data{justify-content:space-around;}
.acc_title_items_turni{font-size:20px;}
.acc_title_items_sottoturni{font-size:18px;margin-bottom:1em;margin:0 1.7em 1em;}
.acc_title_finale_primo,.acc_title_finale_terzo{text-transform:uppercase;text-align:center;margin:1.5em 0 0.5em;}
.acc_title_finale_primo{font-size:30px;font-weight:500;}
.acc_title_finale_terzo{font-size:20px;}
.acc_title_info_turni{font-size:13px;text-transform:uppercase;}
.acc_title_items{font-size:17px;}
.acc_title_text{
	font-size:20px;
	font-weight:500;
	text-transform:uppercase;
	color:var(--white-color);
	width:500px;
}
.acc_items_stats{margin:0 1em;width:60px}
.act, .accordion:hover{
	background-color:var(--second-color);
}
.accordion:before{
	content:'\002B';
	color:#777;
	font-weight:400;
	float:right;
	margin-left:5px;
	margin-top:0.3%;
}
.act:before{
	content:"\2212";
}
.acc_panel{
	max-height:0;
	overflow:auto;
	transition:max-height 0.2s ease-out;
}
.acc_panel p{
	margin:0;
	padding:0;
}
/* ============MODAL============ */
/* ============FORM============ */
	form{
		/*margin:0 0 2em 0;
		margin:0.5em 1em 0em 1em;
		margin:-0.5em 2em 0;*/
		margin:0em 0.5em 0;
	}
	.form_login{}
	
	.alert{
		margin:1em 2em 2em;
		color:#e2001a;
	}
	
	.success{
		margin:1em 2em 2em;
		color:#009036;
	}
	
	.content_part_inserita{
		margin:1em 2em 2em;
		width:100%;
	}
	.content_part_inserite_elenco{margin:0 1em;}
	
	.select_form{width:40%;margin:0 1em 0 0;}
	.text_form{display:flex;align-items:center;justify-content:center;margin:0 0.5em 0 0;}
	.text_form:last-child{margin:0 0 0 0.5em;}
	.input_text_form{margin:0 0.5em 0 0;}
	.input_text_form:last-child{margin:0;}
	.label_giornate,.label_giornate_sede,.label_turno{margin-right:1em;width:140px;}
	.label_nome_all{margin-right:2em;width:65px;}
	.label_giornate_sede{width:40px;}
	.label_turno_pos{margin-left:2em;width:100px;}
	.label{margin-right:2em;}
	
	.row_form{
		display:flex;
		align-items:center;
		color:var(--white-color);
		margin-bottom:1em;
	}
	
	.item_row_form{
		margin-right:1em;
	}
	label{
		color:var(--white-color);
		display:block;
		font-size:1em;
		margin:0;
		line-height:20px;
		margin-right:1em;
	}
	input[type="text"],
	input[type="date"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	textarea{
		-moz-appearance:none;
		-webkit-appearance:none;
		-ms-appearance:none;
		appearance:none;
		background:rgba(144, 144, 144, 0.075);
		border-radius:0;
		border:none;
		/*border:solid 1px var(--title-color);*/
		color:var(--white-color);
		display:block;
		outline:0;
		padding:0 1em;
		text-decoration:none;
		width:100%;
	}
	select{
		width:100%;
		background:rgba(144, 144, 144, 0.075);
		border:solid 1px var(--second-color);
		padding:0 1em;
		/*margin-top:1em;*/
		color:var(--white-color);
	}
		input[type="text"]:invalid,
		input[type="date"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid{
			box-shadow:none;
		}
		input[type="text"]:focus,
		input[type="date"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus{
			border-color:#5385c1;
			box-shadow:0 0 0 1px #5385c1;
		}
	ul.actions{
		cursor:default;
		list-style:none;
		padding-left:0;
		margin-top:1.5em;
	}
	ul.actions li{
		display:inline-block;
		/*padding:0 1em 0 0;*/
		vertical-align:middle;
	}
	.select-wrapper{
		text-decoration:none;
		display:block;
		position:relative;
	}
		.select-wrapper:before{
			content:"";
			-moz-osx-font-smoothing:grayscale;
			-webkit-font-smoothing:antialiased;
			font-family:var(--main-font);
			font-style:normal;
			font-weight:300;
			text-transform:none !important;
		}
		.select-wrapper:before{
			color:#dbdbdb;
			display:block;
			height:2.75em;
			line-height:2.75em;
			pointer-events:none;
			position:absolute;
			right:0;
			text-align:center;
			top:0;
			width:2.75em;
		}
		.select-wrapper select::-ms-expand{
			display:none;
		}
	input[type="text"],
	input[type="date"],
	input[type="password"],
	input[type="email"]{
		height:3em;
		width:100%;
		font-size:15px;
	}
	select{
		height:3em;
		font-size:15px;
	}
	textarea{
		padding:0.75em 1em;
		font-family:var(--main-font);
		width:100%;
	}
	input[type="checkbox"],
	input[type="radio"]{
		-moz-appearance:none;
		-webkit-appearance:none;
		-ms-appearance:none;
		appearance:none;
		display:block;
		float:left;
		/*margin-right:-2em;*/
		opacity:0;
		/*width:1em;*/
		z-index:-1;
	}
		input[type="checkbox"] + label,
		input[type="radio"] + label{
			text-decoration:none;
			color:#9a9a9a;
			cursor:pointer;
			display:inline-block;
			font-size:1em;
			font-weight:300;
			padding-left:2.4em;
			padding-right:0.75em;
			position:relative;
		}
			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before{
				-moz-osx-font-smoothing:grayscale;
				-webkit-font-smoothing:antialiased;
				font-family:var(--main-font);
				font-style:normal;
				font-weight:300;
				text-transform:none !important;
			}
			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before{
				background:rgba(144, 144, 144, 0.075);
				border-radius:0;
				border:solid 1px #dbdbdb;
				content:'';
				display:inline-block;
				height:1.65em;
				left:0;
				line-height:1.58125em;
				position:absolute;
				text-align:center;
				top:-5px;
				width:1.65em;
			}
		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before{
			background:#5a5a5a;
			border-color:#5a5a5a;
			color:#ffffff;
			font-family:'FontAwesome';
			content:'\f00c';
		}
		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before{
			border-color:#5385c1;
			box-shadow:0 0 0 1px #5385c1;
		}
	input[type="checkbox"] + label:before{
		border-radius:0;
	}
	input[type="radio"] + label:before{
		border-radius:100%;
	}
	::-webkit-input-placeholder{
		color:#bbb !important;
		opacity:1.0;
	}
	:-moz-placeholder{
		color:#bbb !important;
		opacity:1.0;
	}
	::-moz-placeholder{
		color:#bbb !important;
		opacity:1.0;
	}
	:-ms-input-placeholder{
		color:#bbb !important;
		opacity:1.0;
	}
	.formerize-placeholder{
		color:#bbb !important;
		opacity:1.0;
	}
/* ============BUTTON============ */
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button{
		-moz-appearance:none;
		-webkit-appearance:none;
		-ms-appearance:none;
		appearance:none;
		-moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color:#5a5a5a;
		border-radius:0;
		border:0;
		color:#ffffff !important;
		cursor:pointer;
		display:inline-block;
		font-weight:300;
		height:2.85em;
		line-height:2.95em;
		padding:0 1.5em;
		text-align:center;
		text-decoration:none;
		white-space:nowrap;
		margin-right:1.5em;
	}
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover{
			background-color:#676767;
			text-decoration:none;
		}
		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active{
			background-color:#4d4d4d;
			text-decoration:none;
		}
		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon{
			padding-left:1.35em;
		}
			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before{
				margin-right:0.5em;
			}
		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit{
			display:block;
			margin:0 0 1em 0;
			width:100%;
		}
		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small{
			font-size:0.8em;
		}
		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big{
			font-size:1.35em;
		}
		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt{
			background-color:transparent;
			box-shadow:inset 0 0 0 1px #dbdbdb;
			color:inherit;
		}
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover{
				background-color:rgba(144, 144, 144, 0.075);
			}
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active{
				background-color:rgba(144, 144, 144, 0.2);
			}
			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before{
				color:#bbb;
			}
		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special{
			background-color:#5385c1;
			color:#ffffff !important;
		}
			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover{
				background-color:#6692c8;
			}
			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active{
				background-color:#4278b8;
			}
		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled{
			background-color:#9a9a9a !important;
			box-shadow:inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color:#fff !important;
			cursor:default;
			opacity:0.25;
		}
		@media screen and (max-width:480px){
			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			.button{
				padding:0;
				width:100%;
			}
		}
/* ============TABLE============ */
	.table-wrapper{
		-webkit-overflow-scrolling:touch;
		overflow-x:auto;
		width:100%
	}
	
	caption{
		text-align:right;
		margin-bottom:2em;
	}
	caption a{
		color:var(--title-color);
		text-decoration:none;
		margin:0 1em;
	}
	caption a:hover{
		text-decoration:underline;
	}
	table{
		margin:0 0 1em 0;
		width:100%;
	}
		table tbody tr{
			border:solid 1px var(--color-box);
			border-left:0;
			border-right:0;
		}
			table tbody tr:nth-child(2n + 1){
				background-color:rgba(144, 144, 144, 0.075);
			}
		table td{
			/*padding:0.2em 0.5em 0.2em 0.5em;
			padding:0.3em;*/
			padding:0.2em 1em;
		}
		
		table td a, table th a{
			color:var(--title-color);
			text-decoration:none;
		}
		
		.bold_win{
			font-family:var(--main-font);
			font-size:clamp(10px, 2vw, 16px);
			text-transform:uppercase;
			font-weight:500;
		}
		.lose{
			font-family:var(--main-font);
			font-size:clamp(10px, 2vw, 16px);
			/*text-transform:uppercase;*/
			color:var(--lose-color);
		}
		
		table td a:hover, table th a:hover{
			text-decoration:underline;
		}
		table th{
			color:var(--title-color);
			font-size:0.9em;
			font-weight:300;
			padding:0 0.75em 0.75em 0.75em;
			text-align:center;
		}
		table thead{
			border-bottom:solid 1px var(--color-box);
		}
		table tfoot{
			border-top:solid 1px var(--color-box);
		}
		table.alt{
			border-collapse:separate;
		}
			table.alt tbody tr td{
				border:solid 2px var(--white-color);
				border-left-width:0;
				border-top-width:0;
			}
				table.alt tbody tr td:first-child{
					border-left-width:1px;
				}
			table.alt tbody tr:first-child td{
				border-top-width:1px;
			}
			table.alt thead{
				border-bottom:0;
			}
			table.alt tfoot{
				border-top:0;
			}
/* ============FOOTER============ */
.primary-footer{
	color:var(--white-color);
	font-size:12px;
	text-align:center;
}
.container-footer{
	max-width:90%;
	margin-inline:auto;
	padding-inline:1.5rem;
	margin:0 auto;
	background:var(--color-box);
	padding:2em;
}
.copyright{}