/* w3 specific styles  */


/*
colours:
success #98cc14
primary 
warning
danger
default
demo blue #7C9ABF

*/

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

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

/* 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: 1px solid #bbb;
	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;
	float: right;
	clear: none;
}

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

#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;
}

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

/* SECONDARY NAV */

.navbar2 {

	background-color: #d5d5d5;
}

/* JUMBOTRON */

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

.jumbotron-sm {
	background-color:#FFF;
	/*background-image: url("../images/maze-white.png");*/
	background-image: url("../images/hero/hero_moose_sm_fade1.jpg");
	background-size: 100%;
	border:1px solid #BBB;
	/*height: 100px;*/
	min-height: 100px;
	margin-top: 10px;
	}

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

/* google translate widget goes below the jumbotron */

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

/*  BANNERS  */

.bannerswim {
	background: url('../images/bluecloudright.jpg') no-repeat bottom right;
	color:#FFF;
}

.blueswoosh {
	background: url('../images/blueswooshonblack3.jpg') no-repeat bottom left;
	color:#FFF;
	background-color: #000;
}

.starter-template {padding:0;}


/* 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;}



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;
}

/* 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*/
#addotherform,
#addfitbitresultsform, 
#dailyBike, #dailyRun, #dailyOther,
#daily2, #daily3, #daily4,
#badge_marathon,
#badge_century,
#badge_seventyfive,
#badge_ironman,
#badge_halfmil,
#badge_million 
 {
	display:none;
	}
	
#addotherform {
	position: relative;
	top: 0;
}
	
#signin {
position:relative;
height:60px;
margin-top:0;
padding:4px;
background-color:transparent;
text-align:center;
}

#searchform  {
position:relative;
margin-top:0;
padding:4px;
background-color:transparent;
text-align:center;
width:40%;
float: right;
}

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 {
	background-color: #fff;
	border-color: #369;
}

/* additional colours */

.grey {color: #777;}

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

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

.paleblue {
	background-color: #F1F3F4;
}

.palegreyblue {
	background-color: #B9C9D0;
}

.bgwhite {
	background-color: #FFF;
}

/* 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: #FFF;
}


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

.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;
}

/* badge greyout */

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

.clearbadge {

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

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

#footer a, #footer .btn-footerpw {
	color:#ddd;
	background-color:transparent;
	}
	
#footer a:hover, #footer .btn-footerpw:hover {
	color:#FFF;
	background-color: #444;
}

/* team invites in the footer */

#invite .well a {
	color:#000;
}

#invite .well a:hover {
	color:#000;
	background-color:transparent;
}


/* 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;
}



 .dataTables_length select {
  /*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;	
} 


.dataTable {
	margin-top:20px;
}

/* misc add-ons */

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



/* 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;
}

}

.chart {
	width: 100%; 
	min-height:300px; 
	margin: 0;
	border:6px solid #ccc;
}