/* link + button color: #00ACC6 */

body-webkit-full-screen {
  width: 100%;
  height: 100%;
}

* {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page, .page__background, .page__content, .list, .segment__item { background-color: #fff !important; }

body, .page, .page--material, .page--material__content, .page__content h1, .page__content h2, .page__content h3, .page__content h5 {  font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important; }

.page__content h1 { font-weight: 300 !important; }
.page__content h4 { font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important; }


/* iMessage */

body.imessage { 
background-color: #fff;
background-image: url(../_images/imessage.png);
background-repeat: no-repeat;
background-size: contain; 
width: 100%; 
height: 100%;
position: relative;
}
    
	@media only screen and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) { 
		body.imessage { 
		background-color: #fff;
		background-image: url(../_images/imessage.png) !important;
		background-repeat: no-repeat;
		background-size: contain; 
		width: 100%; 
		height: 100%;
		position: relative;
		}   
	}

	@media only screen and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
		body.imessage { 
		background-color: #fff;
		background-image: url(../_images/imessagex.png) !important;
		background-repeat: no-repeat;
		background-size: contain; 
		width: 100%; 
		height: 100%;
		position: relative;
		}
    }

ul { list-style: none; padding-left: 0 !important; }

a,
a:visited { text-decoration: none; color: #454545; }
a:visited { color: #474747; }

p.lg { font-size: 20px; line-height: 20px; margin-bottom: 0px; }
p.lgr { font-size: 22px; line-height: 28px; margin-bottom: 0px; }
p.xl { font-size: 24px; line-height: 28px; margin-bottom: 0px; }

.hide { display: none !important; }

.nudge-left { margin-left: 5px; }

.page__content h1 { font-size: 24px !important; margin-left: 0 !important; }
.page__content h1.nudgeleft { margin-left: 8px !important; }

img.user { 
height: 30px;
width: 30px;
border-radius: 100%;
margin: 8px 0 0 8px;
cursor: pointer;
}

	.loanoff-dropdown {
	display: none; 
	position: absolute;
	top: 43px;
	width: 110px;
	background: #fafafa;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.43);
	z-index: 9999999;
	padding: 8px;
	font-size: .9em;
	}
		
		.loanoff-dropdown ul { margin: 0; }
		.loanoff-dropdown ul li { margin-left: 5px; margin-bottom: 15px; color: #454545; }
		.loanoff-dropdown ul li:last-child { margin-bottom: 0px; }
		.loanoff-dropdown ul li a { cursor: pointer; }
		.loanoff-dropdown ul li a:visited,
		.loanoff-dropdown ul li a:active { cursor: pointer; color: #454545; text-decoration: none; }
		.loanoff-dropdown ul li a .fa { margin-right: 3px; width: 15px; text-align: center; }
		

.content { width: 100%; padding: 20px; }
	.content a { color: #00ACC6; }
	.content p.sm { font-size: 14px !important; }

.tile-section { margin: 10px 8px 10px 8px; text-align: center; }

#tabs ul { margin: 0 auto 0 10px; list-style: none; padding-left: 10px; }

#tabs ul li {
float: left; 
width: 49.6%; 
}

#tabs ul li a.tile {
display: block;
text-align: left;
height: 80px;
padding: 0 0 0 10px;
margin: 0px 10px 10px 0px;
border: 2px solid transparent;
border-radius: 6px;
color: #fff;
font-size: 40px; 
font-weight: 700; 
}

	#tabs ul li a span { display: block; font-size: 13px !important; font-weight: 700 !important; }

	#tabs ul li a.tile.one { background: #00487C; }
	#tabs ul li a.tile.two { background: #4BB3FD; }
	#tabs ul li a.tile.three { background: #1C77C3; }
	#tabs ul li a.tile.four { background: #3E6680; }
	
	#tabs ul li a.tile.five,
	#tabs ul li a.tile.six,
	#tabs ul li a.tile.seven { background: #fff; color: #484848; }
	
	#tabs ul li a.tile.five { border-left: 4px solid #767676; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; }
	#tabs ul li a.tile.six { border-left: 4px solid #FEA700; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; }
	#tabs ul li a.tile.seven { border-left: 4px solid #73D382; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; }
	
	#tabs ul li a.tile.five.active,
	#tabs ul li a.tile.six.active,
	#tabs ul li a.tile.seven.active { box-shadow: none; }
	
	#tabs ul li a.tile.active { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border: 2px solid #00ACC6; }
	
	.tab-content { display: none; }
	.tab-content.active { display: block; }
	
.clearfix { 
content: "";
display: table;
clear: both;
height: 0px;
visibility: hidden;
}

	.clearfix.space { margin-bottom: 15px; }
	
.spacer10 { display: block; height: 10px; background: transparent; visibility: hidden; }
.spacer15 { display: block; height: 15px; background: transparent; visibility: hidden; }
.spacer20 { display: block; height: 20px; background: transparent; visibility: hidden; }
.spacer30 { display: block; height: 30px; background: transparent; visibility: hidden; }
.spacer40 { display: block; height: 40px; background: transparent; visibility: hidden; }
.spacer60 { display: block;  height: 60px; background: transparent; visibility: hidden; }

ul.button-stack li { margin-bottom: 10px; }
	
.row:after { content: ""; display: table; clear: both; }

span.light.block { color: #888; display: block; }

.tiny { font-size: 10px !important; color: #ccc; margin-right: 5px; }
.tiny.on { font-size: 10px !important; color: #73D382; }

.list-one .list-item__subtitle,
.list-two .list-item__subtitle,
.list-three .list-item__subtitle,
.list-four .list-item__subtitle { 
margin-left: 20px;
}

	.list-three span.notification,
	.pipeline span.notification { font-size: .9em; font-weight: 500; margin-right: 8px; background: #FFA800; }
	.pipeline .list-item__subtitle { margin-left: 20px; }

h1 { font-weight: 300 !important; }
h4 { text-transform: uppercase; font-family: "Open Sans", "Helvetica", "Arial", sans-serif; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 1px; color: #00436B; margin-left: 8px !important; margin-bottom: 20px; }
h4 .right { float: right; margin-right: 10px; }
h5 { text-indent: 15px; height: 44px; line-height: 44px; }
h1 .fa { font-size: 16px; margin-left: 5px; }
h4 .right { color: #767676 !important; }


.toolbar-button .fa-plus,
.toolbar-button .fa-info-circle,
.toolbar-button
/*.toolbar-button .fa-close*/ { color: #484848 !important; }

.toolbar-button .fa-plus,
.toolbar-button .fa-info-circle { cursor: pointer; }

ons-list.plus {
position: absolute;
top: 50px;
right: 60px;
z-index: 99999;
}

a.teal { color: #00ACC6 !important; font-weight: 500 !important; }

ons-toolbar .left.backs a { margin-left: 10px; color: #474747 !important; cursor: pointer; }

ons-toolbar.right { position: relative; }
ons-toolbar span.subtitle { color: #888; font-size: .8em; display: inline-block; margin-left: 5px; }

.topCenter.toolbar__title { font-size: 14px !important; }

.banner { 
display: block;
background: transparent;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
font-size: .9em;
border-bottom: 1px solid rgba(0,0,0,0.1);
}

#loanupdated-christie .banner { font-size: .88em; }

	.banner.success { background: #E3F6E6; }
	.banner.need { background: #FFEECC; }
	.banner.docsReviewed { display: none; }

	.banner .message .left { float: left; width: 70%; }
	.banner .message { padding: 15px 15px 15px 15px; }
	.banner .message p { margin: 0 !important; }
	.banner .message .right { width: 25%; text-align: right; }
	.banner .message p.small { font-size: 13px !important; }
	
	/*
	.clockbanner { 
	display: block;
	position: absolute; 
	top: 0px;
	left: 0;
	z-index: 999999999;
	height: 48px;
	line-height: 48px;
	width: 100%;
	background: #FFEECC;
	font-size: .9em;
	} */
	
	#sticky { height: 0 !important; }
	
	.clockbanner { 
	display: none;
	position: fixed;
	z-index: 999999;
	height: 48px;
	line-height: 48px;
	width: 100%;
	background: #FFEECC;
	font-size: .9em;
	}
	
		.clockbanner p { margin: 0 0 0 15px; }
	
	.invitebanner { 
	height: 48px;
	line-height: 48px;
	width: 100%;
	background: #E3F6E6;
	font-size: .9em;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	}
		
		.invitebanner p { margin: 0 0 0 15px; }

.tabbar__button { color: #767676 !important; }
:checked + .tabbar__button { color: #00ACC6 !important; }

img.logo { margin-top: 8px !important; height: 24px; width: 131px; }

.drop { position: relative; }

.dropdown { 
display: none;
position: absolute;
top: -1px;
right: 0px;
width: 180px;
z-index: 200001;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
}

	.dropdown ul, .dropdown ul li { border: 0 !important; }
	.dropdown ul li a { color: #474747; text-decoration: none; }
	.dropdown ul li a:active,
	.dropdown ul li a:visited { color: #474747; text-decoration: none; }
	
	.alert-dialog-mask { display: none; z-index: 20000; }
	
.segment__button { color: #484848 !important; border: 1px solid #E8E8E8 !important; }

:active+.segment__button {
background-color: #b3d6ff;
border: 0 solid #00ACC6 !important;
border-top: 1px solid #00ACC6 !important;
border-bottom: 1px solid #00ACC6 !important;
border-right: 1px solid #00ACC6 !important;
}

:checked+.segment__button { background-color: rgba(0,172,198,0.15) !important; color: #00ACC6 !important; border-color: #00ACC6 !important; }

label.block { display: block; margin-bottom: 10px; }
.button { background: #00ACC6 !important; }
.button--quiet { color: #fff !important; }

.button--quiet.centered { display: block; width: 90%; margin: 0 auto !important; text-align: center !important; text-transform: uppercase; font-size: .9em; font-weight: 600; }
.button--cta { background: #00ACC6 !important; border-radius: 6px !important; }
.button--cta.centered { display: block; width: 95%; margin: 0 auto !important; text-align: center !important; text-transform: uppercase; font-size: .9em; font-weight: 600; background: #00ACC6 !important; border-radius: 6px !important; }
.button--cta.outline { background: transparent !important; border: 2px solid #00ACC6 !important; color: #00ACC6 !important; border-radius: 6px !important; }
.button--cta.centered.wider { width: 99%; }


.button--cta.disabled { 
opacity: .3;
cursor: default;
pointer-events: none; }

.button--cta a,
.button a,
.button a:visited,
.button--cta a:visited { color: #fff !important; }

a.button--cta { color: #fff !important; }

a.reg-link { color: #00ACC6; }

.nudge-right { margin-left: 5px; }
a.nudgeleft { margin-left: 10px; }

.upper .list-item { padding: 0 !important; text-indent: 15px; }
.upper .fa { color: #767676; }
.upper .list-item__top { text-transform: uppercase; font-size: 13px; font-weight: 500; color: #1f5a7e; }

.expandable-content { min-height: 44px; }
	.expandable-content ul.expanded { width: 100%; list-style: none; padding: 0; margin: 0; }
	.expandable-content ul.expanded li { height: 44px; line-height: 44px; border-bottom: 1px solid #e8e8e8; color: #484848; font-size: .9em; }

.upper .list-item.expanded > .list-item__expandable-content { box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.4); padding: 0; }
.upper .list-item.expanded > .list-item__expandable-content.pad { padding: 15px; }
.upper .list-item.expanded > .list-item__expandable-content.pad form {  }
.upper .list-item.expanded > .list-item__expandable-content.pad form input[type="text"] { width: 100%; }
.upper ons-switch { top: 6px !important; left: 65%; }
.upper .checkbox { margin-right: 10px; text-indent: 0 !important; }
.upper label { font-size: 13px !important; }
.upper .list-item label.nopull { text-indent: 0 !important; }

a.toggle.accordion-parent { width: 100%; }

.inner {
text-indent: 10px;
overflow: hidden;
display: none;
z-index: 20000;
}

.rel { position: relative; }

label.typ { margin-left: 10px; }
#stack-top label.typ { margin-left: 0 !important; }
.transp label.typ { margin-left: 0 !important; }
.textbox { margin: 10px auto 20px auto; padding: 0; width: 95%; border-bottom: 1px solid #cccccc; text-indent: 0; height: 38px; line-height: 38px; font-size: 20px; }
#stack-top .textbox { width: 98.5% !important; margin: 10px 10px 20px 0px !important; }
.textbox.large { background: #fff; border: 1px solid #ccc; width: 90%; height: auto; min-height: 100px; border-radius: 6px; font-size: 14px; line-height: 24px; padding: 5px; } /* Faux Textarea */
.textbox.med { background: #fff; border: 1px solid #ccc; width: 95%; height: auto; min-height: 40px; border-radius: 6px; font-size: 14px !important; line-height: 24px; padding: 5px; margin: 10px 0 10px 0px !important; }
.textbox.pw { font-size: .8em; }
.textbox.search { background: #fff; width: 97.5%; border-radius: 6px; border: 1px solid #ccc; padding-left: 28px; position: relative; cursor: pointer; }

@media only screen and (min-width: 375px) {
	.textbox.search { width: 90%; }
	.textbox.search.placeholder_assets::after,
	.textbox.search.placeholder_income::after { font-size: .7em !important; } 
}

	.textbox.search::before { 
	content: "\f002";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 15px; 
	position: absolute;
	top: 0px;
	left: 8px;
	z-index: 99999;
	color: #999;
	}
	
	.textbox.search.placeholder_assets::after { 
	content: "Search for your financial institution";
	font-size: .8em; 
	color: #999;
	}
	
	.textbox.search.placeholder_income::after { 
	content: "Search for your CPA, Tax or Payroll provider";
	font-size: .8em; 
	color: #999;
	}
	.textbox.search.placeholder_income.off::after { 
	content: "";
	font-size: .8em; 
	color: #fff;
	}
	
	 .typeahead.banksearch .right { color: #767676 !important; }

#prompt { cursor: pointer; }

/* Faux Typeahead */

.initial, .full { display: none; }

.typeahead { 
display: none;
position: absolute;
top: 38px;
min-height: 100px;
background: #fff;
width: 100%;
padding: 0;
border: 1px solid #ccc;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 14px;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
z-index: 9999;
}

	.typeahead.banksearch { width: 96.4%; top: 130px; left: 25px; min-height: 50px; }
		.typeahead.banksearch .left { margin-left: 10px; }
		.typeahead.banksearch .right { margin-right: 10px; }
		.typeahead.banksearch ul { margin: 0; }
		.typeahead.banksearch ul li { padding: 10px 0; }
		
@media only screen and (min-width: 375px) {
	.typeahead.banksearch { width: 88%; top: 143px; left: 22px; }
}

.cd-accordion-menu ul.ahead_list { display: block; }
	ul.ahead_list li:active { background: #eee; }
	ul.ahead_list li .tname { float: left; color: #454545; margin-left: 10px; }
	ul.ahead_list li .tname .avatar { margin-top: 8px; margin-right: 10px; }
	ul.ahead_list li .firm { float: right; color: #767676; margin-right: 10px; }

.cd-accordion-menu span.label { margin-left: 10px; }
.mobile-field { display: none; }

.pull-left { margin-left: 0px !important; }
	
.cd-accordion-menu {
display: block;
width: 100%;
background: #fff;
margin: 0 auto;
list-style: none;
}

.cd-accordion-menu ul {
display: none;
}
	.cd-accordion-menu ul ul { display: block; }

.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
  position: relative;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}

.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 10px 10px 10px 20px;
  background: #fff;
  box-shadow: inset 0 -1px #cccccc;
  color: #1f5a7e;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.cd-accordion-menu i { color: #767676; margin-left: 5px; }
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #fff;
}
.cd-accordion-menu label::before, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../_images/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label.nochevron::before { background-image: none !important; }

.cd-accordion-menu label::before {
  /* arrow icon */
  right: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
/* .cd-accordion-menu label::after {
 folder icons
  right: 21px;
  background-position: -16px 0;
} */
/* image icon
.cd-accordion-menu a::after {   
  right: 36px;
  background: url(../img/cd-icons.svg) no-repeat -48px 0;
} */
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
/*show open folder icon if item is checked 
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  
  background-position: -32px 0;
} */
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #fff;
  box-shadow: inset 0 -1px #e7e7e7;
  padding-left: 20px;
  color: #484848 !important;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 14px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a { background: #F0F0F0 !important; box-shadow: none; }

.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #ffffff;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  /* box-shadow: none; */
}
.cd-accordion-menu ul label::before {
  right: 36px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 10px;
}

.cd-accordion-menu ul ul.childrensList label,
.cd-accordion-menu ul ul.childrensList a { padding-left: 35px !important; }

.cd-accordion-menu ul ul label::before {
  right: 54px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  right: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  right: 95px;
}

.cd-accordion-menu ons-switch { position: absolute; left: 95%; top: 15px; }

@media only screen and (max-width: 1900px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 24px 24px 24px 42px;
    font-size: 13px;
  }
  .cd-accordion-menu label::before {
    right: 24px;
  }
  .cd-accordion-menu label::after {
    right: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 106px;
  }
  .cd-accordion-menu ul label::before {
    right: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    right: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    right: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    right: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 15px;
  }
  .cd-accordion-menu ul ul ul label::before {
    right: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    right: 125px;
  }
}

@media only screen and (max-width: 768px) {
	
	.cd-accordion-menu ons-switch { position: absolute; left: 90%; top: 15px; }
	.cd-accordion-menu li.has-children label { padding: 24px 24px 24px 24px !important; }
}

@media only screen and (max-width: 425px) {
	
	.cd-accordion-menu ons-switch { position: absolute; left: 85%; top: 15px; }
	.cd-accordion-menu li.has-children label { padding: 24px 24px 24px 24px !important; }
}

@media only screen and (max-width: 375px) {
	.cd-accordion-menu label, .cd-accordion-menu a {
	padding: 24px 24px 24px 32px;
	font-size: 13px;
	}
	.cd-accordion-menu ons-switch { position: absolute; left: 81%; top: 15px; }
	.cd-accordion-menu .segment { width: 40% !important; }
	#inviteToast .toast { margin: 0; padding: 0 10px 0 10px; }
  
	.cd-accordion-menu li.has-children label { padding: 24px 24px 24px 24px !important; }
}

.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-accordion-menu .segment { position: absolute; top: 15px; right: 20px; width: 200px !important; z-index: 9999999; }

.cd-accordion-menu li.block { min-height: 400px; }

.cd-accordion-menu li.header { height: 36px; line-height: 36px; background: #aaa; color: #fff; font-size: .9em; text-indent: 40px; }

#agentform {
position: absolute;
top: 0;
left: 15px;
width: 93%;
z-index: 99999;
}

ons-search-input { width: 92%; margin: 15px auto 15px 10px; }

.cd-accordion-menu ons-checkbox { display: inline-block !important; z-index: 9999999; top: 22px; left: 10px; }
.cd-accordion-menu ul label.consent { padding-left: 50px !important; font-size: .8em; text-transform: inherit !important; }

/* Chat */

iframe { display: none; border: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; }

.chatbanner { background: #FDFDFD; border-bottom: 1px solid #ccc; }
	.chatbanner .teamAvs { float: left; margin: 0 10px; display: block; width: 80px; background: #000; position: relative; }
	.chatbanner .teamAvs img { position: absolute; height: 30px; width: 30px; top: 12px; border: 2px solid #fff; border-radius: 100%; }
	.chatbanner .teamAvs img.one { right: 20px; z-index: 0; }
	.chatbanner .teamAvs img.on { border: 2px solid #6BD27B; z-index: 1; }
	
	.chatbanner p { margin: 0 0 0 70px; padding: 10px; font-size: .9em; width: 80%; float: left; color: #767676; }
	
	@media only screen and (min-width: 375px) {
		.chatbanner p { width: 50%; }
	}
	
	.chatbanner p strong { color: #484848 !important; }
	.chatbanner i { float: right; cursor: pointer; margin: 20px 15px 0 0; color: #484848; }

#chat { position: relative; background: #fff; border-top: 0; border-bottom: 0; height: 99%; display: block; float: left; width: 99.9%; z-index: 5; }
	
	#chat-shorter { position: relative; background: #fff; border-top: 0; border-bottom: 0; height: 88%; display: block; float: left; width: 99.9%; z-index: 5;  overflow-x: hidden; }

	#chat-field { overflow-y: scroll; overflow-x: hidden; height: 100%; font-size: 15px; padding-top: 20px; }
	
		.second-response { display: none; }
	
		h1.timeline {
		overflow: hidden;
		text-align: center;
		color: #8D9AA5; 
		font-size: 13px !important; 
		text-transform: uppercase; 
		letter-spacing: 1px;
		font-weight: 600 !important;
		margin: 15px;
		line-height: 13px;
		}
		/*
		h1.timeline:before, h1.timeline:after {
		background: #8D9AA5;
		content: "";
		display: inline-block;
		height: 1px;
		position: relative;
		vertical-align: middle;
		width: 50%;
		}

		h1.timeline:before {
		right: 0.5em;
		margin-left: -50%;
		}

		h1.timeline:after {
		left: 0.5em;
		margin-right: -50%;
		}
	    */
		#chat-field .row { position: relative; }
		
		#chat-field .row .teamAvs { margin: 0 10px; display: block; width: 80px; background: #000; position: absolute; top: 45%; }
			#chat-field .row .teamAvs.left { float: left; }
			#chat-field .row .teamAvs.righty { right: -40px; }
			#chat-field .row .teamAvs img { position: absolute; height: 20px; width: 20px; top: 12px; border: 2px solid #fff; border-radius: 100%; }
			#chat-field .row .teamAvs img.one { left: 18px; z-index: 1; }
			#chat-field .row .teamAvs img.on { border: 2px solid #6BD27B; z-index: 2; }
	
		#chat-field p { margin: 0; }
	
		#chat-field .chat {
		width: auto;
		float: right;
		margin: 15px 15px 40px 15px; 
		padding: 10px 20px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		position: relative;
		}
		
			#chat-field .chat.user { background: #484848; color: #fff; min-width: 20%; }
			
			#chat-field .chat.bot {
			min-width: 60%; 
			max-width: 60%; 
			background: #E3F4F7;
			float: left;
			}
				#chat-field .chat.bot.lefty { margin-left: 55px; }
				#chat-field .chat.user.righty { margin-right: 55px; width: 60%; }
				
				span.upper { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
			
			#chat-field .chat.bot.highlighted {
      		animation: colorchange 2s;
      		-webkit-animation: colorchange 2s;
    		}

    		@keyframes colorchange
    		{
			0%   {background: #75D701; }
			100% {background: #E3F4F7; }
			}

			@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
			{
			0%   { background: #75D701; }
			100% { background: #E3F4F7; }
			}
				
			.underbar { display: block; position: absolute; top: calc(100% + 5px); width: calc(100%); font-size: .9em; color: #5A6772; }
			.underbar .right { margin-right: 20px; }
			.underbar p.author { display: inline-block; margin: 0px 0px 0px 10px !important; font-size: 13px; text-transform: uppercase; font-weight: 600; }
			.chat.user .underbar .author { color: #484848; }
			.underbar .timestamp { display: inline; color: #8D9AA5 !important; font-size: .9em; }
			
				.you .author { cursor: text !important; }
				
			.you.second { display: none; }
			
			#chat-field .chat::after,
			.row::after { content: ""; display: table; clear: both; }

		/* Typing Dots */
		
		#chat-field .chat.istyping { display: none; float: left; background: transparent; border-radius: 0; position: absolute; bottom: 30px; left: -20px; }
		#chat-field .chat.istyping p { color: #8D9AA5; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; position: absolute; width: 250px; bottom: -25px; font-weight: 500;  }
		
		.dots { font-size: 40px; line-height: 30px; color: #1A9AF3; margin: 0 0 0 15px !important; }

		.dots span {
		font-size: 50px;
		animation-name: blink;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		animation-fill-mode: both;
		 font-family: "Times", serif;
		}

		.dots span:nth-child(2) { animation-delay: .2s; }
		.dots span:nth-child(3) { animation-delay: .4s; }

		@keyframes blink {
  			0% {
    			opacity: .2;
  			}
  			20% {
    			opacity: 1;
  			}
	  		100% {
    			opacity: .2;
  			}
		}
		
		.example { display: none; }
		
		.pad-bottom::after { 
		content: '';
		display: block;
		height: 40px;
		background: transparent;
		}

/* Input Box */

	#chat-box { position: absolute; bottom: 0px; width: 100%; background: #fff; border: 1px solid #e1e1e1; height: 45px; margin-left: -1px; display: block !important; }
		#chat-box input { border: 0; width: 100%; height: 45px; line-height: 45px; font-size: 15px; text-indent: 15px; position: relative; }
		
		#chat-box .fa { position: absolute; top: 15px; right: 10px; z-index: 99999; color: #ccc; }
			#chat-box .fa.on { color: #00ACC6; }
			
		#chat-box .textbox,
		#chat-box .placeholderText,
		#chat-box .placeholderText2 { 
		border: 0 !important;
		width: 100%;
		height: 45px; 
		line-height: 45px;
		font-size: 15px;
		text-indent: 15px;
		position: relative;
		margin: 0;
		}
		
			#chat-box .placeholderText { color: #888; }
			#chat-box .placeholderText2 { color: #888; display: none; }
			
			#chat-box .typist_chat { display: none; }
		
		/*		
		#chat-box input:after { 
		content: "\f1d8";
		display: inline-block;
		font-family: "FontAwesome";
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99999;
		} */

/* Datepicker */

#datepicker { display: block; margin: 10px auto 20px auto; width: 95%; height: 38px; line-height: 38px; border: 1px solid #ccc; border-radius: 6px; font-size: 18px; text-indent: 15px; }

	#datepicker:after {
	content: "\f1ea";
	display: inline-block;
	position: relative;
    font-family: "FontAwesome"; 
    font-weight: 400;
	}

ol { padding-left: 15px; }

.right { float: right; }
.left { float: left; }

.letter { font-size: .8em;  padding: 15px 10px; background: #fff; }
	.letter.noborder { border: 0; background: transparent; }
	.letter .right { float: right; width: 48%; }
	.letter .left { float: left; width: 48%; }
	.lname, .ltitle { font-size: .9em; }
	.lname { font-weight: 600; }

img.avatar { float: left; margin-right: 5px; }

#preapproval2 .bottom-bar__line-height.left { margin-left: 15px; }
#preapproval2 .bottom-bar__line-height.right { margin-right: 15px; }

.list-item__thumbnail { border-radius: 100% !important; }
.list-item__thumbnail.squared { border-radius: 3px !important; }


#activity { font-size: .9em; margin-left: -20px; margin-right: -20px; }
#activity .list-item { padding: 12px 12px 12px 14px !important; }
#activity .fa { color: #767676; font-size: 16px; }
#activity .center { color: #878787; }
#activity .right { color: #878787; font-size: 12px; }

	#activity2 { font-size: .9em; margin-left: -20px; margin-right: -20px; display: none; }
	#activity2 .list-item { padding: 12px 12px 12px 14px !important; }
	#activity2 .fa { color: #767676; font-size: 16px; }
	#activity2 .center { color: #878787; }
	#activity2 .right { color: #878787; font-size: 12px; }

h4.half { float: left; width: 50%; }
.right-seg { float: right; }

table.fullwidth { width: 100%; }
	table.fullwidth thead th { text-align: left; font-size: .9em; }
	table.fullwidth tbody td { font-size: .8em; vertical-align: top; }
	
.signature-bar .left { width: auto; margin-right: 20px; }	
.signature-bar .left.last { margin-right: 0 !important; }
.signature-bar .left p { margin: 10px 0 0 0; }
.signature-bar .left .textbox { font-size: 13px; height: 22px; line-height: 22px; padding: 0px 20px 10px 10px; margin-top: 0px; margin-bottom: 15px; }
.sig-underline { border-bottom: 1px solid #ccc; padding: 0 50px 10px 20px; }
/* Yellow sign button */
.sign { display: block; width: 100px; height: 22px; line-height: 22px; text-align: center; text-transform: uppercase; font-weight: 600; background: #FFE49C; color: #AC393E; padding: 5px; }
.hidden-sig { display: none; }

ul.text-list { }
	ul.text-list li { font-size: .9em; height: 36px; line-height: 38px; }
	ul.text-list li.tick i { margin-right: 5px; color: #888; } 
	ul.text-list li.tick i.done { color: #7ED88C; }
	
	ul.text-list.password_musts { margin-left: 2px; }

p.caveat { font-size: .8em; color: #888; }
	p.caveat a { text-decoration: underline; color: #888; }


	/* Pulsing Dot */
	@-webkit-keyframes pulsate {
	0% { -webkit-transform:scale(0.1,.1); opacity: .3; }
	50% {opacity: .8; }
	100%{ -webkit-transform: scale(1.2,1.2); opacity: 0; }
	}

	@-moz-keyframes pulsate {
	0% { -moz-transform: scale(0.1,.1); opacity: .3; }
	50% { opacity:.8 }
	100%{ -moz-transform:scale(1.2,1.2); opacity: 0; }
	}

	@keyframes pulsate {
	0% { transform: scale(0.1,.1); opacity: .3; }
	50% { opacity: .8; }
	100% { transform: scale(1.2,1.2); opacity: 0; }
	}

	.pulse-dot {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-color: #00436B;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #fff;
	}
	
		.pulse-dot.off { background-color: #00436B; }

	.expanding-circle {
	display: block;
	border: 3px solid #00436B;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 26px;
	width: 26px;
	position: absolute;
	left: -7px;
	top: -7px;
	opacity: 0;
	-webkit-animation: pulsate 1.8s infinite;
	-moz-animation: pulsate 1.8s infinite;
	animation: pulsate 1.8s infinite;
	}

/* Consumer Dashboard Timeline */

.container {
width: 100%;
padding: 10px 0;
margin: 10px auto;
position: relative;
overflow: hidden;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

	.container:before {
	content: '';
	position: absolute;
	top: 40px;
	left: 5%;
	margin-left: 0px;
	margin-top: 20px;
	width: 2px;
	height: 70%;
	background: #CCD1D9;
	z-index: 1
	}
	
	.container h4 { margin-left: 8% !important; }

.timeline-block {
width: -webkit-calc(95% + 16px);
width: -moz-calc(95% + 16px);
width: calc(95% + 16px);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
clear: both;
}

.timeline-block-right {
float: right;
}

.timeline-block-left {
float: left;
direction: rtl
}

.timeline-block .button--cta { width: 90% !important; font-size: .9em; text-transform: uppercase; font-weight: 500; border-radius: 6px; }

.marker {
display: block;
position: absolute;
width: 16px;
height: 16px;
line-height: 16px !important;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 8px solid #fff;
background: #c4c4c4;
margin-top: 7px;
z-index: 9999;
}

	.marker.active { background: #00436B; }

	.marker .expanding-circle {
	display: block;
	border: 3px solid #00436B;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 24px;
	width: 24px;
	position: absolute;
	left: -7px;
	top: -7px;
	opacity: 0;
	-webkit-animation: pulsate 1.8s infinite;
	-moz-animation: pulsate 1.8s infinite;
	animation: pulsate 1.8s infinite;
	}

.timeline-content {
width: 85%;
padding: 0 15px;
color: #666;
margin: 5px 0 0 35px;
}

	.timeline-content h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #454545;
	}

	.timeline-content span {
	font-size: 14px;
	font-weight: 400 !important;
	font-style: italic;
	color: #a4a4a4;
	}

	.timeline-content p {
	font-size: 14px;
	line-height: 1.5em;
	word-spacing: 1px;
	color: #454545;
	}

@media screen and (max-width: 768px) {
   .container:before {
      left: 20px;
      width: 2px;
   }
   .marker { left: 9px; }
   .container h4 { margin-left: 12% !important; }
   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
   }
   .timeline-block-right {
      float: none;
   }
   .timeline-block-left {
      float: none;
      direction: ltr;
   }
}

@media only screen and (min-width: 375px) {
   .container:before {
      left: 24px;
      width: 2px;
   }
   .container h4 { margin-left: 6% !important; }
   .timeline-block {
      width: 100%;
      margin-bottom: 10px;
   }
}

.speed-dial__item--mini img { margin-top: 5px !important; }

.team { position: relative; }
	.team img { position: absolute; top: 8px; z-index: 20000; border-radius: 50%; border: 2px solid #fff; height: 24px; width: 24px; cursor: pointer; }
	.team img.first { right: 10px; }
	.team img.second { right: 30px; }
	.team img.on { border: 2px solid #6BD27B; right: 50px; }

.hamburger .badge { 
position: absolute; 
top: 6px; 
left: 18px;
font-size: .7em; 
height: 14px; 
width: 14px; 
line-height: 14px;
background: #fe3824;
border-radius: 100%;
text-align: center;
color: #fff;
font-family: -apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
}

#menu .page__background { background: #fff !important; }
	#menu .list { background-image: none !important; }
	#menu .list .list-item { padding: 0 !important; font-size: 18px; font-weight: 600; border-left: 4px solid transparent; margin-bottom: 15px; position: relative; }
		#menu.menu2 { margin-bottom: 0px !important; }
	#menu .list .list-item .list-item__center { padding-left: 14px; }
	#menu .list-item .notification { position: absolute; top: 12px; right: 10px; text-indent: 0 !important; }
	#menu img.sidelogo { text-align: center; margin: 10px auto; height: 30px; width: 164px; }
	#menu .list-item.current { background: #E6F7FA; border-left: 4px solid #00ACC6; }
	#menu .list-item--logoitem { pointer-events: none; }
	#menu .list-item--logoitem.current { background: transparent !important; border-left: 4px solid transparent !important; }
	#menu .list-item--noborder { text-decoration: underline; cursor: pointer; }
	
	#menu .sublist { margin-top: 20px; }
	#menu .list .sublist .list-item { font-size: 14px; font-weight: 400; margin-left: 0px !important; }
	#menu .list .sublist .list-item .list-item__center { margin-left: 0px !important; }
	#menu .sublist .list-item .fa { font-size: 15px !important; color: #ccc; margin-right: 5px; }
	.nobottommargin { margin-bottom: 0 !important; }
	
#right-sidebar { 
display: none;
position: absolute;
top: 44px;
right: 0;
width: 220px;
height: 100%;
background: #fff;
z-index: 999999;
border-left: 1px solid #ccc;
}

	#right-sidebar .left h4 { margin-left: 15px !important; }
	#right-sidebar .right .fa { margin: 15px 15px 0 0 !important; cursor: pointer; }
	#right-sidebar ons-list { height: 100%; }
	#right-sidebar .list-item { margin-bottom: 10px; }
	#right-sidebar .list-item__thumbnail { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.32); border: 3px solid transparent; }
	#right-sidebar .list-item__thumbnail.on { border: 3px solid #6BD27B; right: 30px; }
	#right-sidebar .list-item__title { font-weight: 500; font-size: .9em; }
	#right-sidebar .list-item__subtitle { color: #464646 !important; font-size: .8em; }
	#right-sidebar .list-item .center { margin-left: 0px; }
	#right-sidebar .list-item.last { padding-bottom: 30px !important; }
	#right-sidebar .list-item.first { padding-top: 10px !important; }
	#right-sidebar a.contact { color: #00ACC6; font-weight: 500; position: relative; cursor: pointer; }
		
		#right-sidebar .contact-dropdown {
		display: none; 
		position: absolute;
		top: 80px;
		width: 110px;
		background: #fafafa;
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.43);
		z-index: 9999999;
		padding: 5px;
		font-size: .8em;
		}
		
		#right-sidebar .contact-dropdown ul { margin: 0; }
		#right-sidebar .contact-dropdown ul li { margin-left: 5px; margin-bottom: 5px; color: #454545; }
		#right-sidebar .contact-dropdown ul li:last-child { margin-bottom: 0px; }
		#right-sidebar .contact-dropdown ul li a { cursor: pointer; }
		#right-sidebar .contact-dropdown ul li a:visited,
		#right-sidebar .contact-dropdown ul li a:active { cursor: pointer; color: #454545; text-decoration: none; }
		#right-sidebar .contact-dropdown ul li a .fa { margin-right: 3px; width: 15px; text-align: center; }
		
		.topRight a { margin-right: 15px; font-size: .9em; }

		#topRight .contact-dropdown {
		display: none; 
		position: absolute;
		top: 0px;
		right: 0px;
		width: 110px;
		background: #fafafa;
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.43);
		z-index: 9999999;
		padding: 5px;
		font-size: .8em;
		}
		
		#topRight .contact-dropdown ul { margin: 0; }
		#topRight .contact-dropdown ul li { margin-left: 5px; margin-bottom: 5px; color: #454545; }
		#topRight .contact-dropdown ul li:last-child { margin-bottom: 0px; }
		#topRight .contact-dropdown ul li a { cursor: pointer; }
		#topRight .contact-dropdown ul li a:visited,
		#topRight .contact-dropdown ul li a:active { cursor: pointer; color: #454545; text-decoration: none; }
		#topRight .contact-dropdown ul li a .fa { margin-right: 3px; width: 15px; text-align: center; }
		

/* old team garbage
#team .page__background { background: #fff !important; }
	#team .fa-arrow-right { margin-top: -2px; }
	#team .list-item__thumbnail { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.32); border: 3px solid transparent; }
		#team .list-item__thumbnail.on { border: 3px solid #6BD27B; right: 30px; }
	#team .list-item__title { font-weight: 500; margin-bottom: 5px; font-size: .9em; }
	#team .list-item__subtitle { color: #464646 !important; font-size: .8em; }
	#team .list-item .center { margin-left: 0px; }
	#team .page { z-index: 9999999; }
*/

ons-col.asset { background: #fff; border: 1px solid #ccc; border-radius: 5px; height: 80px; line-height: 80px; vertical-align: middle; margin: 5px; text-align: center; }
	ons-col.asset img { text-align: center; margin: 0 auto; vertical-align: middle; }

#assets ons-search-input { margin-left: 5px !important; }
#assets .segment { margin-left: 5px !important; }

.centered { text-align: center; margin: 0 auto; }
	a.centered { display: block; }

#myToast {  }
.toast { bottom: 87% !important; }
#myToast .toast__message p { margin: 0 !important; }
.toast__message a { color: #fff !important; }

#inviteToast .toast__message p { width: 50% !important; float: left; }
#inviteToast a.edit { text-decoration: underline; cursor: pointer; }

.tax-set { display: none; }
.extra { display: none; }

.typist_password { font-size: .8em !important; letter-spacing: 1px; }
.password_musts li.tick .fa { color: #aaa; }
.password_musts li.tick .fa.on { color: #6BD27B; }

.fab { background: #00436B !important; }

ons-fab a,
ons-fab a:active,
ons-fab a:visited { color: #fff !important; }

#income-dialog .dialog-container { padding: 20px 10px 20px 10px; text-align: left; }
.content #income-dialog a { color: #fff !important; }
#income-dialog p,
#income-dialog h2 { margin: 0px 15px 15px 15px; }

ons-list.transp.list { background: transparent; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	ons-list.transp.list p { margin: 0; color: #484848; }
	ons-list.transp.list ons-button { text-transform: uppercase; font-weight: 600; font-size: 14px; }
	ons-list.transp.list .fa { color: #767676; width: 30px; text-align: center; }
	ons-list.transp.list span.sm { font-size: .9em !important; }
	ons-list.transp.list span.title { font-weight: 600; display: block; margin-bottom: 10px; }

.list.transp { background: transparent; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	.list.transp p { margin: 0; color: #484848; }
	.list.transp ons-button { text-transform: uppercase; font-weight: 600; font-size: 14px; }
	.list.transp .fa { color: #767676; width: 30px; text-align: center; }
	.list.transp span.sm { font-size: .9em !important; }
	.list.transp span.title { font-weight: 600; display: block; margin-bottom: 10px; }
	.list.transp .radio-button { margin-right: 10px; }
	
.button--outline { border: 2px solid #00ACC6 !important; color: #00ACC6 !important; background: transparent !important; }

.radio-button__checkmark:after {
border: 2px solid #00ACC6 !important;
border-top: none !important;
border-right: none !important;
}

.asset.selected { background: #f1f1f1; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.10); }

#loading .fa-spinner { font-size: 100px !important; text-align: center; margin: 100px auto; }

#taxreturns .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#taxreturns2 .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#create .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#taxreturns1 .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#taxreturns2 .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#Tab1 .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#loanupdated-christie .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }
#creditinquiry .vertical-centered-box { background: #fff; width: 100%; display: none; z-index: 999999; }

body.imessage .vertical-centered-box { background: #fff !important; width: 100% !important; display: none; z-index: 999999; }

.vertical-centered-box {
  position: absolute;
  width: 90%;
  height: 100%;
  text-align: center;
}
.vertical-centered-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
}
.vertical-centered-box .contain {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
}

.loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #ccc;
  margin-left: -60px;
  margin-top: -60px;
}
.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0,0,0,0));
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
  -o-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}
.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px #6AE4FF;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);}}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-moz-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-o-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-o-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
[not-existing] {
  zoom: 1;
}

#banner { 
display: block;
background: #E3F6E6;
margin-left: -20px;
margin-right: -20px;
padding: 10px;
font-size: .9em;
border-bottom: 1px solid #D7E9DA;
}

	#banner .left { float: left; width: 60%; }
	#banner .right { float: right; width: 25%; text-align: right; }
	#banner .right a { color: #00ACC6; }
	
#blue-banner { 
display: block;
background: #004F9B;
margin-left: -20px;
margin-right: -20px;
font-size: .9em;
color: #fff;
height: 60px;
line-height: 60px;
vertical-align: middle;
}

	#blue-banner .left { float: left; width: 27%; margin-left: 10px; }
	#blue-banner .center { float: left; width: 35%; text-align: center; }
	#blue-banner .right { float: right; width: 27%; text-align: right; margin-right: 10px; }
	#blue-banner .right ons-button { background: #FFC742 !important; color: #333; font-size: 14px; font-weight: 600; text-transform: uppercase; }

#score-dialog .dialog-container { padding: 20px 10px 20px 10px; text-align: left; }
.content #score-dialog a { color: #fff !important; }
#score-dialog p,
#score-dialog h2 { margin: 0px 15px 15px 15px; }
#score-dialog h2 { float: left; width: 50%; }
#score-dialog .fa-times { float: right; margin-right: 3px; margin-top: -5px; }
#score-dialog img { text-align: center; margin: 10px auto; display: block; }
#score-prompt { cursor: pointer; }

@media only screen and (min-width: 375px) {
	#score-dialog .dialog { min-width: 300px; }
	#score-dialog h2 { font-size: 18px; }
	#score-dialog p { font-size: .8em; }
	#score-dialog img { width: 80%; }
}

#plsadd { display: none; }
	#plsadd.block { display: block; }

.explanationBox { display: none; margin: 10px 0 15px 0; }
	.explanationBox.block { display: block; }

.signin { display: none; }

.swapThis { white-space: nowrap; }

.uploaded img { float: left; margin-right: 15px; }
.uploaded span { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; }

ons-action-sheet-button .action-sheet-button.center { text-align: center !important; }
.action-sheet-button.left { float: none !important; text-align: left !important; text-indent: 15px !important; }
.action-sheet-button.left .fa { float: right; margin-right: 15px; }

img.photopage { width: 100%; height: 100%; margin: 0 auto; text-align: center; }

.dog { 
width: 100%;
height: 100%;
background: url(../_images/dog-large.png) no-repeat;
background-size: 100% 100%;
}

.back-button { color: #474747 !important; }
.back-button svg { display: none !important; }
.back-button__icon::before { content: "\f060"; font-family: "FontAwesome"; display: inline-block; }
.back-button__icon { fill: #474747 !important; }
.back-button__label { display: none !important; }

/* Quantity component */

.quantity-wrap { position: absolute; right: 20px; top: 18px; z-index: 99999; }
	.quantity-wrap .btn.btn-default { height: 25px; width: 25px; box-shadow: none; border-radius: 100%; border: 2px solid #757575; background: #fff; text-align: center; cursor: pointer; }
	.quantity-wrap .btn.btn-default i { margin-left: -1px; color: #757575; }
	.quantity-wrap #input-quantity { max-width: 50px; text-align: center; border: 0; font-size: 14px; color: #484848; }

span.time { display: inline; position: absolute; right: 20px; top: 22px; background: #fff; width: 100px; text-align: right; }
	span.time i { margin-left: 10px; color: #757575; }

.chats .list-item__subtitle { margin-left: 18px; }
.chats .timestamp { display: block; font-size: .8em; color: #878787; margin-right: 10px; white-space: nowrap; }
.chats .chat-badge { display: block; height: 22px; width: 22px; background: #484848; border-radius: 3px; color: #fff; text-align: center; line-height: 22px; vertical-align: middle; font-size: .9em; margin-right: 10px; }

@media only screen and (min-width: 375px) {
	.chats .list-item__title { font-size: .9em; }
	.chats .list-item__subtitle { font-size: .8em; }
	#chat-field { padding-top: 5px; }
}

.docsUploaded { margin-left: 15px; }

.radio-button--border {      
box-sizing: border-box;
width: 22px;
height: 22px;
border: 1px solid #c7c7cd;
border-radius: 22px;
left: 0;   
}

:checked + .checkbox__checkmark::before { background: #00ACC6 !important; }

#loanupdated-christie .content,
#loanupdated-christie2 .content { padding: 15px !important; }
#loanupdated-christie h4,
#loanupdated-christie2 h4 { margin-left: 0 !important; }
#loanupdated-christie #tabs ul,
#loanupdated-christie2 #tabs ul { margin: 0 0 0 0 !important; }
#loanupdated-christie #activity,
#loanupdated-christie #activity2 { margin-left: -15px; margin-right: -15px; }
#loanupdated-christie2 #activity,
#loanupdated-christie2 #activity2 { margin-left: -15px; margin-right: -15px; }

#activity2 .alt { background: #f8f8f8 !important; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

#loanupdated .content,
#loanupdated2 .content { padding: 15px !important; }
#loanupdated h4,
#loanupdated2 h4 { margin-left: 0 !important; }
#loanupdated #tabs ul,
#loanupdated2 #tabs ul { margin: 0 0 0 0 !important; }
#loanupdated #activity,
#loanupdated #activity2 { margin-left: -15px; margin-right: -15px; }
#loanupdated2 #activity,
#loanupdated2 #activity2 { margin-left: -15px; margin-right: -15px; }

ul.button-stack .button--cta.centered { width: 99%; margin: 0; border-radius: 6px; }

span.green { color: #73D382; display: inline-block; margin-left: 5px; font-weight: 600; }


	.truncated { 
	max-width: 50%; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	}