:root{
--lightpurple:rgba(255,255,255,1.0);
--lightblue:rgba(176,196,222,0.2);
--palewhite:rgba(255,255,255,0.90);
--purple:#56378A;
--violet: #952D98;
--fuchsia: #C3004A;
--turquoise: #0092BB;
--grayblue: #44697D;
--gray:#868688;
--palepurple:#C5BBDA;
--orange:#f90;
--darkblue:#369;
--w3darkblue:#369;
--w3green:#98cc14; /* same as success */
--w3darkgreen:#85b211;
--w3blue:#4c98e0;
--dropdownbg:#fefefe;
--worldblue:#1989EA;
--worldbluedark:#0768b7;
}

.w3 {font-family: "Arial Rounded MT Bold", 'Varela Round', sans-serif;}

body {
  
  background-color: #f5f5f5;
   padding-bottom: 0;
   margin: 0;
}

.worldblue {
/*	background-color: var(--worldblue);*/
background-image: linear-gradient(var(--worldblue),var(--worldbluedark));
}



.lightpurple {
	background-color: var(--lightpurple);
}

.lightblue {
	background-color: var(--lightblue);
}

.purple {
	background-color: var(--purple);
}

.violet {
	background-color: var(--violet);
}

.fuchsia {
	background-color: var(--fuchsia);
}

.turquoise {
	background-color: var(--turquoise);
}

.grayblue {
	background-color: var(--grayblue);
}

.gray {
	background-color: var(--gray);
}

.palepurple {
	background-color: var(--palepurple);
}

.w3green {
	background-color: var(--w3green);
}

.w3blue {
	background-color: var(--w3blue);
}

.akzogreen, .w3darkgreen {
	background-color: #85b211;
}

.w3darkblue {
	background-color: var(--w3darkblue);
}

.orange {
	color: var(--orange);
}


/* PRIMARY NAV */
/*
#topbar {
	position:absolute;
	margin-bottom: 0px;
	margin-top:0;
	width:100%;
	height:auto;
	background-color:#ccc;
	border-bottom: 1px solid #005A9A;
}
*/
.navbar {
	background-color:#eee;
	min-height: 30px;
	border-radius: 0;
	border-top: 3px solid #369;
	border-bottom: 1px solid #bbb;
}

.navbar form {padding-top:8px;}

.navbar-inverse .navbar-brand{
color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
color: #fff;
}
.topbar img {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	/*float: right;*/
	clear: none;
}

#bignav {
	min-width: 86rem;
	max-width:86rem;
	padding: 1em;
}

.bignavfirst {
	position: relative;
	text-align: center;
	margin-bottom: 1em;
	margin-top: -1.2em;
	padding: .5em;
	background-color: var(--lightblue);
	font-size: 1.2em;
}

.bignavlast {
	position: relative;
	margin-bottom: -1em;
	margin-top: 2em;
	padding: .5em;
	background-color: var(--lightblue);
}

a.activitynav {
	margin: .6em; 
	padding: .5em;
	color: #369;
}

a.activitynav:hover {
	background-color: #fff;
	color:#000;
	text-decoration: none;
	border-radius: 8px;
}

a.activitynavall {
	background-color: #f5f5f5;
	color:#000;
	border:1px solid #98cc14;
	border-radius: 30px;
}

a.activitynavall:hover {
/*	border:1px solid #000;*/
		border-radius: 30px;
}

.bignavitem {
min-width: 13rem;
margin-bottom: .5em;
float:left;
}

.covidmessage {
	display: block;
	margin:.5em;
	padding:.5em;
	border: 1px solid #a94442;
}

#topname {
    width: auto;
    float: left;
    margin-top: 1em;
}

#topname-mobile {
    width: auto;
    margin-top: 1em;
    text-align: center;
}

#toplogo {
    width: auto;
    float: right;
}

#toplogo-mobile {
    width: auto;
    text-align: center;
}

#trans {
    margin-top: -40px;
    margin-right: 10px;
}



/* footer */


#footer {
	margin-top:40px;
}

#footer .date {color: #eee;}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color:#fff;
  color: #A6A732; /* same as navbar bg */
}




.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.navbar-brand {
	font-size: 2em;
}

.navbar-nav {
	font-size:1.2em;
}

/* SECONDARY NAV */

