body {
	background: #F9F9F9 !important;
	font-family: 'Nunito', sans-serif;
	top: 0;
	z-index: -1;
}


.float {
	float: left;
}

h1 {
	font-size: 24px;
	line-height: 1;
}

input, button, select, textarea,
p {
	font-family: 'Nunito', sans-serif;
}

textarea {
	padding: 6px 12px;
	font-size:14px;
}

input {
	font-size: 14px;
	padding: 3px 10px;
	margin: 0;
}

input, button, select, textarea {
	border: 1px solid #D0DBE3;
	border-radius: 0;
	box-shadow: inherit;
}

.font-size-14,
p.font-size-14 {
	font-size: 14px;
}

.font-size-16,
p.font-size-16 {
	font-size: 16px;
}

h3 {
	font-weight: 400;
}

h3.font-size-53,
p.font-size-53 {
	font-size: 53px;
}

.font-weight-300 {
	font-weight: 300;
}

.font-weight-600 {
	font-weight: 600;
}

.font-weight-800 {
	font-weight: 800;
}

.font-size-11 {
	font-size: 11px;
}

.font-size-14 {
	font-size: 14px;
}

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

.relative {
	position: relative;
}

.btn-close-conversions {
	margin: 12px 12px 0 0;
	right: 0;
	position: absolute;
	top: 0;
}

.flex {
	display: flex;
}

.align-start {
	align-items: start;
}

.align-center {
	align-items: center;
}

.align-self-end {
	align-self: flex-end;
}

.flex-column {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.justify-between {
	justify-content: space-between;
}

.align-end {
	align-items: flex-end;
}

.w-100 {
	width: 100%;
}

.text-green {
	color: #1F9E9E;
}

.text-dark {
	color: #3E4345;
}

.text-gray {
	color: #C4C4C4;
}

.text-underline {
	text-decoration: underline;
}

.text-uppercase {
	text-transform: uppercase;
}

.letter-spacing-1 {
	letter-spacing: 1px;
}

.line-height-1,
.line-height-1 > * {
	line-height: 1;
}

.disp-block {
	display: block;
}

.disp-inline-block {
	display: inline-block;
}

.m-l-32 {
	margin-left: 32px;
}


.m-l-16 {
	margin-left: 16px;
}


.m-l-8 {
	margin-left: 8px;
}

.m-r-8 {
	margin-right: 8px;
}

.m-r-6 {
	margin-right: 8px;
}

.m-t-4 {
	margin-top: 4px;
}

.m-t-8 {
	margin-top: 8px;
}

.m-t-16 {
	margin-top: 16px;
}

.m-t-24 {
	margin-top: 24px;
}

.m-t-32 {
	margin-top: 32px;
}

.m-v-16 {
	margin-bottom: 16px;
	margin-top: 16px;
}

.m-b-8 {
	margin-bottom: 8px;
}

.m-b-0 {
	margin-bottom: 0px;
}

.m-b-16 {
	margin-bottom: 16px;
}

.m-r-8 {
	margin-right: 8px;
}

.m-l-24 {
	margin-left: 24px;
}


.p-a-24-20 {
	padding: 24px 20px;
}

.wt-notice {

}
.wt-notice .wt-icon-container {
	margin-right: 12px;
	float:left;
	font-size:14px;
}

.wt-notice p img[style="float: right;"] {
	margin: 20px;
}
.wt-notice img {
		max-width: 566px;
		margin-bottom:4px;
}
.wt-notice p:last-of-type {
	margin-bottom: 0;
}

.alert-warning {
	align-items: center;
	background: #FDF3E8;
	border: 0;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
}

.alert-warning p {
	color: #3D579E;
	font-size: 14px;
}

.alert-warning p:last-of-type {
	margin-bottom: 0;
}



.alert-warning p:last-of-type {
	margin-bottom: 0;
}

.alert h1 {
	margin-bottom: 15px;
}
.alert-info,
.wt-notice,
.alert-bs {
	background: rgba(128, 199, 196, 0.2);
	border: 0;
	padding: 16px 17px;
}

.alert-error {
	color:#F25200 !important;
}
.alert-error p, .alert-error strong{
	color:#F25200 !important;
	font-weight:bold;
}
.alert-error a{
	color:#F25200 !important;
	font-weight:bold;
	text-decoration:underline;
}


.container {
	background: #F9F9F9;
	position: relative;
	width: 944px;
}

::-webkit-input-placeholder {
	color: #a6a6a6;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #a6a6a6;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #a6a6a6;
}

:-ms-input-placeholder {
	color: #a6a6a6;
}

#messages_arrow {
	display: none;
	position: absolute;
	background: url(https://walkertracker.s3.amazonaws.com/images/messages_corner.png) no-repeat;
	z-index: 999;
	top: 46px;
	height: 10px;
	width: 20px;
}

.messages_empty {
	height: 84px !important;
}

#messages_container {
	display: none;
	background: white;
	color: rgba(135, 135, 135, 1);
	position: absolute;
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
	right: -40px;
	z-index: 999;
	-webkit-box-shadow: 1px 6px 13px -4px rgba(71, 71, 71, 1);
	-moz-box-shadow: 1px 6px 13px -4px rgba(71, 71, 71, 1);
	box-shadow: 1px 6px 13px -4px rgba(71, 71, 71, 1);
	top: 56px;
	z-index: 999999;
}

#messages_container a:hover {
	text-decoration: none
}

#messages_container .fa-2x {
	;
	font-size: 1.4em;
}

#messages_container .unviewed {
	background: white;
}

#messages_container .viewed {
	background: #F4F3F3;
}

#messages_container .icon_container {
	width: 30px;
	text-align: center;
	padding: 5px;
	float: left;
}

#messages_container .date_container {
	position: absolute;
	top: 1px;
	right: 5px;
	font-size: 11px;
}

