div#conteneur
{
	width: 1000px ;
	margin: 0 auto ;
	text-align: left ;
	color: #09036d;
	font-size: 13px;
	border: 1px solid black ;
	background: white ;
	margin-top: 6px;
}

div#conteneur_wait
{
	width: 1000px ;
	height: 420px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid black ;
	background: white ;
}

div#header
{
	border: 0px solid #20b2aa ;
	width: 400px ;
	height: 75px ;
}

div#header a
{
	width: 400px ;
	height: 75px ;
	display: block ;
	position: relative ;
}

div#header img
{
	border: 0px solid red ;
	margin: 0px;
}

div#google2
{
	border: 0px solid blue ;
	height: 45px;
	width: 540px;
	float: right;
	left: 30px ;
	top: 15px ;
	padding-top: 10px;
	padding-left: 20px;
}

div#google
{
	border: 0px solid blue ;
	height: 45px;
	width: 234px;
	float: right;
	left: 30px ;
	top: 15px ;
	padding-top: 10px;
	padding-left: 20px;
}

div#facebook
{
	border: 0px solid blue ;
	height: 45px;
	width: 306px;
	float: right;
	left: 30px ;
	top: 15px ;
	padding-top: 10px;
	padding-left: 20px;
}

div#lang
{
    border: 0px solid blue ;
	float: right;
	color: white ;
	text-decoration: none ;
	margin-right: 1px;
	margin-top: 7px;

}

div#lang_2
{
	float: right;
	color: white ;
	text-decoration: none ;
	margin-right: 5px;
	margin-top: 10px;
}

div#lang a img
{
	border: 0;
}

div#lang a:hover
{
	text-decoration: none ;
}

ul#menu_head
{
	border: 0px solid red ;
	height: 25px ;
	margin: 0px ;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px ;
	background: url(../images/bar_gray.jpg)  ;
	list-style-type: none ;
}

ul#menu_head li
{
	float: left ;
	text-align: center ;
}

ul#menu_head li a
{
	width: 140px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #fff ;
}

ul#menu_head li a:hover
{
	color: #e74c3c ;
}

/***************************/

div#menu_member_div
{
	margin-top: 5px;
	margin-left: 5px;
	background: white ;
	width: 140px;
}

div#loginname
{
	margin: 10px;
	font-size: 0.8em;
}

ul.menu_member
{
  width: 130px;
  margin: 0px ;
  padding: 0px ;
  margin-left: 8px;
  margin-top: 15px;
  list-style-type: none ;
  background: #f4f4f4  ;
}

ul.menu_member li
{
	line-height: 25px ;
	font-size: 14px ;
	color: #e74c3c ;
	border-top: 1px solid white;
	margin-left: 0px;
	padding-left: 0px;
	text-align: center ;
}

ul.menu_member li  h2
{
	margin: 0px ;
	font-size: 17px ;
	color: white ;
	line-height: 20px ;
	text-align: center ;
	padding-left: 0px;
	background: url(../images/bar_gray.jpg)  ;
	font-size: 1em ;
}

ul.menu_member li a
{
	width: 110px ;
	font-size: 13px ;
	letter-spacing: 1px ;
	color: #605B5B ;
	text-decoration: none ;

}

ul#menu_member li a:hover
{
	color:  #09036d  ;
	text-decoration: none ;
}

ul.menu_member li a:visited
{
	text-decoration: none ;
}

ul#menu_member_link li
{
	line-height: 12px ;
	border-top: 1px solid pink;
}

ul#menu_member_link li a
{
	font-size: 0.9em ;
}

/*****************************/
div#leftcolumn
{
  border: 0px solid pink;
  width: 140px;
}

ul#login
{
  width: 130px ;
  margin: 0 ;
  padding: 0 ;
  margin-left: 7px;
  margin-top: 10px;
  list-style-type: none ;
  float: none;
  border: 0px solid gray;
  background: url(../images/login_menuMember.jpg)  ;
}

ul#login li
{
	text-align: center ;
	color: white;
}

ul#login li h2
{
	color: white;
	font-size: 1.2em;
}