.navbar2 {

	background-color: #d5d5d5;
}

/* JUMBOTRON */

.jumbotron {
	margin-bottom:10px;
	padding-top:0;
	padding-bottom:0;
}

.jumbotron-sm, .jumbotron-admin {
	background-color:#C8DCF5;
background-image: url('../images/kemira24banner2400_kgc.png');
background-position: bottom left;
/*	background-image: url("../images/hero/hero_moose_sm_fade1.jpg");*/
	background-size: 100%;
/*	border:3px solid #98cc14;*/
	/*height: 100px;*/
	min-height: 400px;
/*	max-height: 230px;*/
	margin-top: -20px;
	border-bottom: 1px solid #bbb;
	box-shadow: 3px 0px 10px #ccc; 
	background-repeat: no-repeat;
	}

.jumbotron-sm h1 {
	font-size:2.1em;
}

/*.jumbotron-admin {
	background-color:var(--lightblue);
	background-image: url('../images/kemira24banner2400_kgc.png');
    background-image: url("../images/adminBannerbg.png");
	background-size: auto;
	background-repeat: repeat;
	background-position: bottom right;
}*/

/* google translate widget goes below the jumbotron */

#trans {
	margin-top:-40px;
	margin-right: 10px;
	border:none;
}

.intro {
	background-color: var(--lightblue);
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 1.0em;
  height: auto;
  font-size: 1.2em;
}

/*  BANNERS  */

.bannerweighting {
/*	border:1px solid #bbb;*/
	background-color:var(--lightblue);
	border-radius: 6px;
	padding: .5rem;
	margin-bottom: 3em;
	font-size: .8em;
}

.bannerActivityData, #activityDescription {
	border:1px solid var(--gray);
	background-color:var(--palewhite);
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 3em;
	margin-top: 3em;
	box-shadow: 3px 3px 10px #ccc;
}

#activityDescription p { 
	font-size: 1em;
}



.bannerActivityData H1 {
	color: var(--w3darkblue);
}



.starter-template {padding:0;}


.pageintro {
	background-color: var(--lightblue);
	margin-top: -10px;
	margin-bottom: 1em;
	padding:1.0em;
	height:auto;
	font-size: 1.2em;
}


/* generic container for full width*/

.container-full {width:100%;}

/* FONTS - HEADERS */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .list-group-item {
/*font-family: "Arial Rounded MT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: 'Varela Round', sans-serif;
font-weight: 500;
line-height: 1.1;
}

.label {font-weight:normal;}

.label-success {
	background-color: #98cc14;
}

p, li, td {
font-family: 'Open Sans', sans-serif;
}
/* homepage styles*/

h1.hp {
	font-size:60px;
	margin-bottom:-20px;
	margin-top:0px;
	}
h2.hp {margin-bottom:0;}
h2.hp2 {margin-top:0;}

a.hp:hover {text-decoration:none;}

/* ALERTS (NEW COLOURS) */

/*.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}*/

.alert-success {
	background-color: #FFF;
	border:3px solid #98cc14;
	color:#777;
}

.alert-info {
/*color: #31708f;
background-color: #e5e5e5;
border-color: #ccc;*/
color: #31708f;
background-color: #FFF;
/*border-color: #31708f;*/
border: 2px solid #31708f;
padding: 10px;
}

.alert-danger {
color: red;
background-color: #fff;
border-color: red;

}

.alert-playerstats, #flairbox {
	border: none;
	background-image: linear-gradient(#eee, #f1f1f1, #f5f5f5);
	border-radius: 10px;
}

.label-playerstats {
	border: 2px solid #98cc14;
	background-color: #fff;
	color: #98cc14;
	font-weight: 600;
}

.surveyquestion {
border:1px solid #98cc14;
padding: .5em;
border-radius: 6px;
background-color: #fff;
margin-bottom: 1em;
}

.surveyquestion>p {
	font-size: 1.3em;
}

#progressInfoDiv {
	color: #000;
	font-size: .9em;
	border: 1px dashed #ccc;
	padding: .5em;
	margin: .5em;
	text-align: center;
	border-radius: 6px;
}

/* HIDDEN ELEMENTS */

