/* Overall styling */
body, .happiness-development-item-desc, .main-page-small-desc, .get-app .form-control, .forgot-pass-content .turquoise-btn, a.blue-btn, 
.notFoundPage .content-title, #backFlip .flip-desc, .along-with, .main-page-footer-right a {
	font-family: 'Open Sans', sans-serif !important;
}

.custom-modal .modal-title, .challenge-settings-title, .page-title-h1, .mood-title, .scroll-down-subtitle, .scroll-down-box .scroll-box-title, 
.main-page-title h2, .happiness-development-item-title, .new-tabs .newNavLink, .light-blue-btn, .main-challenges-title-tab, .hash-socials-box a, 
.sb-name, .sb-points > div:first-child, .follow-count, .sb-section-title, .sb-mood-box span, .accordion-content-info-title, .social-accordion-content-item span, 
a.sb-invite-btn, .challenge-item-mean-desc, .challenge-view-mean .mean-title, .challenge-view-mean .mean-subtitle, 
.challenge-activity-progress-box .progress-content > span, .followers-started-title, .journal-progress-date, #settings .mood-title, a.grey-btn, 
.followers-name, .user-information-title, .edit-title, .messages-user-item.live .msg-user-name, #MyProgress .modal-progress-content-title, 
#MyProgress .leadersName, #Flip .flip-title, #Flip .face.back .modal-title, .content-title, .leadersTitle,
a.yellow-btn, a.turquoise-btn, a.turquoise-border-btn, a.simple-btn, a.uplift-btn {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
}

.scroll-down-title, .page-title-h1, .registration-logo svg g > text, .sb-brain-title, .progress-content > span, .your-card-collapse-title, .search-group-insiders, 
.invitationTitle, .notFoundPage .content-title a, .notFoundTitle h2, .search-result-container .challengeInfoBox .search-result-title, .success-msg, 
.verifResendDesc a, .surveyResultsTable .table-bordered td:first-child, #Flip .flip-subtitle, #backFlip .flip-subtitle, 
#FirstBrainTrainer .modal-progress-content-title, .activityLogInfo a, .invitaionInfoBox span, .main-page-footer-left {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
}

#spinner_overlay {
	position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    bottom:0;
    display: none;
    z-index: 2000;
}

#spinner_overlay .spinner {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background: rgba(0,0,0,0.8) url(//d2pil9hl7m4qq3.cloudfront.net/images/ajax-loader-black.gif) center center no-repeat;
	border-radius: 10px;
	position: relative;
	top: calc(50% - 50px);
}


.verifResendDesc, .verifResendDesc a {
	color: red;
	font-weight: bold;
}

.yellow-btn{
    display: inline-block;
    font-size: 14px;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    background-color: #FFE32C;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border-radius: 4px;
    padding: 7.5px 25px;
    text-align: center;
    border: 1px solid #FFE32C;
    cursor: pointer;
}
.turquoise-btn{
    display: inline-block;
    font-size: 14px;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #00c4cc;
    border-radius: 4px;
    padding: 7.5px 25px;
    text-align: center;
    border: 1px solid #00c4cc;
    cursor: pointer;
}
.turquoise-border-btn{
    display: inline-block;
    font-size: 14px;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #00C4CC;
    border: 1px solid #00C4CC;
    border-radius: 4px;
    padding: 3.5px 13px;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
}
.verify-email-btn {
	padding: 6.5px 25px;
}
.simple-btn{
    display: inline-block;
    border-radius: 4px;
    border: solid 1px #cecece;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.21;
    text-align: center;
    color: #0e131d;
    padding: 9px 15px;
    text-align: center;
    cursor: pointer;
}
.uplift-btn{
    display: inline-block;
    color: #3B5998;
    border: 1px solid #3B5998;
    border-radius: 4px;
    font-size: 14px;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 6.5px 15px;
    cursor: pointer;
}
.disabled-btn {
	background-color: #ccc;
	color: #999;
	border-color: #ccc;
	cursor: not-allowed !important;
}

.header-logo img {
	width: 126px;
}

.sitebarLogo img {
	height: 34px;
	width: 130px;
}

.notFounfLogo {
	width: 270px;
	height: 70px;
}

.nav-item-messages .dropdown-menu .dropdown-item span {
	padding: 3px 6px;
}

.dropdown-menu .no-content-available {
	border: none;
}

header .nav-item a.nav-link svg > g > g > g > path {
	fill: rgba(0, 0, 0, 0.3);
}

.nav-item-messages .dropdown-menu a.dropdown-item {
	color: #fff;
}

.nav-item-not .dropdown-menu {
	width: 350px;
}

.nav-item-not .leadersPlay {
	text-align: left;
}

.header-mobile .closed-header .row .col {
	padding-left: 12px;
}

.accordion-content-info .yellow-btn {
	padding: 4.5px 20px;
}

.sb-section-subtitle{
    font-size: 10px;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 10px;
    color: #949494;
}

.challenge-item-img-box {
	/*max-height: 450px;*/
	height: 256px;
}

.onepage-content .challenge-item-img-box { 
	height: 235px;
}

.avatar-smile {
	display: inline-block;
	position: relative;
	bottom: 50px;
	right: -40px;
}

.avatar-box {
	overflow: hidden;
}

.avatar-box img {
	border-radius: 0;
}

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

.modal-wide .modal-dialog {
	max-width: 691px;
}

.modal-wider .modal-dialog {
	max-width: 900px;
}

.modal-widest .modal-dialog {
	max-width: 1200px;
}

.modal-full .modal-dialog {
	max-width: 90%;
}

.custom-modal .modal-subtext {
	color: #5f6a7d;
}

.inline-hide {
	visibility: hidden;
}

.block-hide {
	display: none;
}

#WelcomeMessage .header-logo,
#Explore .header-logo {
	margin-top: 15px;
	margin-bottom: 15px;
}

#WelcomeMessage .header-logo img,
#Explore .header-logo img {
	height: 50px;
	width: 190px;
}

.notification-modal .scrollbar {
	overflow-x: hidden;
}

.notification-modal .md-radio {
	margin: 2px 0;
}

.notification-modal .haserror {
	color: red;
	display: none;
}

#accordion-4.sb-accordion .accordion-link,
#mobile-accordion-4.sb-accordion .accordion-link {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	border-radius: 4px;
}

#accordion-4 .accordion-link::after,
#mobile-accordion-4 .accordion-link::after {
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

#accordion-4 .accordion-link[aria-expanded="true"],
#mobile-accordion-4 .accordion-link[aria-expanded="true"] {
	background-color: #00C4CC;
}

#accordion-4 .accordion-link[aria-expanded="true"] .sb-mood-text,
#accordion-4 .accordion-link[aria-expanded="true"] .sb-mood-box i,
#mobile-accordion-4 .accordion-link[aria-expanded="true"] .sb-mood-text,
#mobile-accordion-4 .accordion-link[aria-expanded="true"] .sb-mood-box i {
	color: #fff;
}

.custom-nav-tabs .nav-item a.nav-link {
	padding: 19px 15px;
	font-weight: bold;
}

.multiple-filter-box select {
	width: 165px;
}

.nav-tabs {
	line-height: 1;
}

.nav-tabs .nav-item {
	margin-bottom: 0;

}

.nav-tabs .nav-item .nav-link {
	border-radius: 0;
}

.custom-nav-tabs .nav-item a.nav-link.active {
	border-bottom: none;
	background-color: #00C4CC;
	color: #fff;
}

.chat-item {
	width: 100%;
}

.message-preview .cvideo,
#v-pills-tabContent .cvideo {
	height: 230px;
}

@media screen and (min-width: 768px) { 
	.message-preview .cvideo,
	#v-pills-tabContent .cvideo {
		height: 270px;
	}
}

@media screen and (min-width: 1200px) { 
	.message-preview .cvideo,
	#v-pills-tabContent .cvideo {
		height: 345px;
	}
}

.more-handler {
	overflow-y: hidden;
	position: relative;
}

