/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 1.8em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.4em;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/*
* function entitlement
*/

.unentitlemented {
    cursor: default;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/********************************************************
Billfin CSS 

File: core.css

Main layout, navigation, and text styles

********************************************************/
/********************************************************
COLORS/fonts
********************************************************/
/*
	header background/filter selected/combobox hover:#20acee;
	sidebar background: #5b6168;
	alert red : #d33440 
	secondary nav background: #393f46;
	secondary nav accent #353a41;
	default button border: #636363;
	blue button border/color: #20acee;
	question #d1d1d1;
	green selected color: #3f973f;
	fee-schedule border-bottom last #c2c2c2;
	input light gray #ebebeb; or... #e1e1e1;
	+-/grid  BG #f1f1f1
	fitlerbar background #e8e8e8;
	filterbar accent #dadada;
	filter open/slideout edit header #76b737;
	filter context menu #2f2f2f;
	grid borders: #d7d7d7;#8c9cab;
	grid hover/combobox open:#cdecfb
	grid note button bg #e3f5e3
	currency background: #cccccc;
	combobx bg #edeff0;
	another BG #e3e3e3
	and another #efefef
	popup close button #888888;
	slideout background #e6e6e6;
	slideout conflict button #f5ca00;
	cancel button #a4b2c0;
	valuation-container border-bottom #c6c6c6;
	invoice button bg #e9e9e9;
	font-family: 'Avenir LT W01 35 Light',
	
	font-family: "Avenir LT W01 85 Heavy";
*/

body * {
	box-sizing: border-box;
	outline: none;
}
body {
	font-family: 'Avenir LT W01 35 Light', sans-serif;
	background: #fff url(../img/main-bg.png) repeat-y left;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-family: "Avenir LT W01 85 Heavy";
}
/********************************************************
container
********************************************************/
.rootPanel {
	overflow: hidden;
	background-color: #5b6168;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
}
.container {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.two-col {
	width: 50%;
	float: left;
}
/********************************************************
Header and navigation
********************************************************/
.page.header {
	background: #20acee;
	width: 100%;
	height: 60px;
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 11;
	min-width: 745px;
}

.page.header .header-reset {
	position: relative;
	max-width: 1480px;
	width: 100%;
}

.page.header #header-actions {
	display: inline-block;
	float: right;
	padding-right: 20px;
}

.page.header .header-item {
	display: inline-block;
	vertical-align: top;
	height: 60px;
}

#header-cog-width, #header-help-width, #header-payout-width {
	width: 65px;
}

.page.header h1.logo-redi2 {
	background: url(../img/new-logo.png) 45px 50% no-repeat;
	width: 300px;
}

.page.header h1.logo-redi2-payouts {
	background: url(../img/new-logo-payouts.png) 45px 50% no-repeat;
	width: 400px;
	background-size: auto 50px;
}

.page.header h1.logo-circleblack {
	background: url(../img/BILLING-logo.png?20200330) 45px 50% no-repeat;
	width: 300px;
}

.page.header h1.logo-blueleaf {
	background: url(../img/blueleaf-logo.png) 45px 50% no-repeat;
	width: 500px;
}

.page.header h1.logo-fidelity {
	background:url(../img/fidelity-logo.png) 0px 50% no-repeat;
	background-size:contain;
	width:400px;
	margin-left:45px;
}

.page.header h1.logo-fidelity a {
	width:400px;
}

.page.header h1 {
	height: 60px;
	text-indent: -9999px;
	margin: 0;
}

.page.header h1 a {
	width: 180px;
	height: 60px;
	display: block;
}

.page.header .user {
	height: 60px;
	padding: 24px 10px 22px;
	color: #fff;
	font-size: 12.5px;
	text-transform: uppercase;
	margin: 0;
	cursor: pointer;
}

.page.header .userlabel {
	height: 60px;
	padding: 24px 10px 22px;
	color: #fff;
	font-size: 12.5px;
	text-transform: uppercase;
	margin: 0;	
}

.page.header .user:hover {
	background-color: #0390d3;
	color: #5b6168;
}

.page.header .open .user,
.page.header .open .header-cog,
.page.header .open .header-help {
	color: #fff;
	background-color: #393F46;
}
.page.header .payout-link,
.page.header .setup-link {
	height: 60px;
	width: 50px;
	padding: 20px 0;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	cursor: pointer;
}
.page.header .payout-link:hover,
.page.header .setup-link:hover {
	color: #5b6168;
}
.page.header .open .payout-link,
.page.header .open .setup-link {
	color: #fff;
	background-color:#323C44;
}


.page.header .header-payout {
	content: '';
	display: block;
	height: 60px;
	width: 100%;
	background: url(../img/icons.png?01172018) 8px -4059px no-repeat;
}

.page.header .header-payout:hover {
	background: #0390d3 url(../img/icons.png?01172018) 8px -3999px no-repeat;
}
.page.header .open .header-payout:hover {
	background: #393F46 url(../img/icons.png?01172018) 9px -3999px no-repeat;
}

.page.header .header-cog {
	content: '';
	display: block;
	height: 60px;
	width: 100%;
	background: url(../img/icons.png) 8px -3508px no-repeat;
}

.page.header .header-cog:hover {
	background: #0390d3 url(../img/icons.png) 8px -3558px no-repeat;
}
.page.header .open .header-cog:hover {
	background: #393F46 url(../img/icons.png) 9px -3558px no-repeat;
}

.page.header .help-link {
	height: 60px;
	width: 50px;
	padding: 20px 0;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	cursor: pointer;
}
.page.header .help-link:hover {
	color: #5b6168;
}
.page.header .open .help-link {
	color: #fff;
	background-color:#323C44;
}


.page.header .header-help {
	content: '';
	display: block;
	height: 60px;
	width: 100%;
	background: url(../img/icons.png?version=20170728) 8px -3942px no-repeat;
}

.page.header .header-help:hover {
	background: #0390d3 url(../img/icons.png?version=20170728) 8px -3885px no-repeat;
}
.page.header .open .header-help:hover {
	background: #393F46 url(../img/icons.png?version=20170728) 9px -3885px no-repeat;
}


.page.header .powered-by-container {
	background: url(../img/powered-by-Envestnet.png) 0px 50% no-repeat;
	position: absolute;
	height: 60px;
	text-indent: -9999px;
	display: block;
	width: 300px;
	right: 0;
	top: 0;
	margin: 0;
	text-align: right;
	background-size: 60%;
}

/********************************************************
footer
********************************************************/

.app-footer {
	background-color: #1f2a33;
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.app-footer-content {
	color: #8b9baa;
	text-align: center;
}

.app-footer a{
	color: #8b9baa;
	cursor: pointer;
}
.app-footer .copyright-footer,
.app-footer	.user-agreement-footer {
	line-height:45px;
}

.app-footer .user-agreement-footer:after {
	content: "|";
	margin: 0 22px 0 30px;
}
/********************************************************
main
********************************************************/
main.main {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
/********************************************************
sidebar
********************************************************/
.sidebar {
	width: 180px;
	position:absolute;
	left:0;
	top:0;
	background: #5b6168;
	overflow: hidden;
	padding-top: 55px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.sidebar nav ul {
	padding: 0;
}
.sidebar nav li {
	background-image: url(../img/nav-icons.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: 0;
	height: 55px;
	padding: 22px 22px 22px 52px;
	border-bottom: 1px solid #5b6168;
	font-size: 14px;
	letter-spacing: 1.2px;
	cursor: pointer;
}
.sidebar nav li.secondary {
	background-color: #393f46;
	border-bottom: 1px solid #353a41;
}
.sidebar nav li a {
	color: #97a7b7;
	text-transform: uppercase;
	text-decoration: none;
}
.sidebar nav.secondary li.flow-type {
	padding-top: 12px;
	white-space:normal;
	line-height: 1.2;
}
.customizeflowdescription {
	display: flex;
    justify-content: flex-end;
    padding: 0px 22px;
    margin: -10px 0;
}
.sidebar nav li a:disabled {
	cursor: not-allowed;
}
.sidebar nav li.fees {
	background-position: 0 24px;
}
.sidebar nav li.invoices {
	background-position: 0 -31px;
}
.sidebar nav li.debit-files {
	background-position: 0 -86px;
}
.sidebar nav li.clients {
	background-position: 0 -137px;
}
.sidebar nav li.reports {
	background-position: 0 -192px;
}
.sidebar nav li.payouts {
	background-image: url(../img/payout-nav-icons.png);
	background-position: -3px -105px;
}
.sidebar nav li.payouts .payout-menu li {
	background-image: none;
}
.sidebar nav li.payouts .payout-menu li:before {
	background-image: url(../img/payout-nav-icons.png);
}
.sidebar nav li.payouts .payout-menu li:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    margin-left: -34px;
    margin-top: -3px;
}
.sidebar nav li.payouts .payout-menu li.account-assignment-payout.payout-menu-item:before {
	background-position: -15px -181px;
}
.sidebar nav li.payouts .payout-menu li.account-assignment-payout.payout-menu-item:hover:before {
	background-position: -75px -181px;
}
.sidebar nav li.payouts .payout-menu li.fee-sched-payout.payout-menu-item:before {
	background-position: -15px -237px;
}
.sidebar nav li.payouts .payout-menu li.fee-sched-payout.payout-menu-item:hover:before {
	background-position: -75px -237px;
}
.sidebar nav li.payouts .payout-menu li.advisors-setup.setup-menu-item:before {
	background-position: -15px -290px;
}
.sidebar nav li.payouts .payout-menu li.advisors-setup.setup-menu-item:hover:before {
	background-position: -75px -290px;
}
.sidebar nav li.admin {
	background-position: 0 -300px;
}
.sidebar nav li.fee-sched {
	background-position: 0 -355px;
}
.sidebar nav li.advisors {
	background-position: 0 -410px;
}
.sidebar nav li.custodians {
	background-position: 0 -464px;
}
.sidebar nav li.users {
	background-position: 0 -520px;
}
.sidebar nav li.firm {
	background-position: 0 -572px;
}
.sidebar nav li.flow-type {
	background-position: 0 -780px;
}
.sidebar nav li.integration {
	background-position: -1px -518px;
}
.sidebar nav li.asset-classes {
	background-position: -1px -624px;
}
.sidebar nav li.fees:hover,
.sidebar nav li.fees.on {
	background-position: -196px 24px;
}
.sidebar nav li.invoices:hover,
.sidebar nav li.invoices.on {
	background-position: -196px -31px;
}
.sidebar nav li.debit-files:hover,
.sidebar nav li.debit-files.on {
	background-position: -196px -86px;
}
.sidebar nav li.clients:hover,
.sidebar nav li.clients.on {
	background-position: -196px -137px;
}
.sidebar nav li.reports:hover,
.sidebar nav li.reports.on {
	background-position: -196px -192px;
}
.sidebar nav li.payouts:hover,
.sidebar nav li.payouts.on {
	background-position: -63px -105px;
}
.sidebar nav li.admin:hover,
.sidebar nav li.admin.on {
	background-position: -196px -300px;
}
.sidebar nav li.fee-sched:hover,
.sidebar nav li.fee-sched.on {
	background-position: -195px -355px;
}
.sidebar nav li.advisors:hover,
.sidebar nav li.advisors.on {
	background-position: -196px -410px;
}
.sidebar nav li.custodians:hover,
.sidebar nav li.custodians.on {
	background-position: -196px -464px;
}
.sidebar nav li.users:hover,
.sidebar nav li.users.on {
	background-position: -196px -520px;
}
.sidebar nav li.firm:hover,
.sidebar nav li.firm.on {
	background-position: -196px -572px;
}

.sidebar nav.secondary li.flow-type:hover,
.sidebar nav.secondary li.flow-type.on{
	background-position: -194px -780px;
}
.sidebar nav li.integration:hover,
.sidebar nav li.integration.on {
	background-position: -195px -518px;
}
.sidebar nav li.asset-classes:hover,
.sidebar nav li.asset-classes.on {
	background-position: -195px -624px;
}
.sidebar nav li:hover > a,
.sidebar nav li.on > a {
	color: #fff;
}
.sidebar nav li.audit {
	background-position: 0 -247px;
}
.sidebar nav li.audit:hover,
.sidebar nav li.audit.on {
	background-position: -193px -247px;
}
.sidebar .nav.secondary {
	height: 60px;
	overflow: hidden;
	-webkit-transition: height .5s;
	transition: height .5s;
}
.sidebar .nav.secondary.on {
	height: 300px;
	overflow-y: auto;
}
.sidebar .nav.secondary li {
	line-height: 22px;
	white-space: nowrap;
}
.sidebar .payout-container.open {
    width: 187px;
    margin-left: -52px;
}
.sidebar nav ul li {
	width: 100%;
}
.sidebar nav ul li.payouts#header-payout-width {
	height: auto;
	padding-bottom: 8px;
}
.sidebar .payout-container .payout-menu.open {
    position: relative;
    width: 100%;
	padding: 0;
	top: 0;
}
.sidebar .payout-container .payout-menu.open li {
	width: 100%;
	margin: 0;
	background-position: 0 -35px;
}
/********************************************************
app
********************************************************/
.app {
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	position:absolute;
	left: 179px;
	right:0;
	bottom:0;
	top: 60px;
	height:auto;
	background:#fff;
	max-width: 1300px;
}
.login .app {
    left:0;
} 
.app .header {
	padding: 20px 45px;
	min-height: 150px;
	position: relative;
}
.app .page.fee .header {
	min-height: 175px;
}
.app .page.invoice .header,
.app .page.debit-file .header {
	height:130px;
	padding:20px 45px 0;
}
.app .asset-node .header h1,
.app .header h1 {
	margin: 0 90px 0 0;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	float: left;
}
/********************************************************
maintenance
********************************************************/
.maintenance {
	padding: 35px;
}
.maintenance .header {
	padding: 0;
	height: auto;
	min-height: 40px;
}
.maintenance .header h1 {
	text-align: left;
}
.maintenance .header p {
	width: 525px;
	clear: left;
}

.page.maintenance.asset-node p{
	width:auto
}

.maintenance.firm-setup p {
	width: 100%;
	clear: left;
}
.maintenance.firm-setup .money-or-percentage + p {
	margin-top: 6px;
}

#firm-wrapper {
	padding-bottom: 50px;
	margin: 0px 33px;
}

.maintenance .table-wrapper {
	margin: 0px 33px;
	padding-bottom: 50px;
}

.maintenance .table-border {
	border: 1px solid #c2c2c2;
    border-radius: 4px;
}

.maintenance table th {
	text-align: left;
	text-transform: uppercase;
	background: #f1f1f1;
}
.maintenance table td {
	background: #fff;
}
.maintenance table td.edit,
.maintenance table td.delete {
	width: 70px;
	padding: 0;
}
.maintenance table .security td.edit ,
.maintenance table .asset-class td.edit {
    padding: 0 0 0 15px;
}
.maintenance table td.edit .btn,
.maintenance table td.delete .btn {
	border: none;
	width: 40px;
}
.maintenance table td.disabledRole {
	background-color: #ff6289;
    color: #FFFFFF;
    border-radius: 25px;
    text-align: center;
}
.maintenance table td.edit .btn {
	text-indent: -9999px;
	margin-left: 7px;
}
.maintenance table td.delete .btn {
	font-size: 20px;
	color: #3f973f;
	margin-left: 17px;
}
.maintenance table .count {
	text-align: center;
}
.maintenance .add-container {
	float: none;
}
.maintenance.asset-node .add-container {
	float: none;
	margin-top: 20px;
}
.maintenance .btn-container .btn-save {
	padding: 12px;
}
.maintenance .integrations-container h2 {
	margin-bottom: -10px;
	font-size: 18px;
}
.maintenance .integrations-container h3 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 16px;
}
.maintenance .integrations-container {
	padding-bottom: 50px;
}
.maintenance .integration-container.address-integration-container {
	/*width: 528px;*/
	margin-right: auto;
	margin-left: auto;
}
/*tooltip*/

#redi2-tooltip {
	background: #2f2f2f;
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	z-index: 1000000;
	max-width: 400px;
	opacity: 0;
	font-size: 14px;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	-webkit-transition-timing-function: cubic-bezier(1, .01, .74, .71);
	transition-timing-function: cubic-bezier(1, .01, .74, .71);
}
#redi2-tooltip.shown {
	opacity: 1;
}
#redi2-tooltip.tthidden {
	opacity: 0;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}
