/*
 * Plinqit CSS Template
 * HT Vanilla
*/

	:root {
		--green-main: #8bc53f; /* changed to 8bc53f from 7fbc41 per S.E. 11/9/17 */ /* changed to 7fbc41 from 8DC63F per S.E. 7/5/17 */
		--blue-main: #29abe2; /* changed to 29abe2 from 00ADEE per S.E. 11/9/17 */
		--light-blue: #cef4ff;
		--gray-medium: #565656;
		--orange-medium: #f38e21; /* changed to de7826 from f38e21 per S.E. 11/9/17 */ /* changed to f38e21 from F6921E per S.E. 7/5/17 */
		--maroon-medium: #861A1A;
		--arrow-green: #6fb06f;
		--form-field-gray: #d8d6d7;
		--drop-black: rgba(34,31,31,0.3);
	}

	.PRIMARY_COLOR {
		color: #7fbc41;
	}

	.SECONDARY_COLOR {
		color: #29abe2;
	}

	#canvas {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: -1;
		opacity: 0;
		transition-duration: 2000ms;
		transition-property: opacity;
		transition-timing-function: ease-in-out;
	}

  .bggreen {
    background: linear-gradient(0deg, var(--arrow-green), var(--green-main) 70%) !important;
    color: white !important;
  }