.more-handler-toggle {
	background-color: #fff;
	color: #666;
	display: inline-block;
	position: relative;
	font-size: 11px;
	top: -5px;
	padding:3px 5px;
}

.charity-box-item .more-handler-toggle {
	font-size: 12px;
	border: 1px solid #00C4CC;
	color: #00C4CC;
	top: 4px;
	padding: 3.5px 13px;
	border-radius: 4px;
}

.onepage-content .header-mobile .nav-item-avatar .dropdown-toggle {
	width: 36px;
	float: right;
}

.onepage-content .header-mobile .nav-item-avatar .dropdown-menu .fa-caret-up {
	right: 18px;
}

.onepage-content .nav-item-avatar .dropdown-menu a.dropdown-item:hover {
	text-decoration: underline !important;
}

.onepage-content .nav-item-avatar .dropdown-menu a.dropdown-item {
	border-top: 1px solid #e7e8eb;
}

.onepage-content .nav-item-avatar .dropdown-menu .dropdown-submenu a.dropdown-item {
	font-size: 12px;
	padding: 4px 8px 4px 20px;
	border: none;
}

.main-page-footer-right a {
	color: #000;
}

/* Error/Info/Success Message */

.info-message-box {
	border: 1px solid #d9dbe1;
	color: #afb4bd;
	background-color: #fff;
	font-family: Proxima-Nova-Semibold;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size: 14px;
	line-height: 1.21;
	text-align: center;
	border-radius: 4px;
	padding: 10px 15px;
	margin: 10px 0 0;
}

@media screen and (min-width: 768px) { 
	.info-message-box {
		margin: 0 0 10px;	
	}
}

.info-message-box.error-message {
	border-color: #EE494F;
	color: #EE494F;
}

.info-message-box.success-message {
	border-color: #1FAA69;
	color: #1FAA69;
}

.registration-content .info-message-box {
	margin: 0 0 20px;	
}

/* New recipient field selectize */
.selectize-control.recipientSelect2 {
	padding:0;
	background-color: inherit;
}
.selectize-control.recipientSelect2 .selectize-dropdown {
	background-color: #eff0f2;
	border-top: none;
}
.selectize-control.recipientSelect2 .selectize-input {
	border: none;
	background-color: #eff0f2;
	box-shadow: none;
}

.selectize-control.recipientSelect2 .selectize-dropdown [data-selectable] {
	/*border-bottom: 1px solid rgba(0,0,0,0.05);*/
	border: none;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: 8px;
}
.selectize-control.recipientSelect2 .selectize-dropdown [data-selectable]:last-child {
	border-bottom: 0 none;
}
.selectize-dropdown.form-control.recipientSelect2 {
	padding: 9px 0;
}
.selectize-control.recipientSelect2::before {
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	content: ' ';
	z-index: 2;
	position: absolute;
	display: block;
	top: 12px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(//d2pil9hl7m4qq3.cloudfront.net/images/spinner.gif);
	background-size: 16px 16px;
	opacity: 0;
}
.selectize-control.recipientSelect2.loading::before {
	opacity: 0.4;
}

/* Recipient Field select2 */

.select2-container--addrecipient .select2-search--inline .select2-search__field {
	background-color: #eff0f2;
	width: 100% !important;
	color: #51555d;
}

.select2-container--addrecipient .select2-selection--multiple {
	background-color: #eff0f2;
	border: 1px solid #d9dbe1;
	border-radius: 4px;
	cursor: text;
	padding: 2px;
	overflow: hidden;
}

.select2-results__options {
	overflow: hidden;
}

.select2-container--addrecipient .select2-selection--multiple .select2-selection__rendered {
	margin-bottom: 0;
}

.select2-container--addrecipient .select2-selection--multiple .select2-selection__rendered li {
	list-style: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	visibility: hidden;
}

.select2-container--default .select2-selection--single,
.select2-container--addperson .select2-selection--single
{
	height: auto !important;
	margin: 0;
	outline: 0px none;
	box-shadow: none;
	
	/*
	font-family: sans-serif;
	border-radius: 0 4px 4px 0;
	background: no-repeat scroll 100% -22px, repeat scroll 0% 0% #A197C6;
	color: #382967;
	border: medium none;
	min-height: 40px;
	padding: 4px 20px 4px 5px;
	*/
	font-size: 14px;
	line-height: 1.21;
	color: #000000;
	border: none;
	padding: 5px 5px 5px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.select2-container--default .select2-selection--single,
	.select2-container--addperson .select2-selection--single {
		width: 270px;
	}
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #00C4CC !important;
}

.select2-container--default .select2-search.select2-search--dropdown {
	/*position: relative;*/
	margin-top: -36px;
}

.select2-container--default .select2-results {
	/*position: relative;
	top: -36px;*/
}

.select2-container--default .select2-results__option {
	color: #00C4CC;
	padding: 3px 6px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: none;
}

.select2-container--default .select2-dropdown.select2-dropdown--below {
	border-color: #00C4CC;
	border: none;
}

.select2-dropdown .all-result {
	text-align: center;
	background-color: #00C4CC;
	border: medium none !important;
	color: #FFF;
	font-size: 12px;
	padding: 4px 0px;
	cursor: pointer;
	/*
	position: relative;
	top: -36px;*/
}

.select2-dropdown .all-result a {
	color: #FFF;
}

.search-item {
	height: 50px;
	display: block;
}

.search-item div > img.search-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;	
}

.search-item .search-icon-container {
	margin: 5px 0px 0px 5px;
	float: left;
	width: 52px;	
}

.search-item .search-labels {	
	float: left;
	display: inline-block;
	max-width: 180px;				
}

.search-item .search-labels label {
	margin-top: 4px;
	margin-bottom: 0px;
	color: #0e131d;
	/*color: #382967;*/
	display: block;

}

.search-item .search-labels span {
	display: block;
	/*
	width: 460px;
	overflow: hidden;
	*/
	color: #0e131d;
	max-height: 20px;
	font-size: 12px;
	color: #00C4CC;
}
.search-item .search-arrow {
	margin-top: -22px;
	color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	/*color: #00C4CC;*/
	background-color: #e7e8eb;
}

/*
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #382967 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-family: "GothamRounded-Book", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
	color: #382967;
	font-size: 13px;
	position: absolute;
	margin-top: 4px;
}
*/

.select2-container--addrecipient .select2-selection--multiple .select2-selection__choice {
	background-color:#e4e4e4;
	border:1px solid #aaa;
	border-radius:4px;
	cursor:default;
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding:0 5px;	
}
.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--addrecipient .select2-selection--multiple .select2-selection__choice {
	border: none;
	background-color: #000000;
	color: #ffffff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--addrecipient .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
	float: right;
	margin: 0 1px 0 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--addrecipient .select2-selection--multiple .select2-selection__choice__remove:hover {
	 color: #ccc;
}

/*
.select2-container--addperson .select2-selection--single {
    background-color: #fff !important;
	border-top: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
}

.addPersonContainer.select2-container--addperson .select2-search--dropdown .select2-search__field {
    background-color: #fff;
}

.search-item .personSearchContainer {
	margin: 5px 0px 0px 5px;
	float: left;
}

.search-item .personSearchContainer label {
	margin-left: 10px;
	color: #000;
}

.search-item .search-arrow.personSearchAdd {
	margin-top: 15px;
	color: #5C4699;
}
.search-item .search-arrow.personSearchAdded {
	margin-top: 15px;
	color: #CCCCCC;
}

#person-search {
	width: 275px;
	height:38px;
	background-color:#fff;
}

.select2-container--addperson .select2-search--dropdown .select2-search__field {
	width: 240px;
}

@media screen and (max-width: 768px) {

	#person-search {
		width: 160px !important;
	}
	
	.select2-container--addperson .select2-search--dropdown .select2-search__field {
		width: 140px !important;
	}
}
*/

/* Notifications page */
.mob-notific-content .notificationsBox .scrollbar {
	max-height: 500px;
}

/* Dashboard */
.leadersBox .scrollbar {
	height: inherit;
	max-height: 450px;
}

.mob-notific-content .scrollbar,
.invitationBox .scrollbar,
.challenge-item-sitebar .scrollbar {
	height: inherit;
	max-height: 350px;
}

.invitationBox .scrollbar {
	max-height: 170px;
}

.activityLogItem {
	display: block;
}

.activityLogItem a {

	color: #0e131d;
}

.activityLogInfo {
	width: calc(100% - 20px);
}

#chatModal .modal-dialog {
	max-width: 800px;
}