#aboutevent,
#signup, 
#signin,  
#profile_personal2, 
#signup2, 
#signup3, 
#signupfinal,
/*#signupnext,*/
#signupnext1,
/*#waiver,	*/
#profile_business2, 
#profile_location2, 
#vtcreateform, 
#category1form, 
#category2form, 
#categoryval1form, 
#categoryval2form,
#contactsubmit,
.age-field,
#joinrequestform,
#activityform_t, 
#activityform_d,
/*#contact2,
#contact3*/
#addtimedactivitiesform,
#addfitbitresultsform, 
#addstravaresultsform,
#dailyBike, #dailyRun, #dailyOther,
/*#badge_marathon,
#badge_century,
#badge_seventyfive,
#badge_ironman,
#badge_halfmil,
#badge_million,*/
#badgeLevel1,
#badgeLevel2,
#badgeLevel3,
#badgeLevel4,
#badgeLevel5,
#badgeLevel6,
#activitydetails,
#weighting,
#photoUploadButton,
#playerphotos,
#activityDescription,
#multientry2,
#multientry3,
#multientry4,
#multientry5,
.multidataTimed1, .multidataTimed2, .multidataTimed3,.multidataTimed4,.multidataTimed5,
.statsInfo,
#addDogForm,
#dogPicForm,
#dogUpdateForm,
#updateDogPicForm
 {
	display:none;
	}
	
#addtimedactivitiesform, #addfitbitresultsform, #addstravaresultsform {
	position: relative;
	top: 0;
}
	 
#signin {
position:relative;
height:60px;
margin-top:0;
padding:4px;
background-color:transparent;
text-align:center;
}

#searchIcon {
	margin: 1em;
	float: right;
}

#searchform  {
position:relative;
margin-top:0;
padding:4px;
background-color:transparent;
text-align:center;
width:auto;
float: left;
display: none;
}

li.signinform {overflow:visible;}

/* -----------  full stats divs  ---------------- */

#fullstats_cities, #fullstats_countries, #fullstats_athletes {display:none;}
	
	/*#profile_personal2, #profile_business2,*/
	
#signup2, #signup3 {
	clear:both;
	margin-top:20px;
	}

/* buttons */

.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #cccccc;
}