ul#login li a
{
	text-decoration: none ;
	color: #09036d ;
}

ul#login li a:hover
{
	color: purple  ;
	text-decoration: none ;
}

ul#login li a:visited
{
	text-decoration: none ;
}

ul#login p
{
	color: #e74c3c  ;
	text-align: center ;
}

/*****************************/
div#ads_left
{
/*   margin-top: 10px;
   margin-left: 14px;*/
}

/*****************************/

.contenu
{
   border: 0px solid #20b2aa;
 /*  width: 850px;
   float: right; */
   /* margin: 0px ; */
   /* padding: 0px ; */
   /* margin-left: 0px; */
   /* margin-right: 0px; */
   /* margin-top: 0px; */
   /* margin-bottom: 20px; */
}

.contenu h1
{
/*	margin-top: 37px;
	margin-left: 17px ;
	margin-bottom: 42px ;
	line-height: 46px ;
	font-size: 32px ;*/
	color: #e74c3c ;
	text-align: center ;
/*	width: 810px; */
	border: 0px solid gray ;
	font-family: 'Dancing Script';
}

.contenu h2
{
	font-size: 2em ;
	color: #4aa8a5 ;
	text-align: center ;
	border-top: 0px solid gray ;
	font-family: 'Dancing Script';
	margin-bottom: 15px;
	margin-top: 15px;
}

.contenu h3
{
	font-size: 1.4em ;
	text-align: center ;
	border-top: 0px solid gray ;
	font-family: 'Fugaz One', cursive;
	color: #4aa8a5;
	margin-top: 15px;
}

.contenu h4
{
	/* margin-top: 0px; */
	/* font-size: 15px ; */
	/* color: #605B5B ; */
	text-align: center;
}

.contenu p
{

	/* line-height: 1.3em ; */
	/* padding-left: 25px ; */
}

.contenu a
{
	/* font-size: 10pt; */
}

.contenu a:hover
{
	/* font-size: 10pt; */
}

b.red
{
  color: #e74c3c;
}

b.red_big
{
  color: #e74c3c;
  font-size: 17px;
}

b.redb
{
  color: #e74c3c;
  font-weight: bold ;
}

b.green
{
  color: #20b2aa;
}

b.greenb
{
  color: #20b2aa;
  font-weight: bold ;
}

b.purple
{
  color: purple;
}

b.purpleb
{
  color: purple;
  font-weight: bold ;
}

b.blue
{
  color: #09036d;
}

b.blue_big
{
  color: #09036d;
  font-size: 17px;
}

b.blueb
{
  color: #09036d;
  font-weight: bold ;
}

b.underline
{
  color: white ;
  text-decoration: underline ;
}

p.purple
{
	margin-top: 10px ;
	line-height: 10px ;
	font-size: 1.0em ;
	color: purple ;
	line-height: 15px ;
}

b.gray
{
  color: #2b2d2f;
}

b.gray_big
{
  color: #2b2d2f;
  font-size: 17px;
}

p.red
{
	margin-top: 10px ;
	line-height: 10px ;
	font-size: 1.0em ;
	color: #e74c3c ;
	line-height: 15px ;
}


/* Couleur differente pour les span.comment, les span utilises pour les commentaires */
pre span.comment
{
	color: #b30000 ;
}

/* box */
div.box
{
	background-color: #F9FAFB;
	border-radius: 6px;
	border: 1px solid #EBEDEF;
	margin-bottom: 15px;
	text-align: center;
	padding-bottom: 10px;
}

div.box p
{
	padding-right: 15px;
	padding-left: 15px;
}

div.box h3
{
	margin: 0px ;
	font-size: 24px ;
	color: white ;
	text-align: center;
	line-height: 22px ;
	color: #605B5B;
	margin-bottom: 15px;
}

div.box table
{
	/* margin: 0px; */
	/* padding: 0px; */
	/* width: 100%; */
	/* padding: 2px; */
	/* border: solid 0px red; */
	border-collapse:collapse ;
}