/*
* Web fonts
*/ /*

	@font-face { font-family: 'PlinqitHeavy';
		src: url('fonts/Roboto-Medium.eot');
		src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto-Medium.woff2') format('woff2'),
			url('fonts/Roboto-Medium.woff') format('woff'),
			url('fonts/Roboto-Medium.ttf') format('truetype'),
			url('fonts/Roboto-Medium.svg#Plinqit') format('svg'); }
	@font-face { font-family: 'Plinqit';
		src: url('fonts/Roboto-Regular.eot');
		src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto-Regular.woff2') format('woff2'),
			url('fonts/Roboto-Regular.woff') format('woff'),
			url('fonts/Roboto-Regular.ttf') format('truetype'),
			url('fonts/Roboto-Regular.svg#Plinqit') format('svg'); }
	@font-face { font-family: 'PlinqitLight';
		src: url('fonts/Roboto-Light.eot');
		src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto-Light.woff2') format('woff2'),
			url('fonts/Roboto-Light.woff') format('woff'),
			url('fonts/Roboto-Light.ttf') format('truetype'),
			url('fonts/Roboto-Light.svg#Plinqit') format('svg'); }
	@font-face { font-family: 'PlinqitThin';
		src: url('fonts/Roboto-Thin.eot');
		src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto-Thin.woff2') format('woff2'),
			url('fonts/Roboto-Thin.woff') format('woff'),
			url('fonts/Roboto-Thin.ttf')  format('truetype'),
			url('fonts/Roboto-Thin.svg#Plinqit') format('svg');
	} */

	/*
	 * Reset styles
	*/
	html {
	  -ms-text-size-adjust: 100%;
	  -webkit-text-size-adjust: 100%;
	}

	* {
	  -webkit-appearance: none;
	  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	  -webkit-touch-callout: none !important;
	  box-sizing: border-box;
	  text-rendering: optimizeLegibility;
	  user-select: none;
	}

	*:after, *:before {
	  box-sizing: border-box;
	  outline: none;
	}

	body {
	  direction: ltr;
	}

	.ios * {
	  font-family: "-apple-system", BlinkMacSystemFont, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	}

	.android * {
	  font-family: Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	}

	a {
	  -webkit-text-decoration-skip: objects;
	  background-color: transparent;
	}

	b,
	strong {
	  font-weight: inherit;
	}

	b,
	strong {
	  font-weight: bolder;
	}

	[hidden] {
	  display: none;
	}

	.vishidden {
		visibility: hidden;
	}

	.footer_fine_print {
		position: absolute;
		top: -30px;
		font-size: 10px;
		width: 100%;
		text-align: center;
		background-color: #FFF;
		border-bottom: 2px solid #FFF;
	}

	.body_fine_print {
		font-size: 10px;
		width: 100%;
		text-align: center;
		background-color: #FFF;
		border-bottom: 2px solid #FFF;
	}

	.menu_fine_print {
		font-size: 10px;
		padding: 0 0 0 30px;
	}

	/* Standard */
	img { max-width: 100%; max-height: 100% }
	*, *::after, *::before { margin: 0; padding: 0; border: 0; line-height: inherit; color: inherit; text-transform: inherit; font-weight: 400; font-style: inherit; font-size: inherit; font-family: Roboto; background-color: transparent; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-box-sizing: border-box; box-sizing: border-box; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
	html { font-size: 16px; line-height:1.25; color:inherit; font-weight: 400; font-family: 'Roboto', Helvetica, sans-serif; }
	body { font-size: 1em; line-height:1.25; background-color: #FFF; font-weight: 400; font-family: 'Roboto', Helvetica, sans-serif; }
	a, a:visited,a:active,a:hover,button { transition: .3s; }
	/*ol, ul { list-style: none; list-style-position: inside; } BREAKS T&C / PRIVACY */
	caption, th, td { text-align: left; font-weight: inherit; }
	blockquote::before, blockquote::after, q::before, q::after { content: ""; }
	blockquote, q { quotes: "" ""; }
	header, footer, nav, article, section { display: block; }

	/* Form stuff */
	input, textarea, select { background: none; margin: 0; padding: 0; line-height: normal; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }
	input[type="radio"] { width:auto; display:inline-block; }
	input[type="checkbox"] { width:auto; display:inline-block; }
	button { cursor: pointer; }
	button:focus, button:active { outline: 0; }
	button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding:0; border: 0; margin: 0; line-height: normal; }
	input, textarea, select, .fake-input { width: 100%; vertical-align: middle; border: 0; padding: 0; margin: 0; border-radius: 0; background: #fff none; line-height: normal; font-size: 1rem; -webkit-transition: all .25s; transition: all .25s; /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ }
	input:disabled {-webkit-text-fill-color: #6A6A71; -webkit-opacity: 1;}

	/*
	input[type=checkbox] { position: absolute; left: -99999px; }
	input[type=checkbox] + label { display: block; position: relative; padding-left: 25px; }
	input[type=checkbox] + label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; overflow: hidden; background-color: #b8b7b8; }
	input[type=checkbox]:checked + label:after { content: ""; position: absolute; left: 4px; top: -3px; width: 19px; height: 19px; }
	select {}
	*/
	ol[type="1"] li {
		list-style-type: decimal;
	}

	ol[type="a"] li {
		list-style-type: lower-alpha;
	}

	li.li_block {
		list-style-type: square !important;
		margin: 8px 0 8px 22px !important;
	}

	.scrollbox ol {
		padding: 0;
		margin: 8px 0 8px 12px;
	}

	.scrollbox ol li, .scrollbox ul li {
		margin-bottom: 10px;
		list-style-position: outside;
		margin-left: 10px;
	}

	.form_field::-webkit-input-placeholder,
	.form_field::-moz-placeholder,
	.form_field:-moz-placeholder,
	.form_field:-ms-input-placeholder,
	.form_field::placeholder,
	.form_field:placeholder-shown {
		color: #666 !important;
	}

	.textbox_small_text {
		font-size: 14px !important;
		height: 180px !important;
		padding-left: 12px !important;
	}

	.input_small {
		font-size: 14px !important;
		height: 38px;
		padding-left: 12px !important;
	}

	.dark_form_field::-webkit-input-placeholder,
	.dark_form_field::-moz-placeholder,
	.dark_form_field:-moz-placeholder,
	.dark_form_field:-ms-input-placeholder,
	.dark_form_field::placeholder,
	.dark_form_field:placeholder-shown {
		color: #cacaca !important;
	}

	.dark_form_field {
		color: #dbdbdb !important;
	}

	.date-placeholder-hack {  /* hack for -moz- date input field placeholder */
		color: #797979;
		position: absolute;
		top: 50%;
		left: 100px;
		z-index: 100;
		transform: translateY(-50%);
		font-family: "Roboto", sans-serif !important;
		font-size: 15px;
		font-weight: 400;
	}

	/* table defaults -- YUCK
	table { border-collapse: separate; border-spacing: 0;display: table; width:100%; border-spacing:0; margin: 1rem 0 0; }
	table th { display:none; background-color:#000; color: #fff; padding: 10px; }
	table td { display:block; padding: 0.6rem; }
	table td:before { content: attr(data-th)": "; display: inline-block; margin-right: 0.3rem; }
	table tbody tr:nth-of-type(even) td { background-color:#ddd; }
	table tbody tr:nth-of-type(odd) td {background-color:#fff; }
	@media only screen and (min-width:768px) { table th { display: table-cell; } table td { display: table-cell; } table td:before { display:none; } }
	*/
	table td { font-family: 'Roboto'; }

	h1 { padding:0; margin: 0 0 1em 0; color: #565656; font-weight: bold; font-family: 'Roboto', Helvetica, sans-serif; font-size: 1.3em; }
	p {
		line-height: normal;
		font-family: Roboto;
		font-weight: inherit;
	}
	td, p, div, input, textarea, select {
		color: #565656;
	}

	em {
	    font-size: 18px;
	}

	/* form defaults */

	button {
		font-size: 22px;
	}

	.btn:hover, .btn_textlink:hover, .click:hover, .js__fastback:hover, .js_bsradio:hover {
		cursor: pointer;
	}

	button:hover {
		opacity: 0.9;
	}

	.form {}

	.form_center {
		margin: 0 10% 0 10%;
	}

	/* form element */
	.formelement {
		display: block;
		position: relative;
		margin: 0.6rem auto 0;
		max-width: 300px;
	}

	.form_promo_code{
		display: block;
		position: relative;
		margin: 0.6rem auto 0;
		width: 200px;
	}

/*
 * Globals
*/

	.no-overflow {
		overflow: hidden !important;
	}

	.Roboto-bold {
		font-family: 'Roboto';
		font-weight: 500 !important;
	}

	/* Colors */

	.bg_lightgray {
		color: #565656 !important;
	   background-color: #DDD;
	}

	.black { color: #181818; }
	.gray { color: #565656 !important; }
	.bg_gray {
		color: #FFF !important;
		background: #56565A;
	    background: -moz-linear-gradient(top, #696970 0%, #55565a 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #696970), color-stop(100%, #55565a));
	    background: -webkit-linear-gradient(top, #696970 0%, #55565a 100%);
	    background: -o-linear-gradient(top, #696970 0%, #55565a 100%);
	    background: -ms-linear-gradient(top, #696970 0%, #55565a 100%);
	    background: linear-gradient(to bottom, #696970 0%, #55565a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696970', endColorstr='#55565a', GradientType=0 );
	}
	.dk_gray { color: #56565A !important; }
	.white, .PQCal_selectday_label { color: #FFF !important; }
	.green { color: #87c13f !important; }
	.bg_flat_green {
		color: #FFF !important;
	   background-color: #87c13f;
	}
	.bg_flat_blue {
		color: #FFF !important;
	   background-color: #29abe2;
	}
	.bg_green, .PQCal_selectday {
		color: #FFF !important;
	    background: #8bc53f;
	    background: -moz-linear-gradient(top, #87c13f 0%, #64a043 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #87c13f), color-stop(100%, #64a043));
	    background: -webkit-linear-gradient(top, #87c13f 0%, #64a043 100%);
	    background: -o-linear-gradient(top, #87c13f 0%, #64a043 100%);
	    background: -ms-linear-gradient(top, #87c13f 0%, #64a043 100%);
	    background: linear-gradient(to bottom, #87c13f 0%, #64a043 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#64a043', GradientType=0 );
	}
	.bg_dkgreen_grad {
		color: #FFF !important;
	    background: #64ac3c;
	    background: -moz-linear-gradient(top, #64ac3c 0%, #335d1b 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #64ac3c), color-stop(100%, #335d1b));
	    background: -webkit-linear-gradient(top, #64ac3c 0%, #335d1b 100%);
	    background: -o-linear-gradient(top, #64ac3c 0%, #335d1b 100%);
	    background: -ms-linear-gradient(top, #64ac3c 0%, #335d1b 100%);
	    background: linear-gradient(to bottom, #64ac3c 0%, #335d1b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64ac3c', endColorstr='#335d1b', GradientType=0 );
	}
	.blue { color: #29abe2 !important; }
	.bg_lightblue { background-color: #dcf7ff !important; }
	.bg_blue, .bg_blue_grad {
		color: #FFF !important;
	    background: rgba(0,175,238,1);
	    background: -moz-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #29abe2), color-stop(100%, #1687c8));
	    background: -webkit-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: -o-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: -ms-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: linear-gradient(to bottom, #29abe2 0%, #1687c8 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#1687c8', GradientType=0 );
	}
	.orange { color: #f38e21 !important; }
	.lightgray { color: #888 !important; }
	.bg_orange {
		color: #FFF !important;
	    background: #f38e21;
	    background: -moz-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6921e), color-stop(100%, #df7811));
	    background: -webkit-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: -o-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: -ms-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: linear-gradient(to bottom, #f6921e 0%, #df7811 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6921e', endColorstr='#df7811', GradientType=0 );
	}
	.maroon { color: #861A1A !important; }
	.bg_maroon { background-color: #861A1A !important; }
	.red { color: rgb(246, 53, 30) !important; }
	.greenglow {
	    border: 3px solid #8aff61 !important;
	    background-color: #cbffca !important;
	}
	.orange_overlay {
		background-color:rgba(243,142,33,.6);
	}

	#menu_li_resume:hover {
		cursor: pointer;
	}

	/*
	 * Buttons
	*/
	.down_arrow_black {
		background-image: url(/assets/images/svg_arrow_down_black.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.down_arrow_gray {
		background-image: url(/assets/images/svg_arrow_down_gray.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.down_arrow_white {
		background-image: url(/assets/images/svg_arrow_down_white.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.right_arrow_black {
		background-image: url(/assets/images/svg_arrow_right_black.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.right_arrow_white {
		background-image: url(/assets/images/svg_arrow_right_white.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.up_arrow_black {
		background-image: url(/assets/images/svg_arrow_up_black.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.up_arrow_white {
		background-image: url(/assets/images/svg_arrow_up_white.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.left_arrow_black {
		background-image: url(/assets/images/svg_arrow_left_black.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.left_arrow_white {
		background-image: url(/assets/images/svg_arrow_left_white.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 96% center;
	}

	.smallqm {
		display: inline-block;
		margin: 0 0 0 8px;
	}

	/*
	* Transitions
	*/

	#transition-block { opacity: 1; z-index: 100000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

	#transitioncurrent {
		opacity: 1;
		z-index: 20000;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		min-width: 320px;
		background-color: #fff;
		overflow-x: hidden;
	}

	#transitionnext {
		opacity: 1;
		z-index: 10000;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
	}

	#transitiondrawer_left {
		z-index: 19999;
		position: absolute;
		top: 0; left: 0;
		width: 95%;
		min-height: 100%;
		height: 100%;
		overflow: hidden;
		opacity: 0;
		/*
		background: -moz-radial-gradient(center, ellipse cover, #f6f6f6 0%, #b5b6b6 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 0%,#b5b6b6 100%);
		background: radial-gradient(ellipse at center, #f6f6f6 0%,#b5b6b6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#b5b6b6',GradientType=1 );
		*/
	}

	#transitiondrawer_right {
		z-index: 19999;
		position: absolute;
		top: 0; left: 0;
		width: 95%;
		min-height: 100%;
		height: 100%;
		overflow: hidden;
		opacity: 0;
	}

	/**
	 *  general transition
	*/
	.transition-moving, .transition-moving #transitioncurrent, .transition-moving #transitionnext { overflow: hidden; }
	/* drawer transition  */
	.transitiondrawer_left_animation #transitiondrawer_left, .transitiondrawer_right_animation #transitiondrawer_right, .transitiondrawer_left_animation #transitioncurrent, .transitiondrawer_left_animation .transition_fixed_header, .transitiondrawer_left_animation .transition-fixed-footer, .transitiondrawer_right_animation #transitioncurrent, .transitiondrawer_right_animation .transition_fixed_header, .transitiondrawer_right_animation .transition-fixed-footer { -webkit-transition: left .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; transition: left .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; }
	.transitiondrawer_left_open-setup #transitiondrawer_left { left: -95%; opacity: 1; z-index: 20001;  }
	.transitiondrawer_right_open-setup #transitiondrawer_right { left: 100%; opacity: 1; z-index: 20001; }
	.transitiondrawer_left_open-action #transitiondrawer_left { left: 0; height: auto; }
	.transitiondrawer_right_open-action #transitiondrawer_right { left: 5%; height: auto; }
	.transitiondrawer_left_open-action #transitioncurrent, .transitiondrawer_left_open-action .transition_fixed_header, .transitiondrawer_left_open-action .transition-fixed-footer { position: fixed; left: 95%; }
	.transitiondrawer_right_open-action #transitioncurrent, .transitiondrawer_right_open-action .transition_fixed_header,
	.transitiondrawer_right_open-action .transition-fixed-footer { position: fixed; left: -95%; }
	/* flip transition styles */
	.transition_flip_animation #transition-box { -webkit-transition: -webkit-transform .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; transition: transform .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; }
	.transition_flip_setup #transition-container { -webkit-perspective: 2000px; perspective: 2000px; }
	.transition_flip_setup #transitionnext { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
	.transition_flip_action #transition-box { -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(180deg); transform-style: preserve-3d; transform: rotateY(180deg); }
	.transition_flip_action #transitioncurrent, .transition_flip_action #transitionnext { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	/* default "none" transition styles */
	.transition-none-animation #transitioncurrent { -webkit-transition: opacity .1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; transition: opacity .1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; }
	.transition-none-action #transitioncurrent, .transition-none-action #transitionnext { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.transition-none-action #transitioncurrent { height: 100%; overflow: hidden; opacity: 0; }
	/* fade transition styles */
	.transition-fade-animation #transitioncurrent { -webkit-transition: opacity .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; transition: opacity .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; }
	.transition-fade-action #transitioncurrent, .transition-fade-action #transitionnext { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.transition-fade-action #transitioncurrent { height: 100%; overflow: hidden; opacity: 0; }
	/* slide transition styles */
	.transition-slide-animation #transition-box { -webkit-transition: -webkit-transform .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; transition: transform .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s; }
	.transition-slide-left-setup #transitionnext { left: 100%; }
	.transition-slide-right-setup #transitionnext { left: -100%; }
	.transition-slide-left-action #transition-box { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
	.transition-slide-right-action #transition-box { -webkit-transform: translateX(100%); transform: translateX(100%) }
	.transition-slide-left-action #transitioncurrent, .transition-slide-left-action #transitionnext, .transition-slide-right-action #transitioncurrent,	.transition-slide-right-action #transitionnext { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	/* if using fixed footers or headers add this style */
	.transition_fixed_header {}
	.transition-fixed-footer {}

	/* animations */
	.transition-layer-in { -webkit-transition: all .35s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s; transition: all .35s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s; }
	.transition-layer-out { -webkit-transition: all .35s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s; transition: all .35s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s; }

	/* starting positions */
	.transition-layer-start-in-fade { top: 0; left: 0; opacity: 0; }
	.transition-layer-start-in-left { top: 0; left: -100%; }
	.transition-layer-start-in-right { top: 0; left: 100%; }
	.transition-layer-start-in-top { top: -100%; left: 0; }
	.transition-layer-start-in-bottom { top: 100%; left: 0%; }

	/* ending position */
	.transition-layer-end-in { top: 0; left: 0; opacity: 1; width: 100%; height: 100%; }
	.transition-layer-end-out-fade { top: 0; left: 0; opacity: 0; }
	.transition-layer-end-out-left { top: 0; left: -100%; }
	.transition-layer-end-out-right { top: 0; left: 100%; }
	.transition-layer-end-out-top { top: -100%; left: 0; }
	.transition-layer-end-out-bottom { top: 100%; left: 0%; }

	/* Fonts */

	.body_normal, .body_normal p, .layer_content p {
		font-family: Roboto, sans-serif;
		font-weight: 400; /* regular - body of popup */
		font-size: 15px;
		color: #565656;
	}

	.body_38 {
		font-size: 38px;
	}

	.body_20, .body_20 p {
		font-size: 20px;
	}

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

	.body_15, .body_15 p {
		font-size: 15px;
	}

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

	.body_13 {
		font-size: 13px !important;
	}

	.body_13 em {
		font-size: 15px !important;
	}

	.body_12, .body_12 p {
		font-size: 12px;
	}

	.body_11, .body_11 p {
		font-size: 11px;
	}

	.body_debug {
		font-family: monospace;
		max-height: 420px;
		overflow: auto;
		font-size: 11px;
	}

	.fourty_height:placeholder-shown {
		font-size: 19px;
		font-weight: 500;
	}

	.title_large {
	   font-size: 2.6em;
	   font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 200;
	}

	.exttext {
		display: inline-block;
		/* margin: 0 0 0 10px; */
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 10px;
		width: inherit;
		border-bottom: 1px solid #aaa;
	}

	.exttext div {
		max-width: 580px;
		margin: 0 auto;
		line-height: 26px;
	}

	.subtitle_large {
	   font-size: 18px;
	   font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 200; /* Light, login title on /#/login */
	}

	.goal_image_default img {
		line-height: 100% !important;
    	text-align: center !important;
    	vertical-align: middle;
	}

	.set_goal_sentences {
		padding: 0 12px;
		line-height: 24px;
		font-size: 15px;
		text-align: left;
	}

	.title_normal {
	   font-size: 17px; /* wraps title in initial-next-steps if larger */
	   font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 400;
	}

	.titlebar_text_results {
		position: relative;
		display: inline-block;
		height: 80px;
		width: 100%;
		max-width: 375px;
		min-width: 360px;
		padding-top: 10px;
	}

	.titlebar_text_results img {
		position: absolute;
		left: 30px;
		height: 70px;
	}

	.titlebar_title_blue {
		color: #29abe2;
		font-size: 22px;
		font-weight: 300;
		margin: 6px 0 4px 0;
	}

	.titlebar_text p {
		white-space: nowrap;
		color: #565656;
		font-size: 18px;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 400;
		display: inline;
	}

	.titlebar_text_small {
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		width: 100%;
    padding-bottom: 3vh;
	}

	.titlebar_text_article {
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		width: 100%;
		line-height: 0px !important;
	}

	.titlebar_text_article p {
		color: #565656;
		font-size: 15px;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 400;
		display: inline;
		vertical-align: middle;
		line-height: 0px !important;
	}

	.titlebar_text_small p {
		color: #565656;
		font-size: 15px;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 400;
		display: inline;
		vertical-align: middle;
	}

	.titlebar_text_wide {
		width: 90% !important;
		position: relative;
		font-size: 15px;
		text-align: center;
		display: inline-block;
		padding: 12px 0 0 0;
		top: auto !important;
		transform: none !important;
	}

	.youveearned {
		font-size: 15px;
	}

	.title_earned_div img {
		height: 30px;
		vertical-align: middle;
		cursor: pointer;
	}

	.title_earned_div p {
		padding-left: 6px;
		text-decoration: underline;
		cursor: pointer;
	}

	.form_activate .form_field {
		font-size: 15px;
		font-weight: 500;
		font-family: 'Roboto';
		padding: 13px 12px;
		margin: 0 0 -2px 0;
		border-radius: 4px;
	}

	.finalterms, .finalprivacy {
		font-weight: bold;
		text-decoration: underline;
	}

	.fineprint {
		font-size: 12px;
		margin: -10px 0 10px 0;
	}

	/* Formatting */

	.nowrap {
		white-space: nowrap;
	}

	.hidden, .hide {
	   display: none !important;
	}

	.disabled {
		opacity: 0.45;
		cursor: default !important;
	}

	.clear {
	   content: ""; clear: both;
	   display: block;
	}

	.fourty_height { /* input fields for /#/login, /#/signup */
		height: 40px;
	}

	.ten_under {
	    margin-bottom: 10px !important;
	}

	.twenty_under {
	   margin-bottom: 20px !important;
	}

	.fourty_under {
	   margin-bottom: 40px !important;
	}

	.eighty_under {
	   margin-bottom: 96px !important;
	}

	.five_over {
		margin-top: 5px !important;
	}

	.eight_over {
		margin-top: 8px !important;
	}

	.ten_over {
	   margin-top: 10px !important;
	}

	.fifteen_over {
	   margin-top: 15px !important;
	}

	.twenty_over {
	   margin-top: 20px !important;
	}

	.twentyfour_over {
		margin-top: 24px !important;
	}

	.thirty_over {
	   margin-top: 30px !important;
	}

	.thirty_up {
		margin-top: -30px !important;
	}

	.fourty_over {
	   margin-top: 40px !important;
	}

	.center_text {
	   text-align: center !important;
	}

	.alignleft {
	   text-align: left;
	}

	.js__wdback {
		width: 48.5% !important;
		float: left;
	}

	.continuewithdraw, .js__truncate {
		width: 48.5% !important;
		float: right;
	}

	.wd_footnote {
		font-size: 15px;
		margin: 12px 0 0 0;
   }

	.wd_query {
		font-size: 15px;
		margin: 15px 0 0 0;
	}

	.tall {
		width: 100%;
		height: 20%;
		min-height: 42px;
		max-height: 48px;
		align-items: center;
		align-content: center;
	}

	.tall button {
	   margin: 10% 0% 10% 0% !important;
	}

	.authlogo {
		margin: 50px 0 0 0;
	}

	.bottomdiv {
		position: absolute;
		bottom: 0;
		margin-bottom: 20px;
		text-align: center;
		width: 300px;
		left: 50%;
		transform: translateX(-50%);
	}

	.fpdc {
		margin-top: 12px !important;
	}

	.fpdc:hover {
		color: #000;
		cursor: pointer;
   }
   
/*
 * App elements
*/
	.bottomelement {
	   margin-bottom: 1em !important;
	}

	.ajaxloader {
		position: absolute;
		top: 44%;
		left: 44%;
		width: 12%;
		max-width: 256px;
		height: auto;
	}

	.scrollbox {
		max-height: 220px;
		height: 220px;
		overflow: scroll !important;
		padding: 20px 12px !important;
		margin: 0 auto;
		background-color: #eee !important;
		color: #000;
		border: 1px solid #56565A;
		text-align: left;
	}

	.drop {
		box-shadow: 0 0 0.4rem 0.4rem rgba(34,31,31,0.3);
		-webkit-box-shadow: 0 0 0.4rem 0.4rem var(--drop-black);
		-moz-box-shadow: 0 0 0.4rem 0.4rem var(--drop-black);
		box-shadow: 0 0 0.4rem 0.4rem var(--drop-black);
	}

	.drop_tight {
		box-shadow: 0 0 0.2rem 0.2rem rgba(34,31,31,0.3);
		-webkit-box-shadow: 0 0 0.2rem 0.2rem var(--drop-black);
		-moz-box-shadow: 0 0 0.2rem 0.2rem var(--drop-black);
		box-shadow: 0 0 0.2rem 0.2rem var(--drop-black);
   }

   .drop_tighter {
      box-shadow: 0 0 0.2rem 0.2rem rgba(34,31,31,0.3);
		-webkit-box-shadow: 0 0 0.2rem 0.2rem  rgba(34,31,31,0.3);
		-moz-box-shadow: 0 0 0.2rem 0.2rem  rgba(34,31,31,0.3);
		box-shadow: 0 0 0.1rem 0.1rem var(--drop-black);
   }

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

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

	.savage {
		right: 14px;
		position: absolute;
		top: 50%;
		width: 18px;
		transform: translateY(-50%);
		fill: #555;
		height: 18px;
		z-index: 10;
	}

	.savagebot {
		position: absolute;
		top: 50%;
		width: 24px;
		transform: translateY(-50%);
		fill: #777;
		height: 24px;
		right: 30px;
		z-index: 10;
	}

/*
 * Menu
*/

	#menu-box {
		position: absolute;
		top: -200px; /*0px;*/
		left: -60px;
		width: 338px;
		height: auto;
		/* opacity: 0.93; */
		padding: 0 0 0px 47px; /*0;*/
		/* background-color: #FFF; */
      overflow-y: auto;
      max-height: calc(148px + 100vh); /* calc(-58px + 100vh); + menu upper height*/

   }

   #menu-user-box {
		z-index: 30000;
		position: absolute;
		height: auto;
		display: none;
      max-height: calc(-58px + 100vh);
      overflow-y: auto;
      top: 0;
      right: 0px;
      width: 291px;
   }
   
   .menu__upper {
      height: 200px; /*same as menu-box top*/
      opacity: 0.93;
		background-color: #FFF;
   }

	.menu-navigation {
      overflow-y: hidden;
      overflow-x: hidden;
      opacity: 0.93;
		background-color: #FFF;
	}

	.menu__navitem {
		border-bottom: 1px solid #CCC;
		list-style: none;
		margin: 0;
		padding: 0 0 0 30px;
	}

	.menu__navitem:hover {
		background-color: #EEE;
		cursor: pointer;
	}

   .menu-navigation__list {
      list-style: none;
      list-style-position: outside;
      list-style-position: inside;
   }


   .menu__navitem--goal-name {
      margin-left: -20px;
   }

   .menu__navitem--user-greeting {
      height: 43.25px;
      line-height: 43.25px;
      font-size: 18px;
      font-weight: bold;
      text-align: left;
   }

   .menu__goalname-container {
      display: flex;
      margin-left: 5px;
      align-items: center;
   }

   .menu__goal-name-arrow {
      height: 38px;
      width: 38px;
      fill: #8EC640;
      -ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      transition: transform 1s ease-in-out;
   }

   .menu__goal-name-arrow--displayed {
      transform: rotate(270deg);
   }

   .menu--submenu {
      max-height: 350px;
      transition: max-height .5s ease-in-out;
      overflow: hidden;
   }

   .menu--submenu__hidden {
      max-height: 0;
   }

	.menu__btn {
		padding: 13px 0 13px 50px;
		text-decoration: none !important;
		text-transform: uppercase;
		font-weight: 500;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 28px;
		color: #565656;
		font-size: 13px !important;
		white-space: nowrap;
		width: 100%;
		text-align: left;
   }

   .menu__btn:hover {
		color: #000;
	}

	.menu__navitem--submenu {
		padding-left: 60px;
	}


	.btn_menu_account { background-image: url(/assets/images/btn_menu_account.png); background-size: auto 26px; }
	.btn_menu_buildskills { background-image: url(/assets/images/btn_menu_buildskills_orange.png); background-size: auto 28px; }
	.btn_menu_offers { background-image: url(/assets/images/btn_menu_offers.png); background-size: auto 28px; background-position: 3px center;}
	.btn_menu_deposit { background-image: url(/assets/images/btn_menu_deposit.png); background-size: auto 26px; background-position: 1px center; }
	.btn_menu_edit_goal, .btn_menu_set_goal { background-image: url(/assets/images/menu_edit_goal_green.png); background-size: auto 22px; }
	.btn_menu_faq { background-image: url(/assets/images/btn_menu_faq_bw.png); background-size: 14px; background-position: 4px; text-transform: none;}
	.btn_menu_home { background-image: url(/assets/images/btn_menu_home.png); background-size: auto 22px; }
	.btn_menu_home_multi { background-image: url(/assets/images/plinqit_switchgoalsmenuicon.png); background-size: auto 26px; }
	.btn_menu_others { background-image: url(/assets/images/icon_others_saving.png); background-size: auto 22px; }
	.btn_menu_invite { background-image: url(/assets/images/btn_menu_invite.png); background-size: auto 22px; }
	/* .btn_menu_link { background-image: url(/assets/images/btn_menu_link.png); background-size: auto 12px; } */
	.btn_menu_link, .btn_menu_link_microd { background-image: url(/assets/images/btn_menu_link_microd.png); background-size: auto 12px; }
	.btn_menu_onhold { background-image: url(/assets/images/plinqit_gh_alertorange.png); background-size: auto 26px; }
	.btn_menu_login { background-image: url(/assets/images/btn_menu_login.png); background-size: auto 22px; }
	.btn_menu_logout { background-image: url(/assets/images/menu_logout.png); background-size: auto 22px; }
	.btn_menu_messages { background-image: url(/assets/images/btn_menu_messages.png); background-size: auto 14px; }
	.btn_menu_messages_alerts { background-image: url(/assets/images/btn_menu_messages_alerts.png);background-size: auto 16px; }
	.btn_menu_privacy { background-image: url(/assets/images/btn_menu_privacy.png); background-size: auto 22px; }
	.btn_menu_register { background-image: url(/assets/images/btn_menu_register.png); background-size: auto 22px; }
	.btn_menu_pause { background-image: url(/assets/images/btn_menu_pause.png); background-size: auto 26px;}
	.btn_menu_resume_goal { background-image: url(/assets/images/btn_menu_resume_goal.png); background-size: auto 20px; }
	.btn_menu_resume_all { background-image: url(/assets/images/btn_menu_resume_all.png); background-size: auto 20px; }
	.btn_menu_link_refresh { background-image: url(/assets/images/btn_menu_link_microd.png); background-size: auto 14px; }
	.btn_menu_support { background-image: url(/assets/images/btn_menu_support.png); background-size: auto 22px; }
	.btn_menu_terms { background-image: url(/assets/images/btn_menu_terms.png); background-size: auto 22px; }
	.btn_menu_track { background-image: url(/assets/images/btn_menu_track.png); background-size: auto 21px; }
	.btn_menu_transaction { background-image: url(/assets/images/menu_transaction_history.png); background-size: auto 20px; }
	.btn_menu_withdrawal { background-image: url(/assets/images/menu_withdrawal.png); background-size: auto 26px; }
	.btn_menu_microd { background-image: url(/assets/images/btn_menu_microd.png); background-size: auto 26px; background-position: 4px; }
   .btn_menu_switchgoals { background-image: url(/assets/images/btn_menu_home_green.png); background-size: auto 27px; }
   .btn_menu_close { background-image: url(/assets/images/trashcan.png); background-size: auto 28px;}
   .btn_menu_create { background-image: url(/assets/images/btn_menu_creategoal.png); background-size: auto 29px; }

	.btn_menu_transition_left {
		background-image: url(/assets/images/menu_logout.png);
		background-repeat: no-repeat;
		background-size: 40px;
		background-position: 20px 166px;
	}

	.menu__goalname-line {
		background: #8EC640;
		height: 1px;
		align-self: center;
		margin: 0 5px;
		flex-basis: auto;
   }

   .menu__goalname-line--short { width: 10px; }
   .menu__goalname-line--long { flex-grow: 99; }

	.menu__goalname-text {
		text-transform: uppercase;
		font-size: 13px;
   }

   .menu__spacing {
      height: 160px;
      max-height: 160px;
      transition: max-height .1s ease-in-out;
      opacity: 1;
   }

   .menu__spacing--hidden {
      max-height: 0 !important;
   }

/*
 * Accordion
*/

	.accordion, .curriculuccordion {
		display: block;
		width: 100%;
		position: relative;
		z-index: 0;
		margin-bottom: 1.5em;
	}

	.accordion_item_button, .accordion_static_item_button {
		position: relative;
		z-index: 0;
		background-repeat: no-repeat;
		text-align: left;
		font-size: 14px;
		border-bottom: 2px solid #FFF;
		padding: 1.2rem 4rem 1.2rem 1rem;
		width: 100%;
		border-top: 1px solid #CCC;
	}

	.accordion_item_button:hover, .accordion_static_item_button:hover {
		background-color: #F5F5F5;
	}

	.accordion_item_as:last-of-type {
		border-bottom: 1px solid #CCC;
	}

	.center_accordion {
		width: 90%;
		max-width: 380px;
		margin: 0 auto;
	}

	.pencil_button {
		background-size: 22px;
		background-position: 93% center;
		background-image: url(/assets/images/icon_pencil.png);
	}

	.as_button_red {
		background-size: 23px;
		background-position: 93% center;
		background-image: url(/assets/images/icon_x_red.png);
		cursor: default;
	}

	.as_button_gray {
		background-size:  23px;
		background-position:  93% center;
		background-image:  url(/assets/images/grey_x.png);
	}

	.as_button_gray:hover {
		cursor: default;
	}

	.as_x_key {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: 100%;
		font-size: 1.25vmin;
		height: 1.5vmin;
		margin-top: 0.75vmin;
		margin-bottom: 0.75vmin;
	}

	.as_x_key_block {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: 45%;
	}
	.as_x_key_block img {
		height: 100%;
		width: auto;
		margin-right: 0.5vmin;
	}

	.accordion_item_content {
		background-color: #EEE;
		color:#565656;
		padding: 1rem;
		font-size: 14px;
		display: none;
		text-align: left;
		width: 100%;
	}

	.waiting_mask {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 290px;
		background-color: rgba(0, 0, 0, 0.5);
		top: 44px;
		z-index: 100;
		pointer-events: none;
	}

	.waiting_modal {
		pointer-events: none;
		position: absolute;
		top: 16px;
		left: 50%;
		width: 80%;
		max-width: 350px;
		background-color: #FFF;
		padding: 5em 1.2em 2em;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 15px;
		border: 3px solid white;
		pointer-events: none;
	}

	.waiting_modal_banner {
		position: absolute;
		width: 102%;
		text-align: center;
		margin: -6px auto;
		border-bottom: 1px solid #ccc;
		padding: 0 0 6px 0;
		top: 12px;
		left: -1%;
		font-size: 26px;
		font-weight: 300;
	}

	.waiting_modal p {
        margin: -8px 0 0 0;
   }

   .waiting_modal em {
    	font-size: 16px;
   }

	.cmplt_accordion {
		position: relative;
		display: block;
		padding-bottom: 4em;
	}

/*
 * Header
*/
	.righted {
		position: absolute;
		right: 16px;
		top: 3px;
	}

	.screenheader {
		height: auto;
		position: fixed;
		z-index: 101;
		top: 0;
		left:0;
		width: 100%;
		background-color: #56565a;/*#6f7072*/
		padding: 0 0 14px 0;
	}

	.screenheader_bare {
		background-color: transparent !important;
	}

	.screenheader_logo {
		height: 2.6em;
		text-align: center;
		position: relative;
		margin: 2px auto 0;
   }

   .screenheader_logo img {
      margin-top: 7px;
   }

   .screenheader_sso {
   		display: block;
   		width:  100%;
   		height:  2.6em;
  		margin:  2px auto 0;
   }

   .sso_close_button {
   		float: right;
   		margin-right: 1vw;
   		margin-top: 0.5vw;
   		border-radius: 0.5vh;
   		border-width: 0.2vmin;
   		border-color:  white;
   		border-style: solid;
   		text-align: left;
   		vertical-align: center;
   		padding-left: 1vw;
   		height: 80%;
   		width: 20vw;
   		min-width: 64px;
   		max-width: 112px;
   		font-size: 70%;
   		color:  white;
   		background-image: url(/assets/images/sso-close-x.png);
   		background-repeat: no-repeat;
   		background-position: 94% 50%;
   		background-size: 9%;
   }

   .sso_close_button:hover{
   	cursor: pointer;
   	background-color: rgba(255,255,255,0.7);
   }

	.goal_menu {
		position: absolute;
		right: auto;
		left: 1em;
		top: 65%;
		color: #fff;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(/assets/images/menu.png);
		background-repeat: no-repeat;
		width: 2.113em;
		height: 1.775em;
		cursor: pointer;
	}

	.goal_menu.sso {
		top:  82% !important;
	}

	.goal_menu.alerts {
		background-image: url(/assets/images/menu_alerts.png) !important;
   }

   .user_menu {
		position: absolute;
		right: auto;
		color: #fff;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(/assets/images/user_icon.png);
      background-repeat: no-repeat;
      background-size: contain;
		width: 2.113em;
		height: 1.775em;
      cursor: pointer;
      right: 1em;
      top: 57.5%;
   }

   .user_menu.sso {
   		top: 77.5% !important;
   }

   .user_menu--open {
      background-image: url(/assets/images/menu_x.png);
   }

   .user_menu--alerts {
      background-image: url(/assets/images/user_icon_unread.png);
   }

   .user_menu--login {
      position: absolute;
      right: auto;
      color: #fff;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 1.775em;
      cursor: pointer;
      right: 1em;
      top: 57.5%;
      line-height: 1.775em;
      font-size: 16px;
   }

	/*
	 *  Alert
	*/

	.alert {
		position: absolute;
		box-sizing: border-box;
		margin-top: 14px;
		width: 100%;
		z-index: 101;
		text-align: center;
		font-size: .9rem;
	}

	.alert_displayed {
		background-color: rgba(230, 230, 230, 0.85);
		color: black;
		border: solid #BE1E2D 4px;
		padding: 1em 1em 0 1em;
	}

	.alert_hidden {
		background-color: rgba(190,30,45, 0.85);
	}

	.alert h1 {
		color: #BE1E2D;
		margin: 0;
		font-size: 1.3rem;
		line-height: 1.5rem;
	}

	.alert img {
		height: 1.5rem;
		vertical-align: bottom;
	}

	.alert_displayed img {
	  height: 1em;
	  padding: 2px 0 4px 0;
	}

	.alert p {
		line-height: 1.4rem;
		margin-top: .4rem;
   }

/*
 *  Page titles and banner
*/

	.banner {
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		position: fixed;
		z-index: 100;
		width: 100%;
		height: 58px;
		background-color: #FFF;
		top: 58px;
	}

	.sso + .banner {
		top: 101px;
	}

	.banner_multi {
		top: 108px;
		height: 38px;
		z-index: 97;
	}

	.sso + .multi_drop + .banner_multi {
		top: 151px;
	}

	/* Descendent of layerbanner or banner */
	.banner .headline {
		color: #565656;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 300; /* keep 300, see initial-next-steps */
		font-size: 26px;
		white-space: nowrap;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.layerbanner .headline {
		color: #565656;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 200;
		font-size: 28px;
		white-space: nowrap;
		margin: 0;
	}

	.dropalert {
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 300;
		position: fixed;
		z-index: 100;
		width: 100%;
		height: 58px;
		background-color: #f6921e;
		top: 116px;
		text-align: center;
		z-index: 100;
	}

	.dropalert .headline {
		color: #FFF;
		font-size: 18px;
	}

	.dropalert .headline img {
		width: 30px;
		margin: 0 12px 0 0;
		vertical-align: middle;
	}

	.dropalert_hold {
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 300;
		position: fixed;
		z-index: 100;
		width: 100%;
		height: 88px;
		background-color: #f6921e;
		top: 116px;
		text-align: center;
		z-index: 100;
	}

	.headline_hold {
		width: 320px;
		height: 86px;
		margin: 0 auto;
		cursor: pointer;
		position: relative;
	}

	.headline_hold_left {
		display: inline-block;
		width: 30px;
		padding: 8px 0 0 0;
		vertical-align: top;
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
		left: 0;
	}

	.headline_hold_right {
		display: inline-block;
		width: 285px;
		color: white;
		font-size: 14px;
		text-align: left;
		padding: 6px 0 0 6px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 40px;
	}

	.hold_radio_label {
		display: inline-block;
		margin: 0;
		width: 270px;
	}

	@media (max-device-width: 600px) {
	  .hold_radio_label {
		  width: 220px;
	  }
	}

	.message_center_span {
		text-decoration: underline;
		cursor: pointer;
	}

	.titlebar {
		position: relative;
		width: 100%;
		min-height: 63px;
		background-color: #fff;
		text-align: center;
		z-index: 50;
		top: 116px;
		border-bottom: 1px solid #aaa;
		max-width: 500px;
		margin: 0 auto;
	}

	.sso + .banner + .titlebar {
		top: 159px;
	}

	.titlebar_curriculum {
		position: relative;
		width: 100%;
		height: 72px;
		background-color: #fff;
		text-align: center;
		z-index: 50;
		top: 116px;
		border-bottom: 1px solid #aaa;
		max-width: 500px;
		margin: 0 auto;
	}

	.sso + .banner + .titlebar_curriculum {
		top: 159px;
	}

	.titlebar_set {
		position: relative;
		width: 100%;
		height: 152px;
		background-color: #fff;
		text-align: center;
		z-index: 50;
		top: 125px;
		border-bottom: 1px solid #aaa;
	}

	.sso + .banner + .titlebar_set {
		top:  159px;
	}

	.sso + .banner + .titlebar_set + .payload_post_banner, .sso + .banner + .titlebar_curriculum + .payload_post_titlebar {
		top: 159px;
		padding-top: 0px;
	}

	.sso + .banner + .titlebar + .payload_post_banner {
		top: 159px;
		padding-top: 0px;
	}

	.titlebar_top {
		position: relative;
		width: 100%;
		min-height: 63px;
		background-color: #fff;
		text-align: center;
		z-index: 50;
		top: 0;
		border-bottom: 1px solid #aaa;
	}

	.titlebar_tall { /* used with titlebar */
		padding: 40px 0 40px 0;
	}

	.titlebar_pg {
		height: 63px;
	}

	.titlebar_lock_img {
		height: 30px;
		width: auto;
		margin: 0 6px -8px 0;
	}

	.titlebar_others_img, .titlebar_pickgoal_img, .titlebar_tx_history_img {
		height: 40px;
		width: auto;
		margin: 0 10px 0 0;
		vertical-align: middle;
	}

	.titlebar_small {
		position:relative;
		width: 100%;
		padding: 1em 0 0.6em 0;
		background-color: #fff;
		text-align:center;
		margin-bottom: 1.2em;
		z-index: 50;
	}

	.titlebar_multi {
		top: 146px;
	}

	.sso + .multi_drop + .banner + .titlebar_multi {
		top: 189px;
	}

	.tm {
		vertical-align: super;
		font-size: .57em;
	}

	.titlebar_reward {
		pposition: relative;
		width: 100%;
		background-image: url(/assets/images/safe_36.png);
		background-position: 18px center;
		background-repeat: no-repeat;
		height: 58px;
		max-width: 580px;
		margin: 0 auto;
	}

	.titlebar_reward p {
		font-size: 12px;
		position: absolute;
		top: 50%;
		left: 54%;
		text-align: left;
		transform: translateY(-50%) translateX(-50%);
		white-space: nowrap;
	}

	.title_question {
		font-size: 20px;
		color: #565656;
		border: 0;
		border-radius: 50%;
		background: #ddd none;
		content: "?";
		top: 50%;
		transform: translateY(-50%);
		font-family: Roboto;
		font-weight: 700;
		width: 24px;
		height: 24px;
		position: absolute;
		right: 24px;
	}

	@media (max-device-width: 350px) {
	  .title_question {
		  font-size: 20px;
		  width: 18px;
		  height: 18px;
		  right: 2%;
	  }
	}

	.premargin {
	    margin-top: 36px;
	}

/*
 * Footer
*/

	.steps {
		display: block;
		position: fixed;
		bottom: 40px;
		width: 100%;
		height: 5.0em;
		background-color: #DDD;
		/* border-top:2px solid #fff;
      border-bottom:2px solid #fff; */
      padding: 2px 0;
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.8);
		-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.8);
		box-shadow: 0 0 10px 0 rgba(0,0,0,.8);
		z-index: 97;
	}

	.stairway {
		width: 100%;
		height: 100%;
		display: inline-block;
		position: relative;
	}

	.steps_arrow {
		width: 54px;
		height: 54px;
	}

	.steps_left_arrow:hover, .steps_right_arrow:hover {
		cursor: pointer;
	}

	.steps_left_arrow_gray:hover, .steps_right_arrow_gray:hover {
		cursor: default;
	}

	.steps_left {
		position: absolute;
		left: 10px;
		top: 13px;
	}

	.steps_left_back {
		position: absolute;
		top: -6px;
		font-size: 11px;
		right: 10px;
		color: #888;
	}

	.steps_left_arrow {
		fill: #6fb06f;
	}

	.steps_left_arrow_gray {
		fill: #888;
	}

	.steps_right {
		position: absolute;
		right: 8px;
		top: 13px;
	}

	.steps_right_next {
		position: absolute;
		top: -6px;
		font-size: 11px;
		left: 10px;
		color: #888;
	}

	.steps_left_label, .steps_right_label {
		position: absolute;
		top: -8px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 13px;
		color: #888;
	}

	.steps_right_arrow {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		fill: #6fb06f;
		margin-top: 2px;
	}

	.steps_right_arrow_gray {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		fill: #888;
		margin-top: 2px;
	}

	.step_panda_1 {
		height: 92%;
		width: auto;
      border: 0;
      margin: 5px;
   }
   
   .steps_center_container {
      display: flex;
      height: 100%;
      justify-content: center;
   }

   .steps_center {
      display: flex;
      height: 100%;
      align-items: center;
      position: relative;
      max-width: 70%;
   }

	.step_p {
		color: #565656;
		font-family: Roboto;
		font-weight: 400;
		width: 40%;
      font-size: 15px;
      flex-grow: 2;
      margin: 5px;
   }
   
   @media only screen and (min-width: 769px) {
      .step_panda_1 {
         position: absolute;
         left: -60px;
      }
   }

   .pulseblob {
   	display: none;
   	position: absolute;
   	top: 8px;
   	left: 6px;
   	background: transparent;
		border-radius: 50%;
		box-shadow: 0 0 0 0 rgba(126, 191, 30, 1);
		margin: 0;
		height: 40px;
		width: 40px;
		transform: scale(1);
		animation: pulse-black 2s infinite;
   }

   @keyframes pulse-black {
		0% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(126, 191, 30, 0.8);
		}
		
	
		
		100% {
			transform: scale(4.0);
			box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
		}
	}

	.broughtby {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 2.5em;
		text-align: right;
		z-index: 98;
		color: #FFF !important;
		white-space: nowrap;
		background: #56565A;
		background: -moz-linear-gradient(top, #6a6a71 0%, #55565a 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #6a6a71), color-stop(100%, #55565a));
		background: -webkit-linear-gradient(top, #6a6a71 0%, #55565a 100%);
		background: -o-linear-gradient(top, #6a6a71 0%, #55565a 100%);
		background: -ms-linear-gradient(top, #6a6a71 0%, #55565a 100%);
		background: linear-gradient(to bottom, #6a6a71 0%, #55565a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a71', endColorstr='#55565a', GradientType=0 );
	}

	.broughtby_image {
		display: inline-block;
		top: 50%;
		margin: 0 20px 0 0;
		position: relative;
		transform: translateY(-50%);
	}

	.broughtby_image img {
		height: 26px;
		margin: 2px 0 0 0;
	}

	.broughtby_text {
		display: inline-block;
		margin: 12px 1em 0 0;
		color: #ddd;
		font-size: 0.8em;
		vertical-align: top;
	}

/*
 *  PAYLOAD CONTENT
*/

	.screengraphic {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.payload_post_banner {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 116px;
		padding-bottom: 140px;
		margin: 0 auto;
		max-width: 580px;
	}

  .titlebar_set + .payload_post_banner {
    padding-top: 152px !important;
  }

	.sso + .banner + .payload_post_banner {
		padding-top:  159px;
	}

	.payload_post_banner_multi {
		padding-top: 146px;
	}

	.sso + .multi_drop + .banner_multi + .titlebar + .payload_post_banner_multi {
		padding-top:  195px;
	}

	.sso + .multi_drop + .banner_multi + .payload_post_banner_multi {
		padding-top:  189px;
	}

	.payload_post_banner_no_margin {
		position: relative;
		padding-top: 116px;
	}

	.sso + .banner + .payload_post_banner_no_margin {
		padding-top:  169px;
	}

	.payload_post_titlebar {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 122px;
	}

	.sso + .banner + .titlebar + .payload_post_titlebar {
		padding-top: 165px;
	}

	.payload_wide {
		display: block;
		position: relative;
		margin: 0 auto 0;
		max-width: 320px;
		min-width: 300px;
		font-size: 15px;
		text-align: left;
	}

	.center_container {
		position: relative;
		margin: auto;
		width: 100%;
		text-align: center;
	}

	.fixed_center {
		position: relative;
		margin: auto;
		width: 300px;
		text-align: left;
	}

	.center_bear_container {
		position: relative;
		margin: auto;
		width: 60px;
		text-align: center;
	}

	.footer_padding_default {
		padding-bottom: 3em;
	}

	.footer_padding_steps {
		padding-bottom: 180px;
	}

	.footer_padding_steps_tight {
		padding-bottom: 100px;
	}

	.footer_padding_tall {
		padding-bottom: 240px;
	}

	.payload_relative {
		position: relative;
		width: 100%;
	}

	.invfill {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		font-size: 15px;
		width: auto;
		max-width: 290px;
	}

/*
 * Layers
*/

	.hdlineicon {
		position: absolute;
		right: 24px;
		top: 5px;
	}

	.hdlineicon-left {
		position: absolute;
		top: 2px;
		left: 6px;
	}

	.hdlineicon img {
		height: 26px;
		width: 26px;
	}

	.layer { z-index: 100000; position: fixed; width: 100%; height: 100%; overflow: hidden; }

	.mask {
		content: ' ';
		position: absolute;
		z-index: 99999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
	}

	/* .bubble_mask {
	  content: ' ';
	  position: absolute;
	  z-index: 25000;
	  top: -3000px;
	  left: -3000px;
	  width: 9999px !important;
	  height: 9999px !important;
	  background-color: rgba(0,0,0,0.6);
	} */

	.bubble_mask {
	  content: ' ';
	  position: absolute;
	  z-index: 35000;
	  top: 0;
	  left: 0;
	  width: 100% !important;
	  height: 100% !important;
	  background-color: rgba(0,0,0,0.6);
	}

	/* .bubble_mask_top {
	  content: ' ';
	  position: absolute;
	  z-index: 25000;
	  top: 0;
	  left: 0;
	  width: 100vw;
	  height: 100% !important;
	  background-color: rgba(0,0,0,0.6);
	} */

	.loader_mask { /* darkens even the modal layer which uses above mask */
		content: ' ';
		position: absolute;
		z-index: 36000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
	}

	.loader_mask.full {
		background-color:  rgba(89, 89, 90, 1.0) !important;
		background-image: url(/assets/images/plinqit_whitelogor.png);
		background-position: 50% 42%;
		background-size: 15vh;
		background-repeat: no-repeat;
	}

	.if_radio_label_container_click {
		margin: 0 0 0 -8px;
	}

	.ifn_div {
		font-size: 14px;
		margin: 26px 0 24px 2px;
		display: inline-block;
		white-space: nowrap;
		width: 200px;
	}

	.cmela_div {
		font-size: 13px;
		margin: 20px 0 24px 8px;
		display: inline-block;
		width: 210px;
	}

	.ifolist li {
		list-style-type: decimal;
	}

	.bubble {
		position: relative;
		background-color: #FFF;
		border-radius: 10px;
		padding: 12px;
		box-shadow: 2px 3px 3px 2px rgba(0,0,0,0.4);
		cursor: pointer;
	}

	.bubble_container {
		display: none;
		position: absolute;
		z-index: 36010;
		width: 140px;
		/* top: -10px;
		left: 80px; */
	}

	.bubble_arrow {
		box-shadow: none !important;
	}

	/* .bubble_arrow_bottom_left_img {
	  position: absolute;
	  bottom: -28px;
	  left: 10px;
	  height: 30px;
	  width: 30px;
	  cursor: pointer;
	  background: url(/assets/images/bubble_arrow_bottom_left.png);
	  background-size: 30px;
	  background-repeat: no-repeat;
	  background-color: transparent;
	  z-index: 25999;
	} */

	.bubble_arrow_bottom_left_css {
	  position: absolute;
	  bottom: -28px;
	  left: 10px;
	  /* height: 0px;
	  width: 0px; */
	  cursor: pointer;
	  /* background: url(/assets/images/bubble_arrow_bottom_left.png); */
	  /* background-size: 30px; */
	  /* background-repeat: no-repeat;
	  background-color: transparent; */
	  z-index: 25999;
	  border-left: 30px solid white;
	  border-bottom: 30px solid transparent;
	}

	.bubble_arrow_bottom_right_css {
	  position: absolute;
	  bottom: -28px;
	  right: 10px;
	  cursor: pointer;
	  z-index: 25999;
	  border-right: 30px solid white;
	  border-bottom: 30px solid transparent;
	}

	.bubble_arrow_top_right_css {
	  position: absolute;
	  top: -28px;
	  right: 10px;
	  cursor: pointer;
	  z-index: 25999;
	  border-top: 30px solid transparent;
	  border-right: 30px solid white;
	}

	.bubble_arrow_top_left_css {
	  position: absolute;
	  top: -28px;
	  left: 10px;
	  cursor: pointer;
	  z-index: 25999;
	  border-top: 30px solid transparent;
	  border-left: 30px solid white;
	}


	.prompttext {
		font-size: 14px;
	}

	.congrats_left {
		float: left;
		width: 35%;
		margin: 10px 0 0 0;
	}

	.congrats_left img {
		max-height: 90px;
	}

	.congrats_right {
		float: right;
		width: 63%;
		margin: 22px 0 0 0;
	}

	.select_size, .select_size ul li {
		height: 43px !important;
		line-height: 22px;
	}

	.select_size ul {
		top: 43px !important;
	}

	.layer_uiblock {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent none;
	}

	.layer_content {
		position: absolute;
		z-index: 9999999;
		top: 50%;
		left: 50%;
		width: 80%;
		max-width: 350px;
		max-height: 80%;
		background-color: #FFF;
		padding: 5em 1.2em 2em;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: Roboto, sans-serif;
		font-weight: 400;
		font-size: 15px !important;
		color: #565656;
		border: 3px solid white;
		word-wrap: break-word;
		/*box-shadow: 0px 3px 6px 6px rgb(0,0,0,.3);*/
	}

	.layer_content > p:last-of-type {
		margin-bottom: 40px !important; /* If changing, look at template-CustomIncrement thrity_up class in form */
	}

	.layer_content p {
		margin-bottom: 16px;
	}

	.layer_contentmessage {
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transform: translate(-0, 0);
		transform: translate(0,0);
	}

	.layer_pollpop {
		display:none;
		box-shadow: 0px 0px 12px #000;
	}

	/* Modal layer: layer_content > layerbanner > headline */
	.layerbanner {
		font-family: 'Roboto', sans-serif;
		color: #555;
		position: absolute;
		z-index: 100000;
		width: 102%;
		text-align: center;
		white-space: nowrap;
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
		padding: 0 0 12px 0;
		top: 12px;
		left: -1%;
	}

	.layerbanner p {
		font-family: 'Roboto', sans-serif;
		color: #555;
		position: relative;
		z-index: 100000;
		width: 100%;
		text-align: center;
		white-space: nowrap;
		margin: 0 0 1em 0;
   }

   .appPromptPayload {
      position: absolute;
      width: 100%;
      z-index: 101;
      text-align: center;
      height: 85px;
      top: 58px;
		background-color: rgba(135, 193, 63, 0.95) !important;
		-webkit-box-shadow: 0 0px 6px 0px rgba(64,64,64,.6);
		-moz-box-shadow: 0 0px 6px 0px rgba(64,64,64,.6);
      box-shadow: 0 0px 6px 0px rgba(64,64,64,.6);
      display: flex;
      flex-direction: column;
      justify-content: center;
      cursor: pointer;
   }

	.appPromptPayload .xbanner {
		position: absolute;
		top: 5px;
      left: 5px;
      width: 20px;
      height: 20px;
   }

   .appPromptPayload div{
      color: white !important;
      font-size: 24px;
   }

	.confirm-transfer {
		font-size: 1em;
		font-family: 'Roboto';
	}

	.forgotpassword_email {
		background-color: #d8d6d7 !important;
		color: #56565a !important;
		font-family: 'Roboto';
	}

	.cdlcopy {
		font-family: "Roboto";
		font-size: 0.9em;
	}

/*
 * LOGIN AND SIGN-UP
*/

	.bott {
		position: fixed;
		bottom: 0;
		width: 100%;
	}

	.bottmask {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 224px;
		/*background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
		background-image: url(/assets/images/slider-1-full-736x414.jpg);
		background-position: center top !important;
		background-attachment: scroll !important;
		background-size: auto 100%;*/
		background-color: #FFF;
		display: table;
	}

	.set-your-goal-content {
		width: 95%;
		text-align: left;
		overflow-x: hidden;
		padding-bottom: 120px;
	}

	.screencontent_row {
		white-space: nowrap;
		height: 90px;
		position: relative;
		display: block;
		padding-top: 20px;
	}

	.screencontent_row p {
		position: absolute;
		top: 0;
		left: 0;
	}

	.s_r1 p {
		top: -20px;
	}

	.s_r1 {
		margin-top: 14px;
	}

	.inputquestion {
		position: absolute;
		top: 15px;
		right: 4px;
		height: 100%;
		width: 30px;
		cursor: pointer;
		background: url(/assets/images/qm.png);
		background-size: 10px;
		background-repeat: no-repeat;
		background-color: transparent;
		z-index: 10;
		opacity: 0.8;
	}

	.formquestion {
		position: absolute;
		top: 0;
		right: -4px;
		height: 100%;
		width: 30px;
		margin-right: 10px;
		cursor: pointer;
		background: url(/assets/images/qm.png);
		background-size: 10px;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: 50% 50%;
		z-index: 10;
		opacity: 0.8;
	}

	.fieldErrorJS + .formelement{
		margin: 8px auto 20px auto;
	}

	.fieldErrorJS + .fieldErrorJS{
		margin-top: 4px !important;
	}

	.fieldErrorJS {
		margin: 20px 0 -6px 0;
		color: red;
		text-align: left;
		font-size: 13px;
	}

	.form_field {
		position: relative;
		z-index:0;
		font-size: 20px;
		font-family: 'Roboto', Helvetica, sans-serif;
		color: #56565A;
		min-height: 2em;
		background-color: #e6e6e6; /* Changed by SE from d8d6d7 to e6e6e6 on 11/9/2017 */ /* Changed by SE 7/5/17 from e5e5e6 to d8d6d7 */
		padding: 0em 0.25em 0 0.5em;
		margin-bottom: 0;
		border: 0;
		border-radius: 4px;
		width: 100%;
		max-width: 300px;
	}

	.form_field_wide {
		position: relative;
		z-index:0;
		font-size: 20px;
		font-family: 'Roboto', Helvetica, sans-serif;
		color: #56565A;
		min-height: 2em;
		background-color: #e6e6e6; /* Changed by SE from d8d6d7 to e6e6e6 on 11/9/2017 */ /* Changed by SE 7/5/17 from e5e5e6 to d8d6d7 */
		padding: 0em 0.25em 0 0.5em;
		margin-bottom: 0;
		border: 0;
		border-radius: 4px;
		width: 100%;
	}

	.dark_form_field {
		position: relative;
		z-index:0;
		font-size: 20px;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 400;
		min-height: 2em;
		background-color: #565656;
		padding: 0em 0.25em 0 0.5em;
		margin-bottom: 0;
		border: 0;
		width: 100%;
		max-width: 300px;
	}

	.field_currency::after {
		content: "$";
		position: absolute;
		left: 10px;
		line-height: 20px;
		font-size: 20px;
		color: #999;
		top: 50%;
		transform: translateY(-50%);
	}

	.field_lg_currency::after {
		content: "$";
		position: absolute;
		left: 10px;
		font-size: 24px;
		color: #999;
		top: 54%;
		transform: translateY(-50%);
	}

	.field_currency_small {
		float: right;
		position: relative;
		width: 120px;
	}

	.field_currency_small::before {
		content: "$";
		position: absolute;
		left: 10px;
		line-height: 20px;
		font-size: 20px;
		color: #999;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}

	.field_currency input, .field_lg_currency input, .field_currency_small input {
		padding-left: 26px;
	}

	.verification_table {
		width: 100%;
		margin: 10px 0 16px 0;
	}

	.fhint_city {
		white-space: nowrap;
	}

    .form_city { /* caution */
        width: 200px;
    }

    .form_state { /* caution */
		width: 96px;
        margin-left: 4px !important;
    }

    .form_field_error {
        border-color: red;
    }

    .form_field-message {
        margin: 0.37rem 0 0;
    }

    .form_field-message-informational {
        margin: 0;
        color: darkblue;
        text-align: left;
        background-color: #e5e5e6;
        padding: 4px 8px;
        font-size: 12px;
    }

    .form_field-message-error {
        margin: 0;
        color: red;
        text-align: left;
        background-color: #e5e5e6;
        padding: 4px 8px;
        font-size: 12px;
    }

    .form_field-min-error {
    	color: red;
		padding: 4px 8px;
		font-size: 12px;
    }

    .formelement_radioitem {
        position: relative; padding: 0.13rem 0;
    }

    .formelement_radioitem input[type=radio] {
        position: absolute; left: -999999px;
    }

    .formelement_radioitem input[type=radio] + label {
        padding-left: 3.125rem;
    }

    .formelement_radioitem input[type=radio] + label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 1.56rem;
        width: 1.25rem;
        height: 1.25rem;
        background-color: #fff;
        border-radius: 100%;
    }

    .formelement_radioitem input[type=radio]:checked + label:after {
        content: "";
        position: absolute;
        top: 0.25rem;
        left: 1.81rem;
        width: 0.75rem;
        height: 0.75rem;
        background-color: #A50000;
        border-radius: 100%;
    }

	.checkcheckdivA {
		display: inline-block;
		position: relative;
		margin: 28px 0 0 0;
		width: 28px;
		height: 28px;
		vertical-align: top;
	}

	.checkcheckdivB {
		position: relative;
		margin: 10px 0 0 20px;
		width: 75%;
		text-align: left;
		display: inline-block;
		margin-left: 20px;
		font-size: 15px;
		text-indent: -14px;
	}

	.up20 {
		margin-top: -20px
	}

	.radio_label_container, .radio_label_containerx {
        position: relative;
        margin: 10px 0 0 14px;
        text-align: left;
        display: inline-block;
        font-size: 11px;
        text-indent: -14px;
	}

	.radio_label_container_confirm_transfer {
		position: relative;
		margin: 0 0 0 14px;
		text-align: left;
		display: inline-block;
		font-size: 12px;
		width: 78%;
	}

	.radio_label_container_buildskills_quiz {
		position: relative;
		margin: 4px 0 10px 24px;
		text-align: left;
		display: inline-block;
		font-size: 16px;
		width: 200px;
	}

	.radio_label_container_upload_image {
		position: relative;
		margin: 2px 0 10px 12px;
		text-align: left;
		display: inline-block;
		font-size: 12px;
		width: 180px;
		white-space: initial;
	}

    /* Privacy Policy radio button */
	.radiocontainer_for_modal, .radiocontainer_for_modalx {
        display: inline-block;
        position: relative;
        margin: 1px 0 20px 0;
        width: 22px;
        height: 22px;
        vertical-align: top;
	}

	.radiocontainer_for_modal_inline {
        display: inline;
        position: relative;
        margin: 1px 0 20px 0;
        width: 22px;
        height: 22px;
        vertical-align: top;
	}

	.radiocontainer_for_manual {
		margin: 1px 0 20px;
		width: 22px;
		height: 22px;
		display: inline;
	}

	.radiocontainer_for_ofac label {
		margin-left: 10px;
	}

	.radio_div_breaksafe {
		display: inline-block;
		position: relative;
		margin: 12px 0 10px 0;
		width: 28px;
		height: 28px;
		vertical-align: top;
	}

	.radio_div_breaksafe_pseudolabel {
		margin: 10px 0 0 10px;
		max-width: 240px;
		display: inline-block;
		font-size: 13px;
		text-indent: -12px;
	}

	.radio_label_activation_form {
		position: relative;
		margin: 3px 0 0 40px;
		text-align: left;
		display: inline-block;
		font-size: 11px;
		text-indent: -1px;
		width: 85%;
	}

   .radio_label_manual_form,
   .radio_label_override_form {
		max-width: 255px;
		font-size: 13px;
		vertical-align: text-top;
		margin-left: 40px;
		font-weight: 300;
		letter-spacing: -0.4px;
	}

	.radio_label_ofac {
		margin: 5px 0 21px 0;
		display: inline-block;
		text-indent: 50px;
		font-size: 14px;
	}

	.radiocheck, .checkcheck, .wdcheckcheck, .checkcheckx {
		opacity: 0;
		height: 28px !important;
		width: 28px !important;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}

	.radiocheck + label, .checkcheck + label, .wdcheckcheck + label, .checkcheckx + label {
		background:url(/assets/images/btn_radio_blank.png) no-repeat;
		height: 28px;
		width: 28px;
		display:inline-block !important;
		padding: 0 0 0 0px;
		position: absolute;
		top:  0;
		left: 0;
		z-index: 1;
	}

	.checkcheck:checked + label, .radiocheck:checked + label, .checkcheckx:checked + label {
		background: url(/assets/images/greencheckcircle.png) no-repeat;
		background-size: 100%;
		height: 28px;
		width: 28px;
		display:inline-block !important;
		padding: 0 0 0 0px;
	}

	.wdcheckcheck:checked + label{
	    background: url(/assets/images/btn_radio_green.png) no-repeat;
	}

	.manual_terms_div {
		margin: 12px 0 0 0;
	}

	.filelist {
		display: none;
		margin: 12px 0 0 0;
	}

	.radio_div_breaksafe input, .radio_div_breaksafe label {
		pointer-events: none;
	}

/* ACTIVATION */

	.act_headline_class {
		dispay: none;
	}

	.act_title {
		font-size: 20px;
		text-align: center;
		font-weight: 300;
		margin: 30px 0 24px 0;
	}

	.act_pane_signup {
		display: none;
		background-color: rgba(0, 0, 0, 0);
		background-position: center -30px;
		background-repeat: repeat, repeat;
		background-attachment: scroll, scroll;
		background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/assets/images/guyphonebg.png");
		background-size: 120%;
		background-origin: padding-box, padding-box;
		background-clip: border-box, border-box;
		position: absolute;
		top: 57px;
		width: 100%;
		height: 100%;
		text-align: center !important;
	}

	@media (min-device-width: 600px) {
		.act_pane_signup {
			background-size: 100%;
			background-position: center -70px;
		}
	}

	.act_pane_signup p {
		font-size: 48px;
		font-weight: 300;
		color: #FFF;
		line-height: 84px;
		margin: 100px 0 40px;
	}

	.promo_code_class {
		font-size: 13px;
		text-align: center;
		margin: 20px 0 -5px 0;
		text-decoration: underline;
		cursor: pointer;
	}

	.see_save_enjoy {
		border-top: 1px solid #8bc53f;
		margin: 20px 0;
		padding: 0;
		text-align: center;
	}

	.see_save_enjoy p {
		font-size: 24px;
		margin: 12px;
		padding: 0;
		font-weight: 300;
	}

	.see_save_enjoy span {
		font-size: 16px;
		font-weight: 500;
		margin: 0 0 14px 0;
		padding: 0;
	}

	.act_flex_container {
		display: flex;
	}

	.act_flex {
		flex: 1;
	}

	.see_save_enjoy .act_flex_container {
		width: 320px;
		margin: 6px -10px;
	}

	.see_save_enjoy .act_flex_container .act_flex {
		padding-top: 20px;
	}

	.see_save_enjoy .act_flex_container .act_flex img {
		max-height: 50px;
	}

	.see_save_enjoy .act_flex_container .act_flex div {
		font-size: 12px;
		font-weight: 400;
	}

	.passviz {
		position: absolute;
		top: 50%;
		transform: translateY(-45%);
		right: 13px;
		z-index: 1;
		cursor: pointer;
	}

	.termsprivlink {
		color: #8bc53f;
		text-decoration: underline;
		cursor: pointer;
	}

	.sweepstakeslink {
		color: #8bc53f;
		text-decoration: underline;
		cursor: pointer;
	}
/* SSO CHECK */
	.see_save_enjoy_check {
		border-top: 1px solid #8bc53f;
		margin: 20px 0;
		padding: 0;
		text-align: center;
		width: 100vw;
	}

	.see_save_enjoy_check p {
		font-size: 24px;
		margin: auto;
		margin-top: 12px;
		padding: 0;
		font-weight: 300;
	}

	.see_save_enjoy_check span {
		display: block;
		font-size: 16px;
		font-weight: 500;
		margin: auto;
		margin-bottom:14px;
		padding: 0;
		width: 50%;
	}

/* SSO TOS */
	.prompt-text {
		display: flex;
		position: relative;
		width: 100%;
		height: 13vh;
		justify-content: space-between;
		flex-direction: column;
		margin-top: 1vh;
		margin-bottom: 2vh;
		text-align: center;
	}
/* BUTTONS */

	.btn {
		display: inline-block;
		position: relative;
		min-width: 115px;
		max-width: 300px;
		width: 100%;
		padding: 0.70rem 0.93rem;
		margin: 0; /* NEVER A MARGIN - use form_element container div */
		border:0;
		text-align: center;
		color: #FFF;
		font-size: 20px;
		/*text-transform: lowercase;*/
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 300;
		border-radius: 5px;
	}

	.btn_block {
		display: block;
		background-color: #888;
		width: 100%;
		margin:0 !important;
	}

	.btn_textlink,
	.btn_textlink:visited {
		font-family: 'Roboto', Helvetica, sans-serif !important;
		background: none;
		font-size:15px;
		color: #565656;
		display: inline;
		border: 0;
		padding: 0;
		margin: 0;
	}

	.btn_shadow {
		-webkit-box-shadow: inset 0px 0px 6px 1px rgba(64,64,64,1);
		-moz-box-shadow: inset 0px 0px 6px 1px rgba(64,64,64,1);
		box-shadow: inset 0px 0px 6px 1px rgba(64,64,64,1);
		border: 0;
		/*text-transform: lowercase;*/
	}

	.btn_fb {
		width: 100%;
		max-width: 300px;
		background-color: #3b5998;
		background-image: url(/assets/images/fb.png);
		background-repeat: no-repeat;
		background-position: 8% center;
		padding: 0.8rem 1rem 2rem 2rem;
		font-size: 16px;
		font-family: 'Roboto', Helvetica, sans-serif;
		border: 0;
		height: 2.6em;
		white-space: nowrap;
	}

	.btn_fb:hover {
		cursor: pointer;
	}

	.btn_close {
		text-decoration: none !important;
		/*text-transform: lowercase;*/
		font-family: 'Roboto', Helvetica, sans-serif !important;
		font-size: 1.2em;
		padding-left: 30px;
		position: absolute;
		top: 1em;
		right: 1.5em;
		left: auto;
		color: #565656 !important;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(/assets/images/btn_close_gray-20.png);
	}

	.btn_space {
		margin-top: 10px !important;
	}

	.btn_img_right {
		pointer-events: none;
		position: absolute;
		right: 10px;
		top: 50%;
		width: 20px;
		height: 20px;
		background-image: url(/assets/images/whitearrow.png);
		background-repeat: no-repeat;
		background-position: 85% center;
		background-size: 12px 18px;
		margin: auto 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.btn_img_left {
		pointer-events: none;
		position: absolute;
		left: 10px;
		top: 12px;
		width: 20px;
		height: 20px;
		background-image: url(/assets/images/whitearrow.png);
		background-repeat: no-repeat;
		background-position: 85% center;
		background-size: 12px 18px;
		margin: auto 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.fhint_passcode, .fhint_email, .fhint_password, .fhint_firstname, .fhint_lastname, .fhint_addr1, .fhint_addr2, .fhint_city, .fhint_phone, .fhint_birthdate {
		position: relative;
	}

	.hintboxer {
		position:absolute;
		display:inline-block;
		color: #FFF;
		font-size: 13px;
		letter-spacing: -0.2px;
		padding: 0 16px 16px 16px;
		top:30px;
		left:0;
		width:100%;
		max-width: 360px;
		background-color:#56565a;
		border:1px solid #56565a;
		-webkit-transition: display 1s; /* Safari */
    	transition: display 1s;
		z-index: 999999; /* banner / headline is 100 */
	}

	.initial_next_microdeposits, .initial_next_startgoal, .initial_next_link, .initial_next_create {
		text-align: center;
	}

	.initial_next_microdeposits, .initial_next_startgoal {
		display: none;
	}

	.inl_label_arrow, .inc_label_arrow {
		display: none;
		width: 20px;
		margin-left: 12px;
		vertical-align: middle;
		cursor: pointer;
	}

	.inm_label, .ins_label, .inl_label, .inc_label {
		display: inline-block;
		font-weight: 400;
		font-size: 17px;
		margin: 12px 0 10px;
	}

	.inm_label {
		color: #f38e21;
	}

	.ins_label {
		color: #64ac3c;
	}

	.inl_label {
		color: #29abe2;
	}

	.inc_label {
		color: #8bc53f;
	}

	.inm_text, .ins_text, .inl_text, .inc_text {
		margin-bottom: 20px;
		font-size: 14px;
	}

	.inl_text, .inc_text {
		display: none;
	}



   /* address autocomplete section */

   .p_google, .as_p_google {
      position: absolute;
      background-color: #fff;
      z-index: 11;
      width: 100%;
   }
   
   .p_google_open {
      box-shadow: 2px 4px 2px 2px rgba(34,31,31,0.3), -2px 4px 2px 2px rgba(34,31,31,0.3);
      -webkit-box-shadow: 2px 4px 2px 2px var(--drop-black), -2px 4px 2px 2px var(--drop-black);
      -moz-box-shadow: 2px 4px 2px 2px var(--drop-black), -2px 4px 2px 2px var(--drop-black);
      box-shadow: 2px 4px 2px 2px var(--drop-black), -2px 4px 2px 2px var(--drop-black);
   }
   
   .address_result {
      padding: 5px 10px;
      padding: 5px;
      font-size: 14px;
   }
   
   .address_result:first-of-type {
      margin-top:10px;
   }
   
   .address_result:hover, .address_result:focus {
      background-color: #00ADEE;
      background-color: rgba(0,173,238, .32)
   }


	.file_oversized .attached_file_div_button {
		background-color: #ffb6b6;
	}

	.using_title {
		font-size: 20px;
		text-align: center;
		font-weight: 300;
		margin: 10px 0 30px 0;
	}

	.leftalignimage {
		font-size: 17px;
		text-align: center;
		height: 34px;
		margin: 0 0 10px 0;
	}

	.leftalignimage img {
		vertical-align: middle;
		margin: -6px 10px 0 0;
	}

	.using_txt {
		font-size: 16px;
		text-align: center;
		margin: 0 0 30px 0;
	}

    /* -- complete -- */

    .center_blue_title {
    	text-align: center;
		color: #00ADEE;
		font-size: 18px;
		margin: -24px 0 16px 0;
    }

	.cs_div_cmplt {
		width: 100%;
		text-align: center;
		display: inline-block;
		padding: 10px 0;
		/* background: #7fbc41;
	    background: -moz-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #8dc63f), color-stop(100%, #64a043));
	    background: -webkit-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -o-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -ms-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: linear-gradient(to bottom, #8dc63f 0%, #64a043 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#64a043', GradientType=0 );

		color: #7fbc41;

		border-top: 1px solid #7fbc41;
		border-bottom: 1px solid #7fbc41;

		font-weight: 300;
		font-size: 18px;
		/* margin: 10px 0 0 0; */
	}

	.cs_cmplt_li_button {
		position: relative;
		z-index: 0;
		background-repeat: no-repeat;
		text-align: left;
		font-size: 14px;
		border-bottom: 2px solid #FFF;
		padding: 1.6rem 0 1.2rem 68px;
		width: 100%;
		border-bottom: 1px solid #CCC;
	}

	.cont_fine_print {
		font-size: 10px;
		margin: -10px 0 0 10px;
	}

	.cmplt_desc_text {
		width: 90%;
		margin: 0 auto 10px;
	}

	.cmplt_panda {
		display: block;
		width: 50px;
		vertical-align: text-bottom;
		/* margin: 30px 10px 0 0; */


		position: fixed;
		width: 56px;
		margin: 16px 10px 0px 0px;
      right: 0px;
		top: 238px;
		z-index: 97;
	}

	.cmplt_panda img {
		transform: rotatez(-45deg);
		left: 0;
		z-index: 1000;
		width: 56px;
		right: 4px;
	}

	.cmplt_verts {
		position: relative;
		white-space: nowrap;
		font-family: "Roboto";
      font-weight: 200;
		font-size: 4em;
      display: flex;
      flex-direction: row;
      min-height: 80px;
   }
   
   .cmplt_flex {
      display:flex;
      justify-content: center;
      min-width: calc( (50% - 90px) * 2);
      max-width: calc( (100% - 90px));
      text-align: center;
      font-weight: inherit;
   }

   .cmplt_total {
      font-weight: 200;
      align-self: center;
   }   

	.cmplt_item {
		display: inline-block;
		width: 100px;
		float: right;
		margin: -10px 0 0 0;
	}

	.cmplt_item img {
		border-radius: 100%;
		border: 8px solid #7fbc41;
	}

   .hmdollar {
		display: inline-block;
		font-size: 16px;
		font-family: Roboto;
		font-weight: 300;
		vertical-align: top;
		margin-top: 10px;
	}

	.cmplt_panda_text {
		font-size: 1rem;
		color: #565656;
		font-family: Roboto;
		font-weight: 400;
		padding: 15px 0 0 0;
	}

	.js__wd_and_startnew {
		background-size: 42px;
		background-position: 10px center;
		background-image: url(/assets/images/goalcompletewithdraw.png);
	}

	.js__extend {
		background-size: 42px;
		background-position: 10px center;
		background-image: url(/assets/images/uxN.png);
	}

   .js__decide_later {
		background-size: 42px;
		background-position: 10px center;
        background-image: url(/assets/images/icon_clock.png);
   }

	.cng_panda {
		width: 70%;
	}

	.cng_panda_txt {
		width: 300px;
		margin: 30px auto;
		position: absolute;
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
	}


/*
 *  using plinqit screen
*/

	.using-plinqit {
		color: #565656;
	}

/*
 *  set your goal screen
*/

	.form_setgoal_margin {
		display: inline-block !important;
		width: 100%;
		margin-top: 16px;
	}

	.setgoal_topform {
		position: relative;
		text-align: left;
		width: 95%;
		display: block;
		max-width: 580px;
		margin: 0 auto;
		height: 85px;
	}

	.setgoal_top_amounts {
		position: relative;
		text-align: left;
		width: 100%;
		display: inline-block;
		max-width: 580px;
		margin: 0 auto;
		/* height: 76px; */
	}

	.setgoal_topform_l {
		left: 0;
		bottom: 0;
		width: 50%;
		position: absolute;
		margin-left: .5vw;
	}

	.setgoal_topform_r {
		right: 0;
		width: 50%;
		position: absolute;
		text-align: right;
		bottom: 0;
		white-space: nowrap;
		padding: 0 2px 0 0;
		margin-right: .5vw;
	}

	.timeamount {
		display: inline-block;
		position: relative;
		width: 48%;
		font-size: 15px;
		margin: 0 0 0 0;
		cursor: pointer;
		text-align: center;
		height: 42px;
	}

	.timeamount_time {
		padding: 11px 0 11px 26px;
		width: 47%;
	}

	.timeamount_amount {
		padding: 11px 0 11px 20px;
		width: 52%;
	}

	.timeamount_time img {
		position: absolute;
		top: 50%;
		width: 22px;
		transform: translateY(-50%);
		left: 9px;
	}

	.timeamount_amount img {
		position: absolute;
		top: 50%;
		width: 18px;
		transform: translateY(-50%);
		left: 5px;
	}

	.by_amount {
		text-align: left;
	}

	.by_time {
		padding: 0 10px 0 0;
		text-align: left;
	}

	.cont_amt {
		font-size: 22px;
		color: #7fbc41;
      bottom: unset;
      right: unset;
      position: relative;
      align-self: flex-end;
      
	}

	.sm_gray {
		font-size: 13px;
		margin: 2px;
	}

	.build_skills_coming_soon {
		position: absolute;
		bottom: -20px;
		color: #7fbc41;
		white-space: nowrap;
		left: 50%;
		transform: translateX(-50%);
	}

	.y-ish {
		opacity: 0;
		position: fixed;
		width: 50px;
		height: 30px;
		right: 0;
		z-index: 99999;
		cursor: pointer;
		border-top-right-radius: 0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 0;
	}

	.y-more {
		bottom: 138px;
		background: rgba(70,70,70,0.59) url('/assets/images/down_transparent.png');
		background-size: 50px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.y-less {
		top: 132px;
		background: rgba(70,70,70,0.59) url('/assets/images/up_transparent.png');
		background-size: 50px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.doinggreat {
		position: absolute;
		width: 160px;
		height: 150px;
		top: 58px;
		right: 52px;
		z-index: 9999;
		transform: rotateZ(-18deg);
		background: url('/assets/images/bubble3.png');
		background-size: 150px;
		background-repeat: no-repeat;
		background-position: right bottom;
		transition-duration: 350ms;
		transition-property: display;
		transition-timing-function: ease-in-out;
		opacity: 0.9;
		display: none;
	}

	.nobottommaring {
		margin-bottom: 0 !important;
	}

	.fineprintinputform {
		font-size: 12px;
		margin: 12px 0 0 0;
	}

	.fineprintinitial {
		font-size: 12px;
		margin: -28px 0 10px 0;
	}

	.doinggreat span {
		position: absolute;
		top: 30px;
		text-align: center;
		left: 50%;
		transform: rotateZ(-5deg) translateX(-50%);
		font-family: Times;
		font-size: 18px;
		line-height: 18px;
		width: 140px;
	}

	.pinky_pie {
		background-color: #ffdada !important;
	}

	.startdate_div {
      position: relative;
   }
   
   .startdate_div_label {
      display: flex;
      flex-direction: column;
      /* width: 90%; */
   }

	.gf_startdate_div, .gf_newgoalamt_div, .gf_goalamount_div, .gf_totalgoalamt_div {
		display: inline-block;
		position: relative;
		border: 0;
		margin-top: 10px;
	}

	.gf_startdate_div, .gf_newgoalamt_div {
		width: 50%;
	}

	.gf_goalamount_div, .gf_totalgoalamt_div {
		width: 48%;
	}

	.js__startdatehelper, .js__newgoalamthelper {
		top: 17px;
		right: 4%;
	}

	.gf_startdate_input {
		width: 90%;
		overflow: auto;
		line-height: 42px;
	}

	.gf_startdate_input {
		font-size: 18px;
	}

	.gf_startdate_input {
		background-color: #d8d6d7 !important;
		height: 42px !important;
		padding-left: 12px;
	}

	.goal_radio_buttons input[type=radio] {
		display: none;
	}

	.goal_radio_buttons input[type=radio] + label {
		white-space: nowrap;
		display: inline-block;
		margin-left: -1px;
		font-size: 15px;
		line-height: 32px;
		color: #333;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #d8d6d7;
		transition-duration: 100ms;
		transition-property: background-color;
	}

	.goal_radio_buttons input[type=radio]:checked + label {
		background-image: none;
		outline: 0;
		border: 0;
		color: #FFF;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: 0;
	}

	.gf_frequency input[type=radio]:checked + label {
		color: #FFF !important;
	    background: #f38e21;
	    background: -moz-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6921e), color-stop(100%, #df7811));
	    background: -webkit-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: -o-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: -ms-linear-gradient(top, #f6921e 0%, #df7811 100%);
	    background: linear-gradient(to bottom, #f6921e 0%, #df7811 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6921e', endColorstr='#df7811', GradientType=0 );
	}

	.gf_duration input[type=radio]:checked + label {
		color: #FFF !important;
	    background: rgba(0,175,238,1);
	    background: -moz-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #29abe2), color-stop(100%, #1687c8));
	    background: -webkit-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: -o-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: -ms-linear-gradient(top, #29abe2 0%, #1687c8 100%);
	    background: linear-gradient(to bottom, #29abe2 0%, #1687c8 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#1687c8', GradientType=0 );
	}

	.gf_increment input[type=radio]:checked + label {
		color: #FFF !important;
	    background: #8bc53f;
	    background: -moz-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #8dc63f), color-stop(100%, #64a043));
	    background: -webkit-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -o-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -ms-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: linear-gradient(to bottom, #8dc63f 0%, #64a043 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#64a043', GradientType=0 );
	}

	.gf_frequency input[type=radio] + label {
		padding: 7px 10px;
		overflow: hidden;
	}

	.gf_duration input[type=radio] + label {
		padding: 7px 10px;
		width: 20%;
		overflow: hidden;
	}

	.gf_increment input[type=radio] + label {
		padding: 7px 19px;
		width: 20%;
		overflow: hidden;
	}

	.gf_edit_increment input[type=radio] + label {
		padding: 5px 17px;
	}

	.gf_edit_increment input[type=radio]:checked + label {
		background-color: #7fbc41;
	}

	.gf_edit_duration input[type=radio] + label {
		padding: 5px 0px;
	}

	.gf_edit_duration input[type=radio]:checked + label {
		background-color: #29abe2;
	}

	.gfd_1 {
		width: 23%;
	}
	.gfd_2 {
		width: 25%;
	}
	.gfd_3 {
		width: 26%;
	}
	.gfd_4 {
		width: 26%;
	}

	#gf_custom_duration_label {
		padding: 7px 11px;
	}

	IMG.gf_custom {
		max-height: 24px;
		vertical-align: text-bottom;
	}

	#gf_months_select {
		padding-top: 10px;
	}

	.frequencylabel {
		margin-top: 1.2em;
	}

	#gf_custom_increment + label {
		padding: 7px 0;
	}

	.new_inc_div {
		width: 100%;
		margin: 10px 0 0 2px;
		white-space: nowrap;
	}

	.new_inc_div label {
		width: 20%;
	}

	.byamount_amount_noinput, .byedit_amount_noinput {
		margin: 0;
		letter-spacing: 0.2px;
	}

	.byamount_total_noinput, .byedit_total_noinput {
		color: #565656 !important;
	}

	.byamount_goalamount_div {
		background-color: #56565A;
		margin: 10px 0 0 0;
		height: 46px;
      margin-right: .4vw;
      display: flex;
   }

	.byamount_goaltotal_div {
		background-color: #BBB;
		margin: 10px 0 0 0;
      height: 46px;
      display: flex;
      margin-right: .4vw;
   }

	.byamount_goalamount_div .byamount_left, .byedit_left {
		color: #D8D6D7;
	}

	.byamount_left, .byamount_left_white {
		display: inline-block;
		width: 50%;
		padding: 0 0 0 5%;
		position: relative;
		height: 100%;
		vertical-align: text-top;
	}

	.bytime_left {
		width: 58%;
		padding: 0 0 0 5%;
		position: relative;
	}

	.byamount_left p, .byamount_left_white p, .bytime_left p {
		top: 50%;
      position: absolute;
      -webkit-transform: translateY(-55%);
		transform: translateY(-55%);
	}

	.byamount_left p, .bytime_left p {
		color: #D8D6D7;
	}

  .bggreen .byamount_left p, .bggreen .bytime_left p, .bggreen .byamount_right span, .bggreen .bytime_right span {
    color: white !important;
  }

	.byamount_goaltotal_div .bytime_left p, .byamount_goaltotal_div .byamount_left p {
		color: #565656;
	}

	.byamount_div {
		width: 100%;
		margin: 10px 0 0 0;
		position: relative;
	}

	.byamount_right {
		display: inline-block;
		position: relative;
		height: 100%;
		width: 48%;
		white-space: nowrap;
		vertical-align: bottom;
	}

	.bytime_right {
		display: inline-block;
		position: relative;
		height: 100%;
		width: 40%;
		white-space: nowrap;
		vertical-align: bottom;
	}

	.byamount_right input {
		background-color: #CCC;
		height: 38px;
		padding: 0 0 0 10px;
      margin: 4px 0 0 0;
	}

	.byamount_right span, .bytime_right span {
		color: #CCC;
		font-size: 24px;
		font-weight: 300;
		position: absolute;
		left: -20px;
		top: 6px;
	}

	.byedit_right_selector {
		display: inline-block;
		position: relative;
		width: 48%;
		height: 30px;
		vertical-align: middle;
		text-align: left;
		text-indent: -20px;
	}

	.byamount_amount_text, .byedit_amount_text {
		width: 91%;
		font-size: 24px;
		font-weight: 300;
		letter-spacing: 0.2px;
	}

	.byamount_amount_cdate {
		font-size: 22px;
		font-weight: 300;
	}

	.byamount_goalamount_div .byamount_right, .byamount_goalamount_div .bytime_right {
		position: relative;
	}

	.total_amt_definition {
		font-size: 11px;
		margin: 12px 0 -8px 19px;
	}

	.white_wide_bar {
		width: 100%;
		margin: 10px 0 0 0;
		position: relative;
		text-align: left;
		height: 60px;
	}

	.gray_wide_bar {
		background-color: #56565A;
		color: #D8D6D7;
		margin: 10px 0 0 0;
		height: 46px;
		position: relative;
		text-align: left;
	}

	.gray_wide_bar_left {
		text-align: left;
		display: inline-block;
		width: 50%;
		padding: 0 0 0 20px;
		height: 100%;
		position: relative;
	}

	.gray_wide_bar div, .white_wide_bar div {
		vertical-align: top;
	}

	.white_wide_bar_left {
		text-align: left;
		display: inline-block;
		width: 50%;
		padding: 0 0 0 20px;
		height: 100%;
		position: relative;
	}

	.gray_wide_bar_left p {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: #D8D6D7;
	}

	.white_wide_bar_left p {
		position: absolute;
		left: 20px;
		top: 30%;
		transform: translateY(-50%);
	}

	.gray_wide_bar_right, .white_wide_bar_right {
		display: inline-block;
		position: relative;
		height: 100%;
		width: 48%;
		white-space: nowrap;
	}

	.white_wide_bar_right span {
		font-size: 18px;
		font-weight: 400;
		position: absolute;
		left: -10px;
		top: 10px;
	}

	.gray_wide_bar_right input {
		background-color: #CCC;
		height: 38px;
		padding: 0 0 0 10px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.select_frequency {
	}

	.select_day {
	}

	.select_head {
		height: 36px;
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		cursor: pointer;
		padding: 8px 0 0 12px;
		color: #FFF;
		font-weight: 400;
	}

	.select_head::after {
		content: ' ';
		position: absolute;
		pointer-events: none;
		top: 10px;
		right: 26px;
		width: 26px;
		height: 26px;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 16px;
		/* background-image: url(/assets/images/svg_arrow_up_white.svg); */
		fill: #FFF;
	}

	.select_head_down::after {
		background-image: url(/assets/images/svg_arrow_down_white.svg);
	}

	.select_head_up::after {
		background-image: url(/assets/images/svg_arrow_up_white.svg);
	}

	.select_head span {
		color: #FFF;
		font-size: 16px;
		left: 12px;
		padding-top: 2px;
	}

	.select_contents_ul {
		display: none;
		position: absolute;
		top: 36px;
		left: 0;
		width: 100%;
		background-color: #888;
		padding: 0;
		z-index: 10000;
		cursor: pointer;
		max-height: 189px;
		overflow-y: auto;
   }
   
   .select_day .select_contents_ul {
      z-index: 9999;
   }

	.select_click_val {
		color: #FFF;
		margin: 0;
		font-weight: 300;
		width: 100%;
		padding: 8px 0 8px 12px;
		border-top: 1px solid #AAA;
		border-bottom: 1px solid #666;
		text-align: left;
		font-size: initial;
	}

	.select_click_val:first-child {
		border-top: none;
	}

	.select_click_val:hover {
		background-color: #777;
	}

	.recc_amt {
		font-size: 28px;
		color: #8bc53f;
	}

	.inputquestion_increment, .inputquestion_cdate {
		right: 4px;
	}

	.edit_goal_top_p {
		font-size: 15px;
		margin: 22px auto;
		border-bottom: 1px solid #aaa;
		padding: 0 5% 18px;
	}

	.edit_goal_top_q {
		margin: 2px 0;
		text-align: center;
		padding: 16px;
		font-size: 14px;
	}

	.edit_goal_top_r {
		margin: 2px 0;
		text-align: center;
		padding: 16px 18px;
		font-size: 15px;
	}

	.edit_goal_top_container {
		text-align: left;
		max-width: 380px;
		margin: 0 auto;
	}

	.egtc_amount {
		width: 65%;
		display: inline-block;
		vertical-align: top;
		padding: 14px 0 0 14px;
	}

	.egtc_icon {
		width: 24%;
		display: inline-block;
	}

	.egtc_image_img {
		border-radius: 100%;
		border: 4px solid #8bc53f;
	}

	.egtc_label {
		text-align: center;
		margin: 0 0 10px 0;
		font-size: 17px;
		font-weight: 500;
	}

	.egtc_edit {
		width: 8%;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		margin: 22px 0 0 -6px;
	}

	.egtc_edit img {
		max-width: 22px;
		max-height: 22px;
   }

   /* Edit Goal */

   .edit-goal-pane {
      min-width: 320px;
      margin: 0 auto;
      max-width: 540px;
   }

   .can_edit {
      cursor: pointer;
   }

   .edit-goal-header {
      border-bottom:solid 1px #aaabad;
      padding: 10px;
      word-wrap: break-word;
   }

   .edit-goal-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
   }

   .pg_class_left .edit-goal-row {
      border-bottom: solid 1px #aaabad;
      padding: 0 10px;
   }

   .pg_class_right .edit-goal-row {
      justify-content: flex-start;
   }

   .pg_class_right .edit-goal-row__value {
      flex-grow: 2;
      margin: 0 auto;
   }

   .pg_class_right .edit-goal-row div {
      padding: 0 10px;
   }

   .edit-goal-row--name-and-image {
      height: 100px;
      position: relative;
   }

   .edit-goal-row--name-and-image .edit-goal__nai-header {
      position:absolute;
      top:10px;
      font-size:14px;
   }

   .edit-goal-row--name-and-image .edit-goal-row__value{
      height: 75px;
      width: 75px;
   }

   .edit-goal-row--amount {
      background-color: #56565a;
      color: #e6e6e6;
      height: 50px;
   }

   .edit-goal-row__value--amount-edit {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      margin-right: 20px;
      flex-grow: 2;
      max-width: 230px;
   }

   .edit-goal-row__value--amount-edit input {
      width: 100%;
      height: 40px;
      min-height: unset;
      /* font-size: 25px; */
      margin-right: 10px;
      text-align: right;
      font-size: 30px;
   }

   .edit-goal-row--edit {
      background-color: #56565a;
      color: #e6e6e6;
   }

   .edit-goal-row__label {
      width: 40%;
      text-align: left;
      color: inherit;
      font-size: 14px;
   }

   .edit-goal-row__label--label {
      padding-left: 15px;
      font-size: 19px;
      width: 125%;
      word-break: break-all;
      margin-top: 25px;
      max-height: 70px;
      overflow: hidden;
   }

   .edit-goal-row__value {
      width: 50%;
      color: inherit;
      font-size: 18px;
      /* text-transform: capitalize; */
   }

   .edit-goal-row__value--amount {
      font-size: 30px;
      transform: translateX(-8px);
   }

   .edit-goal-row__value--green {
      color: #87c13f;
      font-size: 28px;
   }

   .edit-goal-row__value--blue {
      color: #00adee;
   }

   .edit-goal-row__value--orange {
      color: #f6921e;
   }

   .edit-goal-row__value--duration {
      font-size: 18px;
   }

   .edit-goal-row__value--enddate {
      font-size :12px;
   }

   .edit-goal__icon {
      width:20px;height:20px
   }

   .edit-goal__subtext {
      font-size: 8px;
      text-transform: initial;
      width:200%;
      transform: translateX(-25%);
   }

   .edit-goal__dropdown {
      text-align: left;
      max-width: 175px;
   }

   .edit-goal__completion-date-edit {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .edit-goal__completion-date-edit input {
      width: 144px;
      height: 33.8px;
      min-height: unset;
      font-size: 14px;
   }

   .edit-goal__completion-date-edit div {
      cursor: pointer;
      position: absolute;
      z-index: 101;
      height: 28px;
      transform: translateX(90%);
      left:unset;
      top:unset;
   }

   .edit-goal-row__label--completion-date {
      padding: 0;
      width: 200%;
      color: inherit;
   }

   .pg_class_right .select_head span {
      line-height: 36px;
   }

	.green_current {
		font-size: 60px;
		font-weight: 200;
		color: #8bc53f;
		margin: 0 0 0 12px;
	}

	.green_current sup {
		color: #8bc53f;
		font-size: 26px;
	}

	.pencil_icon {
		position: absolute;
		width: 22px;
		height: 22px;
		top: 10px;
		right: 10px;
		background-image: url(/assets/images/icon_pencil.png);
		background-repeat: no-repeat;
		background-size: 22px;
		cursor: pointer;
	}

	.newpass_instruct {
	}

	.pwreset_div {
		text-align: left;
		margin: 1.6rem auto 2rem;
		max-width: 300px;
	}

	.pwreset_div ol {
		margin: 1em 0 2em 2em;
		list-style: number;
		list-style-position: inside;
	}

	.pwreset_div ol li {
		font-size: 14px;
	}

	.text_left {
		text-align: left;
	}

	.left_goal_freq {
		color: #f38e21 !important;
		text-transform: capitalize;
	}

	.left_goal_day {
		color: #29abe2 !important;
	}

	.left_goal_dep {
		color: #8bc53f !important;
	}

	.left_goal_dep_edit {
		color: #8bc53f;
		font-size: 30px !important;
		position: absolute;
		left: -10px;
	}

	.left_goal_right {
		color: #999 !important;
	}

	.left_goal_amount_edit {
		color: #CCC;
		font-size: 30px;
		font-weight: 300;
		position: absolute;
		top: 5px;
		left: -30px;
	}

	.dontseeedit {
		margin: 20px;
		font-size: 15px;
		border-top: 1px solid #888;
		padding-top: 10px;
		cursor: pointer;
	}

	.smallseeedit {
		cursor: pointer;
		padding-top: 6px;
	}

	.top_p_left {
		display: inline-block;
		width: 65%;
		vertical-align: top;
	}

	.top_p_right {
		display: inline-block;
		width: 33%;
		text-align: center;
	}

	.top_p_icon .egtc_image {
		width: 80%;
		margin: 0 auto;
	}

	.edit_explain {
		font-size: 11px;
		white-space: nowrap;
	}

	.tpl_a {
		font-size: 26px;
		font-weight: 300;
	}

	.tpl_b {
		font-size: 58px;
		font-weight: 200;
	}

	.tpl_b sup {
		font-size: 24px;
		font-weight: 200;
	}

	.tpl_c {
		font-size: 10px;
		white-space: nowrap;
	}

	.pg_class_right .edit_goal_top_p {
		margin: 22px 16px 12px 16px;
		border-bottom: 1px solid #999;
		padding-bottom: 12px;
	}

	.pg_class_right .edit_goal_top_p:last-child {
		border-bottom: 0;
	}

	.radio_sup {
		margin: 16px 0 -6px 0;
	}

	.full_width {
		width: 100%;
	}

	.expired_details, .missed_tx_details {
		text-decoration: underline;
	}

	.fineprint_deposit {
		font-size: 10px;
		position: absolute;
		top: 40px;
		left: -25%;
	}

	.existing_otd_div {
		text-align: center;
		position: relative;
		padding: 12px 0;
		font-size: 15px;
		font-weight: 300;
	}

	.existing_otd_div span {
		font-size: 18px;
		font-weight: 500;
	}

	.existing_otd_div img {
		position: absolute;
		top: 50%;
		right: 12px;
		transform: translateY(-50%);
		cursor: pointer;
	}

	.loading_otd_div {
		margin-top: 170px;
		width: 200px;
		border: 1px dashed #CCC;
		border-radius: 8px;
		padding: 3px;
		color: #bbb;
	}

	.otd_selector_div {
		width: 90%;
		margin: 20px auto 0;
		max-width: 400px;
		font-weight: 300;
	}

	.otd_row {
		width: 100%;
		margin: 6px 0 20px 0;
		white-space: nowrap;
		vertical-align: top;
		border: 2px solid #8bc53f;
		padding: 10px;
		box-shadow: 1px 2px 6px #ccc;
	}

	.otd_columnA, .otd_columnC {
		font-style: italic;
		font-size: 11px;
		text-align: center;
		vertical-align: inherit;
		padding: 6px 0 0 0;
		cursor: pointer;
	}

	.otd_columnA {
		display: inline-block;
		width: 16%;
	}

	.otd_columnB {
		display: inline-block;
		width: 68%;
	}

	.otd_columnC {
		display: inline-block;
		width: 16%;
	}

	.icon_new_small {
		position: absolute;
		top: 4px;
		width: 22px !important;
		left: 50%;
	}

	.otd_cell_amount {
		display: inline-block;
		color: #8bc53f;
		font-size: 22px;
		margin-right: 6px;
		vertical-align: top;
	}

	.otd_cell_memo {
		display: inline-block;
		color: #888;
		font-size: 13px;
		font-style: italic;
		font-weight: 300;
		width: 60%;
		vertical-align: text-bottom;
		white-space: break-spaces;
		max-height: 45px;
		overflow-y: hidden;
		line-height: 15px;
	}

	.otd_cell_date {
		display: inline-block;
		font-size: 13px;
		font-weight: 300;
	}

	.picker_bott {
		font-size: 13px;
		margin: 0 0 10px 0;
	}

	.monodatefont, .regdatefont {
		color: #FFF;
		font-size: 20px;
		font-weight: 300;
	}

	.nvw5010 {
		left: -50%;
		transform: translateX(10%);
	}

	@media (min-device-width: 420px) {
	  .nvw5010 {
		  left: -25%;
		  transform: translateX(0%);
		}
	}

	.dont_see {
		font-size: 12px;
	}

	.vertspace {
		margin-top: 52px !important;
	}

	.vertspacefirst {
		margin-top: 26px !important;
	}

	.frequency_selector_scoot, .weekday_selector_scoot {
		position: absolute;
		right: 10px;
		top: 5px;
	}

	.weekday_selector_scoot span {
		margin: -2px 0 0 6px;
	}

	.frequency_selector_scoot span {
		margin: -4px 0 0 6px;
	}

	.weekday_selector_scoot li, .frequency_selector_scoot li {
		text-indent: 6px;
	}

	.dub_doll {
		color: #CCC;
		font-size: 30px;
		font-weight: 300;
		top: 4px;
		position: absolute;
		left: -20px;
	}

	.edit_enddate_months {
		position: absolute;
		color: #CCC;
		left: 90px;
		top: 50%;
		transform: translateY(-50%);
	}

	/* transaction deposit */

	.tr_deposit {
		padding: 0 12px;
		max-width: 450px;
		margin: 0 auto;
   }

	.tr_deposit p {
		font-size: 12px;
	}

	.tr_deposit_head {
		margin: 26px 0;
		font-size: 15px;
		text-align: center;
		font-weight: 300;
   }
   
   .tr_deposit_date {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
   }

   .tr_deposit_date > div {
      width: 45%;
   }

   .tr_deposit_amount, .tr_deposit_memo {
      margin-top: 20px;
   }

   .tr_deposit_amount label {
   	font-size: 14px;
		display: block;
		padding: 10px 0;
   }

   .tr_deposit_memo > label {
      margin-bottom: 10px;
      font-size: 14px;
   }

   .tr_deposit_amount_buttons {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
   }

   .tr_char_remaining_container {
      display :flex;
      justify-content: space-between;
      height: 0;
      flex-direction: row-reverse;
   }

   .tr_char_remaining, .tr_memo_over_warning {
      font-size: 14px;
   }

   .tr_label {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }

   .deposit_value {
      height: 40px;
      width: 18%;
      flex-grow: 1;
      margin: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #e6e6e6;
      cursor: pointer;
      border-radius: 5px;
		font-size: 14px;
   }

   .custom_deposit_value {
      color: inherit;
   }

   .tr_deposit_custom_img {
      height: 50%;
      width: auto;
   }

	.tr_deposit_left {
		display: inline-block;
		width: 55%;
		vertical-align: middle;
	}

	.tr_deposit_right {
		display: inline-block;
		width: 42%;
		vertical-align: middle;
	}

	.tr_deposit_putmore {
		font-size: 15px;
		text-align: left;
		margin: 0 0 4px 0;
	}

	.tr_deposit_goal {
		font-size: 18px !important;
		text-align: center;
      word-wrap: break-word;
      color:  #8bc53f;
      text-decoration: underline;
      margin-bottom: 5px;
	}

	.tr_deposit_img {
		border-radius: 100%;
		border: 6px solid #8bc53f;
		max-width: 112px;
	}

	.tr_input_depositdate {
		z-index: 0;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-size: 15px !important;
		letter-spacing: 1px;
		color: #56565A;
		height: 46px;
		background-color: #e6e6e6;
		padding: 0 0.25em 0 0.5em;
		margin-bottom: 0;
		border: 0;
		width: 148px;
		margin: 8px 0 0 0;
		height: 40px;
	}

	.tr_input_depositamount {
		margin-top: 5px;
		height: 46px;
		font-size: 24px;
	}

	.formelement_tr_depositamount, .formelement_tr_depositdate {
		position: relative;
		display: inline-block;
		/* margin: 5px 0 26px 0; */
	}

	.formelement_tr_btn {
		display: flex;
		justify-content: space-between;
		max-width: 300px;
	}

	.formelement_tr_btn .btn {
		width: 45%;
	}

	.tr_deposit_date_div {
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 9;
		height: 26px;
		right: 8px;
		width: 26px;
	}

	.edit_enddate {
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 99;
		height: 28px;
		left: 106px;
	}

	.byamount_date_text {
		width: 140px !important;
	}

	.byamount_duration_text {
		width: 80px !important;
	}

	.pg_grp_enddate p, .pg_grp_wdday p, .pg_grp_frequency p, .pg_grp_goalamount p, .pg_grp_titleicon p, .pg_grp_increment p, .pg_grp_duration p {
		white-space: nowrap;
		display: initial !important;
		font-size: 14px;
	}

	.div_chsvgsfrq {
		color: white;
		font-size: 14px;
		font-weight: 300;
		background-color: #56565A;
		margin: 10px 0 0 0;
		padding: 10px 14px;
	}

/*
 *  how it works screen
*/
	.howscreen {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin: 98px 1em 1em 1em;
		color: #FFF;
	}

	.howscreen .accdiv {
		border-bottom: 0;
	}

/**
*  account settings screen
*/
	.accountsettingsscreen {
		color: #565656;
	}

	.as_acc {
		border-top: 0 !important;
	}

	.form_div {
		text-align: center;
	}

	.as_div {
		/* padding: 1.2em 0 0 46px;
		font-size: 15px;
		width: 342px; */
		width: 88%;
		margin: 0 auto;
		padding-top: 1.2em;
	}

	.as_flex {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.as_bottom {
		border-bottom: 1px solid #ccc;
	}

	.as_div_cmplt {
		padding: 0.4rem 0 1rem 1rem;
		text-align: left;
		font-size: 20px;
	}

	.as_div img {
		/* float: left; */
		max-width: 46px;
		/* margin: -6px 12px 24px 0; */
		margin-right: 16px;
	}

	.fixed_full {
		width: 100%;
		max-width: 375px;
		min-width: 340px;
		margin: 0 auto;
	}

	.no_top_border {
		border-top: 0 !important;
	}

	.as_div_envelope {
		display: inline-block;
		width: 40px;
		margin: 10px 0 12px 6%;
		vertical-align: middle;
	}

	.as_div_container {
		display: flex;
		justify-content: center;
	}

	.as_div_message {
		/* display: inline-block; */
		width: 60%;
		margin: 10px 0 12px 15px;
		font-size: 14px;
		vertical-align: middle;
	}

	.as_div_pencil {
		/* display: inline-block; */
		width: 40px;
		/* margin: 20px 14px 0 0; */
		margin: 10px 0 12px 15px;

		float: right;
   }

   .as__bottom-text-container {
      margin-top: 1.5em;
      text-align: center;
      font-size: 12px;
   }

   .as__close-account {
   	display: none;
      margin: 0 1.5em 1.5em 1.5em;
      font-size: 14px;
      text-decoration: underline;
   }
   
   .as__terms-container {
      display: flex;
      justify-content: center;
   }

   .as__terms-item {
      margin: 10px;
      text-decoration: underline;
   }

	#AccountSettingsPandaText {
		font-size: 14px;
	}

	.pgreset {
		text-align: center;
		color: #565656;
		font-size: .8em;
		text-decoration: underline;
		padding-bottom: 1em;
		background: transparent;
	}

	.accdiv {
		border-top: 16px solid transparent;
		max-width: 580px;
		margin: 0 auto;
	}

	.accdiv_buildskills {
		margin: -8px auto;
		max-width: 500px;
		min-width: 320px;
	}

	.thirdbar {
		background-color: #DDD;
		padding: 0 0 16px 0;
	}

	.greenborder {
		border:4px solid #7fbc41;
		border-radius: 3px;
	}

	.greencheckmark {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 26px;
		height: 26px;
	}

	.privacy_top_ind {
		margin: 20px 6%;
		text-align: center;
	}

	.privacy_goals_list {
		width: 100%;
	}

	.privacy_goal {
		display: block;
		position: relative;
		width: 100%;
		border-bottom: 1px solid #CCC;
	}

	.privacy_goal_img {
		display: inline-block;
		width: 18%;
		text-align: right;
	}

	.privacy_goal_img img {
		max-height: 50px;
		border-radius: 50%;
		box-shadow: 0px 0px 3px 1px #AAA;
		margin: 12px 0 10px 0;
	}

	.privacy_goal_labels {
		display: inline-block;
		width: 60%;
		text-align: center;
		padding: 20px 0 20px 0;
	}

	.privacy_goal_labels p:first-of-type {
		font-size: 16px;
		font-weight: 500;
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translateX(-50%);
	}

	.privacy_goal_labels p:last-of-type {
		color: #8bc53f;
		font-size: 16px;
		font-weight: 500;
		position: absolute;
		top: 52%;
		left: 50%;
		transform: translateX(-50%);
	}

	.privacy_goal_toggle {
		display: inline-block;
		width: 20%;
		text-align: center;
	}

	.privacy_goal_toggle img {
		max-height: 46px;
		margin: 0 0 10px 0;
		cursor: pointer;
	}


/*
 *  pick goal
*/
	.pg_container {
		width: 201vw;
		position: relative;
		transition-duration: 350ms;
		transition-property: left;
		transition-timing-function: ease-in-out;
	}

	.pg_class {
		max-width: 580px;
		min-width: 320px;
	}

	.cg_class {
		margin: 30px 0 0 10px;
		padding: 0 20px;
		text-align: left;
	}

	.pick_goal_pane_label,
	.pick_goal_pane_item,
	.hist_pane_a,
	.hist_pane_b,
	.pick_goal_pane_a,
	.pick_goal_pane_b {
		width: 98vw;
		display: inline-block;
		text-align: center;
		vertical-align: top;
		margin-left: .5vw;
		margin-right: .5vw;
	}

	.pickgoal_subtier {
		position: relative;
		display: none;
		height: 40px;
		margin: 4px auto 12px;
		width: 375px;
	}

	.pickgoal_subtier_img {
		position: absolute;
		display: none;
		height: 40px;
		width: 40px;
		top: 50%;
		margin: 0 16px 0 0;
		transform: translateY(-50%);
		left: 17%;
		cursor: pointer;
	}

	.pickgoal_subtier_img img {
		max-height: 100%;
	}

	.others_link_label {
		color: #29abe2;
		font-size: 16px;
		cursor: pointer;
	}

	.pickgoal_subtier_label {
		position: absolute;
		display: inline-block;
		top: 50%;
		transform: translateY(-50%);
		font-size: 15px;
		left: 31%;
		white-space: nowrap;
	}

	.pg_group {
		cursor: pointer;
		display: inline-table;
		width: 33%;
		text-align: center;
		margin: 0 0 20px 0;
	}

	.pg_group > p {
		font-size: 15px;
		font-family: Roboto;
		width: 75%;
		margin: auto;
		/*display: initial;*/
	}

	.pg_img, .group_img {
		position: relative;
		width: 90px;
		height: 90px;
		max-width: 90px;
		max-height: 90px;
		min-height: 90px;
		min-width: 90px;
		margin: 0 auto;
		margin-bottom: 0px;
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.pg_lg_img {
		display: inline-block;
		width: 60px;
		height: 60px;
		vertical-align: middle;
	}

	.pg_img img, .group_img img {
		max-width: 100%;
		border-radius: 50%;
	}

	.others_img {
		position: relative;
		border-radius: 50%;
		height: 90px !important;
		width: 90px !important;
	}

	.ge_container {
		text-align: center;
		height: 210px;
		overflow: auto;
		margin-bottom: 10px;
	}

	.inline_images {
		display: inline-block;
		position: relative;
		width: 76px;
		margin: 0px 5px;
		padding: 2px 2px 10px 2px;
		cursor: pointer;
	}

	.inline_images img {
		border-radius: 50%;
	}

	.pg_label_selected, .cage_icon_selected, .pg_item_selected img, .pg_item_selected_wide img, .inline_image_selected {
		box-shadow: 0 0 0 6px rgb(136, 203, 96) !important;
	}

	.checkdiv::after {
		content: '';
		width: 26px;
		height: 26px;
		background-image: url(/assets/images/greencheckcircle.png);
		background-repeat: no-repeat;
		background-size: 26px;
		top: 3px;
		right: 3px;
		position: absolute;
		box-shadow: 0 0 4px 1px #888;
		border-radius: 50%;
		background-color: rgb(136, 203, 96);
	}

	.pg_label_selected::after, .pg_item_selected::after, .cage_icon_selected::after {
		content: '';
		width: 32px;
		height: 32px;
		background-image: url(/assets/images/greencheckcircle.png);
		background-repeat: no-repeat;
		background-size: 32px;
		top: -5px;
		right: -4px;
		position: absolute;
		box-shadow: 0 0 4px 1px #888;
		border-radius: 50%;
		background-color: rgb(136, 203, 96);
	}

	.pg_item_selected_wide::after {
		content: '';
		width: 32px;
		height: 32px;
		background-image: url(/assets/images/greencheckcircle.png);
		background-repeat: no-repeat;
		background-size: 32px;
		top: -5px;
		right: 36px;
		position: absolute;
		box-shadow: 0 0 4px 1px #888;
		border-radius: 50%;
		background-color: rgb(136, 203, 96);
	}

	.clicker_noshare {
		white-space: nowrap;
		margin-top: 16px;
	}

	.pg_item_sports img,
	.pg_item_concert img,
	.pg_item_gift img,
	.pg_item_wedding img,
	.pg_item_cash img,
	.pg_item_savings img,
	.pg_item_medical img,
	.pg_item_clothing img,
	.pg_item_entertainment img,
	.pg_item_shoes img,
	.pg_item_auto img,
	.pg_item_electronics img,
	.pg_img img,
	.pg_lg_img img,
	.inline_images img {
		box-shadow: 0 0 6px 3px #aaa;
   }
   
   .pg_item {
      width: 25%;
      margin: 0 2.5%;
      position: relative;
   }

	.pg_igroup div {
	}

	.pick_goal_item_trip_goal {
		background-color: #00adee;
	}

	.pick_goal_item_events_goal {
		background-color: #89caa6;
	}

	.pick_goal_item_emergency_fund {
		background-color: #f6921e;
	}

	.pick_goal_item_new_item {
		background-color: #8dc63f;
	}

	.pick_goal_item_create_goal {
		background-color: #00adee;
	}

	.pick_goal_item_others {
		background-color: #58595b;
	}

	.square_item {
		width: 47%;
		text-align: center;
		padding: 0 0 20px;
		display: inline-block;
	}

	.square_row {
		text-align: left;
		position: relative;
		margin: 10px 0 30px 20px;
		white-space: nowrap;
	}

	@media (min-device-width: 480px) {
	  .square_row {
			margin: 10px 0 30px 40px;
		}
	}

	@media (min-device-width: 640px) {
	  .square_row {
			margin: 10px 0 20px 10%;
		}
	}

	.square_item_title {
		position: absolute;
		top: 50%;
		left: 60px;
		transform: translateY(-50%);
		font-size: 14px;
		display: inline-block;
		max-width: 78%;
		vertical-align: middle;
		margin: 0 0 0 15px;
		white-space: normal;
	}

	@media (min-device-width: 380px) {
	  .square_item_title {
			max-width: 80%;
		}
	}

	.square_item_price {
		font-size: 22px;
		color: #8bc53f;
		font-family: 'Roboto';
		font-weight: 500;
	}

	.othersgoalpane {
		margin: 20px 0 0 0;
	}

/*
 *  New PG
*/

#preview {
	width:100px;
	height:100px;
}

.others, .suggested {
	width: 155px;
	height: 100px;
	background-size: cover;
	background-position: center;
}

.suggested {
	background-image:url('/assets/images/pg_stock_image.png');
}

.others {
		background-image:url('/assets/images/pg_whatothers_image.png');
}

.pg_slate_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
}

.pg_slate_text img {
	width:25px;
	height:25px;
}

/**
 * Pick Goal MORE
*/

.suggested_category_container {
	display: flex;
	flex-direction: column;
	width: auto;
}

.suggested_category_headline {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 5px auto;
	width: 100%;
}

.suggested_category_headline_label {
   margin: 0 5px;
}

.blue_line {
	background-color: #29abe2;
	height: 3px;
}

.suggested_category_headline img {
   width: 40px;
   height: 40px;
   margin: 0 5px;
}

.suggested_category_image_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 5px 0;
	position: relative;
}

.image_subcontainer {
	display:flex;
	justify-content:center;
	width:80%;
}

.suggested_image {
	width: 25%;
   margin: 0 2.5%;
   min-width: 25%;
   padding-top: 25%;
   position: relative;
}

.suggested_see_more {
	align-self: center;
	font-size: 10px;
	position:absolute;
	right:5%;
}

.suggested_image img {
   border-radius: 100%;
   min-width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.suggested_see_more img {
	width: 25px;
}

.more {
	display:none;
}

.show_less {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-right:5%;
}

.show_less div {
	margin-right:10px;
	font-size:10px;
}

.show_less img {
	width:25px;
}

/**
 *  link account screen
*/
	.div_form_field { /* FI BUTTONS */
		position: relative;
		text-align: left;
		z-index:0;
		font-family: 'Roboto', Helvetica, sans-serif;
      font-weight: 300;
		width: 100%;
		text-decoration: none;
		min-height: 2em;
		background:#ccc;
		border: 0;
		padding: 0 0 0 4em;
		margin-bottom: 0.2em;
		border: 0;
		-webkit-box-shadow: inset 0px 0px 0.38em 1px rgba(64,64,64,1);
		-moz-box-shadow: inset 0px 0px 0.38em 1px rgba(64,64,64,1);
		box-shadow: inset 0px 0px 0.38em 1px rgba(64,64,64,1);
	}

	.div_form_field:after {
		content: ""; clear: both;
		display: block;
	}

	.link-completed-great, .goal-set-great {
		font-size: 1.4em;
		margin: 2em 0 1em 0;
		text-align: center;
	}

	.link-completed-text, .goal-set-text {
		margin-bottom: 1.2em;
	}

	.dontwanna {
		text-align: left;
		width: 90%;
		max-width: 380px;
		left: 50%;
		margin: 8px auto 14px;
		font-size: 15px;
	}

	.ownrouting {
		background-color: #F0F0F0;
		padding: 10px 12px;
		font-size: 18px;
		color: #888;
	}

	.manual_fi_image {
		width: 200px;
		margin: auto;
	}

/*
 *  create goal screen
*/
	.inline_image_container {
		text-align: center;
		width: 110%;
		margin: 0 0 10px -5%;
		overflow-y: auto;
		max-height: 320px;
		padding-top: 4px;
	}

	.create_goal_toolkit {
		position: relative;
		margin: 30px auto 0;
		white-space: nowrap;
		text-align: left;
	}

	.create_goal_preview {
		position: relative;
		display: inline-block;
		width: 80px;
		margin: 0;
		background-color: #DDD;
		height: 80px;
		vertical-align: top;
	}

	.selim {
		font-size: 11px;
		color: #888;
		white-space: nowrap;
	}

	.selim_rot {
		text-align: center;
		display: inline-block;
		width: 100%;
		height: 28px;
		margin: 6px 0;
	}

	.selim_rot_clock {
		margin: 0 0 0 6px;
		cursor: pointer;
	}

	.selim_rot_counter {
		margin: 0 8px 0 -4px;
		cursor: pointer;
	}

	.create_goal_buttons {
		display: inline-block;
		width: calc(100% - 90px);
	}

	.js__uploadtext {
		position: relative;
		white-space: normal;
		font-size: 12px;
	}

	.js__uploadtext img {
		position: absolute;
		height: 18px;
		top: 18px;
		right: 0;
		cursor: pointer;
	}

	.cg_btn {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}


/*
 *  reward penalty screen
*/



	#slider {
		float: none;
		clear: left;
		margin: 15px 41px 15px 41px;
		height: 35px;
		border: 0;
		-webkit-border-radius: 18px;
		border-radius: 18px !important;
		/*box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5);*/
	}
	#slider span {
		margin-top: 3.25px;
		margin-left: -35px;
		margin-bottom: 0px;
		margin-right: 0px;
		padding-right: 68px;
		background-color: #f38e21;
		height: 35px;
		border: 0 !important;
		border-radius: 18px;
	}
	#slider span:hover {
		border: 0 !important;
	}
	#slider .i-range {
		background: #f38e21;
		box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	}

	#svgarrl {
		fill: #fff;
		position: absolute;
		height: 18px;
		left: 10px;
		top: 8px;
	}

	#svgarrr {
		fill: #fff;
		position: absolute;
		height: 18px;
		right: 10px;
		top: 8px;
	}

	.savingSlider {
		position: relative;
	}

	.slider_text {
		position: absolute;
		top: 50%;
		color: #565656;
		font-size: 15px;
		z-index: 2;
		font-family: 'Roboto', sans-serif;
		transform: translateY(-50%);
	}

	.slider_left {
		left: 55px;
	}

	.slider_right {
		right: 56px;
	}

	.suggested_digits {
		width: 100%;
	}

	.sup {
		vertical-align: text-bottom;
	}

	#suggested_reward_value:before, #suggested_penalty_value:before {
		content: '$';
		font-size: 35%;
		color: #FFF;
		font-weight: 300;
		position: absolute;
		top: 15px;
		left: -12px;
	}

	.suggestedvalue {
		position: relative;
		float: left;
		width: 50%;
		height: 60vh;
		padding: 40% 0 50% 0;
	}

	.suggestedvalue p {
		font-size: 14px;
		color: #FFF;
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		font-weight: 300;
		letter-spacing: normal;
	}

	.suggestedvalue span {
		font-size: 60px;
		color: #FFF;
		font-family: Roboto;
		font-weight: 300;
		letter-spacing: -2px;
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
	}

	@media (min-device-width: 370px) {
	  .suggestedvalue span {
	    font-size: 70px;
	  }
	}

	.suggested_reward { /* Green */
		color: #FFF !important;
	    background: #7fbc41;
	    background: -moz-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #8dc63f), color-stop(100%, #64a043));
	    background: -webkit-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -o-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: -ms-linear-gradient(top, #8dc63f 0%, #64a043 100%);
	    background: linear-gradient(to bottom, #8dc63f 0%, #64a043 100%);
	}

	.suggested_penalty { /* Not same as blue button */
		color: #FFF !important;
	    background: #17a1db;
	    background: -moz-linear-gradient(top, #00adee 0%, #1487c8 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, #00adee), color-stop(100%, #1487c8));
	    background: -webkit-linear-gradient(top, #00adee 0%, #1487c8 100%);
	    background: -o-linear-gradient(top, #00adee 0%, #1487c8 100%);
	    background: -ms-linear-gradient(top, #00adee 0%, #1487c8 100%);
	    background: linear-gradient(to bottom, #00adee 0%, #1487c8 100%);
	}

	.HelpSafe {
		position: relative;
		margin: 0 0 12px 40%;
		width: 48px;
	}

/*
 *  transaction history screen
*/

	.cage_icon p {
		width: 124px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.cage_history {
		display: inline-block;
		width: 32%;
		position: relative;
		text-align: center;
		height: 100px;
		margin: 0 0 32px 0;
	}

	.cage_history span {
		bottom: -10px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		font-size: 15px;
	}

	.three_cage_history {
		position: relative;
		width: 90%;
		margin: 0 5%;
		text-align: center;
	}

	.cage_icon {
		width: 76px;
		height: 76px;
		border-radius: 50%;
		background-color: #ddd;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.accordion_label_right {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.th_titlebar_text_small img, .th_titlebar_text_small p {
		display: inline-block;
	}

	.styled_startdate {
		font-size: 12px !important;
		margin: 0 0 2px 0;
	}

	.th_item_p1 {
		position: absolute;
		top: 4px;
		left: 30px;
		font-size: 15px;
	}

	.th_item_p2 {
		position: absolute;
		top: 3px;
		right: 27px;
		font-size: 18px;
		font-weight: 300;
		width: 60%;
		white-space: nowrap;
		text-align: right;
		line-height: 17px;
	}

	.th_invite_item_div {
		height: 40px !important;
		display: block !important;
	}

	.th_invite_item_div .th_item_p1 {
		left: 16px;
		font-size: 14px;
		top: 12px;
		width: 105px;
		white-space: nowrap;
		overflow-x: hidden;
	}

	.th_invite_item_div {
		top: 12px;
		font-size: 14px;
		right: 16px;
	}

	.th_invite_item_div .il_ml_r {
		right: 17px;
	}

	.th_item_div {
		position: relative;
		width: 100%;
		/* display: inline-block; */
		display: flex;
		/* height: 26px; */
		justify-content: space-between;
		border-bottom: 1px solid #ddd;
		padding: 5px 0;
   }
   
   .th_item_div.th_item_faded {
      opacity: 60%;
   }

	/* .th_item_div div div {
		padding: 5px 0;
	} */

	.th_item_left {
		text-align: left;
		padding-left: 30px;
	}

	.th_item_right {
		text-align: right;
		padding-right: 30px;
      max-width: 60%;
	}

	.th_item_pending, .th_item_date, .th_item_memo {
		font-size: 12px;
	}

	.th_item_pending, .th_item_memo {
      font-style: italic;
      word-break: break-word;
   }

   .th_item_memo_img {
      width: 15px;
      position: absolute;
      top: 10px;
      left: 8px;
   }

	.th_item_div:hover {
		background-color: #cef4ff;
	}

	.tx_history_amount_container {
		position: relative;
		width: 100%;
		display: block;
		text-align: left;
		max-width: 580px;
	}

	.tx_history_label {
		color: #555;
		font-size: 15px;
		font-family: Roboto;
		font-weight: 400;
		padding: 0 0 0 26px;
		display: inline-block;
		line-height: 24px;
		max-width: 330px;
		width: 50%;
	}

	.tx_history_val {
		display: inline-block;
		width: 45%;
		text-align: right;
		max-width: 250px;
	}

	.tx_history_header_ml {
		position: relative;
		/* background-color: #777; */
		width: 101%;
		/* margin: 0 0 10px 0; */
		/* padding: 6px; */
		/* height: 36px; */
		/* margin: 0 auto 6px auto; */
		font-size: 1.4em;
		border-top: 1px solid #ddd;
	}

	.th_titlebar_top {
		margin-top: 10px;
		-webkit-box-shadow: 0 6px 6px -6px rgba(64,64,64,.6);
		-moz-box-shadow: 0 6px 6px -6px rgba(64,64,64,.6);
		box-shadow: 0 6px 6px -6px rgba(64,64,64,.6);
	}

	.th_titlebar_top div {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.th_titlebar_desc {
		font-size: 12px;
		text-align: left;
		padding: 0px 16px 5px 16px;
	}

	/* .tx_ml_l {
		color: #FFF;
		font-size: 15px;
		left: 30px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.tx_ml_r {
		color: #FFF;
		font-size: 20px;
		right: 30px;
		position: absolute;
		font-weight: 300;
		top: 50%;
		transform: translateY(-50%);
	} */

	.th_savedtodate_value, .th_savedtodate_value_asterisk {
		font-size: 24px;
		margin: 0;
		color: #7fbc41;
		line-height: 24px;
	}

	.th_savedtodate_value_asterisk:after {
		content: "*";
		margin: 0;
		position: absolute;
		top: -5px;
		font-size: 16px;
		color: #888;
	}

	.savedtodate_asterisk {
		margin: 0;
		position: absolute;
		bottom: 140px;
		font-size: 14px;
		color: #888;
		right: 30px;
	}

    .prevgoalrow, .prevgoalval {
        font-size: 1.2em;
    }

	.prevgoalrow:first-of-type {
		font-weight: 500;
	}

	.prevgoalrow {
		white-space: nowrap;
		display: inline-block;
		width: 65%;
		overflow-x: hidden;
		font-weight: 300;
	}

    .prevgoalval {
        float: right;
    }

/*
 *  break the safe screen
*/

	.safe_guy img {
		top: -2px;
		left: 36px;
		height: 40px;
		position: absolute;
	}

	.safe_guy p {
		color: #565656;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 200;
		font-size: 28px;
		white-space: nowrap;
		margin: 0;
		text-indent: 40px;
		height: 40px;
	}

	@media screen and (max-width: 400px) {
		.safe_guy img {
			top: 6px;
			left: 36px;
			height: 25px;
			width: 25px;
			position: absolute;
		}
	}

	@media screen and (max-width: 360px) {
		.safe_guy img {
			display: none;
		}

		.safe_guy p {
		text-indent: 10px;
		}
	}

	.pause_30_p, .pause_indef_p {
		display: inline-block;
		margin: 6px 0 0 4px;
	}

	.js__pause {
		width: 100px;
	}
	.disabled:hover, .js__amount:hover {
		opacity: .45;
	}

	.js__amount {
		width: 166px;
		white-space: nowrap;
	}

	.js__withdraw {
		width: 180px;
	}

	.marginalized button {
		margin: 0 8px 8px 0;
	}

	.div_right_button {
		display: inline-block;
		width: 48%;
		float: right;
	}

	.div_left_button {
		display: inline-block;
		width: 48%;
	}

	.div_button {
		display: inline-block;
		width: 40%;
		background-image: url(/assets/images/svg_arrow_down_gray.svg);
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: center bottom;
		height: 42px;
		cursor: pointer;
	}

	.breaksafe_panda {
		width: 120px;
	}

	.breaksafe {
		color: #FFF;
		font-size: 14px;
		width: 100%;
		border-collapse: collapse;
		margin: 0;
	}
	.breaksafe .buck {
		font-size: 17px;
		font-weight: 400;
		vertical-align: 100%;
		line-height: 1em;
	}
	.breaksafe td {
		border: 0 !important;
		white-space: nowrap;
	}
	.breaksafe td:nth-of-type(1) {
		position: relative;
		width: 65%;
	}
	.breaksafe td:nth-of-type(3) {
		font-size: 20px;
		line-height: 36px;
		white-space: nowrap;
		text-align: right;
		width: 35%;

	}
	.div_brk_btn {
		display: none;
	}
	.penalty_text {
		color: white;
	}

	.wide_and_gray {
		background-color: #56565a;
		width: 75%;
		min-width: 350px;
		margin: 0 auto;
		position: relative;
	}

	.breaksafe_bottom_row td {
		color: #FFF !important;
	}

	.white_vert_divider {
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #FFF;
		z-index: 1;
		top: 50%;
		transform: translateY(-50%);
	}

	.dy_bts_available span {
		color: #FFF;
	}

	.dy_bts_pending {
		color: #FFF;
	}

	.bts_modal_green {
		color: #7fbc41;
		font-size: 1.2em;
		font-weight: bold;
	}

	.bts_modal_blue {
		color:  #29abe2;
		font-size: 1.2em;
		font-weight: bold;
	}

	.bts_modal_orange {
		color: #f69320;
		font-size: 1.2em;
		font-weight: bold;
	}

	/* .js_payload_break_safe span {
		font-size: .8rem;
	} */

	.bts_green {
		color: #6ec640;
	}

	.bts_orange, .bts_orange_noneg {
		color: #f69320;
	}

	img.smallqm {
		height: 14px;
		width: 14px;
	}

	.break-safe-withdrawal .btn,
	.open-safe .btn {
		font-size: 18px;
	}

	.heavygray {
		color: #565656;
		font-weight: bold;
	}

	/* balance summary */

	.green_line {
		border-bottom: 2px solid #6ec640;
	}

	.orange_line {
		border-bottom: 2px solid #f69320;
	}

	.grey_line {
		border-bottom: 2px solid #DDD;
	}

	.thick_line {
		border-bottom: 4px solid #DDD;
		width: 120%;
		margin-left: -10%;
	}

	.trans_hist_top {
		margin: 16px 0 12px 0;
		text-align: center;
	}

	.trans_hist:hover {
		background-color: #dcf7ff;
		cursor: pointer;
	}

	.bal_left {
		/* width: 65%; */
		box-sizing: border-box;
		line-height: 24px;
}

	.bal_right {
		text-align: right;
		/* width: 35%; */
		box-sizing: border-box;
		font-size: 1.2em;
		font-weight: normal;
		position: relative;
	}

	.trans_hist_top .ab_val_tht {
		padding-top: 14px;
		font-size: 1.4em;
	}

	.bal_item, .subtotal, .total {
		display: flex;
		justify-content: space-between;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.sub_left, .sub_right {
		width: 50%;
		text-align: right;
		font-weight: bold !important;
		align-self: center;
		font-size: 1.2rem;
	}

	.sub_right .lightgray, .sub_right .bts_orange span {
		font-weight: bold;
	}

	/* .sub_right, .total .bal_right {
		font-size: 1.2rem;
	} */

	/* .sub_right {
		font-weight: bold;
	} */

	.subtotal {
		padding-bottom: 7px;
	}

	.total div {
		color: #FFF;
	}

	.bal_title {
		font-size: 20px;
		padding: 10px 0 10px 0;
		text-align: center;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 300;
	}

	.title_right div {
		margin-top: 2px;
		margin-bottom: 2px;
	}

	.whitebar {
		width: 100%;
		height: 2px;
		background-color: #FFF;
		z-index: 1;
		top: 50%;
		transform: translateY(-50%);
	}

	/* .bal_icon, .tot_q {
		position: absolute;
		right: -15px;
		top: 0px;
	} */
	/* .bal_icon {
		position: absolute;
	} */



	.bal_icon img, .tot_q img {
		position: absolute;
		/* right: -15px; */
		height: 14px;
		width: 10px;
		/* margin-top: 5px; */
		/* max-width: none; */
	}

	.bal_right img {
		position: absolute;
		height: 14px;
		width: 10px;
		right: -15px;
		top: 5px;
	}

	img.smallqm:hover {
		cursor: pointer;
	}

	/* .tot_q img {
		position: absolute;
		right: -15px;
		height: 14px;
		width: 10px;
		margin-top: 8px;
		max-width: none;
	} */

	.trans_append div {
		margin-top: 10px;
   }
   
   /* balance history -- truncate goal */
   .line-item__subtext {
      font-size: 10px;
      font-style: italic;
   }

   .line-item__subtext--inline {
      flex-grow: 100;
      align-self: flex-end;
      margin-left: 5px;
      margin-bottom: 3px;
   }

   .truncate-available {
      display: flex;
      justify-content: space-between;
   }

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

   .truncate-available__amount {
      font-size: 20px;
   }

   

	/* past goals  */

	.past_goals {
		margin-bottom: 30px;
	}

	.hist_title {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.hist_title .pg_img {
		margin: 0;
		height: auto;
	}

	.title_label {
		font-weight: bold;
	}

	.title_value {
		font-size: 30px;
		text-align: right;
	}

	.past_goal_dates {
		font-size: .9rem;
		margin: 5px 0 10px 0;
		font-style: italic;
		text-align: center;
	}

	.past_goals .green {
		font-size: 1.5rem;
	}

	.past_goals .bal_right {
		color: #888;
	}

	.title_image img {
		height: 75px;
		width: 75px;
		border: 2px solid grey;
		border-radius: 50%;
	}

	.title_right {
		margin-left: 15px;
	}

	.bal_left {
		align-self: center;
	}


/**
 *  about sponsor institution
*/

	.sponsorcontent {
		color: black;
		font-family: 'Roboto', arial;
        font-weight: 300;
		font-size: 1.2em;
		margin-top: 1em;
	}

/**
 *  Home
*/

	.tmp_mkprimary {
		position: absolute;
		top: 108px;
		left: 50%;
		transform: translateX(-50%);
		color: cadetblue;
		z-index: 1;
	}

	.tmp_mkprimary:hover {
		text-decoration: underline;
		cursor: pointer;
	}

	.tmp_thisisprimary {
		position: absolute;
		top: 108px;
		left: 50%;
		transform: translateX(-50%);
		color: #565656;
	}

	.payload_home {
		width: 100vw;
		margin: 0 auto;
    	margin-top: 0px;
		max-width: 380px;
		position: relative;
	}

	.hold_header {
		border-bottom: 1px solid #888;
		text-align: center;
		padding-bottom: 12px;
		cursor: pointer;
	}

	.hh_title {
		font-size: 26px;
		font-weight: 200;
		margin: -10px 0 2px 0;
	}

	.hh_content {
		font-size: 16px;
	}

	.hanging_bear {
		position: absolute;
		top: 168px;
		width: 64px;
		right: 0;
	}

	.talking_bear {
		display: none;
		position: absolute;
		background-image: url(/assets/images/panda_speach_bubble.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 220px;
		top: 148px;
		right: 0;
		width: 220px;
      height: 400px;
      z-index: 101;
	}

	.talking_bear p {
		display: inline-block;
		text-align: center;
		font-size: 14px;
		width: 100px;
		margin: 28px 0 0 28px;
		line-height: 15px;
	}

	.circle_container {
		position: relative;
		width: 300px;
		height: 300px;
		left: 50%;
		transform: translateX(-50%);
	}

	.cage {
		display: inline-block;
		width: 32%;
		position: relative;
	}

	.three_cage {
		position: relative;
		width: 100%;
		margin: 0;
		margin-top: 20px;
		text-align: center;
	}

	.cage_icon_home {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background-color: #ddd;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.cage_icon_home p {
		position: absolute;
		top: 62px;
		left: 50%;
		transform: translateX(-50%);
		max-width: 150px;
		min-width: 130px;
	}

	.cage_icon_time_text, .cage_icon_savings_text, .cage_icon_goal_text {
		font-size: 18px;
	}

	.letsstartnewp {
		font-size: 30px;
		letter-spacing: 0;
		width: 200px;
		text-align: center;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
		color: #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.home_text_icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		height: 228px;
		width: 228px;
		z-index: -1;
		background-color: #7fbc41;
		border-radius: 50%;
		border: 14px solid #565656;
	}

	.home_item_icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		height: 228px;
		width: 228px;
		z-index: -1;
	}

	.home_item_icon img {
		border-radius: 100%;
		height: 100%;
		width: 100%;
   }

   .home__hold-container {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   
   .home__hold-icon {
      height: 44px;
      width: 50px;
   }

   .home__hold-overlay {
      background-color: rgba(246,146,30,.6);
      width: 100%;
      height: 100%;
      position: absolute;
      border-radius: 100%;
   }

   .home__hold-overlay-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
   }

   .home__hold-overlay-icon img {
      width: 145px;
      margin-top: -17px;
   }


	.svg.radial-progress {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.svg.radial-progress p {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		color: #FFF;
		font-size: 110px;
		font-family: Roboto;
		font-weight: 300;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
		letter-spacing: -4px;
	}

	.svg.radial-progress p:after {
		content: '%';
		position: absolute;
		top: 16px;
		right: -22px;
		color: #FFF;
		font-size: 30px;
		font-family: Roboto;
		font-weight: 300;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	}

	.table_goals_detail {
		width: 100%;
	}

	.table_goals_detail tr td:nth-of-type(2) {
		text-align: right;
	}

	.table_goals_detail tr td {
		font-size: 13px !important;
		padding: 4px 0 4px 0;
		white-space: nowrap;
	}

	.table_goals_detail tr td em {
		font-size: 18px !important;
	}

	/*.radial-progress svg {
		transform: rotate(270deg);
	}*/

	.radial-progress circle {
		/*stroke-width: 1.1em;
		fill: transparent;
		z-index: 1;*/
		stroke: black;
		stroke-width: 1px;
	}

	.progress_background {
		stroke: #7fbc41;
	}

	.progress_cover {
		stroke: #777;
		stroke-width: 1em;
		transition-duration: 2000ms;
		transition-property: stroke-dashoffset;
		transition-timing-function: ease-in-out;
	}

	.progress_cover_no_transition {
		stroke: #696970;
		stroke-width: 1em;
		transition-duration: 0 !important;
		transition-property: none;
		transition-timing-function: none;
	}

	.progress_center {
		fill: gray !important;
		opacity: 0.55;
	}

	.radial-fill {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* tabs */

	.home_tabs {
		width: 90%;
		left: 50%;
		/* bottom: 80px; */
		bottom: 0px;
		position: fixed;
		z-index: 1;
		transform: translateX(-50%);
		max-width: 360px;
	}

	.home_tab {
		position: absolute;
		border-bottom: 14px solid #777;
	}

	.home_tab_left {
		left: -2px;
		width: 48%;
		transition-duration: 200ms;
	    transition-property: top;
	    transition-timing-function: ease-in-out;
	}

	.home_tab_right {
		right: -2px;
		width: 51%;
		transition-duration: 200ms;
	    transition-property: top;
	    transition-timing-function: ease-in-out;
	}

	.home_tab > ul > li {
		display: inline-block;
		position: relative;
		height: 40px;
		width: 100%;
		background-color: #777;
		padding-top: 12px;
		padding-left: 54px;
		color: #FFF;
		font-size: 14px;
		font-weight: 300;
	}

	.home_tab > ul > li:nth-child(1) {
		padding-left: 12px;
	}

	.home_tab > ul > li:hover {
		background-color: #888;
	}

	.home_tab::after {
		content: ' ';
		position: absolute;
		pointer-events: none;
		top: 8px;
		right: 16px;
		width: 26px;
		height: 26px;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 22px;
		fill: #FFF;
		z-index: 24999;
	}

	.home_tab_up:after {
		background-image: url(/assets/images/svg_arrow_up_white.svg);
	}

	.home_tab_down:after {
		background-image: url(/assets/images/svg_arrow_down_white.svg);
	}

	.li_buildskills {
		background-image: url(/assets/images/icon_buildskills.png);
		background-position: 14px center;
		background-repeat: no-repeat;
		background-size: 36px;
	}

	.earn_more .li_invites {
		background-image: url(/assets/images/icon_invite_friends.png);
		background-position: 14px center;
		background-repeat: no-repeat;
		background-size: 36px;
	}

	.perks_history .li_invites {
		background-image: url(/assets/images/icon_invites.png);
		background-position: 14px center;
		background-repeat: no-repeat;
		background-size: 36px;
	}

	.root_li {
		margin: 0 0 3px 0;
	}

	.earn_more, .perks_history {
		background-color: #777;
		padding: 0 0 16px 0;
	}

	.earn_more li p {
		color: #FFF;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.perks_history li p {
		color: #FFF;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.home_tabs div {
		box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	}

/*
* confetti
*/

	[class|="confetti"] {
	  position: fixed;
	}

	.confetti-red {
	  background-color: #E94A3F;
	}

	.confetti-yellow {
	  background-color: #FAA040;
	}

	.confetti-blue {
	  background-color: #5FC9F5;
	}

/**
 *  multi goals
*/

	.multi_goals_item {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20px 0;
		/* height: 125px; */
	}

	.multi_primary_div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 15%;
		height:100%;
	}

	.multi_deposit_div {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 15%;
		height: 100%;
	}

	.multi_center_div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 70%;
		height: 125px;
		background-color: #E6E6E6;
		height: 0;
		overflow: hidden;
		position: relative;
		padding-top: 30.43%;
	}

	.multi_white_line {
		width: 100%;
		background-color: white;
		height: 2px;
	}

	@keyframes pct_complete {
		from {width: 0px;}
	}

	.pct_complete {
		height:100%;
		background-color:var(--green-main);
		animation: pct_complete;
		animation-timing-function: ease-in-out;
		animation-duration: 3s;
		display: none;
	}

	.multi_flex_container {
		display:flex;
		flex-direction:row;
		align-items:center;
		height: calc(90% - 4px);
		width:100%;
	}

	.shadow_overlay {
		display: flex;
		flex-direction: column;
		background-color: rgba(94, 94, 98, 0.55);
		height: 100%;
	}

	.multi_image {
		display:flex;
		align-items:center;
		justify-content:center;
		height:100%;
		width:30%;
		margin-left: 10px;
	}

	.multi_image img {
		border-radius:100%;
		/* max-height:80%; */
		height:80%;
		max-width:unset;
	}

	.multi_label {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-grow: 5;
		margin:0 auto;
		max-width:60%;
		word-wrap: break-word;
		text-align: left;
		height: 100%;
	}

	.multi_name {
		word-wrap: break-word;
		min-width: 0;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.earnmore_details {
		text-align: left;
		margin-top: 15px;
		/* margin-left: 20px; */
		text-align: center;
	}

	#invitefriendsavailable, #buildskillsavailable {
		font-size: calc(1em + 1vw);
		font-weight: lighter;
	}

	.multi_paused, .multi_hold {
		display: flex;
		align-items: center;
   }
   
   .multi_complete {
      display: flex;
      align-items: center;
      margin: 1% 0;
   }

   .multi_complete > div {
      font-size: 14px;
      line-height: 14px;
   }


   .multi_complete .action-needed-img {
      width: 20px; 
      height: 20px;
      margin-right: 5px;
   }

   .multi_complete--still-saving .action-needed-img {
      width: 16px; 
      height: 16px;
      margin-right: 5px;
   }

   .multi_complete--still-saving > div {
      font-size: 12px;
      line-height: 12px;
   }

   .multi_complete .still-saving-img {
      width: 17px;
      height: 15px;
      margin-right: 5px;
   }

	.multi_paused img {
		width: 25px;
		margin-right: 5px;
	}

	.multi_balance {
		font-size: 12px;
	}

	.shadow_overlay div {
		color: white;
	}

	.multi_icon {
		width: 65%;
	}

	.multi_icon_text {
		font-size: 10px;
	}

	.multi_white_text {
		color: white !important;
	}

	.icon_container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.create_goal {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.create_goal img {
		width: 15.75%;
		margin-right: 10px;
	}

	.create_goal div {
		font-weight: bold;
	}

	.goal_in_progress {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border-style: dashed;
		border-color: #29abe2;
		border-width: 1px;
		width: 70%;
		height: 100px;
	}

	.gip_label {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		height: 100%;
		margin: 10px;
	}

	.gip_label_goal{
		text-align: left;
		font-size: 20px;
	}

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

	.gip_label_action img {
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}

	.gip_label_action div {
		line-height: initial;
	}

	.gip_icon {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.gip_icon img {
		width: auto;
		height: 70%;
	}

	.free_money_container {
		justify-content:space-around;
		margin:10px auto;
	}

	.build_skills, .invite_friends{
		background-size:cover;
		background-position:center;
		width: 45%;
		padding-top: 30%;
		position: relative;
	}

	.build_skills_details, .invite_friends_details {
		display:flex;
		align-items:center;
		justify-content: center;
	}

	.build_skills_details img, .invite_friends_details img {
		width: 35px;
		position: relative;
		left: -10px;
	}

	.build_skills_details div, .invite_friends_details div {
		font-weight:600;
	}

/**
 *  multi goal drop down menu
*/
   #multi-menu-shadow {
      position: fixed;
      background: rgba(0, 0, 0, 0.5);
      z-index: 98;
      top: 58px;
      height: calc(100vh - 58px);
   }

	.multi_drop {
		position:fixed;
		height:50px;
		width:100%;
		top:58px;
		z-index:99;
		background-color:white;
	}

	.sso + .multi_drop {
		top: 101px;
	}

	.multi_drop_append {
		border-bottom:1px solid #ccc;
		justify-content:center;
		align-items:center;
		height:100%;
		width:100%;
	}

	.multi_drop_banner_item {
		margin: 0 5px;
		/* height: 100%; */
		font-weight:bold;
		display:flex;
		max-height:100%;
	}

	.multi_drop_banner_icon {
		width:30px;
		height:30px;
		border-radius:100%;
		background-position: center;
		background-size: cover;
		margin: 0 3px;
	}

	.multi_drop_goal_complete {
		background-color:rgba(100, 160, 48, .8);
		height:100%;
		border-radius:100%;
		position:relative;
	}

	.multi_drop_goal_complete img {
		width:25px;
		position:absolute;
		top:5px;
		left:6px;
	}

	.multi_drop_goal {
      height: 80px;
      min-height: 80px;
		align-items:center;
		border-bottom:1px solid #ccc;
	}

	.multi_drop_goal:hover, .multi_drop_creategoal:hover {
		background-color: #eee;
	}

	.multi_drop_goal_icon img{
		/* border-radius: 100%; */
		width: 100%;
		height: 100%;
	}

	.multi_drop_goal_icon {
		width: 15%;
		margin: 0 10px;
	}

	.multi_drop_image {
		height: 45px;
		width: 45px;
		background-size: cover;
		background-position: center;
		border-radius: 100%;
	}

	/* .multi_drop_image div {
		background-color:rgba(100, 160, 48, .8);
		height:100%;
		border-radius:100%;
		position:relative;
	} */

	/* .multi_drop_image div img {
		position: absolute;
		height: 26px;
		width: 36px;
		top: 9px;
		left: 9px;
		border-radius: 0%;
	} */

	.multi_drop_menu {
		width:95%;
		max-width: 361px;
		z-index:100;
		background-color:white;
      margin: 0 auto;
      max-height: calc( 100vh - 50px - 58px);
      overflow-y: auto;
	}

	.multi_drop_goal_label {
		width: 65%;
	}

	.multi_drop_goal_primary {
		width:15%;
		align-items:center;
		justify-content:center;
	}

	.multi_drop_goal_primary img {
		width:40px;
		margin:0 10px;
	}

	.multi_drop_goal_primary div {
	  font-size: 8px;
		text-align: center;
	}

	.multi_drop_creategoal {
		justify-content:center;
		align-items:center;
		height:80px;
	}

	.multi_drop_inprogress {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%
	}

	.multi_drop_inprogress_icon {
		width: 15%;
		margin: 0 10px;
	}

	.multi_drop_inprogress_icon img {
		width: 45px;
		height: 45px;
	}

	.multi_drop_inprogress_label {
		height: min-content;
		font-weight: bold;
   }

   .multi_drop__subsubtext {
      font-size: 10px;
   }

   .final_tx_div_home {
		margin-top: 6px;
		font-size: 14px;
		font-style: italic;
   }

   .final_tx_div_home_date {
   	margin-top: 2px;
		font-size: 13px;
   }


/**
 *  pause goal screen
*/

	.btn_menu_resume_goal {
		pointer-events: none;
	}

	.pause_status {
		/* display: block; */
		position: relative;
		left: 50%;
		white-space: nowrap;
		transform: translateX(-50%);
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.pause_status img.resume {
		height: 28px !important;
		width: 28px !important;
		margin-right: 8px;
	}

	.pause_label {
		display: block;
		position: relative;
		width: 200px;
		margin: -2px auto;
		text-align: center;
		font-size: 30px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #7fbc41;
	}

	.pause {
		width: 17.5%;
		height: 130px;
		position: fixed;
		top: 49.5px;
		opacity: .8;
		background: linear-gradient(to bottom, #8dc63f 0%, #64a043 100%);
	}

	 #left{
		 left: 22.5%;
	 }

	 #right{
		 left: 60%;
	 }

   .start_new_goal_label {
		display: block;
		position: relative;
		text-align: center;
		font-size: 30px;
		font-weight: 300;
		letter-spacing: -0.5px;
	}

	.pg_text {
		font-size: 0.8em;
	}
	.home_p_pausedtext {
		font-family: 'Roboto', Helvetica, sans-serif;
        font-weight: 300;
		font-size: 1.7em;
		color: #7fbc41;
		margin-top: -4px;
		margin-bottom: 9px;
	}
	.home_p_resumetext {
		margin-top: 9px;
		font-size: 1.1em;
   }
   
   .details_toggle {
      text-decoration: underline;
      cursor: pointer;
   }

   .details_toggle svg {
      height: 18px;
      fill: rgb(86, 86, 86);
      position: absolute;
      transform: translateX(-2px) rotateZ(180deg);
      transition: all 1s;
   }

   .details_toggle.details_toggle--display svg {
      transform: translateX(-2px) rotateZ(270deg);
   }

   .details_content {
      display: inline-block;
      max-height: 0px;
      transition: all 1s;
      overflow: hidden;
      margin-bottom: 0 !important;
      margin-top: 0 !important;
   }


   .details_content--display {
      display: block;
      /* margin-bottom: 16px !important; */
   }

/**
 *  edit goal screen
*/

	.te_img_panda {
		width: 80px;
	}
	.tef_custom_button {
		height: 15px;
	}
	.goal_radio_buttons #tef_custom_increment + label {
		padding: 5px 17px;
	}
	.goal_radio_buttons #tef_custom_increment:checked + label {
		padding: 5px 5px;
	}

/**
 *  messaging
*/

	.message_new_div {
		position: absolute;
		width: 44px;
		right: 22px;
		top: 130px;
	}

	.panda_messages, .panda_messages_long {
		float: left;
		margin-left: 20px;
		margin-right: 18px;
		height: 76px;
	}

	.panda_messages + p {
		font-size: 0.9em;
		padding: 20px 0 0 0;
		width: 83%;
		height: 56px;
	}

	@media (max-device-width: 360px) {
		.panda_messages + p {
    		font-size: 13px;
    	}
	}

	.panda_messages_long + p {
		font-size: 0.9em;
		padding:10px 40px 0 0;
	}

	.message_white_header {
		position: relative;
		width: 100%;
		background-color: #DEDEDE;
		height: 28px;
		padding: 5px 0 0 0;
		margin: 4px 0 0 0;
		font-size: 14px;
	}

	.message_white_header p, .message_div p {
		position: absolute;
		overflow-x: hidden;
		white-space: nowrap;
	}

	.message_white_header p:nth-of-type(1), .message_div p:nth-of-type(1) {
		left: 2%;
		width: 20%;
	}

	.message_white_header p:nth-of-type(2), .message_div p:nth-of-type(2) {
		left: 24%;
		width: 44%;
	}

	.message_white_header p:nth-of-type(3), .message_div p:nth-of-type(3) {
		left: 70%;
		width: 28%;
	}

	.message_div {
		position: relative;
		width: 100%;
		max-width: 375px;
		margin: 0 auto;
		height: 42px;
		padding: 2px 0 0 0;
		-webkit-box-shadow: inset 0px 0px 2px 0px rgba(33,33,33,0.6);
		-moz-box-shadow: inset 0px 0px 2px 0px rgba(33,33,33,0.6);
		box-shadow: inset 0px 0px 2px 0px rgba(33,33,33,0.6);
	}

	.message_div p {
		color: #FFF;
		font-weight: 300;
		font-size: 14px;
		top: 50%;
		transform: translateY(-50%);
	}

	.message_div_read {
		background-color: #B0B0B0;
	}

	.message_div_unread {
		background-color: #7fbc41;
	}

	.message_div_replied {
		background-image: url(/assets/images/btn_replied.png);
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: 93% center;
	}

	.message_detail_div {
		position: relative;
		padding: 14px 14px 18px 14px;
		font-size: 14px;
		border-bottom: 1px solid #888;
		background-color: #fff;
		max-width: 390px;
		margin: 0 auto;
	}

	.message_reply_icon {
		position: absolute;
		width: 48px;
		height: 48px;
		right: 10px;
		bottom: 14px;
		margin-left: 8px;
		background-color: #fff !important;
		background-image: url(/assets/images/icon_reply.png);
		background-repeat: no-repeat;
		background-size: 48px;
	}

	.message_response_textarea, .message_textarea, .close_textarea {
		height: 220px;
		padding: 15px !important;
	}

	.message_response_textarea, .message_textarea, .message_subject, .close_textarea {
		font-weight: 400;
		font-size: 1em;
	}

	.message_subject {
		padding: 10px 4px 10px 16px;
	}

	.message_note_div {
		text-align: center;
		margin: 1em;
		font-size: 12px;
	}

	.msg_header {
		color: #888;
		font-size: 12px;
	}

	.message_never {
		font-size: 13px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.msg_is_response {
		height: 30px;
		margin-left: 20px;
		vertical-align: middle;
	}

	.add_more {
		border: 1px solid #888;
		font-size: 1.1em;
		background-color: #ffffcc;
		padding: 2px 12px;
	}

	.ofac_form {
		margin: 0 10% 0 10%;
	}

	.ofacform_select {
		font-size: 14px;
		height: 32px;
	}

	.ofacform_input {
		/*font-size: 14px;
		line-height: 32px;
		text-align: center;*/
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}

	.biggreenblock {
		position: absolute;
		height: 120px;
		width: 36px;
		top: 50%;
		transform: translateY(-50%);
		background: #8bc53f;
		background: -moz-linear-gradient(left, #8dc63f 0%, #64a043 100%);
		background: -webkit-gradient(right top, left top, color-stop(0%, #8dc63f), color-stop(100%, #64a043));
		background: -webkit-linear-gradient(left, #8dc63f 0%, #64a043 100%);
		background: -o-linear-gradient(left, #8dc63f 0%, #64a043 100%);
		background: -ms-linear-gradient(left, #8dc63f 0%, #64a043 100%);
		background: linear-gradient(to left, #8dc63f 0%, #64a043 100%);
	}

	.bgb1 {
		left: 30%;
	}

	.bgb2 {
		right: 30%;
	}

	.attached_file_div {
		background-color: #fff;
		white-space: nowrap;
		/* height: 40px; */
		margin: 0 0 10px 0;
	}

	.attached_file_div_flex {
		display: flex;
		justify-content: space-between;
	}

	.attached_file_div_document {
		padding-top: 10px;
	}


	.attached_file_div_button {
		background-color: #e6e6e6;
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 100%;
		height: 40px;
		padding: 12px 0 0 10px;
		font-size: 13px;
		/* margin: 0 0.5% 0 0; */
		margin: 0.6rem auto 0;
	}

	.attached_file_div_label {
		display: inline-block;
		width: 80%;
		height: 40px;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.attached_file_x {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 30px;
		background-image: url(/assets/images/icon_x.png);
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center center;
		opacity: 0.7;
	}

	.attached_file_div_menu {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 50%;
		white-space: nowrap;
	}

	.select_filestype {
		height: 40px;
		padding-top: 10px;
	}

	.select_filestype::after {
		top: 12px !important;
		right: 18px !important;
	}

	.select_filestype span {
		font-size: 14px;
		font-weight: 200 !important;
	}

	.js__send {
		width: 280px;
		margin: 14px 0 0 0;
	}

	.attachfileslink {
		padding: 8px 0 0 24px;
		cursor: pointer;
		background-image: url(/assets/images/paperclip.png);
		background-size: 14px;
		background-repeat: no-repeat;
		background-position: 0 center;
		height: 40px;
		display: inline-block;
		margin: 0 0 0 20px;
		font-size: 18px;
		width: 280px;
	}

	.ofacform_addmore {
		border: 1px solid #888;
		font-size: 1.1em;
		background-color: #888;
		padding: 2px 12px;
		color: #fff;
		font-size: 1em;
	}

	.message_topic_div {
		width: 91%;
	}

	.message_topic_select {
		display:inline-block;
		margin: 10px 0 0px 0;
		border: 1px solid #aaa;
		height: 36px;
		padding-left: 10px;
		font-family: 'Roboto', Helvetica, sans-serif;
        font-weight: 300;
		font-size: 1em;
		background-image: url(/assets/images/btn_menu_login.png);
		background-size: 22px;
		background-repeat: no-repeat;
		background-position: 96%;
		-webkit-box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.75);
		box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.75);
	}

	.message_topic_text {
		font-family: 'Roboto', Helvetica, sans-serif;
        font-weight: 300;
		font-size: 1em;
		margin: 26px 0 0px 0;
		height: 36px;
		padding-left: 14px;
	}

/*
 * Invite
*/

	.if_table {
		width: 100%;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}

	.if_table tr td {
		color: #FFF;
		margin: 0;
		padding: 9px 0 8px;
	}

	.if_table_row td:first-child, .if_table_header td:first-child {
		padding-left: 12px;
	}

	.if_table_header {
		width: 100%;
		background-color: #777;
		margin: 0;
		padding: 0;
	}

	.if_table_row:hover {
		background-color: #BEF1FF;;
	}

	.invitation_track_out tr td {
		color: #565656;
		font-size: 14px;
	}

	.nudge_icon {
		width: 30px;
		vertical-align: inherit;
		margin: 0 10px 0 0px;
		float: right;
	}

	#cp_msg {
		color: #7fbc41;
		display: none;
	}

	#copyurlfield {
		font-size: 15px !important;
	}

	.invite ol {
		list-style-type: number;
		list-style-position: outside;
		margin: 0 0 10px 16px;
	}

	.js_inviteurl {
		color: #29abe2;
		margin: 6px 0;
	}

	.inv__note {
		height: 5em;
		padding-top: 8px;
	}

	.invite_verify {
		margin-bottom: 1.5em;
		font-size: 1.3em;
		color: green;
	}

	.invitation_div {
		position: relative;
		width: 100%;
		height: 36px;
		padding: 8px 0 0 0;
		-webkit-box-shadow: 0px 0px 2px 2px rgba(33,33,33,0.6);
		-moz-box-shadow: 0px 0px 2px 2px rgba(33,33,33,0.6);
		box-shadow: 0px 0px 2px 2px rgba(33,33,33,0.6);
	}

	.invitation_div p {
		color: #FFF;
		font-family: 'Roboto', Helvetica, sans-serif;
        font-weight: 300;
		font-size: 0.8em;
	}

	.right_string {
		margin-right: 22px;
	}

	.invitation_div_pending {
		vertical-align: baseline;
	}

	.invitation_div_joined {
		vertical-align: baseline;
	}

	.invitation_div_paid span {
		vertical-align: baseline;
		color: #0eb60e !important;
	}

	.invitation_div_void {
		vertical-align: baseline;
		background-color: #DDD;
	}


/*
 *  Build Skills
*/

	.bs_sort_arrow {
		color: #FFF;
		margin-left: 2px;
		font-size: 15px;
	}

	.currihead_white img {
		width: 20px;
		height: 10px;
		margin: 4px 0 0 1px;
	}

	.white_sort_arrow_selected {
		transform: rotate(270deg);
		opacity: 0.5;
	}

	.curriculuccordion:hover {
		cursor: pointer;
	}

	.item_unavailable {
		background-color: #eee !important;
	}

	.curriculuccordion_item, .curriculuccordion_item_taken {
		position: relative;
		z-index: 0;
		background-color: #FFF;
		font-size: 14px;
		border-bottom: 1px solid #bbb;
		width: 100%;
		padding: 0;
		display: flex;
		height: 50px;
		line-height: 48px;
	}

	.curriculuccordion_item_taken:hover, .curriculuccordion_item:hover {
	    background-color: #F6F6F6;
	}

	.curriculuccordion_header {
		position: relative;
		z-index: 0;
		font-size: 13px;
		background-color: #29abe2;
		border-top: 3px solid transparent;
		width: 100%;
		padding: 0;
		display: flex;
		line-height: 32px;
	}

	.currihead_white {
		color: #fff;
		border-right: 2px solid #1e95c8;
		font-weight: 300;
		cursor: pointer;
	}

	.currihead_white:hover {
		background-color: #38b5ea;
	}

	.curriculuccordion_type img {
		/* margin: 10px 0 0 0; */
      /* max-width: 48px; */
      width: 35px;
	}

	/* .icon_article_class img {
		width: 44px;
		margin-top: 8px;
	} */

	/*.completed_class {
		background-color: #F5FFEC !important;
	}*/

	.currihead_reward {
		font-size: inherit !important;
	}

	.curriculuccordion_type {
		display: inline-block;
		width: 17%;
		min-width: 58px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
	}

	.curriculuccordion_title {
		display: inline-block;
		width: 50%;
		padding: 0 0 0 10px;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.curriculuccordion_time {
		display: inline-block;
		width: 18%;
		padding: 0;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
	}

	.curriculuccordion_reward {
		display: inline-block;
		width: 20%;
		padding: 0;
		text-align: center;
		border-right: 0 !important;
		white-space: nowrap;
		overflow: hidden;
	}

	.skill_description {
		position: relative;
		padding: 10px 10px 40px 10px;
		background-color: #dcf7ff !important;
		font-size: 12px;
		border-bottom: 1px solid #bbb;
		cursor: default !important;
		display: none;
	}

	.skill_desc_arrow {
		background-image: url('/assets/images/blk_arrow_right.png');
		background-repeat: no-repeat;
		background-size: 12px;
		background-position: center;
		height: 28px;
		position: absolute;
		bottom: 0;
		width: 58px;
		cursor: pointer;
		left: 50%;
		transform: translateX(-50%) rotate(270deg);
	}

	.article_content_div {
		background-color: #FFF;
		width: 90%;
		margin: 10px auto;
		max-width: 500px;
		text-align: left;
		padding: 12px;
		box-shadow: 0px 0px 3px 3px #ccc;
		color: inherit;
	}

	.article_content_div p {
		margin: 12px 0;
	}

	.article_content_div p span, .article_content_div span, .article_content_div p {
		color: inherit;
	}

	.article_content_div ol {
		list-style: inherit;
		list-style-position: inside;
		list-style-type: decimal;
		margin: 0 0 0 12px;
	}

	.article_content_div ul {
		list-style: inherit !important;
	}

	.article_content_div ul li {
		margin: 0 0 0 20px !important;
	}

	.video-js {
		margin: 116px 0 0 0;
		width: 100%;
		height: 200px;
	}

	.video_content_div {
		position: relative;
		width: 100%;
		max-width: 500px;
		margin: auto;
		background-color: #CCC;
	}

	.video_content_div video {
		width: 100%;
	}

	.vid_overlay {
		position: absolute;
		max-width: 200px;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.buffering_div {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		display: none;
		opacity: 0.5;
	}

	.timelapse_div {
		display: none;
		width: 100%;
		height: 6px;
		background-color: #565656;
		position: relative;
		margin: -4px auto 0 auto;
		max-width: 500px;
	}

	.timelapse_lapse {
		position: absolute;
		height: 6px;
		left: 0;
		top: 0;
		width: 0;
		background-color: #8bc53f;
	}

	.continue_questions_div {
		position: absolute;
		z-index: 99999;
		bottom: 80px;
		right: 10px;
		display: inline-block;
		height: 30px;
		font-size: 13px;
		color: #8bc53f;
		cursor: pointer;
		opacity: 0;
	}

	.bsquestion_div {
		display: inline-block;
		width: 85%;
		text-align: left;
		margin: 20px auto 22px auto;
		font-size: 18px;
	}

	.bsanswers_div {
		display: inline-block;
		min-width: 300px;
		width: 90%;
		margin: 20px auto;
		max-width: 500px;
		text-align: left;
		padding: 3px 6px 12px 50px;
		box-shadow: 0px 0px 3px 3px #ccc;
	}

	.bsanswers_div label {
		/*display: flex;
		vertical-align: top;
		position: relative;
		padding-left: 30px;*/
		margin: 0 0 0 10px;
	}

	.bsanswers_div input {
		top: 4px;
		position: absolute;
		left: 0;
	}

	.bs_set_content {
		max-width: 500px;
	}

	.schweeng {
		text-align: left;
		margin: 4px 20px 0 26px;
		font-size: 14px;
	}

	.takenskillchk {
		width: 24px !important;
		margin: 12px 0 0 0 !important;
	}

	.cent {
		font-size: 1.8em;
		color: #7fbc41;
	}

	.opentext_text {
		width: 90%;
		height: 120px;
		border: 1px solid #888;
		font-size: 15px;
		font-weight: 300;
		padding: 6px;
	}

	.bs_result_content {
		margin: 3px auto 0 auto;
		width: 300px;
	}

	.res_icon, .res_title, .res_like, .res_social {
		display: inline-block;
		vertical-align: top;
	}

	.res_icon {
		position: relative;
		width: 80px;
		margin: 0 16px 16px 16px;
		height: 60px;
	}

	.res_icon img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.res_title {
		position: relative;
		width: 220px;
		height: 60px;
	}

	.res_title p {
		font-size: 22px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 100%;
	}

	.res_like {
		width: 300px;
		margin: 20px 0 0 0;
		text-align: center;
	}

	.res_like p {
		font-size: 12px;
		text-align: left;
		margin: 0 0 6px 0;
	}

	.res_like img {
      width: 48px;
      height: 48px;
		margin: 4px 4px 0 4px;
		cursor: pointer;
	}

	.res_social {
		text-align: center;
		width: 300px;
		margin-top: 20px;
	}

	.res_social p {
		font-size: 16px;
		margin: 0 0 3px 0;
	}

	.res_social div {
		display: inline-block;
		width: 40px;
		cursor: pointer;
	}

	.res_social input {
		width: 90%;
		border: 0;
		background-color: #ddd;
		font-size: 12px;
		padding: 3px 8px;
		margin: 6px 0 0 0;
	}

	.res_home {
		width: 132px;
		padding: 12px 0;
		font-size: 18px;
		margin: 24px 10px 0 0;
	}

	.res_more {
		width: 150px;
		padding: 12px 0;
		font-size: 18px;
	}

	.offer_div {
		padding: 30px 0 0 0;
		display: inline-block;
		margin-bottom: -20px;
	}

	.offer_div p {
		font-size: 15px;
		margin: 0 0 20px 0;
	}

	.offer_div p:last-of-type {
		font-size: 11px;
		margin: 16px 0 0 0;
	}

	.offer_more_div {
		display: inline-block;
		position: relative;
	}

	.offer_more_div img {
		position: absolute;
		top: 50%;
		left: 8px;
		transform: translateY(-50%);
		z-index: 2;
		width: 38px;
	}

	.offer_more {
		padding-left: 54px;
		font-size: 20px;
	}

	.offer_more:hover {
		color: #CCF4FF !important;
	}

	.offer_grid_square {
		position: relative;
		display: inline-block;
		width: 160px;
		height: 160px;
		box-shadow: 0px 0px 5px 5px #aaa;
		vertical-align: top;
		border: 4px solid transparent;
		background-color: #FFF;
		margin: 4px;
		transition-duration: 300ms;
		transition-property: border-color;
	}

	.offer_grid_square_center {
		position: absolute;
		width: 100%;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		overflow-y: auto;
		max-height: 100%;
	}

	.offer_grid_square:hover {
		background-color: #F2F2F2;
		cursor: pointer;
	}

	.offer_grid_square_selected {
		border: 4px solid #8bc53f;
	}

	.offers_subtitle {
		text-align: left;
		display: block !important;
		max-width: 330px;
		margin: 0 auto;
	}

	.offer_fineprint {
		text-align: justify;
		font-size: 13px;
		max-width: 340px;
		margin: 22px auto 0;
	}

    /* Like UI */

	.likeinterface {
		position: relative;
		border: 0; margin: 0; padding: 0;
	}

	.likeinterface_title {
		font-size: 0.7em;
		color: #565656;
	}

	.likeinterface_vote {
		width: 50%;
		border: 0; margin: 0; padding: 0;
	}

	.likeinterface_vote_up {
		float: left;
		background-image: url(/assets/images/icon_thumbs_up_white.png);
		background-repeat: no-repeat;
	}

	.likeinterface_vote_down {
		float: left;
		background-image: url(/assets/images/icon_thumbs_down_white.png);
		background-repeat: no-repeat;
	}

	.likeinterface_vote_up:hover, .likeinterface_vote_up_selected {
		background-image: url(/assets/images/icon_thumbs_up_green.png);
	}

	.likeinterface_vote_down:hover, .likeinterface_vote_down_selected {
		background-image: url(/assets/images/icon_thumbs_down_green.png);
   }

   /* BS topics */

   .bs_topics_content {
      max-width: 580px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }

   .topic_tile {
      background-color: gray;
      background-position: center;
      background-size: cover;
      position: relative;
      width: calc(50% - 15.2 / 363.8 * 100%);
      margin: calc(7.6 / 363.8 * 100%);
      padding-top: calc( 113.7 / 166.7 * ( 50% - 15.2 / 363.8 * 100% ) );
   }

   .topic_tile:focus{
      text-emphasis: underline;
   }

	 .topic_tile:hover{
			cursor: pointer;
 		}

   .topic_tile .shadow_overlay {
      background-color: rgba(94, 94, 98, 0.55);
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;

   }

   .topic_tile.selected_topic .shadow_overlay {
      background-color: rgba(135, 193, 63, 0.55);
   }

   .topic_tile img {
      width: 32.7px;
      height: 32.7px;
      margin: 14.7px auto 0 auto;
   }

   .topic_tile_title {
      font-size: 14px;
      line-height: 19px;
      font-weight: bold;
      text-align: center;
      color: #ffffff;
      margin: 0 auto;
      /* width: 75px; */
   }

   .bs_topics_content {
      margin: 0 0;
   }

   @media all and (min-width: 363.8px) {
      .topic_tile {
         width: 166.7px;
         padding-top: 113.7px;
         margin: 7.6px;
      }

      .bs_topics_content {
         margin: 0 auto;
      }
   }

    /* Share UI */

	.shareinterface {
		width: 100%;
		position: relative;
		border: 0; margin: 0; padding: 0;
	}

	.shareinterface_title {
		font-size: 0.7em;
		color: #565656;
	}

	.shareinterface_row {
		width: 100%;
		text-align: center;
	}

	.share_in {
		background-image: url(/assets/images/icon_share_linkedin.png);
	}

	.share_ic {
		width: 30px;
		height: 30px;
		margin-left: 10px;
		display: inline-table;
	}

	.share_ic:nth-of-type(1) {
		margin-left: 20px;
	}

	.share_link {
		width: 100%;
		height: 22px;
		padding-left: 3px;
		font-size: 11px;
	}

	.js__finalterms {
		margin-top: 20px;
	}

	/* Welcome modal */
	.welcome_modal_img{
		max-width: 60%;
		height: auto;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		display: block; 
	}


	.welcome_modal{
		height: auto;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		display: block; 
		font-weight: bold;
	}


























	.wh {
		background-color: #FFF !important;
	}

	.linking_logo {
		max-width: 160px;
		margin: -20px 0 0 0;
	}

	#fastlink_footer_manual {
		top: 628px;
		margin-left: 50%;
		position: sticky !important;
	}

	#fastlink-outer-container {
		width: 100%;
	}

	#fastlink-container {
		z-index: 21999; /* Search for 19999 for next layer down */
		display: none;
		position: fixed;
		bottom: -100%;
		height: 300px;
		width: 92%;
		background-color: #FFF;
		padding: 0 16px;
		margin: 0 4%;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		overflow-y: auto;
	}

	@media (min-device-width: 500px) {
		#fastlink-container {
			position: fixed;
			bottom: -100%;
			height: 60%;
			width: 90%;
			max-width: 600px;
			margin: 0 50%;
			padding: 0 16px;
			transform: translateX(-50%);
		}

		#fastlink_pre_payload {
			padding: 0 40px 0;
		}
	}

	.fastlink_layerbanner {
		font-family: 'Roboto', sans-serif;
		color: #555;
		position: relative;
		width: 102%;
		text-align: center;
		white-space: nowrap;
		margin: 0 auto 18px;
		border-bottom: 1px solid #ccc;
		padding: 0 0 12px 0;
	}

	.fastlink_layerbanner .fastlink_headline {
		color: #565656;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 200;
		font-size: 28px;
		white-space: nowrap;
	}

	.fastlink_post_banner {
		font-size: 15px;
	}

	#fastlink-mask {
		z-index: 20999;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6);
	}

	.dismiss_fastlink {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
		height: 20px;
		width: 24px;
		z-index: 99999;
	}

	.blue_hyperlink {
		color: #29abe2;
		text-decoration: underline;
		cursor: pointer;
	}

  .fastlink_alert_div {
    width: 100%;
    text-align: left;
    margin: auto;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .fastlink_alert_div > div {
    margin-bottom: 10px;
  }

  .fastlink_alert_header_div {
    font-size: 20px;
  }

  .fastlink_alert_header_div > img {
    height: 20px;
    width: auto;
    vertical-align: middle;
    margin-bottom: 3px;
  }

	.verify_manually_p {
		width: 100%;
		text-align: center;
		margin: 30px auto;
		color: #29abe2;
		text-decoration: underline;
		font-size: 14px;
		cursor: pointer;
	}

	.fastlink_powered_container {
		position: relative;
	}

	.fastlink_powered_label {
		display: inline-block;
		width: 48%;
		float: left;
		font-size: 10px;
		text-align: right;
	}

	.fastlink_powered_logo {
		width: 48%;
		float: right;
		height: 30px;
	}

	.link_acct_superpane {
		display: hidden;
		position: relative;
		width: 100%;
		height: 100%;
	}

	.render_selection_screen {
		/*background-color: #fafafa;*/
	}

	.gray_canvas {
		height: 100%;
		overflow-y: auto;
		width: 100%;
		background-color: #fff;
		/*background-color: #fafafa;*/
	}

	.white_canvas {
		height: 100%;
		overflow-y: auto;
		position: fixed;
		width: 100%;
		background-color: #fff;
	}

	.fi_payload_selection_screen {
		padding: 0;
	}

	.filogo_hoist {
		padding: 4px;
	}

	.f_total_height {
		height: 100%;
		padding-bottom: 4em;
	}

	.fiicon {
		cursor: default;
		flex: 0 0 auto;
		/*height: 120px;*/
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 11;
		font-size: 0;
		line-height: 0;
		display: inline-block;
		padding: 0px 0 12px 0;
	}

	.fiicon_outer {
		max-height: 120px;
		display: inline-block;
		position: relative;
	}

	.dwn_text {
		color: #565656;
		font-size: 20px;
		letter-spacing: -0.3px;
		line-height: 24px;
		text-align: center;
	}

	@media (max-device-width: 320px) {
		.dwn_text {
			font-size: 18px;
		}
	}

	.render_manual_screen {
		padding-top: 30px;
	}

	.f_acct_selector {
		background-color: #EEE;
		cursor: pointer;
		padding: 10px 50px 10px;
		position: relative;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.f_acct_selector:hover {
		background: rgba(0, 0, 0, 0.1);
	}

	@media (max-device-width: 320px) {
		.f_acct_selector {
			height: 79.2px;
			padding-top: 18px;
		}
	}

	.f_accountitemselected + .f_acct_selector:after {
		display: none;
	}

	.f_accountitemselected {
		background: #ffffff;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
		border: 1px solid lightgreen;
	}

	.f_accountitemselected:after {
		display: none;
	}

	.f_accountitemselected:hover {
		background: #ffffff;
	}

	.f_accountitemselected .f_accountitemicon {
		display: inline-block;
	}

	.f_accountname, .f_mask, .f_digits, .f_balance {
		color: #565656;
	}

	.f_accountname {
		display: block;
		margin-bottom: 8px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.f_accountitemicon {
		display: none;
		position: absolute;
		right: 20px;
		top: 18px;
	}

	.f_accountrow {
		display: block;
		width: 100%;
	}

	.f_digits {
		font-family: Micr, monospace;
		font-kerning: inherit;
		font-size: 16px;
	}

	.f_balance {
		margin: 0 0 0 20px;
	}

	.filink_logo_item {
		display: none;
		height: 24px;
		vertical-align: inherit;
		width: 24px;
	}

	.filink_search_criteria {
		margin: 8px auto 16px;
		position: relative;
		min-width: 292px;
		max-width: 410px;
		width: 90%;
	}

	.filink_search_criteria__input {
		font-family: 'Roboto', Helvetica, sans-serif;
		color: #56565A;
		min-height: 2em;
		background-color: #d8d6d7;
		border: 0;
		font-size: 16px;
		height: 40px;
		line-height: 20px;
		padding: 1px 16px 0 42px;
		position: relative;
		transition-duration: 100ms;
		transition-property: box-shadow;
		transition-timing-function: ease-in-out;
		user-select: text;
		width: 100%;
		font-size: 15px;
	}

	.filink_search_criteria__input:focus, .filink_search_criteria__input:active {
		/*box-shadow: 0 0 2px 2px #555;*/
	}

	.filink_search_criteria__input::-ms-clear, .filink_search_criteria__input::-ms-reveal {
	  display: none;
	}

	.filink_search_criteria__icon-search {
		left: 12px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		pointer-events: none;
		height: 19px;
		left: 9px;
		width: 19px;
	}

	.filink_search_criteria__icon-search svg {
		fill: #999999;
	}

	.filink_search_criteria__icon-cancel {
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		height: 20px;
		right: 6px;
		width: 20px;
	}

	.filink_search_criteria__icon-cancel svg {
		fill: #999999;
	}

	.fi_link_cancel_button {
		background: rgba(255, 255, 255, 0);
		border: 0;
		font-size: 17px;
		height: 40px;
		line-height: 40px;
		opacity: 0;
		outline: none;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: translate3d(60px, 0, 0);
		transition-duration: 100ms;
		transition-property: transform, opacity;
		transition-timing-function: ease-in-out;
		display: none;
	}

	.fi_link_cancel_button:active {
		color: #999999;
	}

	.fil_cancel_search_text {
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		color: #999999;
		cursor: pointer;
		display: none;
		font-size: 15px;
		height: 56px;
		line-height: 56px;
		text-align: center;
		transition-duration: 100ms;
		transition-property: color;
		transition-timing-function: ease-in-out;
		margin-bottom: 74px;
	}

	.fil_cancel_search_text {
		display: block;
	}

	.fil_cancel_search_text:hover, .fil_cancel_search_text:active {
		color: #444444;
	}

	.fil_search_notice {
		color: #999999;
		font-size: 17px;
		left: 50%;
		line-height: 20px;
		margin: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 80px;
		transform: translateX(-50%);
		width: 280px;
		top: 112px;
		cursor:pointer;
	}

	.fil_search_notice__icon {
		margin-bottom: 16px;
	}

	.fil_search_notice__icon svg {
		fill: #999999;
		max-width: 50px;
	}

	.bg_spinner {
		animation: rot 1000ms infinite cubic-bezier(0.23, 1.2, 0.32, 1);
		animation-name: rot;
		border-bottom: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-radius: 100%;
		border-right: 2px solid #cccccc;
		border-top: 2px solid #444444;
		height: 48px;
		width: 48px;
		position: fixed;
		top: 50%;
		margin-left: calc(50% - 24px);
	}

	.search_ico_spinner {
		display: none;
		animation: rot 1000ms infinite cubic-bezier(0.23, 1.2, 0.32, 1);
		animation-name: rot;
		border-bottom: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-radius: 100%;
		border-right: 2px solid #cccccc;
		border-top: 2px solid #444444;
		height: 30px;
		width: 30px;
		top: 3px;
		left: -44px;
		position: absolute;
	}
	@-moz-keyframes rot { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes rot { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes rot { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

	.search_ico_spinner img {
		height: 30px;
		width: 30px;
	}

	.search_spinner {
		display: none;
		animation: rot 1000ms infinite cubic-bezier(0.23, 1.2, 0.32, 1);
		animation-name: rot;
		border-bottom: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-radius: 100%;
		border-right: 2px solid #cccccc;
		border-top: 2px solid #444444;
		height: 20px;
		width: 20px;
		right: 32px;
		position: absolute;
		bottom: 11px;
	}
	@-moz-keyframes rot { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes rot { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes rot { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

	.fil_search_target, .fil_search_icon {
		cursor: pointer;
		padding: 12px 0 12px 22px;
		position: relative;
		width: 100%;
		text-align: left;
	}

	.fil_search_target img {
		max-height: 180px;
		width: 180px;
	}

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

	.fil_search_icon img {
		vertical-align: middle;
		width: 24px;
	}

	.fil_search_icon span {
		vertical-align: middle;
		margin: 0 0 0 10px;
	}

	.li_cantfind {
		cursor: pointer;
		height: 56px;
		position: relative;
		width: 100%;
		text-align: left;
		padding: 18px 0 18px 64px;
	}

	.fil_search_target:last-child:before, .fil_search_icon:last-child:before {
		display: none;
	}

	.fil_search_target:before, .fil_search_icon:before {
		background-color: rgba(0, 0, 0, 0.1);
		bottom: 0;
		content: '';
		display: block;
		height: 1px;
		left: -12px;
		position: absolute;
		right: -12px;
	}

	.fil_search_target:after, .fil_search_icon:after {
		background-color: rgba(0, 0, 0, 0.05);
		content: '';
		display: none;
		height: 100%;
		left: -12px;
		pointer-events: none;
		position: absolute;
		right: -12px;
		top: 0;
		width: calc(100% + 24px);
	}

	.fil_search_target:hover:after, .fil_search_target:active:after, .fil_search_icon:hover:after, .fil_search_icon:active:after {
		display: block;
	}

	.fil_search_target:hover:after , .fil_search_target:active:after, .fil_search_icon:hover:after , .fil_search_icon:active:after  {
		cursor: pointer;
	}

	.fil_search_target__brand-logo {
		background-position: center;
		background-repeat: no-repeat;
		background-size: 32px 32px;
		border-radius: 5px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
		height: 32px;
		left: 26px;
		position: absolute;
		top: 12px;
		width: 32px;
	}

	.account-list {
		margin-top: 16px;
	}

	.ficredsdiv {
		position: relative;
		max-width: 300px;
		text-align: left;
		font-size: 15px;
		margin: 0 auto;
		padding: 0 20px 0 3px;
	}

	.ficredsdivus {
		position: relative;
		max-width: 300px;
		text-align: left;
		font-size: 16px;
		margin: -20px auto 16px;
	}

	.inputquestion_creds {
		right: -20px;
	}

	.fil_search_target__brand-color {
		border-radius: 50%;
		height: 12px;
		left: 26px;
		position: absolute;
		top: 24px;
		width: 12px;
	}

	.fil_search_target__text {
		left: 74px;
		position: absolute;
		top: 45%;
		transform: translateY(-50%);
		vertical-align: middle;
		text-align: left;
		color: #444444;
		font-size: 15px;
		line-height: 15px;
	}

	.fi_select_inner_div {
		padding: 0 16px 0 16px;
	}

	.a_dontseeyourbank {
		border-top: 0;
		color: #999999;
		cursor: pointer;
		display: block;
		font-size: 15px;
		height: 56px;
		line-height: 56px;
		text-align: center;
		transition-duration: 100ms;
		transition-property: color;
		transition-timing-function: ease-in-out;
	  	margin: 16px 0 0 0;
	}

	.a_dontseeyourbank:hover, .a_dontseeyourbank:active {
	  	color: #444444;
	}

	.ajaxblue {
		width: 100%;
		height: 60px;
		background-image: url('/assets/images/ajax-loader-blue.gif');
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: 50% 40%;
	}

	.mfa_question_entry_form {
		max-width: 300px;
		margin: 0 auto;
	}

	.mfa_routine {
		background-color: transparent;
		border-radius: 4px;
		font-size: px(17);
		height: 64px;
		line-height: 64px;
		padding-left: 16px;
		padding-right: 16px;
		position: relative;
		transition-duration: 350ms;
		transition-property: background-color;
		transition-timing-function: ease-in-out;
		vertical-align: middle;
		width: 100%;
	}

	.mfa_routine:after {
		background-color: rgba(0, 0, 0, 0.1);
		content: '';
		height: 1px;
		left: 16px;
		position: absolute;
		right: 16px;
		top: 0;
	}

	.mfa_routine:first-child:after {
		display: none;
	}

	.mfa_routine:hover {
		background: rgba(0, 0, 0, 0.05);
		cursor: pointer;
	}

	.mfa_routine_on + .mfa_routine:after {
		display: none;
	}

	.mfa_routine_on {
		background: #ffffff;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	}

	.mfa_routine_on:after {
		display: none;
	}

	.mfa_routine_on:hover {
		background: #ffffff;
	}

	.mfa_routine_on .mfa_routine__type {
		color: #444444;
		transition-duration: 350ms;
		transition-property: color;
		transition-timing-function: ease-in-out;
	}

	.mfatext {
		display: block;
		position: relative;
		margin: 0 auto -3px;
		max-width: 300px;
		text-align: left;
		padding-left: 12px;
	}

	.mfaselector {
		max-width: 340px;
		margin: 0 auto;
	}

	.mfaselector_option {
		background-color: rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		cursor: pointer;
		display: inline-block;
		font-size: 20px;
		line-height: 56px;
		text-align: center;
		width: 80%;
		margin-bottom: 4px;
		padding: 16px 10px;
		line-height: 22px;
	}

	.mfaselector_option:hover {
		background-color: rgba(0, 0, 0, 0.15);
	}

	.mfaselector_option:first-child {
		margin-top: 18px;
	}

	.mfaselector_option:last-child {
	}

	.mfaselector_option--is-selected {
		background-color: #999;
     /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);*/
      color: #fff;
	}

	.mfaselector_option--is-selected:hover {
		background-color: #888;
      /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);*/
   	color: #fff;
	}

	@keyframes backgroundPulse {
	  0% {
	    background-color: rgba(0, 0, 0, 0.1);
	  }
	  50% {
	    background-color: #e1e1e1;
	  }
	  100% {
	    background-color: rgba(0, 0, 0, 0.1);
	  }
	}

	.marg_bottom_14 {
	  margin-bottom: 14px;
	}

	.filink_href {
	  cursor: pointer;
	  display: block;
	  margin: 16px;
	  font-size: 15px;
	  letter-spacing: 0.1px;
	  line-height: 20px;
	  opacity: 0.7;
	  text-align: center;
	  text-decoration: none;
	  transition-duration: 100ms;
	  transition-property: opacity;
	  transition-timing-function: ease-in-out;
	}
	.filink_href:hover {
	  opacity: 1;
	}
	@media (max-device-width: 320px) {
	  .filink_href {
	    font-size: 13px;
	  }
	}

	.filink_logo {
	  display: inline-block;
	  height: 24px;
	  vertical-align: inherit;
	  width: 24px;
	}

	.filink_logo svg {
	  display: block;
	  fill: #555;
	  height: 100%;
	  width: 100%;
	}

	.fil_no_results {
		float: left;
		margin: 0 0 0 30px;
		font-size: 15px;
	}

	.cantfindbank_div {
		position: absolute !important;
		top: 80px;
		left: 50%;
		transform: translateX(-50%);
		text-decoration: underline;
		font-size: 15px;
		cursor: pointer;
	}

	.fil_payload_divcontent {
		display: inline-block;
		position: relative;
		height: 100%;
		min-width: 320px;
		max-width: 440px;
		width: 98%;
	}

	.f_broad {
	  padding: 0 calc((100% - 312px) / 2);
	}

	.ficolordiv {
		width: 100%;
		height: 8px;
		border-radius: 4px;
	}

	.filogo_hoist img {
		max-height: 40px;
		max-width: 120px;
	}

	.fil_payload {
		/*background: #fafafa;*/
		height: 100%;
	}

	.fil_sponsor_img {
		max-width: 120px;
		max-height: 72px;
	}

	.err_icon_outer {
	  background-color: #ffffff;
	  border-radius: 100px;
	  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
	  height: 96px;
	  margin-bottom: 24px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 20px;
	  position: relative;
	  width: 96px;
	}

	@media (max-device-width: 320px) {
	  .err_icon_outer {
	    height: 72px;
	    width: 72px;
	  }
	}

	.err_icon {
	  display: block;
	  height: 48px;
	  left: 24px;
	  position: absolute;
	  top: 24px;
	  width: 48px;
	}

	@media (max-device-width: 320px) {
	  .err_icon {
	    height: 24px;
	    width: 24px;
	  }
	}

	.render_credentials_screen_logo img {
		max-width: 180px;
		max-height: 180px;
		margin: 12px 0;
		min-width: 180px; /* Test with a square logo like WELLS FARGO if changing! */
	}

	.fi_select_li {
		display: inline-block;
		position: relative;
		box-shadow: 0 0 6px 2px rgba(0,0,0,0.2);
		background: #ffffff;
		border-radius: 4px;
		cursor: pointer;
		font-size: 0;
		height: 88px;
		margin-bottom: 8px;
		text-align: center;
		vertical-align: middle;
		width: calc(50% - 6px);
		border: 1px solid rgba(0, 0, 0, 0.05);
		transition-duration: 350ms;
		transition-property: border-color;
		transition-timing-function: ease-in-out;
	}

	.fi_select_li:hover {
	  border-color: rgba(0, 0, 0, 0.15);
	}

	.fi_select_li:active {
	  border-color: rgba(0, 0, 0, 0.2);
	}

	.fi_select_li:nth-child(odd) {
	  margin-right: 4px;
	}

	.fi_select_li:nth-child(even) {
	  margin-left: 4px;
	}

	.fi_select_li:nth-last-child(-n+2) {
	  margin-bottom: 16px;
	}

	.fi_select_li div {
		top: 50%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
   }
   
   .override_q_container {
      position: absolute;
      top: calc(50% - 10px);
      right: -20px;
      height: 20px;
      width: auto;
      cursor: pointer;
   }

	/*  CALENDAR  */

	.PQCal th {
		height: 44px;
		width: 10%;
		text-align: center;
		position: relative;
		font-size: 16px;
	}

	.PQCal caption {
	    font-weight:300;
	    font-size:20px;
	}

	.PQCal_table {
		border-spacing: 0;
	}

	.PQCal_table_header {
		background-color: #DDD;
	}

	.PQCal_table_header_day {
		font-weight: 300;
		border-bottom: 1px solid #999;
	}

	.PQCal_table_header td {
		color: #888;
		text-align: center;
	}

	.PQCal_table_row td {
		position: relative;
		width: 10%;
		height: 32px;
	}

	.PQCal_table_grayday {
		background-color: #CCC;
	}

	.PQCal_table_othermonthsday {
		background-color: #ccc;
	}

	.PQCal_table_weekend {
		background-color: #ccc; /*aaa*/
	}

	.PQCal_holiday {
		background-color: #ccc; /*#FFDB91;*/
	}

	.PQCal_table_othermonthsday .daylabel {
		color: #888;
	}

	.PQCal_table_grayday .daylabel {
		color: #aaa;
	}

	.PQCal_table_day {
		background-color: #ccc;
	}

	.PQCal_good {
		cursor: pointer;
	}

	.PQCal .daylabel {
		position: absolute;
		/* top: 50%; */
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		font-weight: 300;
		font-size: 19px;
	}

	.PQCal_error {
		display: none;
		color: red;
		margin: 0 0 10px 0;
		font-size: 14px;
	}

	.PQButtright_Year, .PQButtleft_Year, .PQButtright_Month, .PQButtleft_Month {
		display: none;
		position: absolute;
		top: 11px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.PQButtleft_Year {
		left: 6px;
		width: 32px;
		height: 24px;
		background-image: url(/assets/images/dbl_left.png);
		background-size: 32px 18px;
	}

	.PQButtleft_Month {
		left: 54px;
		width: 24px;
		height: 24px;
		background-image: url(/assets/images/whitearrow.png);
		background-size: 18px 18px;
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.PQButtright_Month {
		right: 54px;
		width: 24px;
		height: 24px;
		background-image: url(/assets/images/whitearrow.png);
		background-size: 18px 18px;
	}

	.PQButtright_Year {
		right: 6px;
		width: 32px;
		height: 24px;
		background-image: url(/assets/images/dbl_right.png);
		background-size: 32px 18px;
	}



/* .PQCal_today {
	background-color:#CCC;
} */

/*.PQCal_today > div:nth-child(1) {
	background-color: #eee;
	font-size: 30px !important;
	padding: 5px;
	border-radius: 50%;
	z-index: 9;
	box-shadow: 1px 2px 3px 1px #888;
	min-width: 36px;
	text-align: center;
}*/

.PQCal_selectday {
	font-size:18px;
	font-weight:bold;
}

.PQCal_rowbumper {
	height: 30px;
	width: 260px;
	background-color: #CCC;
}

.calinner {
	display: inline-block;
	width: 260px;
	margin: 0 20px 0 0;
	vertical-align: top;
}

.calouter {
	width: 260px;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.calcontainer {
	position: relative;
	width: 800px;
	left: 0;
	transition-duration: 300ms;
	transition-property: left;
	transition-timing-function: ease-in-out;
}

.beelzeboob {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.dayaux {
	display:none;
	opacity: 0;
	position: absolute;
	z-index: 10;
	text-align: center;
	padding: 6px 12px;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFF;
	box-shadow: 1px 2px 3px 1px #888;
	font-size: 14px;
	min-width: 110px;
}

.bg_loading {
	width: 100%;
	text-align: center;
	background-color: #CCC;
}

.redfv {
	margin-top:	30px;
	padding-top: 30px;
}

.dayaux:after {
	content: "\25BE";
	color: #FFF;
	width: 16px;
	height: 16px;
	bottom: -5px;
	z-index: 9999999;
	position: absolute;
	font-size: 20px;
	left: calc(40%);
}

/*!
 * Cropper.js v1.2.1
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-12-17T10:33:56.588Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
 */
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: .5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: rgba(51, 153, 255, 0.75);
  outline: 1px solid #39f;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px;
  }
}

.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}


/* FAQs */

.faq_container {
   border-color: #ececec;
   border-width: 0 0 1px 0;
   border-style: solid;
}

.faq_intro {
   border-color: #ececec;
   border-width: 0 0 1px 0;
   border-style: solid;
}

.faq_intro p {
   padding: 20px;
}

.faq {
   text-align: left;
   border-color: #ececec;
   border-width: 1px 1px 0 1px;
   border-style: solid;
}

.faq_label {
   font-size: 13px;
   font-weight: 600;
   line-height: 22px;
   padding: 18px 18px 18px 28px;
   cursor: pointer;
   position: relative;
}

.faq_label .formquestion {
   right: unset;
   left: 0;
}

.faq_label:hover {
   background-color: rgb(248, 248, 248);
}

.faq_label_arrow {
   position: absolute;
   top: calc(50% - 19px);
   right: 0;
   height: 38px;
   width: 38px;
   fill: #565656;
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   transition: transform .5s ease-in-out;
}

.faq_label_arrow--displayed {
   transform: rotate(270deg);
}

.faq_p_container {
   padding: 20px;
   border-color: #ececec;
   border-width: 1px 0 0 0;
   border-style: solid;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.66em;
}

.faq_p_container > p,
.faq_p_container > ol {
   margin: 10px;
}

.faq_p_container > p > em {
   font-size: unset;
}

.faq_p_container ol {
   list-style-position: inside;
}

.faq_category_list {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}

.faq_category_list_item {
   display: block;
   list-style: none;
   padding: 12px 14px;
   cursor: pointer;
}

.faq_category_list_item.faq_category_list_item--selected {
   background-color: #969696;
   background-color: rgba(0, 0, 0, 0.08);
   border-radius: 2px;
}

.check_status_content {
   display: flex;
   height: 100%;
   width: 80%;
   max-width: 52vw;
   max-height: 1024px;
   flex-direction: column;
   justify-content: flex-start;
   font-size: 16px;
   margin-top: 3vh;
}

.check_status_content .btn {
   width: 52vw;
}
.check_status_content .top_section {
   display:  flex;
   height: 40%;
   max-height: 400px;
   flex-direction: column;
   justify-content: space-between;
   margin-bottom: 2vh;
}

.check_status_content .bottom_section {
   display: flex;
   height:  40%;
   max-height: 400px;
   flex-direction: column;
   justify-content: space-between;
}

.check_status_content .prompt {
   margin-top: 2vh;
   margin-bottom: 4vh;
}

.top_section .blue_text {
   color: #29abe2;
}

.bottom_section .green_text {
   color:  #8bc53f;
   margin-top: 2vh;
}

.ssologout {

}

.ssologout img {
   max-height: 9vmin;
   width:  auto;
   margin-top: 1vmin;
   margin-bottom: 1vmin;
}