.btn-primary{background-color: #428bca;}

.btn-signup {
	border:3px solid #369;
}

.btn-signup:hover {
	border:3px solid #000 ;
}

.btn-success {
  color: #fff;
  background-color: #98cc14;
  border-color: #999;
}

.btn-success:hover {
	background-color: #85B211;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e1e1e1;
  border-color: #adadad;
}

.btn-clear {
    background-color: transparent;
    border-color: #aaa;
}

.btn-clear:hover {
	background-color: #fff;
}

.btn-footerpw {
	background-color: transparent;
    border:none;
    color: #FFF;
    font-size: 1em;
    padding-left: 15px;
}

.btn-learn, .btn-report-corp {
	background-color: #fff;
	border-color: #369;
}

.btn-help {
	border:1px solid #fc0000;  /*orange = #ffa80c*/
	background-color: #fff;
	color: #fc0000;
	padding:1px 4px;
}

/* activity selection buttons */

.btn-sbrw, .alert-sbrw, .btn-report-player {
	background-color: #fff;
	border-color: #98cc14;
}

.btn-other, .alert-other, .btn-report-act {
	background-color: #fff;
	border-color: #b57cb1;
}

.btn-fitbit, .alert-fitbit, .btn-report-region {
	background-color: #fff;
	border-color: #00aadb;
}

.btn-strava, .alert-strava  {
	background-color: #fff;
	border-color: #FC5200;
} 

/* adjusting border radius so buttons look more like buttons */

.btn-sm, .btn-lg, .btn {border-radius: 30px}

/* custom well styles for report page */

.well-players {
	border: 2px solid #98cc14;
	background-color: #fff;
}

.well-act {
	border:2px solid #b57cb1;
	background-color: #fff;
}

.well-region {
	border: 2px solid #00aadb;
	background-color: #fff;
}

.well-corp {
	border: 2px solid #369;
	background-color: #fff;
}

/* email response panel */

.panel-helpresponse {
	padding: 1em;
}




/*stats panels*/

/*for the homepage panels */
.statspanel, .hpsection, .statspanel-admin {
	border: 1px dashed #bbb;
	border-radius: 8px;
	background-color: #fdfcfb;
	padding: .5em;
	margin: .2rem 0;
/*	margin-top:.2em;*/
	text-align: center;
}

.statspanel-upper {
	min-height: 150px;
}

.statspanel-admin {
	overflow: hidden;
	padding-top: 0;
}

.statspanel-admin li {
	text-align: left;
}


/*for the site-wide tables */

.statspanel-table {
	border:0px solid gray;
	text-align: left;
	box-shadow: 3px 3px 10px #ccc;
	padding-top:0;
	overflow: hidden;
	margin-bottom: 1rem;
}

.statspanel .form-group, .surveyresponse {
text-align: left;
}

/*.statspanel-admin {
	border: 1px dashed #bbb;
	text-align: left;
	box-shadow: 3px 3px 10px #ccc;
	padding-top:0;
	overflow: hidden;
	margin-bottom: 1rem;
	min-height: 200px;
	margin-right:1em;

}*/

/*.statspanel h3 {

	margin-top: 0;
	color: #777;
	margin-bottom: 1rem;
}*/

.noshadow {
	box-shadow: none;
	border: 1px solid #eee;
}

.statspanel :is(h3,h4){
	margin-top: 0;
	color: #369;
	margin-bottom: 1rem;
	margin-left:-1rem;
	margin-right:-2rem;
	height: 4rem;
	background: rgb(176,196,222,0.3);
/*	width: 110%;*/
	padding:1rem 2rem 1.5em 2rem;
}


.statspanel-admin :is(h3,h4){
	margin-top: 0;
	color: #369;
	margin-bottom: 1rem;
	margin-left:-1rem;
	margin-right:-2rem;
	height: 4rem;
	background: rgb(176,196,222,0.3);
/*	width: 110%;*/
	padding:1rem 2rem 1.5em 2rem;
}

.playerstatspanel {

	border: 2px solid #fff;
	border-radius: 8px;
	background-color: #fdfcfb;
	padding-top: 1.5em;
/*	margin-top:1em;*/
	margin-top:.2em;
	text-align: center;	
	box-shadow: 3px 3px 10px #eee;
}

.playerstatspanel p {
	font-size: 1.2em;
}

.playerstatspanel  .statsInfo {
	font-size: .9em;
	min-height: 54px;
}

.showStatsInfo {
	margin-top: -1.5em;
	margin-bottom: 1.5em;
}

/*	.hpsection {
background-color: #f1f1f1;
	text-align: left;
	background-image: linear-gradient(#fdfcfb, #eee);
}*/

/*.hpsection :is(h2,h4) {
background: transparent;
text-align: center;
} */

.badgepanel {
	background-image: linear-gradient(#fdfcfb, #eee);
}

.teamplayerdata, .mobileteamdata {
	width: 100%;
	margin-left:-1rem;
	margin-right:-2rem;
	margin-top:-1.5rem;
	font-size: 1.3em;
	color: #369;
	text-align: center;
}

.mobileteamdata {
	width: 110%;
	margin-top:0;
/*	margin-right:-3rem;*/
	background: rgb(176,196,222,0.3);
	font-size: 1.1em;
}



.currentProgress {
/*	background-color: #f0f0f0;*/
	color: #bbb;
	text-align: left;	
	font-size: 1.85rem;
	padding-left: 1.5rem;
}

.gold {
	color: #f7e438;
}






/*player photo styles*/

.hp_photos{
	min-height: 110px;
}

.hp_photos p {
	margin:.8em;
	text-align: center;
	font-size: 1.2em;
}

#hp_photos, #playerphotos {
	/* for the actual thumbnails */
	text-align: center;
	overflow: auto; /*for horizontal scroll*/
	max-height: 153px; /*includes 1px borders*/
	white-space: nowrap; /*for horizontal scroll*/
}

#hp_photos img {
	border:1px solid #FFF;
}

.playerphoto {
	border:2px solid #777;
	margin: 2px;
	max-width: 100%;
	height:auto;
}

.galleryphoto {
	background-color: #f9f9f9;
	margin: 4px;
	padding:4px;
	border:1px dashed #bbb;
/*	border-radius: 6px;*/
	box-shadow: 5px 5px 3px #ddd;
}