div.box table td
{
	background-color: #F9FAFB;
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	text-align: left ;
	border-left: 0px ;
  border-right: 0px;
  border-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.box table#ola
{
  background-color: #20b2aa;
}

div.box table td.newcolor
{
   background-color: #FFFFFF;
}

div.box table td.appear_color
{
  background-color: #ffffcc9e;
}

div.box table td.top
{
   background-color: #85D3D0;
   color: white;
}

div.box table td.color-my-rank
{
   background-color: #fff0e9;
}

div#centerleft
{
/*	width: 400px ;
	position: relative ; */
	/* left: 10px; */
	/* padding: 5px; */
/*	float: left; */
	/* border: 0px solid purple; */

}

div#centerright
{
/*	width: 400px ;
	position: relative ; */

/* left: 10px; */

/* padding: 5px; */

/* padding-left: 40px; */
/*	float: left; */

}

div#center
{
	/* width: 690px ;
	position: relative ; */
/*	left: 5px;*/
	font:  1.1em ;
/*	padding: 10px;*/
/*	float: left; */
	border: 0px solid red;
}

div#simple
{
	margin-bottom: 20px;
}

div#simple p
{
	padding-right: 15px;
	padding-left: 15px;
}

div#simple h2
{
	margin: 0px ;
	font-size: 10pt ;
	color: white ;
	text-align: center;
	line-height: 22px ;
	background: url(../images/bar.jpg);
}

a img
{
  border:  none ;
  margin-left: 5px;
  margin-top: 5px;
}

img#paypallogo
{
	margin-left: 0px;
  	margin-top: 0px;
}

textarea
{
   font-size: 9pt ;
}

.color1
{
	background-color: white;
}
.color2
{
	background-color:  #09036d;
}

div.form_error
{
	color: #e74c3c;
}

input.score
{
	text-align: center;
	margin-bottom: -5px;
	margin-top: -5px;
	color: #09036D;
	width: 40px;
	height: 30px;;
	padding: 1px 2px;
	border-radius: 6px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	-webkit-appearance: none;
	border-radius: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
	transition: border .25s linear, color .25s linear, background-color .25s linear;
	border-color: rgba(0, 0, 0, 0);
	background-color: #FAF7B1;
}

span.score
{
  font-size: 10pt ;
  color: #e74c3c;
}

span.score_point
{
  font-size: 10pt ;
}

span.score_point_all
{
  background: white;
  margin: 1px;
  font-size: 10pt;
  color: white;
  background: #66C5D9;
  padding: 2px;
  padding-right: 3px;
  padding-left: 3px;
  margin-left: 1px;
  margin-right: 1px;
  border-radius: 3px;
  margin-bottom: 3px;
}

span.winners_group
{
  background: #66D9B8;
}

span.winners_huit_final
{
  background: #B2E930;
  margin-bottom: 3px;
}

span.winners_quater_final
{
  background: #F2C12E;
}

span.winners_semi_final
{
  background: #F27127;
}

span.winners_final
{
  background: #F24E29;
}

span.score_point_middle
{
  font-size: 10pt;
color: white;
background: #66C5D9;
padding: 2px;
padding-right: 3px;
margin-left: 1px;
margin-right: 1px;
border-radius: 3px;
}

span.score_point_total_group
{
  background: #66C5D9;
  color: white;
  padding: 3px;
  padding-left: 4px;
  padding-right:4px;
  border-radius: 3px;
  font-size: 15px;
}

span.score_point_total_huit
{
  background: #B2E930;
  color: white;
  padding: 3px;
  border-radius: 3px;
  margin-left: 6px;
  font-size: 15px;
}

span.score_point_total_quater
{
  background: #66D9B8;
  color: white;
  padding: 3px;
  border-radius: 3px;
  font-size: 15px;
  margin-left: 6px;
}

span.score_point_total_semi
{
  background: #F2C12E;
  color: white;
  padding: 3px;
  border-radius: 3px;
  font-size: 15px;
  margin-left: 6px;
}
span.score_point_total_final
{
  background: #EF476F;
  color: white;
  padding: 5px;
  border-radius: 3px;
  font-size: 15px;
  margin-left: 6px;
}

span.score_point_total_winner
{
  background: #22223b80;
  color: white;
  padding: 5px;
  border-radius: 3px;
  font-size: 15px;
  margin-left: 6px;
}

tr.linetable
{
  background-color: blue;
}

div.message
{
   /* color: white; */
   background-color: #e2f3d2;
   /* width: 800px; */
   text-align: center;
   position: relative;
   padding: 5px;
   border: 2px solid rgb(160, 206, 103);
   margin-bottom: 10px;
   border-radius: 6px;
}

div.message_error
{
   color: white;
   background-color: #E74C3C;
   text-align: center;
	line-height: 1.625;
	border-radius: 6px;
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid rgb(201, 67, 29);
}

div.message_error_small
{
   color: white;
   background-color: #E74C3C;
   text-align: center;
   border: 0px solid gray ;
}

div.info
{
   color: white;
   text-align: center;
   background: #419FDF;
   padding: 18px 45px 14px 30px;
   line-height: 1.625;
   border-radius: 6px;
}

div.info_group
{
  background: #66C5D9;
  margin-bottom: 4px;color: white;
  text-align: center;
  line-height: 1.625;
padding: 5px 45px 5px 30px; margin-left: 20px;margin-right: 20px;  border-radius: 15px;
}

div.info_huit
{
  background: #66D9B8;color: white;
  text-align: center;
  line-height: 1.625;
  margin-bottom: 4px;
padding: 5px 45px 5px 30px; margin-left: 20px;margin-right: 20px;  border-radius: 15px;
}

div.info_quater
{
  background: #B2E930;color: white;
  text-align: center;
  line-height: 1.625;
  margin-bottom: 4px;
padding: 5px 45px 5px 30px; margin-left: 20px;margin-right: 20px;  border-radius: 15px;
}

div.info_semi
{
  background: #F2C12E;color: white;
  text-align: center;
  line-height: 1.625;
  margin-bottom: 4px;
padding: 5px 45px 5px 30px; margin-left: 20px;margin-right: 20px;  border-radius: 15px;
}

div.info_final
{
  background: #F27127;color: white;
  text-align: center;
  line-height: 1.625;
  margin-bottom: 4px;
padding: 5px 45px 5px 30px; margin-left: 20px;margin-right: 20px;  border-radius: 15px;
}

div.info_winner
{
  background: #F24E29;color: white;
  text-align: center;
  line-height: 1.625;
padding: 5px 45px 5px 30px; margin-left: 20px;margin-right: 20px;  border-radius: 15px;
}

div.info a
{
   color: white;
   text-decoration: underline;
}

div.info_green
{
   text-align: center;
   padding: 18px 45px 14px 30px;
	color: #605B5B;
	line-height: 1.625;
	border-radius: 6px;
	background-color: #F4F1EB;
	border: 1px solid #E9E4DC;

}

div.info_green a
{
   color: white;
}

div.info a:hover
{
   color: yellow;
}

div.info_small
{
   color: white;
   text-align: center;
   border: 0px solid #09036d ;
   background: #A7E2E1;

   padding: 14px 45px 14px 30px;
   line-height: 1.625;
   border-radius: 6px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
	text-align: center;
	padding: 18px 45px 14px 30px;
	color: #605B5B;
	line-height: 1.625;
	border-radius: 6px;
	background-color: #F4F1EB;
	border: 1px solid #E9E4DC;
}

div.info_small_green
{
   color: white;
   text-align: center;
   padding: 14px 30px;
   border: 0px solid #09036d ;
   background: #A7E2E1;
   font-weight: bold;
      border-radius: 6px;

}

div.info_small a
{
	font-size: 10pt;
}

div#register
{
   position: relative ;
   left: 15px;
/*   width: 810px; */
}

span.number
{
    color: #09036d;
}

span.comment
{
   font-style: italic;
   font-size: 9pt;
}

div#message_small
{
  width: 300px;
}

div#indicator
{
  height: 70px;
  margin-left: 170px;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#indicator_msg
{
  height: 70px;
  margin-left: 370px;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#indicator_A
{
  height: 250px;
  margin-left: 370px;
  margin-top: 110px;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#indicator_B
{
  height: 250px;
  margin-left: 370px;
  margin-top: 110px;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#indicator_C
{
  height: 250px;
  margin-left: 370px;
  margin-top: 110px;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#indicator_D
{
  height: 250px;
  margin-left: 370px;
  margin-top: 110px;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div.indicator_small
{
  height: 16px;
  width: 20px;
  margin-left: 40px;
  background: url(/images/indicator_small.gif) no-repeat 0 0;
}

div.indicator_small_2
{
  height: 16px;
  width: 20px;
  margin-left: 40px;
  background: url(/images/indicator_small_2.gif) no-repeat 0 0;
}

td#column_accept
{
  width: 135px;
  text-align: center;
  padding-right: 10px;
}

a
{
   /* color: #e74c3c; */
}

div#join_league
{
   align-text: center;
}

div.prediction_group
{
/*    border: 0px solid blue ;
    margin-left: 15px;
    margin-right: 25px;*/
}

div.profile
{
/*    border: 0px solid #20b2aa ;
    margin-left: 15px;
    margin-right: 25px;*/
}

div#right
{
   border: 0px solid gray ;
   /*float: right;*/
}

span.date
{
  font-style: italic;
  font-size: 8pt;
}

div#online
{
  width: 130px;
  color: white;
  margin-left: 7px;
  background: gray;
}

div#flag_line
{
  margin-left: 3px;
}

div#partner_bottom a
{
  font-size: 10px;
}

div#google_line
{
   margin-left: 40px;
}

div#google_smallbox
{
   margin-left: 50px;
}

div#big_string
{
  font-size: 18px;
}

div#medium_string
{
  font-size: 16px;
}

div#pager
{
  text-align: center ;
}

span.rank
{
  color: purple;
  font-size: 12pt;
}

span#question
{
  color: #e74c3c;
  font-weight: bold ;
  text-align: center ;
}

div.box table.pronos td
{
	background-color: #FFFFFF;
	border-style: none;
	border-width: 1px;
	border-color: gray;
	text-align: left ;
	border-left: 0px ;
  border-right: 0px;
  border-bottom: 0px;
}

.team_js
{
 font-weight: bold;
 padding-right: 5px;
}

.front_link
{
 font-size: 13px;
}

/* Shared */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}

/* competion started */

div.box p.score_cell {
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.box p.score_cell_ {
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 1px;
}

p.score_cell, p.score_cell_ {
	margin-bottom:0px;
}

#score_table td.date_header, #score_table_2 td.date_header {
	background-color:#66afa900;
	color:#4aa9a5;
	padding:10px;
	font-size: 14px;
}

#score_table td, #score_table_2 td {
	padding: 0px;
	padding-top: 3px;
	background-color:white;
}

.tipster_score {
	padding-bottom: 7px;
}

.real_score {
	color:#e74c3c;
	background-color: #ffff001c;
	border: solid 1px #e74c3c;
	padding-top: 2px;
}

span.time {
	color:#4aa9a5;
	background-color:#d8dce047;
	font-size: 0.9em;
}

span.time-passed {
	color: orange;
	background-color: #ffa5001f;
	font-size: 0.9em;
}

.badge-score {
	background-color: #80823e0d;
	color: #251f22;
	margin-right: 7px;
	margin-left: 7px;
	font-size: 1em;
	border: solid 1px #68d2bc;
}

.badge-points {
	font-size: 1em;
	margin-top: 7px;
	margin-right: 3px;
	margin-left: 4px;
}

.badge-1 { background-color: #BCE784; color: white; }
.badge-2 { background-color: #5DD39E; color: white; }
.badge-3 { background-color: #348AA7; color: white; }
.badge-4 { background-color: #F0A6CA; color: white; }
.badge-5 { background-color: #ED6B86; color: white; }
.badge-6 { background-color: #9C89B8; color: white; }
.badge-7 { background-color: #A5668B; color: white; }
.badge-8 { background-color: #EAD2AC; color: white; }
.badge-9 { background-color: #C9ADA7; color: white; }
.badge-10 { background-color: #72462ACF; color: white; }
.badge-11 { background-color: #06AED5; color: white; }
.badge-12 { background-color: #6C8989; color: white; }
.badge-13 { background-color: #70C1B3; color: white; }
.badge-14 { background-color: #0B57A8; color: white; }
.badge-15 { background-color: #FFD166; color: white; }
.badge-16 { background-color: #FF9F1C; color: white; }
.badge-18 { background-color: #69306D; color: white; }
.badge-24 { background-color: #F25F5C; color: white; }
.badge-32 { background-color: #333533; color: white; }

.badge-30 { background-color: #0B57A8; color: white; }
.badge-40 { background-color: #70C1B3; color: white; }
.badge-60 { background-color: #FF9F1C; color: white; }
.badge-80 { background-color: #F25F5C; color: white; }
.badge-120 { background-color: #333533; color: white; }

.badge-total-1 { background-color: #FED0BB; color: white; }
.badge-total-2 { background-color: #FCB9B2; color: white; }
.badge-total-3 { background-color: #B23A48; color: white; }
.badge-total-4 { background-color: #8C2F39; color: white; }
.badge-total-5 { background-color: #461220; color: white; }

.badge-ranking { background-color: #EF476F; color: white; }
.badge-total-tipsters { background-color: #9C89B8; color: white; }

.sentense-ranking {
	margin-top: 10px;

}

.phase {
	font-size: 1.3em;
	margin-top: 10px;
	font-family: 'Fugaz One', cursive
}

.score_edit {
	color:#4aa9a5;
	padding-left:10px;
	margin-top: 8px;
	cursor: pointer;
	width: 50px;
}

.save_button {
	font-size:0.8em;
}

.predicted-team {
	background-color: white;
	color: #251f22;
	margin: 8px;
	font-size: 1.0em;
	border: solid 0px #68d2bc;
}

.predicted-team-in {
	background-color: #ffff001c;
	color: #e74c3c;
	margin: 7px;
	font-size: 1.0em;
	border: solid 1px #e74c3c;
}

h6 {
	font-size: 18px;
}

.history_match {
	display: inline-block;
	height:13px;
	width:13px;
	color:white;
	font-size:8px;
	padding:2px;
	text-align:center;
	border-radius:3px;
}

.history_match_right {
	text-align:right;
}

.history_match_w {
	background-color:#85D3D0;
}

.history_match_d{
	background-color:#BCC3CA;
}

.history_match_l {
	background-color:#E74C3C;
}

.current_rank {
	color: gray;
	font-style:italic;
	font-weight:lighter;
	font-size:12px!important;
}

.nav-mobile {
    position: fixed;
    bottom: 50px;
    width: 100%;
    height: 55px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #F9FAFB;
    display: flex;
    overflow-x: auto;
		z-index: 999;
		height: 70px;
}

.nav-mobile__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    color: #251f22;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
}

.nav-mobile__link:hover {
    background-color: #eeeeee;
}

.nav-mobile__link--active {
	background-color: #4aa8a5;
	color: white;
}

.nav-mobile__icon {
    font-size: 18px;
}

.line-tabs {
	overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}

.line-tabs>li {
  float: none;
	margin-right: 3px;
}

.ads-mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    background-color: #F9FAFB;
    display: flex;
    overflow-x: auto;
		z-index: 999;
		height: 50px;
}

.competition-list a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #4aa9a5;
}

.competition-options {
	padding-top: 5px;
}

.radio-final-prediction {
	 margin-top: 2px !important;
}

.final-prediction-left-team {
	text-align: right !important;
	padding-right: 20px !important;
}

.breadcrumb {
	background-color: white;
	color: #4aa8a5;
	padding: 13px 5px
}

.breadcrumb a {
	color: #4aa8a5;
}

.breadcrumb .active  {
	color: #34495eb0;
}

.breadcrumb li.first:after {
	display: none;
  }