/* <style> /* tag to trick dreamweave to syntax highlight */
/* CSS Document */
/* Width:  HEIGHT:  */
	
	
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@font-face {
  font-family: tex;
  src: url("/scripts/css/font/texgyreadventor-regular.otf");
}
@font-face {
  font-family: tex-bold;
  src: url("/scripts/css/font/texgyreadventor-bold.otf");
}
	
@font-face {
	font-family: montserrat;
	src: url("/scripts/css/font/Montserrat-Regular.otf");
}
@font-face {
	font-family: montserrat-bold;
	src: url("/scripts/css/font/Montserrat-SemiBold.otf");
}


	
#normal-nav #title-head:after{
	content:"Wellbeing Tracker";
}
html{
	font-family: montserrat;
	padding:0;
	margin:0;
	color: rgba(93,97,99,1);
}
body{
	font-family: montserrat;
	color: #5D6163;
}
a img{
	border: none;	
}
a, a:visited{
	/*color: inherit;*/
	text-decoration: none;	
}
a:not(.btn), a:not(.btn){
	color: #05a4c4 /*Blue*/;
}
a.jbutton{
	font-weight: normal;	
}
a.jbutton:visited{
	color: white;	
}
a:hover{
	text-decoration: none;
	text-shadow: 0px 0px 8px rgba(22,65,148, 0.75);
}
/* REMOVED JC 04/09/2024
a[target="_blank"]:not(.no-highlight),a.open-new-tab{  
	background-image: url(../../../../images/tab.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 28px;	
}*/
body{
	padding:0;
	margin:0;
	height: 100%;
}
p{
	text-align: justify;	
}
p.center{
	text-align: center;	
}
p.right{
	text-align: right;	
}
.page_width{
	position: relative;
}
.main_hdr_cont{
/*	top-bottom: 3px solid rgb(216,32,148);*/
/*	border-bottom: 3px solid rgb(216,32,148);*/
}
section{
	margin: 0 auto;
}
section.float-box{
	min-width: 50%;
	max-width: 100%;
	width: 650px;
}
section.page_width{
	max-width: 100%;
	width: 950px;
	margin:0 auto;
}
section.page_width.icon-page,section.page_width.no-style{
	margin: 0 auto;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;	
	background: transparent;
}
section.page-with-icon{
	min-height: 250px;	
}
	
.container.container-slim{
	max-width: 700px;
}
.container.container-medium{
	max-width: 950px;
}

.container.container-body{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top: 0px;
	margin-top: 0px;
}
.container.container-head{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-bottom: 0px;
	padding: 15px 10px 0px 10px;
}
	
section.container{
	border-radius: 20px;
	margin-top: 10px;
	margin-top: 20px;
    margin-bottom: 60px;
	overflow: hidden;
}
section.container iframe{
    max-width: 100%;
}
section.container:not(.split-container){
	padding: 30px;
}
.page-icon .icon-inner .title::after, .main-title::after{
	border-bottom: 2px solid rgb(0,164,196);
    width: 200px;
    content: "";
    display: block;
    margin: auto;
	margin-top: 15px;
}
.container-head .page-icon .icon-inner .title::after, .container-head .main-title::after{
	border-bottom:  2px solid rgb(255,255,255);
}
	
/* PAGE ICON */
.page-icon, .main-title{
	display: block;
	background-color: rgb(255,255,255);
	background: none;
	width: 100%;
	color: rgb(0,164,196);
	height: auto;
	padding: 0px;
    margin-bottom: 20px;
}
.container-head .page-icon,.container-head .main-title{
	color: rgb(255,255,255);
}
.page-icon .icon-inner{
	height: auto;
    width: auto;
    display: inline-block;
    position: initial;
    margin: 10px;
    padding: 0;
}
.page-icon .icon-inner .title, .main-title{
	width: 100%;
	text-align: center;
	font-size: 35px;
}
	
@media screen and (max-width: 700px) {
	.container.container-body, 
	.container.container-head{
		width: 100%;
		border-radius: 0px;
		border-radius: 0px;
   		 max-width: 100%;
		
	}
	.container.container-body{
		border: 0px;
   		 border-bottom: 4px solid rgb(0,164,196);
	}

	#page-content .container.container-body, 
	#page-content .container.container-head{
		padding-left: 10px; /* JMG 28/08/24 */
		padding-right: 10px;/* JMG 28/08/24 */
	}
}
/* PAGE ICON */
	
	
.print-link{
	/*background-image: url(../../../../images/print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;	*/
}
	.bbq-item{
		display:none;
		max-width: 980px;
	}
	.bbq-item .home-nav{
		text-align: right;
	}
	.btn-group.btn-nav {
	  display: flex;
	}

	.btn-nav .btn {
	  flex: 1
	}
	
	#ui-datepicker-div{
		z-index: 1200 !important;
	}
@media screen and (max-width: 650px) {
	section.page_width{
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;	
	}
	section.page_width:not(.icon-page) p{
		text-align: justify;
	}
	.bbq-item .home-nav{
		text-align: center;
	}
	
}
#cover_content > .page_width{
	width: 90%;	
}
#main_hdr{
	display: block;
	padding: 0px;
	margin: 0px;
	height: 125px;
}
#top_main{
	/*height: 125px; JG 28/08/24*/
	height: auto;
	line-height: 125px;
	width: 100%;
	text-align: center;
	margin-top: 50px; /*30px*/
}
#hdr-logo{
	display: inline-block;
	width: 330px;
	height: 125px;
	background-image: url('/images/logo.png?v=28-09-2021-13:46');
	background-repeat:no-repeat;	
    background-position: center;
	color: transparent;
}
#base-logo{
    display: inline-block;
	width: 330px;
	height: 125px;
	background-image: url('/images/logo.png?v=28-09-2021-13:46');
	background-repeat:no-repeat;
}
.lang-flags{
	position: absolute;
	top: 30px;
	right: 10px;
}
ul.nice-list{
	list-style:none;	
}
.handwriting{
	/*font-family: "Indie Flower", "Lato", "Verdana", sans-serif !important;  FONT CHANGED 03/02/2015
	font-size: 1.1em; */
}
/* FOOTER */
html,
body {
  height: 100%;
}

#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}
	
footer{
	width: 100%;
	bottom:0;
	padding:0;
	margin: 0;
}
#footer-inner{
	position:relative;	
}
#footer-inner #base-icons{
	width:100%;	
}
#footer-inner #base-icons.user_actions{
	color: rgba(147,149,152,0.75);
	text-align:right;
}
#footer-inner #base-icons.user_actions #home-icon{
	float:left;
	background-position: -0px -120px;
}
#footer-inner #base-logo{
	background-image: url('/images/base-logo.png?v=28-09-2021-13:46');
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 100%;
	border: 0px !important;
}
#footer-main{
    border-top: 2px solid #AEB0B2; 
	color: #5D6163;
	padding: 20px 0px;
	margin-top: 10px;
}