.galleryphoto > .playerphoto {
	margin: 0;
/*	box-shadow: 5px 5px 5px #bbb;*/
	border: 2px solid #000;
}

.thumbnail {
	max-height: 100px;
	width: auto;
	display: inline;
}

.photoEdit {
	padding: 1em;
	/*margin-left: 1px;*/
	margin-bottom:1em;
	border:1px solid #777;
	box-shadow: 5px 5px 3px #ccc;
	min-height:740px;
}

.photoAdd {
	padding: 1em;
	background-color: #FFF;
	/*margin-left: 1px;*/
	margin-bottom:1em;
	border:1px solid var(--w3green);
	border-radius: 6px;
	box-shadow: 5px 5px 3px #ddd;
}

.photoAdd input[type="file"]{
	font-size: 1.2em;
}


.photoCaption {
	display: block;
	/*	width:100%;*/
	padding:4px;
	margin-left: 2px;
	margin-right: 2px;
	font-weight: 700;
	background-color: var(--lightblue);
	
}

.photoInfo {
	width:100%;
	padding:4px;
	margin-left: 2px;
	margin-right: 2px;
}

/*hide the comments forms and the comments. ^= means 'all that begin with...'*/

/*div[id^="photoCommentForm"] {
	display: none;
}*/

/*div[id^="photoComments"] {
	display: none;
}*/

/* the comment button */

.showComments {
	font-size: 1.2em;
	color:var(--w3green);
	margin-right: .5em;
}

/*previous comments*/
.photoComment {
	position: relative;
	margin-top:2em;
	padding: .5em;
}

#photoCommentForm {
	margin-top:1em;
}

div[id^="photoComments"]  {
	margin-top: 1.5em;
}

a > .commentIcon {
color: var(--w3green);
font-size: 1.4em;
margin-left: .5em;
}

.oneComment {
	margin-left:1.5em;
	margin-bottom: 1em;
	margin-top:-.3em;
}


/* photo gallery comments tool tip */

i[comment-tool-tip]{
	position: relative;
}

i[comment-tool-tip]::after {
	content:attr(comment-tool-tip);
display: block;
position: absolute;
background-color: #fff;
padding: .5em;
color: #000;
border: 1px solid #98cc14;
border-radius: 5px;
font-size: .8em;
bottom: 0;
left: 0;
white-space: nowrap;
transform: scale(0);
transition: transform ease-out 150ms, bottom ease-out 150ms;
font-family: 'Varela Round', sans-serif;
font-weight: 400;
box-shadow: 3px 3px 3px #bbb;
}

i[comment-tool-tip]:hover::after {
	transform:scale(1.0);
	bottom: 100%;
}

/*for the player page*/



.oneplayerphotos  {
	/*position: relative;
	top: 4px;
	margin-top: 4px;*/
	text-align: center;
}

/* additional colours */

.grey {color: #777;}

.green {color: var(--w3green);}

.bgblack {background-color:#000;}
/*.bgdarkgrey {background-color:#2f2f2f;}*/

.iconInfo {color: var(--darkblue);}

.iconText {
	color:var(--w3darkblue);
}

.bgdarkgrey {
background-color: #369;/*     525252*/
    background-image: url("../images/maze-black.png");
}

.paleblue {
	background-color: #F1F3F4;
}

.palegreyblue {
	background-color: #B9C9D0;
}

.bgwhite {
	background-color: #FFF;
}

/*labels*/

.label-clear {
	background-color: transparent;
	border: 1px solid #ccc;
	color: #000;
	margin:1em;
} 

.label-playerdata {
	background-color: var(--w3darkgreen);
	color: #FFF;
	margin-bottom:12px;
}

/* custom border styles */

.bordertop1 {
	border-top: 1px solid #ccc;
}

/* labels */

.label {
	font-size: 100%;
}

.navbar-toggle {
    background-color: #d5d5d5;
    margin-right: 2em;
}

.navbar-toggle .icon-bar {
    background-color: #222;
}

.navbar .showsignin, .signout {
    margin: 12px;
}

/* dropdown nav styles.*/


.navbar-nav li a.dropdown-toggle, a.dropdown-toggle:hover {	
	color:#333;
	}

.navbar-nav li a.dropdown-toggle:hover, .navbar-nav li a.dropdown-toggle:focus {background-color:transparent;}

.navbar-nav .open .dropdown-menu {
	background-color: var(--dropdownbg);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}



.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color:#e5e5e5;
  color: #000; /* same as navbar bg */
}

.admin-dropdown .dropdown-menu > li > a{
	color: #7C9ABF;
}
.admin-dropdown  > li > a.dropdown-toggle{
	color: #7C9ABF;
}

.panel {
	border: 1px solid #dfdfdf;
	border-radius:0;
	-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.17);
	-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.17);
	box-shadow: 0 2px 2px -1px rgba(0,0,0,0.17);
}

