/* <style> /* tag to trick dreamweave to syntax highlight */
/* CSS Document */
/* Width:  HEIGHT:  */
#normal-nav #title-head:after{
	content:" ";
}
#normal-nav #title-head{
	background-image: url("/images/WellbeingTracker-white.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    width: 95px;
    display: inline-block;
}
html{
	color: #333333;
	color: rgba(93,97,99,1);
}
a:hover{
	text-shadow: 0px 0px 8px rgb(147, 149, 152);
	text-shadow: 0px 0px 8px rgba(147, 149, 152, 0.75);
}
.themed-font{
	color: rgb(0,164,196);
}
body{
	/*background-image:url("/images/MA-Background.jpg");*/
	background-image:url("/images/tree-background.webp");
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.container.container-slim{
	max-width: 700px;
}
	
.container.container-body{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top: 0px;
	margin-top: 0px;
}
.container.container-head{
	background-color: rgb(0,164,196);
	color: rgb(255,255,255) !important;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-bottom: 0px;
	padding: 15px 10px 0px 10px;
}
	
	
@media only screen and (max-width: 1000px) {
  body {
   background-image:none;
   background:#fff;
  }
}	
section.container{
	background-color: rgb(255,255,255);
	border-radius: 20px;
	padding: 30px;
	border: 4px solid rgb(0,164,196);
	margin-top: 10px;
	margin-top: 20px;
    margin-bottom: 60px;
	overflow: hidden;
}
	section.container iframe{
		max-width: 100%;
	}
.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);
}
/* HEADER */
.top-strip, #language-btn img{
	display: none;
}

#main_hdr{
	margin-bottom: 20px;
}
#top_main{
	margin-top: 70px;
}
/* HEADER */
/* FOOTER */
#footer-inner #base-logo{
	/*background-image: url(../../../../images/logo.png);*/
	border-top: 3px solid rgb(147,149,152);
	border-top: 3px solid rgba(147,149,152,0.75);
	/*border-top: 3px solid rgb(51,51,51);*/
}
#footer{
	color: #fff;
	color: rgba(255,255,255,1);
}
#footer-main, #footer-main a{
	background-color: rgb(216,32,128);
	color: rgba(255,255,255,1);
	border-top: 0px;
}
#hdr-logo.footer-logo{
	background: none !important;
}
#footer-main{
	padding: 5px 0px;
	font-size: 12px;
}
#footer-main ul{
	margin-bottom: 0px;
}
#footer-links{
	font-size: 12px;
}
#footer-links a,#footer-links a:hover,#footer-links a:visited{
	color:white;
}
@media only screen and (max-width: 700px) {
	#footer, #footer a, #footer-links a,#footer-links span{
		font-size: 14px !important;
	}
}
/* FOOTER */
	
/* 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;
}
/* PAGE ICON */
	
/* STANDARD TABLE */
.table{
	border-color: rgb(0,164,196);
	color: #333333;
}
.table th{
	color: white;
	background-color: rgb(0,164,196);
}
.table tr:nth-child(even){	
	background-color: rgba(0,174,239, 0.1);	
}
    .chal-icon, .modal-icon{
	background-color: rgb(0,164,196);
}
	
/* STANDARD TABLE */

/* GENERAL */
h1,h2,h3,h4,h5,h6{
	color: 	rgb(93,97,99);
	text-transform: uppercase;
}
h2{
	color: rgb(0,164,196);
}
h3{
	color: rgb(216,32,128);
}
h4{
	color: rgb(240,126,38);
}
h5{
	color: rgb(117,184,67);
}
h6{
	color: rgb(130,54,140);
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color: rgb(0,164,196) !important;	
}
a.btn-primary, .btn-primary, a.btn-primary:hover, .btn-primary:hover{
	border-color: rgb(0,164,196);
	background-color: rgb(0,164,196);
}
.sprite-icon{
	background-color: rgb(216,32,128);
}
.themed-bg{
	background-color: rgb(216,32,128);	
}
.emphasis{
	color: rgb(216,32,128);
}
.user_actions{
	color: #333333;
	color: rgba(51,51,51,1);
}
.user_actions a{
	color: inherit;
	background-image: url(../../../../images/nav_icons_wb_grey.png);
}
.user_actions a:hover{
	text-shadow: 0px 0px 8px rgb(147, 149, 152);
	text-shadow: 0px 0px 8px rgba(147, 149, 152, 0.75);
}
div.breadcrumb{

}
div.breadcrumb ul li a:hover{
	text-shadow: 0px 0px 8px rgb(147, 149, 152);
	text-shadow: 0px 0px 8px rgba(147, 149, 152, 0.75);
}
.icon_item{
	background-color: rgb(255,255,255);
	color: 	rgb(93,97,99);
	border: 4px solid  rgb(216,32,128);
	font-size: 1.2em;
}
.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_item_removed{
	
	color: #33F;
	
	background-image: linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -o-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -moz-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -webkit-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -ms-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.27, rgb(206,223,240)),
		color-stop(0.64, rgb(226,230,235)),
		color-stop(0.84, rgb(252,252,252))
	);
	
	letter-spacing: 0.05em;
	-webkit-box-shadow: -11px 10px 26px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -11px 10px 26px rgba(50, 50, 50, 0.75);
	box-shadow:         -11px 10px 26px rgba(50, 50, 50, 0.75);
}
.sortable_holder{
	background-color: white;
	border: thin solid #FC0;
}
.tipTip{
	border-bottom: 0.1em dotted #777;
}
.accordion .ui-widget-content p{
	color: #333333;	
}
#language-btn{
	background-color: rgb(0,164,196);
	border-color: rgb(0,164,196);
}
.awesome-tile .awesome {
	color: rgb(218 218 218);
}