#footer-links{
	list-style: none;
	padding:0;
	text-align: center;
	color: #fff;
	background-color: rgb(216,32,128);
}
	.footer-info{
		text-align: right;
		
	}
	.footer-info ul{
		list-style: none;
	}
	#footer-links a,#footer-links a:hover,#footer-links a:visited{
		color:white;
	}
/* FOOTER */
/* USER ACTIONS */


a.gflag {
    display: inline-block;
    height: 16px;
}
.user_actions a{
	color: inherit;
	    
}
.user_actions .dropdown-item{
	padding: 5px 5px;
}
.user_actions .dropdown-item:hover{
	background-color: #efefef;
	cursor: pointer;
}
.user_actions i{
	margin: 0px 10px;
}
.user_actions a:not(.gflag){
	text-decoration: none;	
	display: inline-block;
	background-repeat: no-repeat;
	background-image: none !important;
	margin-left: 10px;
	margin-right: 10px;
}
.user_actions a span{
	margin-left: 5px;
}
.user_actions a:hover{
	color: inherit;
	text-decoration: none;	
}
	.ui-helper-hidden-accessible{display: none}
/* USER ACTIONS */
/* BREADCRUMB TRAIL */
div.breadcrumb{
	display: inline-block;
    margin: 0;
    padding: 0;
    border-radius: 0px;
	/*background: rgb(147,149,152);
    background: rgba(147,149,152,0.75);
	background: #e5007d;
    color: #fff;*/
	color: #AEB0B2;
    background-color: #fff;
	border-top: 2px solid #AEB0B2; 
	margin-bottom: 10px;
}
	#nav-bar{
		height: 40px;
	}
	#nav-bar, #base-icons{
		padding: 3px;
	}
#nav-bar, div.breadcrumb #nav-bar .user_actions, #base-icons{
	color: inherit;
	font-size: 16px; /*0.8rem*/
}
    
#nav-bar, div.breadcrumb #nav-bar .user_actions, #base-icons, #nav-bar #language-btn, #crumb{
    font-size: 16px; /*0.8rem*/
    margin-top: 5px;
}
#nav-bar .user_actions{
	line-height: inherit;
	height: auto;
}

div.breadcrumb ul{
	list-style: none;
	margin: 0;
	padding:0;
	display:inline-block;
}
div.breadcrumb ul li{
	display:inline-block;
	min-width: 40px;
	text-align: center;
}


div.breadcrumb ul li a{
	text-decoration: none;
	color: inherit;
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
div.breadcrumb ul li:first-child,div.breadcrumb ul li:nth-child(2){
	
}
div.breadcrumb ul li:nth-child(2){
	background-position: -0px -600px;
}
div.breadcrumb ul li{
	border-left: 1px solid;
}
div.breadcrumb ul li:first-child,div.breadcrumb ul li:nth-child(2){
	border: 0px;
}
div.breadcrumb ul li:first-child:hover{
	background-position: -0px -360px;
}
div.breadcrumb ul li:nth-child(2):hover{
	background-position: -0px -660px;
}
div.breadcrumb .user_actions{
	float: right;
}
#normal-nav{
	border: 0px;
	background-color: rgb(0,164,196);
	color: #fff;
	padding: 3px 0px;
	position: fixed;
	z-index: 3;
}
#normal-nav #title-head{
	text-align: center;
	font-size: 13px;
    margin: -9px 0px;
    color: #fff;
    max-width: 200px;
    line-height: 28px;
    display: inline-block;
    
}
/* BREADCRUMB TRAIL */
	

/* MOBILE NAVIGATION */
#normal-nav .mobile-show{
	display: none;
}
@media screen and (max-width: 1000px) {
	#normal-nav .mobile-hide{
		display:none;	
	}
	#normal-nav .mobile-show{
		display:inline-block;
	}
    #normal-nav #title-head {
    margin-top: 5px;
    }
    #footer-inner .col-lg{
        text-align: center;
    }
    #footer-inner .col-lg ul{
        margin: 0px;
        padding: 0px;
    }
    #base-logo{
        display: none;
    }
}
@media only screen and (max-width: 620px) {
    #normal-nav #title-head {
        width: 0px !important;
    }
}
/* MOBILE NAVIGATION */
	
.feat_dis{
	color: #aaa;
	cursor: not-allowed !important;
}
/* STANDARD TABLE */
.table, table.dataTable.no-footer{
	width: 100%;
	font-size: 1em;
	font-weight: normal;
	border: 3px solid rgb(0,164,196);
}
.table th{
	color: white;
	background-color: #333333;	
	padding: 0.5em;
}
.table td{
	text-align: left;
	padding: 0.2em;
	padding-left: 1em;
}
.table td:first-child{
	border-left: 0;	
}
.table tr:nth-child(odd){
	background-color: white;	
}
.table tr:nth-child(even){
	background-color: rgba(163,173,216, 0.3);		
}
/* STANDARD TABLE */
/* ICONS */
.grid {
  margin: 0 auto;
}
.icon_holder{
	padding:0;
	margin: 0 auto;
	max-width: 980px;
}
.icon_holder.login_size{
	max-width: 500px;
}
.icon_holder_sub{
	padding: 10px;
}
.icon_item{
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	cursor: pointer;
	width: 206px;
	height: 206px;
	font-size: 1.2em;
	color: white;
}
.icon_item:hover{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
	box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
}
.icon-inner{
	height: 186px;
	width: 186px;
	display: block;
	position: relative;
	margin: 10px;
	padding: 0;	
}
.icon-inner .title{
	position:absolute;
	bottom: 0px;
	left: 0px;
	font-weight: 700;
	letter-spacing: 0.04em;
	width: 186px;
    line-height: 30px;
}
.icon-inner.overlay{
	height: 186px;
	width: 186px;
	margin: 0;
	padding: 10px;
}
.icon-inner.overlay .title{
	bottom: 10px;
}
.i_will.icon-inner.overlay .title{
    left:0px;
}
.icon_item_removed{
	border-radius: 0 1em 0 0;
	padding: 1em;
	margin-top: 15px;
	margin-left: 15px;
	cursor: pointer;
	width: 150px;
	min-height: 150px;
	text-align: center;
	font-weight: bold;
}
.icon_item.double_width{
	width: 315px;
}
.icon_item.double_height{
	height: 315px;
}
.icon_item.double{
	height: 315px;
	width: 315px;
}
	.icon_item, .icon_item .overlay{
		border-radius: 1.25rem;
	}