.message_row {
	display: table;
	clear: both;
	height: 45px;
	border-bottom: 1px solid #ccc;
	position: relative
}

.inbox-row {
	background: #8C9EC4;
	color: #4B4848;
}

.message_row:hover {
	background-color: #80C7C4 !important;
	cursor: pointer;
	color:#000;
}
.message_row a:hover {
	background-color: #80C7C4 !important;
	cursor: pointer;
	color:#FFF;
}

#messages_container .message_content {
	padding: 5px;
	font-size: 13px;
	width: 100%;
	display: table-cell;
	letter-spacing: .2px;
	vertical-align: middle;
}

#messages_container .unviewed .icon_container i {
	color: #5EBD5E;
}

#messages_container .icon_container i {
	margin-top: 10px;
}

/* LOGIN FORM */

#login {
	background: url('/_views/images/bar-top.png') repeat-x scroll top left;
	height: 36px;
	width: 100%;
	padding-top: 3px;
	_padding-top: 0px;
	top: -38px;
	left: 0;
	position: absolute;
	z-index: 10;
}

#login_form {
	width: 940px;
	margin: 0 auto;
	text-align: right;
	padding-right: 90px;
}

#login_form form, #login_form input {
	margin: 0;
	_top: -4px;
}

#banner {
	position: relative;
	left: 10px;
}

/*********HEADER***********/

#logo {
	position: absolute;
	left: -130px;
	top: 200px;
	width: 140px;
	height: 154px;
	cursor: pointer;
	text-indent: -9999px;
}

.logo_off {
	background-image: url("/_views/images/logo-walker-tracker-left-tag-bw.png");
	opacity: .1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
}

.logo_hover {
	background-image: url("/_views/images/logo-walker-tracker-left-tag.png") !important;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.content {
	position: relative;
	top: -40px !important;
}

#search_box {
	position: absolute;
	right: 24px;
	top: 14px;
	display: none;
}

#msg_count {
	color: #fff;
	font-weight: bold;
	position: absolute;
	font-size: 11px;
	left: 18px;
	top: 4px;
}

#inbox:hover {
	padding: 2px 12px;
	margin-top: 8px;
}

/******* NAV ********/

#nav {
	height: 46px;
}

#nav .nav {
	border-bottom: 0;
	height: 46px;
	margin: 0;
}

#nav .nav li {
	position: relative;
}

#nav .nav li:nth-child(1) {
	z-index: 8;
}

#nav .nav li:nth-child(2) {
	z-index: 7;
}

#nav .nav li:nth-child(3) {
	z-index: 6;
}

#nav .nav li:nth-child(4) {
	z-index: 5;
}

#nav .nav li:nth-child(5) {
	z-index: 4;
}

#nav .nav li:nth-child(6) {
	z-index: 3;
}

#nav .nav li:nth-child(7) {
	z-index: 2;
}

#nav .nav li:nth-child(8) {
	z-index: 1;
}

#nav .nav li.active {
	z-index: 10;
}

#nav .nav li.active a {
	background-color: #fff;
	box-shadow: 0px -4px 4px 2px rgba(0, 0, 0, 0.07);
}

#nav .nav li a.admin {
	background-color: #FCF8E3;
}

#nav .nav li.active a.admin {
	background-color: #fff;
}

#nav .nav li a {
	align-items: center;
	background-color: #F1F3F4;
	border: 0;
	border-radius: 15px 15px 0 0;
	box-shadow: 3px -2px 4px rgba(0, 0, 0, 0.07);
	color: #000;
	display: flex;
	font-size: 12px;
	height: 42px;
	letter-spacing: 1px;
	margin-right: 0;
	padding: 4px 19px 0;
	text-transform: uppercase;
}

#nav_mini {
	position: absolute;
	right: 20px;
	top: 10px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	opacity: .8;
	height: 34px;
}

#nav_mini a {
	color: #333333;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
	font-weight: 800;
}

.nav-tabs>li>a:hover {
	border: 0;
}

.nav-tabs>li {
	margin-bottom: 0;
}

/*Text*/

strong, .medcon {
	font-weight: 700;
}

li, p {
	color: #737373;
}

.humble {
	font-size: 11px;
}

a {
	color: #1F9E9E;
}

a:hover {
	color: #1F9E9E;
}

a:active, a.link:active, a:focus {
	outline: none !important;
	outline-style: none;
}

#profile .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret,
#profile .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
	border-top-color: #1F9E9E;
	border-bottom-color: #1F9E9E;
	opacity: 1;
}

.link_alt {
	color: #D4562B;
	text-decoration: underline;
	font-size: 16px;
}

/********* BTNS ********/

.btn_long
/* style with .btn - a page-wide button */

	{
	width: 918px;
	text-align: left;
	border-radius: 1px;
}

.btn_long span
/* to hold open/close txt */

	{
	font-weight: bold !important;
	color: white;
	position: absolute;
	right: 8px;
}

#main {
	background-color: #fff;
	min-height: 600px;
	padding: 20px 20px 0;
	margin-bottom: 20px;
	overflow: hidden;
}

#main>.row-fluid {
	margin-bottom: -20px;
	padding: 20px;
	width: 900px;
}

/* FOOTER */

#footer {
	margin-top: 30px;
	margin-bottom: 50px;
	position: relative;
}

#footer_c {
	position: absolute;
	right: 0;
	top: 22px;
	font-size: 10px;
}

#footer .stripe {
	border-top: 1px solid #92cc74;
	-moz-boxbox-shadow: 0px 3px 5px #fff;
	-webkit-box-shadow: 0px 3px 5px #fff;
	box-shadow: 0px 3px 5px #fff;
	height: 1px;
	margin-bottom: 10px;
}

#footer .nav li, #footer .nav li a {
	font-size: 13px;
}