.panel-default {
	background-color:#fff;
}

.panel-default > .panel-help {
	background-color: var(--lightblue);
}

.label-target {
	background-color: #fff;
    color: #98cc14;;
    border: 2px solid #98cc14;;
}

/* greyout */

.greybadge {
	background-color: #f4f3f4;
	opacity: 0.1;
	width:110px;
	min-height: 110px;
	float: left;
	margin:1px;
}

.clearbadge {

	width:110px;
	min-height: 110px;
	float: left;
	margin:1px;
}

/* small badge class custom colours */

.lilbadge {
  border:2px solid var(--w3blue);
  width: auto;
  border-radius: 10px;
  padding: 10px;
  color:var(--w3blue);
  background-color: var(--whiteout);
  box-shadow: 2px 2px 2px #bbb;
  font-size: 1.5rem;
  margin-bottom: 4px;
  margin-top: 10px;
  clear: both;
}

.lilbadgeGrey {
	border:2px solid #ddd;
	color:#ddd;

}

.badge-orange {
	background-color: #fc8201;
}

/*lil badges overlay*/

.whiteout {
	background-color: var(--whiteout);
}

.badgePlayerCount {
	margin-top:-40px;
	color:#FFF;
	font-size: 1.5rem;
	margin-bottom:40px;
}

/*for the player activities page*/

.playerbadges {
	margin-top: 1em;
	margin-bottom: 5rem;
}




/* small badge class custom colours */

.badge-orange {
	background-color: #fc8201;
}

.teambadge {
	min-height: 360px;
	text-align: center;
}

.label-orange {
	background-color: #fc8201;
}

.container-footer {
	margin-top:2rem;
}

.footer-header {
	background-color:transparent;
	color:#FFF;
	border:none;
	font-weight:700;
	font-size:1.3em;
}

/*#footertop {
	height: 600px;
	background-image: url('../images/kemira24banner2400x1200.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;

}*/

#footer a, #footer .btn-footerpw {
	color:#fff;
	background-color:transparent;
	}
	
#footer a:hover, #footer .btn-footerpw:hover {
		color:#000;
	background-color:lightblue;
}


#footer .statspanel a {
	color:var(--w3blue);
}

.footerAdmin {
	border:1px dashed #FFF;
	border-radius: 8px;
	background-color:var(--worldbluedark) ;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .5em;
	width: 90%;
	margin-bottom: 2em;
}

fieldset {
	margin-bottom: 1em;
}

/* survey widget */
.surveyResultsBar {
	background-color:#99cc33;
	height:1.5em;
	padding-left:4px;
	margin-bottom:.5em;
	margin-top: -.75em;
	color:#FFF;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.surveybox {
	padding: .5em;
	padding-top: -1.5em
}

.surveytitle {
	margin-top: 0;
	font-family: 'Varela Round', sans-serif;
	background-color:#79B5E7;
	text-align: center;
	color:#FFF;
}

.surveybtn {
	margin-top: 3em;
}

.smalltext {
	font-size: .8em;
}

/* jquery datatables styles */