.page-icon{
	padding: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-bottom: 9px;
	width: 206px;
	height: 206px;
	font-size: 1.5em;
	color: white;
	background-color: rgb(147,149,152);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url('/images/icons.png?v=28-09-2021-13:46');
	float: left;
	position: relative;
    border-radius: 1.25rem;
}
@media screen and (max-width: 650px) {
	.page-icon{	
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
@media print{
	#msg_bar,
	.no-print,
	header#top_left,
	header#top_right,
	nav{
		display:none;	
	}
	.content{
		border-top: none;	
	}
	.accordion > *{
		display: block !important;
	}
	footer,#footer{
		display: none !important;	
	}
}	
#fav_sort .del_fav{
	text-decoration: underline;
	float: right;
}
#fav_sort li{
	padding: 5px;
	padding-left: 10px;	
	cursor: move;
	margin: 3px;
	margin-top: 0;
}
#fav_sort{
	list-style: none;
}
.sortable_holder{
	height: 23px;	
}
.low-light{
	color: #777;	
}
.admin-icon{
	font-size: 0.8em;
	float:right;
	margin: 3px;	
}
.tipTip{
	cursor: pointer;
}
.tipTip.jbutton{
	border-bottom: none !important;	
}
/* SLIM FORM */
#hdr_login_form.slim-form{
	border: 0;	
	height: 50px;
	line-height: 50px;
	padding:0;
	margin: 0;
}
#hdr_login_form.slim-form input{
	padding: 0.2em;
	font-size: 10px;
}
@media print{
	form.slim-form{	
		display:none;
	}
	footer{
		display: none;	
	}
}
.pdf form.slim-form{	
	display:none;
}
/* END SLIM FORM */
/* ICON BACKGROUNDS */
.icon_pink{
	background-color: rgb(216,32,148);
	background-color: rgb(216,32,128);
}
.icon_cyan{
	background-color: rgb(0,164,196);
	background-color: rgb(0,164,196);
	background-color: rgb(216,32,128);
}
.icon_purple{
	background-color: rgb(98,46,134);
	background-color: rgb(130,54,140);
	background-color: rgb(216,32,128);
}
.icon_green{
	background-color: rgb(104,189,69);
	background-color: rgb(117,184,67);
	background-color: rgb(216,32,128);
}
.icon_blue{
	background-color: rgb(37,64,143);
	background-color: rgb(216,32,128);
}
.icon_orange{
	background-color: rgb(247,148,30);
	background-color: rgb(240,126,38);
	background-color: rgb(216,32,128);
}
.icon_red{
	background-color: rgb(210,35,42);
	background-color: rgb(216,32,128);
}
.icon_grey{
	background-color: rgb(147,149,152);
	background-color: rgb(93,97,99);
	background-color: rgb(216,32,128);
}
	
.icon_kiqplan{
	background-color: #ef4823;
}
.icon_holder div.icon_item[ref=recalibrate],
.page-icon[ref=recalibrate]{
	background-position: -412px -1648px;
} 
.icon_holder div.icon_item, .icon-inner.overlay{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url('/images/icons.png?v=28-09-2021-13:46');
	display: inline-block;
}
.icon-inner.overlay{
	height: 206px;
	width: 206px;
}
.icon-inner.overlay .title{
	margin-left: 10px;
}
.icon-inner.overlay.icon_pink{
	background-color: rgba(216,32,148,0.65);
	background-color: rgba(216,32,128,0.65);	
}
.icon-inner.overlay.icon_cyan{
	background-color: rgba(0,164,196,0.65);	
	background-color: rgba(216,32,128,0.65);
}
.icon-inner.overlay.icon_purple{
	background-color: rgba(130,54,140,0.65);
	background-color: rgba(216,32,128,0.65);	
}
.icon-inner.overlay.icon_green{
	background-color: rgba(117,184,67,0.65);
	background-color: rgba(216,32,128,0.65);	
}
.icon-inner.overlay.icon_blue{
	background-color: rgba(37,64,143,0.65);
	background-color: rgba(216,32,128,0.65);	
}
.icon-inner.overlay.icon_orange{
	background-color: rgba(240,126,38,0.65);
	background-color: rgba(216,32,128,0.65);	
}
.icon-inner.overlay.icon_red{
	background-color: rgba(210,35,42,0.65);	
	background-color: rgba(216,32,128,0.65);
}
.icon-inner.overlay.icon_grey{
	background-color: rgba(93,97,99,0.65);
	background-color: rgba(216,32,128,0.65);	
}