/* Front page */
/*
.scroll-down-box {
	padding-bottom: 20px;
}
*/

/* Login page */
.login-img-box {
	background: url(//d2pil9hl7m4qq3.cloudfront.net/braintrainers/focus_on_the_good.png) no-repeat center;
	background-size: cover;
}

/* Reg page */
.registration-img-box {
	background: url(//d2pil9hl7m4qq3.cloudfront.net/lib/login/source/cc31087bdb29de9436e0de6701c37c5d.jpg) no-repeat center;
	background-size: cover;
}

.registration-logo {
	margin-bottom: 56px;
}

.registration-logo img {
	width: 80%;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-year {

	background-color: #00C4CC;
	border: none;

}

.material-group .fa-eye,
.material-group .fa-eye-slash {
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 12px;
	z-index: 9;
}

/* forgot password */
.registration-content{
	width: 400px;
}
.forgot-pass-desc {
	width: 100%;
	margin-bottom: 10px;
}

/* challenge items */
.card-columnszzzzzzz {
	column-fill: auto;
}

.chalange-item {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.accordion-content-friends-images .friend-circles {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}

.accordion-content-friends-images .friend-circles img {
	border-radius: 0;
}

.accordion-content .social-accordion-content-item {
	border-bottom: 1px solid #DFE0E2;
}
.accordion-content .social-accordion-content-item:last-child {
	border: none;
}

.chalange-item .progress-content {
	padding: 0;
	position: inherit;

}

/* progress circles */
.challenge-activity-progress-box .progress-box .progress, 
.progress {
	height: inherit;
	min-height: 1rem;
}

.progress-box {
	width: calc(100% - 32px);
}

/*.accordion-link*/ .progress-circle-box.col {
	flex-grow: 0;
}

.progress-activity .progress-circle-box.col {
	flex-grow: 1;
}

.progress-box .progress {
	border-radius: .25em !important;
}

.progress-circle {
	width: 10px;
	height: 10px;
}
.progress-circle.current{
    background-color: #ffffff;
    border: 1px solid #00C4CC;
}

.progress-circle.active {
	background-color: #00C4CC;
    border: 1px solid #ffffff;
}

.progress-circle.selected{
    border: 1px solid #00C4CC;
}

/* Preview Message */
.message-preview {
    background-color: #fff;
}
.message-preview .chat-item {
    margin: 0 auto;
}

.message-preview .sender .sender-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    background-color: #fff;
    display: inline-block;
}

.message-preview .sender .sender-name {
    background-color: #00C4CC;
}

.message-preview .sender .sender-name p {
    color: #fff;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top;
    line-height: 50px;
}

.message-preview .sender .sender-name span {
    float: right;
    color: #fff;
    vertical-align: top;
    line-height: 50px;
    font-size: 12px;
}

.message-preview .sender .recipient-name {
    background-color: #F9F9FC;
}

.message-preview .sender .recipient-name .label {
    color: #9F9F9F
}

.your-card-container .message-text {
    background-color: #fff;
}


/* watch flip */
#watch-flip .cvideo, 
#watch-flip .cquote {
	text-align: center;
	height:100%;
	background-color: #000;
	position: relative;
	min-height: 230px;
	height: 230px;
}

@media screen and (min-width: 768px) { 
	#watch-flip .cvideo {
		min-height: 270px;
		height: 270px;
	}
}

@media screen and (min-width: 1200px) { 
	#watch-flip .cvideo {
		min-height: 420px;
		height: 420px;
	}
}

#ytplayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.quick-item-control {
	margin-top: 0;
}

.flower-icons-box span.active i.fa-heart {
	color: #00C4CC;
}

.quick-item-control a {
	color: #0e131d;
}

/* Add new quick flip */
@media (min-width: 360px) {
	.quick-flip-upload-box {
		height: 250px;
	}
}

@media (min-width: 576px) {
	.quick-flip-upload-box {
		height: 250px;
	}
}

@media (min-width: 768px) {
	.quick-flip-upload-box {
		height: 200px;
	}
}

@media (min-width: 992px) {
	.quick-flip-upload-box {
		height: 300px;
	}
}

/* Make it last */
.challenge-filter-content .new-tabs .newTabContent {
	margin: 0;
}

.today-activaty-msg-box textarea.five-to-thrive {
	height: 60px;
	border-top: 1px solid #d9dbe1;
	border-bottom: 1px solid #d9dbe1;
}

.challenge-activity .today-activaty-msg-box {
	border: none;
}

.challenge-activity .today-activaty-msg-box textarea {
	background-color: #fff;
	height: 150px;
}

.challenge-settings-btn-box button.turquoise-border-btn {
	padding: 6.5px 13px;
}

.active-challenge-settings-box .hasDatepicker {
	width: 300px;
	background-color: transparent;
}

.active-challenge-settings-box {
	margin-bottom: 15px;
}

.active-challenge-settings-box .select-filter select {
	margin-top: 10px; 
	margin-bottom: 15px;
}

.challenge-settings-desc {
	margin-bottom: 10px;
	color: #6a707a;
}

.challengeInfoTitle {
	min-height: 63px;
	padding-right: 15px;
}

#op_landing .challengeInfoTitle { 
	padding-left: 55px;
}

.iagh-logo-fl {
	width: 50px;
	position: relative;
	float: left;
	left: 0px;
	bottom: 10px;
}

.gratitude-challenges-list .challengeInfoTitle {
	min-height: 104px;
}

#popup-video-modal .modal-content {
	height: 300px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .challenge-filter-content .custom-nav-tabs .nav-item a.nav-link{
        padding: 19px 9px;
    }
}

@media (min-width: 576px) {
	.challenge-item-img-box {
		height: 405px;
	}

	.onepage-content .challenge-item-img-box { 
		height: 365px;
	}

	#popup-video-modal .modal-content {
		height: 500px;
	}
}

@media (min-width: 768px) {
	.challenge-item-img-box {
		height: 260px;
		height: 290px;
	}

	.onepage-content .challenge-item-img-box { 
		height: 325px;
	}

	#popup-video-modal .modal-content {
		height: 562px;
	}
}

@media (min-width: 992px) {
	.challenge-item-img-box {
		height: 529px;
	}

	.onepage-content .challenge-item-img-box { 
		height: 425px;
	}
}

@media (min-width: 1200px) {
	.challenge-item-img-box {
		max-height: 529px;
	}
	.onepage-content .challenge-item-img-box { 
		height: 515px;
		max-height: 350px;
	}
}

.how-work-challenge-text {
	display: inline-block;
}

.challenge-item-active-desc {
	color: #3a3b3d;
}

.today-activity-text {
	font-size: 15px;
}

.today-activaty-msg-box.challenge-13 .startDate, .today-activaty-msg-box.challenge-13 .endDate {
	width: 100px;
}

.challenge-rating-title {
	font-family: Proxima-Nova-Semibold;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.17;
	color: #0e131d;
}

.challenge-rating-subtitle {
	font-family: Proxima-Nova-Semibold;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size: 14px;
	color: #0e131d;
}

.rating {
  display: block;
  font-size: 25px;
}
.star-rating {
    cursor: pointer;
}
.star-rating.checked {
    color: #00c4cc;
}
.skip-trainer-rating {
    font-size: 12px;
    color: #ccc;
    margin-left: 5px;
}
a.skip-trainer-rating:hover {
    color: #666;
}