/*********** icons *********/

.icon-pencil:hover {
	background-color: #e6e6e6;
	border-bottom: 2px solid #000;
}

.icon-lock, .icon-signal {
	opacity: .3;
}

/* WTICONS called via: <i class="wticon-team"></i> */

[class^="wticon-"] {
	display: inline-block;
	width: 28px;
	height: 22px;
	vertical-align: text-bottom;
	background-image: url(/_views/images/icon-wtsprites.png);
	background-position: 22px 28px;
	background-repeat: no-repeat;
	*margin-right: .3em;
}

[class^="wticon-"]:last-child {
	*margin-left: 0;
}

.wticon-team {
	background-position: 0 -22px;
}

.wticon-solo {
	background-position: -28px -22px;
}

.wticon-chart {
	background-position: -84px 0px;
}

.wticon-map {
	background-position: -56px 0px;
}

.wticon-lock-open {
	background-position: 0 0;
}

.wticon-lock-closed {
	background-position: -28px 0px;
}

.wticon-pdf {
	background-position: -56px -22px;
}

.admin_box {
	/*border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
*/
	position: relative;
	background-color: #f0f0f0;
	padding: 5px;
	/*margin:8px 0 !important;*/
	border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	/*	border:1px solid #eaeaea;*/
}

.admin_label {
	/*	border-radius: 0 !important;*/
	width: 100%;
	position: relative;
	left: 0px;
	display: block;
	clear: both;
	/*border-radius: 6px 0 0 0;*/
	/*top:-6px;*/
	height: 16px;
	/*background-color: #a6a6a6;/*#eaeaea;*/
	*/ color: #000;
	/*	padding:2px 0px 6px 0px;*/
	font-size: 18px;
	font-weight: bold;
}

.admin_label .glyphicons {
	margin-top: 2px;
}

.admin_tag {
	border-radius: 6px;
	height: 16px;
	background-color: #a6a6a6;
	/*#eaeaea;*/
	color: #000;
	padding: 2px 0px 6px 0px;
	font-size: 14px;
}

/*********** STRUCTURAL *********/

.inside_span {
	float: none;
	margin: 0;
	padding: 0 1px 50px 18px;
}

/* clearfix */

.inside_span:before, .inside_span:after {
	content: "";
	display: table;
}

.inside_span:after {
	clear: both;
}

.inside_span {
	zoom: 1;
	/* For IE 6/7 (trigger hasLayout) */
}

.row-fluid .inside_span {
	margin: 0 0 18px;
	padding: 0;
}

.row-fluid .inside_span>form, .row-fluid .inside_span> :last-child {
	margin-bottom: 0;
}

.css_col {
	-webkit-column-count: 4;
	/* Chrome, Safari, Opera */
	-moz-column-count: 4;
	/* Firefox */
	column-count: 4;
}

.css_col li {
	list-style: none;
}

/********** SIDEBAR *************/

#sidebar {
	width: 280px;
}

.vs-friend-container {
	align-items: center;
	display: flex;
	margin-top: 12px;
}

.vs-friend-container:first-of-type {
	margin-top: 0;
}

.bottomborder {
	background-color: #eee;
	margin: 12px 0 0;
	height: 1px;
}

#sidebar .friend_bar,
#sidebar .my_bar {
	border-right: 4px outset #E3E5E5;
	height: 4px;
}

.vs-square.friend,
#sidebar .friend_bar {
	background-color: #F29626;
}

.vs-square {
	width: 13px;
	height: 13px;
	margin-right: 3px;
}

.bar_steps1 {
	top:2px;
	color:#F29626;
}

#sidebar .my_bar {
	margin-top: 1px;
	background-color: #1F9E9E;
}

.vs-square.me {
	background-color: #1F9E9E;
}

.bar_steps2 {
	top:28px;
	color:#1F9E9E;
}

#sidebar .bar_holder {
	width: 210px;
}

.bar_holder {
	position:relative;
}

.bar_steps1,
.bar_steps2 {
	font-size:11px;
	line-height: 1;
}

.bar_steps1 {
	margin-bottom: 1px;
}

.bar_steps2 {
	margin-top: 2px;
}

#sidebar .thumbnail {
	border-radius: 1px;
	padding: 2px;
}

#sidebar .sidebar_avatar {
	float: left;
	width: 38px;
}

#sidebar .avatar {
	margin-bottom: 0;
}

.avatar_sidebar .thumbnail {
	background-color: #fff;
	padding: 2px;
	box-shadow: -1px -1px 6px #a6a6a6;
	float: left;
}

#user_widget {
	float: left;
	margin-left: 10px;
	clear: right;
}

#profile h2 {
	float: left;
}

#sidebar .sidebar_competitions ul li {
	position: relative;
	overflow: hidden;
	width: 272px;
	/*white-space:nowrap;*/
}

.sidebar_competitions ul li a {
	min-height: 23px;
	/*padding-top:14px;*/
	position: relative;

}
.sidebar_competitions a:hover {
	border: 1px solid #e6e6e6 !important;
}

.sidebar_competitions .my_rank {
	/*height:44px;*/
	/*float: right;*/
	position: absolute;
	border-left: 2px solid #1e9e9e;
	/*border-bottom: 1px solid #9f5195;*/
/*border: 1px solid red;*/
	/*debug*/
	width: 46px;
	height: 35px;
	font-size: 11px;
	right: -5px;
	color: #1e9e9e;;
	/*padding: 4px;*/
	background-color: #fff;
	margin: 0;
	text-align: right;
	/*opacity: .7;*/
	padding: 1px;
	margin-top: -36px;
	/*	-webkit-box-shadow:-6px 0px 5px 0px #fff;
	-moz-box-shadow:-6px 0px 5px 0px #fff;
*/
	/*box-shadow: -14px 0px 16px 0px #fff;*/
}