.icon_holder div.icon_item[ref=progress],
.icon_holder div.icon_item.progress{
	background-position: 0px -1854px;	
}
.icon_holder div.icon_item[ref=create_account],
.page-icon[ref=create_account]{
	background-position: -618px -2472px;	
}
.icon_holder div.icon_item[ref=health_assessor],
.icon_holder div.icon_item[ref=forgot_account],
.page-icon[ref=health_assessor],
.page-icon[ref=forgot_account]{
	background-position: -412px 0px;	
}
.icon_holder div.icon_item[ref=personal_challenges]:not(.feat_dis),
.icon_holder div.icon_item.personal_challenges:not(.feat_dis),
.page-icon[ref=personal_challenges]{
	background-position: -412px -206px;	
}
.icon_holder div.icon_item[ref=health-readings],
.icon_holder div.icon_item.health-readings,
.page-icon[ref=health-readings]{
	background-position: 0px -2060px;	
}
.icon_holder div.icon_item[ref=calendar],
.icon_holder div.icon_item.calendar,
.page-icon[ref=calendar]{
	background-position: -824px 0px;	
}
.icon_holder div.icon_item[ref=admin]{
	background-position: -618px -206px;	
}
.icon_holder div.icon_item[ref=wellbeing_blogs]{
	background-position: -1030px -0px;	
}
.icon_holder div.icon_item[ref=striving-thriving],
.icon_holder div.icon_item.striving-thriving,
.page-icon[ref=striving-thriving]{
	background-position: -1030px -0px;	
}
.icon_holder div.icon_item[ref=wellbeing-review],
.icon_holder div.icon_item.wellbeing-review,
.page-icon[ref=wellbeing-review]{
	background-position: -1030px -0px;	
}
.icon_holder div.icon_item[ref=katie-kitchen],
.icon_holder div.icon_item.katie-kitchen,
.page-icon[ref=katie-kitchen]{
	background-position: -1030px -0px;	
}
.icon_holder div.icon_item[ref=find_nhs_check],
.icon_holder div.icon_item.find_nhs_check,
.page-icon[ref=find_nhs_check]{
	background-position: -0px -206px;	
}
.icon_holder div.icon_item[ref=library],
.icon_holder div.icon_item[ref=library-item],
.icon_holder div.icon_item[ref=about],
.page-icon[ref=library],
.page-icon[ref=library-item],
.page-icon[ref=about]{
	background-position: -206px -206px;	
}
.icon_holder div.icon_item[ref=my_account],
.icon_holder div.icon_item[ref=login],
.page-icon[ref=my_account],
.page-icon[ref=login]{
	background-position: -824px -206px;		
}
.icon_holder div.icon_item[ref=boomerang],
.page-icon[ref=boomerang]{
	background-position: -206px -412px;
}
.icon_holder div.icon_item[ref=mymood],
.page-icon[ref=mymood]{
	background-position: -0px -412px;	
}
.icon_holder div.icon_item[ref=twitter],
.page-icon[ref=twitter]{
	background-position: -1030px -206px;
	cursor: default;	
}
.icon_holder div.icon_item[ref=cal_event],
.page-icon[ref=cal_event]{
	background-position: -412px -412px;
}
.icon_holder div.icon_item[ref=i_will],
.icon_holder div.icon_item.i_will,
.icon-inner.overlay.i_will,
.page-icon.i_will,
.page-icon[ref=i_will]{
	background-position: -618px -412px;
}
.icon_holder div.icon_item[ref=fitbug_link],
.icon_holder div.icon_item.fitbug_link,
.icon_holder div.icon_item.fitbug_web,
.icon-inner.overlay.fitbug_link,
.page-icon.fitbug_link,
.page-icon.fitbug_web,
.page-icon[ref=fitbug_link],
.icon_holder div.icon_item[ref=progress_steps],
.icon_holder div.icon_item[ref=progress_sleep_time],
.icon_holder div.icon_item[ref=progress_sleep_eff],
.icon_holder div.icon_item[ref=progress_nutrition],
.icon_holder div.icon_item[ref=fitbug_web]{
	background-position: -824px -412px;
}
.icon_holder div.icon_item[ref=contact],
.page-icon[ref=contact]{
	background-position: -1030px -412px;
}
.icon_holder div.icon_item[ref=fitbit],
.page-icon[ref=fitbit]{
	background-position: -0px -618px;
}
.icon_holder div.icon_item[ref=havensrock_gym_discount],
.page-icon[ref=havensrock_gym_discount]{
	background-position: -206px -618px;
}
.icon_holder div.icon_item[ref=havensrock_benefits],
.page-icon[ref=havensrock_benefits],
.icon_holder div.icon_item[ref=rewards_benefits],
.page-icon[ref=rewards_benefits]{
	background-position: -412px -618px;
}
.icon_holder div.icon_item[ref=recalibrate_link],
.page-icon[ref=recalibrate_link]{
	background-position: -412px -618px;
}
.icon_holder div.icon_item[ref=havensrock_private_medical],
.page-icon[ref=havensrock_private_medical]{
	background-position: -618px -618px;
}
.icon_holder div.icon_item[ref=kiqplan_link],
.page-icon[ref=kiqplan_link],
.page-icon[ref=kiqplan_api]{
	background-position: -824px -618px;
	background-position: -1030px -618px;
}
.icon_holder div.icon_item[ref=progress_steps_kiqplan]{
	background-position: -0px -824px;
}
.icon_holder div.icon_item[ref=progress_sleep_time_kiqplan],
.icon_holder div.icon_item[ref=progress_sleep_eff_kiqplan]{
	background-position: -412px -824px;
}
.icon_holder div.icon_item[ref=progress_nutrition_kiqplan]{
	background-position: -206px -824px;
}
.icon_holder div.icon_item[ref=get_started]{
	background-position: -618px -1030px;
}
.icon_holder div.icon_item[ref=quote_of_the_day]{
	background-position: -824px -1030px;
}
.icon_holder div.icon_item[ref=today_q]{
	background-position: -1030px -1030px;
}
.icon_holder div.icon_item[ref=hydration_quota]{
	background-position: -0px -1030px;
}

.icon_holder div.icon_item[ref=add-body_fat],
.page-icon[ref=body_fat],
.text-icon[ref=body_fat],
.icon_holder div.icon_item[ref=progress_bfc]{
	background-position: -0px -1236px;
}

.icon_holder div.icon_item[ref=add-bmi],
.page-icon[ref=bmi],
.text-icon[ref=bmi],
.icon_holder div.icon_item[ref=progress_bmi]{
	background-position: -1030px -2060px ;
}

.icon_holder div.icon_item[ref=add-weight],
.page-icon[ref=weight],
.text-icon[ref=weight],
.icon_holder div.icon_item[ref=progress_weight]{
	background-position: -412px -1442px;
}
    
.icon_holder div.icon_item[ref=add-bp],
.page-icon[ref=bp],
.text-icon[ref=bp],
.icon_holder div.icon_item[ref=progress_bp]{
	background-position: -412px -1236px;
}
    
.icon_holder div.icon_item[ref=add-hr],
.page-icon[ref=hr],
.text-icon[ref=hr],
.icon_holder div.icon_item[ref=progress_hr]{
	background-position: -206px -1442px;
}
    
.icon_holder div.icon_item[ref=add-hq],
.page-icon[ref=hq],
.text-icon[ref=hq],
.icon_holder div.icon_item[ref=progress_hq]{
	background-position: -0px -1442px;
}
    
.icon_holder div.icon_item[ref=add-chol],
.icon_holder div.icon_item[ref=progress_chol]{
	background-position: -618px -1236px;
}
    
.icon_holder div.icon_item[ref=add-bg],
.icon_holder div.icon_item[ref=progress_bg]{
	background-position: -206px -1236px;
}
    
.icon_holder div.icon_item[ref=add-lung],
.icon_holder div.icon_item[ref=progress_lung]{
	background-position: -824px -1236px;
}
        
.icon_holder div.icon_item[ref=add-smoke],
.icon_holder div.icon_item[ref=progress_smoke]{
	background-position: -618px -1442px;
}
        
.icon_holder div.icon_item[ref=add-waist],
.page-icon[ref=waist],
.text-icon[ref=waist],
.icon_holder div.icon_item[ref=progress_waist]{
	background-position: -824px -1442px;
}
.icon_holder div.icon_item[ref=wb_age],
.page-icon[ref=wb_age],
.text-icon[ref=wb_age]{
	background-position: -824px -1854px;
}
 


.icon_holder div.icon_item[ref=academy_enroll],
.page-icon[ref=academy_enroll]{
	background-position: -824px -2060px;
}
.icon_holder div.icon_item[ref=academy_expectations],
.page-icon[ref=academy_expectations]{
	background-position: -206px -1854px;
}
.icon_holder div.icon_item[ref=academy_welcome],
.page-icon[ref=academy_welcome]{
	background-position: -618px -1854px;
}
    
.icon_holder div.icon_item[ref=recalibrate_questionnaire],
.page-icon[ref=recalibrate_questionnaire]{
	background-position: -412px -2060px;
}
      
.icon_holder div.icon_item[ref=recalibrate_workbook],
.page-icon[ref=recalibrate_workbook]{
	background-position: -1030px -1854px;
}
       
.icon_holder div.icon_item[ref=download_recalibrate_workbook],
.page-icon[ref=download_recalibrate_workbook]{
	background-position: -618px -2060px;
}  
    
.icon_holder div.icon_item[ref=buy_recalibrate_workbook],
.page-icon[ref=buy_recalibrate_workbook]{
	background-position: -206px -2060px;
}
.icon_holder div.icon_item[ref=recalibrate_community],
.page-icon[ref=recalibrate_community]{
	background-position: -412px -1854px;
}