.view-challenge-item-box a.turquoise-btn.active
{
	color: #fff;
}
.view-challenge-item-box a.turquoise-btn {
	width: 100%;
	margin-bottom: 30px;
	font-size: 18px;
	padding: 20.5px 5px;
}

.challengeInfoSubTitle {
	line-height: 1.6;
	color: #65676D;

}

.challengeInfoHeart {
	line-height: 1;
}

.chalange-img-box .premium-label {
	position: absolute;
	bottom:0;
	left: 0;
	background-color: #cfb00c;
	color: #efebe4;
}

.challenge-purchase .package-price {
	display: inline-block;
	margin-right: 10px;
	margin-top: 0;
	cursor: pointer;
}

.challenge-purchase .package-price h3.price {
	margin: 5px 0;
	font-size: 18px;
}

.challenge-purchase .package-price .panel-heading {
	border-radius: 4px;
	padding: 1px 10px;
}

.challenge-purchase .package-price.selected .panel-heading {
	background: #00778a !important;
  	-webkit-box-shadow: inset 0px 0px 5px #3d4f52 !important;
    -moz-box-shadow: inset 0px 0px 5px #3d4f52 !important;
    box-shadow: inset 0px 0px 5px #3d4f52 !important;
    outline: none;
}

.challenge-purchase .payment-providers {

} 

.challenge-purchase #paypal-button-container {
	display: inline-block;
	vertical-align: top;
	/*
	position: relative;
	top: 16px;
	*/
}

.challenge-purchase #stripe-button {
	vertical-align: top;
}

#purchaseContainerModal h5 {
	font-size: 16px;
}

.uplift-premium-word.uplift-pricing {
	display: flex;
	justify-content: space-evenly;
	margin: 5px 0 10px;	
}

.uplift-pricing .premium-price {
	display: inline-block;
	text-align: center;
	padding: 2px 10px;
	border-radius: 5px;
	background-color: #00C4CC;
	color: #000;
}

.uplift-premium-word.uplift-pricing .premium-price {

}

#userAmount {
	text-align: right;
}

#purchaseContainerModal .pure-material-checkbox {
	font-size: 14px;
	text-indent: -23px;
	line-height: 0.9;
}

.premium-banner-adaptive {
	position: relative;
	background-image: linear-gradient(to right, #00C4CC60 , #00C4CC);
	min-height: 100px;
	margin-bottom: 30px;
}

.premium-banner-container {
	display: flex;
	padding: 15px 15px 5px;
}

.premium-banner-adaptive .premium-banner-image-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 20px;
}

.premium-banner-adaptive .premium-banner-text {
	color: #000;
	font-size: 0.7rem;
	flex-grow: 10;
	text-align: center;
}

.premium-banner-adaptive .premium-banner-text h5 {
	font-weight: bold;
	font-size: 0.8rem;
}

.premium-banner-adaptive .premium-banner-text h5.first-line {
	font-size: 1rem;
}

.premium-banner-adaptive .premium-banner-text h4:first-child {
	text-decoration: underlines;
	font-weight: bold;
	font-size: 0.7rem;
}

.premium-adaptive-header h2 {
	font-size: 1.2rem;
}
.premium-adaptive-header h2 b {
	font-size: 1.7rem;
}

@media screen and (min-width: 576px) {
	.premium-banner-adaptive .premium-banner-text {
		font-size: 0.8rem;
	}

	.premium-banner-adaptive .premium-banner-text h5 {
		font-size: 1rem;
	}

	.premium-banner-adaptive .premium-banner-text h5.first-line {
		font-size: 1.2rem;
	}

	.premium-adaptive-header h2 {
		font-size: 1.5rem;
	}
	.premium-adaptive-header h2 b {
		font-size: 2rem;
	}
}

@media screen and (min-width: 768px) {

	.premium-banner-adaptive .premium-banner-text h5 {
		font-size: 0.9rem;
	}

	.premium-banner-adaptive .premium-banner-text h5.first-line {
		font-size: 1.1rem;
	}

	.premium-adaptive-header h2 {
		font-size: 1.2rem;
	}
	.premium-adaptive-header h2 b {
		font-size: 1.7rem;
	}

}

@media screen and (min-width: 992px) {

	.premium-banner-adaptive .premium-banner-text h5 {
		font-size: 1rem;
	}

	.premium-banner-adaptive .premium-banner-text h5.first-line {
		font-size: 1.2rem;
	}

	.premium-adaptive-header h2 {
		font-size: 1.5rem;
	}
	.premium-adaptive-header h2 b {
		font-size: 2rem;
	}
}

#charity-info {
	text-align: left;
	/*margin-top: 15px;*/
	display: none;
}

#charity-info li {
	font-size: 1rem;
}

.invite-others-container {
	background-color: #fff;
	padding: 10px;
	display: flex;
}

.invite-others-container .selectize-control.recipientSelect2 .selectize-input,
.invite-others-container .selectize-control.recipientSelect2 .selectize-dropdown,
.charity-box .selectize-control.recipientSelect2 .selectize-input,
.charity-box .selectize-control.recipientSelect2 .selectize-dropdown {
	background-color: #fff;
}

.invite-others-container .challenge-settings-desc {
	color: #666;
	font-size: 13px;
}

.charity-box .selectize-control.form-control  {
	line-height: 1;
}


.yellow-box-prem {
	background-color: #ffe32b;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
	padding: 10px 20px;
	position: relative;
}
.yellow-box-prem-with-pic {
	padding: 10px 100px 10px 20px;
}
.yellow-box-prem h5 {
	font-weight: bold;
	line-height: 1.4em;
	font-size: 18px;
	margin-bottom: 0;
}
.yellow-box-prem img {
	height: 80%;
	position: absolute;
	right: 10px;
	top: 10%;
}

.charity-box {
	display: flex;
	background-color: #fff;
}
.charity-box:first-child {
	margin-top: 0;
}
.charity-box-item {
	padding: 10px 0 10px 10px;
}

.charity-box-item:last-child {
	flex-grow: 4; /* default 0 */
	padding: 10px /*37px 10px 10px 10px*/;
}
.charity-box-item input[type=radio] {
	height: 100%;
}
.charity-box-item h6 {
	font-weight: bold;
	font-size: 16px;
}
.charity-box-item p {
	color: #666;
	font-size: 13px;
}

.charity-box-item .charity-button-box {
	display: flex;
	justify-content: space-evenly;
}

.charity-box-item .charity-button-box a {
	font-size: 12px;
}

.challenge-owner-container {
	background-color: #40b87e;
	display: flex;
	padding: 10px;
} 

.challenge-owner-container .challenge-owner-photo {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.challenge-owner-container .challenge-owner-description {
	flex-grow: 4;
	color: #fff;
	padding-left: 20px;
	font-size: 14px;
}

.challenge-owner-container .challenge-owner-description a {
	color: #ffe32b !important;
	border-color: #ffe32b !important;
}

#videojs-charity-player {
	height: 316px;
}

.modal { overflow-y: auto !important; }

.charity-headline {
	display: flex;
}

.charity-headline h5 {
	font-weight: bold;
	margin: 10px 0 5px;
}

.charity-headline .step-number {
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #000;
	color: #000;
	width: 23px;
	height: 23px;
	text-align: center;
	margin-right: 10px;
}



.add-quick-flip-form .or-line {
	border-bottom: 1px solid #cecece;
	margin: 15px 0;
}

.add-quick-flip-form .or-line span {
	font-size: 14px;
}

/* Welcome/Trainer setup */
#TrainerSetup1 .modal-body .modal-desc {
	font-size: 14px;
	line-height: 15px;
}

#TrainerSetup1 .chalange-item .chalange-img-box img {
	height: 180px;
}

#TrainerSetup1 .chalange-item .challengeInfoTitle {
	font-size: 13px;
	line-height: 13px;
	min-height: 35px;
}

