.xdebug-var-dump {
	display: none !important;
}
.single_page.plain_background {
	background-image:none;
	background-color:#FFF;
	background: linear-gradient(155deg, #FFFFFF 0%,#eceff0 100%);
}
.single_page.plain_background #bg {
	display:none;
}
#overlay2_hodor {
	z-index: 9750;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background:rgba(255,255,255,0);
}
#overlay2_background {
	position: fixed;
	z-index: 9998;
	left: 0;
	right: 0;
	bottom:0;
	top:0;
	background: rgba(255,255,255,0);
	display: none;
}
@media screen and (max-width: 590px) {
	html.lockScrolling, .lockScrolling body {
		height: 100% !important;
		overflow: hidden !important;
	}
}
/* iphone 5 minimal ui fix */
@media screen and (width: 320px) and (orientation: portrait) {
	.browser-ios-true body:not(.plain_background) {
		min-height: 568px;
	}
}
/* iphone 6 minimal ui fix */
@media screen and (width: 375px) and (orientation: portrait) {
	.browser-ios-true body:not(.plain_background) {
		min-height: 667px;
	}
}
/* iphone 6+ minimal ui fix */
@media screen and (width: 414px) and (orientation: portrait) {
	.browser-ios-true body:not(.plain_background) {
		min-height: 736px;
	}
}
/* iPad landscape minimal ui fix */
@media screen and (width: 1024px) and (orientation: landscape) {
	.browser-ios-true body:not(.plain_background) {
		min-height: 768px;
	}
}
/* iPad portrait minimal ui fix */
@media screen and (width: 768px) and (orientation: portrait) {
	.browser-ios-true body:not(.plain_background) {
		min-height: 1024px;
	}
}
.browser-ios-true.browser-release-6 body, .browser-android-true.detect-browser-android body {
	min-height: 0 !important;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-weight: 400;
}
.clear {
	clear: both;
}
label {
	cursor: pointer;
}
.hide {
	display: none;
}
input, select, button {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	outline: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
#loading_gifs {
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	margin-left:-5000px;
}
a:hover:not(.button, .button-clear, .not_default_link) {
	text-decoration: underline;
}
a.logo, .logo {
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	text-indent: -9000px;
	color:rgba(255,255,255,0);
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-ms-transition: -ms-transform .2s;
	-o-transition: -o-transform .2s;
	transition: transform .2s;
}