.icon_holder div.icon_item[ref=self_awareness],
.page-icon[ref=self_awareness]{
	background-position: -1030px -2266px;	
}
	
.icon_holder div.icon_item[ref=linkedin],
.page-icon[ref=linkedin]{
	background-position: -206px -2266px;	
}
.icon_holder div.icon_item[ref=facebook],
.page-icon[ref=facebook]{
	background-position: -0px -2266px;	
}
	
.icon_holder div.icon_item[ref=sbs_partner],
.page-icon[ref=sbs_partner]{
	background-position: -0px -2472px;	
}
	
.icon_holder div.icon_item[ref=coaches],
.page-icon[ref=coaches]{
	background-position: -206px -2472px;	
}
 

.icon_holder div.icon_item[ref="content_graduate"]{
	background-image: url('/images/icons/graduate.png');
    background-repeat: no-repeat;
	background-size: 100px 100px;
    background-position: right top;
}
.icon_holder div.icon_item[ref="content_ambassador"]{
	background-image: url('/images/icons/ambassador.png');
    background-repeat: no-repeat;
	background-size: 100px 100px;
    background-position: right top;
}
.icon_holder div.icon_item[ref="content_coach"]{
	background-image: url('/images/icons/coach_resources.png');
    background-repeat: no-repeat;
	background-size: 100px 100px;
    background-position: right top;
}


.icon_holder div.icon_item.rec_check{
    background-position: -618px -1648px;
}
    
.text-icon{
    height: 190px;
    width: 190px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url('/images/icons.png?v=28-09-2021-13:46');
    transform: scale(0.2);
    margin: -80px -76px -95px -101px;
    display: inline-block;
}
.text-with-icon{
    vertical-align: middle;
    height: 30px;
}
.my-graphs-list a{
    text-align: left;
}
.my-graphs-list{
    display: block;
    margin-bottom: 10px;
   
}
html[lang=fr] .my-graphs-list a{
	 font-size: 12px !important;
}
.metrics-dropdown .dropdown-menu a{
    color: #fff;
}
/* END ICON BACKGROUNDS */

/* I-Will ICON BACKGROUNDS */
.i_will_bg{
	background-image: url('/images/i-will-icons-flat.png?v=28-09-2021-13:46') !important;
	background-position: 0 0;	
}
.i_will_bg#bg_alcohol, .i_will_bg[link=alcohol]{
	background-position: 0 0 !important;
}
.i_will_bg#bg_balance, .i_will_bg[link=balance]{
	background-position: -206px 0px !important;
}
.i_will_bg#bg_caffeine, .i_will_bg[link=caffeine]{
	background-position: -412px 0px !important;
}
.i_will_bg#bg_change, .i_will_bg[link=change]{
	background-position: -618px 0px !important;	
}
.i_will_bg#bg_eating, .i_will_bg[link=eating]{
	background-position: -824px 0px !important;	
}
.i_will_bg#bg_energy, .i_will_bg[link=energy]{
	background-position: -1030px 0px !important;	
}
.i_will_bg#bg_exercise, .i_will_bg[link=exercise]{
	background-position: -1236px 0px !important;
}
.i_will_bg#bg_healthy, .i_will_bg[link=healthy]{
	background-position: -1442px 0px !important;
}
.i_will_bg#bg_hydrate, .i_will_bg[link=hydrate]{
	background-position: -1648px 0px !important;
}
.i_will_bg#bg_pace, .i_will_bg[link=pace]{
	background-position: -1854px 0px !important;
}
.i_will_bg#bg_sleep, .i_will_bg[link=sleep]{
	background-position: -2060px 0px !important;
}
.i_will_bg#bg_smoking, .i_will_bg[link=smoking]{
	background-position: -2266px 0px !important;	
}
.i_will_bg#bg_stress, .i_will_bg[link=stress]{
	background-position: -2472px 0px !important;
}
.i_will_bg#bg_sun, .i_will_bg[link=sun]{
	background-position: -2678px 0px !important;
}
.i_will_bg#bg_weight, .i_will_bg[link=weight]{
	background-position: -2884px 0px !important;
}
.i_will_bg#bg_winter, .i_will_bg[link=winter]{
	background-position: -3090px 0px !important;
}
/* I-Will ICON BACKGROUNDS */


/* PROGRESS GRAPHS */
form.progress-form{
	display: block;
	width: 400px;
	margin: 0 auto;
	color: white;
	margin-top: 10px;
	text-align: center;
}
form.progress-form input{
	margin-bottom: 0;
}
/* END PROGRESS GRAPHS */
/* GENERAL */
h1,h2,h3,h4,h5,h6{
	color: 	#333333;
	display: inline-block;
	padding:0;
	margin:0;
	text-align: left;
	margin-bottom: 15px;
	font-family: montserrat-bold;
}
@media screen and (max-width: 650px) {
	h1,h2,h3,h4,h5,h6{
		text-align: center;
		display:block;
	}	
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color: #333333 !important;	
}
h1{
	font-size: 1.5em;	
	font-size: 40px;
}
h2{
	font-size: 1.3em;	
}
h3{
	font-size: 1.1em;	
}
	h4{
		font-size: 1em;
	}
