body { background: #eee; color: #333; font-size: 16px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; }

.portableNavTrigger { display: none; }

.appWrapper { position: relative; padding: 1.5%; }
.resultsWrapper { overflow-x: auto; }
.fullWrapper { position: relative; padding: 2em 3.5%; }
.sectionWrapper { position: relative; margin: 2em auto; width: 960px; max-width: 94%; }

.grid { position: relative; margin: 0 -1.0204%; }
.grid:after { content: ''; display: block; clear: both; }
.grid .tile { float: left; display: block; width: 23%; margin: 1%; }
.grid_fullbleed { margin: 0; }
.grid_fullbleed .tile { width: 25%; margin: 0; }
.grid_w_4 .tile { width: 23%; }
.grid_w_3 .tile { width: 31%; }
.grid_w_2 .tile { width: 48%; } 
.grid_fullbleed_w_2 .tile { width: 50%; }

.pageHead { font-size: 4em; color: #1f2c5e; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; margin: 1em 0 .5em; line-height: 1.2em; text-align: left; }
.txtCntnt { line-height: 1.5em; }
.txtCntnt p, .txtCntnt ul, .txtCntnt ol, .txtCntnt table { margin: 1em 0; }
.txtCntnt h1, .txtCntnt h2, .txtCntnt h3 { font-size: 2.5em; color: #1f2c5e; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; margin: 1.25em 0 .75em; line-height: 1.2em; }
.txtCntnt h2 { font-size: 2em; border-top: 1px solid #ccc; padding-top: 1em; }
.txtCntnt h3 { font-size: 1.5em; color: #777; color: #236391; text-transform: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.txtCntnt h1:first-child, .txtCntnt h2:first-child, .txtCntnt h3:first-child, .txtCntnt p:first-child, .txtCntnt ul:first-child, .txtCntnt ol:first-child, .txtCntnt table:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.txtCntnt h1:last-child, .txtCntnt h2:last-child, .txtCntnt h3:last-child, .txtCntnt p:last-child, .txtCntnt ul:last-child, .txtCntnt ol:last-child, .txtCntnt table:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.txtCntnt li ul, .txtCntnt li ol, .txtCntnt li ul:last-child, .txtCntnt li ol:last-child { margin-top: .5em; margin-bottom: .5em; }
.txtCntnt strong { color: #1f2c5e; color: #236391; }
.pagesTxtCntnt a { color: #4DBDEC; font-weight: 700; text-decoration: underline; }

.profileImage { height: 3.125em; vertical-align: middle; margin-right: .5em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 .2em 0 rgba(0,0,0,.1);
}

.header { position: relative; background: #236391; color: #fff; height: 50px; line-height: 50px; padding: 25px 0; vertical-align: middle; font-size: 15px; z-index: 99;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}
.headerLogo { display: block; float: left; height: 50px; margin-left: 3.5%; }
.langNav { margin-left: 1em; }
.langNav { position: relative; display: inline-block; background: #fff;  background: rgba(0,0,0,.25); line-height: 20px; padding: 10px; vertical-align: middle; cursor: default;
	border-radius: 3px;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.langNav .dropDownFace { color: #fff; position: static; top: auto; left: auto; font-weight: 400; line-height: inherit; text-transform: none; font-size: 1em;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.langNav .dropDownFace i { display: inline; margin-left: .5em; color: rgba(255,255,255,.5);
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.langNav .dropDownOptions { visibility: hidden; position: absolute; top: 40px; left: 0; margin-top: -10px; width: 100%; background: rgba(0,0,0,.5); /*border-bottom: 4px solid #3882B0;*/ padding: 10px 0; overflow: hidden;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	border-radius: 0 0 3px 3px;
	white-space: normal;
}
.langNav:hover { background: #fff;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 2px 1px rgba(0,0,0,.15);
}
.langNav:hover .dropDownFace { color: #333; }
.langNav:hover .dropDownFace i { color: #4DBDEC; }
.langNav:hover .dropDownOptions { visibility: visible; margin-top: 0; background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	box-shadow: 0 -1px 0 rgba(0,0,0,.25) inset, 0 6px 2px rgba(0,0,0,.025), 0 12px 12px rgba(0,0,0,.05);
}
.langNav .dropDownOptions a { color: #236391; display: block; padding: .25em .5em; text-align: left; line-height: 1.2em; text-align: center; }
.langNav .dropDownOptions a:hover { background: #4DBDEC; color: #fff; }
.mainNav { float: right; padding: 0; margin: 0 1.5em 0 0; list-style-type: none; }
.mainNav li { display: inline; display: inline-block; margin: 0 .65em; }
.mainNav li:last-child { margin-right: 0; }
.mainNav li a { display: block; color: #fff; }
.userSection { float: right; vertical-align: middle; line-height: 50px; height: 50px; padding: 25px; margin: -25px 0; background: rgba(0,0,0,.2); background: #1A517D; }
.userSection img { display: inline-block; vertical-align: middle; margin-right: .5em; }
.userSection a { color: #fff; color: rgba(255,255,255,.9);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.userSection a:hover { color: #fff; }
.userSection .logOut { margin-left: .5em; color: rgba(255,255,255,.5);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.userSection .logOut:hover { color: #fff; }
.userSection .editProfile { margin-left: .5em; color: rgba(255,255,255,.5);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.userSection .editProfile:hover { color: #fff; }
.logInSection { float: right; margin-right: 3.5%; }

.whiteBg { background: #fff; }

.userGroups { position: relative; float: right; padding-left: 1em; margin-left: 1em; border-left: 2px solid rgba(0,0,0,.25); text-align: center; min-width: 6em; height: 50px; }
.userGroupsHead { position: absolute; font-size: .6em; top: -1em; left: 1em; font-weight: 700; line-height: 1em; text-transform: uppercase; color: rgba(255,255,255,.25); }
.userGroupsHead i { display: none; }
.groupSelector {   }
.groupOptions { max-width: 12em;
  white-space: nowrap;
}
.multiGroupSelectorCnt .groupSelector { position: relative; display: inline-block; background: #fff; background: rgba(255,255,255,.85); line-height: 20px; padding: 10px; vertical-align: middle; cursor: default;
  border-radius: 3px;
  box-shadow: 0 2px 1px rgba(0,0,0,.15);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;  
}
.multiGroupSelectorCnt .groupSelector .userGroupsHead { color: #333; position: static; top: auto; left: auto; font-weight: 400; line-height: inherit; text-transform: none; font-size: 1em; }
.multiGroupSelectorCnt .groupSelector .userGroupsHead i { display: inline; margin-left: .5em; color: rgba(0,0,0,.5);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; 
}
.multiGroupSelectorCnt .groupOptions { visibility: hidden; position: absolute; top: 40px; left: 0; margin-top: -10px; width: 100%; background: #fff; /*border-bottom: 4px solid #3882B0;*/ padding: 10px 0; overflow: hidden;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  border-radius: 0 0 3px 3px;
  white-space: normal;
}
.multiGroupSelectorCnt .groupSelector:hover { background: #fff;
  border-radius: 3px 3px 0 0;
}
.multiGroupSelectorCnt .groupSelector:hover .userGroupsHead i { color: #4DBDEC; }
.multiGroupSelectorCnt .groupSelector:hover .groupOptions { visibility: visible; margin-top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  box-shadow: 0 -1px 0 rgba(0,0,0,.25) inset, 0 6px 2px rgba(0,0,0,.025), 0 12px 12px rgba(0,0,0,.05);
}
.multiGroupSelectorCnt .groupOptions a { color: #236391; display: block; padding: .25em .5em; text-align: left; line-height: 1.2em; }
.multiGroupSelectorCnt .groupOptions a:hover { background: #4DBDEC; color: #fff; }

.box .title{ font-size: 1.5em; color: #1f2c5e; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; margin-bottom: .75em; }
.box .title i { margin-right: .25em; }
.smallSectionHead { font-size: 1em; color: #1f2c5e; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; }
.smallSectionHead i { margin-right: .25em; }
.mcTabs #roundTitle.title{ float:left; padding-left: 8px; color: #fff; font-size: 1.5em; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; }
.txtCntntBox { padding: 3em; padding: 5%; }
.txtCntntBox p { text-align: justify; }
.txtCntntBox p[align=center] { text-align: center; }



.footer { position: relative; background: #1F2C5E; color: #fff; overflow: hidden; }
.footer .fullWrapper { margin-top: 0; margin-bottom: 0; padding-top: 4em; padding-bottom: 8em; }
.footerLogo { position: absolute; bottom: 0; right: 0; margin: 2.5%; width: 20em; }
.footerNav { padding: 0; margin: 0; list-style-type: none; }
.footerSection { float: left; padding: 0 2em 1em; width: 12em; border-left: 4px solid rgba(0,0,0,.15); } 
.footerNav li { padding: .25em 0; margin: 0; }
.footerNav li a { color: #fff; }
.footerSectionHead { display: block; font-size: .75em; font-weight: 700; margin-bottom: .5em; text-transform: uppercase; color: rgba(255,255,255,.25); }
.fbFooter { width: 20em; max-width: 80%; }

.supporters { background: #4DBDEC; padding: 2em; text-align: center; margin-top: 4em; }
.supporters img { display: inline-block; vertical-align: middle; height: 6em; margin: .5em 1em; }
.supporters .supporterLogo_mlsz { height: 7em; }
.supporters .footerSectionHead { color: rgba(255,255,255,.5); margin: -.5em 0 1em; }
.homePage .supporters { margin-top: 0; }

.userNumbers { padding-top: 1em; text-align: center; color: #fff; }
.userNumber { display: inline-block; text-align: center; vertical-align: middle; padding: .5em 1em; border-left: 1px solid rgba(0,0,0,.25); }
.userNumber:last-child { border-right: 0; }
.userNumber .number { font-size: 3em; font-weight: 300; display: block; line-height: 1.2em; color: #4dbdec; }

.wannaJoin { padding: 6em 5%; color: #fff; background: url(../tipper.io/imgs/bg_camp-nou-01.jpg) no-repeat 50% 50%; text-align: center;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.wannaJoinHead { font-size: 3em; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; margin-bottom: .75em; }
.wannaJoin .btnCnt { padding-bottom: 1em; }

.showcaseBoxes { padding: 0 0; }
.txtCntntBox .showcaseBoxes { padding: 2em 0; }
.showcaseBox { text-align: center; margin: 0 .5em; border-top: .3em solid rgba(31,44,94,.33); padding-top: 1em; }
.showcaseBox .headline { color: #236391; color: #1F2C5E; font-size: 1.75em; margin-bottom: .5em; line-height: 1.25em; height: 2.5em; }
.txtCntntBox .showcaseBox .headline { font-size: 1.25em; }
.showcaseBox .body { position: relative; margin: 0 auto; max-width: 420px; }
.showcaseBox ol, .showcaseBox ul { padding: 0; margin: 0; list-style-type: none; }
.showcaseBox li { position: relative; padding: 0; margin: 0 0 2.5em; font-size: .8em; line-height: 1.33em; }
.showcaseBox li strong { display: block; font-size: 1.25em; margin-bottom: .35em; line-height: 1.25em; color: #236391; }
.showcaseBox li br { display: none; }
.showcaseBox i { display: block; font-size: 4em; width: 1.75em; height: 1.75em; line-height: 1.75em; border: .075em solid #4DBDEC; margin: 0 auto .15em; text-align: center; color: #4DBDEC;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.showcaseBox li i { font-size: 3em; }
.showcaseBox ol > li:before { content: '1'; position: absolute; display: block; top: 0; left: 50%; font-size: 1.1111em; margin: .1em 0 0 -3.15em; width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; background: #1F2C5E; color: #fff; font-weight: 700; font-family: 'Oswald', sans-serif; z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.showcaseBox ol > li:after { content: ''; content: ''; position: absolute; display: block; font-size: 1.5em; bottom: -.75em; left: 50%; height: 1em; line-height: 1em; width: 1em; text-align: center; margin: -.5em; font-family: 'FontAwesome'; color: rgba(0,0,0,.15); }
.showcaseBox ol > li:last-child:after { display: none; }
.showcaseBox ol > li:nth-child(2):before { content: '2'; }
.showcaseBox ol > li:nth-child(3):before { content: '3'; }
.showcaseBox ol > li:nth-child(4):before { content: '4'; }
.showcaseBox ol > li:nth-child(5):before { content: '5'; }
.largeShowcase .showcaseBox .body { max-width: 100%; }
.largeShowcase .showcaseBox li { padding-left: 7em; text-align: left; }
.largeShowcase .showcaseBox ol > li:before { left: 0; margin: 0; }
.largeShowcase .showcaseBox i { float: left; margin-left: -2.3333em; }
.showcaseBox li li, .largeShowcase .showcaseBox li li { font-size: 1em; margin-bottom: .5em; padding: 0; }
.showcaseBox li ul { margin-top: 1em; border-left: .5em solid rgba(0,0,0,.15); text-align: left; padding: 0 0 0 4em; }
.showcaseBox li li i, .largeShowcase .showcaseBox li li i { font-size: 2em; border: 0; margin: 0; width: 2em; height: 1em; line-height: 1em; display: inline-block; vertical-align: middle; float: left; margin-left: -2em; }
.showcaseBox li li strong { font-size: 1.1em; }

.homePage { background: #1f2c5e; }
.homePage .header { position: absolute; top: 0; left: 0; width: 100%; background: transparent; }
.homePage .header .userSection { background: rgba(0,0,0,.15); background: transparent; }
.homeHead { position: relative; background: url(../tipper.io/imgs/bg_grad_hun_comp_a.jpg) no-repeat 50% 50%; background-image: url(../tipper.io/imgs/kevin_de_bruyne_manchester_city_premier_league_predictions_2018_gettyimages-679597300.jpg); overflow: hidden;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.homeHeadWrapper { position: relative; padding: 100px 3.5% 6em; text-align: center; color: #fff; }
.homeHeadInner { position: relative; margin: 0 auto; width: 960px; max-width: 94%; }
.homeTagline { font-size: 4em; font-weight: 300; max-width: 800px; margin: 0 auto; line-height: 1.35em; margin-bottom: .5em; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; }
.homeTagline .span { background: #4DBDEC; background: rgba(77,189,236,.75); padding: 0 .35em; line-height: inherit; color: #1F2C5E; color: #fff;
  text-rendering: optimizelegibility;
  -moz-box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4dbdec+0,000000+100,4dbdec+100&0.75+0,0.45+100 */
  background: -moz-linear-gradient(top,  rgba(77,189,236,0.75) 0%, rgba(77,189,236,0.45) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(77,189,236,0.75) 0%,rgba(77,189,236,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(77,189,236,0.75) 0%,rgba(77,189,236,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4dbdec', endColorstr='#734dbdec',GradientType=0 ); /* IE6-9 */
}
.homeTagline .important { text-decoration: underline; background: #4DBDEC; color: #fff; }
.homeSubline { display: block; font-size: 1.2em; font-weight: 800; color: #1F2C5E; color: #fff; max-width: 800px; margin: 0 auto 0; 
  text-shadow: 0 0 1em #1F2C5E, 0 .15em 0 rgba(0,0,0,.4);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.homeSubline:hover { color: #4DBDEC; }
.homeScreensOrigo { position: relative; }
.homeScreensold { display: block; position: absolute; top: 3em; left: 0; width: 100%; }
.homeBtnCnt { margin-top: 1em; }
.homeScreens { position: relative; display: block; max-width: 800px; width: 100%; margin: 0 auto; z-index: 3; }

/* ------ Hungary header version ------ */
.hunDay.homeHead { background-image: url(../tipper.io/imgs/bg_hun-spec-01.jpg); }
.hunDay .homeTagline .span {
  background: -moz-linear-gradient(45deg,  rgba(255,59,10,0.75) 0%, rgba(255,59,10,0.45) 100%);
  background: -webkit-linear-gradient(45deg,  rgba(255,59,10,0.75) 0%,rgba(255,59,10,0.45) 100%);
  background: linear-gradient(45deg,  rgba(255,59,10,0.75) 0%,rgba(255,59,10,0.45) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff3b0a', endColorstr='#73ff3b0a',GradientType=1 );
}
.hunDay .homeTagline .important { background: #00B065; }
/* ------------ */

.imgSource { position: absolute; bottom: 0; left: 0; color: #fff; font-size: .8em; margin: 1%; }

.homeIntroSection { padding-bottom: 2.5em; }
.largeIntroTxt { color: #fff; text-align: center; font-size: 1.8em; font-weight: 300; padding-top: 1em; }
.largeIntroTxt strong { font-weight: 300; color: #4DBDEC; display: block; margin-bottom: .5em; }
.homeIntroBtnCnt { text-align: center; padding: 2em 0; }

.homeUSPs { background: #fff; }
.homeUSP { position: relative; padding: 10%; font-size: 1.2em; border-top: 1em solid #4DBDEC; }
.homeUSP .largeIcon { font-size: 5em; position: absolute; left: 10%; top: 50%; width: 1.25em; height: 1.25em; line-height: 1.25em; border: .05em solid #4DBDEC; text-align: center; margin-top: -.725em; color: #4DBDEC;
  border-radius: 100%;
}
.homeUSP .body { margin-left: 8.5em; border-left: .25em solid rgba(31,44,94,.33); padding-left: 1.5em; border-color: #4DBDEC; border-color: rgba(0,0,0,.1); padding-top: .5em; padding-bottom: .5em; }
.homeUSP ul { padding: 0; margin: 0; list-style-type: none; }
.homeUSP li { padding: .5em .5em; margin: 0; border-bottom: 1px solid rgba(0,0,0,.1); }
.homeUSP li:last-child { border-bottom: 0; }
.homeUSP strong { color: #1F2C5E; }
.homeUSP.neg { background: rgba(31,44,94,.1); border-color: #FF3B0A;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f2c5e+0,1f2c5e+100&0+0,0.07+100 */
background: -moz-linear-gradient(45deg,  rgba(31,44,94,0) 0%, rgba(31,44,94,0.07) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(31,44,94,0) 0%,rgba(31,44,94,0.07) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(31,44,94,0) 0%,rgba(31,44,94,0.07) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f2c5e', endColorstr='#121f2c5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.homeUSP.neg .largeIcon { color: #FF3B0A; border-color: #FF3B0A; }
.homeUSP.neg .body { /*border-color: #FF3B0A;*/ }
.homeUSP.neg strong { color: #FF3B0A; }

.grid_fullbleed .tile img { display: block; width: 100%; }
.featureTile { position: relative; overflow: hidden; cursor: default;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}
.featureTile .caption { position: absolute; top: 50%; left: 5%; width: 90%; transform: scale(1.5); font-size: 1.5em; height: 2.66em; line-height: 2.66em; margin-top: -1.33em; text-align: center; vertical-align: middle; color: #fff; z-index: 1; }
.featureTile .caption span { display: inline-block; vertical-align: middle; line-height: 1.33em; }
.featureTile:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(77,189,236,.75); }
.featureTile .caption, .featureTile:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: all .45s ease-out;
  -webkit-transition: all .45s ease-out;
  -ms-transition: all .45s ease-out;
  -o-transition: all .45s ease-out;
  transition: all .45s ease-out;
}
.featureTile:hover .caption, .featureTile:hover:after { transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.featureTile img {
  -moz-transition: all 4s linear;
  -webkit-transition: all 4s linear;
  -ms-transition: all 4s linear;
  -o-transition: all 4s linear;
  transition: all 4s linear;
}
.featureTile:hover img { transform: scale(1.5); }

.loginArea { position: relative; padding: 3em 3.5%; background: url(../tipper.io/imgs/bg_fans-01.jpg) no-repeat 50% 0; background-image: url(../tipper.io/imgs/bg_hun-02.jpg);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.loginBox { margin: 0 auto; max-width: 21.5em; font-size: 1.1em; padding: 1em; }
.loginBox input[type=text], .loginBox input[type=password] { width: 18.4em; }
.loginBox .socialLoginBtn { display: block; width: auto; margin: .5em 0; font-size: 1.1em; padding-left: 1.1em; }
.loginBox .submitCnt { text-align: left; }

.socialInviteRow { text-align: center; margin: 1em 0; }

.addGroupTile .add { display: block; position: relative; text-align: center; font-size: 1.25em; border: .3em dashed rgba(31,44,94,.25); padding-bottom: 3.3em; margin-bottom: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: .5em;  
}
.addGroupTile .add:hover { background: rgba(255,255,255,.5); }
.addGroupTile .addCnt { position: absolute; top: 50%; margin-top: -3.5em; width: 100%; }
.addGroupTile .spacer { display: block; width: 100%; }
.groupItem { display: block; color: inherit; padding: 0; overflow: hidden; }
/*.grid_w_4 .tile:nth-child(6) { margin-bottom: 1.1%; } */
.groupItem .cover { position: relative; overflow: hidden; display: block; }
.groupItem .cover img { display: block; width: 100%; }
.groupItem .caption { padding: 1em; height: 2.5em; line-height: 2.5em; overflow: hidden; vertical-align: middle; }
.groupItem .title { position: absolute; bottom: 0; left: 0; width: 100%; padding: .6em .8em; margin: 0; font-size: 1.25em; line-height: 1.1em; color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
  text-shadow: 0 0 1em rgba(0,0,0,.5);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.groupItem:hover .title { padding-bottom: 1em; }
.groupItem .status { position: absolute; top: .5em; right: .5em; display: block; font-size: 1em; width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; background: #1F2C5E; color: #fff; background: rgba(31,44,94,.5); vertical-align: middle;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.groupItem .badge { position: absolute; top: .5em; right: 2.65em; display: block; font-size: 1em; width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; background: #1F2C5E; color: #fff; background: rgba(31,44,94,.5); vertical-align: middle; overflow: hidden;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 .2em 0 rgba(0,0,0,.1);
}
.groupItem .badge img { display: block; width: 100%; }
.joinBtn { position: absolute; top: 1.15em; left: .5em; z-index: 10; }
.cancelBtn { position: absolute; top: 1.15em; left: .5em; z-index: 10; background: red; }
.cancelBtn:hover{ background: red; }
.groupItem .groupInfo { display: inline-block; vertical-align: middle; padding: 0 .25em; border-left: 1px solid #ccc; }
.groupItem .groupInfo:first-child { padding-left: 0; border-left: 0; }
.groupItem .groupInfo i { line-height: inherit; margin-right: .25em; }
.groupCount { font-weight: 700; font-family: 'Oswald', sans-serif; }
.groupItem .adminUser { font-size: .8em; }
.groupItem .adminUser .name { display: inline-block; max-width: 5em; line-height: 1.2em; vertical-align: middle; }

.groupHead { background: #fff; height: 100px; line-height: 100px; padding: 0 0;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}
.groupHead .breadCrumb, .groupHead .groupSettings { position: relative; float: left; line-height: inherit; height: inherit; padding: 0 1em; margin: 0 0; }
.groupHead .groupName { float: left; font-weight: 300; font-size: 2em; padding-left: .75em; }
.groupName a { display: inline-block; max-width: 12em; height: 100%; overflow: hidden; }
.groupHead .breadCrumb .groupName { float: none; display: inline; }
.groupHead .breadCrumb i { float: left; line-height: inherit; }
.groupHead .groupSettings { float: right; border-left: 1px solid #ccc; margin-right: 0; margin-left: 1em; }
.groupHead .breadCrumb i, .groupHead .groupSettings i { font-size: 2em; color: #ccc; vertical-align: middle; }
.groupHead .breadCrumb:before, .groupHead .breadCrumb:after { content: ''; display: block; position: absolute; top: 50%; right: -5px; height: 0; margin-top: -50px; border-style: solid; border-width: 50px 0 50px 10px; border-color: transparent transparent transparent #ccc; }
.groupHead .breadCrumb:after { border-color: transparent transparent transparent #fff; right: -4px; }
.groupHead .groupSettings i { margin-right: .2em; }
.groupHead a { color: #333;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;  
}
.groupHead a i {
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; 
}
.groupHead a:hover, .groupHead a:hover i { color: #4DBDEC; }
.groupNav { float: right; padding: 0; margin: 0; list-style-type: none; }
.groupEditNav { float: left; margin-left: 1em; }
.groupNav li { float: left; padding: 0; margin: 0 .25em; }
.groupNav li a { position: relative; display: block; padding: 0 .75em; cursor: pointer; }
.groupNav li.active a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #1F2C5E;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.groupNav li.active a:after { height: 4px; }

.scoreTable { background: #4DBDEC; color: #fff; }
.scoreTable .title { color: #1f2c5e; }
.scoreTable .title i { color: #fff; }
.scoreTable .table { width: 100%; font-size: .85em; }
.scoreTable .td { border-bottom: 1px solid rgba(0,0,0,.2); padding: .25em; vertical-align: middle; }
.scoreTable .td img { display: inline-block; vertical-align: middle; float: left; margin: 0; }
.scoreTable .first { font-weight: 700; background: rgba(0,0,0,.2); }
.scoreTable .th { background: rgba(0,0,0,.2); background: #1f2c5e; color: #4DBDEC; cursor: default; }
.scoreTable .imgTd {  }
.scoreTable .td.important { font-weight: bold; }
.position { display: inline-block; font-size: .9em; width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; background: #1F2C5E; background: rgba(31,44,94,.5); vertical-align: middle; font-family: 'Oswald', sans-serif; font-weight: 700;
  border-radius: 100%;
}
.scoreTable .tr:nth-child(1) .position, .scoreTable .tr:nth-child(2) .position, .scoreTable .tr:nth-child(3) .position, .scoreTable .tr:nth-child(4) .position { font-size: 1em; background: #1F2C5E; }
.hicv { display: none; }
.scoreTableExtendRow { padding-top: .5em; text-align: right; font-size: .9em; font-weight: 700; }
.scoreTableExtendRow a { color: #1f2c5e; }
.scoreTableExtendRow a:hover { color: #fff; }

.matchesCnt { margin-top: .75em; margin-bottom: 2em; }
.matchesCnt:after { content: ''; display: block; clear: both; }
.matchType { clear: both; font-size: 1.5em; color: #1f2c5e; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; margin-bottom: .5em; }
.matchType i { color: #4DBDEC; display: inline-block; vertical-align: middle; }
.time { clear: both; font-size: 1em; color: #777; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; padding: .75em 0 .25em; line-height: 1em; }

.matchItem { padding: 0; font-size: .85em; }
.matchItemHead { position: relative; text-align: center; background: #4DBDEC; background: rgba(31,44,94,.35); background: #D0E6EE; color: rgba(31,44,94,.66); padding: .5em 1em 1.5em; margin-bottom: -1.5em; 
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.matchItemHeadCntnt { position: relative; z-index: 1; }
.teamFlag { display: inline-block; overflow: hidden; vertical-align: middle; background: #fff; border: .5em solid #fff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.teamFlag img { display: block; border: 1px solid rgba(0,0,0,.25); width: 4em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.homeTeam, .awayTeam, .inputCnt { position: relative; text-align: left; float: left; width: 40%; z-index: 1; font-family: 'Oswald', sans-serif; }
.inputCnt { text-align: center; width: 20%; font-size: 1.5em; margin: 0.44em 0 1em; font-weight: 700; color: #1F2C5E; }
.homeTeam { text-align: right; }
input[type=number].goalsInput { font-size: 1em; text-align: center; font-weight: 700; color: #1F2C5E; border: 1px solid rgba(31,44,94,.3); background: #4DBDEC; background: #DBF2FB; line-height: 1.2em; height: 1.2em; padding: .4667em 0; width: 1.5em; margin: 0 auto; font-family: 'Oswald', sans-serif;
  border-radius: .15em;
  box-shadow: 0 -.125em 0 rgba(0,0,0,.05) inset, 0 .125em 0 rgba(0,0,0,.075), 0 0 .5em rgba(0,0,0,.1);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
input[type=number].goalsInput:focus { border-color: #4DBDEC; background: #fff;
  box-shadow: 0 -.125em 0 rgba(0,0,0,.05) inset, 0 .25em 0 rgba(0,0,0,.1), 0 0 .5em rgba(0,0,0,.1);
}
input[type=number] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.matchItem .savingStatusIcon { position: absolute; display: block; font-size: 1.5em; top: .65em; left: .65em; line-height: 1em; text-align: center; z-index: 1; }
.matchItemHead.savedTip{ background: rgba(43,197,29,1); }
.matchItemHead.notSavedTip{ background: #ff3b0a; }
.endResult { font-size: 1.3333em; text-align: center; font-weight: 700; color: #fff; background: #1F2C5E; border: 1px solid #1F2C5E; line-height: 1.2em; height: 1.2em; padding: .2em 0; width: 2.75em; margin: 0 auto; font-family: 'Oswald', sans-serif; }
.finished .matchItemHead { background: transparent; }
.finished.scoreNone .matchItemHead { background: rgba(255,0,0,.3); background: #bbb; }
.scoreOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.successScoreOverlay { background: rgba(43,197,29,.5); }
.perfectScoreOverlay { background: rgba(43,197,29,1); }
.matchItem .tip { font-weight: 700; color: #fff; }
.matchItem .tip .caption { font-size: .5em; display: none; }
.matchItem .score { position: absolute; top: .5em; right: .5em; font-size: 1.25em; font-weight: 700; width: 2em; height: 2em; line-height: 2em; text-align: center; vertical-align: middle; background: #1F2C5E; color: #fff; border: .3em solid #fff; z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 .2em 0 rgba(0,0,0,.1);
}
.matchItem.scoreNone .score { background: #FF3B0A; background: #777; }
.matchItem.scorePerfect .score { background: #e0af38; }
.extraBetBox { clear: both; margin-top: .75em; margin-bottom: 2em; }
.extraBetBox { background: #1F2C5E; color: #fff; text-align: center; }
.extraBetBox .title { color: #fff; text-align: left; margin-bottom: .5em; }
.extraBetBox .title i { color: #4DBDEC; }
.extraBetBox .uiHead { background: rgba(0,0,0,.15); border-color: rgba(0,0,0,.2) }
.extraBetBox label { color: #D0E6EE; }
.extraBetBox .row { position: relative; }
.extraBetBox .row .savingStatusIcon { position: absolute; display: block; font-size: 1.5em; bottom: 0; left: .65em; line-height: 1em; margin-bottom: .25em; text-align: center; z-index: 1; }

.scoringTable { width: 100%; border-collapse: collapse; }
.scoringTable td { padding: .25em; border-bottom: 1px solid #ccc; }
.scoringTable tr:last-child td { border-bottom: 0; }
.scoringTable tr td:last-child { text-align: right; }
.scoringTable tr td:first-child { text-align: left; }
.scoringTable .score { text-align: right; width: 3em; }

.feedItem { background: #D0E6EE; }

.inviteBtnCnt { margin: .75em 0 1em; text-align: center; }

.groupFeatures, .matches, .descriptionSection, .teamsTableCnt { float: left; position: relative; }
.commentSection { float: right; position: relative; }
.groupFeatures, .commentSection, .teamsTableCnt { width: 27.5%; }
.matches, .descriptionSection { width: 40%; margin: 0 2.5%; }
.userIsMember .descriptionSection { display: none; }

.descriptionTxt { text-align: justify; }

.responsiveNav_ranglista {  }
.responsiveNav_kommentek { display: none; }

.respActive_tippeles .matches { display: block; float: none; width: auto; margin-left: 1.5%; margin-right: 1.5%; }
.respActive_tippeles .matches .matchItem { float: left; width: 32.3333%; margin: .5%; font-size: .85em; }
.respActive_tippeles .groupFeatures, .respActive_tippeles .commentSection, .respActive_ranglista .descriptionSection, .respActive_ranglista .teamsTableCnt { display: none; }

.respActive_ranglista .groupFeatures { display: block; float: none; width: auto; margin-left: 1.5%; margin-right: 1.5%; }
.respActive_ranglista .userRow.hicv { display: table-row; }
.respActive_ranglista .scoreTable .th .hicv, .respActive_ranglista .scoreTable .td .hicv { display: inline; }
.userRow .td .hicv { color: rgba(31,44,94,.25); cursor: default; }
.respActive_ranglista .matches, .respActive_ranglista .commentSection, .respActive_ranglista .descriptionSection, .respActive_ranglista .groupItem, .respActive_ranglista .scoreTableExtendRow { display: none; }
.respActive_ranglista .groupFeatures .joinBtn, .respActive_ranglista .groupFeatures .cancelBtn{ display: none; }

.respActive_leiras .descriptionSection { display: block; width: 69%; margin: 0 1% 0 2.5%; max-width: 960px; }
.respActive_leiras .groupFeatures, .respActive_leiras .groupItem { display: block; }
.respActive_leiras .matches, .respActive_leiras .commentSection, .respActive_leiras .teamsTableCnt, .respActive_leiras .scoreTable, .respActive_leiras .feed { display: none; }

.respActive_kommentek .commentSection, .respActive_tippeles .teamsTableCnt { display: block; float: none; width: auto; margin-left: 1.5%; margin-right: 1.5%; }
.respActive_kommentek .matches, .respActive_kommentek .teamsTableCnt, .respActive_kommentek .groupFeatures, .respActive_kommentek .descriptionSection, .respActive_kommentek .commentSection .inviteBtnCnt { display: none; }

.supportLabel { position: fixed; display: none; bottom: 100px; right: -2em; margin-right: -20.25em; background: #fff; border: .5em solid #fff; height: 4em; line-height: 4em; margin-top: -2.5em; z-index: 98; color: #1F2C5E; padding-right: 3em;
  -moz-border-radius: 2.5em 0 0 2.5em;
  -webkit-border-radius: 2.5em 0 0 2.5em;
  -ms-border-radius: 2.5em 0 0 2.5em;
  -o-border-radius: 2.5em 0 0 2.5em;
  border-radius: 2.5em 0 0 2.5em;
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: -.25em .25em rgba(0,0,0,.15), .5em 0 1.5em rgba(0,0,0,.1);
}
.supportLabel:hover { margin-right: 0; }
.supportLabel i { float: left; font-size: 2em; width: 2em; height: 2em; line-height: 2em; margin-right: .5em; background: #1F2C5E; color: #4DBDEC; text-align: center; vertical-align: middle;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.supportLabel .caption { display: inline-block; vertical-align: middle; line-height: 1.33em; max-width: 20em; font-size: .9em; }

#inviteInfo{ padding: 1em; }
#inviteInfo .uiHead{ position: relative; padding: 0.8em 0.9em; font-size: 1.1em; }
#inviteInfo .close{ font-size: 18px; position: absolute; right: 15px; top: 50%; margin-top: -9px; cursor: pointer;  }
#inviteInfo .btn{ background: green; }
#inviteInfo .row{ font-size: 12px; padding-top: 10px; }

.basicPopup { position: relative; width: 28em; }
.updatesBox { padding: 2em; }
.popupLikeHead { font-size: 2em; color: #1f2c5e; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; text-align: center; padding: .5em 0; border-bottom: 2px solid #ccc; }
.popupLikeBox { text-align: center; margin: 2%; min-height: 15em; position: relative; }
.popupLikeBox img { display: block; width: 100%; }
.tweetBtnCnt { margin: 1em 0; }
.popupLikeBox .formSubHead { color: #4DBDEC; margin: .5em 0 1.5em; }
.popupLikeBox .fb-page.small { display: none; }

.groupBannerArea { margin: 1.5% 1.5% 0; text-align: center; }
.groupBannerArea img, .groupBannerArea iframe { display: block; margin: 0 auto; max-width: 100%; }

.resultsTable { font-size: .9em; border-collapse: collapse; margin: 0 auto; }
.resultsTable td, .resultsTable th { border: 1px solid #ccc; padding: .5em; text-align: center; }
.resultsTable th { border: 0; padding: 1em 1em .5em; background: #4DBDEC; color: #fff; }
.resultsTable.teamsTable th { border: 0; padding: 1em; background: #4DBDEC; color: #fff; }
.resultsTable.teamsTable td.teamName{ text-align: left; }
.resultsTable .emptyTh { background: #236391 no-repeat 50% 50%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.tdTeamItem { display: inline-block; text-align: center; }
.tdTeamItem .teamFlag { display: block; margin: 0 auto; border-width: .25em; }
.tdTeamItem .teamFlag img { width: 2em; }
.resultsTable th .endResult { margin-top: .2em; }
.resultsTable td:first-child { border-left: 0; }
.resultsTable.teamsTable td:last-child { border-right: 0; }
.resultsTable .imgTd { padding-right: 0; border-right: 0; }
.resultsTable .nameTd { border-left: 0; padding-left: 0; text-align: left; }
/*.resultsTable .betTd { font-weight: bold; text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif; }*/
.resultsTable .betTd.finished { padding-right: 0; border-right: 0; }
.resultsTable .scoreTd { border-left: 0; padding-left: 0; }
.resultsTable .score { display: inline-block; font-size: 1em; font-weight: 700; width: 2em; height: 2em; line-height: 2em; text-align: center; vertical-align: middle; background: #1F2C5E; color: #fff; border: .3em solid #fff; z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 .2em 0 rgba(0,0,0,.1);
}
.resultsTable .bonusTd{ background: #1F2C5E; color: #fff; }
.resultsTable .score.scoreNone { background: #777; }
.resultsTable .score.scorePerfect { background: #e0af38; }
.resultsTable .score.roundScore { background: #65B32E; }
.resultsTable td i { color: #bbb; }
.teamsTableCnt { margin: 1em 0 1em; font-size: 12px; float: left; position: relative; }
.teamsTable{ width: 100%; }
.teamsTableCnt .tableShow { cursor: pointer; }
.teamsTableCnt .tableShow:hover{ color: #00a2e0; }

.teamsTable tr.selected{ background-color: #e0af38; }

.console{ background: #000000; color: green; padding: 10px; position: fixed; top: 0; left: 0; font-size: 10px; z-index: 1000; }

.featuredContests { position: relative; padding: 3em 0; background: url(../tipper.io/imgs/bg_pitch-old-trafford-01.jpg) no-repeat 50% 50%; text-align: center; overflow: hidden;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.featuredContestItem { width: 20em; display: inline-block; margin: 1em; text-align: left; }
.featuredContestItem .cover .badgeImg { position: absolute; top: 50%; left: 50%; width: 10em; margin: -5em; }
.featuredContestItem .caption { padding-left: 0; padding-right: 0; }
.featuredContestItem .caption .option { float: left; width: 50%; border-right: 1px solid rgba(0,0,0,.15); margin-right: -1px; text-align: center; color: #777;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.featuredContestItem .caption .option i { font-size: 1.25em; vertical-align: baseline; margin-right: .2em; }
.featuredContestItem .caption .option:hover { color: #4DBDEC; }
.featuredContestItem .caption .option:last-child { border-right: 0; }
.slider-arrow { position: absolute; top: 50%; left: 0; font-size: 3em; line-height: 1em; height: 1em; padding: .5em 0; width: 1em; text-align: center; vertical-align: middle; margin-top: -1em; background: #4DBDEC; color: #fff; background: #1F2C5E; color: #4d9ced; z-index: 1; cursor: pointer;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.slider-next { left: auto; right: 0; }
.slider-arrow:hover { color: #fff; }

#toggleClosedGroups:hover{ color: #0C8ED3; }