/* -----------------------------------------------------------------------------------------
 * @package phpBB Extension - Football Football
 * @copyright (c) 2016 football (http://football.bplaced.net)
 * @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
 * ----------------------------------------------------------------------------------------- */
.fa-paragraph:before {
	font-weight: bold;
	content: '§';
}

ul.dropdown-contents i.icon {
	display: inline;
	float: left;
}

.football-table-scroll { 
	overflow-x:auto;
	overflow-y:visible;
	width: 100%;
}
 
#football-links {
	margin: 0 7px 0 0;
}

#football-links a.responsive-menu-link {
	display: block;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	width: auto;
}

#football-links a.responsive-menu-link:before {
	font-size: 16px;
	line-height: 16.5px;
}

.compact #football-links a.responsive-menu-link {
	font-size: 0;
}

/**
* Replacement for table layout
*/
#football-left, #football-right {
	position: relative;
	float: left;
}

.football-inner-left, .football-inner-right {
	position: relative;
	float: left;
	width: 50%;
}

.football-inner-left .forabg {
	margin-right: 4px;
}

.football-inner-right .forabg {
	margin-left: 4px;
}

.rtl .football-inner-left .forabg {
	margin-left: 4px;
}

.rtl .football-inner-right .forabg {
	margin-right: 4px;
}

.rtl #football-left, .rtl #football-right, .rtl .football-inner-left, .rtl .football-inner-right {
	float: right;
}

#football-center-wrapper {
	width: 100%;
	float: left;
	display: block;
}

.rtl #football-center-wrapper {
	float: right;
}

#football-left {
	margin-left: -100%;
}

.rtl #football-left {
	margin-right: -100%;
	margin-left: 0;
}

#football-body {
	padding-top: 0px;
	width: 100%;
}

#football-body .panel {
	margin-bottom: 4px;
}

#football-body {
	margin-left: 0px;
	margin-right: 0px;
}

@media only screen and (max-width: 1125px), only screen and (max-device-width: 1125px)
{
	div#football-right { width: 50% !important; float: right; }
	div#football-left { clear: both; width: 50% !important; float: left; margin-left: 0 !important; }
	.football-inner-left { clear: both; width: 100% !important; margin: 0 !important; }
	.football-inner-right { clear: both; width: 100% !important; margin: 0 !important; }
	.football-inner-left .forabg, .football-inner-right .forabg {margin-left: 0px; margin-right: 0px;}
	div#football-center {
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	#football-right .panel {
		margin-left: 2px;
	}
	#football-left .panel {
		margin-right: 2px;
	}
}

div.info {
	background-color: #0094FF;
	color: #fff;
	margin: 4px 0;
	font-size: 1.1em;
	padding: 5px 10px;
	border-radius: 7px;
}

.construction {
	background-image: url("./images/under_construction.gif");
	background-repeat: no-repeat;
	height: 135px;
	width: 155px;
}

.football_nav {
	margin-bottom: 5px;
	padding: 5px 5px;
	clear: both; 
	line-height:2em;
}

.football_bg {
	margin-bottom: 5px;
	padding: 0 5px;
	clear: both; 
}

.football-h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.05em;
}