a.logo:active {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.spinner {
	-webkit-animation:spin 6s linear infinite;
    -moz-animation:spin 6s linear infinite;
    animation:spin 6s linear infinite;
}


.text_input {
	background:#FFF;
	border:1px solid #bec3c7;
	font-size: 22px;
	box-sizing: border-box;
	width:100%;
	border-radius: 7px;
	line-height: 30px;
	margin:0;
	padding:14px;
	position: relative;
	z-index: 1;
	-webkit-appearance: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.err .text_input {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.text_input_medium {
	font-size: 18px;
	line-height: 22px;
}
.text_input_small {
	font-size: 14px;
	line-height: 18px;
}
.text_input:focus {
    z-index: 2;
    border:1px solid #828c8d;
    -webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.live_input_around {
	position: relative;
	margin-bottom: 8px;
}
.live_input_buttons {
	position: absolute;
	right: 0;
	top:0;
	margin-top: 8px;
	margin-right: 8px;
	opacity: 0;
	z-index: 2;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.live_input_buttons button {
	cursor: auto;
}
.live_input_around.edited .live_input_buttons {
	opacity: 1;
}
.live_input_around.edited .live_input_buttons button {
	cursor: pointer;
}
.live_input_buttons .button-small {
	line-height: 36px;
}
.live_input_around input, .language_preference_holder select {
	padding-right: 160px;
	background:#FFF;
	border:1px solid #bec3c7;
	font-size: 22px;
	box-sizing: border-box;
	width:100%;
	border-radius: 3px;
	line-height: 30px;
	margin:0;
	padding:14px;
	position: relative;
	z-index: 1;
	-webkit-appearance: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.live_input_around.focus input {
	border:1px solid #828c8d;
}
.invisible_input {
	background:rgba(255,255,255,0);
	border:1px solid rgba(255,255,255,0);
	font-size: 22px;
	box-sizing: border-box;
	width:100%;
	border-radius: 3px;
	line-height: 30px;
	margin:0;
	padding:14px;
	-webkit-appearance: none;
    -webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.touch .invisible_input, .no-touch .invisible_input:hover, .invisible_input:focus, .live_input_around.focus .invisible_input, .live_input_around.edited .invisible_input {
	background:#FFF;
	border:1px solid #bec3c7;
}
.invisible_input:focus, .invisible_input:focus:hover {
    border:1px solid #828c8d;
}

.picker {
	background:#FFF;
	border:1px solid #bec3c7;
	border-radius: 3px;
	padding:4px 2px;
	display: inline-block;
	-webkit-transition:border .2s;
	-moz-transition:border .2s;
	-ms-transition:border .2s;
	-o-transition:border .2s;
	transition:border .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.picker:hover {
	border:1px solid #828c8d;
}
.picker.picker_small {
	padding:2px 1px;
}
.picker_option, .picker_option_toggle, .picker_option_toggle_sticky {
	display: inline-block;
	line-height: 40px;
	border-radius: 3px;
	padding:0 10px;
	cursor: pointer;
	margin:0 2px;
	color:#828c8d;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition:background .2s, color .2s, -webkit-transform .2s;
	-moz-transition:background .2s, color .2s, -moz-transform .2s;
	-ms-transition:background .2s, color .2s, -ms-transform .2s;
	-o-transition:background .2s, color .2s, -o-transform .2s;
	transition:background .2s, color .2s, transform .2s;
}
button.picker_option, button.picker_option_toggle, .picker_option_toggle_sticky {
	border: none;
}
.picker.picker_small .picker_option, .picker_option_toggle, .picker_option_toggle_sticky {
	line-height: 28px;
	padding:0 6px;
	margin:0 1px;
	font-size: 14px;
}
.picker_option:hover, .picker_option_toggle:hover, .picker_option_toggle_sticky:hover {
	background:#bec3c7;
	color:#2f3f4f;
}
.picker_option:active, .picker_option_toggle:active, .picker_option_toggle_sticky:active {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
}
.picker_option.on, .picker_option_toggle.on, .picker_option_toggle_sticky.on {
	background:#308ebf;
	color:#FFF;
}



.text_error {
	max-height: 0;
	background: #f7f0b6;
	border:1px solid #d5a223;
	margin-top:-1px;
	color:#d5a223;
	padding:0 14px;
	position: relative;
	z-index: 4;
	opacity: 0;
	overflow: hidden;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.input_around_password .text_error, .forgot_pass .text_error {
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
}
.text_error_text {
	padding:10px 0;
}
.err .text_error {
	max-height: 140px;
	overflow: visible;
	opacity: 1;
}
.text_error_arrow {
	position: absolute;
	border:6px solid rgba(255,255,255,0);
	border-bottom:6px solid #d5a223;
}
.text_error_arrow_inside {
	border:6px solid rgba(255,255,255,0);
	border-bottom:6px solid #f7f0b6;
	margin-top:1px;
	position: absolute;
}
.text_error_arrow_around {
	position: absolute;
	z-index: 10;
	margin-left:20px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.err .text_error_arrow_around {
	-webkit-transform:translateY(-13px);
	-moz-transform:translateY(-13px);
	-ms-transform:translateY(-13px);
	-o-transform:translateY(-13px);
	transform:translateY(-13px);
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-ms-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}
.text_error_arrow_block {
	position: absolute;
	background:#f7f0b6;
	width:16px;
	height:10px;
	top:0;
	margin-left:18px;
	z-index: 11;
}

.upload_around {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0;
	background:rgba(0,0,0,0);
}
.upload_button {
	background:rgba(0,0,0,0);
	display: block;
	position: absolute;
	margin:0;
	padding:0;
	top:0;
	right:0;
	opacity: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
	line-height:30px;
	width:auto;
	height:100%;
}
.upload_progress_around {
	border:2px solid #FFF;
	padding:1px;
	border-radius: 3px;
	height: 20px;
	position: absolute;
	left:10px;
	right:10px;
	top:50%;
	margin-top:-12px;
	background:rgba(0,0,0,.5);
	box-shadow:#000 0 0 10px;
}
.upload_progress {
	position: absolute;
	left:1px;
	top:1px;
	bottom:1px;
	width: 0;
	max-width: 97%;
	background: #FFF;
}

pre {
	font-size: 12px;
	max-width: 500px;
	max-height: 400px;
	display: block;
	overflow: scroll;
	background: white;
}

.checkbox_confirm {
	display: none;
}
.checkbox_holder.on .checkbox_confirm {
	display: block;
}
.checkbox_holder.on .checkbox_negative {
	display: none;
}
.checkbox_holder.disabled {
	opacity: .6;
	cursor: default;
}
.checkbox_holder:hover {
	cursor: pointer;
}




/*  tooltips  */
.ui-helper-hidden {
	display:none
}
.ui-helper-hidden-accessible {
	border:0;clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.ui-widget-content {
}
body .ui-tooltip {
	border:rgba(255,255,255,.7);
	background:rgba(0,0,0,.7);
	border-radius: 3px;
	box-shadow: rgba(0,0,0,.7) 0 0 4px;
}
.ui-tooltip {
	padding:3px 8px;
	position:absolute;
	z-index:9500 !important;
	max-width:240px;
	font-size: 12px;
	line-height: 20px;
	-webkit-box-shadow:0 0 5px #aaa;
	box-shadow:0 0 5px #aaa;
	color:#eceff0;
	text-align: center;
}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	border-top-left-radius:4px
}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	border-top-right-radius:4px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	border-bottom-left-radius:4px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	border-bottom-right-radius:4px
}

/* browser compatability warning */
.browser_compatability_warning {
	position:fixed;
	height: 50px;
	background-color:yellow;
	font-size: 12px;
	padding: 5px;
	z-index:10000;
}

.subtext {
	font-size: 18px;
	color:#828c8d;
	margin-top: 10px;
}


.progress_spinner {
	height:30px;
	width:30px;
	display: block;
	background-image:url(https://dhdj1c2suf90g.cloudfront.net/images/loading/spinwheel_3.gif);
}


@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.spin {
	-webkit-animation-name: spin;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}




.more_menu.overlay_menu {
	text-align: left;
	padding:2px;
	padding-bottom: 0;
	background: #a0a9aa; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #a0a9aa 0%, #b4bbc1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a0a9aa), color-stop(100%,#b4bbc1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #a0a9aa 0%,#b4bbc1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #a0a9aa 0%,#b4bbc1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #a0a9aa 0%,#b4bbc1 100%); /* IE10+ */
	background: linear-gradient(135deg,  #a0a9aa 0%,#b4bbc1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a9aa', endColorstr='#b4bbc1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:rgba(0,0,0,1) 0 0 6px;
	z-index: 4000;
	top:100%;
	margin-top: -16px;
	left:50%;
	margin-left:102px;
}
.more_menu a {
	display: block;
	padding: 0 10px;
	padding-left:4px;
	position: relative;
	line-height: 34px;
	font-size: 16px;
	text-decoration: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color:#FFF !important;
	cursor: pointer;
	margin-bottom: 2px;
	border-radius: 3px;
	-webkit-transition:.6s;
	-moz-transition:.6s;
	-ms-transition:.6s;
	-o-transition:.6s;
	transition:.6s;
}
.more_menu a>div {
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.more_menu a:active>div {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	}
.more_menu a .fa {
	width:30px;
	text-align: center;
	margin-right: 2px;
}
.no-touch .more_menu a:hover, .more_menu a:active {
	background-color:#828c8d;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.more_menu_arrow {
	border:8px solid rgba(255,255,255,0);
	border-bottom:8px solid #a1aaab;
	position: absolute;
	top:0;
	margin-top: -16px;
	margin-left:10px;
	left:0;
}
.more_menu_inside {
	overflow: hidden;
	width:174px;
	max-height: 0;
	box-sizing: border-box;
	-webkit-transition: max-height .4s;
	-moz-transition: max-height .4s;
	-ms-transition: max-height .4s;
	-o-transition: max-height .4s;
	transition: max-height .4s;
}
.more_menu.on .more_menu_inside {
	max-height: 450px;
}
.mobile_more_menu {
	display: none;
}
.page_loading {
	padding:12px;
}
.page_loading_spinner {
	display:block;
	float:left;
}
.page_loading_text {
	display:block;
	float:right;
	padding:0 5px 0 15px;
	padding-top:3px;
}
#ajax_indicator_holder {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index: 9999;
	background:rgba(255,255,255,.9);
	box-shadow: rgba(0,0,0,.2) 0 0 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity:0;
	transform: translateY(8px);
	transition: transform .2s, opacity .2s;
	transition-delay: 0;
}

.login.ajax_sending #ajax_indicator_holder, .login.lazy_load_sending #ajax_indicator_holder {
	opacity:1;
	transform: translateY(0);
	transition-delay: .6s;
}
.login.ajax_sending.ajax_sending_immediate #ajax_indicator_holder {
	transition-delay: 0;
}

.fn_alert_default.fn_alert_logout_confirmation .default_close_button_holder {
	text-align: center !important;
}
#ajax_indicator {
	background: #4ea2c6;
	height:3px;
	background: -moz-linear-gradient(left,  #4ea2c6 20%, #95e4d1 50%, #4ea2c6 80%);
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,#4ea2c6), color-stop(50%,#95e4d1), color-stop(80%,#4ea2c6));
	background: -webkit-linear-gradient(left,  #4ea2c6 20%,#95e4d1 50%,#4ea2c6 80%);
	background: -o-linear-gradient(left,  #4ea2c6 20%,#95e4d1 50%,#4ea2c6 80%);
	background: -ms-linear-gradient(left,  #4ea2c6 20%,#95e4d1 50%,#4ea2c6 80%);
	background: linear-gradient(to right,  #4ea2c6 20%,#95e4d1 50%,#4ea2c6 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea2c6', endColorstr='#4ea2c6',GradientType=1 );
	background-size: 600% 600%;
	-webkit-animation:ajaxindicator 6s linear infinite;
    -moz-animation:ajaxindicator 6s linear infinite;
    animation:ajaxindicator 6s linear infinite;
}
.no_email, .no_phone {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	margin-left:40px;
	font-size: 14px;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.no_email.on, .no_phone.on {
	max-height: 160px;
	opacity: 1;
}
.network_groups_notification_preferences_container .no_phone.on {
	max-height: 200px;
	opacity: 1;
}
.no_email .text_input, .no_phone .text_input {
	margin-top: 10px;
}
.overlay:not(.billing_settings_overlay) .button2,
.overlay .button {
	margin-left:10px;
}
.overlay .button_holder {
	text-align: right;
	margin-top: 20px;
}
.overlay .button_holder.center {
	text-align: center;
}
.overlay .button_holder.center .button {
	margin-left:5px;
	margin-right:5px;
}

@-moz-keyframes ajaxindicator {
    0%{background-position:30% 50%}
    10%{background-position:70% 50%}
    20%{background-position:30% 50%}
    30%{background-position:70% 50%}
    40%{background-position:30% 50%}
    50%{background-position:70% 50%}
    60%{background-position:30% 50%}
    70%{background-position:70% 50%}
    80%{background-position:30% 50%}
    90%{background-position:70% 50%}
    100%{background-position:30% 50%}
}
@-webkit-keyframes ajaxindicator {
    0%{background-position:30% 50%}
    10%{background-position:70% 50%}
    20%{background-position:30% 50%}
    30%{background-position:70% 50%}
    40%{background-position:30% 50%}
    50%{background-position:70% 50%}
    60%{background-position:30% 50%}
    70%{background-position:70% 50%}
    80%{background-position:30% 50%}
    90%{background-position:70% 50%}
    100%{background-position:30% 50%}
}
@keyframes ajaxindicator {
    0%{background-position:30% 50%}
    10%{background-position:70% 50%}
    20%{background-position:30% 50%}
    30%{background-position:70% 50%}
    40%{background-position:30% 50%}
    50%{background-position:70% 50%}
    60%{background-position:30% 50%}
    70%{background-position:70% 50%}
    80%{background-position:30% 50%}
    90%{background-position:70% 50%}
    100%{background-position:30% 50%}
}


@media screen and (max-width:840px) {
	.more_menu.overlay_menu {
		left:auto;
		right:6px;
		margin-left: 0;
		margin-top:-15px;
	}
	.more_menu_arrow {
		margin-left:0;
		left:auto;
		right:15px;
	}
}
@media screen and (max-width:600px) {
	.more_menu.overlay_menu {
		right:50%;
		margin-right: -144px;
	}
}
@media screen and (max-width:440px) {
	#ajax_indicator_holder {
		left:40px;
		right:40px;
		margin-left: 0;
		width: auto;
	}
}

.pope_facts {
	background-image:url(https://dhdj1c2suf90g.cloudfront.net/images/popebg.jpg);
}

/* Language Preference Dropdown */
.language_preference {
	position: fixed;
    bottom: 12px;
    right: 12px;
}
.language_preference select.language_preference_select {
	border: 0px;
	background:none;
	color: #15436a;
}
select.language_preference_select.off {
	/*opacity: 0;*/
}
.dropdown_blocker {
	/*width:275px;
	height:24px;
	position:absolute;
	bottom: 40px;
	right: 40px;
	z-index:8002;*/
}

.single_page_privacy_policy_link {
	position: fixed;
	font-size: 13px;
	bottom:12px;
	left:12px;
}





.beta-flag-wrapper-red {
  position: fixed;
  top: 0;
  right: 50px;
  z-index: 9999;
  user-select:none;
  -moz-user-select: none;
  -webkit-user-select: none;

}

.ribbon-red {
  padding:6px 20px;
  cursor: default;
  border-bottom-right-radius:9px;
  border-bottom-left-radius:9px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  background-color: #C56006;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E87E04), to(#C56006));
  background-image: -webkit-linear-gradient(top, #E87E04, #C56006);
  background-image:    -moz-linear-gradient(top, #E87E04, #C56006);
  background-image:     -ms-linear-gradient(top, #E87E04, #C56006);
  background-image:      -o-linear-gradient(top, #E87E04, #C56006);
  color: #FFF;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.7);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.7);
}

#HSBeaconFabButton {
	bottom: 12px !important;
	right: 12px !important;
	-webkit-transition: margin-bottom .2s,
		box-shadow 250ms ease,
		opacity .4s ease,
		scale 1000ms ease-in-out,
		-webkit-transform 0.14s ease-in-out !important;;
	-moz-transition: margin-bottom .2s,
		box-shadow 250ms ease,
		opacity .4s ease,
		scale 1000ms ease-in-out,
		-moz-transform 0.14s ease-in-out !important;;
	transition: margin-bottom .2s,
		box-shadow 250ms ease,
		opacity .4s ease,
		scale 1000ms ease-in-out,
		transform 0.14s ease-in-out !important;
}
#HSBeaconContainerFrame {
	right: 12px !important;
	bottom: 84px !important;
}
.BeaconFabButtonFrame {
	z-index: 900 !important;
		display:none !important ;
}
.BeaconContainer {
	right:12px !important;
	bottom:86px !important;
}
#help_button {
	z-index:9000;
	position:fixed;
	right:0;
	bottom:0;
	background-image: linear-gradient(to right bottom, #278dc1, #1e82b7, #1476ad, #0a6ba3, #016099);
	font-size:24px;
	width:40px;
	height:40px;
	color:#eceff0;
	bottom:32px;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	box-shadow:rgba(0,0,0,.6) 0 0 4px;
	display:flex;
	justify-content:center ;
	align-items:center;
	cursor:pointer;
	transform: translateX(calc(100% + 6px));
	transition: .4s;
	}
@media screen and (max-width: 1040px) {
	.showing_composer #help_button {
		margin-bottom:46px;
	}
}
@media screen and (max-width: 580px) {
	.showing_profile #help_button {
		margin-bottom:46px;
	}
}
#help_button.on {
		transform: none;
	}
#help_button > div {
	transition: transform .2s;
}
#help_button:active > div {
	transform: scale(.9);
}
#help_button .help_close,
#help_button.showing_help .help_question {
	display:none ;
}
#help_button.showing_help .help_close {
	display:block ;
}

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

	.showing_composer #HSBeaconFabButton,
	.showing_composer #HSBeaconContainerFrame {
		margin-bottom: 64px !important;
	}

}

@media screen and (min-width:981px) and (max-width:1480px) {

	.has_note_view #HSBeaconFabButton,
	.has_note_view #HSBeaconContainerFrame {
		margin-bottom: 46px !important;
	}

}
.chatra_icon {
	font-size: 28px;
	line-height: 46px;
	border-radius: 50px;
	color:#fff;
	width:52px;
	text-align: center;
	box-shadow: #000 1px 1px 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:3px solid rgba(255,255,255,.2);
    background: #a0a9aa;
    background: -moz-linear-gradient(-45deg, #a0a9aa 0%, #b4bbc1 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a0a9aa), color-stop(100%,#b4bbc1));
    background: -webkit-linear-gradient(-45deg, #a0a9aa 0%,#b4bbc1 100%);
    background: -o-linear-gradient(-45deg, #a0a9aa 0%,#b4bbc1 100%);
    background: -ms-linear-gradient(-45deg, #a0a9aa 0%,#b4bbc1 100%);
    background: linear-gradient(135deg, #a0a9aa 0%,#b4bbc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a9aa', endColorstr='#b4bbc1',GradientType=1 );
    position: relative;
    z-index: 2;
    cursor: pointer !important;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    transition:.2s;
}
.chatra_icon:hover {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}
.chatra_icon:active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.chatra_icon {
	cursor: pointer;
}
#chatra_button.online .chatra_icon {
	background: #00b44e;
	border:3px solid rgba(255,255,255,.2);
    background: -moz-linear-gradient(-45deg, #00b44e 0%, #24c37b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00b44e), color-stop(100%,#24c37b));
    background: -webkit-linear-gradient(-45deg, #00b44e 0%,#24c37b 100%);
    background: -o-linear-gradient(-45deg, #00b44e 0%,#24c37b 100%);
    background: -ms-linear-gradient(-45deg, #00b44e 0%,#24c37b 100%);
    background: linear-gradient(135deg, #00b44e 0%,#24c37b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b44e', endColorstr='#24c37b',GradientType=1 );
}
.chatra_text {
	position: absolute;
	right:100%;
	background:rgba(0,0,0,.7);
	border:2px solid rgba(255,255,255,.2);
	font-size: 14px;
	color:#FFF;
	padding-right: 26px;
	margin-right: -18px;
	top:50%;
	line-height: 28px;
	margin-top: -15px;
	white-space: nowrap;
	border-radius: 80px;
	padding-left: 10px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition:.2s;
	-moz-transition:.2s;
	transition:.2s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	transition-delay: 1s;
}
.chatra_text::before {
	content: "Email our help team"
}
#chatra_button.online .chatra_text::before {
	content: "Chat with us - we're online now!"
}
#chatra_button .fa-commenting-o {
	display: none;
}
#chatra_button.online .fa-commenting-o {
	display: inline-block;
}
#chatra_button.online .fa-question {
	display: none;
}

#chatra_button:hover .chatra_text {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
#chatra.chatra--visible {
	margin-bottom:-100px;
}
#chatra.chatra--visible.chatra--expanded {
	margin-bottom:0;

}








.ui-datepicker {
	padding:0;
	border-radius:7px;
	border:1px solid #98a4a5;
	background: #eceff0;
	z-index: 9999 !important;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	font-size:14px;
}
.ui-datepicker.schedule_picker {
	margin-top: -4px;
	margin-left: -8px;
}
.ui-datepicker-header {
	background:#F42434;
	border:none;
	color:#FFF;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	position: relative;
	border-radius:0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.ui-datepicker table {
	margin:0;
}
.ui-datepicker th, .ui-datepicker td {
	padding:0;
}
.ui-datepicker .ui-state-default {
	color:#666;
	padding:2px;
	border-left:none;
	border-top:none;
	border-bottom:none;
	border-right:none;
	border-radius: 100px;
	text-decoration: none;
	font-weight: 400;
}

.ui-datepicker .ui-state-default.ui-state-hover {
	background:#F42434;
	color:#FFF;
}
.ui-datepicker .ui-state-default.ui-state-active {
	color:#FFF;
	background:#F42434;
}
.ui-datepicker .ui-datepicker-other-month {
	color:#FFF;
}
.ui-datepicker tr:last-child td, .ui-datepicker tr:last-child td .ui-state-default {
	border-bottom:none;
}
.ui-datepicker td:last-child .ui-state-default {
	border-right:none;
}
.ui-datepicker-next.ui-state-hover {
	background:none;
	color:#FFF;
	top:2px;
	right:2px;
	border:none;
	cursor: pointer;
}
.ui-datepicker-prev.ui-state-hover {
	background:none;
	color:#FFF;
	top:2px;
	left:2px;
	border:none;
	cursor: pointer;
}
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
	background:none;
	height:24px;
	width:24px;
	text-indent: 0;
	text-align: center;
	font-size:24px;
	font-weight: bold;
	line-height:24px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	position: absolute;
	left:0;
	line-height: 40px;
}
.ui-datepicker-next .ui-icon {
	left:auto;
	right:0;
}
.ui-datepicker-next:hover .ui-icon, .ui-datepicker-next:prev .ui-icon {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.ui-datepicker-next:active .ui-icon, .ui-datepicker-prev:active .ui-icon {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	color:#CCC;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}
.ui-state-disabled {
	opacity: .5;
}
.ui-datepicker table.ui-datepicker-calendar {
	margin:4px;
}
.ui-datepicker-calendar td {
	width: 24px;
	height: 22px;
	text-align: center;
}
.ui-datepicker-calendar td>a {
	display: block;
	width: 100%;
	text-align: center;
	width: 22px;
	height: 22px;
	line-height: 22px;
}

@media screen and (max-width:600px) {
	#beacon-container {
		display: none !important;
	}
}



/* PLACEHOLDERS */
.has_placeholder {
	position: relative;
}
.has_placeholder::after {
	content:attr(data-placeholder);
	display: block;
	position: absolute;
	z-index: 0;
	top:0;
	left:0;
	right: 0;
	opacity: .4;
	font-weight: thin;
	-webkit-transition: opacity .4s, color .4s;
	-moz-transition: opacity .4s, color .4s;
	transition: opacity .4s, color .4s;
}
.has_placeholder.placeholder_off::after {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
@-moz-document url-prefix() {
	.has_placeholder:before {
	    content: "\feff ";
	}
}

.copy-text {
	position: relative;
}

.copy-text:after {
	content: "\f24d  COPIED";
	font-size: 11px;
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	padding: 4px 6px;
	border-radius: 4px;
	transition: opacity 0.2s, visibility .2s, transform .2s;
	opacity: 0;
	color: #FFF;
	left: 50%;
	font-family: 'Font Awesome 5 Pro', 'Open Sans', sans-serif;
	white-space: nowrap;
	line-height: 1.3em;
	font-weight: bold;
	visibility:hidden;
	transform: translate(-50%, 12px) scale(.9);
	bottom:100%;

}

.copy-text.clicked:after {
	opacity: .8;
	visibility:visible;
	transform: translate(-50%, 4px);
}

.copy-text:hover {
	cursor: copy;
}