/* User profile 
.follow-toggle.turquoise-btn, 
.follow-toggle.turquoise-border-btn,
.follow-toggle.turquoise-btn,
.follow-toggle.turquoise-border-btn {
	min-width: 108px;
}

.follow-toggle.turquoise-border-btn,
.follow-toggle.turquoise-border-btn {
	padding: 6.5px 13px;
}

.follow-toggle.turquoise-btn:hover span,
.follow-toggle.turquoise-btn:hover span,
.follow-toggle.turquoise-border-btn:hover span,
.follow-toggle.turquoise-border-btn:hover span {
	display: none;
}

.follow-toggle.turquoise-btn:hover:before,
.follow-toggle.turquoise-btn:hover:before {
	content: "Follow";
}
.follow-toggle.turquoise-border-btn:hover:before,
.follow-toggle.turquoise-border-btn:hover:before{
	content: "Unfollow";
}
*/

span.processing {
	background: url(//d2pil9hl7m4qq3.cloudfront.net/images/ajax-loader-black.gif) no-repeat center center;
	background-size: 22px;
	padding-right: 20px;
	display: inline;
}

.followers-name a {
    font-size: 24px;
    font-family: Proxima-Nova-Semibold;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.21;
    color: #000000;
}

@media (min-width: 576px) {
	.chalange-item .chalange-img-box img {
		height: 340px;
	}
}

@media (min-width: 667px) {
	.chalange-item .chalange-img-box img {
		height: 400px;
	}
}

.up-profile-btn-box .turquoise-btn {
	font-size: 13px;
}

.up-profile-avatar-info-box.other-profile {
	display: none;
}
@media (min-width: 768px) {
	.chalange-item .chalange-img-box img {
		height: 200px;
	}

	.up-profile-avatar-info-box.other-profile {
		display: block;
	}
}

.up-profile-avatar-box {
	border-radius: 50%;
	height: 195px;
	overflow: hidden;
}

.up-profile-avatar-box img {
	border-radius: 0;
}

.change-avatar-icon img {
	background-color: lightblue;
}

.profile-page-user-info .avatar-box {
	display: block;
	border-radius: 50%;
	overflow: hidden;
}

.profile-page-user-info .avatar-box img {
	border-radius: 0;
}

.no-content-available {
	border: 1px solid #d9dbe1;
	color: #afb4bd;
	background-color: transparent;
	widths: 250px;

	font-family: Proxima-Nova-Semibold;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size: 14px;
	line-height: 1.21;
	text-align: center;
	border-radius: 4px;
	padding: 10px 15px;
	margin-bottom: 20px;
}

.start-challenge .custom-nav-tabs {
	background: none;
	box-shadow: none;
	margin-bottom: 20px;
}

.start-challenge .nav-tabs .nav-item.show .nav-link, 
.start-challenge .nav-tabs .nav-link.active {
	background: none;
}

.start-challenge .custom-nav-tabs .nav-item {
	width: 50%;
	text-align: center;
}

.start-challenge .custom-nav-tabs .nav-item:nth-child(1) a.nav-link {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.start-challenge .custom-nav-tabs .nav-item:nth-child(2) a.nav-link {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.start-challenge .custom-nav-tabs .nav-item a.nav-link {
	border: 1px solid #00c4cc;
}

.create-card-img-box svg {
	width: 68px;
}

.sb-mood-box svg {
	height: 18px;
}

.custom-nav-tabs .nav-item.nav-item-full a.nav-link.active {border-radius: 0; background-color: #00C4CC; color: #fff; border: none;}

.start-challenge .custom-nav-tabs .nav-item a.nav-link {
	padding: 10px 10px;
}

.sb-brain-journal-reminder {
	font-size: 12px;
}

.user-information-edit-box > div {
	padding: 12px 12px 12px;
	border-bottom: 1px solid #d9dbe1;
}

.user-information-edit-box > div:last-child{
    border-bottom: 0;
}

.update-profile-content i.fa-eye-slash {
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 12px;
	z-index: 9;
}

.update-profile-content .edit-subtitle {
	display: inline-block;
}

/*
.view-follow-requests .turquoise-btn,
.turquoise-btn,
.turquoise-border-btn,
.yellow-btn {
	padding: 3.5px 13px !important;
}
*/

.view-follow-requests .turquoise-btn {
	padding: 3.5px 13px !important;
}


/* Landing Page */
a.happiness-development-item-title {
	display: inline-block;
}


.bucket-landing .intro-header {
	margin-top: 20px;
}
.bucket-landing .scroll-down-row {
	height: 100%;
}

.bucket-landing .uplift-world-background {
	height: 260px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient( white, white, yellow);
}
@media (max-width: 575px) { 
	.bucket-landing .uplift-world-background {
		height: 296px;
	}
}
.bucket-landing .intro-circle-container {
	width: 200px;
	position: relative;
}

.bucket-landing .intro-circles-top .intro-circle-container {
	margin-top: 70px;
}

.bucket-landing .intro-circles-top .intro-circle-container.uplift-world-circle {
	margin-top: 0;
}
.bucket-landing .intro-circles .circle-title {
	font-size: 20px;
	text-shadow: none;
	width: 100%;
}
.bucket-landing .uplift-world-circle .intro-circle, 
.bucket-landing .uplift-world-circle .circle-title {
	z-index: 1;
	position: relative;
	width: 100%;
}

.bucket-landing .uplift-world-circle .uplift-premium-word {
	font-size: 16px;
}

.bucket-landing .scroll-down-title {
	margin-top: 20px;
}

.bucket-landing .intro-circle-container {
	margin-left: 30px;
	width: 140px;
}

.bucket-landing .intro-circle, .bucket-landing .intro-circles-welcome .intro-circle {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	padding: 10px;
}
.bucket-landing .intro-circle img, .bucket-landing .intro-circles-welcome .intro-circle img {
	margin-top: calc(50% - 60px);
}

@media (min-width: 576px) {

	.bucket-landing .scroll-down-title {
		font-size: 50px;
		line-height: 50px;
	}

	.bucket-landing .scroll-down-subtitle {
		font-size: 34px;
	}

	.bucket-landing .intro-circle-container {
		margin-left: 50px;
		width: 200px;
	}

	.bucket-landing .intro-circle, .bucket-landing .intro-circles-welcome .intro-circle {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		padding: 20px;
	}
	.bucket-landing .intro-circle img, .bucket-landing .intro-circles-welcome .intro-circle img {
		margin-top: calc(50% - 80px);
	}
}



/* Buckets navigation */

.buckets-nav, .buckets-subnav {
	list-style: none;
	padding-left: 0;
}

.buckets-nav li {
	margin-bottom: 10px;
	padding: 3px 0 3px 5px;
}

.buckets-nav li.active {
	background-color: #00c4cc;
	border: 1px solid #00c4cc;
	border-radius: 4px;
}

.buckets-nav li.active .circle-title {
	color: #fff;
}

.bucket-circle {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	padding: 10px;
	display: inline-block;
	margin-bottom: 5px;
}

.buckets-nav .bucket-circle {
	margin-bottom: 0;
}

.buckets-nav .circle-title {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 20px;
	color: #000;
	font-size: 14px;
	width: 170px;
}

@media only screen and (min-width: 992px) and (max-width: 1116px){
	.buckets-nav .circle-title {
		width: 135px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 837px){
	.buckets-nav .circle-title {
		width: 135px;
	}
}

.buckets-nav .circle-title.sub-circle-title {
	width: 135px;
}

.bucket-circle img {
	width: 40px;
	height: 40px;
	top: calc(50% - 20px);
}

.buckets-subnav {
	padding-left: 35px;
}

.buckets-subnav .bucket-circle {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	padding: 5px;
}

.buckets-subnav .bucket-circle img {
	width: 30px;
	height: 30px;
	top: calc(50% - 15px);
}

.buckets-subnav .circle-title {
	font-size: 14px;
}

.intro-circle-1, .bucket-circle-1 {background-color: #0078bf;}
.intro-circle-2, .bucket-circle-2 {background-color: #00843d;}
.intro-circle-3, .bucket-circle-3 {background-color: #a61f56;}
.intro-circle-4, .bucket-circle-4 {background-color: #f08122;}
.intro-circle-5, .bucket-circle-5 {background-color: #562161;}
.intro-circle-6, .bucket-circle-6 {background-color: #ef413d;}
.intro-circle-7, .bucket-circle-7 {background-color: #79d0e6;}
.intro-circle-8, .bucket-circle-8 {background-color: #F7C612;}
.intro-circle-9, .bucket-circle-9 {background-color: #ee93ae;}

.intro-circle-container {
	display: inline-block;
	width: 120px;
	vertical-align: top;
}

.intro-circle {
	
	width: 60px;
	height: 60px;
	border-radius: 30px;
	padding: 5px;	

	display: inline-block;
	color: #fff;
	overflow: hidden;

	box-shadow: 1px 1px 5px #666;
}

.intro-circle img {
	width: 100%;
	height: 100%;
	margin-top: calc(50% - 25px);
}

.intro-circle-main {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	padding: 5px;
}
.intro-circle-main img {
	width:100%;
	height:100%;
	margin-top: calc(50% - 25px);
}

.scroll-down-row {
	height: 640px;
	align-content: flex-start;
}

.scroll-down-title {
	font-size: 36px;
	margin-top: 70px;
	text-shadow: 1px 1px 2px #666;
	font-family: 'Open Sans', sans-serif;
}

.scroll-down-subtitle {
	font-size: 18px;
	text-shadow: none;
	color: #000 !important;
	width: inherit !important;
}

.floating-image-link {
	display: inline-block;
	position: fixed;
	top: 250px;
	left: 20px;
}

.floating-image-link.floating-image-link-2 {
	top: 340px !important;
}

.floating-image-link .floating-image-container {
	background-color: #fff;
	overflow: hidden;
	box-shadow: 1px 1px 5px #666;
	border: 5px solid #0078BF;

	width: 80px;
	height: 80px;
	padding: 0;
	border-radius: 40px;
}
.floating-image-link .floating-image-container img {
	width: 80px;
	height: 80px;
	margin-top: calc(50% - 40px);
	margin-left: -5px;
}

.intro-circle-container:first-child {
	margin-left: 0;
}

.intro-circles .circle-title, .intro-circles-main .circle-title-main {
	color: #0078bf;
	text-shadow: -1px 0 #83bdeb, 0 1px #83bdeb, 1px 0 #83bdeb, 0 -1px #83bdeb;
	text-shadow: 1px 1px 3px #666;
	font-weight: 600;
	line-height: 25px;
}

.intro-circles-main .circle-title-main {
	display: inline-block;
	line-height: 16px;
	vertical-align: top;
}

.intro-circles-sub .intro-circle-container {
	width: 185px;
}

.intro-circles-sub.intro-circles .circle-title {
	width: 185px;
}

.happiness-container {
	margin: 94px 0 170px;
}

.intro-circles-welcome .intro-circle-container .intro-circle {
	font-size: 14px;
	padding: 20px;
}
.intro-circles-welcome .intro-circle-container .intro-circle-2 {
	padding: 40px 18px 0;
}

.intro-circles-welcome .intro-circle {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	padding: 10px;	
}

.intro-circles-welcome .intro-circle img {
	width: 100%;
	height: 100%;
	margin-top: calc(50% - 50px);
}

.intro-circles-welcome .intro-circle-container {
	width: 160px;
}

@media (min-width: 576px) {

	.intro-circle-container {
		width: 160px;
	}

	.intro-circle {
		width: 80px;
		height: 80px;
		border-radius: 40px;
		padding: 5px;	
	}

	.intro-circle img {
		margin-top: calc(50% - 35px);
	}

	.intro-circle-main {
		width: 60px;
		height: 60px;
		border-radius: 30px;
		padding: 10px;
	}
	.intro-circle-main img {
		margin-top: calc(50% - 20px);
	}

	.intro-circles .circle-title, .intro-circles-main .circle-title-main {
		font-size: 18px;
		width: 160px;
	}

	.intro-circles-main .circle-title-main {
		line-height: 18px;
	}

	.intro-circles-sub .intro-circle-container {
		width: 200px;
	}

	.intro-circles-sub.intro-circles .circle-title {
		width: 200px;
	}

	.scroll-down-row {
		height: 575px;
	}

	.scroll-down-title {
		font-size: 40px;
		margin-top: 120px;
		line-height: 40px;
	}

	.scroll-down-subtitle {
		font-size: 20px;
	}

	.floating-image-link {
		top: 210px;
	}
	.floating-image-link.floating-image-link-2 {
		top: 300px !important;
	}
	.floating-image-link .floating-image-container {
		width: 80px;
		height: 80px;
		padding: 0;
		border-radius: 40px;
	}
	.floating-image-link .floating-image-container img {
		width: 80px;
		height: 80px;
		margin-top: calc(50% - 40px);
	}
}

@media (min-width: 768px) {
	.intro-circle-container {
		width: 144px;
	}

	.intro-circle {
		width: 120px;
		height: 120px;
		border-radius: 60px;
		padding: 10px;	
	}

	.intro-circle img {
		margin-top: calc(50% - 50px);
	}

	.intro-circle-main {
		width: 70px;
		height: 70px;
		border-radius: 35px;
		padding: 10px;
	}
	.intro-circle-main img {
		margin-top: calc(50% - 25px);
	}

	.intro-circles .circle-title, .intro-circles-main .circle-title-main {
		font-size: 20px;
		width: 144px;
	}

	.intro-circles-main .circle-title-main {
		line-height: 20px;
	}

	.intro-circles-sub .intro-circle-container {
		width: 250px;
	}

	.intro-circles-sub.intro-circles .circle-title {
		width: 250px;
	}

	.scroll-down-row {
		height: 575px;
	}

	.scroll-down-title {
		font-size: 45px;
		margin-top: 120px;
		line-height: 45px;
	}

	.scroll-down-subtitle {
		font-size: 20px;
	}

	.intro-circles-welcome .intro-circle-container .intro-circle {
    	font-size: 14px;
    	padding: 20px;
    }
    .intro-circles-welcome .intro-circle-container .intro-circle-2 {
    	padding: 40px 18px 0;
    }

	.happiness-container {
		margin: 94px 0 475px;
	}

	.floating-image-link {
		top: 180px;
	}
	.floating-image-link.floating-image-link-2 {
		top: 290px !important;
	}
	.floating-image-link .floating-image-container {
		width: 100px;
		height: 100px;
		padding: 0;
		border-radius: 50px;
	}
	.floating-image-link .floating-image-container img {
		width: 100px;
		height: 100px;
		margin-top: calc(50% - 50px);
	}
}

@media (min-width: 992px) {

	.intro-circle-container, .intro-circles-welcome .intro-circle-container {
		width: 180px;
	}

	.intro-circle, .intro-circles-welcome .intro-circle {
		width: 160px;
		height: 160px;
		border-radius: 80px;
		padding: 10px;	
	}

	.intro-circle img, .intro-circles-welcome .intro-circle img {
		margin-top: calc(50% - 70px);
	}

	.intro-circle-main {
		width: 80px;
		height: 80px;
		border-radius: 40px;
		padding: 10px;
	}
	.intro-circle-main img {
		margin-top: calc(50% - 30px);
	}

	.intro-circles .circle-title, .intro-circles-main .circle-title-main {
		font-size: 23px;
		width: 180px;
	}

	.intro-circles-main .circle-title-main {
		line-height: 23px;
	}

	.intro-circles-sub .intro-circle-container {
		width: 250px;
	}

	.intro-circles-sub.intro-circles .circle-title {
		width: 250px;
	}

	.scroll-down-row {
		height: 660px;
	}

	.scroll-down-title {
		font-size: 50px;
		margin-top: 45px;
		line-height: 50px;
	}

	.scroll-down-subtitle {
		font-size: 24px;
	}

	.intro-circles-welcome .intro-circle-container .intro-circle {
    	font-size: 18px;
    	padding: 24px;
    }
    .intro-circles-welcome .intro-circle-container .intro-circle-2 {
    	padding: 50px 30px 0;
    }

	.happiness-container {
		margin: 94px 0 420px;
	}

	.floating-image-link {
		top: 110px;
	}

	.floating-image-link.floating-image-link-2 {
		top: 220px !important;
	}
	.floating-image-link .floating-image-container {
		width: 100px;
		height: 100px;
		padding: 0;
		border-radius: 50px;
	}
	.floating-image-link .floating-image-container img {
		width: 100px;
		height: 100px;
		margin-top: calc(50% - 50px);
	}

}

@media (min-width: 1200px) {

	.intro-header {
		margin-top: 50px;
	}

	.intro-circle-container {
		margin-left: 50px;
	}

	.intro-circle, .intro-circles-welcome .intro-circle {
		width: 200px;
		height: 200px;
		border-radius: 100px;
		padding: 20px;
	}
	.intro-circle img, .intro-circles-welcome .intro-circle img {
		margin-top: calc(50% - 80px);
	}

	.intro-circle-main {
		width: 100px;
		height: 100px;
		border-radius: 50px;
		padding: 20px;
	}
	.intro-circle-main img {
		margin-top: calc(50% - 30px);
	}

	.intro-circles .circle-title, .intro-circles-main .circle-title-main {
		width: 200px;
		font-size: 28px;
		line-height:28px;
	}

	.intro-circles-main .circle-title-main {
		line-height: 25px;
	}

	.intro-circles-sub .intro-circle-container {
		width: 250px;
	}

	.intro-circles-sub.intro-circles .circle-title {
		width: 250px;
	}

	.scroll-down-title {
		font-size: 80px;
		margin-top: 45px;
		line-height: 80px;
	}

	.scroll-down-subtitle {
		font-size: 27px;
		width: 600px;
	}

	.intro-circles-welcome .intro-circle-container .intro-circle {
    	font-size: 23px;
    	padding: 30px;
    }
    .intro-circles-welcome .intro-circle-container .intro-circle-2 {
    	padding: 65px 30px 0;
    }

	.scroll-down-row {
		height: 750px;
	}

	.happiness-container {
		margin: 94px 0 375px;
	}

	.floating-image-link {
		top: 320px;
	}
	.floating-image-link.floating-image-link-2 {
		top: 470px !important;
	}
	.floating-image-link .floating-image-container {
		width: 140px;
		height: 140px;
		padding: 0;
		border-radius: 70px;
	}
	.floating-image-link .floating-image-container img {
		width: 140px;
		height: 140px;
		margin-top: calc(50% - 70px);
	}
}

@media (min-width: 1500px) {
	.happiness-container {
		margin: 94px 0 275px;
	}
}

@media (min-width: 1700px) {
	.happiness-container {
		margin: 94px 0 150px;
	}
}
/*
.new-tabs .newNavLink {
	width: calc( (100% - 10px) / 5);
}
*/

.main-page-title h2 {
	font-size: 2rem;
}

/* Dashboard activity */
@media (min-width: 768px) {
	.discussion-container .chalange-item .chalange-img-box img {
		height: 400px;
	}
	.iagh-logo-fl {
	}
}

@media (min-width: 992px) {
	.discussion-container .chalange-item .chalange-img-box img {
		height: 340px;
	}
}

@media (min-width: 1200px) {
	.discussion-container .chalange-item .chalange-img-box img {
		height: 200px;
	}
}

.privacy-info {
	float: right;
	cursor: pointer;
	font-size: 14px;
}

.tooltip-inner{}

/* uplift friend */
.your-card-upload-row {
	height: auto !important;
	/*min-height: 400px;*/

}

.video-message-body .your-card-upload-row {
	background: url(//d2pil9hl7m4qq3.cloudfront.net/images/upload.svg) center center no-repeat;
	background-size: 106px;
}

.video-message-body .recordUpload {
	margin: 0 auto;
}

.your-card-body.card-message-body img {
	width: 100%;
}


.your-card-body {
	background-color: #fff;
}

/* Meaningful messages */
.msg-user-star i {
	color: #afb4bd;
}

.msg-user-star.active i {
	color: #FFE32C;
}

#myMessages .scrollbar,
.my-messages-page .scrollbar {
	height: 580px;
}

@media only screen and (min-width: 992px) {
	.my-messages-page .scrollbar {
		height: 745px;
	}
}

.create-card-text {
	min-height: 60px;
}

#yourCardCollapse {
	left: 14px;
}

.yourCardCollapse {
	position: inherit;
	top: 0;
	left: 0;
	width: 60px;
	height: 38px;
	padding: 6px;
	border: 1px solid #D2D0DE;
}

.yourCardCollapse .color-item {
	width: 24px;
	height: 24px;
}

.yourCardCollapse span i {
	color: #00C4CC;
}

.your-card-header span {
	margin: 0 auto;
}

.your-card-container {
	background-image: none;
}

.card-message-body .your-card-upload-row {
	height: auto;
}

.card-message-body .quick-flip-upload-btn-box img {
	margin-bottom: 0;
}

.chat-item .your-card-container,
.your-card-container {
	padding: 20px;
}

.chat-write-box svg {
    color: #3b5998;
    position: absolute;
    right: 24px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.chat-write-box textarea {
	padding: 10px 40px 10px 12px;
	height: inherit;
	min-height: 1em;
	max-height: 30vh;
}

#preview-card .your-card-container,
#preview-video .your-card-container {
	padding: 20px;
	margin: 0;
}

#preview-card .your-card-header,
#preview-video .your-card-header {
	padding: 10px;
}

#preview-card .your-card-header span,
#preview-video .your-card-header span {
	font-size: 14px;
}

#preview-card .your-card-body p,
#preview-video .your-card-body p {
	font-size: 13px;
	background-color: #fff;
}

@media (min-width: 768px) {
	#preview-card .modal-dialog,
	#preview-video .modal-dialog {
		max-width: 600px;
	}
}

.nimbb_loading {
	position: absolute;
	top: 160px;
	width: 100%;
	text-align: center;
}

.your-card-container.c1, .color-item.c1 {background-color:#00BBD2}
.your-card-container.c2, .color-item.c2 {background-color:#EC695B}
.your-card-container.c3, .color-item.c3 {background-color:#F3B954}
.your-card-container.c4, .color-item.c4 {background-color:#87A367}
.your-card-container.c5, .color-item.c5 {background-color:#F7D99C}
.your-card-container.c6, .color-item.c6 {background-color:#CC9894}
.your-card-container.c7, .color-item.c7 {background-color:#869ACA}
.your-card-container.c8, .color-item.c8 {background-color:#02CBFA}
.your-card-container.c9, .color-item.c9 {background-color:#EC162C}
.your-card-container.c10, .color-item.c10 {background-color:#FFD249}
.your-card-container.c11, .color-item.c11 {background-color:#00A55C}
.your-card-container.c12, .color-item.c12 {background-color:#FEF052}
.your-card-container.c13, .color-item.c13 {background-color:#EC0087}
.your-card-container.c14, .color-item.c14 {background-color:#3B4B98}

.your-card-container.pattern_01, .color-item.pattern_01 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_01.png) !important;}
.your-card-container.pattern_02, .color-item.pattern_02 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_02.png) !important;}
.your-card-container.pattern_03, .color-item.pattern_03 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_03.png) !important;}
.your-card-container.pattern_04, .color-item.pattern_04 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_04.png) !important;}
.your-card-container.pattern_05, .color-item.pattern_05 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_05.png) !important;}
.your-card-container.pattern_06, .color-item.pattern_06 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_06.png) !important;}
.your-card-container.pattern_07, .color-item.pattern_07 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_07.png) !important;}
.your-card-container.pattern_08, .color-item.pattern_08 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_08.png) !important;}
.your-card-container.pattern_09, .color-item.pattern_09 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_09.png) !important;}
.your-card-container.pattern_10, .color-item.pattern_10 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_10.png) !important;}
.your-card-container.pattern_11, .color-item.pattern_11 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_11.png) !important;}
.your-card-container.pattern_12, .color-item.pattern_12 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_12.png) !important;}
.your-card-container.pattern_13, .color-item.pattern_13 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_13.png) !important;}
.your-card-container.pattern_14, .color-item.pattern_14 {background-image:url(//d2pil9hl7m4qq3.cloudfront.net/images/pattern_14.png) !important;}

.simpleMessageTextArea {
	background-color: #fff;
	height: 150px;
	width: 100%;
	border: none;
	padding: 12px;
	resize: none;
}

.message-preview.chat-box {
	margin: 0;
	padding: 0;
}

.message-preview .chat-write-box {
	position: relative;
}

@media (min-width: 1050px) {

	.message-preview .message-thread {
		margin: 20px 50px;
	}
}

.message-preview .message-thread .chat-item {
	margin: 0;
	padding: 10px 0;
}

.video-message-body .your-card-upload-row {
	background-color: #e7e8eb;
}

.video-message-body .your-card-upload-row.cameratag_enabled {
	background-color: #000;
	background-image: none;
	min-height: 0;
}

.video-upload-container .cameratag {
	margin: 0 auto;
}

.cameratag_record_timer_prompt {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 14px;
}

.cameratag_recording_icon {
	position: absolute;
	bottom: 14px;
	right: 10px;
}

#create-video-camera-recording-screen {
	background-color: initial;
}

.camera_tag .cameratag_screen .cameratag_prompt {
	padding-bottom: 5px;
}

.message-preview .your-card-container .quick-flip-upload-btn-box,
.your-card-container .video-message-body .quick-flip-upload-btn-box,
.your-card-container .video-upload-container {
	height: 229px;
}

#v-pills-tabContent .chat-box .your-card-container.video-message-container .quick-flip-upload-btn-box {
	height: 249px;
}