.article{
	line-height: 1.5em;	
}
.jBox-pre-content{
	display: none;	
}
.remove-icon{
	background-image: url('/images/remove.png?v=28-09-2021-13:46');
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
	margin-left: 0.2em;
	margin-right:0.2em;
	cursor: pointer;	
}
/* GENERAL */
/* TABLE FORM FORMATTING */
table.tbl-form{
	margin:0 auto;	
	max-width: 90%;
}
table.tbl-form td{
	vertical-align:top;	
}
table.tbl-form label{
	margin-top: 8px;	
	display:inline-block;
}
/* TABLE FORM FORMATTING */
/* BLOG FORMATTING */
.blog-details{
	font-size:0.8em;	
}
/* BLOG FORMATTING */
/* PROGRESS BAR FORMATTING */
.ui-progressbar {
	position: relative;
	height: 30px;
	clear:both;
}
#progress-label {
	position: absolute;
	width:100%;
	text-align:center;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: white;
}
/* PROGRESS BAR FORMATTING */
/* TOOL TIP ICON */
	
	
.ui-tooltip, .arrow:after {
    background: #575756;
	border: 0px ;
    border: 0px;
  }
  .ui-tooltip {
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    box-shadow: 0 0 0px black;
	border-radius: 5px;
	display: block;
	position: absolute;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
	  box-shadow: 0px 0px 0px 0px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
    
    .guide_icon{
        height: 20px;
        width: 20px;
        margin-top: -4px;
    }
    .my-teams-text{
        color: rgb(22,68,148);
        text-align: center;
    }
/* TOOL TIP ICON */
/* SPRITE ICONS */
.sprite-icon{
	width: 25px;
	height: 25px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url('/images/sprite-icons.png?v=28-09-2021-13:46');
	background-position: 0px 0px;
	margin: 0.2em;
	border: 0;
}
.sprite-icon.end-icon{
	background-position: -25px 0px;
}
.sprite-icon.edit-icon{
	background-position: 0px 0px;
}
/* JBOX GALLERY */
a.jbox-gallery{
	background-position: -100px 0px;
	background-repeat: no-repeat;
	width: 100px;
	height: 71px;
	border-radius: 0.5em 0.5em 0.5em 0.5em;	
	display:inline-block;
	margin: 10px;
}
a.jbox-gallery:hover{
	background-position: 0px 0px;
}
a.jbox-gallery img{
	display:none;	
}
.jBox-image-label{
	padding-top: 5px;
}
/* JBOX GALLERY */
/* POWERPOINT GALLERY */
.ppoint-div{
	width: 100%;
	height: 600px;
	position: relative;
}
.ppoint-div .next, .ppoint-div .prev{
	height: 600px;
	position: absolute;
	cursor: pointer;
	width: 30px;
}
.ppoint-div .next .btn, .ppoint-div .prev .btn{
	background-image: url('/images/prev-next.png?v=28-09-2021-13:46');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin-top: 285px;
}
.ppoint-div .next{
	right: 0;
}
.ppoint-div .next .btn{
	background-position: -30px 0px;
}
.ppoint-div .prev{
	left: 0;
}
.ppoint-div>.prev>.btn{
	background-position: 0px 0px;
}
.ppoint-div>.next:hover, .ppoint-div>.prev:hover{
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.ppoint-div>.content{
	height: 598px;
	margin-top:1px;
	margin: 0 auto;
	width: 100%;
	background-color: white;
	border-top: thin solid #666666;
	border-bottom: thin solid #666666;
	text-align: center !important;
	background-color: #F7F7F7;
}
.ppoint-div .content-inner{
	position:relative;
	margin: 30px;
	height: 540px;
	overflow: hidden;
}
.ppoint-div .content-inner img{
	border: 1px solid #666666;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.ppoint-div .content-inner h1{
	font-size: 2em;	
}
.ppoint-div .content-inner h2{
	font-size: 1.6em;	
}
.ppoint-div .content-inner p{
	font-size: 1.2em;	
}
/* POWERPOINT GALLERY */
/* SIMPLE FITBUG STYLING */
.fitbug_area{
	background-color: #C7C8CA;
	font-family: "Source Sans Pro", "Lato", "Verdana", sans-serif;
	font-size: 13px;
	line-height: 1.33em;
	color: #77787B;
	padding: 20px;
	border-top: 50px solid #555555;
	border-bottom: 50px solid #555555;
}
.fitbug_float{
	background: none repeat scroll 0% 0% #F3F3F3;
	border-radius: 10px;
	padding: 30px 20px 30px 60px;
	margin-bottom: 20px;
	display: block;
}
.fitbug_area h1,.fitbug_area h2,.fitbug_area h3,.fitbug_area h4,.fitbug_area h5,.fitbug_area h6{
	color: #39123F;
	font-weight:normal;
	display:block;
}
/* SIMPLE FITBUG STYLING */
/* MYMOOD FORMATTING */
#mood-icons{
	width: 730px;
	margin: 0 auto;	
}
@media screen and (max-width: 730px) {
	#mood-icons{
		width: 80%;
	}	
}
.mood-icon{
	width: 140px;
	height: 140px;	
	display: inline-block;
	background-image: url('/images/mymood-faces.png?v=28-09-2021-13:46');
	background-repeat: no-repeat;
	cursor: pointer;
}
#mood-1{
	background-position: 0px -5px;
}
#mood-2{
	background-position: -140px -5px;
}
#mood-3{
	background-position: -280px -5px;
}
#mood-4{
	background-position: -420px -5px;
}
#mood-5{
	background-position: -560px -5px;
}
#mood-1.hovered{
	background-position: 0px -156px;
}
#mood-2.hovered{
	background-position: -140px -156px;
}
#mood-3.hovered{
	background-position: -280px -156px;
}
#mood-4.hovered{
	background-position: -420px -156px;
}
#mood-5.hovered{
	background-position: -560px -156px;
}
/* MYMOOD FORMATTING */
/* HIGHLIGHTING */
.item_highlight{
    /*-webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -kthtml-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;*/
	z-index: 2;
}
/* HIGHLIGHTING */
/* COLOURED JBUTTON */
.jbutton.red{
	background: #ff0000 !important;
	text-align: center;
	font-weight: normal;
}
.jbutton.green{
	background: #1E762E !important;
	text-align: center;
	font-weight: normal;
}
.jbutton.green:active,.jbutton.red:active{
	color: white;
	border-color:white;	
}
/* COLOURED JBUTTON */
.my-graphs-list .btn-secondary{
	background-color: rgb(216,32,128);
}
/* iFrame */
section.iframe-page{
	padding:0;
	width: 100%;	
}
section.iframe-page > iframe{
	border:0;
	border-top: 3px solid;
	width: 100%;
	margin: 0 auto;
	min-height: 400px;
	/*height: -200px;*/
	height: calc(100vh - 200px);
	height: -o-calc(100vh - 200px); /* opera */
	height: -webkit-calc(100vh - 200px); /* google, safari */
	height: -moz-calc(100vh - 200px); /* firefox */
}
/* iFrame */
	
	
/* Quote of the day and ??? */
.qotd-quote, .guru-question, .get_started_end p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:10px 0px;
}
	.guru-question{
		background-color: #000;
		color: #fff;
		padding: 10px;
		
	}
.qotd-source{
	font-size:18px;
	font-style:italic;
	text-align:right;
}
.tf-buttons{
	margin:5px 20px;
	width:300px;
	height:261px;
	display:inline-block;
	background-repeat:no-repeat;
}
.tf-buttons-contain{
	text-align: center;
	margin: auto;
}
.tf-buttons:hover{
	filter: drop-shadow(rgb(0,0,0) -5px 5px 0px);
	cursor:pointer;
}
.whats-next-section{
	display:inline-block;
}
	
.tf-answer-screen{
	width: 940px !important;
	max-width: 95% !important;
	padding: 15px 10px 5px 10px;
	margin: auto;
	display: none;
}
.tf-answer-bg{
	margin-top: -25px;
	width: 92%;
    margin-left: 4%;
	height:350px;
	background-image:url('/images/guru/middle-panel-2.gif?v=28-09-2021-13:46');
	background-size:cover;
}
.tf-text{
	padding: 50px 45px 10px 45px;
	color: #fff;
	font-size: 25px;
}
.tf-text p{
	text-align:center !important;
}
.tf-banner{
	z-index:4;
	width: 100%;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}