.sidebar_competitions .my_rank span {
	font-size: 13px;
}

img.postimg, .postimg img {
	width: 100%;
}

/************ Selection Container ************/

.selection-container {
	background: #fafafa;
	border: #d9d9d9 solid 1px;
	border-radius: 4px;
	list-style: none;
	margin: 0 0 18px;
	position: relative;
	overflow: hidden;
}

.selection-container ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0 10px;
}

.selection-container ul:last-child, .selection-container li:last-child {
	margin-bottom: 0;
}

.selection-container .group_count {
	color: #3a4750;
	font-weight: bold;
}

.selection-container .group_count .count {
	font-size: 50px;
	margin: 10px 0;
	text-align: center;
	white-space: nowrap;
}

.selection-container .tab-menu {
	display: table;
	list-style: none;
	margin: 0 -10px 10px;
	padding: 0;
	width: 361px;
}

.selection-container .tab-menu>li {
	display: table-cell;
	padding: 0;
}

.your-teams .section-title, .selection-container .tab-menu>li>a {
	background: #3D579E;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	padding: 9px 0;
	text-align: center;
}

.selection-container .section-title.active, .selection-container .tab-menu>li>a.active {
	background: #566168;
	color: #fff;
}

.selection-container .tab-menu>li>a {
	display: block;
	margin: 0;
	width: 100%;
}

.selection-container li {
	clear: left;
	color: #8e9aa2;
	height: 37px;
	padding: 7px 10px 7px 61px;
	position: relative;
}

.selection-container.compact li {
	height: 18px;
	padding-left: 10px;
}

.selection-container>li {
	background: #F7F9FA;
	border-bottom: #d9d9d9 solid 1px;
	margin-bottom: 0;
	padding: 12px 24px;
	display: flex;
	align-items: center;
}

.selection-container>li:hover {
	background: #F1F3F4;
	z-index: 10;
}

.selection-container li .thumb {
	left: 0;
	height: 50px;
	overflow: hidden;
	top: 0;
	width: 50px;
}

.selection-container li .thumb img {
	height: inherit !important;
}

.selection-container>li .thumb {
	border: 0;
	left: 10px;
}

.selection-container li h4 {
	color: #3E4345;
	margin-left: 12px;
}

.selection-container li p {
	color: #5E6366;
	font-size: 11px;
	margin: 0 0 0 12px;
}

.selection-container .checkbox {
	float: left;
	margin-right: 10px;
}

.selection-container li .bull {
	color: #999;
}

.selection-container li .overlay-link {
	display: block;
	height: 49px;
	left: 0;
	position: absolute;
	top: 0;
	text-decoration: none;
	width: 100%;
}

/********* Avatar with overlay ************/

.avatar-preview {
	margin: 9px 0;
	width: 606px;
}

.avatar-preview>ul {
	list-style: none;
	margin: 0;
}

.avatar-preview>ul>li {
	float: left;
	margin: 13px;
	position: relative;
	width: 90px;
	height: 130px;
}

.avatar-preview>ul>li:hover .overlay {
	display: block;
}

.avatar-preview .overlay {
	/*	background: #fff;*/
	/*background: rgba(255, 255, 255, 0.75);*/
	display: none;
	/*height: 74px;*/
	width: 74px;
	margin: 2px;
	left: 4px;
	padding: 4px;
	position: absolute;
	top: 4px;
	z-index: 1;
}

.avatar-preview .overlay h5 {
	line-height: 1em;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

.avatar-preview .overlay .avg {
	margin: 0;
}

.avatar-preview .overlay .btn-group {
	padding: 0;
	position: absolute;
	right: 5px;
	top: 3px;
}

.avatar-preview .avatar {
	background: #fff;
	border: #d6d6d6 solid 1px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: rgba(0, 0, 0, 0.25) 0 0 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 7px;
	margin: 0;
	padding: 3px;
}

/************ Page Nav ************/

.page-nav {
	height: 28px;
	margin: 18px 0;

}

.page-nav .wrap {
	float: right;
}

.page-nav h6 {
	float: left;
	line-height: 28px;
	margin-right: 10px;
}

.page-nav .btn-toolbar {
	float: left;
	margin: 0;
}

/************ TXT ************/

.txt_gray_bold {
	font-weight: bold;
	font-size: 14px;
	color: #C6CACC;
}

.gray_condensed {
	color: #a6a6a6;
	letter-spacing: -.06em !important;
}

.is-editable {
	background: #e6eef7 url("/_views/images/icon_edit.png") no-repeat right center;
	border-right: #e6eef7 solid 2px;
	padding: 3px 20px 3px 3px;
}

.is-editable.active {
	background-image: none;
	padding-right: 3px;
}

.is-editable form, .is-editable input {
	margin: 0;
}

.is-editable button {
	margin-left: 3px;
}

.message table td {
	vertical-align: top;
}

/*********your stats bar area********/

#stats_daily, #stats_monthly {
	display: none;
}

.wtprogress, .wtpointsprogress {
	position: relative;
	display: block;
	clear: right;
}

.wtpointsprogress {
	background-color: #fff;
	border: 1px solid #E3E5E0;
	border-radius: 8px;
}

.wtprogress h2, .wtprogress h3, .wtprogress h4, #text_stats h2, #text_stats h3 {
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
	line-height: 22px;
}

.wtprogress h2 {
	color: #737373;
	font-weight: 600;
}

.wtprogress .left h2 span {
	margin-left: 4px;
}

.wtprogress .right h2 span {
	margin-right: 4px;
}

.wtprogress h2 span {
	font-size: 17px;
    font-weight: 400;
}

.wtprogress h3 {
	color: #737373;
	font-size: 12px;
}

.wtprogress {
	height: 80px;
}