@media only screen and (min-width: 414px) {
	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-message-body .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 258px;
	}
}

@media only screen and (min-width: 512px) {
	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-message-body .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 332px;
	}
}

@media only screen and (min-width: 576px) {
	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-message-body .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 351px;
	}

	.message-preview.logged-out .your-card-container .quick-flip-upload-btn-box {
		height: 351px;
	}
}

@media only screen and (min-width: 680px) {
	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 434px;
	}
}

@media only screen and (min-width: 768px) {
	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 307px;
	}

	.message-preview.logged-out .your-card-container .quick-flip-upload-btn-box {
		height: 331px;
	}
}

@media only screen and (min-width: 992px) {
	#v-pills-tabContent .chat-box .your-card-container.video-message-container .quick-flip-upload-btn-box,
	.chat-box .your-card-container .video-message-body .quick-flip-upload-btn-box {
		height: 249px;
	}
	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 480px;
	}

	.message-preview.logged-out .your-card-container .quick-flip-upload-btn-box {
		height: 351px;
	}

	#v-pills-tabContent .chat-box .your-card-container.video-message-container .your-card-header span {
		min-width: 272px;
	}
}

@media only screen and (min-width: 1200px) {
	#v-pills-tabContent .chat-box .your-card-container.video-message-container .quick-flip-upload-btn-box,
	.chat-box .your-card-container .video-message-body .quick-flip-upload-btn-box {
		height: 317px;
	}

	.message-preview .your-card-container .quick-flip-upload-btn-box,
	.your-card-container .video-upload-container {
		height: 524px;
	}

	/*
	.message-preview.logged-out .your-card-container .quick-flip-upload-btn-box {
		height: 351px;
	}
	*/

	#v-pills-tabContent .chat-box .your-card-container.video-message-container .your-card-header span {
		min-width: 362px;
	}
}