#redi2-tooltip:before {
	position: absolute;
	display: block;
	top: -7px;
	left: 10px;
	z-index: 10;
	line-height: 5px;
	width: 9px;
	height: 5px;
	content: url(../img/flag-notch.png);
}
footer {
 	background-color:#1f2a33;
	background-image: -moz-linear-gradient( 120deg, #1f2a33 0%, #1c252d 100%);
	background-image: -webkit-linear-gradient( 120deg, #1f2a33 0%, #1c252d 100%);
	background-image: -ms-linear-gradient( 120deg, #1f2a33 0%, #1c252d 100%);
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	z-index: 339;
	color: #8b9baa;
} 
footer .copyright-footer {
	position: absolute;
	right: 145px;
	font-size: 14px;
	margin-top: -7px;
	top: 50%;
}
footer .user-agreement-footer {
	position: absolute;
	left: 115px;
	font-size: 14px;
	margin-top: -7px;
	top: 50%;
}

.user-container {
	height: 100%;
	padding-top: 17px;
}
.firm-container {
	display: flex;
	align-items: center;
	height: 100%;
}
.portal-link {
	font-size: 12px;
	color: #fff;
}
.payout-container.open,
.user-container.open {
	background-color: #393f46;
	color: #fff;
	z-index: 1000000;
	text-transform: uppercase;
}
.payout-container .payout-menu,
.user-container .user-menu {
	display:none;
	position: absolute;
	width: 200px;
	padding: 0px;
}
.payout-container.open .payout-menu,
.user-container.open .user-menu {
	margin: 10px 0;
	color: #97a7b7;
	font-size: 11px;
	font-family: "Avenir LT W01 85 Heavy";
	display: block;
	top: 50px;
	padding: 10px 20px 10px 20px;
	width: 200px;
	background-color: #393f46;
}
.payout-container.open li,
.user-container.open li {
	list-style-type: none;
	width: 220px;
	margin: 8px 0;
	cursor: pointer;
}
.payout-container.open li:hover,
.user-container.open li:hover {
	color: #fff;
}


/* .setup-container {
	position: absolute;
	top: 0;
	right: 205px;
} */
.payout-container.open,
.setup-container.open {
	/*min-width: 200px;*/
	color: #fff;
	z-index: 1000000;
	text-transform: uppercase;
	width:65px;
}


.setup-container .setup-menu, .payout-container .payout-menu,.help-container .help-menu  {
	display:none;
	position: absolute;
	width: 215px;
	background-color: #393f46;
	padding:10px 20px 10px 35px;
	top: 44px;
}
.setup-container.open .setup-menu,.payout-container.open .payout-menu, .help-container.open .help-menu {
	display: block;
}
.setup-container.open li, .payout-container.open li, .help-container.open li, .help-container.open li a {
	list-style-type: none;
	margin: 10px 0;
	left: 0;
	position: relative;
	color:#97a7b7;
	cursor: pointer;
	font-size:11px;
	font-family: "Avenir LT W01 85 Heavy";
	text-transform:uppercase;
	text-decoration: none;
}
.setup-container.open li:hover,.payout-container.open li:hover, .help-container.open li:hover {
	color: #fff;
}
.payout-container.open .payout-menu li.bang,
.setup-container.open .setup-menu li.bang {position:relative;}
.payout-container.open .payout-menu li.bang:before,
.setup-container.open .setup-menu li.bang:before {content: '!';display:block;font-size:12px;width:18px;height:18px;text-align:center;color:#FFA92A;position:absolute;left:-24px}


/*one offs*/

.slideout.position-view .widgets .combobox {
	width: 195px;
}
.slideout.position-view .widgets .combobox .btn-combobox {
}
.slideout.position-view .widgets .combobox .cb-selected-text {
	padding-left: 15px;
	width: 125px;
}
.slideouts .slideout.position-view .widgets .combobox .cb-item-list.cb-open {
	width: 185px;
}

.slideouts .slideout.position-view .widgets .combobox.billing-period-selector.extended .cb-item-list.cb-open {
	width: 210px;
}

/**************************************
App Scroller 

*********************************/
.app-scroller {
	overflow-y: scroll;
	overflow-x: hidden;
	position:absolute;
	width:auto;
	top:230px;
	bottom:0px;
	right:0;
	left:0;
	height:auto;
}

.fee .app-scroller {
	top: 255px; 
}

.app-scroller-body {
	min-height: 100%;
	position: relative;
}

.app-scroller-body .data-grids {
	padding-bottom: 50px;
}

.app-scroller-body .data-grids:after {
  content: "";
  height: 175px;
  display: block;
}

.maintenance .app-scroller {
	top:140px;
	padding-bottom:0;
}

.maintenance.integration .app-scroller {
	top: 100px;	
}

.debit-file .app-scroller, 
.invoice .app-scroller,
.debit-file .app-scroller.message, 
.invoice .app-scroller.message {
	top: 230px; 
}

.invoice .combobox.export-options{
	margin-left:10px;
}


.amountRow {
	display: flex;
	margin: 0 -10px;
	margin-bottom: 20px;
}
.amountRow .advisor-container:first-child {
	width: 40%
}
.amountRow:nth-child(2) .advisor-container:nth-child(n+2) {
	flex: 1;
}
.amountRow:nth-child(n+2) .advisor-container:nth-child(n+2),
.amountRow:nth-child(n+2) .addManualBilling {
	width: 30%;
}
.amountRow:nth-child(n+2) .addManualBilling {
	padding: 0 10px;
	align-items: end;
}
.amountRow:nth-child(n+2) .addManualBilling button {
	margin: 0 !important;
	background-color: #76b737;
	color: #ffffff;
	height: 39px;
	border-radius: 6px;
	padding: 10px 15px;
}
.amountRow .advisor-container {
	display: flex;
    flex-direction: column;
    padding: 0 10px;
}
.amountRow .advisor-container .combobox {
	max-width: 100%;
	display: flex;
	border-radius: 6px;
}
.amountRow .advisor-container span.money {
	position: relative;
    width: 100%;
}
.amountRow .advisor-container span.money .currency {
	position: absolute;
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    line-height: 2;
    width: 30px;
}
.amountRow .advisor-container input {
	width: 100%;
	background-color: #ecf0ef;
	border: 0;
	padding: 10px;
	border-radius: 6px;
}
.amountRow .advisor-container label {
	margin-bottom: 6px;
	font-weight: 600;
}
.amountRow .advisor-container span.money input.amount {
	padding-left: 35px;
}

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

	.debit-file .app-scroller, 
	.invoice .app-scroller,
	.debit-file .app-scroller.message, 
	.invoice .app-scroller.message {
		top: 250px; 
	}
	.app .page.invoice .header, .app .page.debit-file .header {height:170px;padding:20px 45px 0;}


}

.advisor .app-scroller,
.custodian .app-scroller {
	top: 140px;
}

.asset-node .app-scroller,
.flow-type .app-scroller {
	top: 160px;
}

.slideout-body{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 90px; /* was 90px */
  overflow-y: auto;
  overflow-x: hidden;
  top: 54px;
  background-color: #FFF;
}
.slideout.scroll-no-footer .slideout-body{
	bottom:0;

}

.admin-container {
	position:absolute; 
	top:0;
	right: 50px;
	width:500px;
	background:none;
}
.slideout-footer {
	position:absolute;
	bottom:0;
	width:100%;
	z-index:99;
	/*height:90px;*/
}

/* Feedback Widget */
.atlwdg-trigger.atlwdg-SUBTLE {
	z-index: 1;
	left: 0;
	border: none !important;
	background-color: #20acee !important;
	width: 179px;
	text-align: center;
	font-size: 12px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-radius: 0 !important;
	display: none;
}

.supportCenterNavLink {
	z-index: 1;
	left: 0;
	border: none !important;
	background-color: #20acee !important;
	width: 179px;
	text-align: center;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-radius: 0 !important;
	margin-top: auto;
	padding: 10px;
}
.supportCenterNavLink a {
	text-decoration: none;
	font-size: 14px !important;
	font-weight: bold;
	color: #101010;
}

.supportCenterNavLink.circleblack{
	z-index: 1;
	left: 0;
	border: none !important;
	background-color: #222!important;
	width: 179px;
	text-align: center;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-radius: 0 !important;
	margin-top: auto;
	padding: 10px;
}
.supportCenterNavLink.circleblack a {
	text-decoration: none;
	font-size: 14px !important;
	font-weight: bold;
	color: white;
}
.debitfile.feedescription,
.feedescriptionModal {
	padding: 0 !important;
    border-radius: 0 !important;
}
.feedescriptionModal.viewEDoc.open {
	position: relative;
    left: 50%;
    top: 50%;
    margin: 0;
    padding-bottom: 20px !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.feedescriptionModal.viewEDoc .popup-header {
	background-color: #76b737;	
}
.feedescriptionModal.viewEDoc .manualFeeDebitsTable th {
	white-space: nowrap;
	text-align: left;
}
.feedescriptionModal.viewEDoc .manualFeeDebitsTable th,
.feedescriptionModal.viewEDoc .manualFeeDebitsTable td {
	padding: 6px 10px !important;
}
    
.debitfile.feedescription .popup-header{
	background: #76b737;
    padding: 15px;
}

.feedescriptionModal .popup-header {
	background: #efa738;
    padding: 15px;
}
.debitfile.feedescription .popup-header label 
.feedescriptionModal .popup-header label {
	color: #ffffff;
    line-height: 1;
}

.debitfile.feedescription .popup-header label h1 ,
.feedescriptionModal .popup-header label h1 {
	margin: 0;
	color: white;
	font-size: 20px;
}
.debitfile.feedescription .popup-header .close,
.feedescriptionModal .popup-header .close {
	background-color: transparent !important;
	color: #ffffff !important;
}
.debitfile.feedescription .bodyContainer,

.feedescriptionModal .bodyContainer {
	padding: 30px 50px 30px 20px;
}

.debitfile.feedescription .bodyContainer label,
.feedescriptionModal .bodyContainer label {
	display: block;
	margin-bottom: 10px
}

.debitfile.feedescription .bodyContainer label,
.debitfile.feedescription .bodyContainer input,
.debitfile.feedescription .bodyContainer textarea,
.feedescriptionModal .bodyContainer label,
.feedescriptionModal .bodyContainer input,
.feedescriptionModal .bodyContainer textarea {
	width: 100%;
}

.debitfile.feedescription .feedescriptionModal__footer,
.feedescriptionModal .feedescriptionModal__footer {
	background-color: #393f46;
	padding: 20px;
}
.debitfile.feedescription .feedescriptionModal__footer .button-container,
.feedescriptionModal .feedescriptionModal__footer .button-container {
	padding: 0;
}
.debitfile.feedescription .feedescriptionModal__footer .button-container .btn-cancel,
.feedescriptionModal .feedescriptionModal__footer .button-container .btn-cancel {
	color: #cccccc;
}
.debitfile.feedescription .feedescriptionModal__footer .button-container .btn-cancel:hover,
.feedescriptionModal .feedescriptionModal__footer .button-container .btn-cancel:hover {
	color: #ffffff;
}

/* GWT Suggestion Box */
.gwt-SuggestBoxPopup {
	z-index: 9;
	width: 292px;
	border: 3px solid #cdecfb;
	border-radius: 0 0 5px 5px;
}

.gwt-SuggestBoxPopup table td {
	padding: 5px;
	background-color: #cdecfb;
	
}

.gwt-SuggestBoxPopup table td.suggestPopupTop,
.gwt-SuggestBoxPopup table td.suggestPopupBottom {
	display: none;
	
}

.gwt-SuggestBoxPopup table td.suggestPopupMiddleLeft,
.gwt-SuggestBoxPopup table td.suggestPopupMiddleRight {
	width: 1px;
	padding: 0px;
	
}

.gwt-SuggestBoxPopup table tr td div table tbody tr:hover {
	color: #5bc3ff;
	cursor: pointer;
}

/**************************************
Date Picker 

*********************************/

.date-picker-wrapper {
	position: relative;
}

.date-picker-icon {
	height: 35px;
	width: 35px;
	position: absolute;
	right: 15px;
	top: 2px;
	background-color: #edeff0 !important;
}




/**************************************
Report Page
*********************************/
.page.report .header p {
    width: 800px;
	clear: left;
}

.page.report .app-scroller {
	top: 185px;
}

.page.report .reports-list {
	padding-bottom: 46px;
}

.page.report .report-container {
    margin-left: 45px;
    width: 800px;
}

.page.report .section-header {
    cursor: pointer;
    border-bottom: 1px solid #b1b1b1;
}

.page.report .section-header:hover {
    background: #cdecfb;
}

.page.report .report-title {
    float: left;
    padding-right: 25px;
	color: #76b737;
    font-family: 'Avenir LT W01 85 Heavy' !important;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 215px;
}

.page.report .report-sub-title {
    padding-top: 0.88em;
    padding-right: 50px;
}

.page.report .report-collapse {
	width: 22px;
	height: 22px;
    float: right;
    margin-top: -38px;
    margin-right: 5px;
}
	
.page.report .report-container .section-header .report-collapse {
	background: url(../img/report_collapse_icons.png) -279px 0px no-repeat;
}

.page.report .report-container .section-header:hover .report-collapse {
	background: url(../img/report_collapse_icons.png) -255px 0px no-repeat;
}

.page.report .report-container.open .section-header .report-collapse {
	background: url(../img/report_collapse_icons.png) 0px 0px no-repeat;
}

.page.report .report-container.open .section-header:hover .report-collapse {
	background: url(../img/report_collapse_icons.png) -23px 0px no-repeat;
}

.page.report .report-container .section-details {
	display: none;
    margin-bottom: 45px;
}

.page.report .report-container.open .section-details {
	display: block;
}

.page.report .report-description {
	clear: left;
}

.self-col-container {
	display: flex;
    justify-content: space-between;
    width: 100%;
}
.self-col{
	flex: 1;
}

/********************************************************
Account Assignment
********************************************************/
body,input,button,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.btn-account-assignment-export{float:right; margin-left: auto;}
button.btn-excel.btn.btn-gray.ico-excel.btn-account-assignment-export,
.account-assignment-select-account button.btn-account-assignment-export,
.account-assignment-select-account button.btn-account-assignment-export:hover {
    background-color: #fff;
}

.account-assigment .upload-container .gwt-Anchor {
    font-size: 12px;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 9px;
    display: inline-block;
    color: #20acee;
    text-transform: uppercase;
    font-family: "Avenir LT W01 85 Heavy";
}

.account-assigment .results-container, .payout-rule-client .results-container, .payout-rule-account .results-container {background:#F1F1F1;overflow-x:hidden;overflow-y:auto;width:100%;padding:20px;box-sizing:border-box;margin:50px 0;border-radius:6px;height:calc(100vh - 260px);}
	.account-assigment .results-container > div > h2 {margin-top:0}
.account-assigment .results-container .account-assignment-select-account,
.payout-rule-client .results-container .payout-rule-select-client,
.payout-rule-account .results-container .payout-rule-select-account
 {width:43%;float:left;box-sizing:border-box}
.account-assigment .results-container .btn-container {width:14%;float:left;box-sizing:border-box;padding:86px 20px 0 20px;height:auto}
	.account-assigment .results-container .btn-container button {width:100%;display:block;margin:0 0 20px;background:#fff;text-align:center;font-size:12px;padding:0}
		.account-assigment .results-container .btn-container button.btn-move-left {margin:0 0 60px}
		.account-assigment .results-container .btn-container button.btn-move-left:before {content:'\25C0';display:inline-block;font-size:16px;padding-right:5px}
		.account-assigment .results-container .btn-container button.btn-move-right:after {content:'\25B6';display:inline-block;font-size:16px;padding-left:5px}
.account-assigment .results-container .account-assignment-select-client,
.payout-rule-client .results-container .payout-rule-select-client-rule,
.payout-rule-account .results-container .payout-rule-select-account-rule
 {width:43%;float:left;box-sizing:border-box}
.account-assigment .results-container ul.result-summary-list {background:#74B64F;width:100%;list-style:none;padding:8px;box-sizing:border-box;font-size:0}
	.account-assigment .results-container ul.result-summary-list li {width:31.33%;display:inline-block;list-style:none;position:relative;text-align:center;font-size:16px;vertical-align:bottom}
	.account-assigment .results-container ul.result-summary-list li:nth-child(2) {width:37.33%;}
	.account-assigment .results-container ul.result-summary-list li:nth-child(2) button {margin:0 8px;width:calc(100% - 16px)}
	.account-assigment .results-container ul.result-summary-list li button {display:block;width:100%;padding:10px 0;background:#59903A;border:none;color:#fff;font-size:14px;line-height:17px;letter-spacing: .5px;border-radius:0}
	.account-assigment .results-container ul.result-summary-list li span {position:absolute;top:5px;color:#fff;text-transform:uppercase}
	.account-assigment .results-container ul.result-summary-list li.disableUnassignedAndIgnored { width: 0; }
	.account-assigment .results-container ul.result-summary-list li.selected {}
	.account-assigment .results-container ul.result-summary-list li.selected button {background:#fff;position:absolute;height:44px;top:-36px;left:0;color:#2c3136;}
.account-assigment .results-container .account-select-search-table,
.account-assigment .results-container .client-body {width:100%;background:#FFF;box-sizing:border-box;}
.account-assigment .results-container .account-select-search-table {padding:8px}
.account-assigment .results-container .search-container {position:relative}
.account-assigment .results-container .search-container input {width:100%;background:url("../img/icons.png") no-repeat scroll -6px -2151px #EDEDED;border:none;box-sizing:border-box;padding:6px 10px 6px 35px;color:#2c3136;border-radius:0;height:auto}
.results-container .search-container .filter-clear,
.popup.check-message .name-container .filter-clear,
.account-assigment .results-container .client-body .form-field .filter-clear {position:absolute;width:36px;height:32px;right:0;top:0;border:none;background:none;color:#5b6168;font-weight:600}
.account-assigment .results-container .client-body .form-field .filter-clear {top:8px;right:8px}
.popup.check-message .name-container {position:relative}
.popup.check-message .name-container .suggest-box {padding-right:25px}
.popup.check-message .name-container .filter-clear {top:auto;bottom:3px;right:auto;left:214px}
	.account-assigment .results-table th {background:#F1F1F1 !important}
.account-assigment .results-container .account-select-search-table .table-wrapper {margin:5px 0 0;height:calc(100vh - 460px);overflow-x:scroll}
.account-assigment .results-container .client-body .form-field {margin-top:0;}
.account-assigment .results-container .client-body .existing-client-body .form-field {padding:8px;position:relative}
.account-assigment .results-container .client-body .form-field input.selected {background:url("../img/icons.png") no-repeat scroll -6px -2201px #49BEEB;color:#fff}
.account-assigment .results-container .client-body .form-field input.selected+button {color:#fff}
.account-assigment .results-container .account-assignment-select-client .client-suggest-area {overflow:hidden;border-bottom:4px solid #F1F1F1;padding:8px 14px 20px}
.account-assigment .results-container .account-assignment-select-client .client-suggest-area h3 {font-size:14px}
.account-assigment .results-container .account-assignment-select-client .client-suggest-area ul {margin:0;font-size:0;padding:0}
.account-assigment .results-container .account-assignment-select-client .client-suggest-area ul li {margin:0;width:50%;color:#20acee;font-size:12px;float:left;position:relative;left:12px}
.account-assigment .results-container .account-assignment-select-client .client-suggest-area ul li a {color:#20acee;cursor:pointer}
.account-assigment .results-container .account-assignment-select-client .client-suggest-area ul li a:hover {text-decoration:underline}
.account-assigment .results-container .account-assignment-select-client .client-info-container {padding:8px 10px !important;}
.account-assigment .results-container .account-assignment-select-client .existing-client-body-details {padding:8px 10px !important;font-size:14px;height:calc(100vh - 455px);}
.account-assigment .results-container .account-assignment-select-client .existing-client-body-details {overflow-x:scroll}
	.account-assigment .results-container .account-assignment-select-client .client-info-container h3 {color:#76b737;font-size:14px;text-transform:uppercase;display:inline-block}
	.account-assigment .results-container .account-assignment-select-client .client-info-container h3+button {display:inline-block;width:20px;border:0;background-position:-4px -214px;padding:12px 20px}
	.account-assigment .results-container .account-assignment-select-client .client-info-container h3+button:hover {background-position:-4px -726px;background-color:#49BEEB;}
.account-assigment .results-container .account-assignment-select-client .client-body .new-client-body {overflow:scroll;padding:20px 14px;height:calc(100vh - 407px);}

.account-assigment .results-container .account-assignment-select-client .client-details-container .name-container,
.account-assigment .results-container .account-assignment-select-client .client-details-container .advisor-container {border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7}
.account-assigment .results-container .account-assignment-select-client .client-details-container .payment-container {border-bottom:1px solid #D7D7D7}
.account-assigment:not(.payout-rule-account) .results-container .account-assignment-select-client .client-details-container > div:last-child {width:46%;margin:0 0 0 4%}
.account-assigment:not(.payout-rule-account) .results-container .account-assignment-select-client .client-details-container > div:first-child {width:46%;margin:0 4% 0 0}
.account-assigment .results-container .account-assignment-select-client .client-details-container > div {padding:6px 0}
.account-assigment .results-container .account-assignment-select-client .client-details-container p {margin:0;padding:0}
.account-assigment .results-container .account-assignment-select-client .client-details-container p label {font-family:"Avenir LT W01 85 Heavy";font-size: 14px;}
.account-assigment .results-container .account-assignment-select-client .client-details-container .accounts-container {width:100% !important;float:none !important;margin:0 !important}
.account-assigment .results-container .account-assignment-select-client .client-details-container .accounts-container .results-table {margin-bottom:20px}
.account-assigment .results-table th, .account-assigment .results-table td {font-size:12px}
.account-assigment .results-table .accountSelectAll {background:url("../img/icons.png") no-repeat scroll 0px -3775px #F1F1F1 !important;cursor:pointer}
.account-assigment .results-table .accountSelectAll.ico-checked-header {background:url("../img/icons.png") no-repeat scroll 0px -3846px #F1F1F1 !important}
.account-assignment-select-client .new-client-body .two-col-container {margin:15px 0}
.account-assignment-select-client .new-client-body .two-col-container .two-col.widgets:last-child label {float:right;width:95%}
.account-assignment-select-client .new-client-body .two-col-container input {width:95% !important;}
.account-assignment-select-client .new-client-body .two-col-container .combobox {width:95%;float:right;position:relative}
.account-assignment-select-client .new-client-body .two-col-container .combobox .btn-combobox {position:absolute;top:0;right:0px}
.account-assignment-select-client .new-client-body .two-col-container .combobox .cb-selected-text {width:calc(100% - 50px);}
.account-assignment-select-client .new-client-body label {text-transform:capitalize !important}
.switchbox .btn-switch {background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 0%, #d5d5d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e6e6e6 0%,#d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */}
.switchbox .btn-switch:first-child {border-radius:2px 0 0 2px}
.switchbox .btn-switch:last-child {border-radius:0 2px 2px 0}
.new-client-body .client-details-container {border-top:1px solid #D7D7D7;margin-top:35px;padding-top:25px}
.new-client-body .client-details-container .accounts-container h3 {font-size:14px;color:#76b737;text-transform:uppercase;margin:0 0 10px}
.new-client-btn-container {margin-bottom:20px;text-align:right;margin-top:20px}
.new-client-btn-container button {padding:12px}
.new-client-btn-container button:last-child {border:none}
.new-client-btn-container button:last-child:hover {color:#222}


.account-assignment-select-client .client-info-container .menu-list {
	position: absolute;
	z-index: 5;
	width: 192px;
	padding: 0px;
	list-style-type: none;
	display: block;
	background: #cdecfb;
}

.account-assignment-select-client .client-info-container .menu-list li {
	cursor: pointer;
	padding: 10px;
    font-size: 12px;
    font-family: "Avenir LT W01 85 Heavy";
    text-transform: uppercase;
}

.account-assignment-select-client .client-info-container  .menu-list li:hover {
	background-color: #20acee;
	color: #FFF;
}

.account-assignment-select-client .client-info-container .menu-list:before {
	position: absolute;
	display: block;
	height: 12px;
	top: -1em;
	z-index: 10;
}

.account-assignment-select-client .client-info-container .menuListContainer {
	display: inline-block;
}
.account-assignment-select-client .client-info-container .menuListContainer .btn {
    border: 0px;
}

.account-assignment-select-client .client-info-container .menuListContainer .btn:hover {
	background: url(../img/icons.png) 0 -726px no-repeat;
	border-radius: 0;
	background-color: #20acee;
	width: 45px;
	height: 36px;
	padding: 0px;
}


.account-assignment-select-client .client-info-container .menuListContainer button.open {
    background: url(../img/icons.png) 0 -726px no-repeat;
    border-radius: 0;
    background-color: #20acee;
    width: 45px;
    height: 36px;
    padding: 0px;
}

.account-assignment-select-client .client-info-container .menu-list:before {
	content: url(../img/edit-notch.png);
}

.account-assignment-select-client .client-info-container .menu-list {
	display: block;
	background: #cdecfb;
}




/* Messages - Alerts */
.message-holder {clear:both;overflow:hidden;}
.message-alert-panel {clear:both;margin-top:10px;}
.message-alert-panel .message-alert-text {color:#53606c;font-size:14px}
.message-alert-panel .message-alert-text:hover {cursor:pointer;color:#1E87BA}
.message-alert-panel .message-alert-text:before {background:#FFAC3E;color:#fff;content: "!";width:20px;height:20px;border-radius:10px;display:inline-block;text-align:center;font-family:"Avenir LT W01 85 Heavy";font-size:14px;margin-right:8px}
.message-alert-panel .message-alert-text:after {content:"\25B6";display:inline-block;padding-left:3px;color:#53606c;font-size:12px}
.message-alert-panel .message-alert-text:hover:after {color:#1E87BA}

.message-alert-panel .message-alert-error-text  {color:#ff0000;font-size:14px}
.message-alert-panel .message-alert-error-text:before {background:#ff0000;color:#fff;content: "!";width:20px;height:20px;border-radius:10px;display:inline-block;text-align:center;font-family:"Avenir LT W01 85 Heavy";font-size:14px;margin-right:8px}

/* Fee Schedule*/
.btn-upload-fee-schedule{
    margin-left: 10px;
}


/* Payout Pages */
.payout-report.button-container {
    margin-top: 20px;
    clear: both;
}

.page.payout-report .header p {
    width: 800px;
    clear: left;
}



/* Payee and Fee pages */

/*
.fee-schedule-list-container .fee-schedule-table td {width:160px;text-align:right}
.fee-schedule-table td.name {width:200px;text-align:left}
.fee-schedule-table td.client-count {width:200px;text-align:center}
.fee-schedule-table td.delete {width:40px;text-align:center}
.fee-schedule-table td .btn {border:none}
.fee-schedule-table td .btn-edit {display:inline-block} */

.payee .app-scroller {top:160px}

/* .payee .header h1 {float:none !important;margin-bottom:40px !important} */

.page.maintenance.payee p {
    width: 100%;
 }
.payee .header h1+button {padding:12px;}

.payout-rule .header h1 {float:none;margin-bottom:20px}
.payout-rule .header h1+.widgets {margin-bottom:20px}
/*.payout-rule .body .app-scroller {padding: 0 45px;}*/
.payout-rule-firm {/*padding: 0 45px;*/}
.payout-rule-firm h2 {position:relative;padding-bottom:20px}
.payout-rule-firm h2 .btn {padding:12px;position:absolute;right:0;top:30px}
.payout-rule-table th {background:#f1f1f1;text-align:left;text-transform:uppercase;padding:9px 15px}
.payout-rule-table th.client-count {text-align:center}
.payout-rule-table td .btn {border:none}
.payout-rule-table th:nth-child(7),
.payout-rule-table th:nth-child(8) {width:40px}
.payout-rule-table th:nth-child(6) {width:60px;text-align:center}


.payout-rule-firm h2 {padding-top:40px;border-top:1px solid #d7d7d7;color:#84b54c;text-transform:uppercase;font-size:18px}


.payout-rule-table td:nth-child(3),
.payout-rule-table td:nth-child(6) {text-align:center}
.payout-rule .app-scroller {top:220px;bottom:44px;padding:0 35px;height:calc(100vh - 341px);overflow-x:hidden;overflow-y:auto}

.slideout.payout-rule .slideout-body {padding:0  25px}

.payout-report .app-scroller {top:130px;padding:0  45px}
.payout-report .name-container label,
.payout-report .period-container label {font-size:13px;color:#2d3135;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-family:"Avenir LT W01 85 Heavy";}
.payout-report .name-container {margin-bottom:25px}
.payout-report .period-container {margin-bottom:25px;clear:both}

.payout-report .name-container .widgets .combobox,
.payout-report .period-container .widgets .combobox {width:268px}
.payout-report .name-container .widgets .combobox .cb-selected-text,
.payout-report .period-container .widgets .combobox .cb-selected-text {width:212px}
.payout-rule-account .widgets .combobox .cb-selected-text {width:126px}

.payout-rate .percentage .percent-sign, 
.payout-rule-account .new-payout-table .percentage .percent-sign {position:relative;left:-28px}
.payout-rate .percentage .amount,
.payout-rule-account .new-payout-table .percentage .amount {padding-right:34px}
.payout-rule-account .new-payout-table .percentage input {width:100%}
.payout-rule-account .new-payout-table .percentage {position:relative}
	.payout-rule-account .new-payout-table .percentage .percent-sign {position:absolute;right: 15px;left: auto;top: -1px;}
	
.payout-rate-inner {
    display: flex;
    align-items: center;
    width: 100%;
}
.payout-rate-inner > div {
    flex: 1;
}
.payout-rate-inner > div.plus {
    min-width: 20px;
    max-width: 20px;
    text-align: center;
	margin-top: 26px;
}
.payout-rate-inner .percentage,
.payout-rate-inner .money {
    position: relative;
}
.payout-rate-inner .money {
	padding-left: 12px;
}
.payout-rate-inner .percentage .percent-sign {
    left: auto;
    right: 0;
    position: absolute;
}
.payout-rate-inner .money .currency {
    position: absolute;
    left: 0;
    right: auto;
    height: 100%;
}

.payout-rule-account .new-payout-table {table-layout:fixed}
.payout-rule-account .new-payout-table th {text-align:left}
.payout-rule-account .new-payout-table tr:hover td,
.payout-rule-account .new-payout-table tr.hover td {background:none}
.payout-rule-account .new-payout-table th, .payout-rule-account .new-payout-table td {
	border-bottom:none;
	width: 30%;
	padding-left: 5px;
    padding-right: 5px;
}
.payout-rule-account .new-payout-table th:first-child,
.payout-rule-account .new-payout-table td:first-child {
	width: 38%;
}
.payout-rule-account .new-payout-table th:nth-child(2),
.payout-rule-account .new-payout-table td:nth-child(2) {
	width: 22%;
}
.payout-rule-account .new-payout-table th:last-child,
.payout-rule-account .new-payout-table td:last-child {
	width: 25px;
}
.payout-rule-account .new-payout-table tr td:first-child, .payout-rule-account .new-payout-table tr th:first-child {padding-left:0}
.payout-rule-account .new-payout-table td .combobox,
.payout-rule-account .new-payout-table td span.money input {width:100%}
.payout-rule-account .new-payout-table td .combobox .cb-selected-text{width:75%}
.payout-rule-account .new-payout-table td .btn-delete {padding:0;width:100%;background-position: center -2297px;}
.payout-rule-account .new-payout-table td .combobox button {float:right;width: 25%;}
.payout-rule-account .new-payout-table td span.money {
	width: 100%;
    display: block;
	position: relative;
}
.payout-rule-account .new-payout-table td span.money input {
	padding-left: 15px !important;
}
.payout-rule-account .new-payout-table td span.money .currency {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}


.payout-rule .app-scroller .payout-rule-account .results-container {height:auto}
.payout-rule .app-scroller .payout-rule-account .results-container h2 {margin-top:0}

.payout-rule-account .client-info-container .util {margin-bottom:15px}

.page.account-assigment.payout-rule-account .results-container .account-assignment-select-client .client-body .new-client-btn-container .new-client-actions {float:none}
.payout-rule-client .results-container, .payout-rule-account .results-container {margin:0}

.existing-client-body .existing-payout-table th {
    text-align: left;
}


.payout-rule-account .results-container .account-select-search-table .table-wrapper {height:calc(100vh - 554px)}
.payout-rule-account .results-container .account-assignment-select-client .client-body .new-client-body,
.payout-rule-account .results-container .account-assignment-select-client .client-body .existing-client-body {height:calc(100vh - 500px);overflow-x:hidden;overflow-y:auto}
.payout-rule-account .results-container {overflow:hidden}
.payout-rule-account .results-container .account-assignment-select-client .existing-client-body-details {overflow:hidden;height:auto}


.header .file-container label {font-family:"Avenir LT W01 85 Heavy";font-size:14px;color:#444;display:inline-block}
.header .file-container label+a {color:#20acee;font-family:"Avenir LT W01 85 Heavy";font-size:14px;display:inline-block;padding:0 10px 0 5px}
.header .file-container .file-container-message {display:none;color:#3f973f;font-family:"Avenir LT W01 85 Heavy";font-size:12px;padding:0;}
.header .file-container .file-container-message:before {content:'✓';display:inline-block;color:#3f973f;font-family:"Avenir LT W01 85 Heavy";font-size:16px;padding-right:4px}
.header .file-container .file-container-message.show {display:inline-block;}
button.btn.btn-clilent-portal {font-family:"Avenir LT W01 85 Heavy";border-color:#76b637 !important;padding:3px 12px 3px 30px;font-size:10px;text-transform: uppercase;color:#fff !important;height:22px !important;background: url(../img/icons.png?01172018) -7px -4557px no-repeat #76b637 !important;}
button.btn.btn-clilent-portal:hover {background: url(../img/icons.png?01172018) -7px -4557px no-repeat #3f963f !important}
button.btn.btn-clilent-portal:active {background: url(../img/icons.png?01172018) -7px -4614px no-repeat #fff !important;color:#3f963f !important}

.app .page .sso-timeout-container {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.page .body.body-no-background{
	background: none;
}

.page.account-association .help-text{
	clear:both;
}
.page.account-association .data-grids .number,
.page.account-association .data-grids .name{
    text-align: left;
}

.paymentSelectAll {background: url("../img/icons.png") 4px -2747px no-repeat;background-size: 35px;cursor:pointer;}
.paymentSelectAll.ico-checked-header {background: url("../img/icons.png") 4px -2800px no-repeat;background-size: 35px;cursor:pointer;}


.header.page  .header-notification {
    display: inline-block;
    vertical-align: middle;
    padding-top:17px;
    height: 100%;
    padding-left: 150px;
}

.header.page .header-notification.raymondjames{
	display: inline-block;
    vertical-align: middle;
    padding-top:17px;
    height: 100%;
    font-weight: bold;   
    padding-left: 0px;
    
}


.header.page .header-notification a {
    color: #222;
    cursor: pointer;
}

.header.page .header-notification a:hover {
    color: #4e4e4e;
}

 

.header.page .header-notification .notification:before{
	background: #d33440;
    color: #fff;
    content: "!";
    width: 22px;
    height: 22px;
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    font-family: "Avenir LT W01 85 Heavy";
    font-size: 18px;
    margin-right: 8px;
}
.header.page .header-notification.raymondjames .notification{
	font-weight:bold;
	color: white;
    background: #d33440;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.header.page .header-notification.raymondjames .notification:before{
	background: #d33440;
    color: #fff;
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    font-family: "Avenir LT W01 85 Heavy";
    font-size: 18px;
    margin-right: 8px;
}



.header.page .header-notification .notification{
	font-weight:bold
}

.header.page.circleblack-bg{
	background: #252B34;	
}

.powerby {
    line-height: 45px;
}

.atlwdg-trigger.circleblack{
	z-index: 100;
	left: 0;
	bottom: 0;
	border: none !important;
	background-color: #222!important;
	color:white;
	width: 179px;
	text-align: center;
	font-size: 12px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-radius: 0 !important;
	position: fixed;
	display: none;
}

.atlwdg-trigger.blueleaf, .atlwdg-trigger.foreside, .atlwdg-trigger.redi2, .atlwdg-trigger.fidelity{
	z-index: 100;
	left: 0;
	bottom: 0;
	border: none !important;
	background-color: #20acee!important;
	color: #444 !important;
	width: 179px;
	text-align: center;
	font-size: 12px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-radius: 0 !important;
	position: fixed;
	display: none;
}

.reminderEntitle, .disableDebitAccount .combobox {
	pointer-events: none ! important;
}

.addManualBilling {
	display: flex;
    justify-content: end;
}
.addManualBilling button {
	border: 1px solid #76b737;
	color: #76b737;
	background-color: transparent;
	margin-top: 10px;
	margin-right: 5px;
	transition: 0.3s;
}
.addManualBilling button:hover,
.addManualBilling button:active,
.addManualBilling button:focus {
	background-color: #76b737;
	color: #ffffff;
	transition: 0.3s;
}

.hideIgnoreUnassignButton{
	display: none !important;
}

.manualFeeTable-wrapper {
	overflow-x: auto;
    min-height: 200px;
}

.manualFeeHeaderStyle {
	background: transparent;
    border: 0;
    outline: none;
    padding: 0 ! important;
    pointer-events: none;
    width: 100%;
}

.manualFeeHeading {
	flex: 1;
}
.alignNoFee {
	text-align: center;
}

.debitAccountFontWeight {
	font-weight: 600;
}

.manualDebitFeePageTextColor {
	color: #629664;
}

.manualDebitFeePageTextColor:hover {
	position: relative;
	z-index: 11;
}

.manualDebitFeeInformationIcon__tooltip {
	    position: relative;
		display: inline-block;
		z-index: 1;
		margin-left: 4px;
}
.manualDebitFeeInformationIcon__tooltip .icon {
		width: 20px;
		height: 20px;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
}
.manualDebitFeeInformationIcon__tooltip .icon::before {
		content: 'i';
		font-size: 14px;
		color: #ffffff;
		background: #090;
		width: 100%;
		height: 100%;
		text-align: center;
		border-radius: 100%;
		display: inline-block;
		font-weight: bold;
}
.externalInformationIcon__tooltip {
	    position: relative;
		display: inline-block;
		z-index: 1;
		margin-right: 5px;
}
.externalInformationIcon__tooltip .icon {
		width: 20px;
		height: 20px;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
}
.externalInformationIcon__tooltip .icon::before {
	background: url(../img/icons.png?01172018) -10px -4015px no-repeat;
    width: 25px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    position: absolute;
    transform: translate(-1px, 4px);
    content: '';
}
.externalInformationIcon__tooltip .icon:hover+.manualDebitFeeInformationIcon__message {
		display: block;
}
.manualDebitFeeInformationIcon__message {
		display: none;
		position: absolute;
		background-color: #555;
		color: #fff;
		top: 100%;
		border-radius: 6px;
		right: -10px;
		width: 280px;
		margin-top: 15px;
		direction: ltr;
}
.manualDebitFeeInformationIcon__message__inner {
		position: relative;
		padding: 15px;
		text-align: left;
}
.manualDebitFeeInformationIcon__message__inner:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 15px solid #555;
    position: absolute;
    top: -23px;
    right: 12px;
}
.manualDebitFeeInformationIcon__tooltip .icon:hover+.manualDebitFeeInformationIcon__message {
		display: block;
}
.manualFeeIconRightAlign {
	direction: rtl;
}
.admin-users .users-list {
    max-height: 150px;
    overflow-y: scroll;
}
.manualFeeDebitsTable th:nth-last-child(2n), .manualFeeDebitsTable td:nth-last-child(2n) {
    padding-left: 0;
    padding-right: 0;
}
.firm_subscription > tbody > tr:first-child td {
	padding-top: 0;
    padding-bottom: 0;
	border: none;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar {
    position: relative;
    border-bottom: 1px solid #dedede;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td {
	background: transparent !important;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td:first-child {
	display: none;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td .gwt-TabBarItem {
	background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;	
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td:nth-child(3) .gwt-TabBarItem {
	background-image: url(../img/filled-flag-green.png) !important;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td:nth-child(4) .gwt-TabBarItem {
	background-image: url(../img/filled-flag-yellow.png) !important;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td:nth-child(5) .gwt-TabBarItem {
	background-image: url(../img/filled-flag-blue.png) !important;
}
.firm_subscription > tbody > tr:first-child td table.gwt-TabBar td:nth-child(6) .gwt-TabBarItem {
	background-image: url(../img/filled-flag-red.png) !important;
}
.firm_subscription > tbody > tr:first-child td.gwt-TabBarItem-wrapper > div {
    background: #f5f5f5 !important;
	border: 1px solid #dedede;
	padding: 8px 25px;
	border-bottom: 1px solid #ffffff !important;
	cursor: pointer;
}
.firm_subscription > tbody > tr:first-child td.gwt-TabBarItem-wrapper {
	padding-right: 6px;
	padding-left: 0;
}
.firm_subscription > tbody > tr:first-child td.gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-selected > div {
	background: #ffffff !important;
	padding-bottom: 9px;
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
}
.firm_subscription .gwt-TabPanelBottom table tr th {
	background: transparent !important;
}
.firm_subscription > tbody > tr td {
	background: none !important;
}
.firm_subscription > tbody > tr td button {
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    border: 0;
}
.firm_subscription .gwt-TabPanelBottom table tr:hover td,
.firm_subscription .gwt-TabPanelBottom table tr.hover td {
	background: #f5f5f5 !important;
}
.firm_subscription .gwt-TabPanelBottom table tr:hover td.flag-white-icon,
.firm_subscription .gwt-TabPanelBottom table tr.hover td.flag-white-icon,
.firm_subscription > tbody > tr td.flag-white-icon {
    background-image: url(../img/flag-white.png) !important;
    background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.firm_subscription > tbody > tr td.flag-red-bg,
.firm_subscription .gwt-TabPanelBottom table tr:hover td.flag-red-bg,
.firm_subscription .gwt-TabPanelBottom table tr.hover td.flag-red-bg {
	background-color: #d13644 !important;
}
.firm_subscription > tbody > tr td.flag-green-bg,
.firm_subscription .gwt-TabPanelBottom table tr:hover td.flag-green-bg,
.firm_subscription .gwt-TabPanelBottom table tr.hover td.flag-green-bg {
	background-color: #50aa09 !important;
}
.firm_subscription > tbody > tr td.flag-yellow-bg,
.firm_subscription .gwt-TabPanelBottom table tr:hover td.flag-yellow-bg,
.firm_subscription .gwt-TabPanelBottom table tr.hover td.flag-yellow-bg {
	background-color: #dfc106 !important;
}
.firm_subscription > tbody > tr td.flag-blue-bg,
.firm_subscription .gwt-TabPanelBottom table tr:hover td.flag-blue-bg,
.firm_subscription .gwt-TabPanelBottom table tr.hover td.flag-blue-bg {
	background-color: #4586eb !important;
}
.tick-icon {
	 background-image: url(../img/tick.png) !important;
}
.sort-icon {
	 background-image: url(../img/sort.png) !important;
}
.cancel-icon {
	 background-image: url(../img/cancel.png) !important;
}
.options-icon {
	 background-image: url(../img/options.png) !important;
}
.pencil-icon {
	 background-image: url(../img/pencil.png) !important;
}
.document-icon {
	 background-image: url(../img/document.png) !important;
}
.firm-subscribe {
	width: 400px !important;
	margin: auto !important;
    bottom: auto !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.firm-subscribe .popup-header {
	background: #78b641;
	padding: 15px 25px;
}
.firm-subscribe.cancel-subscription-popup .popup-header {
    background: #d13644;
}
.firm-subscribe.cancel-subscription-popup .table-wrapper.widgets {
    padding: 25px 25px 95px;
}
.firm-subscribe.cancel-subscription-popup  .table-wrapper.widgets .advisor-container {
    width: 100%;
}
.firm-subscribe .table-wrapper > form {
	padding: 25px 25px 95px;
}
.firm-subscribe .table-wrapper .popup-footer {
	left: 0;
}
.firm-subscribe .table-wrapper .popup-footer .button-container {
	display: flex;
    flex-direction: row-reverse;
    padding: 0px 20px;
}
.firm-subscribe .table-wrapper .popup-footer .trial-info-popup-button-cotainer {
	display: flex;
    padding: 0px 20px;
}
.firm-subscribe .table-wrapper .advisor-container {
	margin-bottom: 20px;
    display: block;	
    width: 92%;
}
.firm-subscribe .table-wrapper .advisor-container.widgets  {
	
}
.firm-subscribe .table-wrapper .advisor-container label {
	margin-bottom: 8px;
    display: block;
}
.firm-subscribe .table-wrapper .advisor-container .combobox .cb-item-list {
	display: none;
}
.firm-subscribe .table-wrapper .advisor-container .combobox .cb-item-list.cb-open {
	display: block;
}
.firm-subscribe .table-wrapper .advisor-container .combobox {
	width: 100%;
    min-height: 45px;
    float: inherit;
    border: 1px solid #cccccc;
    position: relative;
    padding-right: 42px;
	background: #fff;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.firm-subscribe .table-wrapper .advisor-container.subscription-amount .text-input {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.firm-subscribe .table-wrapper .advisor-container.subscription-amount .text-input > span {
    position: absolute;
    z-index: 1;
    width: 30px;
    text-align: center;
}
.firm-subscribe .table-wrapper .advisor-container.subscription-amount .text-input input {
    padding-left: 35px;
}
.firm-subscribe .table-wrapper .advisor-container .combobox > span {
	padding-left: 10px;
}
.firm-subscribe .table-wrapper .advisor-container input.gwt-FileUpload::-webkit-file-upload-button {
     background: #888;
    color: #fff;
    border: 0;
    padding: 5px;
    margin: 6px;
}
.firm-subscribe .table-wrapper .advisor-container .combobox.open {
	    background: #fff;
    border: 5px solid #cdecfb;
}
.firm-subscribe .table-wrapper .advisor-container input,
.firm-subscribe .table-wrapper.widgets .advisor-container textarea {
	border: 1px solid #cccccc;
    position: relative;
    border-radius: 4px;
    min-height: 45px;
    width: 100%;
}
.firm-subscribe .table-wrapper .advisor-container .combobox .btn-combobox {
	position: absolute;
    right: 5px;
    background: transparent;
    border: none;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
}
.firm-subscribe .table-wrapper .advisor-container .combobox .btn-combobox:after {
    content: '';
    width: 9px;
    height: 8px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.trialDetailPopup .table-wrapper {
    padding: 25px 25px 70px;
}
.trialDetailPopup .table-wrapper > div > div {
    display: flex;
    flex-wrap: wrap;
}
.trialDetailPopup .table-wrapper > div > div textarea {
	flex: 1;
	border: none;
    min-height: 95px;
    background: #edeff0;
}
.trialDetailPopup .table-wrapper > div > div > label,
.trialDetailPopup .table-wrapper > div > div > input,
.trialDetailPopup .table-wrapper > div > div > span {
    width: 50%;
    margin-bottom: 15px;
    background: transparent;
    border: none;
    word-break: break-word;
}
.trialDetailPopup .table-wrapper > div > div > input {
	background-color: #edeff0;
}
.trialDetailPopupHeader {
	background: transparent;
    border: none;
}
table tr th.status, 
table tr td.status {
	text-align: right;
}
.viewEDoc .table-border{
	max-height: 600px;
	overflow-y: auto;
}

.firm-subscription-content{
	padding-bottom: 55px;
}
button.tick-icon,
button.document-icon,
button.cancel-icon,
button.options-icon,
button.pencil-icon {
	position: relative;
	cursor: pointer;
}
button.tick-icon::before,
button.document-icon::before,
button.cancel-icon::before,
button.options-icon::before,
button.pencil-icon::before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #000;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
	opacity: 0;
	z-index: 1;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: 0.3s;
}
button.tick-icon::after,
button.document-icon::after,
button.cancel-icon::after,
button.options-icon::after,
button.pencil-icon::after {
	content: '';
    position: absolute;
    top: 100%;
    background: #000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 12px;
    left: 50%;
    margin-top: 10px;
	opacity: 0;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: 0.3s;
}
button.tick-icon:hover::before, button.tick-icon:hover::after,
button.document-icon:hover::before, button.document-icon:hover::after,
button.cancel-icon:hover::before, button.cancel-icon:hover::after,
button.options-icon:hover::before, button.options-icon:hover::after {
    opacity: 1;
}

button.tick-icon::after {
    content: 'Subscribe';
}
button.document-icon::after {
	content: 'Agreement';
}
button.cancel-icon::after {
	content: 'Cancel';
}
button.options-icon::after {
	content: 'Options';
}
button.pencil-icon::after {
	content: 'Edit';
}
.calendar-icon {
	background-image: url(../img/calendar.png) !important;
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
table.firm_subscription tbody tr > td {
    border: 0;
    position: relative;
}
table.firm_subscription > tbody > tr:last-child > td::after {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 2px;
    background: #e9e9e9;
    bottom: 0;
    left: 15px;
}
table.invoiceTable td.checkcolumn {
overflow: visible;
}
.send-edoc-restriction-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.send-edoc-restriction-tooltip div {
    display: none;
    position: absolute;
    left: -10px;
    margin-top: 12px;
    background: #333;
    padding: 5px 20px;
    border-radius: 5px;
    color: #f5f5f5;
    top: 100%;
    z-index: 1;
	transition: 0.3s;
}
.send-edoc-restriction-tooltip:hover > div {
    display: block;
	transition: 0.3s;
}
.send-edoc-restriction-tooltip div:before {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    border-bottom: 10px solid #333;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    left: 6px;
}
.status-refresh {
	background-image: url(../img/refresh.png) !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    padding-right: 28px;
    cursor: pointer;
}
.sso-timeout-container.otpinfo label span,
.resendcode-wrapper span {
    text-transform: initial;
    font-weight: 100;
    color: #999;
    font-size: 14px;
}
.sso-timeout-container.otpinfo a, .resendcode-wrapper a.resendcode {
    color: #57adee;
    font-size: 14px;
    font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
.resendcode-wrapper {
	text-align: center;
    padding: 50px 0;
}
.otp-error-box-border{
	border: 1px solid #d0383b ! important;
}
.otp-box-border{
	border: 1px solid #ccc;
}
.otp-wrapper > span {
    display: none;
}
.otp-wrapper.error > span {
	display: block;
}
.otp-wrapper.error:hover > span {
    transition: 0.3s;
    transform: scale(1);
}
.otp-wrapper.error > span {
    position: absolute;
    background: #d33440;
    color: #ffffff;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 4px;
    top: 100%;
    margin-top: 9px;
    right: 0;
    transition: 0.3s;
    transform: scale(0);
}
.otp-wrapper.error > span:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #d33440;
    top: 0;
    position: absolute;
    right: 5px;
    transform: translateY(-100%);
}
.otp-wrapper {
	position: relative;
}
.onboardingAccount-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.onboardingAccount-buttons button {
	margin: 0 20px 0 0;
}
.onboardingAccount-popupfooter {
	width: 100%;
    left: 0;
    position: relative !important;
    padding-bottom: 0 !important;
}
.three-col.inceptionfee-three-col .widgets.form-field:nth-child(2) span.money::before {
	content: '-';
}
.three-col.inceptionfee-three-col .widgets.form-field:nth-child(3) span.money::before {
	content: '=';
}
.three-col.inceptionfee-three-col .widgets.form-field:nth-child(n+2) span.money::before {
    position: absolute;
    font-size: 18px;
    left: -7px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.valuation-table.inception-table td.account-rate.rate.expandable.collapsed.withoperator {
	padding-left: 25px;
}
.inception-table td.account-rate.rate.expandable span.money {
	position: relative;
}
.valuation-table.inception-table td.account-rate.rate.expandable.collapsed.withoperator.minus span.money::before {
    content: '-';
}
.valuation-table.inception-table td.account-rate.rate.expandable.collapsed.withoperator.equal span.money::before {
    content: '=';
}
.valuation-table.inception-table td.account-rate.rate.expandable.collapsed.withoperator span.money::before {
    position: absolute;
    left: -15px;
    font-size: 18px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.allcomplete {
    background-position: 10px center !important;
}
.hideFlowTransaction {
	display: none;
}
.firmNameCustomize input {
	border: none;
    margin-left: 10px;
}/********************************************************
Billfin CSS 

File: login

Login page

********************************************************/

.page.login {
	background: #fff;
	position: fixed;
	left: 0;
	top: 60px;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.page.login .body {
	padding: 65px;
	background: #fff url(../img/login-image.jpg) 885px 100px no-repeat;
	max-height: 883px;
	position:absolute;
	left:0; 
	right:0;
	bottom:45px;
	top:-65px;
}
.marketing-container {
	top: 447px;
	position: absolute;
	width: 660px;
	left: 800px;
}
.register-container h3,
.marketing-container h3 {
	color: #20acee;
}
.login-container {
	top: 100px;
	position: absolute;
	width: 400px;
	min-height: 500px;
	left: 185px;
	border: 1px solid #666;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	padding: 0 55px 55px;
	background-image: -moz-linear-gradient( 100deg, rgba(0,0,0,.1), rgba(255,255,255,.1) 54%);
	background-image: -webkit-linear-gradient( 100deg, rgba(0,0,0,.06) 0%, rgb(255,255,255) 54%);
	background-image: -ms-linear-gradient( 100deg, rgba(0,0,0,.06), rgb(255,255,255) 54%);
}

/* ########################## referral banner style ############## */
.banner-referral {
  font-family: 'Avenir LT W01 35 Light',sans-serif;
  font-size: 14px;
  line-height: 22.5px;
  background-color: #E8F6FD;
  width: 400px;
  padding: 20px 10px;
  position: absolute;
  left: -1px;
  bottom: -10px;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.banner-referral--text {
  color: rgb(120, 120, 120);
}

.banner-referral--link {
  color: rgb(0, 0, 238);
}

.login-container h3 {
	background: url(../img/billfin-mark.png) no-repeat 50%;
	padding-top: 90px;
	text-align: center;
	text-transform: uppercase;
	color: #20acee;
	margin-top: 10px;
	margin-bottom: 10px;
}
.login-container label {
	font-family: "Avenir LT W01 85 Heavy";
	text-transform: uppercase;
	margin-top: 25px;
	display: block;
}
.login-container .remember-me label {
	margin-left: 16px;
	font-family: 'Avenir LT W01 35 Light';
	text-transform: capitalize;
	margin-top: auto;
	display: inline;
	margin-left: 6px;
}
.login-container .remember-me input {
	position: relative;
	top: 1px;
}
.login-container a.forgot-password {
	margin-left: 12px;
	color: #888;
	cursor: pointer;
}
.login-container a.forgot-password:hover {
	color: #474f57;
}
.password input[type="text"],
.password input[type="password"],
.forgot-password input[type="text"],
.login-container input[type="text"],
.login-container input[type="password"] {
	background: #ebebeb;
	height: 40px;
	width: 310px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px 12px;
}
.app .password .body .error-container,
.login-container .error-text {
	color: #d33440;
}
.password .header,
.app .forgot-password .header {
	padding-left: 0;
}
.app .forgot-password .sent-text,
.app .password .header h1,
.app .password .header p,
.app .forgot-password .header h1,
.app .forgot-password .header p {
	margin-left: 450px;
	float: none;
}
.app .password .error-container,
.app .forgot-password .header p,
.app .password .header p,
.app .password .password-field-container p {
    width: 450px;
}
.app .forgot-password .sent-text {
	width: 430px;
	display: inline-block;
	font-size: 18px;
}
.app .password .body .password-field-container,
.app .password .body .error-container,
.app .password .body .btn-container,
.app .forgot-password .body .widgets,
.app .forgot-password .body .btn-container {
	margin-left: 450px;
}
.app .password .body .password-field-container {
	margin-bottom: 18px;
}
.app .password .body .password-field-container label,
.app .forgot-password .body .widgets label {
	display: block;
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy";
}
.app .password .btn-container,
.app .forgot-password .body .btn-container {
	margin-top: 20px
}

.login-footer .user-agreement-footer .user-agreement-link {
	cursor: pointer;
}

@media only screen and (max-width : 1024px) {
.login-container {
	left: 80px;
}
.marketing-container {
	left: 550px;
	width: 430px;
	top: 390px;
}
.page.login .body {
	background: url(../img/login-image.jpg) 545px 110px no-repeat;
	background-size: 400px;
}
}

@media only screen and (min-width : 1024px) and (max-width : 1279px) {
.login-container {
	left: 80px;
}
.marketing-container {
	left: 52%;
	width: 45%;
	top: 390px;
}
.page.login .body {
	background: url(../img/login-image.jpg) 80% 110px no-repeat;
	background-size: 400px;
}
}

@media only screen and (min-width : 1280px) and (max-width : 1500px) {
.login-container {
	left: 80px;
}
.marketing-container {
	left: 42%;
	width: 600px;
	top: 425px;
}
.page.login .body {
	background: url(../img/login-image.jpg) 64% 110px no-repeat;
	background-size: 450px;
}
}
/********************************************************
Billfin CSS 

File: forms-and-controls.css

Form elements and controls

********************************************************/
/********************************************************
CORE
********************************************************/

textarea,
input[type='password'],
input[type='text'] {
	padding: 4px 12px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
	-webkit-box-shadow: 0px 0px 10px 0px #76b737;
	-moz-box-shadow: 0px 0px 10px 0px #76b737;
	box-shadow: 0px 0px 10px 0px #76b737;
}
input[type="checkbox"],
input[type="radio"] {
	/* margin-right: 4px; */
	float: left;
	margin-top: 5px;
	/* padding-right: 5px; */
}
label {
	color: #31363c;
}
.form-field {
	margin-top: 36px;
}
.popup .form-field h2 {
	margin-bottom: 12px;
}
.form-field label {
	display: block;
	font-family: "Avenir LT W01 85 Heavy";
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 7px;
}
.form-field label.legend {
	font-size: 15px;
}
.form-field label + p {
	margin-top: -1px;
	margin-bottom: 13px;
}
.form-field input {
	border-radius: 3px;
	border: none;
	background: #edeff0;
	width: 311px;
	height: 38px;
}
.form-field.full-width input {
	width: 100%;
}
.form-field textarea {
	background: #ebebeb;
	width: 100%;
	height: 75px;
	border: none;
}
.form-field.full-width .form-field.two-col {
	margin-top: 0;
}
.form-field.full-width .form-field.two-col input {
	width: 292px;
}
.popup .form-field.full-width .form-field.two-col input {
	width: 240px;
}
.form-fields {
	padding: 17px 27px;
	background-color: #393f45;
}
p.label {
	margin-bottom: 0;
}
p.label + p {
	margin-top: 0;
}
.btn {
	background: none;
	height: 36px;
	font-size: 12px;
	color: #5b6168;
	border: 1px solid #5b6168;
	border-radius: 2px;
	text-transform: uppercase;
	padding: 12px 12px 12px 39px;
	line-height: 12px;
	font-family: 'Avenir LT W01 85 Heavy';
}
.btn-no-icon {
	padding: 12px;
}
.btn.btn-no-border:hover,
.btn.btn-no-border {
	border: none;
	padding: 0 12px;
}
a.btn.btn-no-border:hover,
a.btn.btn-no-border {
	text-decoration: none;
}
.btn-green {
	border: 1px solid #76b737;
	color: #76b737 !important;
}
.btn-green:active,
.btn-green:active:hover {
	border: 1px solid #76b737 !important;
	background-color: #76b737 !important;
	color: #ffffff !important;
}
.btn-green:hover {
	border: 1px solid #3f973f;
	color: #3f973f !important;
}
.btn-blue {
	border: 1px solid #20acee;
	color: #20acee !important;
}
.btn-blue:active,
.btn-blue:active:hover {
	border: 1px solid #20acee !important;
	background-color: #20acee;
	color: #ffffff !important;
}
.btn-blue:hover {
	border: 1px solid #1e87ba;
	color: #1e87ba !important;
}
.btn-grey,
.btn-gray {
	border: 1px solid #5b6168;
	color: #5b6168 !important;
}
.btn-grey:active,
.btn-gray:active,
.btn-grey:active:hover,
.btn-gray:active:hover {
	border: 1px solid #5b6168 !important;
	background-color: #5b6168;
	color: #ffffff !important;
}
.btn-grey:hover,
.btn-gray:hover {
	border: 1px solid #353a41;
	color: #353a41 !important;
}
.btn.btn-cancel {
	color: #5b6168;
}
.btn.btn-cancel:hover {
	color: #353a41;
}
.btn-edit {
	text-indent: -9999px;
	width: 40px;
}
.slideout .questions,
.page .fieldset {
	margin-top: 36px;
}
.popup .fieldset {
	margin-top: 46px;
}
.slideout .fieldset .question,
.page .fieldset .legend,
.popup .fieldset .legend {
	margin-top: 0;
	color: rgb(34, 34, 34);
	font-family: 'Avenir LT W01 85 Heavy';
	font-size: 24px;
	margin-bottom: 12px;
}
.page .fieldset .legend + *,
.popup .fieldset .legend + * {
	margin-top: 0;
}
/*this is screwed up*/

.slideouts .slideout .fieldset h2.legend {
	color: #76b737;
	font-family: 'Avenir LT W01 85 Heavy' !important;
	font-size: 16px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.slideouts .slideout .fieldset {
	border-bottom: 1px solid #b1b1b1;
	padding-bottom: 36px;
	padding-top: 18px;
	width:100%;
}
.slideouts .slideout .fieldset .two-col {
	width: 300px;
	padding-right: 0;
}
.slideouts .slideout .fieldset .two-col:last-child {
	margin-left: 11px;
}
.slideouts .slideout .fieldset:first-child {
	padding-top: 0px;
}
.slideouts .slideout .fieldset:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
.slideouts .slideout .fieldset h2.subtitle{
	color: #76b737;
	font-family: 'Avenir LT W01 85 Heavy' !important;
	font-size: 16px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

/***************************************
Validation
****************************************/
input.error,
span.error input {
	border: 1px solid #d33440 !important;
}
.error {
	color: #d33440 !important;
}

.error.uncheckText {
	display: block !important;
}

.error-margin-top10 {
	color: #d33440 !important;
	margin-top :10px;
}

.error-text-box { 
	border: 1px solid red !important; 
	padding-left: 15px; 
} 

.error-combo-box { 
	border: 1px solid red !important; 
}

.hide-element {
    display: none;
}
 
.required-indicator{
	position:absolute;
	right: 50px;
	top: 90px;
}

.custodian .required-indicator{
	position:absolute;
	right: 50px;
	top: 75px;
}
.firm-panel .required-indicator{
	top:10px;
}
.client-info-container .required-indicator{
	top: 65px;
}
.required-symbol,
.requiredStartSymbol,
.required-indicator .required-start-symbol{
    color:#20acee;
}


/********************************************************
non-core
********************************************************/


.update-checkbox {
	display: inline-block;
	margin-left: 8px;
}
.update-checkbox input[type="checkbox"] {
	position: relative;
	top: 1px;
}
/********************************************************
Fee Schedule widgets
********************************************************/

table.fee-schedule td {
	padding:  5px 0px 5px 5px;
	height: 50px;
}
table.fee-schedule .phantom-row td {
	padding: 0;
	height: 15px;
}
table.fee-schedule .rate {
	width: 50px;
}
table.fee-schedule .amount {
	width: 95px;
}

table.fee-schedule input[type='text'] {
	padding: 4px 6px;
}

table.fee-schedule td {
	white-space: nowrap;
}

table.fee-schedule tr {
	border-bottom: 2px solid #3f973f;
}
table.fee-schedule tr:last-child {
	border-bottom: 2px solid #c2c2c2;
}
table.fee-schedule .relative {
	height: 30px;
}
table.fee-schedule .btn-plus {
	position: absolute;
	bottom: -22px;
	left: -20px;
	background: url(../img/plus-minus.png) no-repeat;
	border: 0;
	text-indent: -9999px;
	width: 45px;
	height: 20px;
}
.client-fee-schedule table.fee-schedule .btn-plus {
	bottom: -25px;
}
.account-fee-schedule table.fee-schedule .btn-plus {
	bottom: -25px;
}

table.fee-schedule .edit .btn {
	display: block;
}
table.fee-schedule .btn-minus {
	background: url(../img/plus-minus.png) 0 -80px no-repeat;
	border: 0;
	text-indent: -9999px;
	width: 45px;
	height: 20px;
	margin-right: 20px;
}
.popup.fee-schedule .name-container input {
	background: #ebebeb;
	height: 32px;
	border: 0;
	width: 100%;
}
.popup.fee-schedule .assign-container .hint {
	display: inline;
}
.popup.fee-schedule .assign-container h2 {
	line-height: 20px;
	display: inline-block;
	margin-bottom: 0;
}
.slideout .side-by-side,
.popup.fee-schedule .side-by-side {
	margin-top: 5px;
	position: relative;
	height: 400px;
}
.slideout .side-by-side {
	margin-top: 36px;
	position: relative;
	height: 380px;
}
.flat-container td:first-child {
	text-align: center;
}
.flat-container td:last-child {
	text-align: center;
}
.flat-container td input {
	width: 80%;
}
.flat-container .plus {
	width: 10%;
	background: #f1f1f1 url(../img/plus-minus.png) 0 17px no-repeat;
	text-indent: -9999px;
}
.slideout .side-by-side {
	width: 100%;
	position: relative;
}
.side-by-side .available-container {
	width: 45%;
	position: absolute;
	left: 0;
}
.slideout .side-by-side .btn-container,
.fee-schedule .side-by-side .btn-container {
	width: 10%;
	position: absolute;
	top: 40px;
	left: 45%;
	padding-left: 0px;
}
.side-by-side .selected-container {
	width: 45%;
	position: absolute;
	left: 55%;
}
.side-by-side .available-container .available-list,
.side-by-side .selected-container .selected-list {
	width: 100%;
	height: 300px;
	overflow-y: auto;
	background: #ebebeb;
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	-moz-box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-radius: 3px;
	font-size: 13px;
}
.side-by-side .available-container .available-list li,
.side-by-side .selected-container .selected-list li {
	list-style-type: none;
}
.side-by-side .available-container .available-list li.selected,
.side-by-side .selected-container .selected-list li.selected {
	background: #3f973f;
	color: #fff;
}
.side-by-side .select-multiple-container {
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	-moz-box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	margin-top: -15px;
	padding: 3px 10px;
	border-radius: 3px;
}
.side-by-side .btn-container .btn {
	font-size: 24px;
	display: block;
	width: 40px;
	margin-bottom: 10px;
	padding: 5px 12px;
}
.side-by-side .select-multiple-container .btn {
	border: none;
	color: #76b737;
	padding: 12px;
}
.side-by-side .select-multiple-container .btn:hover {
	color: #3f973f;
}
.slideout .side-by-side .title,
.slideout .side-by-side .count {
	font-family: "Avenir LT W01 85 Heavy";
}
.client .btn-client-upload,
.btn-excel {
	margin-left: 10px;
}
/********************************************************
forms
********************************************************/
.btn-delete {
	text-indent: -9999px;
	border: none;
	width: 40px;
	height: 40px;
	background: url(../img/icons.png) 0 -2298px no-repeat;
}
.switchbox .btn,
.question-container .question .btn {
	margin-right: -5px;
	padding: 2px 8px;
	background: #edeff0;
	border: none;
}
.switchbox .btn-switch {
	width: 136px;
	height: 36px;
}
.switchbox .btn.selected,
.question-container .question .btn.selected {
	color: #fff;
	background: #3f973f;
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	-moz-box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	box-shadow: inset 1px 1px 5px 1px rgba(50, 50, 50, 0.50);
	
}
.second-line {
	margin-top:10px;
	margin-left:20px;
	/* float:left; */
}
.firm-setup .flow-billing-question .combobox {
	float:none;
}
.money-or-percentage {
	width:280px;
	position:absolute;
	left:280px;
	top: 54px;
	height: 38px;
}
.page.on-boarding.firm-setup .money-or-percentage {
	top: 54px;
}

.page.maintenance.firm-setup {
	text-align: center;
}

.page.maintenance.firm-setup .header h1,
.page.maintenance.integration .header h1 {
	width: 100%;
	text-align: center;
}

.money-or-percentage input,
.second-line input {
	width:225px;
	background: #edeff0;
  	border: medium none;
	height: 36px;
}

.money-or-percentage .money,
.minimum-fee .money {
	position: relative;
}

.money-or-percentage .rate {
	position: relative;
}

.money-or-percentage .money input,
.minimum-fee .money input {
	padding-left: 24px;
}

.money-or-percentage .rate input {
	text-align: right;
	padding-right: 24px;
}

.slideout .rate input,
.money-or-percentage .percentage input,
.slideout .percentage input {
	text-align:right;

}

.money-or-percentage .currency,
.minimum-fee .money .currency,
.slideout .currency,
.money-or-percentage .percent-sign,
.slideout .percent-sign {
	background-color: #edeff0;
	display:inline-block;
	height:36px;
	width:24px;
	text-align:center;
	line-height:36px;
	position:relative;
	top: 0px;
}
.billable-asset-value .currency {
	background-color: #edeff0;
	display:inline-block;
	height:100%;
	width:24px;
	text-align:center;
	line-height:1;
	position:absolute;
	top: 0px;
}
.billable-asset-value .money {
	position: relative;
}
.billable-asset-value .money input {
	padding-left: 25px;
}
.inception-container {
	display: flex;
}
.money-or-percentage .currency,
.minimum-fee .money .currency {
	background-color: transparent;
	position: absolute;
	top: inherit;
	left: 0px;
	z-index: 1;
}

.money-or-percentage .percent-sign {
	background-color: transparent;
	position: absolute;
	top: inherit;
	right: 0px;
}

/*this is a mess, needs to be cleaned up */
.slideout.client-fee-schedule .currency{
	background:none;
	width: 15px;
}
.slideout.account-fee-schedule .currency{
	background:none;
	width: 15px;
}

.slideout .form-field.full-width .form-field.two-col .money .amount,
.slideout .form-field.full-width .form-field.two-col .rate .amount{
	width:270px;
}

.slideout .form-field.full-width .form-field.two-col .percentage .amount {
	width:207px;
}
.minimum-fee, .jolt {
	width: 100%;

	height: 36px;
	position: relative;
}
.minimum-fee .money, .jolt .description {
	height: 36px;
	width: 230px;
	position: absolute;
	left: 280px;
	top: 0;
}
.minimum-fee .money .amount {
	position: absolute;
	width: 225px;
	border: 0;
	height: 36px;
	background: #edeff0;
  	border: medium none;
  	left:0;
 }
 
 
.discount-rate {
	width: 100%;
	height: 36px;
	position: relative;
}
.discount-rate .percentage {
	height: 36px;
	width: 230px;
	position: absolute;
	left: 280px;
	top: 0;
}
.discount-rate .percentage .percent-sign {
	background: #cccccc;
	display: block;
	height: 36px;
	position: absolute;
    left: 207px;
	width: 23px;
	text-align: center;
	line-height: 36px;
}
.discount-rate .percentage .amount {
	position: absolute;
	width: 207px;
	left: 0px;
	border: 0;
	height: 36px;
	background: #edeff0;
  	border: medium none;
 }
.widgets .btn-address {
	display: inline-block;
	float: left;
	margin-left: 20px;
}
.button-container {
	float: right;
}
.button-container .btn.cancel-btn {
	border: 0px solid #3f973f;
	color: #5b6168;
}
.button-container .btn.cancel-btn:hover {
	color: #353a41;
}
/*slideout form helpers*/


.full {
	width: 100%;
	height: auto;
}
.two-col .full.combobox,
.two-col .full {
	width: 240px;
}
.two-col .full.combobox,
.two-col .full {
	width: 240px;
}
.two-col .full.combobox .cb-selected-text {
	width: 192px;
}
.password .btn-container .btn {
	padding: 12px;
}
.btn.disabled {
	opacity: .4
}
/*
integration buttons
*/
.btn-large {
	background-repeat: no-repeat;
	background-position: center;
    background-color: #FFFFFF;
	text-indent: -9999px;
	padding: 0;
    margin: 0 10px 15px 0;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	border-radius: 3px;
	box-shadow: 0.5px 0.866px 2px 0px rgba(1, 1, 1, 0.3);
	width: 163px;
	height: 85px;
}
.btn-large.connected {
	border-color: rgb(118, 183, 55);
	box-shadow: 0.5px 0.866px 2px 0px rgba(1, 1, 1, 0.3);
}
.btn-large.redtail {
	background-image: url(../img/connectors/redtail.png);
}
.btn-large.redtail.connected {
	background-image: url(../img/linked.png), url(../img/connectors/redtail.png);
}
.btn-large.fortigent {
	background-image: url(../img/connectors/fortigent.jpg);
}
.btn-large.fortigent.connected {
	background-image: url(../img/linked.png), url(../img/connectors/fortigent.jpg);
}
.btn-large.axys {
	background-image: url(../img/connectors/axys.png);
}
.btn-large.fidelity {
	background-image: url(../img/connectors/fidelity.jpg);
}
.btn-large.fidelity.connected {
	background-image: url(../img/linked.png), url(../img/connectors/fidelity.jpg);
}
.btn-large.junxure {
	background-image: url(../img/connectors/junxure.png);
}
.btn-large.pershing {
	background-image: url(../img/connectors/pershing.jpg);
}
.btn-large.pershing.connected {
	background-image: url(../img/linked.png), url(../img/connectors/pershing.jpg);
}

.btn-large.ssg {
	background-image: url(../img/connectors/SSGLogo2017.png);
}
.btn-large.ssg.connected {
	background-image: url(../img/linked.png), url(../img/connectors/SSGLogo2017.png);
 }

.btn-large.nfs {
	background-image: url(../img/connectors/nfs.jpg);
}
.btn-large.nfs.connected {
	background-image: url(../img/linked.png), url(../img/connectors/nfs.jpg);
 }

.btn-large.salesforce {
	background-image: url(../img/connectors/salesforce.jpg);
}
.btn-large.scottrade {
	background-image: url(../img/connectors/scottrade.png);
}
.btn-large.schwab {
	background-image: url(../img/connectors/Charles_Schwab_Advisor_Center_HStacked.png);
	background-size: 80%;
}
.btn-large.schwab.connected {
	background-image: url(../img/linked.png), url(../img/connectors/Charles_Schwab_Advisor_Center_HStacked.png);
	background-size: auto, 65%;
}
.btn-large.state-street {
	background-image: url(../img/connectors/state-street.jpg);
}
.btn-large.td-ameritrade {
	background-image: url(../img/connectors/td-041613.jpg);
}
.btn-large.td-ameritrade.connected {
	background-image: url(../img/linked.png), url(../img/connectors/td-041613.jpg);
}
.btn-large.vanguard {
	background-image: url(../img/connectors/vanguard.jpg);
}
.btn-large.blueleaf {
	background-image: url(../img/connectors/blueleaf.png);
}
.btn-large.fidelity.connected{
	background-image: url(../img/linked.png), url(../img/connectors/fidelity.jpg);
}

.btn-large.blueleaf.connected {
	background-image: url(../img/linked.png), url(../img/connectors/blueleaf.png);
}
.btn-large.rbc {
	background-image: url(../img/connectors/rbc.png);
}
.btn-large.rbc.connected {
	background-image: url(../img/linked.png), url(../img/connectors/rbc.png);
}
.btn-large.advisors-assistant {
	background-image: url(../img/connectors/advisors-assistant.png);
}
.btn-large.advisors-assistant.connected {
	background-image: url(../img/linked.png), url(../img/connectors/advisors-assistant.png);
}
.btn-large.circle-black {
	background-image: url(../img/connectors/circleBlack.png);
}
.btn-large.circle-black.connected {
	background-image: url(../img/linked.png), url(../img/connectors/circleBlack.png);
}

.btn-large.ib{
	background-image: url(../img/connectors/ib-logo-text-black.svg);
	background-size: 130px;
}
.btn-large.ib.connected {
	background-image: url(../img/linked.png), url(../img/connectors/ib-logo-text-black.svg);
	background-size: 130px;
}
.btn-large.lpl{
	background-image: url(../img/connectors/lpl-financial-logo.svg);
	background-size: 80%;
}
.btn-large.lpl.connected {
	background-image: url(../img/linked.png), url(../img/connectors/lpl-financial-logo.svg);
	background-size: auto, 65%;
}
.btn-large.pontera{
	background-image: url(../img/connectors/pontera-logo.png);
	background-size: 80%;
}
.btn-large.pontera.connected {
	background-image: url(../img/linked.png), url(../img/connectors/pontera-logo.png);
	background-size: auto, 65%;
}
.btn-large.altruist{
	background-image: url(../img/connectors/altruist.jpg);
	background-size: 50%;
}
.btn-large.altruist.connected {
	background-image: url(../img/linked.png), url(../img/connectors/altruist.jpg);
	background-size: auto, 50%;
}
/***********************************************************
Date Picker
***********************************************************/

.gwt-DatePicker {
	width: 300px;
	border: 1px solid #e1e1e1;
	position: absolute;
}
table.gwt-DatePicker tr:hover td {
	background-color: #fff;
}
.gwt-DatePicker tr:nth-child(2) td {
	padding: 0;
}
.gwt-DatePicker tr:nth-child(2) td td {
	padding: 5px 15px;
}
table.gwt-DatePicker tr:hover .datePickerWeekendLabel,
table.gwt-DatePicker tr:hover .datePickerWeekdayLabel {
	background: #cdedfc;
}
.datePickerMonthSelector td {
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	font-family: "Avenir LT W01 85 Heavy";
	color: #20acee
}
.datePickerMonthSelector .html-face {
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	font-family: "Avenir LT W01 85 Heavy";
	color: #20acee;
	line-height: 20px;
}
.datePickerWeekendLabel,
.datePickerWeekdayLabel {
	background: #cdedfc;
	font-size: 15px;
	font-family: "Avenir LT W01 85 Heavy";
}
.datePickerDay {
	font-size: 15px;
}
button.manualFee {
	padding: 0;
    border: 0;
    width: 24px;
    height: 24px;
    position: relative;
    background: transparent;
}
button.manualFee:nth-last-child(n+2) {
    margin-right: 10px;
}
button.manualFee:before {
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    line-height: 1;
    color: #fff;
    border: 2px solid transparent;
    transform: translate(-2px, -2px);
}
button.manualFee.add:before {
    background: #76b737;
    content: '+';
}
button.manualFee.delete:before {
    background: #d53939;
    content: '\00d7';
}
input.gwt-DateBox.redi2-datepicker-datebox {
    width: 120px;
}

.adjusted-asset input.amount {
    height: 36px;
    background: #edeff0;
    border: 0px;
}

/********************************************************
Billfin CSS 

File: icons.css

icons

********************************************************/
.ico-warning {
	background: url(../img/icons.png) -12px -3150px no-repeat;
}
.ico-upload {
	background: url(../img/icons.png) 0 -1508px no-repeat;
}
.ico-upload:hover {
	background: url(../img/icons.png) -1px -910px no-repeat;
}
.ico-upload:active:hover,
.ico-upload:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -1508px;
	background-repeat: no-repeat;
}
.ico-excel {
	background: transparent url(../img/icons.png) -4px -2248px no-repeat;
}
.ico-excel:hover {
	background: transparent url(../img/icons.png) -4px -3054px no-repeat;
}
.ico-excel:active:hover,
.ico-excel:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -2250px;
	background-repeat: no-repeat;
}
.ico-export {
	background: url(../img/icons.png) 0 -400px no-repeat;
}
.ico-export:hover {
	background: url(../img/icons.png) 0 -2348px no-repeat;
}
.ico-export:active:hover,
.ico-export:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0px -2101px;
	background-repeat: no-repeat;
}


.ico-send {
	background: url(../img/icons.png?2019-07-25) 0 -5297px  no-repeat;
}
.ico-send:hover {
	background: url(../img/icons.png?2019-07-25) 0 -5356px  no-repeat;
}
.ico-send:active:hover,
.ico-send:active {
	background-image: url(../img/icons.png?2019-07-25) 0 -5234px  no-repeat;	
}


.btn-check-cash {
	background: url(../img/icons.png?2018-03-07) 0 -4287px no-repeat;padding:12px 12px 12px 43px;
}
.btn-check-cash:hover, .btn-check-cash:active {
	background: url(../img/icons.png?2018-03-07) 0 -4287px no-repeat;
}
.ico-add {
	background: url(../img/icons.png) 0 -1653px no-repeat;
}
.ico-add:hover {
	background: url(../img/icons.png) 0 -579px no-repeat;
}
.ico-add:active:hover,
.ico-add:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -1653px;
	background-repeat: no-repeat;
}
.ico-add-flow-type {
	background: url(../img/icons.png) 0 -3382px no-repeat;
}
.ico-add-flow-type:hover {
	background: url(../img/icons.png) 0 -3333px no-repeat;
}
.ico-add-flow-type:active:hover,
.ico-add-flow-type:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -45px;
	background-repeat: no-repeat;
}

.ico-add-fee-schedule {
	background: url(../img/icons.png) 0 -1457px no-repeat;
}
.ico-add-fee-schedule:hover {
	background: url(../img/icons.png) 0 -2828px no-repeat;
}
.ico-add-fee-schedule:active:hover,
.ico-add-fee-schedule:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -1457px;
	background-repeat: no-repeat;
}
.ico-add-advisor {
	background: url(../img/icons.png) 0 -2874px no-repeat;
}
.ico-add-advisor:hover {
	background: url(../img/icons.png) 0 -1744px no-repeat;
}
.ico-add-advisor:active:hover,
.ico-add-advisor:active {
	background-image : url(../img/icons-clicked.png);
	background-position: 0 -2874px;
	background-repeat: no-repeat;
}
.ico-add-custodian {
	background: url(../img/icons.png) 0 -2912px no-repeat;
}
.ico-add-custodian:hover {
	background: url(../img/icons.png) 0 -1791px no-repeat;
}
.ico-add-custodian:active:hover,
.ico-add-custodian:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -2912px;
	background-repeat: no-repeat;
}
.ico-firm-setup {
	background: url(../img/icons.png) no-repeat 0 -2960px;
}
.ico-firm-setup:hover {
	background: url(../img/icons.png) no-repeat 0 -865px;
}
.ico-firm-setup:active:hover,
.ico-firm-setup:active {
	background-image: url(../img/icons-clicked.png);
	background-repeat: no-repeat;
	background-position: 0 -2960px;
}
.ico-client {
	background: url(../img/icons.png) no-repeat 0 -3100px;
}
.ico-client:active:hover,
.ico-client:active {
	background-image: url(../img/icons-clicked.png);
	background-repeat: no-repeat;
	background-position: 0 -3100px;
}
.ico-client:hover {
	background: url(../img/icons.png) 0 -1560px no-repeat;
}
.ico-assign-fee-schedule {
	background: url(../img/icons.png) no-repeat 0 -1458px;
}
.ico-assign-fee-schedule-green {
	background: url(../img/icons.png) no-repeat 0 -3473px;
}
.ico-assign-fee-schedule:hover {
	background: url(../img/icons.png) no-repeat 0 -2829px;
}
.ico-assign-fee-schedule-green:hover {
	background: url(../img/icons.png) no-repeat 0 -3429px;
}
.ico-assign-fee-schedule:active:hover,
.ico-assign-fee-schedule:active {
	background-image: url(../img/icons-clicked.png);
	background-repeat: no-repeat;
	background-position: 0 -1458px;
}
.ico-upload.btn-green {
	background: url(../img/icons.png) 0 -3009px no-repeat;
}
.ico-upload.btn-green:hover {
	background: url(../img/icons.png) 0 -1608px no-repeat;
}
.ico-upload.btn-green:active:hover,
.ico-upload.btn-green:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -3009px;
	background-repeat: no-repeat;
}
.ico-okay {
	background: url(../img/icons.png) -4px -536px no-repeat;
}
.ico-okay:active:hover,
.ico-okay:active {
	background-image: url(../img/icons-clicked.png);
	background-position: -4px -536px;
	background-repeat: no-repeat;
}
.ico-edit-green {
	background: url(../img/icons.png) 0 -1415px no-repeat;
}
.ico-edit-green:active:hover,
.ico-edit-green:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -1415px;
	background-repeat: no-repeat;
}
.ico-edit-blue:active:hover,
.ico-edit-blue:active
 {
	background: url(../img/icons.png) 0 -214px no-repeat;
}
.ico-edit-blue {
	background: url(../img/icons.png) 0 -214px no-repeat;
}
.ico-delete-red:active,
.ico-delete-red:active:hover {
	background: url(../img/icons.png) 0 -2293px no-repeat;
}

.ico-delete-red {
	background: url(../img/icons.png) 0 -2293px no-repeat;
}
.ico-edit-blue:active:hover,
.ico-edit-blue:active {
	background-image: url(../img/icons-clicked.png);
	background-position: 0 -217px;
	background-repeat: no-repeat;
}
.ico-add-asset-class {
	background: url(../img/icons.png) no-repeat 0 -3236px;
}
.ico-add-asset-class:hover {
	background: url(../img/icons.png) no-repeat 0 -3281px;
}
.ico-add-asset-class:active:hover,
.ico-add-asset-class:active {
	background-image: url(../img/icons-clicked.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ico-admin-cog {
	background: url(../img/icons.png) 0 -3511px no-repeat;
	
}

.ico-admin-cog:hover {
	background: url(../img/icons.png) 0 -3561px no-repeat;
}

.ico-calendar {
	background: url(../img/icons.png) -11px -3622px no-repeat;width:30px;
}

.ico-view-blue {
	background: url(../img/icons.png) 0 -3676px no-repeat;	
}

.ico-info {
	background: url(../img/icons.png) 0 -3715px no-repeat;
	margin-left: 5px;
}

.ico-help {
	background: url(../img/icons.png)  8px -3942px no-repeat;
}

.ico-check {
	background: url(../img/icons.png) 0 -535px no-repeat;
}
.ico-check2 {
	background: url(../img/green-check.png) 18px 17px no-repeat;
}
.ico-check-all {
	background: url(../img/checkbox_checked.png) 0 0 no-repeat;
}

.ico-uncheck-all {
	background: url(../img/checkbox_unchecked.png) 0 0 no-repeat;
}
.ico-calc {
	background: url(../img/icons.png?2018-03-07) 0 -4674px no-repeat;
}
.ico-calc:hover {
	background: url(../img/icons.png?2018-03-07) 0 -4745px no-repeat;
}

.ico-send-invoice {
	background: url(../img/icons.png?2022-01-10) 0 -5566px no-repeat;
}
.ico-send-invoice:hover {
	background: url(../img/icons.png?2022-01-10) 0 -5614px no-repeat;
}
/********************************************************
Billfin CSS 

File: widgets.css

Unique UI elements

********************************************************/
.app .header .widgets {
	display: inline-block;
	width: auto;
	min-width: 700px;
}
.app .header h1+.widgets {
	min-width: auto;
}
.app .page.client .header .widgets button {margin-left:5px}
.app .page.client .header .widgets button:first-child {margin-left:0px}

.page.fee .header .widgets,
.page.invoice .header .widgets,
.page.debit-file .header .widgets,
.page.client .header .widgets {
	display: inline-block;
	width: auto;
	min-width: 750px;
	left:40px;
	position:absolute;
	top:100px;
}
/*********************************
Combobox
*********************************/
.widgets .combobox {
	height: 37px;
	width: 180px;
	background: #edeff0;
	border: 5px solid #edeff0;
	border-radius: 2px;
	position: relative;
	font-family: "Avenir LT W01 35 Light", sans-serif;
	float: left;
	margin-right: 10px;
}

.page.fee .header .widgets .fee-button-set {
    	width: 1024px;
}
.widgets .sync-container {
	height: 37px;
	width: 400px;
	position: relative;
	clear: both;
	font-family: "Avenir LT W01 35 Light", sans-serif;
}
.widgets .sync-container-label{
	font-weight: bold;
}
.widgets .sync-container-value{
	min-width: 78px;
	display: inline-block;	
}
.page .header .widgets .combobox {
	font-family: "Avenir LT W01 85 Heavy", sans-serif;
}
.widgets .combobox .btn-combobox {
	text-indent: -9999px;
	width: 42px;
	border: 0;
	background: #edeff0 url(../img/down-arrow.png);
	height: 27px;
}
.widgets .combobox.open {
	background: #fff;
	border: 5px solid #cdecfb;
}

.widgets .combobox.open .btn-combobox {
	background: #fff url(../img/down-arrow.png) 0 -41px;
}
.widgets .combobox .cb-selected-text {
	width: 120px;
	height: 32px;
	overflow: hidden;
	display: block;
	float: left;
	padding-left: 3px;
	line-height: 32px;
}
.widgets .combobox .cb-item-list {
	height: 0;
	transition: height ease .5s;
	display: none;
}
.widgets .util {
	margin-left: auto;	
}
.total-fee-container .util.feeUpload {
	-webkit-transform: translate(-170px, -57px);
	-moz-transform: translate(-170px, -57px);
	-ms-transform: translate(-170px, -57px);
	-o-transform: translate(-170px, -57px);
	transform: translate(-170px, -57px);
}

.widgets .combobox .cb-item-list.cb-open {
	height: auto;
	position: absolute;
	z-index: 2;
	list-style-type: none;
	background: #cdecfb;
	top: 50%;
	left: -5px;
	padding-left: 0;
	display: block;
	max-height: 200px;
	overflow-y: auto;
	border: 5px solid #cdecfb;
	width:100%;
	box-sizing:content-box;
}
.widgets .combobox .cb-item-list.cb-open li {
	padding-left: 15px;
}
.widgets .combobox .cb-item-list.cb-open li:hover {
	color: #fff;
	background: #20acee;
}

.widgets .combobox .cb-item-list.cb-open li.selected {
    color: #fff;
    background: #20acee;
}

.widgets .combobox.billing-period-selector.extended {
	width: 210px;
}
.widgets .combobox.billing-period-selector.extended .cb-selected-text {
	width: 155px;
}

.widgets .combobox.billing-year-selector {
	margin-right: 10px;
	width: 130px;
}
.widgets .combobox.billing-year-selector .cb-selected-text {
	width: 70px;
}

.widgets .combobox.export-options {
	margin-right: 10px;
	width: 210px;
}
.widgets .combobox.export-options .cb-selected-text {
    width: 155px;
}

.widgets .combobox.billing-cycle-selector {
	width: 185px;
}

.widgets .billing-cycle .combobox.billing-year-selector.has-upload-transaction {
    width: 155px;
}

.widgets .billing-cycle .combobox.billing-year-selector.has-upload-transaction  .cb-selected-text  {
	width: 100px;
}

.widgets .combobox.billing-period-selector.extended .cb-item-list.cb-open {
	/*width: 210px;*/
}
/*********************************
Valuation upload button
*********************************/
.widgets .btn-valuation-upload {
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.widgets .btn-calculate-fees {
	margin-left: 10px;
}

/*********************************
Valuation export button
*********************************/
.widgets .btn-export {
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.widgets.paymentPage{
	display: flex !important;
	width: 100% !important;
	left: 0 !important;
	padding: 0 45px;
}
.widgets .btn-check-cash {
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.widgets .data-feed-status {	
 	text-transform: capitalize;
}

.widgets .btn-export.exporting {
	border: 1px solid #a8b2bc;
	color: #a8b2bc;
	background: url(../img/icons.png) 0 -260px no-repeat;
}
.page.invoice .util {
	position: absolute;
    right: -400px;
    top: 0px;
}
.page.invoice .util button {
	display: inline-block;
	float: none;
	line-height: 18px;
	height: 18px;
}
.page.invoice .util button.btn-address {
	border-right: 1px solid #2fa5d7;
	margin: 0;
}
.header .file-container {
	margin-top: 10px;
	margin-bottom: 0;
}
.header .total-fee-container {
	position: absolute;
	right: 30px;
	top: 36px;
	border: 1px solid #888;
	border-width: 1px;
	border-color: rgb(204, 204, 204);
	border-style: solid;
	border-radius: 3px;
	background-image: -moz-linear-gradient( 100deg, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
	background-image: -webkit-linear-gradient( 100deg, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
	background-image: -ms-linear-gradient( 100deg, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
	box-shadow: inset 0.5px 0.866px 0px 0px rgba(255, 255, 255, 0.294);
	width: 312px;
	height: 109px;
	z-index: 9;
	padding: 15px 20px;
}
.total-fee-container.paymentFee {
	height: auto;
}
.total-fee-container.paymentFee .fee-container-message {
	margin-top: 0;
}
.total-fee-container.paymentFee .fee-container-message p {
	margin: 0;
}
.total-fee-container h3 {
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
}
.total-fee-container .current-fee-container,
.total-fee-container .previous-fee-container {
	float: left;
	width: 50%;
	margin-top: 12px;
}
.total-fee-container .fee-container-message {
	float: left;
	width: 100%;
	margin-top: 12px;
}
.total-fee-container .current-fee-container p,
.total-fee-container .previous-fee-container p {
	margin: 0
}
.total-fee-container .fee-total {
	font-size: 18px;
	font-family: "Avenir LT W01 85 Heavy", sans-serif;
	color: #5b6168;
}
.total-fee-container .fee-message {
	font-size: 18px;
	font-family: "Avenir LT W01 85 Heavy", sans-serif;
	color: #76b737;
}
.total-fee-container .fee-total.down {
	color: #d33440;
}
.total-fee-container .fee-total.up {
	color: #76b737;
}
.total-fee-container .fee-period {
	color: #8394a5;
	font-size: 12px;
}
.total-fee-container .util {
	float: right;
    margin-top: 21px;
}
.has-post-fee{
	right:-250px !important;
}

.veo-logo {
	
	float: left;
	margin: 0;
	height: 54px;
	width: 151px;
	background: url(../img/connectors/td-041613.jpg) 0px 0px no-repeat;
}

.charles-schwab-logo {
	
	float: left;
	margin: 0;
	height: 76px;
	width: 151px;
	background: url(../img/connectors/schwab-new.png) 0px 0px no-repeat;
}
.payment.note {
	height: 16px;
	width: 24px;
	cursor:pointer;	
	border: 0;
	background: url(../img/icons.png?20201026) 0 -5527px no-repeat;	
	background-repeat: no-repeat;
}

.payment.note.filled {
	background: url(../img/icons.png?20201026) 0 -5468px no-repeat;	background-repeat: no-repeat;
}
.view.edoc.info {
	background: url(../img/icons.png) 0 -3715px no-repeat; background-repeat: no-repeat;
	height: 22px;
    width: 28px;
    border: none;
}
button.payment.note:hover {
	background: url(../img/icons.png?20201026) 0 -5425px no-repeat;	background-repeat: no-repeat;
}

.custodian-info-container .combobox.cb-fee-description{
	width:525px;
}
.custodian-info-container .provider{
	float:left;
}
.custodian-info-container .combobox.cb-fee-description .cb-selected-text{
	width:470px;
}

/********************************************************
Billfin CSS 

File: filterbar.css

Filterbar styles

********************************************************/

.filter-bar-container {
	height: 54px;
	background: #e8e8e8;
	border-bottom: 1px solid #dadada;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	min-width: 800px;
}
.filter-bar-container .filter-bar {
	padding-left: 0;
}
.filter-bar-container .filter {
	float: left;
	position: relative;
	width: 86px;
	height: 54px;
	border-right: 1px solid #dadada;
	list-style-type: none;
}
.filter-bar-container .filter button {
	text-indent: -9999px;
	border: none;
	position: absolute;
	width: 86px;
	height: 54px;
	left: 0;
	top: 0;
	z-index: 1;
}
.filter-bar-container .filter .filter-item-list {
	display: none;
}
.filter-bar-container .filter.flag button {
	background: url(../img/icons.png) 50% -152px no-repeat;
}
.filter-bar-container .filter.billing-type button {
	background: url(../img/calculator-black.png?20190110) 50% no-repeat;
	background-size: 18px;
}
.filter-bar-container .filter.billing-frequency button {
	background: url(../img/icons.png?20190110) 50% -4812px no-repeat;
}
.filter-bar-container .filter.payment-type button {
	background: url(../img/icons.png) 50% -102px no-repeat;
}

.filter-bar-container .filter.edoc button {
	background: url(../img/icons.png?20220110) 50% -5700px no-repeat;
}

.filter-bar-container .filter.edoc:hover button {
	background: url(../img/icons.png?20220110) 50% -5748px no-repeat;
}

.filter-bar-container .filter.advisor button {
	background: url(../img/icons.png) 50% -48px no-repeat;
}
.filter-bar-container .filter.custodian button {
	background: url(../img/icons.png) 50% 6px no-repeat;
}
.filter-bar-container .filter.payout button {
	background: url(../img/icons.png) 50% -4000px no-repeat;
}
.filter-bar-container .filter.blocked button {
	background: url(../img/icons.png) 50% -1880px no-repeat;
}
.filter-bar-container .filter.fee-schedule button {
	background: url(../img/icons.png) 50% -1040px no-repeat;
}
.filter-bar-container .filter.exported button {
	background: url(../img/icons.png) 50% -1990px no-repeat;
}
.filter-bar-container .filter.status button {
	background: url(../img/icons.png) 50% -102px no-repeat;
}
.filter-bar-container .filter.open.status button,
.filter-bar-container .filter.selected.status button,
.filter-bar-container .filter.status:hover button {
	background: url(../img/icons.png) 50% -1253px no-repeat;
}
.filter-bar-container .filter.open.flag button,
.filter-bar-container .filter.selected.flag button,
.filter-bar-container .filter.flag:hover button {
	background: url(../img/icons.png) 50% -1305px no-repeat;
}
.filter-bar-container .filter.open.billing-type button,
.filter-bar-container .filter.selected.billing-type button,
.filter-bar-container .filter.billing-type:hover button {
	background: url(../img/calculator-white.png) 50% no-repeat;
	background-size: 18px;
}
.filter-bar-container .filter.open.billing-frequency button,
.filter-bar-container .filter.selected.billing-frequency button,
.filter-bar-container .filter.billing-frequency:hover button {
	background: url(../img/icons.png?20190110) 50% -4890px no-repeat;
}
.filter-bar-container .filter.open.payment-type button,
.filter-bar-container .filter.selected.payment-type button,
.filter-bar-container .filter.payment-type:hover button {
	background: url(../img/icons.png) 50% -1253px no-repeat;
}
.filter-bar-container .filter.open.advisor button,
.filter-bar-container .filter.selected.advisor button,
.filter-bar-container .filter.advisor:hover button {
	background: url(../img/icons.png) 50% -1199px no-repeat;
}
.filter-bar-container .filter.open.custodian button,
.filter-bar-container .filter.selected.custodian button,
.filter-bar-container .filter.custodian:hover button {
	background: url(../img/icons.png) 50% -1145px no-repeat;
}
.filter-bar-container .filter.open.payout button,
.filter-bar-container .filter.selected.payout button,
.filter-bar-container .filter.payout:hover button {
	background: url(../img/icons.png) 50% -4060px no-repeat;
}
.filter-bar-container .filter.open.fee-schedule button,
.filter-bar-container .filter.selected.fee-schedule button,
.filter-bar-container .filter.fee-schedule:hover button {
	background: url(../img/icons.png) 50% -1093px no-repeat;
}
.filter-bar-container .filter.blocked:hover button {
	background: url(../img/icons.png) 50% -2388px no-repeat;
}
section.app .filter-bar-container .filter button.filter-clear {
	background: none;
	content: "x";
	color: #cfcbca;
	height: 20px;
	width: 20px;
	text-indent: 0;
	font-size: 20px;
	line-height: 20px;
	margin-left: -10px;
	margin-right: 10px;
}
section.app .filter-bar-container .filter button.filter-clear:hover {
	color: #d33440;
}
.filter:hover {
	background: #565656;
}
.filter.selected {
	background: #20acee;
	color: #fff;
	width: auto;
}
.filter.open {
	background: #20acee;
	color: #fff;
}
.filter.selected button {
	position: static;
	width: 54px;
	margin-left: 25px;
}
.filter.selected .filter-selected-text {
	display: inline-block;
	padding-right: 40px;
}
.filter .filter-indicator-text.indicator-show {
	position: absolute;
	right: 7px;
	top: -10px;
	padding: 1px 3px;
	background: #d33440;
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-family: "Avenir LT W01 85 Heavy";
	z-index: 1;
}
.filter .filter-item-list.open {
	background: #393f46;
	display: block;
	position: absolute;
	top: 54px;
	color: #8b9cac;
	list-style-type: none;
	width: auto;
	min-width: 275px;
	padding: 25px;
	z-index: 44;
	max-height: 400px;
	overflow-y: auto;
}
.filter .filter-item {
	margin-bottom: 5px;
	font-family: "Avenir LT W01 85 Heavy";
	font-size: 12px;
	padding-left: 13px;
	text-transform: uppercase;
}
.filter .filter-item.selected,
.filter .filter-item:hover {
	color: #fff;
}
.filter.payment-type .filter-item,
.filter.flag .filter-item,
.filter.exported .filter-item,
.filter.blocked .filter-item {
	padding-left: 40px;
	padding-bottom: 12px;
}
.filter.flag .filter-item.none {
	background: url(../img/icons.png) 0 -688px no-repeat;
}
.filter.flag .filter-item.open {
	background: url(../img/icons.png) 0 -1376px no-repeat;
}
.filter.flag .filter-item.completed {
	background: url(../img/icons.png) -3px -545px no-repeat;
}
.filter.flag .filter-item.all {
	background: url(../img/icons.png) 0 -1376px no-repeat;
	text-indent: -9999px;
}
.filter.blocked .filter-item.blocked {
	background: url(../img/icons.png) -2px -2792px no-repeat;
}
.filter.blocked .filter-item.none {
	background: url(../img/icons.png) -2px -2746px no-repeat;
}
.filter.flag .filter-item.all:after {
	background: url(../img/icons.png) 0 -545px no-repeat;
	display: block;
	height: 25px;
	width: 50px;
	margin-top: -20px;
	content: "+";
	text-indent: 0;
	font-family: "Avenir LT W01 35 Light";
}
.filter.payment-type .filter-item.debit {
	background: url(../img/icons.png) 0px -779px no-repeat;
}
.filter.payment-type .filter-item.check {
	background: url(../img/icons.png) 0px -825px no-repeat;
}
.filter.payment-type .filter-item.none {
	padding-left: 13px;
}
.filter.exported .filter-item.none {
	background: url(../img/icons.png) 0px -2108px no-repeat;
}
.filter.exported .filter-item.exported {
	background: url(../img/icons.png) -1px -2354px no-repeat;
}
.filter-bar-container .filter.open.exported button,
.filter-bar-container .filter.selected.exported button,
.filter-bar-container .filter.exported:hover button {
	background: url(../img/icons.png) 50% -1935px no-repeat;
}
.filter.exported .filter-item.filter-clear {
	padding-left: 13px;
}
.filter .filter-item.special-pricing {
	padding-left: 30px;
	padding-bottom: 12px;
	color: #20acee;
	background: url(../img/icons.png) -11px -2644px no-repeat;
}
.filter .filter-item.special-pricing:hover,
.filter .filter-item.special-pricing.selected {
	color: #fff;
	background: url(../img/icons.png) -11px -2695px no-repeat;
}
.filter .filter-item.filter-title {
	text-transform: uppercase;
	font-size: 18px;
	font-family: "Avenir LT W01 35 Light";
	padding-left: 13px;
	color: #fff;
}
/*merge with context-menus in grid.css? */
.filter-bar-container .filter.open:hover .context-menu {
	display: none;
}
.filter-bar-container .filter .context-menu {
	position: absolute;
	display: none;
	z-index: 9999;
	top: 54px;
	left: 20px;
	width: 192px;
	padding: 0px;
	list-style-type: none;
}
.filter-bar-container .filter:hover .context-menu {
	display: block;
}
.filter-bar-container .filter:hover .context-menu:before {
	content: url(../img/flag-notch.png);
}
.filter-bar-container .filter:hover .context-menu {
	display: block;
	background: #2f2f2f;
	color: #fff;
}
.filter-bar-container .filter:hover .context-menu:before {
	position: absolute;
	display: block;
	height: 5px;
	top: -1em;
	left: 20px;
	z-index: 10;
}
.filter-bar-container .filter:hover .context-menu:before {
	content: url(../img/flag-notch.png);
}
.filter-bar-container .filter:hover .context-menu li {
	padding: 10px;
	font-size: 12px;
	font-family: "Avenir LT W01 85 Heavy";
	text-transform: uppercase;
}
.filter-bar-container .filter:hover .context-menu li:hover {
	color: #fff;
	background-color: #20acee;
	cursor: pointer;
}
.filter-bar-container .search-container {
	float: left;
	padding: 12px 96px;
	background: transparent url(../img/icons.png) 22px -2140px no-repeat;
}
.filter-bar-container .search-container:hover {
	background: transparent url(../img/search-bg.png) no-repeat;
}
.filter-bar-container .search-container input {
	background: #e8e8e8;
	border: none;
}
.filter-bar-container .search-container.selected {
	color: #fff;
	padding: 12px 0px 12px 48px;
	background: #20acee url(../img/icons.png) 0 -2190px no-repeat;
}
.filter-bar-container .search-container.selected input {
	color: #fff;
	background: #20acee;
	border: none;
}

.filter-bar-container .btn-clear-reminder {
	float: left;
	margin: 10px 100px;
}

.filter-bar-container .filter.check button {
	background:transparent url(../img/icons.png) 50% -4138px no-repeat;
}

.filter-bar-container .filter.check button:hover, .filter-bar-container .filter.check.open button {
	background:transparent url(../img/icons.png) 50% -4206px no-repeat;
}

.filter-bar-container .filter.check .filter-item:not(.filter-title) {
	padding-left: 40px;
}
.filter-bar-container .filter.check .filter-item{padding-bottom: 12px;}
	
.filter-bar-container .filter.check .filter-item.none {background:transparent url(../img/icons.png) -2px -4367px no-repeat;}
.filter-bar-container .filter.check .filter-item.blocked {background:transparent url(../img/icons.png) -2px -4432px no-repeat;}/********************************************************
Billfin CSS 

File: onboarding.css

onboarding styles

********************************************************/
.page.on-boarding h1,
.page.on-boarding h2,
.page.on-boarding h3,
.page.on-boarding h4,
.page.on-boarding h5,
.page.on-boarding h6 {font-family:"Avenir LT W01 85 heavy"}


#getting-started-wrapper {
	min-width: 100%;
}

.page.on-boarding header h1 {
	float: none;
	margin:10px auto 0;
	font-size: 36px;
	font-family: "Avenir LT W01 85 Heavy";
	text-transform:uppercase;
}
.page.on-boarding header h1+p {margin-top:5px}
.page.on-boarding header .message {
	width: 375px;
	margin: auto;
}
.page.on-boarding header {
	text-align: center;
	padding: 60px auto;
	height: auto;
}
.page.on-boarding header {padding:31px 150px 0;min-width:1300px}
.page.on-boarding header .step-one,
.page.on-boarding header .step-two,
.page.on-boarding header .step-three {
	height: 30px;
	width: 120px;
	margin: auto;
}
.page.on-boarding header .two-steps{
    width: 64px;
}
.page.on-boarding header .step-one {
	background: url(../img/steps-indicator.png) no-repeat;
}
.page.on-boarding header .step-two {
	background: url(../img/steps-indicator.png) 0 -27px no-repeat;
}
.page.on-boarding header .step-three {
	background: url(../img/steps-indicator.png) 0 -55px no-repeat;
}
.page.on-boarding {
	text-align: center;
	margin: 0 auto;
	/*width: 96%;*/
	padding-bottom: 100px;
	color:#464f57;
}

.page.on-boarding.account-assigment .body.account .onboard-account-assignment-help {padding:0 50px;min-width:1300px}

.page.on-boarding.account-assigment .results-container .account-assignment-select-client .existing-client-body-details {overflow-x:hidden;overflow-y:hidden}
.page.on-boarding.account-assigment .results-container .account-assignment-select-client .existing-client-body-details {height:auto}
.page.on-boarding.account-assigment .results-container .account-select-search-table .table-wrapper {overflow-x:hidden;height:auto}
.page.on-boarding.account-assigment .results-container .account-assignment-select-client .client-body .new-client-body {overflow:hidden;height:auto;padding-bottom: 80px;position:relative}

.page.on-boarding.client-template .fieldset {margin-top:0}

.page.on-boarding .admin-buttons {position:relative;z-index:7;min-width:1300px}

.page.on-boarding .admin-buttons .btn-connector-setup {padding:12px;position:absolute;right:50px;top:46px}

.page.on-boarding .admin-buttons .btn-connector-setup {
	display: block;
	background: #fff url(../img/back-next.png) 171px -229px no-repeat;
	padding:12px 36px 12px 12px;
}
.page.on-boarding .admin-buttons .btn-connector-setup:hover, .page.on-boarding .admin-buttons .btn-connector-setup:active {
	background: #fff url(../img/back-next.png) 171px -313px no-repeat;
}
.page.account-assigment .client-info-panel .client-info-panel-button button {color:#fff !important;padding:12px 39px 12px 12px;background: #4faae8 url(../img/back-next.png) 171px -147px no-repeat;border:none}
.page.account-assigment .client-info-panel .client-info-panel-button button:hover {color:#fff !important;padding:12px 39px 12px 12px;background: #1e87ba url(../img/back-next.png) 171px -147px no-repeat;border:none;}

.page.on-boarding .body .account {
	width: 100%;
	text-align:left;
}
.page.on-boarding .data-question-container {padding-bottom:20px}

.page.on-boarding .app-scroller {
	top: 280px;
	padding-bottom: 0px;
	padding-right:20px;
	min-width:1300px;
}
.page.on-boarding.firm-setup .app-scroller {
	min-width:auto
}
.page.on-boarding.initial .app-scroller {top:175px}

.page.on-boarding.account-assigment .app-scroller {top:275px;padding:0 35px}
.page.on-boarding.account-assigment .app-scroller .maintenance {padding:0;}

.page.on-boarding.account-assigment .app-scroller .results-container {padding:20px;border-radius:6px}


.page.on-boarding .video {
	width: 500px;
	height: 232px;
	background: url(../img/billfish-illustration.png);
	margin: 0 auto;
}

.onboard-account-assignment-help {margin:0 25px}

.page.on-boarding .body h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size:21px;
}
.page.on-boarding .body h2+.switchbox {padding-top:5px}

.page.on-boarding .body h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size:16px;
}

.page.on-boarding #onboarding-content-wrapper {
	width: 100%;
	text-align: center;
}

.page.on-boarding .steps {
	background: url(../img/steps-background.png) no-repeat center 10px;
	width: 825px;
	margin-right: auto;
	margin-left: auto;
}

.page.on-boarding .step.only-two-steps,
.page.on-boarding .step.assign-fee-schedule.two-steps {
    float: right;
}
.page.on-boarding .step {
	width: 275px;
	height: 216px;
	float: left; 
	position: relative;
}
.page.on-boarding .step h3 {
	padding-top: 50px;
}
.page.on-boarding .step p {
	margin-bottom: 20px;
}
.add-container .btn-add {
	margin: auto;
}
.btn.btn-done,
.page.on-boarding .step button,
.btn-container .btn {
	margin: auto;
}
.upload-result-container .btn-cancel {
	border: none;
}
.upload-result-container .btn-cancel:hover {
	border: none;
	color: #353a41;
}
.add-container .btn-uppload {
	margin: auto;
}
.page.on-boarding .step button {
	display: none;
}
.page.on-boarding .step.enabled button {
	display: block;
}
.page.on-boarding .steps .indicator {
	width: 38px;
	height: 38px;
	position: absolute;
	left: 50%;
	margin-left: -19px;
	top: 10px;
}
.page.on-boarding .fuzzy-feeling {
	width: 375px;
	font-family: "Avenir LT W01 85 Heavy";
	margin: 40px auto 80px;
	font-size: 16px;
}
.page.on-boarding .steps .step-one {
	background: url(../img/steps.png) 0px -49px;
}
.page.on-boarding .steps .step-two {
	background: url(../img/steps.png) -56px -49px;
}
.page.on-boarding .steps .step-three {
	background: url(../img/steps.png) -112px -49px;
}
.page.on-boarding .steps .enabled .step-one {
	background: url(../img/steps.png) 0 0;
}
.page.on-boarding .steps .enabled .step-two {
	background: url(../img/steps.png) -56px 0;
}
.page.on-boarding .steps .enabled .step-three {
	background: url(../img/steps.png) -112px 0;
}
/* firm setup */
.name-container,
.question-container,
.btn-container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.widgets.name-container .security-table input, 
.question-container .second-line input, 
.widgets.name-container input {
	background: #edeff0;
	border: medium none;
	height: 36px;
	width: 100%;
}

.widgets.name-container input {
	width: 246px;
}
.widgets.name-container .form-field.full-width input {
	width: 536px;
}

.firm-setup .widgets .combobox {
	width: 270px;
}

.firm-setup	.widgets .combobox .cb-selected-text {
	width: 215px;
}
.firm-setup .widgets .combobox .cb-item-list.cb-open{
	width:270px;
}

.question-container .question {
	position: relative;
	overflow: visible;
	padding-bottom: 1px;
}
.question-container .question label,
.name-container label {
	font-size: 24px;
	/*font-family: "Avenir LT W01 85 Medium";*/
	line-height:32px;
}
.question-container .question .question-help {
	position: absolute;
	right: 0;
	width: 50%;
	top: 43px;
}
.fieldset .legend + .question .question-help{
	margin-top:0;
}
.question-container .question .question-help.minimum,
.question-container .question .question-help.proration {
	position: static;
	right: 0;
	width: auto;
}
.btn-container {
	margin: 60px 0;
	position: relative;
	height: 60px;
}
/*.firm-setup .btn-container {
	margin:20px auto;
}*/



.page.on-boarding.account-assigment .app-scroller .account-assigment+.btn-container {position:relative;padding:0 50px;margin:30px 0 0}
.page.on-boarding.account-assigment .app-scroller .account-assigment+.btn-container .btn-next {position:relative;display:inline-block;padding:12px 39px 12px 12px}
.page.on-boarding.account-assigment .results-container {height:auto}
.page.on-boarding.account-assigment .account-select-search-table {height:500px;overflow-y:auto;overflow-x: hidden}
.page.on-boarding.account-assigment .results-container .account-assignment-select-client .client-body {height:500px;overflow-x: hidden;overflow-y: auto;position:relative}
.page.on-boarding.account-assigment .results-container .account-assignment-select-client .client-body {position:relative}
.page.on-boarding.account-assigment .results-container .account-assignment-select-client .client-body .new-client-btn-container {position:absolute;bottom:0;padding:0 20px;width:calc(100% - 20px);}
.page.account-assigment .results-container .account-assignment-select-client .client-body .new-client-btn-container .gwt-CheckBox {float:left;font-size:14px;padding: 12px 0}
.page.account-assigment .results-container .account-assignment-select-client .client-body .new-client-btn-container .new-client-actions {float:right}

.fee-schedule .btn-container {
	margin: 20px 0;
	padding-left: 35px;
	width: 100px;
	float: left;
}
.btn-container .btn.btn-next {
	left: 0;
	position: absolute;
	display: block;
	background: #fff url(../img/back-next.png) 51px 10px no-repeat;
}
.btn-container .btn.btn-next:hover {
	background: #fff url(../img/back-next.png) 51px -68px no-repeat;
}
.btn-container .btn.btn-next:active {
	background-image: url(../img/back-next.png);
	background-position: 57px -150px;
}

.address-integration-container {margin-top:30px;width:700px}

.on-boarding .step-one+h1,
.on-boarding .step-two+h1 {}

.on-boarding.client-template .app-scroller,
.on-boarding.fee-schedule .app-scroller {
	left: auto;
	right: auto;
	top: 180px;
}


/*.on-boarding.client-template .app-scroller {width:calc(100% - 26px);}	*/
	

.page.on-boarding.firm-setup .app-scroller {
	padding: 0px 50px;top:160px;
}

.on-boarding.client-upload .app-scroller {
	top: 200px;
	min-width: 833px;
}

.on-boarding.client-upload #onboarding-import-clients {
	padding: 0px 35px;
}

.on-boarding.fee-schedule .app-scroller {
	left: 0px;
	right: 0px;
	top: 170px;
}

.on-boarding.client-template .btn-container .btn.btn-next,
.on-boarding.firm-setup .btn-container .btn.btn-next {
	left: 90px;
	position: absolute;
	padding: 12px 36px 12px 12px;
}


.on-boarding.client-template .btn-container .btn.btn-skip {
	left: 200px;
	position: absolute;
	padding: 12px 36px 12px 12px;
    text-transform: none;
}

.on-boarding.client-upload .btn.btn-skip {
	padding: 0 35px;
    text-transform: none;
}

.fee-schedule-upload .btn-container .btn.btn-back,
.on-boarding .btn.btn-back {
	color: #888888;
	border: none;
	background: #fff url(../img/back-next.png) 0px -30px no-repeat;
	padding-left: 20px;
}
.fee-schedule-upload .btn-container .btn.btn-back:hover,
.on-boarding .btn.btn-back:hover {
	color: #474f57;
	background: #fff url(../img/back-next.png) 0px -108px no-repeat;
}
.on-boarding.fee-schedule .btn-container .btn.btn-back,
.on-boarding.client-template .btn-container .btn.btn-back,
.on-boarding.firm-setup .btn-container .btn.btn-back {
	position: absolute;
}
/* fee schedule*/

.on-boarding .fee-schedule-list-container {
	padding: 0px 35px;
	width: 100%;
}

.fee-schedule-list-container h2 {
	text-align: left;
}
.fee-schedule-list-container th {
	text-transform: uppercase;
	text-align: left;
	background: #e1e1e1;
	font-size: 14px;
	font-family: "Avenir LT W01 85 Heavy";
}
.fee-schedule-list-container td {
	text-align: left;
	font-size: 14px;
}
.fee-schedule-list-container .client-count {
	text-align: center;
}
.fee-schedule-list-container td.edit .btn {
	text-indent: -9999px;
	width: 45px;
	border: 0;
}
.fee-schedule .table-wrapper {
	clear: both;
}
.status-container {
	width: 270px;
	height: 340px;
	background: #f1f1f1;
	padding: 80px 20px;
	margin: 20px auto 60px auto;
}
.add-container {
	float: right;
	margin-bottom: 20px;
}
.flow-type .add-container .btn,
.fee-schedule .add-container .btn {
	display: inline-block;
}
.btn.btn-done {
	background: #fff;
	display: block;
	padding: 12px;
}

/*popups*/
.fee-schedule h1 {
	text-align: center;
	margin: 0;
}
.upload-help-container {margin-top:30px}
/*client upload*/
.download-container {
	/*background: url(../img/upload-bg.png) right top no-repeat;
	padding: 0 350px 0 0;*/
	padding:0 150px;
	text-align: left;
}
.download-container .integrations-container {width:100%;padding:0}
.download-container .manual-container {width:100%;background: url(../img/upload-bg.png) 78% 50% no-repeat;padding: 0 55% 0 0px}
.download-container ul {
	padding-left: 18px;
}
.btn-integration {box-shadow:0 0 2px 0px rgba(1, 1, 1, 0.1);height:90px;width:175px }
.btn-integration:hover {border:2px solid #afd58e}
.btn-download {
	display: inline-block;
	text-decoration: none;
}
.download-container .btn.btn-next {
	background: #fff url(../img/back-next.png) 51px 10px no-repeat;
}
.page.on-boarding.client-upload {
	text-align: left;
}
.page.on-boarding .table-wrapper.less {
	height: auto;
	/*max-height: 500px;
	overflow-y: auto;*/
}
.page.on-boarding .upload-container {
	background: url(../img/upload-clients-bg.png) right top no-repeat;
	padding: 0 350px 0 0;
	min-height: 290px;
	text-align: left;
}
.btn-upload-clients {
	display: inline-block;
}
.show-more-container {
	background: #e3e3e3
}
.show-more-container .show-more {
	margin: 10px;
	background: #e3e3e3;
	border: 0;
	font-family: "Avenir LT W01 85 Heavy";
}
.client-upload .results-container h2 {
	line-height: 20px;
}
.client-upload .results-container .result-summary-list {
	list-style-type: none;
	padding-left: 0;
}
.client-upload .results-container .result-summary-list li {
	float: left;
	padding: 8px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	cursor: pointer;
	border: 1px solid #fff;
}
.client-upload .results-container .result-summary-list li:hover {
	border: 1px solid #c2c2c2;
}
.client-upload .results-container .empty-results-container,
.client-upload .results-container .table-wrapper,
.client-upload .results-container .result-summary-list li.selected {
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
}
.client-upload .results-container .result-summary-list li span {
	padding: 2px 0 2px 40px;
}
.client-upload .results-container .result-summary-list li .client-label {
	background: url(../img/icons.png) 0 -2456px no-repeat;
}
.client-upload .results-container .result-summary-list li .account-label {
	background: url(../img/icons.png) 0 -2503px no-repeat;
}
.client-upload .results-container .result-summary-list li .advisor-label {
	background: url(../img/icons.png) 0 -499px no-repeat;
}
.client-upload .results-container .result-summary-list li .custodian-label {
	background: url(../img/icons.png) 0 -358px no-repeat;
}
.client-upload .results-container .result-summary-list li .error-label {
	background: url(../img/icons.png) 0 -452px no-repeat;
}
.client-upload .results-container .table-wrapper .error-row td {
	color: #d33440;
}
.client-upload .results-container .table-wrapper .error-row td.error-dot {
	text-indent: -9999px;
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 50% -77px;
	color: #20acee;
	width: 40px;
}
.client-upload .results-container .result-summary-list li button {
	border-radius: 3px;
	width: 45px;
	height: 25px;
	border: none;
	background: #20acee;
	color: #fff;
	padding: 8px 12px;
}
.client-upload .results-container .result-summary-list li.error button {
	background: #d33440;
}
.client-upload .results-container .empty-results-container,
.client-upload .table-wrapper {
	clear: both;
	padding: 16px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.client-upload .results-container .empty-results-text,
.client-upload .table-wrapper {
	background: #fff;
	padding: 8px;
	display: block;
}
.client-upload .results-container p {
	display: inline-block;
	margin: 20px;
}
.client-upload .results-container .btn-container {
	position: absolute;
	width: 150px;
}
.client-upload .results-container .btn-container.center {
	width: auto;
	margin: auto;
	text-align: center;
	position: static;
}
.client-upload .results-container .btn-container .btn-save {
	margin: 14px 0px 18px 10px;
}
.results-table thead th {
	background: #d7d7d7;
	text-align: left;
}
.results-table td.title {
	font-family: "Avenir LT W01 85 Heavy";
}
.results-table .account-row td {
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
}
.page.on-boarding.account-assigment {padding-bottom:0}
.page.on-boarding.account-assigment section.body.account {
    text-align: left;
}
.page.account-assigment .results-container h2 {
    padding-bottom: 10px;
}
.page .client-info-panel .header{
	clear:both;
	/*
	background:#4faae8;
	background: -webkit-linear-gradient(#37aae0 0%, #3397c9 100%);
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#58a8db+0,4e95c3+100 *
background: #58a8db; 
background: -moz-linear-gradient(left,  #58a8db 0%, #4e95c3 100%); 
background: -webkit-linear-gradient(left,  #58a8db 0%,#4e95c3 100%); 
background: linear-gradient(to right,  #58a8db 0%,#4e95c3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a8db', endColorstr='#4e95c3',GradientType=1 ); 
*/

	background:url(../img/BlueBox_graphic.png) top center no-repeat transparent;
	color:white;height: 228px;
	position:relative;
	padding:30px;
	margin-bottom:20px;
	}
.page .client-info-panel .header .right{
	position:absolute;right:30px;top:25px;
}
.page .client-info-panel .header .right img {display:none}
.page .client-info-panel .header .left{
	width:100%;padding-right:212px;padding-top:30px;
}

.page .client-info-panel .header .left h2 {
   font-size:16px;line-height:18px;padding:0 !important;margin:0 0 5px;text-transform:uppercase;
}
.page .client-info-panel .header .left p{
	padding: 0px;font-size:14px;line-height:17px;width:100%;
}
.page .client-info-panel .body{
	width: 100%;font-size:14px;line-height:17px;
}

.page .client-info-panel .client-info-panel-button {padding:30px 0}
.page .client-info-panel .body .left {width:45%;float:left}
.page .client-info-panel .body .right {width:44%;float:right}
.page .client-info-panel .body .middle {float:left;width:4%;border-right:1px solid #cfcfcf;display:block;height:148px}

.page .client-info-panel .body h2{
	color:#4e9bcf;font-size:14px;line-height:17px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:0
}
.page .client-info-panel .body .client-info-panel-button h2 {font-size:24px;line-height:24px;color:#565656;text-transform:none}
.page .client-info-panel .body p{
	padding: 0px;font-size:14px;line-height:17px;margin:0
}
.client-info-panel .body li{
	list-style-type:none;
	text-align:left;
}
.client-info-panel .body ul{
 padding:0px;
 float:left;


}
.client-info-panel .body li{
width:250px;
padding:0px;

}

.client-info-panel .body .client-info-panel-button{
	clear:both;
	text-align:center;
}
.error-description {
    background: #ccc;
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .5px;
    border-radius: 0;
}

.upload-account-assignments form {
	display: inline-block;
    margin-left: 30px;
}
.page.on-boarding .upload-account-assignments form .upload-container {
	background: none;
    padding: 0;
    min-height: 1px;
}

.page.on-boarding .account-assigment .results-container {margin:0}
.page.on-boarding .upload-accounts-header {
	display: flex;
	min-height: 61px;
    align-items: center;
}
.page.on-boarding .upload-accounts-header span {
	margin-right: 10px;
}
.page.on-boarding .upload-accounts-header .btn {
	height: auto;
	text-align: center;
}/********************************************************
Billfin CSS 

File: grid.css

grid styles

********************************************************/
table {
	width: 100%;
}
table .tfoot,
table .thead {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	font-family: "Avenir LT W01 85 Heavy", sans-serif;
	letter-spacing: 1.2px;
}
table .thead.btn {
	border: none;
    border-bottom: 1px solid #e9e9e9;
    padding: 0px 0px 0px 35px;
    cursor: pointer;
}
table .account-number,
table .checkcolumn,
table .status,
table .account-name,
table .fee-schedule,
table .custodian,
table .billing-frequency,
table .client,
table .advisor {
	text-align: left;
}
table .assets {
	text-align: right;
}
table .last-export,
table .prior-valuation,
table .valuation,
table .account,
table .pre-valuation-date,
table .valuation-date,
table .prior-fee {
	text-align: right;
}
table .fee {
	text-align: right;
	padding-right:50px;
}
table th,
td {
	padding: 6px 15px;
	font-size: 14px;
}
table td.client,
table td.account-name {
	width: 230px;
	max-width: 230px;
	overflow: hidden;
	white-space: nowrap;
}

table td.client.debitColumn,
table td.account-name.debitColumn {
	width: 200px;
	max-width: 200px;
}

table td.checkcolumn {
	width: 40px;
	max-width: 40px;
	overflow: hidden;
	white-space: nowrap;
}

table td.status {
	width: 100px;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 0px;
}
table tr.error td.account {
	white-space: normal;
}
.app table th,
.app td {
	border-bottom: 1px solid #e9e9e9
}
table th.button,
td.button {
	padding: 0;
}
table td {
	background: #fff;
}
.slideouts table td {
	background: #f1f1f1;
	font-size: 12px;
}

.slideouts table tr.client-detail-row td {
	background-color: #FFF;
}
table td.flag,
table td.action {
	width: 45px;
	min-width: 45px;
}
table td.tooltip .relative,
table td.flag .relative,
table td.action .relative {
	width: 100%;
 	height:100%;
	min-height: 36px;
	position: relative;
}
table tr.expanded td {
	background: #d7d7d7;
	border-bottom: none;
}

table tr.account-row td {
	background: #f1f1f1;
	border-bottom: 1px solid #fff;
}
table tr.account-row td.account {
	text-align: left;
}
table tr.account-row td.last {
	border-bottom: 1px solid #ccc;
}
table tr.expanded.note-row,
table tr.expanded.account-row {
	border-top: none;
}

table tr.flagged.type-client td {
	border-bottom: none;
}
table tr:hover td.flag:hover,
table td.flag.active {
	background: #d33440;
	overflow: hidden;
}
table tr:hover td.flag.complete:hover,
table td.flag.complete {
	background: #3f973f;
}
table td.action button,
table td.flag button {
	display: none;
}
table tr:hover td.flag.active button,
table tr:hover td.flag.active:hover button,
table td.flag.active button,
table td.flag.complete button {
	border: 0;
	display: block;
	background: url(../img/icons.png) 0 -157px no-repeat;
	text-indent: -9999px;
	width: 45px;
	min-width: 45px;
	position: absolute;
	top: 0;
	height: 36px;
}
.app table tr:hover td.flag.active button,
.app table td.flag.active button {
	background: url(../img/icons.png) 0 -679px no-repeat;
}
table tr:hover td.flag.complete button,
table tr:hover td.flag.complete:hover button,
table td.flag.complete button {
	border: 0;
	display: block;
	background: url(../img/icons.png) 0 -960px no-repeat;
	text-indent: -9999px;
	width: 45px;
	min-width: 45px;
	height: 36px;
}
table tr:hover td,
table tr.hover td {
	background-color: #cdecfb
}
table tr:hover td.action button,
table tr.hover td.action button {
	border: 0;
	display: block;
	background: url(../img/icons.png) 0 -211px no-repeat;
	text-indent: -9999px;
	width: 45px;
	min-width: 45px;
	position: absolute;
	height: 36px;
}
table tr:hover td.flag button {
	border: 0;
	display: block;
	background: url(../img/icons.png) 0 -630px no-repeat;
	text-indent: -9999px;
	width: 45px;
	min-width: 45px;
	position: absolute;
	height: 36px;
}
table tr:hover td.action:hover,
table tr:hover td.payment-type:hover {
	background: #20acee;
}
table tr:hover td.flag:hover button {
	background: url(../img/icons.png) 0 -677px no-repeat;
}
table tr:hover td.action:hover button {
	background: url(../img/icons.png) 0 -723px no-repeat;
}
table tr:hover td.payment-type.pay-by-debit:hover a {
	background: url(../img/icons.png) 0 -768px no-repeat;
}
table tr:hover td.payment-type.pay-by-check:hover a {
	background: url(../img/icons.png) 0 -815px no-repeat;
}
table td.payment-type a {
	border: 0;
	text-indent: -9999px;
	width: 45px;
	min-width: 45px;
	display: block;
	height: 36px;
	margin: 0;
}
table td.payment-type.pay-by-check a {
	background: url(../img/icons.png) 0 -257px no-repeat;
}
table td.payment-type.pay-by-debit a {
	background: url(../img/icons.png) 0 -302px no-repeat;
}
table td.payment-type.pay-by-check.exported a {
	background: url(../img/icons.png) 0 -2541px no-repeat;
}
table td.payment-type.pay-by-debit.exported a {
	background: url(../img/icons.png) 0 -2586px no-repeat;
}
table tr.note-row .note span {
	color: #d33440;
	letter-spacing: 1.2px;
	font-size: 14px;
	display: inline-block;
}
table tr.note-row .note button {
	background: #e3f5e3 url(../img/icons.png) 0 -540px no-repeat;
	border: 0px none;
	color: #3f973f;
	margin-left: 50px;
	padding: 2px 10px 2px 45px;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 24px;
	height: 24px;
	border-radius: 2px;
}
table tr.note-row .note button:hover:enabled {
	background: #3f973f url(../img/icons.png) 0 -1010px no-repeat;
	color: #fff;
}
/*potential to be its own css file */

table td .context-menu {
	position: absolute;
	display: none;
	z-index: 10000001;
	top: 2em;
	width: 192px;
	padding: 0px;
	list-style-type: none;
}
table td:hover .context-menu:before {
	position: absolute;
	display: block;
	height: 12px;
	top: -1em;
	z-index: 10;
}
table td.action:hover .context-menu:before {
	content: url(../img/edit-notch.png);
}
table td.action:hover .context-menu {
	display: block;
	background: #cdecfb;
}
table td:hover .context-menu li {
	padding: 10px;
	font-size: 12px;
	font-family: "Avenir LT W01 85 Heavy";
	text-transform: uppercase;
}
table td.action:hover .context-menu li:hover {
	color: #fff;
	background-color: #20acee;
	cursor: pointer;
}
table td.tooltip:hover .context-menu:before,
table td.flag:hover .context-menu:before {
	content: url(../img/flag-notch.png);
}
table td.tooltip:hover .context-menu,
table td.flag:hover .context-menu {
	display: block;
	background: #2f2f2f;
}
table tr.expanded td.flag:hover .context-menu {
	top: 50%;
}
table td.tooltip:hover .context-menu li,
table td.flag:hover .context-menu li {
	color: #fff;
}
table td.flag:hover .context-menu li:hover {
	background-color: #000;
	cursor: pointer;
}

/************************************************
Account Flag
*************************************************/
table td.name.flag-account {
    color: #d33440;
}

/***********************************************
* Invoice grid
************************************************/
td.exported-flag,
td.block-flag,
td.payment-type {
	width: 50px;
	min-width: 50px;
	padding: 0px;
}
td.exported-flag button,
td.block-flag button,
td.payment-type button {
	text-indent: -9999px;
	width: 50px;
	min-width: 50px;
	height: 36px;
	border: 0;
}
td.block-flag button {
	background: transparent url(../img/icons.png) 0 -1834px no-repeat;
}
td.payment-type.pay-by-check button {
	background: transparent url(../img/icons.png) 0 -254px no-repeat;
}
td.payment-type.pay-by-debit button {
	background: transparent url(../img/icons.png) 0 -302px no-repeat;
}
tr.blocked td.block-flag,
tr.blocked.frozen td.block-flag {
	background: #d33440
}
tr.blocked.frozen td.block-flag:hover {
	background: #d33440
}
table tr.blocked.frozen:hover td.payment-type.pay-by-check:hover a {
	background: transparent url(../img/icons.png) 0px -257px no-repeat;
}
table tr.blocked.frozen:hover td.payment-type.pay-by-debit:hover a {
	background: url(../img/icons.png) 0 -302px no-repeat;
}
table tr.blocked.frozen td.payment-type:hover,
tr.blocked.frozen td {
	background: #f8f8f8;
	color: #989898;
}
tr.blocked td.block-flag button,
tr.blocked.frozen td.block-flag button {
	background: transparent url(../img/icons.png) 0 -1695px no-repeat;
}
tr td.exported-flag button {
	background: transparent url(../img/icons.png) 0 -2050px no-repeat;
}
tr td.exported-flag.exported button {
	background: transparent url(../img/icons.png) -3px -2344px no-repeat;
}
/**********************************
Tree Table 
*/
table.tree-table tr td {
	color: #444;
}
table.tree-table thead th {
	background: #e1e1e1;
}
table.tree-table .parent-row td {
	background: #f2f2f2;
}
table.tree-table .sub-row td:first-child {
	padding-left: 35px;
}


.tree-grid table tr.expanded td,
.tree-grid table tr.secondary-row td {
    background: #E8F6FD;
}

.tree-grid table tr:hover td,
.tree-grid table tr.hover td {
	background-color: #cdecfb
}

.tree-grid table tr:hover td.flag.complete:hover, 
.tree-grid table td.flag.complete {
    background: #3f973f;
}

.tree-grid table tr:hover td.flag:hover,
.tree-grid table td.flag.active {
	background: #d33440;
	overflow: hidden;
}

.tree-grid table tr.secondary-row, 
.tree-grid table tr.secondary-row td,
.tree-grid table tr.collapse-row, 
.tree-grid table tr.collapse-row td {
    border: 0;
}

.tree-grid table tr.last-row.collapse-row,
.slideout-container table tr.last-row.collapse-row {
	border-top: 1px solid #dedfe0;
}

.tree-grid table td.collapse,
.slideout-container table td.collapse {
	height: 1px;
	position: relative;
	padding: 0px;
	
}

.tree-grid table td.collapse button,
.slideout-container table td.collapse button {
	text-indent: -9999px;
	height: 17px;
	width: 17px;
	cursor: pointer;
	background: url(../img/tree-controls.png) -635px 4px no-repeat;
    border-radius: 100%;
    border: 1px solid #dedfe0;
    background-color: #FFF;
    position: absolute;
    top: -10px;
    left: 50%;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.tree-grid table td.name.expandable.collapsed::before {
	background: url(../img/tree-controls.png) -640px center no-repeat;
    padding-right: 13px;
	content: " ";
}

.tree-grid table td.name.expandable.expanded::before {
	background: url(../img/tree-controls.png) 0 center no-repeat;
    padding-right: 13px;
	content: " ";
}

.tree-grid table td.depth-1 {
    padding-left: 38px;
}
.tree-grid table td.depth-2 {
    padding-left: 66px;
}
.tree-grid table td.depth-3 {
    padding-left: 94px;
}
.tree-grid table td.depth-5 {
    padding-left: 122px;
}



/*
security table
*/
.security-table tr th {
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 0;
}
.security-table tr th,
.security-table tr td {
	padding-left: 0;
}
.security-table tr th,
.security-table tr td,
.security-table tr:hover td {
	background: #fff;
	padding-left: 0;
	text-align: left;
}

/*
moving columns
*/

table th .movable-column-header-container {
	white-space: nowrap;
}
table th button.column-move-btn {
	height: 100%;
    border: none;
    background: transparent;
    padding-left: 5px;
    padding-right: 5px;
}
table th button.column-move-left-btn {
	margin-right: 10px;
	margin-left: -15px;
}
table th button.column-move-right-btn {
	margin-right: -15px;
	margin-left: 10px;
}

table th span.movable-column-header-text {
}

.popup.tutorial.open table tr:hover td, table tr.hover td {
    background-color: #fff;
}

.app-scroller.message {
    top: 230px;
}

table td.status.sent, td.status.sending {
    padding: 6px 15px;
    text-align: right;
}/********************************************************
Billfin CSS 

File: slideouts.css

slideout styles

********************************************************/
/********************************************************
Slideut and popup containers
********************************************************/

.mask {
	background: rgba(69,69,69,0.50);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	display: none;
}
.mask.open {
	z-index: 9;
	opacity: 1;
	display: block;
}
.slideouts,
.popups {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -2;
	right: 0;
	bottom: 0;
	top: 0;
}
.popups.open,
.slideouts.open {
	z-index: 9;
	top: 60px !important;
}
.slideout {
	width: 680px;
	right: -680px;
	height: auto;
	position: absolute;
	top: 0;
	bottom:0;
	background: #e6e6e6;
	-webkit-transition: right 500ms ease;
	-moz-transition: right 500ms ease;
	-ms-transition: right 500ms ease;
	-o-transition: right 500ms ease;
	transition: right 500ms ease;
}
.slideout.open {
	right: 0px;
}
.slideout header {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 18px 25px;
	height: 54px;
	position: relative;
	z-index: 1;
}

.header-green {
	background-color: #76b737;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 50px !important;
}
.slideout.reminder header {
	background-color: #d33440;
}
.slideout header h1 {
	margin: 0;
}
.slideout header .close {
	position: absolute;
	right: 10px;
	top: 21px;
	background: url(../img/header-close.png) no-repeat;
	width: 20px;
	height: 20px;
	border: 0;
	padding: 0;
	text-indent: -9999px;
}
.slideout header .delete,
.slideout header .btn-termination,
.slideout header .btn-add-invoice-template,
.slideout header .btn-export {
	position: relative;
	/*right: 50px;*/
	top: 0;
	width: 20px;
	height: 53px;
	border: 0;
	padding: 0;
	width: 150px;
	text-align: center;
	background: none;
	font-size: 14px;
	border-right: 1px solid #91c55f;
	border-left: 1px solid #91c55f;
}
.slideout header button:nth-of-type(1){
	margin-left: auto;
}
.slideout header .btn-termination {
	/*right: 199px;*/
}

.slideout .forceFeeScheduleOverride{
	margin-bottom: 28px;
}

.slideout header .delete:hover,
.slideout header .btn-add-invoice-template:hover,
.slideout header .btn-termination:hover,
.slideout header .btn-export:hover {
	background: #3f973f;
}
.slideout .slideout-container h2.new-header {
	margin-top: 0;
	color: #76b737;
	text-transform: uppercase;
	font-size: 18px;
}
.slideout .widgets .combobox .btn-combobox {
	height: 26px;
}
.slideouts .slideout .slideout-controls {
	color: #fff;
	background: #393f46;
	padding: 17px 27px;
}
.slideouts .form-fields p,
.slideouts .form-fields label,
.slideouts .slideout-footer label {
	color: #fff;
}
.slideout .upload-container .description {
	margin-bottom: 28px;
}
.slideout .upload-help-container {
	font-size: 11px;
	margin-top: 28px;
}
.slideout .upload-help-container h3 {
	font-family: "Avenir LT W01 35 Light";
	line-height: 1;
	margin: 0;
}
.slideout .upload-help-container .upload-help-text {
	font-family: "Avenir LT W01 85 Heavy";
}
.slideouts .slideout .combobox .cb-selected-text {
	width: 240px;
	line-height: 34px;
}
.slideouts .slideout .combobox {
	width: 292px;
	float: none;
	height: 38px;
}
.slideouts .slideout .widgets .combobox .cb-item-list.cb-open {
	/*width: 292px;*/
}
.slideouts .slideout .combobox.full-width {
	width: 610px;
}
/*
.slideouts .slideout .widgets .combobox.full-width .cb-item-list.cb-open {
	width: 611px;
}*/
.slideouts .slideout .combobox.full-width .cb-selected-text {
	width: 555px;
}

.slideouts .slideout .combobox.cb-header {
	width: 165px;
    position: absolute;
    top: 0;
    left: 224px;
    height: 54px;
    font-size: 1.8em;
    padding-top: 17px;
    background: transparent;
    border: 0;
    border-right: 1px solid #91c55f;
    border-left: 1px solid #91c55f;
}

.slideouts .slideout .combobox.cb-header .btn-combobox {
	position: absolute;
    top: 22px;
    left: 145px;
    width: 20px;
    height: 32px;
    background: url(../img/down-arrows.png) no-repeat;
}

.slideouts .slideout .combobox.cb-header .cb-selected-text {
	width: 145px;
    padding-left: 5px;
    line-height: 32px;
    margin-top: -2px
}

.slideouts .slideout .combobox.cb-header .cb-item-list {
	background: #76b737;
    border: #76b737;
    top: 36px;
    left: 0px;
}


.slideouts .invoice-recipient-info-container .state .combobox,
.slideouts .invoice-recipient-info-container .state .combobox .cb-item-list.cb-open  {
	width: 152px;
}

.slideouts .invoice-recipient-info-container .city,
.slideouts .invoice-recipient-info-container .state,
.slideouts .invoice-recipient-info-container .zip,
.slideouts .invoice-recipient-info-container .email,
.slideouts .invoice-recipient-info-container .secret
 {
	display: inline-block;
	margin-right: 10px;
	margin-top: 5px;
}

.slideouts .invoice-recipient-info-container .email input.text-input,
.slideouts .invoice-recipient-info-container .secret input.text-input,
.slideouts .invoice-recipient-info-container .city input.text-input,
.slideouts .invoice-recipient-info-container .zip input.text-input {
	width: 225px;
}

.slideout .notes {
	background: #ebebeb;
	padding: 24px;
	position: relative;
	z-index: 1;
}
.slideout .notes h1 {
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
}
.slideout .notes h2 {
	text-transform: uppercase;
	font-size: 14px;
}
.slideout.valuation-edit .notes textarea {
	width: 566px;
	height: 75px;
	border-radius: 3px;
}
.slideout .notes textarea {
	width: 566px;
	height: 75px;
	border-radius: 3px;
}
.slideout div.section-header {
	position: relative;
	background-color: #ebebeb;
	padding: 22px;
	height: 66px;
}
.slideout .section-container {
	padding: 0px 22px;
	-webkit-transition: height 1s, padding .1s, margin 1s;
	transition: height 1s, padding 1.2s cubic-bezier(1, .01, 1, .01), margin 1s;
	overflow: hidden;
}
.slideout .section-container.hide {
	height: 0;
}
.slideout .section-header h2 {
	margin: 0;
	padding: 0;
	color: #76B737;
}
.slideout .section-header .btn {
	border: 0;
	color: #76B737;
	font-size: 1.4em;
	position: absolute;
	right: 50px;
	top: 12px;
	height: 50px;
}
.slideout .slideout-buttons {
	padding: 24px 24px 24px 24px;
}

.slideout.transaction-view .slideout-buttons ,
.slideout.transaction-upload .slideout-buttons {
	background:#393f46;
}
/********************************************************
slideout save/cancel buttons
********************************************************/
.slideout .btn.btn-cancel {
	color: #a4b2c0;
}
/*.upload-result-container .btn-cancel {
	color: #5b6168;
}*/
.slideout .btn-cancel:hover {
	color: #7d8e9f;
}
/*.upload-result-container .btn-cancel:hover {
	color: #353a41;
}*/
/********************************************************
reminder slideout
********************************************************/
.slideout.reminder {
	padding-bottom: 30px;
	background: #393f46;
	padding-bottom: 30px;
}
.slideout.reminder .slideout-body {
	background-color: #ebebeb;
}
.slideout.reminder textarea {
	width: 549px;
	height: 180px;
}
.slideout.reminder .form-label {
	display: inline-block;
}
.slideout.reminder .user-reminder-container {
	background: #ffffff;
	padding: 30px 24px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	position: relative;
}
.slideout.reminder .system-reminder-container {
	background: #ebebeb;
	padding: 30px 24px;
	color: #d33440;
}
.slideout.reminder .system-reminder-container h2 {
	font-size: 18px;
}
.slideout.reminder .system-reminder-list {
	list-style-type: none;
	padding-left: 0;
}
.slideout.reminder .system-reminder-list li {/* height: 32px; */
padding-left: 46px;
background: url(../img/icons.png) 0 -1372px  no-repeat;
background-size: initial;
position: relative;
padding-right: 20px;
}
.slideout.reminder .system-reminder-list li .btn-delete {
	position: absolute;
    top: -7px;
    right: -7px;
    padding: 0;
}
.slideout.reminder.flowdescription header {
	background-color: #76b737;
}
.reminder.flowdescriptiontextbox {
	width: 80% ! important;
}
.system-reminder-list.waive-fee .system-reminder-item .gwt-CheckBox {
display: inline-block;
}
.system-reminder-list.waive-fee .system-reminder-item .gwt-CheckBox  input[type=checkbox] {
    margin-right: 3px;
    margin-left: 5px;
}
/********************************************************
valuation upload slideout
********************************************************/
.slideout.valuation-upload {
	background: #393f46;
	padding: 0;
}
.slideout .upload-result-container {
	display: none;
}
.slideout .upload-result-container {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
}
.slideout .upload-result-container .recap {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	padding: 30px 24px;
	z-index: 10;
	position: relative;
}
.slideout .upload-result-container .recap p.selected {
	padding: 5px;
	border-radius: 5px;
}
.slideout .upload-result-container .recap p.selected:nth-child(2) {
	border: 1px solid #20acee;
}
.slideout .upload-result-container .recap p.selected:nth-child(3) {
	border: 1px solid #f5ca00;
}
.slideout .upload-result-container .recap p.selected:nth-child(4) {
	border: 1px solid #3f973f;
}
.slideout .upload-result-container .recap p.selected:nth-child(5) {
	border: 1px solid #d33440;
}
.slideout .upload-result-container.view {
	display: block;
}
.slideout.valuation-upload .btn-upload-valuations {
	float: left;
}
.slideouts .slideout.client-upload {
	background: #393f46;
}
.slideout.client-upload .slideout-body,
.slideout.valuation-upload .slideout-body {
	background: #ebebeb;
}
.slideout.client-upload .sync-container {
	padding: 30px 24px 0;
}
.slideout .upload-container {
	padding: 24px;
	height: auto;
	position: relative;
	z-index: 20;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
}
.slideout.client-upload .upload-container.sync-active,
.slideout.valuation-upload .upload-container.sync-active {
	padding: 0 18px 36px;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.slideout.client-upload .upload-container.sync-active {
	margin-top:24px;
}
.slideout.client-upload div.description {
	margin-top:0px;
	margin-bottom:16px;
	
}


.slideout .key {
	margin-bottom:0;
	font-size: 0.8em;
}
.slideout .key + .key {
	margin-top:0;
	margin-bottom:16px;
}
.slideout .upload-container .gwt-Anchor {
	font-size: 12px;
	text-decoration: none;
	margin-left: 20px;
	margin-top: 9px;
	display: inline-block;
	color: #20acee;
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy";
}
.slideout.valuation-upload .upload-container .gwt-Anchor:hover {
	color: #1e87ba
}
.slideout .upload-result-container h2 {
	font-size: 12px;
}
/*new style of upload container*/
.slideout.client-upload .empty-results-container h2,
.slideout.client-upload .upload-result-container h2 {
	font-size: 18px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.slideout.client-upload .empty-results-container h2 {
	margin-bottom: 18px;
}
.slideout .upload-result-container,
.slideout.client-upload .empty-results-container .recap,
.slideout .upload-result-container .recap,
.slideout.client-upload .upload-result-container {
	/*these need to just go away*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #ebebeb;
	overflow: auto;
}
.slideout.client-upload .upload-result-container h3 {
	text-transform: uppercase;
	margin-bottom: 4px;
	font-size: 16px;
}
.slideout.client-upload .upload-result-container .result-table-container h3 {
	margin-top: 0;
}
.slideout.client-upload .empty-results-container .recap,
.slideout .upload-result-container .recap {
	padding: 24px 24px 0 24px;
}
.slideout.client-upload .empty-results-container .recap {
	padding: 24px;
}
.upload-result-container .result-grid.error-grid, 
.slideout .upload-result-container .error-table-container {
	padding: 0px 24px 24px 24px;
	overflow-y: auto;
	margin-top: 0;
}
.upload-result-container .result-grid.error-grid {
	max-height:200px;	
}

.slideout .upload-result-container .error-table-container hr {
	border-bottom: 1px solid #bebebe;
	margin-bottom: 18px;
	margin-top: 12px;
}
.slideout .upload-result-container .btn-new,
.slideout .upload-result-container .btn-error,
.slideout .upload-result-container .btn-conflict,
.slideout .upload-result-container .btn-no-conflict {
	width: 65px;
	border-radius: 3px;
	border: 0;
	padding: 12px;
}
.slideout .upload-result-container .btn-new {
	background: #0d9ac9;
	color: #fff;
}
.slideout .upload-result-container .btn-no-conflict {
	background: #3f973f;
	color: #fff;
}
.slideout .upload-result-container .btn-error {
	background: #d33440;
	color: #fff;
}
.slideout .upload-result-container .btn-conflict {
	background: #f5ca00;
	color: #ffF;
}
.slideout .upload-result-container .override-conflict {
	background: #f1f1f1;
	padding: 1px 10px;
	margin-left: 4px;
	display: inline-block;
}
.slideout .upload-result-container .override-conflict label {
	margin-left: 4px;
}
.result-grid {
	padding: 0px 24px 24px;
	margin-top: 0;
}
.result-grid table {
	width: 620px;
}
.transaction-upload .result-grid table {
	border-bottom:1px solid #bebebe;
}
.transaction-upload .result-grid table tr:last-child td{
	padding-bottom:20px;
}
.result-grid th,
.result-grid td {
	text-align: left;
}
.result-grid tr.leaf td.name {
	padding-left: 13px;
}
.result-grid tr.expanded td {
	border: none;
	background-color: #ebebeb;
}
.result-grid tr.has-children td {
	cursor: pointer;
}
.result-grid tr.top-level-row.has-children td.name {
	background: #ebebeb url(../img/tree-controls.png) -639px 10px no-repeat;
	padding-left: 13px;
}
.result-grid tr.top-level-row.has-children.expanded td.name {
	background: #ebebeb url(../img/tree-controls.png) 0 10px no-repeat;
	padding-left: 13px;
}
.result-grid .secondary-row.leaf .name {
	padding-left: 26px;
}
.result-grid .has-children .name {
	background: #ebebeb url(../img/tree-controls.png) -626px 10px no-repeat;
	padding-left: 26px;
}
.result-grid .has-children.expanded .name {
	background: #ebebeb url(../img/tree-controls.png) 13px 10px no-repeat;
	padding-left: 26px;
}
.result-grid table tr.expanded.top-level-row td {
	font-family: "Avenir LT W01 85 Heavy";
}
.result-grid table tr:hover td {
	color: #20acee;
}
.result-grid table tr.transaction-exclusion td {
	color: #aaaaaa;
}
.result-grid table th.name {
	text-align: left;
}
.result-grid table td.collapse {
	background: url(../img/table-collapser.png) no-repeat;
	height: 18px;
	cursor: pointer;
}
.result-grid table td.collapse button {
	display: none;
}
.new-results,
.changed-results {
	width: 50%;
	padding-left: 20px;
	float: left;
}
.new-results {
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 0px -286px;
}
.changed-results {
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
.client-upload-results-container {
	margin-bottom: 16px;
}
.error-table table,
.result-grid table {
	border-radius: 3px;
	border-collapse: separate;
	overflow: hidden;
}
.error-table th.dot,
.result-grid th.dot {
	width: 20px;
}
.error-table th,
.result-grid th {
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Avenir LT W01 85 Heavy";
	background: #dbdad9;
	color: #3d3d3d;
	font-weight: normal;
	text-align: left;
}
.error-table th.description,
.result-grid th.address {
	text-align: left;
}
.error-table tr td,
.upload-result-container .result-grid tr td {
	font-size: 12px;
	background-color: #ebebeb;
}
.error-table tr.even td,
.upload-result-container .result-grid tr.even td {
	background: #f1f1f1;
}
.upload-result-container .result-grid tr.odd td {
	background: #fff;
}
.upload-result-container .result-grid tr.odd.error,
.upload-result-container .result-grid tr.even.error {
	color: #d33440;
}
.upload-result-container .result-grid td.dot.conflict {
	color: #d33440;
}
.upload-result-container .result-grid td.dot.unchanged {
	color: #3f973f;
}
.error-table-container .error-table td.dot.error div,
.upload-result-container .result-grid td.dot.error div {
	text-indent: -9999px;
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 0 -87px;
	width: 10px;
	height: 10px;
}
.upload-result-container .result-grid td.dot.conflict div {
	text-indent: -9999px;
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.upload-result-container .result-grid td.dot.error div {
	text-indent: -9999px;
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 0 -87px;
	width: 10px;
	height: 10px;
}
.upload-result-container .result-grid td.dot.unchanged div {
	text-indent: -9999px;
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 0 -191px;
	width: 10px;
	height: 10px;
}
.upload-result-container .result-grid td.dot.new div {
	text-indent: -9999px;
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: 0 -292px;
	width: 10px;
	height: 10px;
}
/********************************************************
edit valuation slideout
********************************************************/
.slideout.valuation-edit {
	background: #393f46;
	padding: 0;
}
.slideout.valuation-edit .slideout-body {
	background-color: #ebebeb;
}
.slideout.valuation-edit .editor {
	/* margin-top:-1em; */
	background: #fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.45);
	padding: 32px 24px;
	position: relative;
	z-index: 2;
}

.slideout.valuation-edit .editor table td {
	background: #fff;
	padding: 10px 5px;
	width: 22%
}

.slideout.valuation-edit .editor table tr.faint {
    color: #acacac;
}
/*do all slideout grids use 	font-size:12px;
	font-family:"Avenir LT W01 85 Heavy";*/
.slideout.valuation-edit .editor table td,
.slideout.valuation-edit .editor table th {
	font-size: 12px;
	font-family: "Avenir LT W01 85 Heavy";
	font-weight: normal;
}
.slideout.valuation-edit .editor table td.account {
	width: 25%
}
.slideout.valuation-edit .editor table td.equals,
.slideout.valuation-edit .editor table td.plus {
	text-align: center;
	padding: 0;
	width: 4%;
}
.slideout.valuation-edit .editor table td .money {
	width: 136px;
	height: 36px;
	position: relative;
	display: block;
	font-family: "Avenir LT W01 35 Light"
}
.slideout.valuation-edit .editor table td .amount {
	width: 136px;
	height: 36px;
	background: #ebebeb;
	border-radius: 3px;
	border: none;
	padding-left: 40px;
	text-align: right;
}
.slideout.valuation-edit .editor table td.billable,
.slideout.valuation-edit .editor table td.exclude,
.slideout.valuation-edit .editor table td.market {
	text-align: right;
}
.slideout.valuation-edit .editor table .focused {
	color: #fff;
}
.slideout.valuation-edit .editor table .focused input {
	background: #76b737;
}
.slideout.valuation-edit .editor table td .currency {
	position: absolute;
	height:36px;
	margin-top:1px;
	background:none;
}
/********************************************************
fee calculation
********************************************************/
.slideout{
	background: #393f46;
	padding: 0;
}
.slideout .slideout-body {
	/*background-color: #f1f1f1;*/
}
.slideout .valuation-container {
	padding: 25px;
	background-color: white;
	border-bottom: 1px solid #c6c6c6;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.45);
	position: relative;
	z-index: 2;
}
.slideouts .slideout.client.bill .slideout-body .client-info-container.valuation-container.widgets {
	padding: 25px;
}
.market-value-header-view-button .btn.btn-no-border {
	padding: 0 0 0px 24px;
}
.slideout .fee-label {
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy";
	font-size: 18px;
	width: 65%;
	padding-left: 25px;
}
.slideout .fee-value,
.slideout .market-value-label,
.slideout .fee-schedule-label {
	font-size: 18px;
	text-transform: uppercase;
}

.slideout .btn-edit {
	border: none;
	text-indent: -9999px;
	width: 50px;
}
.slideout .adjustment-container .btn-edit {
	top: 5px;
	position: relative;
}
.slideout td {
	padding: 8px 15px;
}
.slideout td .calculation.footnote {
	font-size: 11px;
}

.slideout .billable td {
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy";
	padding-bottom: 40px;
}
.slideout .billable {
	/* border-top: 1px solid #e1e1e1; */
}
.slideout .adjustment-container
/*.slideout .fee-schedule-container*/ {
	background: #f1f1f1;
	position: relative;
	margin-top: -1em;
	z-index: 1;
	padding: 37px 73px 27px 27px;
}


.slideouts .slideout .account-detail-table .fee-schedule-table td {
    padding: 8px 11px;
}

.slideout .fee-schedule-container h3.flat-fee-label {
	text-transform: uppercase;
	font-size: 14px;
}
.slideout .adjustment-container {
	padding-top: 7px;
}
.slideout .total-fee-container {
	padding: 37px 175px 27px 27px;
	color: #fff;
	font-family: "Avenir LT W01 85 Heavy";
}
.slideout .adjustment-container table td,
.slideout .adjustment-container {
	background: #dddddd;
}
.slideout .adjustment-amount-total,
.slideout .adjustment-amount {
	text-align: right;
}
.slideout .adjustment-container .section-header.adjustment-label {
	font-family: "Avenir LT W01 85 Heavy";
}
.slideout .waived {
	text-decoration: line-through;
}
.slideout .adjustment-container table tr:last-child {
	border-top: 1px solid #acacac;
	font-family: "Avenir LT W01 85 Heavy";
}
.slideout .applied.total {
	font-family: "Avenir LT W01 85 Heavy";
}

.slideout .fee-schedule-table th {
	font-weight: normal;
}
.slideout .fee-schedule-table tr.even td {
	background: #e1e1e1;
}
.slideout .fee-schedule-table tr.odd td {
	background: #fff;
}

.slideout .fee-schedule-table tbody tr.total-fee .label {
	text-transform: uppercase;
}

.slideout .fee-schedule-table tr td.applied,
.slideout .fee-schedule-table tr td.not-applied {
	border-left: 1px solid #cccccc;
	font-family: "Avenir LT W01 85 Heavy";
}
.slideout .fee-schedule-table tr td.applied.total,
.slideout .fee-schedule-table tr td.fee.applied,
.slideout .fee-schedule-table tr td.fee.not-applied {
	border-left: none;
}
.slideout .fee-schedule-table tr.not-applied td {
	color: #9a9a9a;
}
.slideout .fee-schedule-table td.amount {
	text-align: right;
}
.slideout .fee-schedule-table td.fee {
	font-family: "Avenir LT W01 85 Heavy";
	text-align: right;
}
.slideout .fee-schedule-table tr.total-fee td {
	font-family: "Avenir LT W01 85 Heavy";
	border-top: 1px solid #acacac;
	text-align: right;
}
.slideout .fee-schedule-table tr.total-fee td.label {
	text-align: left;
}
.slideout .fee-schedule-table tr.total-fee td.equals {
	text-align: left;
}
.slideout td.label {
	width: 35%;
}
.slideout td.equals {
	text-transform: uppercase;
	width: 5%;
}
.slideout td.rate {
	text-transform: uppercase;
	width: 20%;
}
.slideout .market-value-header-view-button,
.slideout .fee-value,
.slideout .market-value,
.slideout .adjustment-value,
.slideout .transaction-value,
.slideout .billable-value,
.slideout .exclusion-value  {
	text-align: right;
}

.slideouts .market-value-date {
	text-transform: uppercase;
}


.slideouts .market-value-description {
	text-transform: initial;
    font-size: 12px;
}

.slideouts .valuation-container .valuation-table td {
	background-color: #FFF;
	padding: 8px 0;
}

.slideout.market-value {
	vertical-align: top;
}

.slideout.fee-value {
	font-family: "Avenir LT W01 85 Heavy";
}
/********************************************************
account
********************************************************/
.slideouts .slideout.account {
	background: #393f46;
	padding: 0;
}
.slideouts .slideout.account.open {
}
.slideouts .slideout.account .account-info-container {
	background: #fff;
	margin-top: -18px;
	padding: 16px 18px;
	position: relative;
}
.slideouts .slideout.account .fee-schedule-container {
	background: #fff;
	margin-top: -18px;
	/*padding: 16px 18px;*/
	position: relative;
}
.slideouts .slideout.account .account-info-container + .fee-schedule-container.flat-container {
	padding-top: 0;
}
.slideouts .slideout .fee-schedule-container.flat-container {
	padding-left: 0;
}
.slideouts .slideout.account .account-info-container h2 {
	font-family: 'Avenir LT W01 35 Light';
	font-size: 18px;
}

.account-info-container .legend .fee {
    position: absolute;
    right: 40px;
}  

.termination-message button.btn.view.invoice {
    float: right;
}
.slideouts .slideout.account .account-info-container .termination-message  .btn.view.invoice{   
    float: right;
    border: none;
    font-size: 11px;
    font-family: 'Avenir LT W01 35 Heavey';
    background: url(../img/icons.png) 0% -257px no-repeat;
    color: #20acee;
    margin-top: -5px;
}

.slideouts .slideout.account .account-info-container .termination-message .fee {
    right: 100px;
    color: #76b737;
}

.slideouts .slideout.account .account-info-container .termination-message h2 {
	font-family: 'Avenir LT W01 85 Heavy';
 	font-size: 18px;
}


tr.termination-rebate td {
	font-size: 14px;
    background: white;
    font-weight: bold;
}

table.terminiation-rebate-table {
    background: white;
    border-color: white;
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 10px;
}

.terminiation-rebate-table.footer {
    font-style: italic;
}

/********************************************************
client
********************************************************/
.slideouts .slideout.client {
	padding: 0;
}

.slideouts .slideout.client.bill .client-info-container,
.slideouts .slideout.client .account-container {
	background: #fff;
	padding: 36px 18px;
}
.slideouts .slideout.client .exclusion-container {
	background: #ebebeb;
	padding: 0px 18px;
}

.slideouts .slideout.client .btn.btn-edit,
.slideouts .slideout.client .account-container .btn.btn-edit {
	border: none;
	text-indent: -9999px;
	background: url(../img/icons.png) 0 -223px no-repeat;
	width: 40px;
	height: 20px;
}

.slideouts .slideout.client .exclusion-container h2,
.slideouts .slideout.client .client-info-container h1,
.slideouts .slideout.client .account-container h2,
.slideouts .slideout.client .invoice-recipients-container h2 {
	text-transform: uppercase;
	font-size: 18px;
}
.slideouts .slideout.client.bill .client-info-container h1 {margin:0 !important}
.slideouts .slideout.client.bill .billing-period-container+div p {margin-bottom:0}
.slideouts .slideout.client .invoice-recipients-container h3 {
	font-size: 14px;
}
h2.account-header {
    float: left;
}

.slideouts .slideout.client .account-detail-two-col-info > .locking {
    margin-top: 25px;
    float: left;
    width: 55%;
    padding-left:18px
}

.slideouts .slideout.client .client-info-container h1,
.slideouts .slideout.client .client-info-container .btn-edit,
.slideouts .slideout.client .exclusion-container h2 {
	float: left;
}
.slideouts .slideout.client .client-info-container .btn-edit {
	margin-top: 16px;
}
.slideouts .slideout.client.bill .client-info-container .btn-edit {
	margin-top: 4px;
}
.slideouts .slideout.client .exclusion-container .btn-edit {
	margin-top: 19px;
}

.slideouts .slideout.client .account-container .account-table td.edit {
	width: 30px;
}
.slideouts .slideout.client .account-container label {
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .slideout.client .client-info-container label {
	text-transform: capitalize;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .slideout.client.edit .client-info-container .name-container label {font-size:inherit;line-height:inherit}
.help-and-error-text {
	clear:both
}

.show-hide-container {
	margin-top: 15px;
}

.show-hide-container .show-hide-link {
	text-transform: capitalize;
	font-family: "Avenir LT W01 85 Heavy";
	color: #20acee;
	cursor: pointer;
}

.show-hide-container .show-hide-link:hover {
	color: #1e87ba;
}

.termination-message {
	padding-top: 20px;
}

.terminated {
	color: #d33440;
}

.slideouts .slideout.client .account-detail-two-col-info .account-summary {
    float: right;
    margin-top: 25px;
    padding-right:18px;
    width:40%;
    margin-bottom:20px
}
.slideouts .slideout.client .account-summary h2 {margin:0}
 
.slideouts .slideout.client .account-container  .account-summary .btn {
    border: none;
    float: right;
    color: #20acee;
}

.slideouts .slideout.client .account-container  .account-summary .btn:hover {
    border: none;
    float: right;
    color: #1e87ba;
}
/********************************************************
adjustment-edit
********************************************************/
.slideouts .slideout.adjustment-edit {
	padding: 0;
	background: #393f46;
}

.slideouts .slideout.adjustment-edit .slideout-body {
	background-color: #ebebeb;
}
.slideouts .slideout.adjustment-edit .slideout-body .editor,
.slideouts .slideout.adjustment-edit .slideout-body .notes {
	margin-top: -18px;
	padding: 36px 18px;
}
.slideouts .slideout.adjustment-edit .slideout-body .editor,
.slideout.adjustment-edit .adjustment-table td {
	background: #fff;
}
.slideouts .slideout.adjustment-edit tr:last-child td.amount,
.slideouts .slideout.adjustment-edit th.amount {
	text-align: left;
}

.slideouts .slideout.adjustment-edit th.amount {
	padding:5px 0;
	border-bottom: 1px solid #cccccc;
}

.slideouts .slideout.adjustment-edit tr:last-child td.amount .amount,
.slideouts .slideout.adjustment-edit th.amount .amount {
	text-align: right;
	display: inline-block;
	float: right;
}

.slideouts .slideout.adjustment-edit .amount span.amount {
	width: auto;
}

.slideouts .slideout.adjustment-edit th.note,
.slideouts .slideout.adjustment-edit th.account {
	text-align: left;
}

.slideouts .slideout.adjustment-edit td.note,
.slideouts .slideout.adjustment-edit td.account {
	text-align: left;
	width: 175px;
	padding-right: 0;
	padding-left: 15px;
}

.slideouts .slideout.adjustment-edit td.amount {
	padding-left: 0;
	padding-right: 0;
	width: 160px;
}

.slideouts .slideout.adjustment-edit .external-fee-amount tr:last-child td.amount {
	border: none;
}

.slideouts td.amount .money {
	position: relative;
}

.slideouts td.amount .money .currency {
	position: absolute;
	left: 0;
	top: auto;
	background-color: transparent;
}

.slideouts td.amount .money .amount {
	width: 175px;
	border-radius: 3px;
	text-align: right;
}

.slideouts .slideout.adjustment-edit td.amount.text {
	font-family: "Avenir LT W01 85 Heavy";
	text-align: right;
}

.slideouts .slideout.adjustment-edit td.waive {
	width: 100px;
	padding-left: 18px;
}

.slideouts .slideout.adjustment-edit tr:last-child td.amount {
	border-top: 1px solid #cccccc
}
.slideout.adjustment-edit .adjustment-table input[type="text"] {
	width: 160px;
	height: 36px;
	background: #ebebeb;
	border-radius: 3px;
	border: none;
	padding-left: 40px;
}

.slideout.adjustment-edit .adjustment-table .amount .currency {
	font-size: 14px;
	border-radius: 3px 0px 0px 3px;
}

.slideout.adjustment-edit .adjustment-table .note.edit input {
	text-align: left;
	padding-left: 12px;
}
.slideout.adjustment-edit .adjustment-table td.account.widgets {
  overflow: visible;
}

.slideout.adjustment-edit .adjustment-table td.flow {
	padding: 5px 0px 5px 5px;
}

.slideout.adjustment-edit .adjustment-table td.flow button {
	text-align: left;
	padding: 0px;
}

.slideout.adjustment-edit .adjustment-table .widgets .combobox .btn-combobox {
	background: #edeff0 url(../img/down-arrow.png) 0 -3px; 
}

.slideout.adjustment-edit .adjustment-table .widgets .combobox.open .btn-combobox {
	background: #fff url(../img/down-arrow.png) 0 -44px; 
}

/****************************************************
TODO:
Make combobox generic
****************************************************/

.slideout.adjustment-edit .adjustment-table .combobox {
  width: 160px;
  top: 2px;
  height: 36px;
  display: flex;
}
.slideout.adjustment-edit .adjustment-table .cb-selected-text {
  width: 113px;
}
.slideout.adjustment-edit .adjustment-table .combobox .cb-item-list.cb-open {
  width: 150px;
}
.slideout.adjustment-edit .slideout-buttons {
	color: #fff;
	padding: 36px 18px;
}
.slideout.adjustment-edit .adjustment-table th.waive {
  min-width: 100px;
}
/********************************************************
customize invoice
********************************************************/

.slideout.customize-invoice .slideout-body {
	background-color: #ebebeb;
} 
.slideout.customize-invoice .slideout-body hr {
	width: 95%;
	margin: 0px auto;
} 


.slideouts .slideout.customize-invoice header {
	z-index: 21;
} 

.slideout.customize-invoice .slideout-body .section-container input,
.slideout.customize-invoice .slideout-body .section-container textarea {
	background-color: #FFF;
} 
.slideout.customize-invoice .slideout-body .section-container .combobox {
	background-color: #FFF;
	border: 5px solid #FFF;
}
.slideout.customize-invoice .slideout-body .section-container .combobox .btn-combobox {
	background: url(../img/down-arrow.png)0 -37px;
}

.slideout.customize-invoice .slideout-body .invoice-template-name-container {
	padding: 0px 18px 0px 18px;
}

.slideout.customize-invoice .slideout-body .invoice-template-name-container .text-input {
	background-color: #FFF;
}

.slideout.customize-invoice {
	background: #393f46;
	padding: 0;
}
.slideout.customize-invoice .upload-container {
	background: #ffffff;
	padding: 36px 18px
}
.slideout.customize-invoice .upload-container .upload-help-container {
	position: absolute;
	left: 180px;
	top: 50px;
}
.slideout.customize-invoice .upload-container .upload-help-text {
	margin-top: 18px;
}
.slideout.customize-invoice .upload-container .upload-logo-container img {
	max-width: 540px;
	max-height: 36px;
}
.slideout .contact-info-container.section-container.show {
	height: 450px;
}
.customize-invoice .contact-info-container textarea.text-input, 
.customize-invoice .footer textarea.text-input {
    overflow: auto;
    white-space: pre;
    word-wrap: normal;
    height: 100px;
}

.appendix-option-design {
	display: flex;
	flex-direction: column;
}

.appendix-option-design input {
	margin-right: 7px;
}

/********************************************************
client
********************************************************/
.slideouts .slideout.client {
	padding: 0;
}
.slideouts .slideout.client .slideout-body {
	background-color: #d7d7d7;
}
.slideouts .slideout.client .client-info-container,
.slideouts .slideout.client .billing-info-container,
.slideouts .slideout.client .advanced-billing-container {
	background: #fff;
	padding: 1px 18px 90px 18px; /* was padding: 1px 18px 50px 18px;*/
	height: auto;
}
.slideouts .slideout.client .account-container {
	background: #ebebeb;
	clear: both;
	padding: 8px 18px 36px 18px;
}
.slideouts .slideout.client .account-container .btn-account-market-value {
    margin-top: 17px;
}

.slideouts .slideout.client .account-container .account-header{
	float:left;
}
.slideout.client .btn.btn-preview.btn-blue{
	float:right;
}
.slideouts .slideout.client .invoice-recipients-container .btn,
.slideouts .slideout.client .account-container .btn {
	border: 1px solid #20acee;
	color: #20acee;
}
.slideouts .slideout.client .account-container .btn:hover {
	border: 1px solid #1e87ba;
	color: #1e87ba;
}
.slideouts .slideout.client .account-container .btn.btn-calendar,
.slideouts .slideout.client .account-container .btn.btn-calendar:hover {
	border: none;
	text-indent: -9999px;
	padding-left:32px;
	background: url(../img/icons.png) 0 -3622px no-repeat;
	color: #1e87ba;
}


.slideouts .slideout.client .account-container .btn.btn-edit {
	border: none;
	text-indent: -9999px;
	background: url(../img/icons.png) 0 -223px no-repeat;
	width: 40px;
	height: 20px;
}
.slideouts .slideout.client .account-container .btn.btn-view {
	border: none;
	text-indent: -9999px;
	width: 40px;
	height: 20px;
}
.slideouts .slideout.client .account-container .account-table td {
	font-size: 14px;
}
 
.slideouts .slideout.client .account-container .account-table td.account .error{
	width: 34px;
	height: 20px;
	background: url(../img/icons.png) 0 -3152px no-repeat;
}

.slideouts .slideout.client .account-container .account-table td.edit,
.slideouts .slideout.client .account-container .account-table td.view {
	width: 10%;
}
.slideouts .slideout.invoice-recipient label {
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .slideout.client .account-container .account-table .gwt-DatePicker {
    position: absolute;
}

/********************************************************
client fee schedule
********************************************************/
.slideouts .slideout.client-fee-schedule {
	width: 651px;
	right: -651px;
	height: auto;
	overflow: hidden;
	background: #393f46;
	padding: 0;
}
.slideouts .slideout.client-fee-schedule.open {
	right: 0px;
}
.slideouts .slideout.client-fee-schedule .fee-schedule-container,
.slideouts .slideout.client-fee-schedule .name-container,
.slideouts .slideout.client-fee-schedule .assign-container {
	background: #fff;
	margin-top: -18px;
	padding: 36px 18px;
	width: 100%;
}
.slideouts .slideout.client-fee-schedule .name-container.fieldset,
.slideouts .slideout.client-fee-schedule .assign-container.fieldset {
	padding-top: 1px;
}
.slideouts .slideout.client-fee-schedule .fee-schedule-container label,
.slideouts .slideout.client-fee-schedule .name-container label,
.slideouts .slideout.client-fee-schedule .assign-container label {
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .slideout.client-fee-schedule .name-container input {
	background: #ebebeb;
	height: 32px;
	border: 0;
}
.slideouts .slideout.client-fee-schedule .form-fields {
	/*color: #fff;
	background: #5b6168*/
}
.slideouts div + .flat-container {
	margin-top: 12px;
}
.slideouts .flat-container {
	width: 100%;
	overflow: hidden;
}
.slideouts .flat-container .rate,
.slideouts .flat-container .amount {
	width: 46%;
	border-radius: 3px;
	background: #edeff0;
	display: inline-block;
	float: left;
	height: 50px;
	line-height: 32px;
	padding: 8px 6px;
	font-size: 14px;
}
.slideouts .flat-container .plus {
	width: 8%;
	background: #fff;
	text-indent: 0;
	color: #b8b8b8;
	display: inline-block;
	float: left;
	line-height: 50px;
	font-size: 36px;
	text-align: center;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .flat-container .rate label,
.slideouts .flat-container .amount label {
	float: left;
}
.slideouts .flat-container .rate input,
.slideouts .flat-container .amount input {
	width: 91px;
	height: 32px;
	border: none;
	background: #fff;
	float: right;
	margin: auto 6px;
}
/********************************************************
account fee schedule
********************************************************/
.slideouts .slideout.account-fee-schedule {
	width: 651px;
	right: -651px;
	min-height: 560px;
	height: auto;
	overflow: hidden;
	background: #393f46;
	padding: 0;
}
.slideouts .slideout.account-fee-schedule.open {
	right: 0px;
}
.slideouts .slideout.account-fee-schedule .fee-schedule-container,
.slideouts .slideout.account-fee-schedule .name-container,
.slideouts .slideout.account-fee-schedule .assign-container {
	background: #fff;
	margin-top: -18px;
	padding: 37px 18px;
	width: 100%;
}
.slideouts .slideout.account-fee-schedule .name-container.fieldset,
.slideouts .slideout.account-fee-schedule .assign-container.fieldset {
	padding-top: 1px;
}
.slideouts .slideout.account-fee-schedule .fee-schedule-container label,
.slideouts .slideout.account-fee-schedule .name-container label,
.slideouts .slideout.account-fee-schedule .assign-container label {
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .slideout.account-fee-schedule .name-container input {
	background: #ebebeb;
	height: 32px;
	border: 0;
}
.slideouts .slideout.account-fee-schedule .form-fields {
	color: #fff;
	background: #5b6168
}
.slideouts .slideout.account-fee-schedule div + .flat-container {
	margin-top: 12px;
}
.slideouts .slideout.account-fee-schedule .flat-container {
	width: 100%;
	overflow: hidden;
	padding-bottom: 208px;
}
.slideouts .slideout.account-fee-schedule .flat-container .rate,
.slideouts .slideout.account-fee-schedule .flat-container .amount {
	width: 46%;
	border-radius: 3px;
	background: #edeff0;
	display: inline-block;
	float: left;
	height: 50px;
	line-height: 32px;
	padding: 8px 6px;
}
.slideouts .slideout.account-fee-schedule .flat-container .plus {
	width: 8%;
	background: #fff;
	text-indent: 0;
	color: #b8b8b8;
	display: inline-block;
	float: left;
	line-height: 50px;
	font-size: 36px;
	text-align: center;
	font-family: "Avenir LT W01 85 Heavy"
}
.slideouts .slideout.account-fee-schedule .flat-container .rate label,
.slideouts .slideout.account-fee-schedule .flat-container .amount label {
	float: left;
}
.slideouts .slideout.account-fee-schedule .flat-container .rate input,
.slideouts .slideout.account-fee-schedule .flat-container .amount input {
	width: 91px;
	height: 32px;
	border: none;
	background: #fff;
	float: right;
	margin: auto 6px;
}
/********************************************************
view client detail
********************************************************/
.two-col.name-container {
	width: 50%;
}
.two-col.advisor-container p:first-child,
.two-col.name-container p:first-child {
	margin-bottom: 0px;
}
.two-col.advisor-container p:nth-child(2),
.two-col.name-container p:nth-child(2) {
	margin-top: 0px;
}

.client-details-container {
	clear: both;
}

.client-info-container .name-container,
.client-info-container .advisor-container,
.client-info-container .fee-schedule-container,
.client-info-container .billing-detail-container{
	display: inline-block;
	vertical-align: top;	
} 

.client-info-container .fee-schedule-container,
.client-info-container .billing-detail-container{
	width: 49%;	
}

.client-info-container .fee-schedule-container {
	padding-right: 10px;
}

.slideouts .slideout.account .fee-schedule-table {
	width: 300px;
}

.slideouts .slideout.account .account-detail-table .fee-schedule-table {
	width: 100%;
}

.slideout.account .account-detail-container .valuation-label{
	font-weight:bold;
}
.slideout.account .account-detail-container span.valuation-value.money {
    float: right;
    font-weight: bold;
}

.slideouts .slideout.client .fee-schedule-table .even td,
.slideouts .slideout.account .fee-schedule-table .even td,
.slideouts .slideout.client .billing-detail-table .even td {
	background: #f7f7f7;
}
.slideouts .slideout.client .fee-schedule-table .odd td,
.slideouts .slideout.account .fee-schedule-table .odd td,
.slideouts .slideout.client .billing-detail-table .odd td {
	background: #f0f0f0;
}
.slideouts .slideout.client .fee-schedule-table td,
.slideouts .slideout.account .fee-schedule-table td {
	padding: 6px;
}
.slideouts .slideout.client .billing-detail-table tr td:first-child {
	font-family: "Avenir LT W01 85 Heavy";
	border-right: 1px solid #d7d7d7;
}
.slideouts .slideout.client .invoice-recipients-container .full,
.slideouts .slideout.client .account-container .full {
	position: relative;
	height: 60px;
	overflow: hidden;
}
.slideouts .slideout.client .invoice-recipients-container .full {
	height: 48px;
}
.slideouts .slideout.client .invoice-recipients-container .full .btn-add,
.slideouts .slideout.client .account-container .full .btn-add {
	position: absolute;
	right: 20px;
	top: 10px;
}
.slideouts .slideout .exclusion-container .exclusion-table,
.slideouts .slideout .slideout-container .account-table,
.slideouts .slideout.client-billing .account-container .account-table,
.slideouts .slideout.client .account-container .account-table {
	position: relative;
	left: -18px;
	width: 661px;
}
.slideouts .slideout .exclusion-container .exclusion-table th,
.slideouts .slideout .exclusion-container .exclusion-table td,
.slideouts .slideout.client .account-container .account-table th,
.slideouts .slideout.client .account-container .account-table td {
	padding: 5px 8px;
}
.slideouts .slideout .exclusion-container .exclusion-table th,
.slideouts .slideout .slideout-container .account-table th,
.slideouts .slideout.client .account-container .account-table th {
	background: #d7d7d7;
	text-align: left;
	white-space: nowrap;
	text-transform: uppercase;
}
.slideouts .slideout.client .account-container .account-table td.edit,
.slideouts .slideout.client .account-container .account-table td.view {
	padding-right: 30px;
}
.slideouts .slideout.client .account-container td.edit .btn.btn-edit {
	top: 6px;
	position: relative;
}
.slideouts .slideout .exclusion-container .exclusion-table th.name,
.slideouts .slideout .exclusion-container .exclusion-table td.name,
.slideouts .slideout.client-billing .account-container .account-table th.name,
.slideouts .slideout.client-billing .account-container .account-table td.name ,
.slideouts .slideout.client .account-container .account-table th.name,
.slideouts .slideout.client .account-container .account-table td.name {
	padding-left: 18px;
}
.slideouts .slideout .exclusion-container .exclusion-table th.name {
	width: 39%;
}
.slideouts .slideout.client-billing .account-container .account-table td,
.slideouts .slideout.client .exclusion-container .exclusion-table td,
.slideouts .slideout.client .account-container .account-table td {
	border-bottom: 1px solid #d7d7d7;
}
.slideouts .slideout.client-billing .account-container .account-table td.name,
.slideouts .slideout.client-billing .account-container .account-table td.account ,
.slideouts .slideout.client .account-container .account-table td.name,
.slideouts .slideout.client .account-container .account-table td.account {
	width: auto;
}

.slideouts .slideout.client .account-container .account-table td.account.error {
     /* background: url(../img/icons.png) 0 -3150px no-repeat; */
     color: #d33440;
     width: 40px;
}
.slideouts .slideout.invoice-recipient .copy-container label:first-child {
	position: relative;
	top: 12px;
}
.slideouts .slideout.invoice-recipient .copy-container .copy-checkbox label,
.slideouts .slideout.invoice-recipient .carbon-copy-container .carbon-copy-checkbox label {
	font-family: 'Avenir LT W01 35 Light';
	text-transform: none;
}
.slideouts .slideout.client .btn-container .btn-cancel {
	padding-left: 0;
}
.slideouts .slideout.client .invoice-recipients-container {
	padding: 18px 18px 48px 18px;
	overflow: auto;
	height: auto;
	background: #d7d7d7;
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipients-container {
	padding: 0;
	padding-bottom: 8px;
	position: relative;
	border-bottom: 1px solid #b7b7b7;
	width: 285px;
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipients-container.original {
	margin-right: 30px;
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipient {
	padding-top: 8px;
	border-top: 1px solid #b7b7b7;
	position: relative;
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipient .recipient-id {
	margin-top: 16px;
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipient .recipient-id.link-error {
	padding-left: 30px;
	background: url(../img/icons.png) -10px -3150px no-repeat
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipient .recipient-id.linked {
	padding-left: 30px;
	background: url(../img/icons.png) -10px -3197px no-repeat
}
.slideouts .slideout.client .invoice-recipients-container .invoice-recipients-container .btn-edit {
	border: none;
	position: absolute;
	top: 10px;
	;
	right: 0px;
	background-position: 5px -223px;
}
.slideouts .slideout.invoice-recipient {
	background: #393f46;
	padding: 0;
}
.slideouts .slideout.invoice-recipient .invoice-recipient-info-container {
	padding: 18px 18px 48px 18px;
	z-index: 9;
	height: auto;
	background: #ffffff;
}
.slideouts .slideout.invoice-recipient .address-container {
	border-top: 1px solid #d7d7d7;
	margin-top: 18px;
	padding-top: 18px;
}
.slideouts .slideout.invoice-recipient .combobox,
.slideouts .slideout.invoice-recipient textarea.text-input,
.slideouts .slideout.invoice-recipient input.text-input {
	background: #e1e1e1;
}
.slideouts .slideout.invoice-recipient input.text-input {
	height: 36px;
}
.slideouts .slideout.invoice-recipient .combobox {
	border: 5px solid #e1e1e1;
	height: 36px;
}
.slideouts .slideout.invoice-recipient .combobox .cb-selected-text {
	width: 95px;
}
.slideouts .slideout.invoice-recipient .combobox .btn-combobox {
	background: #e1e1e1 url(../img/down-arrow.png) 0 -77px;
	top: -1px;
	left: 50px;
}
.slideouts .slideout.invoice-recipient .sync-container {
	margin: 12px auto;
}
.slideouts .slideout.invoice-recipient .sync-container .last-success {
	margin-left: 12px;
}
.slideouts .slideout.invoice-recipient .sync-container .sync-error-container.error {
	background: url(../img/icons.png) -12px -3150px no-repeat;
	padding-left: 30px;
	margin-top: 12px;
}
.slideouts .slideout.client .no-fee-schedule.error,
.slideouts .slideout.client .no-account.error {
	padding-left: 40px;
	background: url(../img/icons.png) 0 -3150px no-repeat;
	color: #d33440;
}
.btn-upload-addresses {
	padding-left: 48px;
}
.slideouts .slideout.valuation-upload .sync-container {
	padding: 18px;
}
.slideouts .slideout.valuation-upload .description {
	margin: 18px auto;
}
.slideouts .slideout.valuation-upload .sync-container .description,
.slideouts .slideout.valuation-upload .sync-active .description {
	margin: 0 auto 18px auto;
}
/****************************
Building out generic slideout containers. 
****************************/
.slideout .slideout-container .form-field:first-child {
	margin-top: 0;
}
.slideout-body.temp {
	background: #393f46;
}
.slideout-container {
	background: #ffffff;
	padding: 30px 24px;
	position: relative;
}
.slideout-container.background {
	background: #ebebeb;
}
.slideout-container + .slideout-container {
	padding-top: 0px;
}
.slideout-container.shadow + .slideout-container.background {
	padding-top: 30px;
}
.slideout-container.shadow {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.45);
}
.slideouts .slideout .slideout-container .account-table {
	position: relative;
	left: -24px;
	width: 661px;
}
.slideouts .slideout .slideout-container .account-table tr {
	border-bottom: 1px solid #d1d1d1
}
.slideouts .slideout .slideout-container .account-table .name {
	padding-left: 22px;
	width: 30%;
}
.slideouts .slideout .slideout-container .account-table .exclusions {
	width: 65%;
}
.excluded-container {
	margin-top: 14px
}
.btn-exclusion {
	float: left;
	margin-left: 8px;
}
.three-col.inceptionfee-three-col {
	display: flex;
	margin: 0 -7px;
}
.three-col.inceptionfee-three-col .widgets {
    flex: 1;
    padding: 0 7px;
}
.three-col.inceptionfee-three-col label {
	min-height: 40px;
	display: block;
    text-align: left;
}
.three-col.inceptionfee-three-col .form-field input,
.three-col.inceptionfee-three-col .widgets.billable-asset-value input {
	width: 100%;
}
.three-col .switchbox {
	float: left;
}
.asset-class-select-container .combobox {
	margin-top: 12px;
}
.slideout.client .error.ico-warning {
	padding-left: 30px;
	margin-top: 12px;
}
/*positions*/
.slideouts .slideout.position-view {
	background: #393f46;
	padding: 0;
}
.slideout.position-view .billable-container .new-header {
	float: left;
	display: inline-block;
}
.slideout.position-view .billable-container .billable-value {
	float: right;
	font-size: 18px;
	font-family: "Avenir LT W01 85 Heavy";
}

.slideout.position-view .widgets .combobox {

	left: 25px;
	position: absolute;
}
.slideout.position-view .billable-container{
	padding-bottom:64px;
}
.position-grid-container {
	background: #fff;
}
.position-grid-container table {
	width: 620px;
}
.position-grid-container td {
	text-align: right;
}
.position-grid-container th.day-value,
.position-grid-container td.day-value {
	text-align: left;
}
.position-grid-container td.average-message {
	text-align: left;
    padding-left: 40px;
    padding-right: 80px;
}
.position-grid-container th.total,
.position-grid-container td.name {
	text-align: left;
}
.position-grid-container tr.leaf td.name {
	padding-left: 13px;
}
.position-grid-container tr.expanded {
	border: none;
}
.position-grid-container tr.has-children td {
	cursor: pointer;
}
.position-grid-container tr.row-level-0.has-children td.name {
	background: url(../img/tree-controls.png) -639px 10px no-repeat;
	padding-left: 13px;
}
.position-grid-container tr.row-level-0.has-children.expanded td.name {
	background: url(../img/tree-controls.png) 0 10px no-repeat;
	padding-left: 13px;
}
.position-grid-container tr.row-level-1 td.name,
.position-grid-container tr.row-level-1 td.average-message {
	padding-left: 26px;
}
.position-grid-container tr.row-level-1.has-children td.name  {
	background: url(../img/tree-controls.png) -626px 10px no-repeat;
}
.position-grid-container tr.row-level-1.has-children.expanded td.name {
	background: url(../img/tree-controls.png) 13px 10px no-repeat;
}

.position-grid-container tr.row-level-2 td.name,
.position-grid-container tr.row-level-2 td.average-message {
	padding-left: 39px;
}
.position-grid-container tr.row-level-2.has-children td.name  {
	background: url(../img/tree-controls.png) -613px 10px no-repeat;
}
.position-grid-container tr.row-level-2.has-children.expanded td.name {
	background: url(../img/tree-controls.png) 26px 10px no-repeat;
}
.position-grid-container tr.row-level-3 td.name,
.position-grid-container tr.row-level-3 td.average-message {
	padding-left: 53px;
}
.position-grid-container tr.row-level-3.has-children td.name  {
	background: url(../img/tree-controls.png) -600px 10px no-repeat;
}
.position-grid-container tr.row-level-3.has-children.expanded td.name {
	background: url(../img/tree-controls.png) 39px 10px no-repeat;
}
.position-grid-container tr.row-level-4 td.name,
.position-grid-container tr.row-level-4 td.average-message {
	padding-left: 65px;
}
.position-grid-container tr.row-level-4.has-children td.name  {
	background: url(../img/tree-controls.png) -587px 10px no-repeat;
}
.position-grid-container tr.row-level-4.has-children.expanded td.name {
	background: url(../img/tree-controls.png) 53px 10px no-repeat;
}
.position-grid-container tr.row-level-5 td.name,
.position-grid-container tr.row-level-5 td.average-message {
	padding-left: 78px;
}
.position-grid-container tr.row-level-5.has-children td.name  {
	background: url(../img/tree-controls.png) -574px 10px no-repeat;
}
.position-grid-container tr.row-level-5.has-children.expanded td.name {
	background: url(../img/tree-controls.png) 65px 10px no-repeat;
}

.position-grid-container table tr.expanded td {
	background: #fff;
	border-bottom: none;
}
.position-grid-container table tr.expanded.top-level-row td {
	font-family: "Avenir LT W01 85 Heavy";
}
.position-grid-container table tr:hover td,
.position-grid-container table td,
.account-detail-container table.account-detail-table tr:hover td,
.account-detail-container table.account-detail-table td {
	background-color: #fff;
}
.position-grid-container table tr:hover td {
	color: #20acee;
}
.position-grid-container table th {
	text-align: right;
	text-transform: uppercase;
}
.position-grid-container table th.name {
	text-align: left;
}
.position-grid-container table thead th {
	border-bottom: 1px solid #eeeeee;
}
.position-grid-container table tfoot th {
	border-top: 1px solid #eeeeee;
}

/*flow transaction */

.transaction-view .billable-container .adjustment-value {
	position:absolute;
	right:30px;
	top:30px;
	font-weight: normal;
	font-family: "Avenir LT W01 85 Heavy", sans-serif;
	letter-spacing: 1.2px;
}

.transaction-view .billable-container .dates {
	margin-top: -10px;
	font-size: 0.8em;
	font-style: italic;
}
.transaction-totals-container{
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eee;
	padding:5px 0;
	margin-top: 48px;
}
.transaction-totals-container .total-before-label, 
.transaction-totals-container .total-adjustment-labal {
	float:left;
	width:75%;
	font-family: "Avenir LT W01 85 Heavy";
}
.transaction-totals-container .total-before-value,
.transaction-totals-container .total-adjustment-value {
	text-align:right;
	width:25%;
	float:right;
}
.total-after-value {
	text-align:right;
	font-weight: normal;
	font-family: "Avenir LT W01 85 Heavy", sans-serif;
	letter-spacing: 1.2px;
}

.transaction-grid-container table td.adjustment-value,
th.adjustment-value, 
table tr.expanded td.adjustment-value {
	background-color: #f7f7f7;
}

.transaction-grid-container table .day-value,
.transaction-grid-container table .adjustment-value {
	width: 20%;
}
.transaction-grid-container.slideout-container.position-grid-container {
  min-height: 400px;
}

/* View Fee Calculation Details Slideout Styling */
.slideout-body {
	/*bottom: 0;*/
}

.slideout-body .money {
	text-align: right;
}

.slideout-body .account-detail-container h3 {
	padding-left: 16px;
	display: inline-block;
	font-size: 18px;
}

.slideout-body .account-detail-container {
	position: relative;
}

.slideouts .slideout.client .account-container .menuListContainer,
.slideout-body .account-detail-container .menuListContainer {
	display: inline-block;
}
.slideouts .slideout.client .account-container .menuListContainer  button.open,
.slideout-body .account-detail-container .menuListContainer button.open {
	background: url(../img/icons.png) 0 -726px no-repeat;
	border-radius: 0;
	background-color: #20acee;
	width: 45px;
	height: 36px;
	padding: 0px;
}
.slideouts .slideout.client .account-container .menuListContainer button:hover,
.slideout-body .account-detail-container .menuListContainer button:hover {
	background: url(../img/icons.png) 0 -726px no-repeat;
	border-radius: 0;
	background-color: #20acee;
	width: 45px;
	height: 36px;
	padding: 0px;
}

.slideouts .slideout.client .account-detail-container ul.account-detail-menu.menu-list,
.slideout-body .account-detail-container .menu-list {
	position: absolute;
	display: none;
	z-index: 5;
	top: 39px;
	left: 188px;
	width: 192px;
	padding: 0px;
	list-style-type: none;
}
.slideouts .slideout.client .account-container .menuListContainer .account-detail-container.menu-list li,
.slideouts .slideout.client .account-container .menuListContainer .account-detail-menu.menu-list li,
.slideout-body .account-detail-container .menu-list li {
	cursor: pointer;
	padding: 10px;
    font-size: 12px;
    font-family: "Avenir LT W01 85 Heavy";
    text-transform: uppercase;
}
.slideouts .slideout.client .account-container .menuListContainer ui.account-detail-menu.menu-list {
     display: inline-block;
     background: #cdecfb;
}
.account-detail-menu.menu-list li:hover,
.slideout-body .account-detail-container .menu-list li:hover {
	background-color: #20acee;
	color: #FFF;
}

.slideout-body .account-detail-header-container .menu-list:before {
	position: absolute;
	display: block;
	height: 12px;
	top: -1em;
	z-index: 10;
}

.slideout-body .account-detail-container .menu-list:before {
	content: url(../img/edit-notch.png);
}

.slideout-body .account-detail-container .menu-list {
	display: block;
	background: #cdecfb;
}

.slideout-body .account-detail-container .account-detail-table thead {
	background-color: #d7d7d7;
	text-align: left;
}

.slideout-body .account-detail-container .account-detail-table thead tr th {
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Avenir LT W01 85 Heavy";
}

.slideout.client .slideout-body .account-detail-container .account-detail-table td.account-name {width:auto;min-width:140px}
.slideout.client .slideout-body .account-detail-container .account-detail-table thead tr th.name+.name {text-align:left}

.slideout-body .account-detail-container .account-detail-table thead tr th:nth-of-type(1n+2) {
	text-align: right;
}

.slideout-body .account-detail-container .account-detail-table .valuation-table thead tr th {
	text-align: left;
}

.market-billable-label,
.market-billable-value {
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy";
	padding-bottom: 40px;
}

.slideout-body .account-detail-container .account-detail-table td.expandable button {
	background: url(../img/tree-controls.png) -639px 6px no-repeat;
	padding-left: 13px;
	padding-right: 0px;
	border: none;
	background-color: transparent;
	width: 100%;
	text-align: right;
}

.slideout-body .account-detail-container .account-detail-table td.expandable.expanded button {
	background-image: url(../img/tree-controls-2.png);
	background-position: -7px 7px;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-left: 13px;
	color: #20acee;
}

.slideout-body .account-detail-container .account-detail-table td.expandable.expanded {
	background: #FFF;
}

.slideout-body .account-detail-container .account-detail-table .total-row td {
	text-transform: uppercase;
	font-size: 18px;
	font-family: "Avenir LT W01 85 Heavy";
}

.slideout-body .account-detail-container .account-detail-table .total-row td.total-name,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-billable,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-rate,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-fee,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-debit {
	font-size: 12px;
}

.slideout-body .account-detail-container .account-detail-table .total-row td.total-billable,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-rate,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-fee,
.slideout-body .account-detail-container .account-detail-table .total-row td.total-debit {
	text-align: right;
}

/* Billable Value Tab */
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .adjustment-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .market-value-header  {
	font-size: 15px;
	text-transform: uppercase;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .adjustment-header {
	padding-bottom: 0;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .market-value-header .market-value-date .market-value-description {
	font-size: 12px;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .transaction-header.collapsed button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .credits-header.collapsed button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .exclusion-header.collapsed button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .debits-header.collapsed button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.client-detail-row .debits-header.collapsed button {
	background: url(../img/tree-controls.png) -639px 6px no-repeat;
	padding-left: 13px;
	border: none;
	background-color: transparent;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.slideout-body .account-detail-container .account-detail-table tr.account-detail-row .transaction-header.expanded button,
.slideout-body .account-detail-container .account-detail-table tr.account-detail-row .credits-header.expanded button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .exclusion-header.expanded button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .debits-header.expanded button,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.client-detail-row .debits-header.expanded button {
	background-image: url(../img/tree-controls-2.png);
	background-position: -7px 7px;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-left: 13px;
	color: #20acee;
	border: none;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
}



.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row td,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row td:hover {
	background-color: white;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .market-value-label {
	padding-left: 0px;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .exclusion-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .transaction-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.client-detail-row .debits-header {
	vertical-align: top;
	padding: 5px 15px;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .exclusion-detail-row .exclusion-table .exclusion-name,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.client-detail-row .exclusion-detail-row .adjustment-description {
	padding: 0 15px;
	font-size: 11px;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .exclusion-detail-row .exclusion-table .exclusion-value,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.client-detail-row .exclusion-detail-row .adjustment-value {
	padding: 0 0 0 15px;
	font-size: 11px;
}

/* Quarterly Rate Tab */
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table td.account-name {
	width: inherit;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container {
	background-color: white;
	margin-top: 0px;
	padding: 0;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container .fee-schedule-tiered-labels-container {
	padding: 10px 0;
	font-size: 16px;
	text-transform: uppercase;
}

.slideout.fee-calculation .account-rate-detail-container .fee-schedule-table tr td.applied {
	font-family: 'Avenir LT W01 35 Light', sans-serif;
}


.slideout.fee-calculation .account-rate-detail-container .fee-schedule-table tr td.total.fee.applied {
	font-family: "Avenir LT W01 85 Heavy";
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container .fee-schedule-tiered-labels-container.footer {
	padding-top: 20px;
	font-size: 16px;
	text-transform: uppercase;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container .fee-schedule-tiered-labels-container .valuation-value,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container .fee-schedule-tiered-labels-container .rate-value {
	float: right;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container .fee-schedule-tiered-labels-container .rate-value,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-rate-detail-container .fee-schedule-tiered-labels-container .rate-label {
	font-size: 18px;
	font-family: "Avenir LT W01 85 Heavy";
}

.calculation.footnote {
	color: #3d3d3d;
	font-style: italic;
	font-family: 'Avenir LT W01 35 Light', sans-serif;
}

.flat-value {
	float: right;
}

.flat-label,
.flat-value {
	text-transform: uppercase;
	font-size: 15px;
}

/* Quarterly Fee Tab */
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .fee-calculation-header {
	font-size: 15px;
	text-transform: uppercase;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container {
	text-align: right;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .fee-calculation-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .adjustment-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .fee-header
 {
	text-align: left;
}
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .fee-calculation-header+.calculation,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .adjustment-header+.money,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .fee-header+.fee-value {
	text-align: right;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .credits-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .debits-header {
	padding-bottom: 0;
	vertical-align: top;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .exclusion-detail-row td .adjustment-description {
	font-size: 11px;
	padding: 0 15px;
}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .exclusion-detail-row td .adjustment-value {
	font-size: 11px;
	padding: 0;
}

.slideout .slideout-body .account-detail-container .account-detail-table tr.account-row .ico-calendar {display:inline-block;vertical-align:middle;padding:0}
.slideout .slideout-body .account-detail-container .account-detail-table tr.account-row .ico-calendar+span {display:inline-block;vertical-align:middle}

.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .account-fee-detail-container .fee-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.account-detail-row .billable-header,
.slideout.fee-calculation .slideout-body .account-detail-container .account-detail-table tr.client-detail-row .fee-header {
	border-top: 1px solid #d7d7d7;
	font-size: 18px;
	font-family: "Avenir LT W01 85 Heavy";
	padding-top: 15px;
	text-transform: uppercase;
}

.slideouts .slideout.client .account-summary .total-period-fee {font-size:15px;font-family: 'Avenir LT W01 35 Light', sans-serif;text-transform: uppercase;padding-bottom:5px;letter-spacing:.5px}
.slideouts .slideout.client .account-summary .total-adjustment-fee {font-size:15px;font-family: 'Avenir LT W01 35 Light', sans-serif;text-transform: uppercase;padding-bottom:10px;letter-spacing:.5px;border-bottom:1px solid #999;margin-bottom:10px;}
.slideouts .slideout.client .account-summary .total-period-fee span,
.slideouts .slideout.client .account-summary .total-adjustment-fee span {float:right;width:50%;text-align:right}
.slideouts .slideout.client .account-summary .total-fee-label {font-size:16px !important;text-transform: uppercase;letter-spacing:.5px}
.slideouts .slideout.client .account-summary .total-fee-label span {float:right;width:50%;text-align:right}
.slideouts .slideout.client .account-summary button {float:right;letter-spacing:.5px;padding:0}
.slideouts .slideout.client .account-summary button:active {border:none !important;background:none !important;color:#20acee !important}


.transaction-table thead tr th:last-child {
	text-align: right;
}

.transaction-amount {
	text-align: right;
}

.transaction-days {
	text-align: center;
}

/* Debit Amount Tab */
.account-debit-detail-container {
	margin: 5px 0;
}

.account-debit-detail-container .account-debit-detail-table .account-table-title,
.account-debit-detail-container .account-debit-detail-table .debit-title {
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Avenir LT W01 85 Heavy";
}

.account-debit-detail-container .account-debit-detail-table .other-account-value,
.account-debit-detail-container .account-debit-detail-table .other-account-name {
	padding: 3px 15px 8px 15px;
}

.account-debit-detail-container .account-debit-detail-table .other-account-value,
.account-debit-detail-container .account-debit-detail-table .debit-amount {
	text-align: right;
}

.account-debit-detail-container .account-debit-detail-table .debit-from-other.debit-account,
.account-debit-detail-container .account-debit-detail-table .debit-from-other.debit-amount,
.account-debit-detail-container .account-debit-detail-table .debit-from-other.debit-title {
	font-size: 15px;
	padding: 0 15px;
}

.account-debit-detail-container .account-debit-detail-table .debit-from-this.debit-amount,
.account-debit-detail-container .account-debit-detail-table .debit-from-this.total-title {
	padding: 15px 15px 0 15px;
	
}

.account-debit-detail-container .account-debit-detail-table .debit-from-this.debit-account {
	font-size: 12px;
	color: #3d3d3d;
	font-style: italic;
}

.account-debit-detail-container .account-debit-detail-table .debit-from-this.debit-account {
	padding: 0 15px 15px 15px;
}

.account-debit-detail-container .account-debit-detail-table .total-title,
.account-debit-detail-container .account-debit-detail-table .debit-from-this.debit-amount {
	border-top: 1px solid #d7d7d7;
}

/* Family Slide Out */
.slideouts .slideout.family .fieldset {
    margin-left: 11px;
}
.slideouts .slideout.family .fieldset .two-col {
    margin-left: 11px;
}

.slideouts .slideout.family .client-search-container .add-client-btn {
	border: none;
	margin-top: 27px;
}

.slideouts .slideout.family .fieldset h2.legend {
    margin-left: 11px;
    margin-top: 55px;
    margin-bottom: 11px;
}

.slideouts .slideout.family table.family-clients-table {
    margin-left: 11px;
    width: 95%;
}

.slideouts .slideout.family table.family-clients-table td.delete  {
    background: transparent;
    width: 10%;
    height: 40px;
    border-top: 1px solid #D7D7D7;
}

.slideouts .slideout.family table.family-clients-table td.name {
    background: transparent;
    width: 40%;
    height: 40px;
    border-top: 1px solid #D7D7D7;
}

.slideouts .slideout.family table.family-clients-table td.space {
    background: transparent;
    width: 10%;
    height: 40px;
}

.slideouts .slideout.family table.family-clients-table tr:last-child td.name  {
    border-bottom: 1px solid #D7D7D7;
    width: 40%;
    height: 40px;
}

.slideouts .slideout.family table.family-clients-table tr:last-child td.delete {
    border-bottom: 1px solid #D7D7D7;
    width: 10%;
    height: 40px;
}

.slideouts .slideout.family table.family-clients-table tr:last-child td.blank-delete {
    background: transparent;
    width: 10%;
    height: 40px;
    border-top: 1px solid #D7D7D7;
}

.slideouts .slideout.family table.family-clients-table tr:last-child td.blank-name {
    background: transparent;
    width: 40%;
    height: 40px;
    border-top: 1px solid #D7D7D7;
}

.slideouts .slideout.family table.family-clients-table tr:first-child td.blank-delete,
.slideouts .slideout.family table.family-clients-table tr:first-child td.blank-name {
	border-top: none;
}




.account-detail-header-container {position:relative}
.slideouts .slideout.bill .account-detail-header-container button.btn-add {position:absolute;top:12px;right:15px}
.gwt-DatePicker {z-index:100}

.slideouts .slideout.bill .account-detail-container ul.account-detail-menu.menu-list.open {display:block;left:123px}
.slideouts .slideout.bill .account-detail-header-container .btn.btn-edit {background: url(../img/icons.png) 0 -213px no-repeat;height: 40px;}


.slideouts .slideout.bill .account-detail-container .account-detail-container-body {background-color:#f1f1f1;/*border-top:2px solid #d7d7d7;*/border-bottom:3px solid #d2d1d0;padding:10px 0 0}
.slideouts .slideout.bill .account-detail-container .account-detail-container-body .market-value-info {padding:15px 16px;font-size:12px}
.slideouts .slideout.bill .account-detail-container table.account-detail-table > tbody > tr.account-row > td,
.slideouts .slideout.bill .account-detail-container table.account-detail-table > tbody > tr.total-row > td {background-color:transparent;padding:8px 5px}
.slideouts .slideout.bill .account-detail-container table.account-detail-table > thead > tr > th {padding:8px 5px}
.slideouts .slideout.bill .account-detail-container table.account-detail-table > tbody > tr.account-row > td:first-child,
.slideouts .slideout.bill .account-detail-container table.account-detail-table > thead > tr > th:first-child,
.slideouts .slideout.bill .account-detail-container table.account-detail-table > tbody > tr.total-row > td:first-child {padding:8px 5px 8px 15px}
.slideouts .slideout.bill .account-detail-container table.account-detail-table > tbody > tr.account-row > td:last-child,
.slideouts .slideout.bill .account-detail-container table.account-detail-table > thead > tr > th:last-child,
.slideouts .slideout.bill .account-detail-container table.account-detail-table > tbody > tr.total-row > td:last-child {padding:8px 15px 8px 5px;}
.slideouts .slideout.bill .account-detail-container table.account-detail-table tr.account-row td {border-color:#d7d7d7;}
.slideouts .slideout.bill .account-detail-container table.account-detail-table th.name.fixed-width {width: 145px;}
.slideouts .slideout.bill .account-detail-container table.account-detail-table th.name.start-billing-date.fixed-width {    min-width: 210px;}
.slideouts .slideout.bill .account-detail-container table.account-detail-table th.market-value.fixed-width {    width: 125px;}
.slideouts .slideout.bill .account-detail-container table.account-detail-table th.fee.has-adjustment-fee {    width: 100px;}
.slideouts .slideout.bill .account-detail-container table.account-detail-table th.fee.adjustment.fxied-width.has-adjustment-fee {    width: 102px;}
table tr td.inactive {color:#a0a09f}

.slideouts .slideout.client .account-detail-two-col-info .locking {font-size:14px;line-height:19px;margin-bottom: 25px}
.slideouts .slideout.client .account-detail-two-col-info .locking.title {margin-top:0px;padding-left:0;margin-bottom:5px;font-size:15px;}
.slideouts .slideout.client .account-detail-two-col-info .locking.description {margin-bottom:8px}
.slideouts .slideout.client .account-detail-two-col-info .locking.locking-options span {margin-bottom:5px;display:block}
.slideouts .slideout.client .account-detail-two-col-info .locking.locking-options span input {display:inline-block;margin-right:6px}

table tr.account-row td.market-value {text-align:right}

.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table > tbody > tr.account-row > td,
.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table > tbody > tr.total-row > td {background-color:transparent;}
.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table tr.account-row td {border-color:#d7d7d7;}
.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table tr td.expandable.expanded {background-color:#fff !important;border-bottom-color:#fff !important;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table tr td:not(.expanded) button:hover {color:#20acee;background-color:#f9f9f9}
.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table tr td.expandable:not(.expanded):hover {background-color:#f9f9f9}
.slideouts .slideout.fee-calculation .account-detail-container table.account-detail-table tr.account-detail-row > td {border-bottom:1px solid #d7d7d7}

.slideouts .slideout.client .bill-now-container {width:100%;position:absolute;top:0}
.slideouts .slideout.client .bill-now-container button {position:absolute;right:40px;top:10px}

.slideouts .slideout.client .account-detail-table .redi2-datepicker {
	padding-left:27px;
	background: url(../img/icons.png) -14px -3624px no-repeat;
	height:30px;
}
.slideouts .slideout.client .account-detail-table .redi2-datepicker:not(.disabled):hover {cursor:pointer;text-decoration:underline}
.slideouts .slideout.client .account-detail-table .redi2-datepicker .date-picker-label {line-height:30px}

.slideouts .slideout.scroll-footer.fee-calculation .slideout-body {background-color:#f1f1f1}



/* Tejas - new classes for Termination UI styling */
.valuation-table .currency { background:none;}
.slideout-body .termination .rate,
.slideout-body .inception .rate
 {	white-space: nowrap;}
.slideout-body .account-detail-container .termination,
.slideout-body .account-detail-container .inception
{position: relative;padding: 25px;}
.slideout-body .account-detail-container span.fee { float: right; }

.slideouts .slideout .account-detail-table .fee-schedule-table {
	width: 100%;
}

.slideout .account-detail-table .fee-schedule-table tr {
    text-align: right;
}

.slideout .account-detail-table.termination table.fee-schedule-table.flat .flat-rate ,
.slideout .account-detail-table.inception table.fee-schedule-table.flat .flat-rate 
{
    text-align: left;
}
.slideout .account-detail-table.termination  span.termination-fee-label, 
.slideout .account-detail-table.inception  span.termination-fee-label {
	float:left;	
}
.slideout .account-detail-table.termination span.rate-value.rate,
.slideout .account-detail-table.inception span.rate-value.rate {
    float: right;
}
.slideout .account-detail-table.termination td.header ,
.slideout .account-detail-table.inception td.header {
    font-size: 14px;
    font-family: "Avenir LT W01 85 Heavy",sans-serif;
 
}
.slideout.account-association  .client-list tr.account-row.selected {
    background-color: lightblue;
}


.slideout.account-association .client-list .client{
	margin-top: 33px;
}
.slideout .adjusted-asset {
	text-align:center;
}

.slideout .inception .adjusted-asset {
    padding-top: 10px;
}
.slideout .inception .adjusted-asset.reducedcols .widgets {
	display: flex;
    align-items: center;
}
.slideout .inception .adjusted-asset.reducedcols .billable-asset-value .currency {
	line-height: 36px;
} 
.slideout .inception .adjusted-asset.reducedcols .widgets label {
	white-space: nowrap;
    min-height: auto;
}

.slideout .adjusted-asset label {
	font-family: "Avenir LT W01 85 Heavy",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 7 px;
}

.inception-table {
	table-layout: fixed;
}
.inception-table td, .inception-table th {
	padding: 5px;
}
.inception-table td textarea,
.inception-table td input[type='password'],
.inception-table td input[type='text'] {
	padding: 4px;
}
.inception-table td.account-rate.rate.expandable span.money {
    display: flex;
    justify-content: space-between;
}
.inception-table td.account-rate.rate.expandable span.money span.currency {
	padding-right: 5px;
}
.inception-table td.account-rate > input {
	max-width: 100%;
	padding: 4px;
}
.inception-table td.account-rate.rate.expandable span.money input {
	max-width: 90%;
	padding: 4px;
}

.slideout .manuall-fee .error.nowrap{
    white-space: nowrap;
}
.external-fee-account {
	text-align: right;
}
.adjustment-table.external-fee-table {
    display: block;
    margin-left: 40%;
}/********************************************************
Billfin CSS 

File: popups.css

popup styles

********************************************************/
.popup-container {
	width: 630px;
	position: relative;
	height: auto;
	background: #ffffff;
	margin: auto;
	top: 36px;
	padding: 36px 45px;
	border-radius: 8px;
}

.app-messages {
	width:100%;max-width:1480px;
}
.message-container.message {
	background: #474F56;
	position: relative;
	height: auto;
	color:#fff;
	border-radius:0px;
	padding: 30px 20px;
	width: 260px;
	top:220px;
	left:50%;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3);
	margin-left:-40px;
}
.message-container.message .message-body p {
	text-align:center;
	color:#fff;
	font-size: 18px;
	line-height: 24px;
	font-family: "Avenir LT W01 85 Heavy";
}
.message-container.message .message-body img {
	display:block;
	margin:0 auto;
}
.popup-container.help {
	top: 0;
	padding: 0px;
}
.popup.debit-file-export {
	width: 800px;
}
.message-container.message.popup.open {
    z-index: 11;
}
.popup .header .close {
	position: absolute;
	right: 20px;
	color: #888888;
	top: 10px;
	width: 24px;
	height: 30px;
	border: 0;
	padding: 0;
	background: #fff;
	font-size: 24px;
	font-family: "Avenir LT W01 85 Heavy";
}
.popup.session-timeout h1 {
	color: #20acee;	
}
.popup.session-timeout.open  {
	z-index: 12;
}
.button-container {
	float: none;
	padding: 18px 0;
}
.popup {
	display: none;
}
.popup.open {
	display: block !important;
 }
.popup-container.overwrite {
	width: 630px;
	position: relative;
	height: auto;
	background: #393f46;
	margin: auto;
	top: 36px;
	padding: 0;
	border-radius: 8px;
}
.popup-container.overwrite .header {
	padding: 36px 45px 0;
	background: #fff;
	border-radius: 8px 8px 0 0;
}
.popup-container.overwrite .popup-body {
	padding: 18px 45px;
	background: #fff;
	margin-top: 0;
	margin-top: -23px;
}
.popup-container.overwrite .button-container {
	width: 100%;
	padding: 18px 45px;
	margin-top: 0;
	margin-top: -23px;
	color: #fff;
}
.popup .error-list {
	padding-left: 0px;
	list-style-type: none;
	max-height: 300px;
	overflow-y: auto;
}
.popup .error-list .error.ico-warning {
	padding-left: 30px;
}

/*********************************************
Error Popup
***********************************************/
.popup-container.error-popup {
	border: 1px solid #888888;
}

.error-popup .Caption {
	text-transform: uppercase;
	font-size: 24px;
	font-family: "Avenir LT W01 85 Heavy";
}


/*********************************************
Debit File Popup

***********************************************/
.popup.debit-file-export .thead {
	background: #20acee;
	color: #fff;
	text-align: left;
	font-size: 14px;
}
.popup.debit-file-export .thead button:hover {
	background: #1876A2;
}
.popup.debit-file-export .thead {
	padding: 0;
}
.popup.debit-file-export .movable-column-header-container {
	padding: 0px 15px;
}
.popup.debit-file-export .column-move-btn {
	padding-top: 5px;
	padding-bottom: 5px;
}
.popup.debit-file-export td,
.popup.debit-file-export th {
	border-right: 1px solid #afdbef;
}
.popup.debit-file-export td:last-child,
.popup.debit-file-export th:last-child {
	border-right: none;
}
.popup.debit-file-export .table-row.even td {
	background: #fff;
}

.popup.debit-file-export .columns-container {
	overflow: auto;
	height: auto;
}
.popup.debit-file-export .columns-container .two-col {
	height: auto;
	padding: 4px 0;
}

.popup.debit-file-export .preview-container {
	overflow-y: auto;
	height: auto;
	width: 714px;
}

.contact.open {
	background: none repeat scroll 0 0 white;
	display: block;
	position: fixed;
	top: 40%;
	left: 50%;
	border-radius: 8px;
	margin-left: -275px;
	margin-top: -110px;
	width: 550px;
	min-height: 210px;
	height: auto;
	padding: 51px 48px;
	z-index: 35;
	-webkit-box-shadow: 0 5px 5px 0px #666;
	-moz-box-shadow: 0 5px 5px 0px #666;
	box-shadow: 0 5px 5px 0px #666;
}

.tutorial.open {
	background: none repeat scroll 0 0 white;
	display: block;
	position: fixed;
	min-height: 210px;
	height: auto;
	padding: 0px 0px;
	z-index: 35;

}

.check-message, .contact.popup {
	display: none;
}

.popup.check-message.update-current-message  .close {
    position: absolute;
    right: 20px;
    color: #888888;
    top: 10px;
    width: 24px;
    height: 30px;
    border: 0;
    padding: 0;
    background: #fff;
    font-size: 24px;
    font-family: "Avenir LT W01 85 Heavy";
}
.check-message.open {
	background: none repeat scroll 0 0 white;
	display: block;
	position: fixed;
	top: 40%;
	left: 50%;
	border-radius: 8px;
	margin-left: -275px;
	margin-top: -110px;
	width: 550px;
	min-height: 210px;
	height: auto;
	padding: 51px 48px;
	z-index: 35;
	-webkit-box-shadow: 0 5px 5px 0px #666;
	-moz-box-shadow: 0 5px 5px 0px #666;
	box-shadow: 0 5px 5px 0px #666;
}
.check-message .btn-container {
	margin: 18px 0;
}
.connector .check-message .btn-container {
	margin: 18px 0 0;
	height: auto;
}
.check-message.open .btn {
	padding: 12px;
}
.check-message.open .btn:hover {
	color: #353a41;
}
.check-message.open p {
	margin: 0 0 20px;
}
.check-message h1, .contact-title p {
	color: #20acee;
	text-transform: uppercase;
	font-size: 28px;
	margin-top: 0;
	font-family: 'Avenir LT W01 35 Light';
}
.contact-title p {margin-bottom:0}
.contact-message p {margin-top:0}
.contact-phone img, .contact-email img {float:left}
.contact-phone p, .contact-email p {padding-left:42px}
.popup.user-agreement {
	top: 10px;
	width: 900px;
	height: 585px;
}
.user-agreement-container {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 325px;
	border: 1px solid #888888;
	padding: 22px 45px;
	clear: both;
}
.popup.user-agreement h1 {
	text-transform: uppercase;
	color: #20acee;
}
.popup.user-agreement .print {
	float: right;
	position: relative;
	top: -50px;
	padding-left: 40px;
	text-transform: uppercase;
	color: #999999;
	background: url(../img/print.png) no-repeat;
}
.popup.user-agreement .agree-container {
	margin-top: 20px;
}
.popup.user-agreement .button-container .btn-agree {
	color: #fff;
	background-color: #20acee;
}
.popup.user-agreement .button-container .btn-cancel {
	color: #20acee;
	border: 1px solid #20acee;
}
/*********************************************
fee schedule upload

***********************************************/
.fee-schedule-upload {
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -315px;
	max-height: 800px;
}

.fee-schedule-upload .popup-body {
	position: absolute;
	top: 100px;
	bottom: 100px;
	width: 550px;
	overflow-y: hidden;
}

.fee-schedule-upload .popup-footer {
	position: absolute;
	bottom: 0px;
}

.fee-schedule-upload h1 {
	font-size: 24px;
}
.fee-schedule-upload .upload-container a {
	color: #20acee;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 20px;
	font-size: 12px;
	font-family: 'Avenir LT W01 85 Heavy';
}
.fee-schedule-upload .upload-container a:hover {
	color: #1e87ba;
}
.fee-schedule-upload h3 {
	margin-top: 36px;
	font-size: 18px;
}
.fee-schedule-upload .result-grid {
	padding: 0;
	height: auto;
	max-height: 270px;
	overflow-y: auto;
}
.fee-schedule-upload .result-grid table {
	width: 100%;
}
.fee-schedule-upload .result-grid th {
	font-size: 12px;
	font-family: "Avenir LT W01 85 Heavy";
	background: #d7d7d7;
	color: #6b6b6b;
	font-weight: normal;
	text-align: left;
}
.fee-schedule-upload .result-grid .client-count {
	width: 24%
}
.fee-schedule-upload .result-grid .error {
	color: #d33440;
}

/* Add Fee Schedule */
.fee-schedule-container .tier-container .banded-container {
	position: relative;
}

.fee-schedule-container .tier-container .legend {
	margin-bottom: 0px;
}

.fee-schedule-container .tier-container .banded-container h3 {
	display: inline-block;
	margin-right: 10px;
}

.fee-schedule-container .tier-container .banded-container button.ico-info,
.custodian-info-container button.ico-info,
.account-info-container button.ico-info {
	height: 21px;
	width: 24px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	border: none;
	padding-bottom: 4px;
}

.app-popups.fee-schedule-help {
	margin: -295px 0 0 -390px;
}

.popup-container.popup.help {
	height: 375px;
	width: 528px;
	z-index: 9;
	
}
.popup-container.popup.help .fee-schedule-help {
	height: 375px;
	width: 528px;
	background-image: url(../img/feeScheduleInfo.png);
	background-size: 525px 383px;
	background-repeat: no-repeat;
	background-color: #FFF;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	z-index: 9;
	box-shadow: 1px 5px 6px #888888;
}

.close-info-button {
	float: right;
	margin: 15px;
	text-decoration: none;
	height: 20px;
	width: 20px;
	text-align: center;
	font-size: 24px;
	font-family: "Avenir LT W01 85 Heavy";
	color: #888888;
}

.close-info-button:hover {
	color: #808080;
}

.fee-schedule .fieldset {
	margin-top: 20px;
}

.fee-schedule .assign-container p {
	margin-bottom: 0px;
	font-size: 12px;
}

.popup.connector {
	padding-right: 130px;
}
.popup.connector h1 {
	color: #20acee;
	text-transform: uppercase;
	font-size: 28px;
	margin-top: 0;
	font-family: 'Avenir LT W01 35 Light';
}
.popup.connector h2 {
	font-size: 16px;
}
.popup.connector .link-all-container,
.popup.connector .pick-container {
	margin-top: 24px;
}
.popup.connector .link-all-container .link-all-help {
	font-size: 12px;
	padding-left: 18px;
}
.popup.waiting {
	width: 475px;
}
.popup.waiting .popup-body img {
	margin: auto;
	display: block;
}
.popup.waiting .popup-body p {
	margin-top: 0;
}
.popup.waiting .popup-body h3 {
	margin-bottom: 0;
	margin-top: 44px;
	font-size: 16px;
}

.asset-node-upload .upload-result-count {
	height: 32px;
	width: 256px;
	line-height: 32px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.asset-node-upload .btn.btn-cancel {
	color: #a4b2c0;
}
.asset-node-upload .btn-cancel:hover {
	color: #7d8e9f;
}
.account-assignment-upload .upload-result-count{
	height: 32px;
	width: 256px;
	line-height: 32px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

/*****************
Waiting popup
******************/

.waiting {
	display: none;
}
.waiting.open {
	background: none repeat scroll 0 0 white;
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -237.5px;
	margin-top: -110px;
	width: 475px;
	min-height: 210px;
	height: auto;
	padding: 51px 48px;
	z-index: 10;
}
.popup.custodian .name-container label,
.popup.feedescriptionModal .name-container label,
.popup.debitfile.feedescription .name-container label,
.popup.advisor .name-container label {
	display:block;
}
.popup.custodian .name-container .input-text,
.popup.advisor .name-container .input-text {
	width:525px;
}

.popup.custodian .system-reminder-list {
	list-style-type: none;
	padding-left: 0;
    color: #d33440;
}
.popup.custodian .system-reminder-list li {
	height: 32px;
	padding-left: 46px;
	background: url(../img/icons.png) 0 -1372px no-repeat;
}

/***************************
Fee-schedule & Redtail Styling
***************************/

.popup-container.fee-schedule,
.popup-container.feedescriptionModal,
.popup-container.debitfile.feedescription, 
.popup-container.redtail-container,
.popup-container.assest-node-add-edit,
.popup-container.asset-node-upload,
.popup.debit-file-export {
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -315px;
	max-height: 800px;
}

.popup-container.custodian.edit.scroll {
	position: absolute;
	bottom: 10%;
}
.popup-container.custodian.edit {
	left: 50%;
	margin-left: -315px;
	max-height: 800px;
	min-height: 500px;
}

.popup-container.custodian .popup-body.edit{
	position: absolute;
	top: 100px;
	bottom: 100px;
	width: 550px;
	overflow-y: auto;
}


.popup-container.fee-schedule .popup-body,
.popup-container.feedescriptionModal .popup-body,
.popup-container.debitfile.feedescription .popup-body,
.popup-container.redtail-container .redtail-container-body,
.popup-container.assest-node-add-edit .popup-body,
.popup-container.asset-node-upload .result-container,
.popup-container.feedescriptionModal, 
.popup.debit-file-export .popup-body {
	position: absolute;
	top: 100px;
	bottom: 100px;
	width: 550px;
	overflow-y: auto;

}

.popup-container.fee-schedule .popup-body {
	top: 75px;
	bottom: 75px;
}

.popup.debit-file-export .popup-body {
	width: 100%;
}

.popup-container.asset-node-upload .result-container {
	top: 124px;
	bottom: 154px;
	width: 100%;
}

.popup-container.fee-schedule .popup-footer,
.popup-container.custodian .popup-footer ,
.popup-container.feedescriptionModal .popup-footer ,
.popup-container.debitfile.feedescription .popup-footer, 
.popup-container.redtail-container .button-container,
.popup-container.asset-node-upload .button-container,
.popup-container.assest-node-add-edit .popup-footer,
.popup.debit-file-export .button-container {
	position: absolute;
	bottom: 0px;	
}

.popup-container.popup .btn-ok {
	padding: 0px;
	width: 45px;
}

/* Client Picker */
.popup.client-picker-popup {
    width: 340px;
}

.combobox.client-picker-combobox {
	width: 270px;
}
.combobox.client-picker-combobox .cb-selected-text {
	width: 218px;
}
.combobox.client-picker-combobox .cb-item-list.cb-open {
	width: 270px;
}


.blueleaf-container.integration-config-container .pick-container {
	border-top: 1px solid #b1b1b1;
}

.blueleaf-container.integration-config-container .advanced-btn,  
.blueleaf-container.integration-config-container .simple-btn {
	float: right;
    font-size: 0.6em;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
    height: 20px;
}

.blueleaf-container.integration-config-container .button-container {
	border-top: 1px solid #b1b1b1;
	clear: both;
}

.show-help-menu-body .icon-help{
	height: 60px;
	width: 60px;
	display: block;
	background: url(../img/icons.png) 8px -3944px no-repeat;
}

.show-help-menu  {
	background:url(../img/popup-help.png);
	width: 242px;
	height:175px;	
	margin-left: -176px;
}

.show-help-menu:before {
	/*content: url(../img/edit-notch.png);*/
}


/* Tutorial Popup Styles */
.tutorial.open {}
.popup.tutorial {left:800px;top: 90px;height:540px;border-radius:0;width:650px;box-shadow:0 1px 9px 4px rgba(0,0,0,.1)}
.popup.tutorial .tutorial-body {position:relative;width:558px}
.popup.tutorial .tutorial-body .close {position:absolute;top:-25px;right:-30px;background:transparent;border:none;color:#999999;font-size:24px;font-family: "Avenir LT W01 85 Heavy";}
.popup.tutorial .tutorial-footer-step-buttons {text-align:right;float:right;width:48%}

.popup.tutorial .tutorial-footer-step-buttons .btn-back {background:#fff url("../img/back-next.png") no-repeat scroll 15px -29px;border:none}
.popup.tutorial .tutorial-footer-step-buttons .btn-next {padding:12px 36px 12px 12px;background:#fff url('../img/back-next.png') no-repeat scroll 51px 10px}
.popup.tutorial .tutorial-footer-step-buttons .btn-back:hover {background:#fff url("../img/back-next.png") no-repeat scroll 15px -107px;color:#474f57;border:none}
.popup.tutorial .tutorial-footer-step-buttons .btn-next:hover {padding:12px 36px 12px 12px;background:#fff url('../img/back-next.png') no-repeat scroll 51px -68px}

.popup.tutorial .tutorial-title {color:#4faae8;font-size:28px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.popup.tutorial .tutorial-step {height:80px}
.popup.tutorial .tutorial-step-title {color:#32363b;font-size:18px;line-height:22px;font-family: "Avenir LT W01 85 Heavy";margin-bottom:5px}
.popup.tutorial .tutorial-step-description {font-size:14px;line-height:18px}
.popup.tutorial .tutorial-image {margin:30px 0 15px}

.popup.tutorial table .dialogTop td {height:25px;cursor:move}
.popup.tutorial .tutorial-footer-step-position {width:48%;float:left;padding:13px 0 0}
.popup.tutorial .tutorial-footer-step-position span {width:12px;height:12px;border-radius:6px;background:#e0e0e0;box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.2) inset;margin-right:10px;display:inline-block}
.popup.tutorial .tutorial-slide1 .page-step1,
.popup.tutorial .tutorial-slide2 .page-step2,
.popup.tutorial .tutorial-slide3 .page-step3,
.popup.tutorial .tutorial-slide4 .page-step4,
.popup.tutorial .tutorial-slide5 .page-step5 {background:#4faae8;box-shadow:none}
.popup.tutorial .tutorial-slide5 .tutorial-footer-step-buttons .btn-blue {padding:12px}

.popup.tutorial.open {
    z-index: 11;
}

.popup table tr:hover td,
.popup table tr.hover td {background-color:#fff !important}

.popup.payee .payee-table th {text-align:left}
.popup.payee .payee-table input {width:350px;border:none;background:#f1f1f1;border-radius:4px;height:40px}
.popup.payee .payee-table td {background:#fff}

.popup.payee .edit-container label {/* font-size:14px; */display:block;}

.popup.select-bill-now-message .name-container label {display:block;text-transform:uppercase;font-family: "Avenir LT W01 85 Heavy";color:#31363c;font-size:16px;line-height: 1.2;margin-bottom:10px}
.popup.select-bill-now-message .name-container .suggest-box {display:block}
/*.popup.select-bill-now-message .name-container button {display:none}*/
.popup-container.popup.account-termination-popup.open{
    z-index: 10;
    top: 82px;
}

.popup-container.popup.veo-one-popup.open{
    z-index: 10;
    top: 82px;
}

.debitstatus-detail-container .debit-status-detail-table td:first-child {
	font-family: "Avenir LT W01 85 Heavy";
	font-size: 14px;
	background-color:#fff !important;
	padding: 3px;
	width: 150px;
}

.debitstatus-detail-container .debit-status-detail-table td {
	font-family: "Avenir LT W01 35 Light";
	font-size: 14px;
	background-color:#fff !important;
	padding: 3px;
}
  
.debitstatus-error-container .debit-status-error-table td:first-child {
	font-family: "Avenir LT W01 35 Light";
	font-size: 14px;
	background-color:#f1f1f1 !important;
	border: 3px solid #fff;
	border-radius: 8px;
	width: 120px;	
}

.debitstatus-error-container .debit-status-error-table td {
	font-family: "Avenir LT W01 35 Light";
	font-size: 14px;
	background-color:#f1f1f1 !important;
	border: 3px solid #fff;
	border-radius: 8px;
}  

.popup .debit-status-error-table tr:hover td,
.popup .debit-status-error-table tr.hover td {background-color:#f1f1f1 !important}

.debitstatus-error-container .debit-status-error-table tr:first-child td {
	font-family: "Avenir LT W01 85 Heavy";
	font-size: 14px;
	background-color:#fff !important;
	padding-left : 1px;
}
.custodian-info-container label,
.debit-file-export .name-container label {
    font-size: 14px;
    font-family: 'Avenir LT W01 85 Heavy';
    float:left;
    width:100%; 
    margin-top: 5px;   
}

.combobox.cb-account-debit-state ,.combobox.cb-account-type {
    width: 305px;
}

.combobox.cb-account-debit-state .cb-selected-text,.combobox.cb-account-type .cb-selected-text {
    width: 250px;
}

.name-container, .question-container, .btn-container {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.custodian-info-container .name-container checkbox{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

.debit-file-export .name-container input.input-text.transactiontype-description{
	    float: left;
}
.popup-container.debitfile.feedescription .popup-body, 
.popup-container.feedescriptionModal .popup-body {
    padding-left: 18px;
}

.popup-container.debitfile.feedescription .popup-footer,
.popup-container.feedescriptionModal .popup-footer {
    padding-left: 10px;
    width: 100%;
    background-color: #393f46;
}

.popup-container.debitfile.feedescription .popup-footer .btn.btn-cancel,
.popup-container.feedescriptionModal .popup-footer .btn.btn-cancel {
    color: #ccc;
}

.feedescriptionModal .custodian-info-container.name-container .gwt-CheckBox input {
    float: left;
    margin-top: 10px;
}
.feedescriptionModal .custodian-info-container.name-container label {
    float: inherit;
    padding-left: 18px;
}


.custodian-info-container .cb-transaction-type {
    width: 400px;
}
.custodian-info-container .cb-transaction-type .cb-selected-text {
  width: 345px;;
}

.name-container .input-text.transactiontype-description{
	width: 400px;
}
.popup-container.popup.debitfile.feedescription {
    width: 550px;
}
.deleteCheckBox {
	display: flex;
    align-items: center;
    border: 0;
    padding: 0 !important;
}
.deleteCheckBox input {
    width: 13px;
    height: 13px;
    margin: 0 10px 0 0;
}

/********************************************************
Billfin CSS 

File: loading.css

loading spinner styles for Fidelity

********************************************************/

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

.icon-loading {
	margin-left: 160px;
	margin-top: 25px;
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 3rem
}

.icon-loading:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.25rem solid #ccc;
    border-bottom-color: #ccc;
    border-right-color: #00679b;
    border-top-color: #00679b;
    animation-name: spinner;
    animation-duration: 0.9s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-play-state: running
}

.icon-loading--sm {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem
}

.icon-loading--sm:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 0.16666rem solid #ccc;
    border-bottom-color: #ccc;
    border-right-color: #00679b;
    border-top-color: #00679b;
    animation-name: spinner;
    animation-duration: 0.9s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-play-state: running
}@charset "utf-8";
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.relative{
	position:relative;
	height:auto;
	width:100%;
}

.paymentstatus{
	color: #00679B;
	font-size: 14px;
    font-weight: bolder;
    text-align: left;
    padding: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: fit-content;
    cursor:pointer;  
}/********************************************************
Billfin CSS 

File: mqs.css

media queries. long term you could break this file out into @imported files for each breakpoint. 

********************************************************/

@media screen 
  and (max-width: 1290px)  {
    .app .page.fee .header {
      min-height: 215px;
    } 
    .app .page.fee .app-scroller {
      top: 326px;
    } 
    .page.fee .header .widgets {min-width: 1px;}
    .page.fee .header .widgets button,
    .page.fee .header .widgets .combobx {
        position: inherit;
        float:none;
    }
    .page.fee .header .widgets .fee-button-set .btn-valuation-upload {
      position: relative;
      left: auto;
      width: 185px;
      display: inline-block;
      margin-top: 10px;
      /* float: left; */
      margin-left: 10px;
    }

	.page.fee .header .widgets  .billing-cycle {
	    float: left;
	}    
    .page.fee .header .widgets .fee-button-set {
    	width: 1024px;
    	margin-left: -10px;
    	margin-bottom: 10px;
    	float:left;
 }
    .page.fee .header .widgets .fee-button-set .btn-transaction-upload.btn-valuation-upload {
      position: relative;
      left: auto;
      /* top:60px; */
    }
    .page.fee .header .widgets .fee-button-set .btn-excel {
      position: relative;
      left: auto;
      /* top:60px; */
      /* margin-left:0; */
    }
    .page.fee .header .total-fee-container {
      /* left:500px; */
      top: 25px;
      left:auto;
      position: absolute;
    }
    

    /***********************
    Payment & Invoices
    ***********************/ 
    .invoice .app-scroller {
    	top: 210px; 
    }
}

@media screen 
  and (max-width: 1024px)  {
    .app .page.fee .header {
      min-height: 215px;
    } 
    .app .page.fee .app-scroller {
      /* top:300px; */
    } 
    .page.fee .header .widgets {min-width: 1px;}
    .page.fee .header .widgets button,
    .page.fee .header .widgets .combobx {
        position: inherit;
        /* float:none; */
    }
    .page.fee .header .widgets .fee-button-set .btn-valuation-upload {
      /* position:absolute; */
      left: auto;
      width: 185px;
	  display: inline-block;
      float: left;
      margin-left: 10px;

    }

	.page.fee .header .widgets  .billing-cycle {
	    float: left;
	}    
    .page.fee .header .widgets .fee-button-set {
    	width: 600px;
 }
    .page.fee .header .widgets .fee-button-set .btn-transaction-upload.btn-valuation-upload {
      /* position:absolute; */
      left: auto;
      /* top:60px; */
    }
    .page.fee .header .widgets .fee-button-set .btn-excel {
      position: relative;
      left: auto;
      display: inline-block;
      /* top: 10px; */
      /* margin-left:0; */
    }
    .page.fee .header .total-fee-container {
      /* left:500px; */
      top: 25px;
      left:auto;
      position: absolute;
    }
    

    /***********************
    Payment & Invoices
    ***********************/ 
    .invoice .app-scroller {
    	top: 210px; 
    }
}



/*
@media screen 
  and (max-width: 1310px) {
	.debit-file .app-scroller {
		top: 210px;
	}
 }

  @media screen 
  and (min-width: 1302px) {
	.invoice .app-scroller {
		top: 190px;
	}
 }

 @media screen 
  and (min-width: 1311px) {
	.debit-file .app-scroller {
		top: 190px;
	}
 }
 */
  @media screen 
  and (max-width: 1191px) {
	.client .app-scroller {
		top: 200px;
	}
 }