.wtprogress .slider,
.wtprogress .slider_holder {
	height: 40px;
	bottom: 0;
}

.wtprogress .slider {
	border-radius: 6px;
	background: #3D579E;
}

.wtprogress .slider_holder {
	background: #fff;
	border: 1px solid #3D579E;
	border-radius: 	8px;
}


#stats_bars_holder {
	height: 100px;
	display: block;
	clear: both;
}

.wtprogress, .wtprogress .slider_holder {
	width:100%;
}

.wtpointsprogress {
	width: 234px !important;
	padding: 2px;
	height: 8px;
}

.wtprogress .slider_holder, .wtpointsprogress .slider_holder {
	position: absolute;
}

.wtpointsprogress .slider_holder {
	width: 99% !important;
}


.wtprogress .slider, .wtpointsprogress .slider {
	position: absolute;
}

.wtprogress .slider {
	background: #3D579E;
}

.wtpointsprogress .slider {
	background: #9F5196;
	border-radius: 8px;
}

.wtprogress .left {
	position: absolute;
	left: 0px;
	padding: 10px;
	padding-left: 0;
}

.wtprogress .right {
	padding: 10px;
	padding-right: 0;
	position: absolute;
	right: 0px;
	text-align: right;
}

.avg_desc {
	font-size: 10px;
	margin-top: 0px;
	width: 75px;
}

.stats_nums {
	width: 75px;
	text-align: right;
}

/************** progress bar for distance ********/

.distance_bar {
	position: relative;
	/*	border:1px solid #8ee073;*/
	border: 1px solid #7f7f7f;
	border-right: none;
	width: 496px;
	left: 0px;
	clear: both;
	height: 18px;
	margin-bottom: -43px;
	z-index: 0 !important;
	box-shadow: 0px 1px 1px #a6a6a6;
}

.distance_bar .inside {
	padding: 2px;
	height: 14px;
	background-color: #80C7C4;
	float: left;
}

.distance_txt {
	position: absolute;
	left: 160px;
	font-weight: bold;
	font-size: 14px;
}

.distance_target {
	position: absolute;
	z-index: 20 !important;
}

/************** LEGACY ********/

.avatar {
	padding: 0;
	position: relative;
	width: 80px;
	height: 80px;
	/*	overflow:hidden;*/
	margin-right: 14px;
	margin-bottom: 4px;
	z-index: 1;
	/*	border:1px solid black;
*/
	/*	background-color:black;*/
}

.avatar .user_avatar {
	width: 80px;
}

.avatar_highlight {
	padding: 0;
	position: relative;
	width: 80px;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 3px solid #EEB53A;
	background-color: #000;
}

.level_img_avatar {
	position: absolute;
	top: 72px;
	left: 36px;
	z-index: 1005;
}

.level_img {
	/*background-image:url(/_views/images/levels/small/level_bk.png);*/
	/*background-repeat:no-repeat;*/
	width: 50px;
	height: 16px;
	padding: 0px;
	/*	padding:5px 0 0 4px;*/
	opacity: .7;
	/*background-position:0px 0px; */
	/*opacity:.8;*/
}

.level_img:hover {
	/*	background-image:url(/_views/images/levels/small/level_bk_hover.png);*/
	opacity: 1;
}

.level_img_small {
	position: relative;
	/*top:-14px;*/
	margin-top: -13px;
	left: 35px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	background-position: 0px 2px;
	opacity: .7;
	/*	border:1px solid red;<!--debug-->*/
	/*background-image: url('/_views/images/levels/tiny/level_bg.png');*/
}

.level_img_small:hover {
	opacity: 1;
	/*background-image: url('/_views/images/levels/tiny/level_bg_hover.png');*/
}

.level_img_small:active, .level_img:active {
	border: 0;
	outline: 0;
}

.badges {
	background-image: url(/_views/images/badges.png);
	height: 26px;
	width: 89px;
	opacity: .7;
	z-index: 1;
}

.none {
	background-position: 0 -3px;
}

.platinum {
	background-position: 0 30px;
}

.gold {
	background-position: 0 60px;
}

.silver {
	background-position: 0 90px;
}

.bronze {
	background-position: 0 120px;
}

.pro_avatar {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 1px;
	z-index: 99;
	width: 20px !important;
	height: 12px !important;
}

.pro_avatar a, .pro_avatar a:visited {
	text-decoration: none;
}

.pro_avatar a:hover {
	background-color: #FFF !important;
}

.pro, .pro:visited {
	font-size: 10px;
	color: #666666 !important;
	border-bottom: 3px solid #86F94A;
	font-weight: bold;
}

.pro a:hover {
	font-size: 10px;
	color: #256066;
	border-bottom: 1px solid #86F94A;
}

/* blog / comments css */

.blog_row {
	align-items: center;
	display: flex;
	padding-left: 16px;
	margin-top: 24px;
}

.blog-avatar {
	width: 64px;
}

.username-date-edit {
	width: 120px;
}

.comments-and-friends {
	justify-self: flex-end;
}

.comments-and-friends .btn {
	background: #919699;
	font-size: 11px;
	padding: 3px 13px;
	display: block;
}

.comments-and-friends .btn:hover {
	background: #919699;
}

.comments-and-friends .btn:first-of-type {
	margin-bottom: 4px;
}



.blog-container {
	border: 1px solid #C6CACC;
	border-radius: 4px;
	margin-top: 64px;
}

.blog-container:first-of-type {
	margin-top: 24px;
}

.day-seperator-button {
	border: none;
	background: #919699;
	color: white;
	display: block;
	padding: 6px 15px;
	position: relative;
	margin: 0 auto;
	top: -15px;
}

.blog-steps-label {
	color: #C6CACC;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.blog-steps-metric {
	color: black;
	font-size: 24px;
	font-weight: 800;
	margin-top: 6px;
}