.tf-banner.tf-banner-w{
	background-image:url('/images/guru/answer-w.png?v=28-09-2021-13:46');
}
.tf-banner.tf-banner-c{
	background-image:url('/images/guru/answer-c.png?v=28-09-2021-13:46');
}
.whats-next-title{
	color:#00AEEF;
	font-weight:bold;
	font-size:40px;
	margin:auto;
}
.whats-next-section{
	margin: auto !important;
}
.whats-next-section .icon_item{
	display:inline-block;
}
.whats-next-section .icon_holder{
	max-width:930px !important;
}
.gs_whats_next a{
	color:#EC008B
}
	.message_bar{
		width: 100%;
	}
	.input-hidden{
		display: none;
	}
	#assessor-results{
		    border-collapse: separate;
    	border-spacing: 5px !important;
	}
.input-group .input-group-append button{
	border: 1px solid #ced4da;
	border-left: 0px ;
}
.input-toggle{
    margin-bottom: 10px;
}
/*Partners*/
	
.icon_holder div.icon_item[ref="sbs_partners"]{
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.icon_holder div.icon_item.sbs_partners{
	border: 2px solid rgb(22,68,148);
	color: rgb(22,68,148);
	background-color: #fff;
	background-image: inherit;
}

.icon_holder div.icon_item.sbs_partners .icon-inner{
	background-size:contain;
    background-repeat: no-repeat;
    background-position: top;
}
#sbs_page_icon{
	border: 2px solid ;
	background-color: #fff;	
	background-repeat: no-repeat;
	background-size: 195px;
	background-position: center;
}
	
	/*TEAMS*/
	ul.team-info{
		list-style: none;
	}
	.journey-progress{
		height: 30px;
	}
	.journey-progress{
		background-color: #7E7E7E;
	}
	.journey-progress #progress-label{
		font-size: 18px;
	}
	.team-cover{
		width: 100%;
		margin-bottom: 15px;
		position: relative;
	}
	.team-cover img{
		width: 100%;
	}
	.team_members_table{
		width: 100%;
	}
	.team_logo, .league_logo{
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 42px 0px;
		border-radius: 0.5rem;
		position: relative;
	}
	.team_logo.logo-icon{
		text-align: center;
	}
	.table-logo{
		display: inline-block;
		padding: 2px 4px;
		border-radius: 0.25rem;
	}
	.team_logo.home_logo,
	.league_logo.home_logo{
		width: auto;
		height: auto;
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 0px;
	}
	.team_logo.home_logo svg,
	.league_logo.home_logo svg{
		font-size: 3em;
		width: auto
	}
	.btn-edit-logo, .btn-edit-image{
		display: none;
	}
	.team_logo:hover .btn-edit-logo, .team-cover:hover .btn-edit-image,
	.league_logo:hover .btn-edit-logo, .league-cover:hover .btn-edit-image,
	.page-icon:hover .btn-edit-logo{
		display: inline-block;
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
	.icon_holder .icon_item.awesome-tile, .icon_holder .icon_item.no-bg, .page-icon.awesome-tile{
		background-image:none;
	}
	.awesome-tile .awesome{
		position: absolute;
		top: 10px;
		right: 10px;
		color: rgba(255,255,255,0.7)
	}
    .league_info{
        width: -webkit-fill-available;
    }
	/*data table*/
	#datatable tr td{
		vertical-align: middle;
	}
	#datatable tr:nth-child(even) td,
	table.dataTable tr:nth-child(even) td, table.dataTable.display tbody tr.even>.sorting_1{
		background-color: #F4F4F4 ;
			
	}
	#datatable tr:nth-child(odd) td,
	table.dataTable tr:nth-child(odd) td, table.dataTable.display tbody tr.odd>.sorting_1{
		background-color: #fff;
			
	}
	#datatable tr:hover td,
	table.dataTable tr:hover td,
	table.dataTable.display tbody tr:hover>.sorting_1{
		background-color: #E7E7E7;
	}

	table.dataTable{
		    border-collapse: collapse;
	}
	/*tiny Mac*/
	.tinymce_label {
		width: 100%;
		 display: inline-block;
	}
	.input-group .tinymce_label .input-group-text{
		    border-radius: .25rem .25rem 0 0 !important;
	}
	.input-group .tox:not([dir=rtl]){
		width: 100%;
	}
	/*Challenge Tiles*/
	.challenge-tile{
		border: 2px solid #333333;
		margin: 10px 0px;
		border-radius: 0.25REM;
		height: auto;
		
		position: relative;
	}
	.challenge-tile:hover{
/*		cursor: pointer;*/
		-webkit-box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
    	-moz-box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
    	box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
	}
	.challenge-tile .chal-info{
		padding: 2px 5px;
		font-size: 0.8em;
	}
	.chal-info h3{
		font-size: 1.5em;
		margin-bottom: 4px;
	}
	.chal-icon, .modal-icon{
		color: #fff;
		height: 120px;
		width:120px;
		max-width: 120px;
		border-radius: .25rem;
		position: relative;
		font-size: 1.2rem;
		text-align: left;
	}
	.chal-icon{
		border-right: 2px solid #333333;
		border-radius: .15rem 0 0 .15rem;
		min-height: 120px;
		height: auto;
	}
	.challenge-tile button{
		/*position: absolute;
		bottom: 7px;
		right: 7px;*/
		margin-top: 3px;
	}
	.modal-icon{	
		max-width:120px;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
	.modal-icon-col{
		max-width: 135px;
	}
	.modal-icon span, .chal-icon span{
		position: absolute;
		left: 0px;
    	top: 50px;
		text-align: center;
		padding: 5px;
		width: 100%;
	}
	.chal-icon svg, .modal-icon svg{
		width: 100%;
		position: absolute;
		text-align: center;
		top: 7px;
		right: 36px;
	}
	.btn-group.btn-nav>.btn-group:not(:last-child)>.btn, .btn-group.btn-nav>.btn:not(:last-child):not(.dropdown-toggle),
	.btn-group.btn-nav>.btn-group:not(:first-child)>.btn, .btn-group.btn-nav>.btn:not(:first-child){
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.alert{
		margin-top: 40px;
	}
	.top-strip{
		border-bottom: 2px solid #AEB0B2;
		height: 0px;
		margin-bottom: 10px;
	}
	.progress{
		margin-top: 20px;
		margin-bottom: 20px;
		height: 30px;
		font-weight: bold;
		font-size: 1em;
	}
	
	/* PASSWORD INPUT */
	.pw_req_notice{
        padding: 5px 8px;
        border: 2px solid #666;
        width: max-content;
        margin-bottom: 5px;
    }
    .pw_req_notice .req_notice ul{
        margin: 0px;
    }
    .pw_req_notice .req_notice li.valid/*, .req_notice li.invalid*/{
        list-style: none;
    }
    .pw_req_notice .valid{
        color: green;
    }
    .pw_req_notice .valid:before { 
           content:"\2713"; 
    }
    .pw_req_notice .invalid:before, .pw_req_notice .valid:before{
        line-height: -moz-block-height;
        margin-left: -15px;
        margin-right: 5px;
    }
	/* PASSWORD INPUT */
	
	/* Language Specific options */
	html[lang=en] .fr_only, html[lang=en] .nl_only{
		display:none;
	}
	html[lang=fr] .en_only, html[lang=fr] .nl_only{
		display:none;
	}
	html[lang=nl] .en_only, html[lang=nl] .fr_only{
		display:none;
	}
	html[lang=auto] .fr_only, html[lang=auto] .nl_only{
		display:none;
	} 
	/* END Language Specific options */
	
	.fa-15x{
		font-size: 15em;
	}
	.btn-check {
		position: absolute;
		clip: rect(0,0,0,0);
		pointer-events: none;
	}
	
	/*Highcharts*/
	.highcharts-credits, .highcharts-exporting-group{
		display: none !important;
	}
	/*Highcharts END*/
/*Baseline*/
	.baseline-dn{
		color: #F07E26;
	}
	.baseline-up{
		color: #82368C;
	}
	.baseline-eq{
		color: #00A4C4;
		
	}
/*Baseline*/
	
/*Quick Metrics*/
.wba-heart{
	margin-top:-60px;
	margin-bottom:-50px;
}

.wba-table tr, .wba-table td{
	 text-align: center;
}
/*Quick Metrics*/
	
/*Academy Sessions Quiz*/
	
	.quiz-question li{
		list-style: none;
		padding-left: 58px;
    	text-indent: -29px;
	}
	.quiz-question input[type="radio"]{
		margin-right: 15px;
	}
	.quiz-question ul{
		padding-left: 0px;
		padding-top: 10px;
	}
	.quiz-question td{
		vertical-align: top;
		border: none;
		padding: 10px;
	}
	.quiz-question table{
		border: none;
	}
	.session-quiz-contain{
		padding: 10px;
	}
	.session-quiz-div{
		background-color:#EDEDED; 
		padding: 20px; 
		margin: 0px; 
		border-radius: 10px;
		height: 100%;
	}
/*Academy Sessions Quiz*/
	
/*Self Awaerness Quiz*/
	
	.question_start .question_num{
		display: inline-block; 
		font-size: 22px;
		font-weight: bold;
		color: #00A4C4;
		max-width: 15px;
		margin-top: -5px;
	}
	.question_start .question_txt{
		display: inline-block; 
	
	}
	.question_hint_high{
		text-align: right;
	}
	.question_hint_high, .question_hint_low{
		font-size: 14px;
		font-style: italic;
	}
	.question_number_select{
		text-align: center;
		margin: 10px 0px;
	}
	.question_number_select .btn{
		width: 45px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
/*Self Awaerness Quiz*/
/* ACADEMY TILES */
	.academy-logo {
		height: 100px !important;
		width: 100px !important;
	}
	
/* ACADEMY TILES */
	
/* BBQ Item*/


@media only screen and (max-width: 700px) {
	.bbq-item .btn-group .btn{
		display: none;
	}
	.bbq-item .btn-group .btn:nth-last-child(2){
		display: inline-block;
	}
	.bbq-item .btn-group .btn:nth-last-child(2)::before{
		content:"< ";
	}
	.bbq-item .btn-group .btn:nth-last-child(2)::after{
		content:"";
	}
}
	
.info-tip{
	margin-left: 5px;
}
/* BBQ Item*/
.row-btn{
	position: initial !important;
}
.icon_holder_sub.level-core {
	width: auto !important;
	text-align: center;
}
	
#refresh-recalibrate{
	display: block;
	float: right;
	margin-top: -13px;
}

/* RW status in Header */
#main_hdr{
	/*height: 150px; JG28/08/24*/ 
	height: 150px;
}
#recalibrate-status{
	line-height: 1.1em;
	width: 400px;
	margin: 0 auto;
	cursor: pointer;
	max-width: 100%;
}
.better-times{
	font-family: 'Better Times Alt','Monserrat','Segoe UI';
}
#status-actual{
	font-size: 1.5em;
}
#status-expiry{
	font-size: 0.8em;
	text-align: center;
	margin-top: 5px;
}

