/* FORMULARIS ------------------------------------------------------------------*/
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}

#loading img {
	float:none;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	display:inline-block !important;
}

#tabFilter {
	width: auto;
	border: 0;
	margin: 0 0 5px 0;
}

#tabFilter td {
	border: 0;
	font-weight:bold;
	padding-right: 6px;
	padding-left: 6px; 
}

.form_info .input,
.form_info .ucase,
.form_info .lcase,
.form_info .capitalize,
.form_info .textarea		{ border: 0.1em solid #abadb3; padding: 0.1em;}

.form_info input.error,
.form_info textarea.error	{ border: 0.1em solid #ec2e38; }
	
.labeltext span {
	font-size: 0.6em;
}

.form_info div.label {
	padding-left: 30px;	
}

/*
.form_info select {
	margin-left:5px;
	margin-right:5px;
}
*/

.form_info img {
	float: none !important;
}

.form_info input, .form_info textarea, .form_info select { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.form_info input[type=radio], .form_info input[type=checkbox] {
	box-shadow: none;
	height: auto;
}

/*
input[type=number] {
    height:2em;
	margin-bottom: 0px !important;   
}
*/

.form_info input:focus, .form_info textarea:focus, .form_info select:focus {
    background-color: #fff; 
    border:1px solid; 
    box-shadow: 0 0 3px #aaa;
    border-color:red; 
}

.form_info img.loading20 {
	display:none;
}


/* Button Style */
button[type=button], input[type=button] {
	height: 40px;
	width: 60px;
    border: 1px solid grey;
    border-bottom: 1px solid grey;	
    box-shadow: inset 0 1px 0 0 lightgrey;
    -webkit-box-shadow: 0 1px 0 0 lightgrey inset ;
    -moz-box-shadow: 0 1px 0 0 lightgrey inset;
    -ms-box-shadow: 0 1px 0 0 lightgrey inset;
    -o-box-shadow: 0 1px 0 0 lightgrey inset;
}

button:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
	background-color:#f32c5b !important;
	color:white !important;
}

button:hover {
    opacity:.85;
    cursor: pointer; 
}

button:disabled, button[disabled], button[disabled]:active, input[type=button]:disabled {
    opacity:.3;	
}

.hp-filter-accordion {
 	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 10%;
	text-align: left;
 	font-size: 13px;
	border: none;
	outline: none;
	transition: 0.4s;
}

.active, .hp-filter-accordion:hover {
 	background-color: #ccc;
}

.hp-filter-accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.hp-filter {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
}

.hp-filter-button {
	background-color:#f32c5b !important;
	color:white !important;		
}

.hp-filter select, .hp-filter input {
	margin-bottom:20px;
}

.hp-filter label {
	display:block;
}

.sp-team-button {
	float:left;
	background-color:#f32c5b !important;
	color:white !important;	
}

.data-name {
	overflow: hidden; 
	white-space: nowrap;
	max-width: 200px;
}

/* Veterans 4a 2019-2020 - Ascensos-Descensos*/
.hp-league-table-3-6 td.data-rank {
	text-align:right;
}

.hp-league-table-3-6 tr.sp-row-no-0 td.data-rank {
	background-image:url("/wordpress/wp-content/themes/varsity-child/images/ascens.png");
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat;
}

.hp-league-table-3-6 tr.sp-row-no-1 td.data-rank,
.hp-league-table-3-6 tr.sp-row-no-2 td.data-rank
{
	background-image:url("/wordpress/wp-content/themes/varsity-child/images/playoffasc.png");
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat;
}

.hp-league-table-3-6 tr.sp-row-no-9 td.data-rank,
.hp-league-table-3-6 tr.sp-row-no-10 td.data-rank,
.hp-league-table-3-6 tr.sp-row-no-11 td.data-rank 
{
	background-image:url("/wordpress/wp-content/themes/varsity-childimages/descens.png");
	background-size: 18px 18px;
	background-position: left;
	background-repeat: no-repeat;
}

/* Veterans 5a 2019 - Ascensos*/
.hp-league-table-7-5 td.data-rank {
	text-align:right;
}

.hp-league-table-7-5 tr.sp-row-no-0 td.data-rank,
.hp-league-table-7-5 tr.sp-row-no-1 td.data-rank,
.hp-league-table-7-5 tr.sp-row-no-2 td.data-rank,
.hp-league-table-7-5 tr.sp-row-no-3 td.data-rank
{
	background-image:url("/wordpress/wp-content/themes/varsity-child/images/ascens.png");
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat;
}

/* Veterans 5a 2018 - Ascensos*/
.hp-league-table-8-5 td.data-rank {
	text-align:right;
}

.hp-league-table-8-5 tr.sp-row-no-0 td.data-rank 
{
	background-image:url("/wordpress/wp-content/themes/varsity-child/images/ascens.png");
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat;
}

.hp-league-table-8-5 tr.sp-row-no-1 td.data-rank,
.hp-league-table-8-5 tr.sp-row-no-2 td.data-rank 
{
	background-image:url("/wordpress/wp-content/themes/varsity-child/images/playoffasc.png");
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat;
}

/* Botóns Connexió / Desconnexió al menú principal */

.btn-menu a{
	background: black;
	padding:10px;
	border-radius: 5px;
	color:white;
}

.btn-menu a:hover,
.btn-menu a:focus{
	text-decoration: none;
	color:white;
	background: gray;
}

.btn-menu.btn-logout a{
	color: white;
}