.blog-container a.comment {
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	padding: 8px;
	margin: 12px auto;
	max-width: fit-content;
}

.btn:hover {
	background: #1F9E9E;
	color: white;
}

.comment_block {
	border-top: 0 !important;
	border-bottom: 0 !important;
	clear: both;
	background-color: #F1F3F4;
	display: none;
	margin-top: 16px;
	padding: 10px 0;
	margin-bottom: 32px;
}

.comment_row {
	border-top: 1px solid #e6e6e6 !important;
	padding: 10px 0;
	background-color: #F1F3F4;
}

.avatar_small {
	width: 38px;
}

.avatar_tiny {
	width: 20px;
}

.blog-content {
	align-items: center;
	display: flex;
	margin-left: 24px;
}

.blog-content .avatar.thumbnail {
	border: none;
	margin: 0;
}

.blog-content-column-1 {
	margin-left: 24px;
}

.blog-content-column-2 {
	margin-left: 48px;
}


.jslink {
	cursor: pointer;
}

.correct_answer {
	color: green;
}

.wrong_answer {
	color: red;
}

.survey_textarea {
	width: 100%;
}

.profileaction {
	/*padding: 2px 4px 2px 2px;*/
	padding:0;
	letter-spacing: -5px;
	/*float:left;*/
	display:inline !important;
	margin:0 !important;
}

.span4-box, .span5-box {
	min-height: 300px;
	background: white;
	margin-bottom: 40px;
	margin-left: 20px;
	margin-right: 20px;
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.26);
	padding: 0px;
}

.box-content {
	padding: 30px;
	color: #989898;
}

.box-header {
	padding: 10px;
	border-bottom: 1px solid #DFDFDF;
	color: #848484;
}

[v-cloak] {
	display: none !important;
}

.span8 {
	width: 600px;
}

.well {
	background: white;
	box-shadow: inherit;
	border: 1px solid #C6CACC;
}

#sidebar .avatar.thumbnail {
	border-radius: 6px;
	box-shadow: inherit;
	padding: inherit;
}

.avatar .user_avatar {
	border-radius: 6px;
}

#profile .nav-tabs>li>a,
#profile .nav-pills>li>a {
	line-height: 16px;
	margin-top: -8px;
}

#profile .nav-tabs .open .dropdown-toggle,
#profile .nav-pills .open .dropdown-toggle,
#profile .nav>.open.active>a:hover {
	color: #1F9E9E;
}

#profile .nav>li>a:hover {
	background: none;
}

#profile .nav-tabs  .open .dropdown-toggle .caret,
#profile .nav-pills .open .dropdown-toggle .caret{
	border-top-color: #1F9E9E;
    border-bottom-color: #1F9E9E;
}

#profile .dropdown-menu li > a:hover,
#profile .dropdown-menu .active > a,
#profile .dropdown-menu .active>a:hover {
	background: #1F9E9E;
}

#profile .nav-tabs .open .dropdown-toggle,
#profile .nav-pills .open .dropdown-toggle {
	background: none;
	border: 0;
}

.profile-flex-layout {
	display: flex;
}

.profile-name-and-other-info {
	display: flex;
	flex-direction: column;
}

.profile-name-and-other-info p:last-child {
	margin-bottom: 0;
}

.sidebar-profile-stat-combo {
	align-items: flex-end;
	display:flex;
}

.sidebar-profile-stat-combo:not(:first-of-type) {
	margin-top: 12px;
}


.sidebar-profile-stat-combo > h3 {
	color: #1F9E9E;
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	height: 24px;
}


.sidebar-profile-stat-combo > span {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 2px;
	margin-left: 6px;
	text-transform: uppercase;
}

.bigfont-small h3 {
  font-size:20px !important;
}
.bigfont-small > span {

	font-size: 10px;
	font-weight: 600;
  margin-bottom: 7px !important;
	margin-left: 6px;
	text-transform: uppercase;
}

.button {
	background: #1F9E9E;
	border-radius: 6px;
	color: white;
	font-weight: 500px;
	font-size: 11px;
	letter-spacing: 1.2px;
	line-height: 1;
	padding: 8px 12px;
	width: auto;
}

.button.small-stuff {
	font-size: 13px;
	letter-spacing: 0.439349px;
	line-height: 10px;
	padding: 14px 18px;
}

.button.flex {
	display: flex;
}
.button > * {
	line-height: 1;
}

.button .text {
	padding-top: 2px;
}

.button .icon {
	margin-right: 4px;
}

.pill {
	border-radius: 57.9941px;
}

