/* The file to manage the vp_skins rules */

/*#########################################
# >>	RED
#########################################*/
.profile_skin.red .page-content{
	--colBlueLight: #00000055;
	--colLight: #FFFFFF33;
	--colDark: #00000033;
}

.profile_skin.red .page-content{
	background: red;
}


.profile_skin.red .bloc_grey {
	background: var(--colLight);
	color: var(--colDark);
}
.profile_skin.red .form-control{
	background: var(--colLight);
	color: var(--colDark);
	border: 1px solid var(--colLight);;
}
.profile_skin.red .input-group-addon {
	background-color: var(--colLight);;
	border: 1px solid var(--colLight);;
}

.profile_skin.red .panel {
	background-color: var(--colLight);;
	border: 1px solid transparent;
}
.profile_skin.red .panel-default {
	border-color: var(--colLight);;
}

/*#########################################
# >>	BATTLE LIKE
#########################################*/
body.profile_skin.battle {
	color: #FFF;
}

.profile_skin.battle .page-content{
	--colBlueLightTransp: #00000055;
	--colLightTransp: #FFFFFF33;
	--colDarkTransp: #00000033;
	--colLight: #FFFFFF;
	--colDark: #000000;
	--borderRadius: 10px;
}
.profile_skin.battle .page-content{
	background: #0f0f32 url('../../plugins/vp_battles/images/battle_bg_3.jpg') no-repeat 0% 0%;
	background-size: 100%;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

.profile_skin.battle{
	scrollbar-color: var(--colBlueLight) var(--colBlueDark2);
}

.profile_skin.battle h1.onWhite{
	background: var(--colBlueLightTransp);
	backdrop-filter: blur(4px);
	border-radius: var(--borderRadius);
}

.profile_skin.battle h2{
	font-family: var(--fontCartoon);
	color: #FFF;
	font-weight: 400;
}
.profile_skin.battle #up_bloc_premium h2{
	color: #BC3B20;
}



.profile_skin.battle h3, .profile_skin.battle h4{
	color: var(--colLight);
}


.profile_skin.battle .bloc_grey {
	background: var(--colLightTransp);
	color: var(--colLight);
	border-radius: var(--borderRadius);
}
.profile_skin.battle #form_up_search .form-control{
	background: var(--colLightTransp);
	color: var(--colDark);
	border: 1px solid var(--colLightTransp);;
}
.profile_skin.battle #form_up_search .input-group-addon {
	background-color: var(--colLightTransp);;
	border: 1px solid var(--colLightTransp);;
}

.profile_skin.battle .panel {
	background-color: var(--colLightTransp);;
	border: none;
}
.profile_skin.battle .panel-default {
	border-color: var(--colLightTransp);;
}

.profile_skin.battle #up_data_bloc .content{
	color: var(--colLight);
}

.profile_skin.battle #up_user_main .avatar{
	box-shadow: 0 0 20px #FFFFFF66;
}

.profile_skin.battle #reputation_history{
	background: none;
}
.profile_skin.battle #reputation_history li:nth-child(even){
	background: none;
}
.profile_skin.battle #reputation_history_bloc{
	background: var(--colLightTransp);
	border-radius: var(--borderRadius);
}



.profile_skin.battle #reputation_history .timeago, 
.profile_skin.battle #reputation_history .explain{
	color: var(--colLight);
}

.profile_skin.battle .bloc_gold, .profile_skin.battle .gold {
	background: linear-gradient(317deg, rgba(255,218,0,1) 0%, rgba(255,222,0,1) 27%, rgba(255,241,111,1) 65%, rgba(255,226,0,1) 100%) !important;
	color: #BC3B20 !important;
}
.profile_skin.battle #up_bloc_premium{
	border-radius: var(--borderRadius);
}

.profile_skin.battle .num.reputation b nobr{
	color:var(--colLight);
}
.profile_skin.battle .rank.info{
	border-radius: 3px;
}

.profile_skin.battle #up_stats_bloc{
	background: var(--colLightTransp);
	border-radius: var(--borderRadius);
}

.profile_skin.battle #up_stats_bloc_inner li{
	color: var(--colLight);
}
.profile_skin.battle #up_stats_bloc_inner li .stat{
	color: var(--colLight);
}

.profile_skin.battle table#user_scores_table{
	border-radius: 15px;
	overflow: hidden;
}
.profile_skin.battle #user_scores_table th{
	background-color: #33434C66;
	color: #FFF;
	font-family: var(--fontCartoon);
	font-weight: 400;
}

.profile_skin.battle table.dataTable tbody tr {
	background-color: #FFFFFF22;
}
.profile_skin.battle #user_scores_table tr:nth-child(even) {
	background: #F2F9FE33;
}
.profile_skin.battle #user_scores_table td.theme, 
.profile_skin.battle #user_scores_table td.score, 

.profile_skin.battle #user_scores_table td.rank{
	color: #FFF;
}

.profile_skin.battle #user_scores_table td.index;
.profile_skin.battle #user_scores_table td.date{
	color: #FFFFFF77;
}

.profile_skin.battle #user_scores_table tr:hover td.theme, 
.profile_skin.battle #user_scores_table tr:hover td.score, 
.profile_skin.battle #user_scores_table tr:hover td.index,
.profile_skin.battle #user_scores_table tr:hover td.date,
.profile_skin.battle #user_scores_table tr:hover td.rank{
	color: #333;
}

.profile_skin.battle #user_scores_table tr.hoverable:hover {
	background: #FEFFB8;
}

.profile_skin.battle #user_scores_table .rank_ratio{
	opacity: .7;
/*	color: #000;*/
}
.profile_skin.battle #user_scores_table .rank_ratio.big2{
	border-radius: 15px;
}
.profile_skin.battle #user_scores_table_filter label{
	color: #FFF;
}
.profile_skin.battle #user_scores_table_filter input{
	color: #333;
	background: #FFFFFF66;
	border-radius: 15px;
	padding: 3px 10px;
	border: none;
}

.profile_skin.battle #sdjc_links_bloc{
	background: #0f0f32;
}

.profile_skin.battle footer{
	box-shadow: 0px 0px 70px #202149;
}