/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_info { font-size: 1.5em; color:#7C9ABF; float: left;}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #7C9ABF !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { font-size: 1.5em; color:#7C9ABF !important; }
.paginate_enabled_previous:hover { font-size: 1.5em; color:#7C9ABF !important; }
.paginate_disabled_previous { font-size: 1.5em; color:#7C9ABF !important;}

.paginate_enabled_next { font-size: 1.5em; color: #7C9ABF !important; }
.paginate_enabled_next:hover { font-size: 1.5em; color:#7C9ABF !important; }
.paginate_disabled_next { font-size: 1.5em; color:#7C9ABF !important; }


/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

/*
 * Sorting
 */
.sorting { background: url('../images/datatables/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/datatables/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/datatables/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/datatables/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/datatables/sort_desc_disabled.png') no-repeat center right; }
 
 
 /* filters */

.dataTables_length {
	float:left;
	width:50%;
}

.dataTables_length label, .dataTables_filter label {
	/*display:inline;*/
	font-size:1.2em;
	margin:1rem;

}



 .dataTables_length select, .dataTables_filter input {
  /*display: inline;*/
  margin-bottom:12px;
  width: 98px;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;	
} 

.dataTables_filter input {
  /*display: inline;*/
  
  width: 200px;
} 


.dataTable {
	margin-top:20px;
	width: 100%;
}

/* misc add-ons */

.margin5 {margin-right:5px;margin-left:5px;}


/*standings charts*/

.standingsChart, .standingsMap, .teamChart {
	width: 100%; 
	height:350px; 
	max-height: 350px;
	margin: 1rem 0;
	border:6px solid #aaa;
	border-radius: 10px;
	background-color: #fff;
}

.teamChart {
	max-height: 300px;
}



.playerMap {
	width: 100%; 
	height:280px; 
	max-height: 280px;
	margin: 3.5em 0;
	border:1px solid #aaa;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 3px 3px 10px #ccc;
}

/* responsive overrides */

@media (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000000;
}

/* reduces top&bottom padding to keep sign in link from being cut off */
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 3px 15px 3px 25px;
}

}

.chartHeader {
	border:1px solid #ddd;
	border-radius: 6px;
	background: rgb(176,196,222,0.3);
/*background-color: #E0E6EE;*/
	text-align: center;
	color: #369;
	padding: .25em;
}

.chart {
	width: 100%; 
	height:300px; 
	margin: 0 0 10px 0;
	border:6px solid #ccc;
	border-radius: 10px;
	overflow-x: auto;
}


.modal-header {
	background-color: #7C9ABF;
}

.modal-title {color:#FFF;}

#weighting {
	margin:2ebtnm;
}

.progressbar {
	background-color: #99CC33;
	border-radius: 0;
	height:1em;
}

#flare {
	font-size: 1.25em;
	/*text-align: center;*/
}

#flairbox {
	border: 0px dashed #ccc;
	padding: .5em;
	margin: 0 .5em 0 .5em;
	background-color: #f1f1f1;
}

.fa-heart {color: red}
.fa-heart:hover, #SendFlare .fa-heart {color: red}

.fa-fire-flame-curved {color: var(--orange);}
.fa-fire-flame-curved:hover, #SendFlare .fa-fire-flame-curved {color: var(--orange);}

#flare .fa-face-smile {color: #98cc14;} /*smile icon gets used elsewhere too and should not be grey */
.fa-face-smile:hover, #SendFlare .fa-face-smile {color: #98cc14;}

.fa-star {color:#ffee09;}
.fa-star:hover, #SendFlare .fa-star {color:#ffee09;}

.fa-thumbs-up {color: #b57cb1}
.fa-thumbs-up:hover, #SendFlare .fa-thumbs-up {color: #b57cb1}

.fa-award {color:#01abde;}
.fa-award:hover, #SendFlare .fa-award {color:#01abde;}

.fa-champagne-glasses {color:#f6f;}
.fa-champagne-glasses:hover, #SendFlare .fa-champagne-glasses {color:#f6f;}


#SendFlare {
	border:1px solid #ccc;
	border-radius: 3px;
	padding: .5em;
	text-align: center;
	background-color: #FFF;
	display: none;
}

/*tool tips for flare*/

span[flare-tip]{
	position: relative;
}

span[flare-tip]::after {
content:attr(flare-tip);
display: block;
position: absolute;
background-color: #fff;
padding: 1em;
color: #000;
border: 2px solid #98cc14;
border-radius: 5px;
font-size: .8em;
bottom: 0;
left: 0;
white-space: nowrap;
transform: scale(0);
transition: transform ease-out 150ms, bottom ease-out 150ms;
font-family: 'Varela Round', sans-serif;
font-weight: 500;
box-shadow: 3px 3px 3px #bbb;
}


span[flare-tip]:hover::after, i[flare-tip]:focus::after{
	transform:scale(1.0);
	bottom: 100%;
}