.button:hover {
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.button.blue {
	background: #3D579E;
}

.button.purple {
	background: #9F5196;
}

.progress {
	border:	1px solid #1F9E9E;
	background: #fff;
	margin-bottom: 12px;
}

.progress .bar {
	background-color: #1F9E9E;
	background-image: none;
	box-shadow: 0;
	height: 19px;
	text-shadow: inherit;
}

.alert.alert-success {
	background: #F1F3F4;
}

.converted-activities {
	font-size: 12px;
	font-weight: normal;
}

.alert {
	color: #3D579E;
	background-color:#e7f3f3;
	text-shadow: none;
}

big {
	font-weight: 800;
}

.m-l-n-8 {
	margin-left: -8px;
}

.competition-progress-pins > .arow {
	margin-top: 6px;
}

.competition-progress-pins > .arow:first-of-type {
	margin-left: 8px;
	margin-right: 24px;
}

.rounded-border-gray {
	border: 1px solid #C6CACC;
	border-radius: 4px;
}

.nav.nav-pills.stats_btns {
	margin-bottom: 0;
}

.nav.nav-pills.stats_btns>li {
	margin: 0 4px;
}

.nav.nav-pills.stats_btns>li>a {
	align-items: center;
	border: 1px solid #8c9ec4;
	background: white;
	color: #3D579E;
	display: flex;
	font-weight: 500;
	font-size: 12.3508px;
	letter-spacing: 0.661649px;
	line-height: 15px;
	margin: 0;
	padding: 14px 30px;
	text-align: center;
	text-transform: uppercase;
	transition: 150ms ease-in;
}

.nav.nav-pills.stats_btns>li.active>a {
	background: #3D579E;
	border: 1px solid #3D579E;
	box-shadow: 0px 3.5288px 7.05759px rgba(54, 123, 245, 0.24);
	color: white;
}

.nav.nav-pills.stats_btns>li:first-of-type {
	margin-left: 0;
}

.nav.nav-pills.stats_btns>li:last-of-type {
	margin-right: 0;
}

.stats_box {
	height: 100px;
	width: 548px;
}

.points-breakdown {
	margin-left: 0px;

}
.points-and-level {
	height:84px;

}
.points-breakdown h2,
.points-breakdown h2 a {
	color: #3E4345;
	line-height: 1;
}

.points-breakdown > div {
	display: flex;
	overflow: auto;
	width: 100%;
}

.day-details {
	display: flex;
	position:absolute;
	justify-content: space-between;
	/*margin-right: 16px;*/
	/*margin-left:302px;*/
	/*right:30px;*/
	left:350px;
	/*width: 100%;*/

	width:240px !important;
}

.span4 {
	width: 290px;
}

#the_stats {
	padding: 20px 20px 12px;
	margin-bottom: 20px;
}

#step_form {
	padding: 54px 0 100px 0;
	position: relative;
}

#step_form .close-form {
	right: 0;
	position: absolute;
	top: 0;
}

.metrics_nav.nav-tabs a,
.metrics_nav.nav-tabs a:hover {
	background: transparent;
	border: 0;
}

.nav-tabs {
	border: 0;
}

.metrics_nav.nav-tabs .wticon {
	margin-right: 4px;
}

.metrics_nav li a {
	display: flex;
	align-items: center;
}

.metrics_nav li a span {
	height: 14px;
	margin-top: 4px;
}

.metrics_nav li.active a span {
	border-bottom: 3px solid #1F9E9E;
}
.metrics_nav.metrics-4 a,
.metrics_nav.metrics-5 a,
.metrics_nav.metrics-6 a,
.metrics_nav.metrics-7 a {
	font-size: 14px;
}

.button.transparent {
	background: transparent;
}

#photoFeb52020 {
    height: 100%;
    margin: 0;
	position: absolute;
    top: 0;
    width: 100%;
}

.activity-date-and-steps {
	margin-bottom: 20px;
}

.activity-date-and-steps > div {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.activity-date-and-steps span {
	display: inline-block;
	font-size: 24px;
	padding: 0 6px;
	transform: translateY(-2px);
}

.btn,
.btn-primary,
.btn-warning,
.btn-danger,
.btn-success,
.btn-info,
.btn-inverse {
	background-color: #1F9E9E;
	background-image: none;
	border: 0;
	box-shadow: none;
	color: white;
	font-weight: normal;
	letter-spacing: 0.513351px;
	text-transform: capitalize;
	text-shadow: none;
}

.btn-warning {
		background: #FDF3E8 !important;
		color:#F29626;
}


.btn.white {
	background: white;
	border: 1px solid #1F9E9E;
	color: #1F9E9E;
}

.btn.red,
.btn.red:hover
.btn-group .btn.red, .btn.btn-mini.red {
	background: #D14214;
	border-color: #D14214;
	color: white;
}

.inline {
	display: inline;
}

.btn-success {
	text-transform: uppercase;
}


.btn-group .btn {
	align-items: center;
	background: white;
	box-shadow: 0px 2.73787px 5.47574px rgba(54, 123, 245, 0.24);
	border-radius: 2.73787px;
	color: #00828C;
	display: flex;
	padding: 9px 18px;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}

.btn-group .btn.active,
.btn-group [disabled],
.btn.btn-mini.active  {
	background: #1F9E9E;
	color: white;
	border: 0;
}

.btn.btn-mini {
	box-shadow: 0px 2.73787px 5.47574px rgba(54, 123, 245, 0.24);
	border-radius: 2.73787px;
	border: 0;
	font-weight: 500;
	letter-spacing: 0.513351px;
	line-height: 1;
	padding: 5px 10px;
	text-shadow: none;
	text-transform: uppercase;
}

.btn-group .btn,
.btn.btn-mini {
	border: 1px solid rgba(128, 199, 196, .5);
}

.btn.btn-red {
	background: #da4f49;
	color: white;
}

.btn-group .btn {
	margin-right: 12px;
}

.btn-group .btn[disabled],
.btn-group .btn.disabled {
	opacity: 1;
}

.page-nav .btn-group .btn:not(.active),
.news-feed .btn-group .btn:not(.disabled),
#the_chart_holder .btn-group .btn:not([disabled]) {
	background: white;
	color: #1F9E9E;
}

.news-feed .btn-group .disabled {
	background: #1F9E9E;
	color: white;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background: #1F9E9E;
}

.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
	text-shadow: none;
}

.data_notes {
	box-sizing: border-box;
	margin-bottom: 18px;
}

.icon-lock {
	background-position: inherit;
	background-image: url(/images/icon-lock.svg);
	opacity: 1;
	width: 16px;
    height: 16px;
    background-size: contain;
}

.lock {
	display: flex;
	flex-direction: column;
}

.nutrition-for {
	color: #3E4345;
	text-decoration: none;
}

.always-private {
	display: flex;
	align-items: flex-end;

}

span {
	line-height: 1;
}

.always-private span {
	font-size: 12px;
}
.wellness-addentry {
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;

}
#nutrition_meals {
	align-self: flex-start;
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	width: 290px;
}