.container.container-body img{
	max-width: 100%;
	height: auto;
}
/* GENERAL */
/* MOBILE NAVIGATION */
#mobile-nav{
	border: 1px solid rgb(147, 149, 152);
}
#mobile-nav.hovered{
	-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);
}
#mobile-nav .menu-ul{
	border-top: 1px solid rgb(147, 149, 152);	
}
#mobile-nav .menu-ul a:hover{
	background-color: rgb(147, 149, 152);
	color: white;
}
/* MOBILE NAVIGATION */
/* PROGRESS BAR FORMATTING */
.ui-progressbar{
	background: rgb(157,157,156);
}
.ui-progressbar-value{
	background: rgb(216,32,128);
}
/* PROGRESS BAR FORMATTING */
/* CALENDAR */
.calendar-item.has-event{
	background-color: rgb(216,32,128) !important;
	color: white;
}
.month-title{
	background-color: rgb(216,32,128);
}
.calendar-item.has-event.highlight-day{
	background-color: rgb(0,164,196) !important;
}
/* CALENDAR */
.jBox-image-label{
	color: #666666;
}
/* BLOG FORMATTING */
.blog-details{
	color: rgb(190,190,180);	
}
/* BLOG FORMATTING */
/* SPRITE ICONS */
.sprite-icon{
	background-color: #666666;
}
.sprite-icon: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);
}
/* SPRITE ICONS */
/* JBOX GALLERY */
a.jbox-gallery{
	-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);
}
/* JBOX GALLERY */
/* FORMS */
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus{
	border-color: rgb(0,164,196);
}
/* FORMS */
/* HIGHLIGHTING */
.item_highlight{
	-webkit-box-shadow: 0px 0px 60px 90px rgb(0,164,196);/*rgb(216,32,128);*/
	-moz-box-shadow: 0px 0px 60px 90px rgb(0,164,196);
	box-shadow: 0px 0px 60px 90px rgb(0,164,196);
}
.alt-button{
	background: rgb(0,164,196) !important;
}
/* HIGHLIGHTING */
/* FORMS */
	.input-group .input-group-text{
		background-color: rgba(255,255,255,1.00);
		color:  rgb(216,32,128);
		border-right: 0px;
	}
	.input-group .form-control, .input-group  .custom-select{ 
	border-left: 0px
	}
	.input-group .input-group-text{
		border-right: 1px solid #ced4da;
	}
/* FORMS */
	
/* ACADEMY TILES */
	.icon_item.academy_sections{
		background: rgba(255,255,255,1) !important;
	}
	.icon_item.academy_sections .icon-inner.overlay{
		background: rgba(255,255,255,0) !important;
	}
	.academy-logo {
		height: 100px !important;
		width: 100px !important;
	}
	
/* ACADEMY TILES */
/*Welcome Home*/
	.row-btn{
		max-width: 630px;
		width: 100%;
		height: 55px;
		background: none !important;
		background-color: white !important;
		text-align: center;
		border-radius: 0.5rem;
		line-height: 45px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	@media only screen and (max-width: 700px) {
		.row-btn{
			margin: 0px 0px 13px 0px;
			padding: 8px 5px;
			position: initial !important;
			height: auto;
		}
	}
	@media only screen and (max-width: 600px) {
		.row-btn{
			font-size: 15px;
		}
	}
	.level-welcome{
		max-width: 670px;
	}
	.section-blue{
		color:  #00A4C4;
		border-color:  #00A4C4;
	}
	.section-pink{
		color:  #D82080;
		border-color:  #D82080;
	}
	.section-orange{
		color:  #F07E26;
		border-color:  #F07E26;
	}
	.section-green{
		color:  #75B843;
		border-color:  #75B843;
	}
	.section-purple{
		color:  #82368C;
		border-color:  #82368C;
	}
	.icon_item.locked{
		background: #7C7C7C !important;
		border-color: #7C7C7C;
		box-shadow: 0px 0px 5px 5px #7C7C7C;
		color: black;
		cursor: not-allowed;
	}
/*Welcome Home*/

.bbq-item .btn-group .btn{
    background-color: white;
    border: none; 
    color: #00A4C4;
    box-shadow: none;
    padding:0px;
    padding-right:8px;
}
.bbq-item .btn-group .btn:not(:last-child)::after{
	content:">";
	padding-left:8px;
}

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

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