/* RW status in Header */

/* progress experiments */
.select-experiment::before, .select-experiment .select-experiment-upper{
	font-size: 20px;
}
.select-experiment::before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 400; 
	content: "\f0c8";
	display: inline-block;
	
}
.select-experiment.selected::before{
	 content: "\f14a";
}
.select-experiment{
	display: block;
	margin-bottom: 10px;
	cursor: pointer;
}
.select-experiment .select-experiment-upper{
	display: inline-block;
	font-weight: bold;
}
.select-experiment .select-experiment-lower{
	display: block
}
/* progress experiments */

.info-box{
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ced4da  /*light grey*/;
}
.info-box p,
.info-box{
	text-align: left;
}
.info-box h3{
	color: #d71782 /*pink*/;
	font-size: 18px;
	font-weight: bold;
}

.input-group .form-floating .form-control{
	border: 1px solid #ced4da;
}
.pink-text{
	color: #d71782 /*pink*/;
}
#page-content section.split-container{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#right-panel{
	background-color: #edf6f9 /*light blue*/;
	border-left: 1px solid #ced4da  /*light grey*/;
	padding-top: 10px;
	padding-bottom: 50px;
	padding-right: 25px;
}
#right-panel h2{
	color: #626161  /*grey*/;
	text-transform: none;
	font-size: 24px;
	margin-bottom: 0px;
}

/* new password icons */
.password-box ul{
	list-style-type: none;
}
.password-box ul li:not(.valid)::before,
.password-box ul li:not(.invalid)::before{
	content: "\f111";
    font-family: "Font Awesome 5 Free";
    padding: 0 10px 0 0;
}
.password-box ul li.valid{
	color: #198754;
}
.password-box ul li.valid::before{
	content: "\f058";
    font-family: "Font Awesome 5 Free";
    padding: 0 10px 0 0;
}
.password-box ul li.invalid{
	color: #dc3545;
}
.password-box ul li.invalid::before{
	content: "\f057";
    font-family: "Font Awesome 5 Free";
    padding: 0 10px 0 0;
}
/* new password icons */

body.pdf-style #normal-nav,
body.pdf-style .main_hdr_cont,
body.pdf-style footer{
	display:none;
}

#page-content .split-container .navbar-toggler{
	color: #d71782 /*pink*/;
}

/* FOOTER - modal message pop-up */
.message-icon{
	position: fixed;
	z-index: 1;
	bottom: 40px;
	right: 0px;
	border: 0px;
	background: transparent;
}
.message-icon img{
	height: 50px;
	width: 50px;
}

/* Nav Buttons */
.btn-group .btn-outline-primary{
	background-color: rgb(0,164,196);
	color: #fff;
}
.btn p {
	margin: 0px;
}