#nutrition_meals .btn {
	margin-bottom: 16px;
}

.noUi-connect {
	background: transparent;
	box-shadow: none;
}

#slider_holder {
	margin: 16px 0px;
}

#nutrition_slider {
	border: 0;
    box-shadow: none;
    height: 7px;
}

.noUi-horizontal .noUi-handle {
	top: -9px;
}

.noUi-handle {
	background-color: #fff;
	background-image: url(/images/sliderhandle.svg) !important;
	box-shadow: none !important;
	border-radius: 50%;
}

.noUi-handle:before,
.noUi-handle:after {
	display: none !important;
}

.noUi-horizontal .noUi-handle {
	left: -16px !important;
	border-radius: 100%;
    height: 25px !important;
    width: 25px !important;
    background-size: 34px;
    padding: 0;
    background-position: 29px;
}

.meal_desc p {
	font-size: 11px;
}

.bed-header{
	height: 36px;
}

.bed-header img {
	height: 23px;
}

#sleep input[disabled] {
	background: transparent;
	border: none;
	padding: 0;
	width: 24px;
}

#statschart {
    padding: 20px 20px 12px;
}

#statschart .charts-container {
	margin-left: -20px;
}

#chartdivline > span {
/*	transform: scale(.99);*/
}

.stats-chart-update-container {
	margin-left: 32px;
}

.stats-chart-update-container label {
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.stats-chart-update-container > label > span {
	margin-right: 8px;
}

.stats-chart-update-container > label > span.and {
	margin: 0 8px;
}

.stats-chart-update-container input.span2,
.stats-chart-update-container textarea.span2,
.stats-chart-update-container .uneditable-input.span2 {
	width: 150px;
}

.stats-chart-update-container .trigger {
	position: absolute;
    top: 16px;
    right: 16px;
    display: block;
	margin: 0;
}

.chart-date-picker {
	width: auto;
}

.overflow-auto {
	overflow: auto;
}

.preferences-content-container {
	float: left;
    margin-left: 40px;
	overflow: auto;
	max-width: 710px;
}

.caps {
	text-transform: uppercase;
}

.label {
	display: inline-block;
	margin-bottom: 6px;
}

#rlogin input {
	font-size: 18px;
    padding: 12px;
}

#rlogin input:not(:first-of-type) {
	margin-top: 12px;
}

.login-help {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
}

.login-help a {
	color: black;
	display: block;
	font-size: 15px;
}

.login-help > *:not(:first-child) {
	margin-top: 12px;
}

.register-now-container span {
	display: block;
}

.register-now-container span:not(:first-child) {
	margin-top: 6px;
}

input[type="text"],
input[type="password"],
input[type="number"] {
	padding: 7px;
	font-size: 18px;
	margin-bottom: 2px;
}

.metrics_nav.nav.nav-tabs {
	margin-bottom: 4px;
}

select.btn-mini,
select.btn-mini:hover {
	background: transparent;
	color: black;
	padding: 12px;
}

label {
	margin-bottom: 0;
}

#map_div .leaflet-container a.btn {
	color: white;
}

#map_div .leaflet-container a .icon-star{
	display: none;
}

#chart_progress [id^=highcharts-] > svg > g.highcharts-data-labels {
	display: none;
}


/*[id^=highcharts-] > svg > g.highcharts-tracker rect {
	display: none;
	fill: brown !important;
	fill-opacity: 1;
}
*/
[id^=highcharts-] > svg > g.highcharts-series-group > g > rect {
	/*fill: #1F9E9E !important;*/

}

[id^=highcharts-] > svg > g.highcharts-series-group > g:nth-child(2) > rect {
	fill: #EDC947 !important;
}

#sidebar > .row {
	margin-top: 16px;
}

#search_box {
    background: white;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
	padding: 12px;
    right: 0;
    top: 0;
    width: 366px;
}

.span2.humble {
	color: white;
}

#search_box > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
    background: white;
}


#search_box .close-search {
	margin-right: 12px;
}


.label-success,
.label-success:hover {
	background: #F29626;
}

.dn { display: none; }

.edit-entry {
	overflow: auto;
	padding: 24px;
}

.activity-details {
	color: #3E4345;
	font-size: 20px;
	margin-left: 12px;
	width: 200px;
	font-weight: 700;
	display: flex;
	letter-spacing: 1px;
}

.activity-details > div {
	display: block;
}

.activity-details > div > span {
	display: block;
}

.activity-details > div > span:nth-child(2) {
	align-items: center;
	display: flex;
}

.activity-details > div > span:nth-child(2) i {
	margin-top: -2px;
	margin-left: 2px;
}

.detail-heading {
	color: #C6CACC;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.container-of-doom {
	border-top: 1px solid #C6CACC;
	border-radius: 4px;
	margin-top: 24px;
}

.day_separator {
	justify-content: center;
	display: flex;
	margin-top: -10px;
}

.day_separator span {
	background: #919699;
	color: white;
	font-size: 10px;
	padding: 4px 16px;
}

input[type="radio"] {
	margin-top: -4px;
	width: 16px;
	height: 16px;
}

.ui-widget-content a {
	/* NOT SURE WHY THIS IS WHITE */
	color: white !important;
}
.ui-widget-content td a {
	/* NOT SURE WHY THIS IS WHITE */
	color: #1F9E9E !important;
}

.ui-tabs-nav a {
	color: #000 !important;
}

[class^="icon-"], [class*=" icon-"] {
	background-image: url(/_views/style/bootstrap/img/glyphicons-halflings-white.png);
}

.trigger.datepick-trigger {
	margin-left: -23px;
	position: absolute;
}

.table tbody tr:hover td, .table tbody tr:hover th {
	background-color: inherit !important;
}