@media only screen and (max-width: 465px) {
	header.main-page-header .main-mobile-menu .nav-item .nav-link {
		padding: 8px 5px;
	}
	header.main-page-header .main-mobile-menu .nav-item.main-page-header-login {
		margin-right: 5px !important;
	}
}

.or-line span {
    background-color: #eff0f2;
    font-size: 20px;
}
.or-line {
    margin-top: 20px;
    margin-bottom: 30px;
}
.main-page-header {
    margin-bottom: 35px !important;
}



/* Story/Flip sharing */
@media (min-width: 768px) {
	.share-flip-story .modal-dialog {
		max-width: 600px;
	}
}

.share-flip-story .chalange-img-box {
	height: 200px;
	overflow: hidden;
}

.share-flip-story .form-group textarea {
	height: 160px;
}

.share-flip-story .modal-content {
	padding: 7px 12px 16px;
}

.all-quick-desc {
	min-height: 54px;
}

/* Create flip */
.quick-flip-upload-box {
	padding: 15px;
	background: #fff url(//d2pil9hl7m4qq3.cloudfront.net/images/upload.svg) center center no-repeat ;
	background-size: 106px;
}

/* Stories that heal */
.all-quick-share-row {
	font-size: 12px;
}


/* Write to heal */
.write-to-heal .all-quick-desc {
	padding-right: 10px;
}