/* Table for rank in a box */
table.rank 							{ font-size: 0.9em; padding: 2px !important; vertical-align: middle; border-collapse:separate; border-radius: 0px; border-spacing: 0px; width: 100%; }
table.rank thead th 				{ font-weight: normal; text-transform: uppercase; color: #FFFFFF; padding: 0 2px 1px 2px; vertical-align: middle; }
table.rank tbody tr 				{ border: 1px solid #cfcfcf; }
table.rank tbody tr:hover, 
table.rank tbody tr.hover  			{ background-color: #FFFFFF; color: #000000; }
table.rank td 						{ padding: 0 2px; vertical-align: middle; }
table.rank td.td_rank 				{ text-align: right; }
table.rank td.td_pts 				{ text-align: right; } 
table.rank td.td_wins 				{ padding: 0 2px 0 4px; text-align: right; }

/* Table for football data */
/* Specific column styles */
table.football_main 				{ font-size: 1em; padding: 0px !important; border-collapse:collapse; border-radius: 0px; border-spacing: 0px; width: 100%; }
table.football 						{ font-size: 1em; padding: 0px !important; border-collapse:collapse; border-radius: 0px; border-spacing: 0px; width: 100%; }
table.football th 					{ text-align: center; color: #FFFFFF; vertical-align: middle;}
table.football thead th				{ font-weight: normal; text-transform: uppercase; line-height: 1.3em; padding: 0 2px 2px 2px; vertical-align: middle;}
table.football tfoot td 			{ text-align: center; color: #FFFFFF; font-weight: normal; text-transform: uppercase; line-height: 1.3em; padding: 0 2px 2px 2px; vertical-align: middle; }
table.football thead th span 		{ padding-left: 7px; }
table.football tbody tr:hover, 
table.football tbody tr.hover 		{ background-color: #FFFFFF; color: #000000; }
table.football tbody td 			{ padding: 1px 2px; border-top: 1px solid #FAFAFA; vertical-align: middle;}
table.football tbody th 			{ padding: 1px 2px; border-top: 1px solid #000000; vertical-align: middle;}
table.football tbody tr 			{ border: 1px solid #cfcfcf; }
table.football td 					{ vertical-align: middle; }
table.football td.td_tendency 		{ padding: 4px 2px 0 2px; font-weight: bold; }
table.football td.td_pts_total  	{ text-align: right; padding: 4px 4px 0 2px; }
table.football td.td_rank 			{ text-align: right; }
table.football td.td_group 			{ text-align: center; }
table.football td.td_hits 			{ text-align: center; }
table.football td.td_wins 			{ text-align: right; padding: 0 2px 0 4px; }
table.football td.td_match_no 		{ text-align: right; }
table.football td.td_logo 			{ text-align: center; }
table.football td.td_team 			{ text-align: left; }
table.football td.td_team_home 		{ text-align: right; width: 155px; }
table.football td.td_team_guest 	{ text-align: left; width: 155px; }
table.football td.td_vs 			{ text-align: center; max-width: 1em; padding: 0; }
table.football td.td_goals_home 	{ text-align: right; max-width: 2em; padding: 0; }
table.football td.td_goals_guest 	{ text-align: left; max-width: 2em; padding: 0; white-space: nowrap; }
table.football td.td_pts 			{ text-align: right; padding: 0 2px 0 2px; white-space: nowrap; }
table.football td.td_button 		{ text-align: right; padding-right: 4px; }
table.football td.td_result 		{ text-align: center; }
table.football td.td_season 		{ text-align: center; }
table.football td.td_league 		{ text-align: center; }
table.football td.td_pts_total		{ text-align: right; padding: 0 4px 0 2px; }
table.football td.td_points			{ text-align: right; padding: 0 2em 0 2px; }
table.football td.td_fp 			{ text-align: center; }
table.football td.td_matches 		{ text-align: center; }
table.football td.td_diff 			{ text-align: right; }
table.football td.td_counter 		{ text-align: right; }
table.football td.td_name 			{ text-align: left; }
table.football td.td_edit_right 	{ text-align: right; white-space: nowrap; padding: 0; }
table.football td.td_edit_left 		{ text-align: left; white-space: nowrap; padding: 0; }

table.rank td.color_finally, table.football .color_finally, .color_finally , table.football .match_win, .match_win { 
	font-weight: bold; 
	color: #00AA00; 
}

table.rank td.color_provisionally, table.football .color_provisionally, .color_provisionally , table.football .match_lost, .match_lost  { 
	font-weight: bold; 
	color: #AA0000; 
}

table.football .match_draw, .match_draw  { 
	font-weight: bold; 
	color: #6A6A6A; 
}

table.rank td.color_not_rated, table.football .color_not_rated, .color_not_rated { 
	font-weight: bold; 
	color: purple; 
}

/* Links for past and future delivery */
a.pastlink, a.futurelink {
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

a.pastlink   { color: #CC0000 !important; }

a.futurelink { color: #006600 !important; }

a.pastlink:hover, a.futurelink:hover  { 
	text-decoration: underline; 
}

.message {
	font-weight: bold;
	color: #AA0000;
}

.maintitle {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #5c81b1; 
}

/* Background colors where the tables iterate between two colors or mark user*/
.row_light 		{ background-color: #E4F5E4; }
.row_dark 		{ background-color: #c8ecc0; }
.row_user 		{ background-color: #ECF5C1; }
.row_group td	{ background-color: #73d510; color: #FFFFFF !important; }
.row_result 	{ background-color: #ADC4A9; }
.row_result td 	{ padding: 1px 2px; }

@media screen and (max-width: 600px){
	input[type="number"] {
		-moz-appearance: textfield;
	}
}
@media screen and (min-width: 601px){
	input[type="number"] {
		min-width: 32px;
	}
}