.write-to-heal .chalange-info {
	min-height: 127px;
}

@media (min-width: 576px) {
	.write-to-heal .chalange-item .chalange-img-box img {
		height: inherit;
		max-height: 340px;
	}
}

@media (min-width: 667px) {
	.write-to-heal .chalange-item .chalange-img-box img {
		height: inherit;
		max-height: 400px;
	}
}

@media (min-width: 768px) {
	.write-to-heal .chalange-item .chalange-img-box img {
		height: inherit;
		max-height: 280px;
	}
}

/* Search Results */
.search-result-container .chalange-item .chalange-img-box img {
	height: 100%;
	width: 100%;
}


/* Reports */
.tile-stats {
    position: relative;
    display: block;
    padding: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #B8AEE2;
    color: #FFF;
}
.tile-stats .num {
    font-size: 20px;
    font-weight: bold;
}
.tile-stats h3 {
    font-size: 14px;
    margin-top: 5px;
}
.tile-stats p {
    font-size: 10px;
    margin-top: 5px;
}
.tile-stats .num, .tile-stats h3, .tile-stats p {
    position: relative;
    sz-index: 5;
    margin: 0;
    padding: 0;
}
.tile-stats .icon {
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 5px;
    bottom: 50px;
    sz-index: 1;
}
.entypo-usersz {
    font-family: "entypo";
    content: '\e80b';
}
.tabs-checkbox-filter {
	padding: 13px 20px;
}

/* Payments 
.package-price .list-group {margin: 20px 0;}
.package-price .list-group-item { padding: 5px; border: 0px; background-color:inherit;}
.package-price h3 {margin: 30px 0;}
.package-price h3.price {font-size: 55px; }
.package-price .currency {font-size: 25px;position: relative;top:-20px;}
.package-price .panel-title {font-weight: bold; font-size: 18px;}
.package-price.panel {width: 350px;}
.package-price.panel:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.package-price.panel-default .panel-body {padding: 30px;}
.package-price {
	margin-top: 100px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}
.package-price .panel-heading {
	background-color: #00c4cc;
	color: #FFF;
	padding: 10px 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.package-price .panel-body {
	background-color: #FFF;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

*/

/* Introduction page */
#videojs-player {
	margin: 0 auto;
	min-height: 400px;
}

#videojs-player {
	width: 100%;
}

/* Gratitude activities */
.challenge-sub-text {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}


/* Custom Header */

header.CC {
	background-color:#FFF !important;
	margin:0;
	margin-bottom: 20px;
}
header.CC.head-li {
	background-color:#eff0f2 !important;
}
header.CC .nav-item a.nav-link {
	font-weight:bold;
}
header.CC a.header-logo {
	color: #34332f;
	font-size: 16px;
	font-weight: bold;
}
header.CC .nav-item a.nav-link {
	color: #0078BF !important;
}
header.CC .nav-item a.nav-link:hover {
	color: #3594cc !important;
}
header.CC img.m-banner {
	height: 246px;
}

@media only screen and (max-width: 767px) {
	header.CC .banner {
		margin-top: 50px !important;
	}
}