html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, dialog, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

.no-template template {
  display: none; }

input.calendarPicker {
  background-image: url("/img/themes/reskin/background_images/icon-calendar-picker.png");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  padding-right: 24px; }

/*
	glDatePicker style inspired by the calendar app in FireFly 3.0 rom

	http://code.gautamlad.com/glDatePicker/
	https://github.com/glad/glDatePicker/
	http://forum.xda-developers.com/showthread.php?t=914284
*/
/* Calendar container div */
.gldp-bdc {
  float: left;
  background-color: #fff !important;
  font-size: 12px !important;
  border: solid 1px #ccc; }

/* Table style */
.gldp-bdc table {
  border-spacing: 1px;
  border-collapse: inherit; }

/* Default row height */
.gldp-bdc tr {
  line-height: 28px; }

/* Default style of cell */
.gldp-bdc td {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  width: 33px !important;
  text-align: center !important; }

/* Previous and Next arrows */
.gldp-bdc-prevnext {
  color: #414141;
  cursor: pointer;
  position: relative; }

.gldp-bdc .next {
  text-align: right; }

.gldp-bdc .next div, .gldp-bdc .prev div {
  background-image: url(/img/background_images/icon-calendar-left-arrow.png);
  background-repeat: no-repeat;
  height: 11px;
  width: 9px;
  background-position: middle left;
  position: absolute;
  top: 11px;
  left: 11px; }

.gldp-bdc .next div {
  background-image: url(/img/background_images/icon-calendar-right-arrow.png);
  background-position: middle right;
  right: 11px;
  left: auto; }

/* Month Year title */
.gldp-bdc-monyear {
  background-color: #fff;
  color: #414141;
  font-size: 12px; }

/* Days of the week (Sun, Mon, ...) */
.gldp-bdc-dow {
  font-size: 0.8em; }

/* Selectable days */
.gldp-bdc-day {
  border-top: 1px solid #f4f4f4 !important;
  border-right: 1px solid #f4f4f4 !important;
  border-bottom: 1px solid #f4f4f4 !important;
  border-left: 1px solid #f4f4f4 !important;
  color: #166A9B;
  font-weight: bold; }

.gldp-otherMonth-hover {
  cursor: pointer; }

.gldp-bdc-day-hover {
  cursor: pointer;
  border: 1px solid #f4f4f4; }

/* Selected days */
.gldp-bdc-selected {
  background-color: #414141;
  color: #fff;
  cursor: default; }

/* Today */
.gldp-bdc-today {
  color: #414141;
  background-color: #cecece; }

/* Weekends */
.gldp-bdc-sat, .gldp-bdc-sat-hover {
  border-top: 1px solid #f4f4f4 !important;
  border-right: 1px solid #f4f4f4 !important;
  border-bottom: 1px solid #f4f4f4 !important;
  border-left: 1px solid #f4f4f4 !important;
  color: #166A9B;
  cursor: pointer; }

.gldp-bdc-sun, .gldp-bdc-sun-hover {
  border-top: 1px solid #f4f4f4 !important;
  border-right: 1px solid #f4f4f4 !important;
  border-bottom: 1px solid #f4f4f4 !important;
  border-left: 1px solid #f4f4f4 !important;
  color: #166A9B;
  cursor: pointer;
  font-weight: bold; }

.gldp-bdc-sun-hover, gldp-bdc-sat-hover {
  border: 1px solid #f4f4f4;
  color: #414141; }

/* Non-selectable day.  Includes: previous/next month days and days that fall in the allowOld and endDate conditions */
.gldp-bdc-noday {
  color: #999;
  font-weight: normal;
  cursor: wait;
  border: 1px solid #fff !important; }

/* "Top level" styles. Usually selectors that are super vague and can be used anywhere. */
.yellowText {
  color: #CC9900; }

.twelveFont {
  font-size: 12px; }

.redText {
  color: #BD2925; }

.greenText {
  color: #7f9d07; }

.textlength_1 {
  width: 8px; }

.textlength_2 {
  width: 16px; }

.textlength_3 {
  width: 24px; }

.textlength_4 {
  width: 32px; }

.textlength_5 {
  width: 40px; }

.textlength_6 {
  width: 48px; }

.textlength_7 {
  width: 56px; }

.textlength_8 {
  width: 61px; }

.textlength_9 {
  width: 70px; }

.textlength_17 {
  width: 129px; }

.textlength_44 {
  width: 355px; }

/* StyleClass styles. Used in the Java side of things! */
.pTop10 {
  padding-top: 10px; }

.pBottom10 {
  padding-bottom: 10px; }

.pBottom15 {
  padding-bottom: 15px; }

.pLeft5 {
  padding-left: 5px; }

.pLeft10 {
  padding-left: 10px; }

.pLeft25 {
  padding-left: 25px; }

.pLeft30 {
  padding-left: 30px; }

.pLeft50 {
  padding-left: 50px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.pBottomNone {
  padding-bottom: 0; }

.pTopNone {
  padding-top: 0; }

.mBottomNone {
  margin-bottom: 0; }

.mTop15 {
  margin-top: 15px; }

.mLeft15 {
  margin-left: 15px; }

.mRight15 {
  margin-right: 15px; }

.mBottom15 {
  margin-bottom: 15px; }

.mBottom5 {
  margin-bottom: 5px; }

.minW150 {
  min-width: 150px; }

.mTop10 {
  margin-top: 10px; }

.mBottom10 {
  margin-bottom: 10px; }

.mBottom15 {
  margin-bottom: 15px; }

.mTop5 {
  margin-top: 5px; }

.mTop0 {
  margin-top: 0; }

.mRight0 {
  margin-right: 0; }

.mBottom0 {
  margin-bottom: 0; }

.mLeft0 {
  margin-left: 0; }

.pTop0 {
  padding-top: 0; }

.pRight0 {
  padding-right: 0; }

.pBottom0 {
  padding-bottom: 0; }

.pLeft0 {
  padding-left: 0; }

.pTop5 {
  padding-top: 5px; }

.pTop10 {
  padding-top: 10px; }

.pTop15 {
  padding-top: 15px; }

.pTop20 {
  padding-top: 20px; }

.autoWidth {
  width: auto !important; }

.absTopRight {
  position: absolute;
  top: 10px;
  right: 10px; }

.nopadding {
  padding: 0; }

.inline {
  display: inline; }

.clearBoth {
  clear: both; }

.verticalAlignMiddle {
  vertical-align: middle; }

.redText {
  color: #710000; }

.headerLarge {
  font-weight: normal;
  font-size: 16px; }

.headerMedium {
  font-weight: normal;
  font-size: 14px; }

/*
 * This file is for general layout things.
 */
div.twoColumnLayout div.twoCol-left, div.twoColumnLayout div.twoCol-right {
  float: left;
  width: 50%; }

div.twoColumnLayout div.twoCol-left {
  padding-left: 0;
  margin-left: 0; }

div.twoColumnLayout div.twoCol-right {
  padding-right: 0;
  margin-right: 0;
  float: right; }

/* new widget component layout */
.widget-container-minor {
  width: 32%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 2%; }

.widget-container-major {
  width: 66%;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  box-sizing: border-box; }

/* list layouts (currently used for recommendations) */
.list-container .list-item {
  float: left; }

.list-container.list-of-3 {
  margin: -0.666666667%;
  /* TODO: is this the same percentage as each internal item's percentage? */ }

.list-container.list-of-3 .list-item {
  width: 32%;
  margin: 0.666666667%; }

.list-container.list-of-4 {
  margin: -0.5%; }

.list-container.list-of-4 .list-item {
  width: 24%;
  margin: 0.5%; }

.list-container.list-of-6 {
  margin: -0.666666667%; }

.list-container.list-of-6 .list-item {
  width: 17%;
  margin: 0.666666667%; }

.AlertTwoColumn-left {
  float: left;
  margin-left: 0;
  padding-right: 2em;
  width: 80%; }

.AlertTwoColumn-right {
  float: right;
  width: 20%;
  margin-left: -20%; }

/* Remittance Tooltips */
div.remitTip table td {
  padding: 0 5px; }

div.remitTip table td:first-child {
  text-align: right; }

/* BillPay Info Tooltips */
div.billPayInfoTip table td {
  padding: 0 5px; }

div.billPayInfoTip table td:first-child {
  text-align: left; }

/* The following is for UploadPicModalPage */
div.uploadModalPicture {
  padding-top: 20px;
  text-align: center;
  overflow: hidden; }

div.uploadModalPictureWithDelete {
  padding-top: 20px;
  text-align: center;
  overflow: hidden;
  width: 240px;
  margin: 0 auto; }

div.uploadModalBody {
  width: auto; }

div.uploadButtonWrapper {
  float: left;
  width: 300px;
  padding-top: 11px;
  text-align: center; }

span.deleteButtonWrapper {
  float: right;
  margin-top: 55px; }

div.choosePicWrapper {
  padding-left: 5px;
  padding-top: 23px;
  text-align: center; }

/* The following is for FacebookModalPage */
div.fbModalPicture {
  padding-top: 5px;
  text-align: center;
  overflow: hidden; }

div.fbModalBody {
  width: auto; }

div.fbButtonWrapper {
  padding-top: 10px;
  text-align: center; }

div.fbLink {
  padding-top: 15px;
  text-align: center; }

div.privateNoteBox, div.publicNoteBox {
  padding-left: 5px;
  margin-bottom: 5px;
  width: 380px; }

div.portalNoteBox {
  padding-left: 5px;
  margin-bottom: 5px;
  width: 350px; }

div.privateNoteBox {
  border: 1px solid #b2b2b2; }

div.publicNoteBox, div.portalNoteBox {
  background-color: #f6f7e5;
  border: 1px solid #dadcb5; }

div.noteContentRightBox {
  width: 325px; }

div.portalNoteContentRightBox {
  width: 295px; }

div.sessTimeoutBox {
  width: 300px; }

/* Lookup Box */
div#lookupOverflowDiv {
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 12px; }

div#lookupOverflowDiv tr.item > td, div#lookupOverflowDiv td.newItem {
  padding: 2px 3px;
  cursor: pointer;
  white-space: nowrap;
  text-align: left; }

div#lookupOverflowDiv tr.item > td.over {
  background-color: #414141;
  color: #fff; }

div#lookupOverflowDiv td.separator {
  height: 1px;
  background-color: #999; }

div#lookupOverflowDiv table tr td > span {
  font-weight: bold; }

/** command link bar placed on top of a container. */
.command-link-bar {
  margin-bottom: 15px;
  display: block; }

/* HoverMenus */
.hoverMenu {
  position: relative; }

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

.hoverMenu h3 {
  background-image: url("/img/background_images/arrow-right.png");
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  padding: 0.5em 0 0.5em 15px;
  margin: 0; }

.hoverMenu ul {
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
  padding: 0;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.4);
  display: none;
  background-color: #fff;
  z-index: 1; }

.hoverMenu ul li ul {
  padding: 0;
  position: absolute;
  background-color: #fff;
  top: 0;
  white-space: nowrap;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.4);
  border: 1px solid #ccc;
  z-index: 2;
  left: 100%; }

.hoverMenu ul li {
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap; }

.hoverMenu ul li a, .hoverMenu ul li > span {
  padding: 10px 20px;
  display: block; }

.hoverMenu ul li > span {
  color: #000; }

.hoverMenu ul li.sub {
  background-image: url("/img/background_images/arrow-right.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #166A9B; }

.hoverMenu ul li ul.sub {
  display: none; }

.hoverMenu ul li.hover {
  background-color: #efefef; }

.hoverMenu ul li a.current {
  background-image: url("/img/background_images/nav-indicator.png");
  background-repeat: no-repeat;
  background-position: 7% center; }

.logo-wrapper {
  text-align: center; }

div#detailEditPage {
  padding-top: 0; }

.VendorInviteCompose-toAddress {
  height: 60px;
  width: 352px;
  padding: 5px;
  margin-left: 0px;
  border: 1px solid #aaa;
  background-color: #fff;
  overflow-y: auto;
  line-height: 1.5;
  font-size: 12px; }

/* Collapsable boxes */
div.collapsableBox {
  margin-bottom: 15px;
  position: relative; }

div.collapsableBox div.toggleBar {
  background-color: #DFDFDF;
  border: 1px solid #BEBEBE;
  overflow: hidden;
  padding: 3px 3px; }

div.collapsableBox div.toggleBar h3 {
  margin: 0;
  padding: 0;
  float: left; }

div.collapsableBox div.toggleBar span.icon {
  float: left;
  width: 17px;
  height: 16px;
  background-color: #0f0;
  margin-right: 10px; }

div.collapsableBox div.toggleBar span.toggleImage {
  float: right;
  width: 15px;
  height: 16px;
  cursor: pointer; }

div.collapsableBox div.toggleBar span.toggleImage.collapse {
  background-image: url("/img/themes/reskin/background_images/icon-approvers-container-expanded.png"); }

div.collapsableBox div.toggleBar span.toggleImage.expand {
  background-image: url("/img/themes/reskin/background_images/icon-approvers-container-collapsed.png"); }

div.collapsableBox.person div.toggleBar span.icon {
  background-color: transparent;
  background-image: url("/img/themes/reskin/background_images/icon-approvers-user.png"); }

div.collapsableBox.chart div.toggleBar span.icon {
  background-color: transparent;
  background-image: url("/img/themes/reskin/background_images/icon-approvers-expense.png"); }

div.collapsableBox div.toggleBar span.editBillClearAll {
  position: absolute;
  right: 23px;
  top: 4px; }

div.collapsableBox.description {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 300px;
  font-size: 12px;
  color: #888;
  border-top: thin #aaa;
  border-style: solid; }

table.dc-two-col > tbody > tr > td > div#approversEditor {
  line-height: 1.2; }

div.componentImageBox {
  text-align: center;
  overflow: hidden;
  height: 130px;
  width: 442px;
  margin: 0 auto; }

div.componentImageBox div.componentImage {
  display: block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  float: left;
  padding-top: 15px; }

div.componentImageBox div.eye {
  width: 20px;
  height: 15px;
  float: left;
  cursor: pointer;
  margin-top: 57px; }

div.componentImageBox div.order {
  font-size: 54px;
  float: left;
  width: 46px;
  padding-top: 28px; }

div.componentImageBox div.handle > div {
  float: left;
  width: 30px;
  cursor: pointer;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: top center; }

div.componentImageBox div.handle div.up {
  background-image: url("/img/component_images/icon-grabber-arrow-up50.png");
  height: 11px; }

div.componentImageBox div.handle div.down {
  background-image: url("/img/component_images/icon-grabber-arrow-down50.png");
  height: 11px; }

div.componentImageBox div.handle div.bar {
  background-image: url("/img/component_images/icon-grabber-bar50.png");
  height: 18px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: url("/img/background_images/openhand.cur"), move; }

div.customizeBox {
  border: 1px solid #ccc; }

ul#leftColumnList div.componentImageBox div.handle {
  width: 30px;
  height: 46px;
  float: left;
  margin-left: 22px;
  margin-right: 23px;
  margin-top: 42px; }

ul#leftColumnList div.componentImageBox div.order {
  margin-left: 16px; }

ul#rightColumnList div.componentImageBox div.eye {
  margin-left: 15px; }

ul#rightColumnList div.componentImageBox div.handle {
  width: 30px;
  height: 46px;
  float: left;
  margin-left: 22px;
  margin-right: 23px;
  margin-top: 42px; }

ul#rightColumnList div.componentImageBox div.order {
  margin-right: 16px; }

/*
*   Will need this later if moving components left/right
*   so that when all components are on one side, you can move them back to the other side.
*/
div.customizeHomePage ul.sortable {
  min-height: 100px; }

div.customizeHomePage ul li:first-child div.componentImageBox div.handle div.up {
  background-image: none;
  cursor: url("/img/background_images/openhand.cur"), move; }

div.customizeHomePage ul li:last-child div.componentImageBox div.handle div.down {
  background-image: none;
  cursor: url("/img/background_images/openhand.cur"), move; }

/* Approver Editor */
#approversEditor {
  position: relative;
  margin-bottom: 15px; }

#approversEditor ul li {
  border: 1px solid #E5E5E5;
  background-color: #fff;
  margin: 2px 0; }

#approversEditor div.emptyList {
  padding: 15px; }

#approversEditor div.approver {
  /*overflow: hidden;*/
  height: 49px;
  position: relative;
  background-color: #fff;
  min-width: 330px; }

#approversEditor div.approver > div {
  float: left; }

#approversEditor div.approver div.status {
  float: right;
  width: auto;
  margin-top: 10px;
  margin-right: 4px;
  margin-left: 15px; }

#approversEditor div.approver div.order {
  margin-top: 15px;
  margin-left: 15px;
  width: 21px; }

#approversEditor div.approver div.profilePic {
  width: 45px;
  height: 45px;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 2px; }

#approversEditor div.approver div.info {
  margin-top: 10px;
  margin-left: 15px; }

#approversEditor div.approver div.info > span {
  display: block; }

#approversEditor div.approver div.link {
  margin-top: 10px;
  margin-left: 15px; }

#approversEditor div.approver div.handle {
  width: 30px;
  height: 46px;
  float: right;
  margin-right: 3px;
  margin-top: 2px; }

#approversEditor div.approver div.handle > div {
  float: left;
  width: 30px;
  cursor: pointer;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: top center; }

#approversEditor div.approver div.handle div.up {
  background-image: url("/img/themes/reskin/background_images/icon-grabber-arrow-up.png");
  height: 11px; }

#approversEditor div.approver div.handle div.down {
  background-image: url("/img/themes/reskin/background_images/icon-grabber-arrow-down.png");
  height: 11px; }

#approversEditor div.approver div.handle div.bar {
  background-image: url("/img/themes/reskin/background_images/icon-grabber-bar.png");
  height: 18px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: url("/img/background_images/openhand.cur"), move; }

#approversEditor ul li:first-child div.approver div.handle div.up {
  background-image: none; }

#approversEditor ul li:last-child div.approver div.handle div.down {
  background-image: none; }

#approversEditor ul li.sortable-placeholder {
  border: 1px dotted #ccc; }

#approversEditor div#approverListActions {
  padding: 15px 0px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5; }

#approversEditor div#approverListActions select {
  width: 150px; }

#approversEditor div.dc-clean {
  display: none;
  padding-top: 15px;
  clear: both; }

#approversEditor textarea {
  width: 170px;
  height: 2em; }

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

#approversEditor div.approver div.disableMask {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#approversEditor div.approver div.disableMask div.bg {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#approversEditor div.approver div.text {
  position: absolute;
  top: 9px;
  right: 45px;
  text-align: right; }

#approversEditor div.approver div.time {
  position: absolute;
  top: 30px;
  right: 15px; }

#approversEditor #mask div#fade {
  height: 100%;
  width: 100%;
  background-color: #fff; }

#approversEditor #mask div#text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table; }

#approversEditor #mask div#text h2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#approversEditor .NotificationBanner--info {
  display: none;
  margin-top: 15px; }

#inboxDDUpload {
  position: relative; }

div#inboxDDUpload div.floatwrap {
  position: relative; }

div#inboxDDUpload div.floatwrap > div {
  float: left; }

div#inboxDDUpload div.floatwrap > div:first-child > div {
  margin-left: 15px; }

div#inboxDDUpload div.ddinstruct {
  text-align: center;
  width: 135px; }

div#inboxDDUpload.threecol div.zde {
  width: 205px;
  margin-left: 130px;
  margin-top: 30px; }

div#inboxDDUpload div.fileselect {
  width: auto;
  margin-right: 25px; }

div#inboxDDUpload div.fileselect input[type=file] {
  width: 248px;
  border: 1px solid #fff; }

div#inboxDDUpload div.ddinstruct p {
  margin: 0 auto;
  margin-top: 45px;
  width: 120px;
  text-align: center; }

div#inboxDDUpload div.ddinstruct.ieInstr p {
  margin-top: 30px; }

div#inboxDDUpload div.uploadwrapper {
  border: 1px solid #d6d6d6;
  display: inline-block;
  padding: 3px 5px; }

div#inboxDDUpload div.target {
  background-image: url("/img/themes/reskin/pages/inbox/target.png");
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: 124px;
  width: 213px; }

#inboxDDUploadMask {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#inboxDDUploadMask #inboxDDFormMask {
  opacity: 0.41;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=41)";
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed; }

#inboxDDUploadMask #inboxDDGrayedOut {
  position: absolute;
  background-color: #666;
  opacity: 0.8; }

#inboxDDUploadMask div.content {
  background-color: #fff;
  margin: 10px;
  position: absolute;
  height: auto;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#inboxDDUploadMask div#text {
  font-size: 50px;
  text-align: center;
  margin-top: 12px;
  display: block; }

#inboxDDUploadMask div.progress {
  margin: 0 auto;
  width: 200px;
  text-align: center;
  margin-top: 7px;
  display: none; }

#inboxDDUploadMask div.bar {
  border: 1px solid #d6d6d6;
  box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
  padding: 5px;
  overflow: hidden;
  display: inline-block;
  margin: 7px 0; }

#inboxDDUploadMask button.btnBase {
  position: relative;
  top: 3px;
  left: 5px; }

#inboxDDUploadMask div.errorhere {
  margin-top: 24px;
  margin-left: 15px;
  margin-right: 15px;
  display: none; }

#inboxDDUploadMask progress {
  height: 14px; }

/* Error Plugin styling */
div.bdcerror {
  border: 1px solid;
  margin: 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 14px;
  color: #414141; }

div.bdcerror.red {
  border-color: #D8000C;
  background-color: #FFBABA;
  background-image: url("/img/background_images/nb-error_2x.png"); }

label.labelForInput {
  position: absolute;
  padding: 2px;
  color: #999; }

div#noteTypeDiv {
  height: 22px; }

div#private, div#public {
  float: left;
  padding-bottom: 7px;
  padding-right: 25px;
  cursor: pointer; }

div#private div, div#public div {
  float: left;
  color: #999; }

div#selectedNoteType, div#selectedNoteTypeHidden {
  float: right;
  padding-top: 5px;
  padding-right: 22px; }

div#selectedNoteTypeHidden {
  cursor: pointer; }

div#selectedNoteTypeHidden .Icon {
  display: none; }

div.dc > table {
  width: 100%; }

div.dc > table > tbody > tr > td {
  width: 50%; }

div.dc td.dc-table-value textarea#description, div.dc td.dc-table-value textarea#note {
  margin: 2px 2px 2px 0;
  width: 150px; }

.dc-table-value .rige-option {
  line-height: 1.9; }

div.dc-clean {
  margin-bottom: 5px;
  position: relative; }

div.dc-clean > table {
  width: 100%; }

div.dc-clean-table-center > table {
  width: 100%; }

div.dc-clean-table-center > table td {
  width: 50%; }

td.dc-table-text-left {
  text-align: left;
  padding-left: 5px; }

td.dc-table-value {
  line-height: 2.4; }

div.dc-two-border {
  border: none;
  padding: 30px;
  background-color: #f7f7f7; }

div.dc-one-border {
  border: none;
  padding: 15px 15px 15px 30px;
  background-color: #f7f7f7; }

div.dc-section-element {
  background-color: #f7f7f7; }

td.dc-two-both > table.dc-two-col {
  width: 100%; }

td.dc-two-both > table.dc-two-col > tbody > tr > td {
  width: 50%; }

.dc-table-value {
  color: #333333; }

.Container-payTraceVantage {
  text-align: center;
  padding: 15px;
  margin: 0 auto;
  width: 420px; }

.data div.pretty-checkbox, .data div.pretty-radio {
  padding-top: 0; }

div.pretty-checkbox, div.pretty-radio {
  display: inline-block;
  position: relative;
  padding-top: 3px; }

div.pretty-checkbox > input, div.pretty-radio > input {
  padding: 0;
  margin: 0;
  height: 20px;
  width: 20px;
  float: left;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer; }

div.pretty-checkbox > label {
  padding: 0px 0 0 27px; }

div.pretty-checkbox > input[type=checkbox] + label, div.pretty-radio > input[type=radio] + label {
  background-image: url("/img/themes/reskin/background_images/checkbox_sprite_2x.png");
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-size: 16px 64px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  line-height: 16px; }

div.pretty-checkbox > input[type=checkbox][disabled] + label, div.pretty-radio > input[type=radio][disabled] + label {
  filter: alpha(opacity=50);
  opacity: 0.5; }

div.pretty-checkbox > input[type=checkbox]:checked + label {
  background-position: 0 -32px; }

div.pretty-checkbox > input[type=checkbox]:checked:focus + label {
  background-position: 0 -48px; }

div.pretty-checkbox > input[type=checkbox]:focus + label {
  background-position: 0 -16px; }

/* Radios */
div.pretty-radio > label {
  padding: 0 0 0 24px; }

div.pretty-radio > input[type=radio] + label {
  background-image: url("/img/themes/reskin/background_images/radio_button_sprite_2x.png");
  background-position: 0 0px;
  height: 16px; }

div.pretty-radio > input[type=radio]:checked + label {
  background-position: 0 -32px; }

div.pretty-radio > input[type=radio]:checked:focus + label {
  background-position: 0 -48px; }

div.pretty-radio > input[type=radio]:focus + label {
  background-position: 0 -16px; }

/* allow to modify the pretty radio in the Verification ID work flow to display each anwser in one line. */
div.divblock > div.pretty-radio {
  display: block; }

.radio + label, .checkbox + label {
  color: #333333; }

input.radio {
  border: 0px;
  padding: 1px; }

input.checkbox {
  border: 0px;
  padding: 1px;
  vertical-align: middle; }

/* PayPal Login Landing page */
div#paypalLoginWrap {
  float: left;
  padding-top: 70px;
  width: 36%; }

div#paypalLoginWrap div#c1 {
  font-size: 18px; }

div#paypalLoginWrap div#c2 {
  padding-top: 35px;
  font-size: 14px; }

div#paypalLoginWrap div#c3 {
  padding-top: 55px;
  font-size: 14px; }

.buttons-modal {
  margin-top: 20px;
  text-align: center; }

div.hidden {
  display: none; }

div.show {
  display: block; }

#appEmuBar {
  background-color: #FEEFB3;
  color: #414141;
  font-size: 14px;
  height: 28px;
  padding-top: 9px;
  width: 100%;
  text-align: center;
  position: relative; }

#opImpersonateBar {
  background-color: #BDE5F8;
  font-size: 14px;
  height: 28px;
  padding-top: 9px;
  width: 100%;
  text-align: center;
  position: relative; }

.pagination-controls {
  float: left;
  margin-left: 15px; }

.pagination-controls-right {
  float: right;
  margin-left: 15px; }

.rolodex-controls {
  float: left; }

.rolodex-controls-right {
  float: right; }

.not-link {
  color: #ccc; }

.pagination-controls .selected, .rolodex-controls .selected {
  font-weight: bold;
  color: #166A9B;
  text-decoration: underline;
  font-size: 14px; }

.rolodex-label {
  font-weight: bold;
  color: #777; }

.pagination-inbox {
  text-align: right;
  padding-right: 3px;
  margin-top: 9px;
  float: right; }

.new-paragraph {
  margin-top: 8px; }

.pni {
  float: right; }

/* fix button height for Firefox */
button::-moz-focus-inner {
  border: 0; }

/* TODO: add ", .btnBase[disabled]:hover" for BDC-11390 */
.btnBase, .btnBase:link, .btnBase:active, .btnBase:visited {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4285;
  margin: 0 2px;
  padding: 6px 12px;
  text-decoration: none;
  text-transform: uppercase; }

.btnBase:hover {
  text-decoration: none; }

.btnBase[disabled], .btnBase:hover[disabled] {
  cursor: auto;
  filter: alpha(opacity=30);
  opacity: 0.3; }

.btnBase:focus:not(:hover) {
  outline: none; }

.btnPrim, .btnPrim:link, .btnPrim:visited, .btnPrim:active {
  background-color: #07669f;
  background-image: none;
  -webkit-filter: none;
          filter: none;
  border-color: #07669f;
  color: #ffffff; }

.btnPrim:enabled:hover, .btnPrim:enabled:active {
  background-color: #005695;
  background-image: none;
  border-color: #005695;
  color: #ffffff;
  -webkit-filter: none;
          filter: none; }

.btnSec, .btnSec:link, .btnSec:visited, .btnSec:active {
  background-color: transparent;
  background-image: none;
  border-color: #999999;
  color: #999999;
  -webkit-filter: none;
          filter: none; }

.btnSec:enabled:hover, .btnSec:enabled:active {
  background-color: #999999;
  background-image: none;
  border-color: #999999;
  color: #ffffff;
  -webkit-filter: none;
          filter: none; }

/* TODO: move the connect-buttons CSS back into partials/pages/_network.css or refactor so that they're shared */
.connect-buttons .btnBase:first-child, .buttons-modal .btnBase:first-child {
  margin-left: 0px; }

.connect-buttons .btnBase, .buttons-modal .btnBase {
  margin-left: 12px; }

.cssBtn {
  display: inline-block;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: .55em 2em .55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: .2em; }

.cssBtn:hover {
  text-decoration: none; }

.cssBtn:active {
  position: relative;
  top: 1px; }

.cssBtn:focus {
  border: 0px; }

.btnMkt {
  color: #fff;
  font-size: 16px;
  border-width: 3px;
  background: #94d4f9;
  /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d4f9', endColorstr='#166a9b',GradientType=0 );
  /* IE6-9 */
  background: -webkit-linear-gradient(top, #94d4f9 0%, #166a9b 100%);
  background: linear-gradient(to bottom, #94d4f9 0%, #166a9b 100%);
  /* W3C */
  border-color: #06517d;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); }

.btnMkt:hover {
  background: #94d4f9;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #94d4f9 0%, #439bce 100%);
  background: linear-gradient(to bottom, #94d4f9 0%, #439bce 100%);
  /* FF3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d4f9', endColorstr='#439bce',GradientType=0 );
  /* IE6-9 */
  border-color: #2487c1;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); }

.btnMkt:active {
  background: #94d4f9;
  /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d4f9', endColorstr='#166a9b',GradientType=0 );
  /* IE6-9 */
  background: -webkit-linear-gradient(top, #94d4f9 0%, #166a9b 100%);
  background: linear-gradient(to bottom, #94d4f9 0%, #166a9b 100%);
  /* W3C */
  border-color: #06517d;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }

/*****/
/*orig-buttons-colored start*/
/* color styles
---------------------------------------------- */
/* gray */
.btnGray {
  color: #e9e9e9;
  border: solid 1px #555;
  background: #6e6e6e;
  background: -webkit-linear-gradient(top, #888, #575757);
  background: linear-gradient(to bottom, #888, #575757);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }

.btnGray:hover {
  background: #616161;
  background: -webkit-linear-gradient(top, #757575, #4b4b4b);
  background: linear-gradient(to bottom, #757575, #4b4b4b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }

.btnGray:active {
  color: #afafaf;
  background: -webkit-linear-gradient(top, #575757, #888);
  background: linear-gradient(to bottom, #575757, #888);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }

/* white */
.btnWhite {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #ededed);
  background: linear-gradient(to bottom, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }

.btnWhite:hover {
  background: #ededed;
  background: -webkit-linear-gradient(top, #fff, #dcdcdc);
  background: linear-gradient(to bottom, #fff, #dcdcdc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }

.btnWhite:active {
  color: #999;
  background: -webkit-linear-gradient(top, #ededed, #fff);
  background: linear-gradient(to bottom, #ededed, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }

/* blue */
.btnBlue2 {
  color: #EEEEEE;
  border: solid 1px #5D7C97;
  background: #44697D;
  background: -webkit-linear-gradient(top, #0000aa, #000078);
  background: linear-gradient(to bottom, #0000aa, #000078);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000aa', endColorstr='#000078'); }

.btnBlue2:hover {
  background: #007ead;
  background: -webkit-linear-gradient(top, #0095cc, #00678e);
  background: linear-gradient(to bottom, #0095cc, #00678e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); }

.btnBlue2:active {
  color: #DDDDDD;
  background: -webkit-linear-gradient(top, #8BB3C4, #5D7C97);
  background: linear-gradient(to bottom, #8BB3C4, #5D7C97);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); }

/*****/
/*orig-buttons-colored end*/
.form-column {
  background-color: #f7f7f7;
  box-sizing: border-box;
  padding: 30px; }

.two-column-row, .one-column-row {
  padding-bottom: 50px;
  box-sizing: border-box; }

.two-column-row-section {
  float: left;
  width: 437px; }

.two-column-row-section:first-child {
  padding-right: 30px; }

.intuit-line-container {
  padding-top: 15px; }

.intuit-link {
  float: right; }

.intuit-label {
  font-size: 90%;
  float: left;
  position: relative;
  top: 10px; }

.intuit-btn-container {
  margin-top: 10px;
  height: 36px; }

.intuit-line {
  display: inline-block;
  width: 46%;
  border: 1px solid #cccccc; }

.intuit-line-span {
  position: relative;
  bottom: 4px;
  color: #999999;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase; }

.column-elements {
  margin-top: 20px; }

.one-column-row-section .column-elements {
  clear: left;
  display: inline-block;
  text-align: left; }

.one-column-row-section {
  text-align: center; }

.one-column-row-section .input-required {
  padding-right: 20px; }

.one-column-row-section .input-required:after {
  top: 0;
  right: 0; }

.two-column-row .form-element-container, .one-column-row .form-element-container {
  margin: 10px 0; }

.two-column-row .form-selection-element-container, .one-column-row .form-selection-element-container {
  margin: 20px 0; }

.two-column-row .prim-text-input {
  width: 212px; }

.one-column-row .prim-text-input {
  width: 340px; }

.column-section-label {
  font-size: 20px;
  color: #333333;
  font-weight: 400;
  border-bottom: 1px solid #e6e6e6;
  display: inline-block;
  width: 100%;
  padding-bottom: 5px; }

.one-column-row-section .column-section-label {
  text-align: left; }

.required-prompt {
  font-size: 12px;
  color: #999999;
  border-bottom: 1px solid #999999;
  padding-bottom: 5px; }

.asterisk-prompt {
  color: red; }

.form-options {
  margin-top: 20px;
  height: 36px; }

.form-link-container {
  float: left;
  position: relative;
  top: 50%;
  margin-top: -7px; }

.form-checkbox-container {
  float: left;
  position: relative;
  top: 50%;
  margin-top: -9px; }

.form-divider {
  padding: 0 5px; }

.form-button-container {
  float: right; }

.form-button-container .btnBase {
  margin-left: 20px;
  float: left; }

/* Need to hide Email Address and Password labels for all the browsers except IE 7,8 and 9*/
.form-column-label {
  display: none; }

.no-placeholder .form-column-label {
  display: inline-block;
  padding-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase; }

.login-form .prim-text-input {
  margin-left: 0; }

.login-form .one-column-row {
  padding-bottom: 0; }

.login-form .form-column {
  background-color: rgba(230, 230, 230, 0.9); }

.login-form-amex .column-section-label {
  display: block;
  width: auto;
  border: none;
  padding: 0;
  font-size: 32px;
  font-weight: 300;
  color: #333333; }

.login-form-sign-up-column {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px; }

.login-form-error {
  margin: 10px 0;
  color: #fc3127; }

.login-form .column-elements {
  margin-top: 10px; }

.login-form .login-message .NotificationBanner {
  margin: 0; }

.btnSpec {
  border: 0;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Lato,Helvetica,Arial,sans-serif;
  box-sizing: border-box;
  vertical-align: middle;
  height: 36px;
  font-size: 14px;
  padding: 9px; }

.btnSpec:hover {
  cursor: pointer; }

[disabled].btnSpec {
  opacity: 0.3; }

.btnSpec:hover[disabled] {
  cursor: auto; }

.btnSpec {
  background-color: #33b6ff;
  color: #ffffff; }

.btnSpec:hover {
  background-color: #00a8ff; }

.btnSpec:hover[disabled] {
  background-color: #33b6ff; }

.login-form-amex {
  width: 416px;
  height: auto;
  position: absolute;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 420px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #ffffff; }

.login-form-amex .prim-text-input {
  margin-left: 0; }

.login-form-amex .one-column-row {
  padding-bottom: 0; }

.login-form-amex .amex-form-column {
  background-color: #ffffff; }

.login-form-amex .amex-form-element-container {
  padding: 8px 16px;
  border-bottom: solid 1px #e7e7e7; }

.amex-banner {
  width: 698px;
  height: 420px;
  position: absolute;
  margin-top: 37px;
  margin-bottom: 33px;
  margin-left: 0px;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.13); }

.amex-banner .footer {
  width: 480px;
  height: 121px;
  position: absolute;
  margin-top: 299px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #002663; }

.amex-banner .vendor-pay-logo {
  width: 346px;
  height: 88px;
  margin-left: 36px;
  margin-top: 112px;
  position: absolute;
  object-fit: contain; }

.amex-banner .amex-box-logo {
  width: 80px;
  height: 80px;
  margin-left: 19px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: absolute;
  background-size: 108px; }

.amex-banner .do-business-logo {
  width: 278px;
  height: 28.9px;
  margin-left: 119px;
  margin-top: 46px;
  margin-bottom: 46.1px;
  position: absolute;
  object-fit: contain; }

.login-form-amex .amex-logo {
  max-width: 280px;
  max-height: 54.4px;
  margin-top: 34px;
  margin-left: 68px;
  margin-right: 68px;
  background-size: contain;
  display: table-cell; }

.login-form-amex .username-label {
  width: 325px;
  height: 12px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
  text-transform: uppercase;
  color: #00175a; }

.login-form-amex .password-label {
  width: 325px;
  height: 12px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
  text-transform: uppercase;
  color: #00175a; }

.login-form-amex .remember-group {
  margin-top: 18px;
  height: 18px; }

.login-form-amex .remember-my-email {
  width: 170px;
  height: 16px;
  margin-left: 24px;
  float: left;
  font-family: Lato;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: left;
  white-space: nowrap; }

.login-form-amex .reset-my-password {
  width: 115px;
  height: 16px;
  margin-left: 49px;
  margin-right: 32px;
  float: right;
  font-family: Lato;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: left; }

.login-form-amex .welcome-label {
  width: 274px;
  height: 17px;
  font-family: Lato;
  font-size: 17px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: left;
  padding-bottom: 11px;
  padding-left: 16px; }

.login-form-amex .sign-in-label {
  width: 256px;
  height: 13px;
  font-family: Lato;
  color: #949495;
  font-size: 13px;
  font-weight: lighter;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: left; }

.login-form-amex .sign-in-button {
  width: 368px;
  height: 35px;
  margin-top: 33px;
  margin-left: 24px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: center;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00175a;
  outline: none;
  color: white;
  cursor: pointer; }

.login-form-amex .bdc-logo {
  width: 101px;
  height: 23px;
  margin: 41.6px auto;
  background-size: contain;
  display: table-cell; }

.login-form-sign-up-column {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px; }

.login-form-error {
  margin: 10px 0;
  color: #fc3127; }

.login-form-amex .column-elements {
  margin-top: 10px; }

.login-form-amex .login-message .NotificationBanner {
  margin: 0; }

/* Export Profile Editor */
#exportProfileEditor {
  position: relative;
  margin-bottom: 15px; }

#exportProfileEditor ul li {
  border: 1px solid #E5E5E5;
  margin: 2px 0; }

#exportProfileEditor div.header {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px; }

.group:after {
  display: table;
  content: "";
  clear: both; }

#exportProfileEditor div.header > div {
  float: left;
  margin-top: 10px;
  margin-left: 15px; }

#exportProfileEditor div.header div.info {
  display: block;
  margin-top: 5px;
  margin-left: 15px; }

#exportProfileEditor div.header div.info > span {
  display: inline-block;
  margin-left: 5px; }

#exportProfileEditor div.header div.info span.bdcHeader {
  width: 275px;
  text-align: right; }

#exportProfileEditor div.header div.info span.dash {
  width: 85px; }

#exportProfileEditor div.header div.info input.include {
  width: 15px;
  margin-top: 5px;
  margin-left: 5px; }

#exportProfileEditor div.header div.info input.customHeader {
  width: 275px;
  margin-left: 5px; }

#exportProfileEditor div.header div.order {
  margin-top: 15px;
  margin-left: 15px;
  width: 21px; }

#exportProfileEditor div.header div.handle {
  width: 30px;
  height: 46px;
  float: right;
  margin-right: 3px;
  margin-top: 2px; }

#exportProfileEditor div.header div.handle > div {
  float: left;
  width: 30px;
  cursor: pointer;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: top center; }

#exportProfileEditor div.header div.handle div.up {
  background-image: url("/img/themes/reskin/background_images/icon-grabber-arrow-up.png");
  height: 11px; }

#exportProfileEditor div.header div.handle div.down {
  background-image: url("/img/themes/reskin/background_images/icon-grabber-arrow-down.png");
  height: 11px; }

#exportProfileEditor div.header div.handle div.bar {
  background-image: url("/img/themes/reskin/background_images/icon-grabber-bar.png");
  height: 18px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: default; }

#exportProfileEditor ul li:first-child div.header div.handle div.up {
  background-image: none; }

#exportProfileEditor ul li:last-child div.header div.handle div.down {
  background-image: none; }

#exportProfileEditor ul li.sortable-placeholder {
  border: 1px dotted #ccc; }

#exportProfileEditor div.dc-clean {
  display: none;
  padding-top: 15px;
  clear: both; }

#exportProfileEditor textarea {
  width: 170px;
  height: 2em; }

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

#exportProfileEditor div.header div.disableMask {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#exportProfileEditor div.header div.disableMask div.bg {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#exportProfileEditor div.header div.text {
  position: absolute;
  top: 9px;
  right: 45px;
  text-align: right; }

#exportProfileEditor div.header div.time {
  position: absolute;
  top: 30px;
  right: 15px; }

#exportProfileEditor #mask div#fade {
  height: 100%;
  width: 100%;
  background-color: #fff; }

#exportProfileEditor #mask div#text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table; }

#exportProfileEditor #mask div#text h2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#exportProfileEditor .NotificationBanner--info {
  display: none;
  margin-top: 15px; }

html {
  height: 100%; }

body {
  min-height: 100%;
  min-width: 0; }

body, html {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.2; }

/* Reset Fixes */
body {
  position: relative; }

table {
  border-collapse: separate; }

/* other basic elements */
code {
  font-family: monospace; }

pre {
  white-space: pre-wrap;
  /* css-3 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */ }

bdc-donut, bdc-epayment-meter, bdc-profile-visibility, bdc-sync-nav-container, bdc-sync-nav, bdc-sync-nav-image,
bdc-menu, bdc-tagged-textarea, bdc-notification-banner {
  display: block; }

bdc-icon {
  display: inline-block; }

/* Basic floats and text aligns. Use these to float stuff around if it works!! */
.floatLeft {
  float: left; }

.floatleft {
  float: left;
  width: 48%; }

.floatright {
  float: right;
  width: 48%; }

.floatcontain {
  overflow: hidden; }

.textalignright {
  text-align: right; }

.textalignleft {
  text-align: left; }

.textaligncenter {
  text-align: center; }

.restorespacing {
  margin: 15px; }

.nopadding {
  padding: 0 !important; }

.regLineHeight {
  line-height: 1.2; }

div.paddingBottom10 {
  padding-bottom: 10px; }

.topMarginTen {
  margin-top: 10px; }

/* begin font styles */
.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

.xlarge {
  font-size: 16px; }

.large {
  font-size: 14px; }

.medium {
  font-size: 12px; }

/* end font styles */
.clear {
  clear: both; }

.alert {
  color: #B90000; }

.formHeader {
  color: #5B5618; }

.required {
  color: #666666; }

.required:before {
  content: "*";
  color: red;
  font-size: 12px;
  padding-right: 2px; }

.grayFont {
  color: #333333; }

.orangeFont {
  color: #d05709; }

.width80 {
  width: 80%; }

.borderBottom {
  border-bottom: 1px solid #ddd; }

div.floatRight {
  float: right; }

.padding5 {
  padding: 5px; }

.disabled {
  opacity: 0.5; }

.group:after {
  content: "";
  display: table;
  clear: both; }

.featureSetting {
  font-weight: bold;
  color: #B32017; }

.dc-table-name {
  line-height: 2.4;
  padding: 3px 10px 0 0;
  vertical-align: top;
  text-align: right;
  font-weight: 700;
  color: #666666;
  font-size: 12px;
  text-transform: uppercase; }

.dc-table-name.required {
  color: #666666; }

.tableControl--filter {
  font-weight: 700;
  color: #666666;
  font-size: 12px;
  text-transform: uppercase; }

.tableControl--preposition {
  font-weight: 700;
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal; }

h1 {
  margin: 0 0 15px 0;
  font-weight: normal;
  font-size: 18px; }

h2 {
  margin: 0.5em 0;
  font-weight: normal;
  font-size: 16px; }

h3 {
  margin: 0.5em 0;
  font-weight: normal;
  font-size: 14px; }

h4 {
  margin: 0.5em 0;
  font-weight: normal;
  font-size: 12px; }

h5 {
  margin: 0.5em 0;
  font-weight: normal;
  font-size: 10px; }

h6 {
  margin: 0.5em 0;
  font-weight: normal;
  font-size: 8px; }

/*****/
/* page-headers start */
.page-header-element {
  color: #333333;
  font-size: 32px;
  font-weight: 300;
  box-sizing: border-box;
  padding: 0;
  margin-top: 34px;
  margin-bottom: 34px;
  line-height: 32px; }

h2.page-header-element {
  color: #333333;
  font-size: 32px;
  font-weight: 300;
  box-sizing: border-box;
  padding: 0;
  margin-top: 34px;
  margin-bottom: 34px;
  line-height: 32px;
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0; }

.tableControls h2 {
  color: #333333;
  font-size: 20px;
  font-weight: 300;
  background-color: #f7f7f7;
  line-height: 20px;
  padding: 15px;
  box-sizing: border-box;
  margin: 0; }

#reportsPage h2 {
  color: #333333;
  font-size: 20px;
  font-weight: 300;
  background-color: #f7f7f7;
  line-height: 20px;
  padding: 15px;
  box-sizing: border-box;
  margin: 0; }

/* page-headers end */
/*****/
.innerspacing {
  padding: 5px; }

ul.discList {
  list-style: disc; }

.grayBorder {
  border: 1px solid #aaa; }

.logo-sample {
  float: left;
  margin-left: 40px;
  width: 400px;
  padding-left: 30px;
  border-left: 1px solid #aaa; }

ul.todo {
  margin: 0px;
  padding: 0px;
  margin-left: 13px;
  list-style: disc; }

ul.todo > li {
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 3px;
  margin-left: 3px; }

ul.defaultbankaccountdeactivate {
  padding-top: 15px;
  padding-left: 25px;
  padding-bottom: 50px;
  list-style: disc; }

ul.defaultbankaccountdeactivate > li {
  padding: 5px 0px; }

a, .link {
  color: #06669f;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px; }
  a:hover, .link:hover {
    color: #07669f;
    cursor: pointer;
    text-decoration: underline; }
  a:visited, .link:visited {
    color: #06669f;
    cursor: pointer;
    text-decoration: none; }

button.link {
  border: none;
  background-color: inherit;
  padding: 0;
  margin: 0;
  color: #06669f;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px; }
  button.link:hover {
    color: #07669f;
    cursor: pointer;
    text-decoration: underline; }
  button.link:visited {
    color: #06669f;
    cursor: pointer;
    text-decoration: none; }

.menuPointer {
  background: url(/img/themes/reskin/background_images/pointer_top_white_2x.png) no-repeat bottom center;
  background-size: 15px 8px;
  position: absolute;
  z-index: 1000;
  width: 24px;
  height: 20px;
  bottom: 0;
  display: none; }

ul.nav-list {
  list-style: none;
  text-align: left; }

ul.nav-list li {
  white-space: nowrap; }

ul.nav-list li a, ul.nav-list li .Nav-item {
  box-sizing: border-box;
  display: block;
  color: #666666;
  padding: 10px 20px;
  font-size: 12px;
  min-width: 200px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none; }

ul.nav-list li div.mruLinkTitle a {
  position: absolute;
  width: 280px;
  padding: 10px 20px; }

ul.nav-list li.showAll a {
  width: 240px;
  padding: 10px 0;
  box-sizing: border-box; }

ul.nav-list li a:hover {
  text-decoration: none;
  color: #07669f; }

.container-inner {
  background: #ffffff;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  min-height: 400px;
  height: 100%; }

.header-legacy {
  position: relative;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-left: 20px;
  height: 50px; }

.header-unauthorized {
  height: 107px;
  position: relative;
  border-bottom: 3px solid #d05709;
  background: white;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(top, white 0%, #c4c4c4 100%);
  background: linear-gradient(to bottom, white 0%, #c4c4c4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 );
  /* IE6-8 */ }

.header-publicprofile {
  height: 30px;
  position: relative;
  padding: 10px 15px;
  border-bottom: 2px solid #d05709; }

.header-publicprofile img {
  float: left; }

.header-publicprofile div#signin {
  padding-top: 5px;
  float: right; }

.page-content {
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px; }

/*****/
/*footer start*/
.app-footer {
  background-color: #333333; }

.sign-in-footer {
  background-color: transparent; }

.footer-container {
  padding: 30px;
  box-sizing: border-box;
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }

.footer-link, a.footer-link:link, .footer-link:visited, a.footer-link:visited {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 30px;
  text-decoration: none; }

.footer-link:hover, a.footer-link:hover {
  text-decoration: underline; }

.copyright {
  font-size: 12px;
  color: #999999;
  position: relative;
  top: 50%;
  margin-top: -6px; }

.copyright-container {
  float: left;
  height: 44px;
  margin-top: 10px; }

.logos-container {
  float: right; }

.footer-logo-copyright-container {
  position: relative; }

.powered-by-logo {
  height: 30px;
  width: 105px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 10px;
  max-height: 44px; }

.cpa-logo {
  height: 30px;
  width: 268px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 10px;
  max-height: 44px; }

.truste-logo {
  height: 30px;
  width: 95px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 10px;
  max-height: 44px; }

.verisign-logo {
  height: 44px;
  width: 89px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 10px;
  max-height: 44px; }

.default-logo {
  height: 44px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 10px;
  max-height: 44px; }

.footer-container-style-guide {
  width: auto; }

/*footer end*/
/*****/
.Icon {
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block; }

.Icon--warning {
  background-image: url("/img/background_images/warning.jpg");
  width: 30px;
  height: 30px; }

.Icon--question {
  background-image: url("/img/themes/reskin/background_images/Question.png");
  width: 17px;
  height: 17px; }

.Icon--questionSmall {
  background-image: url("/img/themes/reskin/background_images/Question-inline.png");
  width: 15px;
  height: 15px; }

.Icon--email {
  background-image: url("/img/themes/reskin/icon-mail.png");
  width: 14px;
  height: 9px; }

.Icon--fax {
  background-image: url("/img/themes/reskin/icon-fax.png");
  width: 14px;
  height: 12px; }

.Icon--inboxSortDownActive {
  background-image: url("/img/themes/reskin/background_images/inbox-desc-active.png");
  width: 28px;
  height: 27px; }

.Icon--inboxSortDownInactive {
  background-image: url("/img/themes/reskin/background_images/inbox-desc-inactive.png");
  width: 28px;
  height: 27px; }

.Icon--inboxSortUpActive {
  background-image: url("/img/themes/reskin/background_images/inbox-asc-active.png");
  width: 28px;
  height: 27px; }

.Icon--inboxSortUpInactive {
  background-image: url("/img/themes/reskin/background_images/inbox-asc-inactive.png");
  width: 28px;
  height: 27px; }

.Icon--userGroup {
  background-image: url("/img/themes/reskin/icons/small/UsersGroup.gif");
  width: 16px;
  height: 16px; }

.Icon--edit {
  background-image: url("/img/themes/reskin/icons/small/icon_edit.png");
  width: 16px;
  height: 14px; }

.Icon--delete {
  background-image: url("/img/themes/reskin/icons/small/icon_delete.png");
  width: 13px;
  height: 16px; }

.Icon--undelete {
  background-image: url("/img/icons/small/icon_undel.png");
  width: 16px;
  height: 16px; }

.Icon--reset {
  background-image: url("/img/icons/small/icon_reset.png");
  width: 16px;
  height: 16px; }

.Icon--password {
  background-image: url("/img/icons/small/icon_pwd.png");
  width: 16px;
  height: 16px; }

.Icon--unblockBank {
  background-image: url("/img/icons/small/icon_unblock_bank.png");
  width: 16px;
  height: 16px; }

.Icon--invalidateBank {
  background-image: url("/img/icons/small/icon_invalidate_bank.png");
  width: 16px;
  height: 16px; }

.Icon--trackInvoices {
  background-image: url("/img/icons/small/App_TrackInvoices.png");
  width: 16px;
  height: 16px; }

.Icon--sendNote {
  background-image: url("/img/icons/small/icon_sendnote.png");
  width: 16px;
  height: 16px; }

.Icon--clone {
  background-image: url("/img/icons/small/icon_clone.png");
  width: 16px;
  height: 16px; }

.Icon--documents {
  background-image: url("/img/themes/reskin/icons/small/Documents.gif");
  width: 16px;
  height: 16px; }

.Icon--activationGif {
  background-image: url("/img/activation_2x.gif");
  width: 290px;
  height: 90px; }

.Icon--loadingGif {
  background-image: url("/img/calload.gif");
  width: 128px;
  height: 15px; }

.Icon--approveCheck {
  background-image: url("/img/themes/reskin/icons/small/App_ApproveBills_12px.png");
  width: 12px;
  height: 12px; }

.Icon--notePrivate {
  background-image: url("/img/icon-note-private.png");
  width: 13px;
  height: 12px; }

.Icon--notePublic {
  background-image: url("/img/icon-note-public.png");
  width: 22px;
  height: 15px; }

.Icon--noview {
  background-image: url("/img/background_images/doctypes/noview.gif");
  height: 24px;
  width: 24px; }

.Icon--formatXls {
  background-image: url("/img/themes/reskin/background_images/doctypes/icon-format-xls.png");
  height: 28px;
  width: 28px; }

.Icon--formatPpt {
  background-image: url("/img/background_images/doctypes/icon-format-ppt.png");
  height: 28px;
  width: 28px; }

.Icon--formatDoc {
  background-image: url("/img/themes/reskin/background_images/doctypes/icon-format-doc.png");
  height: 28px;
  width: 28px; }

.Icon--formatPdf {
  background-image: url("/img/themes/reskin/background_images/doctypes/icon-format-pdf.png");
  height: 28px;
  width: 28px; }

.Icon--formatPng {
  background-image: url("/img/themes/reskin/background_images/doctypes/icon-format-png.png");
  height: 28px;
  width: 28px; }

.Icon--formatJpg {
  background-image: url("/img/themes/reskin/background_images/doctypes/icon-format-jpg.png");
  height: 28px;
  width: 28px; }

.Icon--formatGif {
  background-image: url("/img/themes/reskin/background_images/doctypes/icon-format-gif.png");
  height: 28px;
  width: 28px; }

.Icon--text {
  background-image: url("/img/background_images/doctypes/text.jpg");
  height: 24px;
  width: 24px; }

.Icon--fileBroken {
  background-image: url("/img/themes/reskin/background_images/doctypes/filebroken.png");
  height: 128px;
  width: 128px; }

.Icon--sysFilePaid {
  background-image: url("/img/background_images/doctypes/sys_file_paid.png");
  height: 135px;
  width: 102px; }

.Icon--folder {
  background-image: url("/img/themes/reskin/icons/small/Folder.gif");
  height: 16px;
  width: 16px; }

.Icon--completeBarBullet {
  background-image: url("/img/themes/reskin/complete-bar-bullet.png");
  height: 21px;
  width: 21px; }

.Icon--incompleteBarBullet {
  background-image: url("/img/themes/reskin/incomplete-bar-bullet.png");
  height: 21px;
  width: 21px; }

.Icon--completeListBullet {
  background-image: url("/img/themes/reskin/complete-list-bullet.png");
  height: 31px;
  width: 31px; }

.Icon--incompleteListBullet {
  background-image: url("/img/themes/reskin/incomplete-list-bullet.png");
  height: 31px;
  width: 31px; }

.Icon--eBill {
  background-image: url("/img/themes/reskin/eBill.png");
  height: 18px;
  width: 35px; }

.Icon--eCredit {
  background-image: url("/img/themes/reskin/eCredit.png");
  height: 18px;
  width: 62px; }

.Icon--eCreditSmall {
  background-image: url("/img/eCredit_sm.png");
  height: 18px;
  width: 62px; }

.Icon--eInvoice {
  background-image: url("/img/themes/reskin/eInvoice.png");
  height: 18px;
  width: 68px; }

.Icon--eInvoiceSmall {
  background-image: url("/img/eInvoice_sm.png");
  height: 12px;
  width: 45px; }

.Icon--stampCheckReturned {
  background-image: url("/img/themes/reskin/icon-stamp-check-returned.png");
  height: 50px;
  width: 110px; }

.Icon--stampCheckExpired {
  background-image: url("/img/themes/reskin/icon-stamp-check-expired.png");
  height: 50px;
  width: 110px; }

.Icon--stampPaidNotCleared {
  background-image: url("/img/themes/reskin/icon-stamp-paid-not-cleared.png");
  height: 50px;
  width: 110px; }

.Icon--stampVoidPending {
  background-image: url("/img/themes/reskin/icon-stamp-void-pending.png");
  height: 50px;
  width: 110px; }

.Icon--stampPaid {
  background-image: url("/img/themes/reskin/icon-stamp-paid.png");
  height: 50px;
  width: 110px; }

.Icon--stampEPaymentFailed {
  background-image: url("/img/themes/reskin/icon-stamp-epayment-failed.png");
  height: 50px;
  width: 110px; }

.Icon--stampScheduled {
  background-image: url("/img/themes/reskin/icon-stamp-scheduled.png");
  height: 50px;
  width: 110px; }

.Icon--stampVoid {
  background-image: url("/img/themes/reskin/icon-stamp-void.png");
  height: 50px;
  width: 110px; }

.Icon--treeSmall {
  background-image: url("/img/dont_print_emails_smaller.png");
  height: 65px;
  width: 61px; }

.Icon--loading {
  background-image: url("/img/themes/reskin/loading.gif");
  height: 16px;
  width: 16px; }

.Icon--syncIdle {
  background-image: url("/img/dark_icons/connect_normal_2x.png");
  height: 24px;
  width: 24px; }

.Icon--syncIdle:hover {
  background-image: url("/img/dark_icons/connect_hover_2x.png"); }

@-webkit-keyframes rotate360ClockWise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate360ClockWise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.Icon--syncActive {
  background-image: url("/img/dark_icons/connect_sync_2x.png");
  height: 24px;
  width: 24px;
  -webkit-animation: rotate360ClockWise 2s linear infinite;
          animation: rotate360ClockWise 2s linear infinite; }

.no-cssanimations .Icon--syncActive {
  background-image: url("/img/components/syncIcon/sync_anim_2x.gif");
  background-size: 30px 30px;
  background-position: -3px -3px; }

.Icon--syncError {
  background-image: url("/img/components/syncIcon/warning_yellow_2x.png");
  height: 11px;
  width: 11px; }

.Icon--syncStatus {
  background-image: url("/img/dark_icons/connect_sync_lg_2x.png");
  background-size: 100%;
  height: 128px;
  width: 128px;
  -webkit-animation: rotate360ClockWise 2s linear infinite;
          animation: rotate360ClockWise 2s linear infinite; }

.no-cssanimations .Icon--syncStatus {
  background-image: url("/img/components/syncStatusPage/sync_anim_128.gif"); }

.Icon--syncBPStatus {
  background-image: url("/img/dark_icons/bp_setup.gif");
  background-size: 100%;
  height: 68px;
  width: 148px; }

.Icon--cancel {
  background-image: url("/img/background_images/cancel_small_2x.png");
  background-size: 10px 10px;
  width: 10px;
  height: 10px; }

.Icon--processing {
  background-image: url("/img/background_images/spinner.gif");
  background-size: 10px 10px;
  width: 10px;
  height: 10px; }

.Icon--processInfo {
  background-image: url("/img/background_images/info_small_2x.png");
  background-size: 10px 10px;
  width: 10px;
  height: 10px; }

.Icon--magicWand {
  background-image: url("/img/components/inboxCardOverlay/icon_magic_64_2x.png");
  background-size: 64px 64px;
  width: 64px;
  height: 64px; }

.Icon--magicWandStartProcessing {
  background-image: url("/img/components/inboxCardOverlay/magic_wand_small_2x.png");
  background-size: 64px 64px;
  width: 64px;
  height: 64px; }

.Icon--error {
  background-image: url("/img/components/inboxCardOverlay/icon_error_64_2x.png");
  background-size: 64px 64px;
  width: 64px;
  height: 64px; }

.Icon--upload {
  background-image: url("/img/components/upload/icon_upload_big_2x.png");
  background-size: 256px 256px;
  width: 256px;
  height: 256px; }

.Icon--inboxUpload {
  background: url("/img/components/upload/upload_small_2x.png") no-repeat center;
  background-size: 30px 20px;
  width: 48px;
  height: 48px;
  background-color: #07669f;
  vertical-align: middle; }

.Icon--speedoMeter {
  background: url("/img/components/inbox/speedometer_2x.png") no-repeat center;
  background-size: 32px 32px;
  width: 72px;
  height: 72px;
  vertical-align: middle; }

.Icon--cfLogo {
  background: url("/img/components/inbox/powered_by_cf_2x.png") no-repeat center;
  background-size: 128px 32px;
  width: 128px;
  height: 32px;
  vertical-align: middle;
  margin: 0 10px; }

.Icon--cancel_big {
  background-image: url("/img/components/upload/icon_cancel_large_2x.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px; }

.Icon--cancel-2x-white {
  background-image: url("/img/components/upload/cancel_large_white_2x.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px; }

.Icon--checkmark-2x-white {
  background: url("/img/white_icons/check_2x.png") no-repeat center;
  background-size: 32px 32px;
  width: 72px;
  height: 72px; }

.Icon--uploading {
  background: url("/img/spinner_gray_2x.png");
  background-size: 40px 40px;
  -webkit-animation: rotate360ClockWise 2s linear infinite;
          animation: rotate360ClockWise 2s linear infinite;
  width: 40px;
  height: 40px; }

.no-cssanimations .Icon--uploading {
  background: url("/img/spinner_gray_2x.gif");
  width: 21px;
  height: 21px; }

.Icon--legendReadyToReview {
  background-image: url("/img/components/inboxLegend/inbox_ready_to_review_2x.png");
  background-size: 8px 8px;
  width: 8px;
  height: 8px; }

.Icon--legendProcessing {
  background-image: url("/img/components/inboxLegend/inbox_processing_2x.png");
  background-size: 8px 8px;
  width: 8px;
  height: 8px; }

.Icon--legendOther {
  background-image: url("/img/components/inboxLegend/inbox_other_2x.png");
  background-size: 8px 8px;
  width: 8px;
  height: 8px; }

.dark_grey {
  color: #444; }

.logo {
  position: absolute;
  top: 20px;
  left: 20px; }

a.logo-link {
  text-decoration: none;
  cursor: pointer; }

div.logo-ops {
  width: 90px; }

.logo-ops-text {
  color: #D2611C;
  font-size: 18px;
  float: left;
  margin-right: 15px;
  margin-top: 6px; }

#global-nav {
  text-align: right;
  float: right;
  margin-top: 40px;
  margin-right: 10px; }

/* begin subtabs */
.sub-tab-wrapper {
  margin: 0 0 15px 0; }

.sub-tab-content {
  background-color: #FFFFFF;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-top: 0px;
  position: relative; }

.sub-tab-title {
  color: #333333;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 2px;
  margin-left: 30px;
  padding-top: 5px;
  padding-bottom: 3px; }

/* end subtabs */
form div.row label {
  display: block; }

/* begin form elements */
.form-table-style {
  width: 100%; }

.form-table-style td {
  padding-top: 3px;
  padding-bottom: 3px; }

.form-table-style td.editLabel {
  width: 20%;
  min-width: 150px;
  margin-right: 0px;
  vertical-align: top;
  text-align: right;
  padding-top: 5px;
  padding-right: 10px;
  white-space: nowrap; }

.form-table-style td.detailLabel {
  width: 30%;
  min-width: 150px;
  margin-right: 0px;
  vertical-align: top;
  text-align: right;
  padding-top: 3px;
  padding-right: 10px;
  white-space: nowrap; }

.form-table-style div.rightPicInfo {
  padding-left: 10px;
  padding-top: 25px; }

/* end form elements */
input, select {
  vertical-align: middle; }

input, textarea, select {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #333333;
  padding: 3px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 0;
  font-family: Lato, Helvetica, Arial, sans-serif;
  outline: none; }

input:focus {
  outline-style: solid;
  outline-width: 1px;
  outline-color: #33b6ff;
  outline-offset: -1px; }

input:disabled, textarea:disabled, select:disabled, input:disabled:hover, textarea:disabled:hover, select:disabled:hover {
  background-color: #eeeeee;
  color: #999999;
  border-color: #cccccc; }

input::-ms-clear {
  display: none; }

input[name="balance"] {
  width: 100px; }

input[type="file"] {
  padding: 0;
  background: transparent;
  border: 0; }

input:-webkit-autofill {
  background-color: #fff !important;
  color: #000 !important; }

.input-explainText {
  color: #999999;
  font-size: 12px; }

.form-element-label {
  width: 185px;
  box-sizing: border-box;
  display: inline-block;
  text-align: right;
  font-weight: 700;
  color: #999999;
  font-size: 12px;
  text-transform: uppercase; }

.input-required:after {
  width: 20px;
  height: 36px;
  content: '*';
  color: red;
  text-align: center;
  position: absolute;
  font-size: 20px;
  line-height: 36px;
  width: 20px; }

.input-required {
  position: relative; }

.prim-text-input, .sec-text-input {
  height: 36px;
  box-sizing: border-box;
  padding-left: 10px;
  margin-left: 20px;
  font-size: 14px;
  border: none;
  color: #333333;
  width: 340px; }

.prim-text-input:focus, .sec-text-input:focus {
  outline: 1px solid #33b6ff; }

[disabled].prim-text-input, [disabled].sec-text-input {
  color: #999999; }

.prim-text-input {
  background-color: #ffffff; }

.prim-text-input[disabled] {
  background-color: #eee; }

.prim-text-input:hover {
  background-color: #ffffff; }

.sec-text-input {
  background-color: #f3f3f3; }

.sec-text-input:hover {
  background-color: #eee; }

.sec-text-input:focus {
  background-color: #ffffff; }

.sec-text-input[disabled] {
  background-color: #f7f7f7; }

input.LookupInput {
  background-image: url("/img/themes/reskin/background_images/orange-pulldown-indicator.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 17px;
  box-sizing: border-box;
  /* Opera/IE 8+ */
  line-height: 16px; }

input.button {
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-right: 3px;
  border: 1px solid threedshadow;
  background-color: #4E6988; }

input.buttonSecondary {
  font-weight: bold;
  color: #fff;
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-right: 3px;
  border: 1px solid threedshadow;
  background-color: #666; }

td.inputPrompt {
  vertical-align: top;
  padding-left: 5px; }

.detailInner {
  background-color: #FFF;
  border: 1px solid #aaaaaa;
  padding: 10px;
  padding-top: 5px;
  margin: 0; }

.detailInner div.row {
  position: relative;
  margin-bottom: 5px; }

.detailOuter {
  min-height: 1px; }

.detail {
  border: 1px solid #d05709;
  padding: 10px 15px;
  background-color: #FFF;
  margin-top: 5px; }

.detailGray {
  border: 1px solid #AAA;
  /*padding: 10px 15px;*/
  background-color: #FFF; }

div.detailOuter table.detailInner table.form-table-style table td {
  padding: 5px; }

table.detailInner div.settingsWrapper {
  margin: 0; }

/** Nav Component **/
td.nav-tl {
  width: 17px;
  height: 11px;
  vertical-align: top;
  font-size: 1px;
  border-top: 1px solid #d05709;
  border-left: 1px solid #d05709; }

td.nav-tc {
  width: 116px;
  height: 11px;
  font-size: 1px;
  border-top: 1px solid #d05709; }

td.nav-tr {
  width: 17px;
  height: 11px;
  font-size: 1px;
  vertical-align: top;
  border-top: 1px solid #d05709;
  border-right: 1px solid #d05709; }

td.nav-lm {
  width: 18px;
  height: 30px;
  font-size: 1px;
  border-left: 1px solid #d05709; }

td.nav-lm-selected {
  background-color: #e9edf0;
  width: 18px;
  height: 30px;
  font-size: 1px;
  padding-right: 3px;
  border-left: 1px solid #d05709; }

td.nav-rm {
  width: 18px;
  height: 30px;
  font-size: 1px;
  border-right: 1px solid #d05709; }

td.nav-rm-selected {
  background-color: #e9edf0;
  width: 18px;
  height: 30px;
  font-size: 1px;
  border-right: 1px solid #d05709; }

td.nav-mm {
  font-size: 105%;
  font-weight: bold; }

td.nav-mm-selected {
  background-color: #e9edf0;
  font-size: 105%;
  font-weight: bold; }

td.nav-bl {
  width: 17px;
  height: 12px;
  font-size: 1px;
  border-bottom: 1px solid #d05709;
  border-left: 1px solid #d05709; }

td.nav-bc {
  width: 116px;
  height: 12px;
  font-size: 1px;
  border-bottom: 1px solid #d05709; }

td.nav-br {
  width: 17px;
  height: 12px;
  font-size: 1px;
  border-bottom: 1px solid #d05709;
  border-right: 1px solid #d05709; }

a.rolodex {
  padding-left: 1px;
  padding-right: 1px; }

bdc-notification-banner {
  clear: both; }

.NotificationBanner {
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 36px 36px;
  border-style: none;
  border-width: 0;
  display: block;
  font-size: 14px;
  margin: 10px 0px;
  min-height: 14px;
  padding: 31px 20px 31px 76px;
  overflow-wrap: break-word;
  word-wrap: break-word; }

.NotificationBanner a {
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline; }

.NotificationBanner a:hover {
  text-decoration: underline; }

.NotificationBanner--info {
  background-color: #e6e6e6;
  background-image: url("/img/dark_icons/info_2x.png");
  border-color: transparent;
  color: #333333; }

.NotificationBanner--info a, .NotificationBanner--info a:visited, .NotificationBanner--info a:active {
  color: #333333; }

.NotificationBanner--info a:hover {
  color: #333333; }

.NotificationBanner--success {
  background-color: #33b6ff;
  background-image: url("/img/white_icons/check_2x.png");
  border-color: transparent;
  color: #ffffff; }

.NotificationBanner--success a, .NotificationBanner--success a:visited, .NotificationBanner--success a:active {
  color: #ffffff; }

.NotificationBanner--success a:hover {
  color: #ffffff; }

.NotificationBanner--warning {
  background-color: #eae893;
  background-image: url("/img/dark_icons/warning_2x.png");
  border-color: transparent;
  color: #333333; }

.NotificationBanner--warning a, .NotificationBanner--warning a:visited, .NotificationBanner--a:active {
  color: #333333; }

.NotificationBanner--warning a:hover {
  color: #333333; }

.NotificationBanner--error {
  background-color: #ff7563;
  background-image: url("/img/white_icons/error_2x.png");
  border-color: transparent;
  color: #ffffff; }

.NotificationBanner--error a, .NotificationBanner--error a:visited, .NotificationBanner--error a:active {
  color: #ffffff; }

.NotificationBanner--error a:hover {
  color: #ffffff; }

.NotificationBanner--alert {
  background-color: #fda128;
  background-image: url("/img/white_icons/warning_2x.png");
  border-color: transparent;
  color: #ffffff; }

.NotificationBanner--connectprompt {
  background-color: #33b6ff;
  background-image: url("/img/white_icons/info_2x.png");
  border-color: transparent;
  color: #ffffff; }

.NotificationBanner--connectprompt a, .NotificationBanner--connectprompt a:visited, .NotificationBanner--connectprompt a:active {
  color: #ffffff; }

.NotificationBanner--connectprompt a:hover {
  color: #ffffff; }

/** used for network messaging error status bar overrides the .NotificationBanner--error definitions
* on the font color, background image, background color, border styles, margins, and paddings.
*/
.NotificationBanner--messageError {
  background-image: none;
  border-style: none;
  background-color: #E87100;
  color: white;
  margin: 0;
  padding-left: 1em; }

.NotificationBanner--inModal {
  margin: 0px 0px 15px 0px; }

.NotificationBanner--inModal .NotificationBanner {
  margin: 0px 0px 15px 0px; }

.NotificationBanner--statusFeedback {
  margin-bottom: 0;
  margin-top: 20px; }

td.listTd {
  vertical-align: top;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 3px;
  padding-right: 3px; }

table.simpleEdit tr td.header {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
  padding-left: 2px; }

table.simpleEdit tr td.data {
  vertical-align: top;
  padding-left: 1px;
  padding-right: 5px;
  padding-bottom: 5px; }

table.simpleEdit tr td.readonly {
  vertical-align: top;
  padding-top: 6px;
  padding-left: 1px;
  padding-right: 5px; }

span.errorMsg {
  color: #710000;
  font-size: 12px; }

iframe.preview {
  border: 1px solid #44687D;
  padding: 5px; }

td.toolbar-left {
  background-image: url(/img/background_images/docviewer/toolbar_corner_left.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 25px;
  width: 15px; }

td.toolbar-middle {
  background-image: url(/img/background_images/docviewer/toolbar_background.jpg);
  background-repeat: repeat-x;
  height: 25px; }

td.toolbar-middle-border {
  background-image: url(/img/background_images/docviewer/toolbar_background.jpg);
  background-repeat: repeat-x;
  border-right: 1px solid #94ACB9;
  height: 25px; }

td.toolbar-right {
  background-image: url(/img/background_images/docviewer/toolbar_corner_right.gif);
  background-repeat: no-repeat;
  background-position: right top;
  height: 25px;
  width: 12px; }

.zoomSize0 {
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  width: 16px; }

.zoomSize1 {
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  width: 16px; }

.zoomSize2 {
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  width: 16px; }

table#toolBar td {
  vertical-align: middle;
  white-space: nowrap; }

/*****************************
    Calenar Date Editor styles
******************************/
.dateEditor {
  position: absolute;
  top: 250px;
  left: 420px;
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 100;
  background-color: #fff; }

.calendarCurtain {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 95;
  filter: alpha(opacity=30);
  opacity: 0.30; }

/*****************************
    Calendar Popup styles
******************************/
.CVcpYearNavigation,
.CVcpMonthNavigation {
  background-color: #6677DD;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold; }

.CVcpDayColumnHeader,
.CVcpYearNavigation,
.CVcpMonthNavigation,
.CVcpCurrentMonthDate,
.CVcpCurrentMonthDateDisabled,
.CVcpOtherMonthDate,
.CVcpOtherMonthDateDisabled,
.CVcpCurrentDate,
.CVcpCurrentDateDisabled,
.CVcpTodayText,
.CVcpTodayTextDisabled,
.CVcpText {
  font-family: arial;
  font-size: 8pt; }

TD.CVcpDayColumnHeader {
  text-align: right;
  border: solid thin #6677DD;
  border-width: 0px 0px 1px 0px; }

.CVcpCurrentMonthDate,
.CVcpOtherMonthDate,
.CVcpCurrentDate {
  text-align: right;
  text-decoration: none; }

.CVcpCurrentMonthDateDisabled,
.CVcpOtherMonthDateDisabled,
.CVcpCurrentDateDisabled {
  color: #D0D0D0;
  text-align: right;
  text-decoration: line-through; }

.CVcpCurrentMonthDate {
  color: #6677DD;
  font-weight: bold; }

.CVcpCurrentDate {
  color: #FFFFFF;
  font-weight: bold; }

.CVcpOtherMonthDate {
  color: #808080; }

TD.CVcpCurrentDate {
  color: #FFFFFF;
  background-color: #6677DD;
  border-width: 1px;
  border: solid thin #000000; }

TD.CVcpCurrentDateDisabled {
  border-width: 1px;
  border: solid thin #FFAAAA; }

TD.CVcpTodayText,
TD.CVcpTodayTextDisabled {
  border: solid thin #6677DD;
  border-width: 1px 0px 0px 0px; }

A.CVcpTodayText,
SPAN.CVcpTodayTextDisabled {
  height: 20px; }

A.CVcpTodayText {
  color: #6677DD;
  font-weight: bold; }

SPAN.CVcpTodayTextDisabled {
  color: #D0D0D0; }

.CVcpBorder {
  border: solid thin #6677DD; }

/****** dashboard.css ******/
.totalsIn {
  font: normal 8pt sans-serif;
  color: green;
  cursor: pointer; }

.totalsOut {
  font: normal 8pt sans-serif;
  color: red;
  cursor: pointer; }

.balancePositive {
  font: normal 8pt sans-serif;
  color: black;
  cursor: pointer; }

.balanceNegative {
  font: normal 8pt sans-serif;
  color: #990000;
  cursor: pointer; }

/* begin calendar */
.calendar-table {
  clear: both;
  padding-top: 4px; }

.calendar-table-style {
  background-color: #FFFFFF;
  width: 100%;
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC; }

.calendar-table-style td, .calendar-table-style th {
  padding: 5px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  font-weight: bold; }

.calendar-table-style td {
  height: 70px;
  vertical-align: top;
  width: 14%; }

.calendar-table-style td table td {
  height: auto; }

.calendar-table-style th {
  font-weight: normal; }

.calendar-table-style p {
  margin-top: 1px;
  margin-bottom: 1px; }

.calendar-table-style a {
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 90%;
  font-weight: normal; }

td.on {
  color: #777777;
  font-weight: bold; }

td.off {
  color: #999999;
  font-weight: normal; }

#calendar-paging {
  padding-top: 20px;
  text-align: center; }

.paging-link {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 5px;
  margin-bottom: 5px; }

/* end calendar */
.box-content {
  background-color: #f7f7f7;
  border: none;
  padding: 30px; }

.box-content .NotificationBanner--error {
  margin-top: 0;
  margin-bottom: 0; }

/* MultiLineItemEdit */
div.payableSectionHeader {
  padding-top: 20px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 14px; }

div.payableSectionLabel {
  display: inline-block;
  width: 130px;
  zoom: 1;
  *display: inline; }

td.headerLabel {
  font-weight: bold;
  padding-left: 2px; }

td.unitPriceEdit {
  vertical-align: top; }

td.quantityEdit {
  vertical-align: top; }

td.invoiceProductEdit {
  vertical-align: top;
  padding-top: 1px; }

td.accountEdit {
  vertical-align: top;
  padding-top: 1px;
  width: 90px; }

td.amountEdit {
  vertical-align: top; }

td.departmentEdit {
  vertical-align: top;
  padding-top: 1px; }

td.locationEdit {
  vertical-align: top;
  padding-top: 1px; }

td.customerEdit {
  vertical-align: top;
  padding-top: 1px; }

td.employeeEdit {
  vertical-align: top;
  padding-top: 1px; }

td.descriptionEdit input {
  width: 100%; }

td.clearEdit {
  padding-left: 5px;
  padding-top: 4px;
  vertical-align: top; }

/* end MultiLineItemEdit */
.remainingPages {
  padding-top: 10px;
  font-size: 10px;
  padding-bottom: 2px; }

.processOptionHeader {
  font-weight: normal;
  padding-bottom: 1px;
  border-bottom: none;
  color: #666666;
  font-size: 12px;
  text-transform: uppercase; }

.processOptionLink {
  padding-left: 0;
  padding-top: 3px; }

.documentThumb {
  border: 1px solid #e6e6e6; }

.documentThumbCellBlank {
  width: 33%; }

.documentThumbCell {
  background: none;
  border-collapse: separate;
  border: 1px solid #e6e6e6;
  -webkit-filter: none;
          filter: none;
  /* IE6-9 */
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 33%; }

.documentThumbCellHighlight {
  /* This should inherit from documentThumbCell */
  border: 3px solid #238FAA; }

.documentThumbBox {
  display: inline-block;
  height: 100%;
  position: relative;
  text-align: left;
  width: 100%;
  margin: 0 auto; }

table.gridTable td.blank {
  background: #fff;
  border: none; }

.Inbox-thumb {
  width: 100%; }

.Inbox-info {
  padding: 0px 3px 3px 3px;
  font-size: 10px; }

.Inbox-original {
  text-align: center;
  width: 130px;
  padding-right: 10px;
  padding-top: 5px;
  font-size: 12px; }

.Inbox-thumbContent {
  padding: 6px; }

.Inbox-thumbContainer {
  float: left;
  width: 140px;
  vertical-align: top; }

.Inbox-links {
  padding: 2px 0px 0px 7px;
  width: 125px;
  vertical-align: top;
  border-bottom: 0px;
  float: right; }

.Inbox-zde {
  text-align: center;
  width: 130px;
  padding-right: 10px;
  padding-top: 5px;
  font-size: 12px; }

.documentThumbBox .pretty-checkbox {
  float: left;
  padding-top: 0; }

.documentThumbBox .inbox-item-title {
  padding-top: 0;
  display: block; }

.documentThumbBox .inbox-item-heading {
  padding: 5px;
  background-color: #f7f7f7; }

/* OrgSelect */
.orgSelectSideNavItem {
  padding: 8px;
  margin-left: 20px; }

.orgSelectSideNavItemSelected {
  padding: 8px;
  font-weight: bold;
  margin-left: 20px; }

.orgSelectMainWrapper {
  border-left: 1px solid #ccc;
  margin-left: 10px;
  padding-bottom: 15px;
  min-height: 500px; }

.orgSelectControls {
  padding: 10px;
  border-bottom: 1px solid #EEEEEE;
  /* margin-bottom: 10px; */
  /* TODO: uncomment this? Check console org. This rule was previously misspelled */ }

.orgSelectManageConsole {
  font-size: 14px;
  font-weight: bold;
  padding-top: 1px;
  padding-left: 6px; }

.orgSelectSearch {
  float: right;
  font-size: 12px; }

.orgSelectSearchElem {
  width: 120px;
  font-size: 12px;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px; }

.orgSelectOrgWrapper {
  margin-left: 35px;
  margin-right: 45px;
  padding-top: 15px; }

.orgSelectNotice {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px; }

.orgSelectShowAll {
  padding-top: 5px;
  text-align: left;
  padding-left: 38px;
  padding-bottom: 5px; }

.orgSelectOrgName {
  margin-bottom: 2px;
  float: left;
  padding-left: 4px; }

.orgSelectOrgNameContent {
  font-size: 14px;
  font-weight: bold; }

.orgSelectConsoleName {
  float: right;
  padding-right: 4px; }

.orgSelectSummary {
  width: 100%;
  padding: 5px;
  padding-left: 15px;
  cursor: pointer;
  vertical-align: top;
  color: #999999;
  border: 1px dotted #BBBBBB;
  border-top: 1px dotted #555555; }

.orgSelectSummarySep {
  border-top: 1px dotted #CCCCCC;
  margin-top: 0px;
  margin-bottom: 1px; }

/* end OrgSelect */
/* Org Notes */
div.orgNoteHeader span.name {
  margin-right: 10px; }

#orgNotesInner {
  padding-left: 5px;
  padding-bottom: 10px;
  position: relative; }

#lastNoteMessage {
  margin-right: 15px; }

div.allNoteHeader {
  font-size: 12px;
  padding-bottom: 2px; }

div.orgNoteHeader {
  padding-left: 10px; }

div.allNoteHeader div.title {
  font-size: 16px; }

div.allNoteHeader div.picInfoContainer {
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 1px; }

div.allNoteHeader div.rightPicInfo {
  padding-top: 0px;
  padding-left: 5px;
  width: 237px; }

div.allNoteHeader div.leftPicInfo {
  width: 45px; }

div.leftPicInfo {
  float: left; }

div.rightPicInfo {
  float: left; }

div.rightPicInfo div.approverDisplayInfo {
  padding-left: 10px;
  padding-top: 26px; }

div.approvers div.picInfoContainer {
  overflow: hidden;
  margin-bottom: 10px; }

div.approvers div.leftPicInfo {
  padding-top: 6px;
  width: 45px; }

div.approvers div.rightPicInfo {
  margin-left: 7px;
  margin-top: 0px; }

div.approvalMessageLabel {
  display: inline; }

div#rightPageColumnDiv div.approvers div.rightPicInfo div.approvalMessageLabel {
  display: inline; }

div.billApprover div.picInfoContainer {
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 5px; }

div.billApprover div.leftPicInfo {
  padding-top: 6px; }

div.billApprover div.rightPicInfo {
  width: 90%;
  padding-top: 0px; }

div.billApprover {
  padding: 5px 0 0 47px; }

div.billApprover div.history {
  margin-top: 4px; }

.NoteMouseOver {
  padding: 10px;
  width: 350px; }

.NoteMouseOver h3 {
  margin-top: 0; }

.NoteMouseOver-span {
  word-break: break-word;
  word-wrap: break-word; }

.NoteMouseOver-div {
  padding-bottom: 6px;
  line-height: 16px;
  width: 350px; }

.NoteMouseOver-component {
  background: #fcfce3;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #fcfce3 0%, #fdfda8 100%);
  background: linear-gradient(to bottom, #fcfce3 0%, #fdfda8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfce3', endColorstr='#fdfda8',GradientType=0 );
  /* IE6-9 */
  border: 2px solid #B2B8BB;
  display: none; }

/* MouseOverDetailComponent.java */
.mouseOverDetailRow {
  line-height: 16px;
  vertical-align: top;
  padding-top: 0px; }

.mouseOverDetailLabel {
  font-weight: bold;
  width: 1%;
  white-space: nowrap;
  padding-right: 5px;
  text-align: right; }

.mouseOverDetailWrapper {
  padding-right: 10px;
  padding-left: 5px;
  width: 350px; }

/* end MouseOverDetail */
/** BEGIN EF **/
td.EF_inboxThumbCell {
  border: 1px solid #999999;
  padding: 10px;
  padding-left: 18px;
  vertical-align: top;
  background-color: #EEEEEE;
  margin-left: auto;
  margin-right: auto; }

div.EF_imgWrapper {
  margin-top: 10px;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3px;
  padding-bottom: 100px;
  border: 1px solid #EEEEEE; }

img.EF_img {
  margin: 8px;
  padding: 5px;
  border: 1px solid #CB4F00; }

div.EF_text {
  text-align: left;
  padding: 10px;
  border: 1px solid #CB4F00;
  margin: 12px;
  min-height: 200px; }

td.EF_docLabel {
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  padding-left: 0px;
  padding-bottom: 1px; }

td.EF_docData {
  padding-right: 9px;
  vertical-align: top; }

/** END EF **/
td.PayBillsSecondRow {
  text-align: right;
  color: #777777;
  padding-right: 15px; }

table#DataEntryQueue {
  width: 100%; }

span.zdeError {
  font-weight: bold;
  color: #990000; }

div.zdeDetailWrapper {
  padding: 8px;
  border: 1px solid #d05709;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.38) 31%, rgba(237, 242, 206, 0.27) 61%, rgba(206, 213, 111, 0.2) 79%, rgba(170, 179, 0, 0.25) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.38) 31%, rgba(237, 242, 206, 0.27) 61%, rgba(206, 213, 111, 0.2) 79%, rgba(170, 179, 0, 0.25) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#40aab300',GradientType=0 );
  /* IE6-9 */ }

td.zdeLabel {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  font-weight: bold; }

td.zdeSection {
  font-weight: bold;
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px; }

td.zdeOpOneData {
  cursor: pointer;
  padding: 0px;
  padding-left: 3px;
  border: 1px dotted #999999; }

td.zdeSpacer {
  height: 6px; }

div.zdeVendorSelect {
  cursor: pointer;
  line-height: 16px;
  padding: 5px;
  border: 1px solid #AAAAAA;
  margin: 5px;
  width: 324px; }

div.zdeVendorSelectLabel {
  padding-left: 5px;
  padding-top: 12px;
  font-weight: bold;
  color: #990000; }

div.zdeUnitizeThumb {
  float: left;
  border: 1px solid coral;
  background-color: #EAFEF2;
  padding: 3px;
  margin-top: 5px;
  margin-right: 5px; }

div.zdeUnitizeThumbText {
  font-size: 6px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: #FFFFFF; }

div.zdeUnitizeEntrySelect {
  cursor: pointer;
  line-height: 16px;
  padding: 5px;
  border: 1px solid #AAAAAA;
  margin: 5px; }

div.zdeSelectedBar {
  padding: 3px;
  margin-right: 0px;
  border: 1px solid black; }

div.zdeUnselectedBar {
  padding: 4px;
  margin-right: 0px; }

span.zdeWorkItemsElementLabel {
  font-weight: bold;
  color: #990000; }

.home-section-header {
  color: #44697D;
  font-weight: bold;
  font-size: 150%; }

div.setting, div.setting_text {
  padding: 2px 2px 0px 4px;
  margin-left: 5px;
  display: inline; }

div.setting {
  margin: 0; }

div.setting a {
  text-decoration: none; }

.settingsWrapper {
  text-align: right;
  margin-top: 5px; }

div.loginInstr {
  font-weight: bold;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  border-bottom: 1px solid #DDD;
  padding-top: 5px;
  padding-bottom: 10px; }

div.multiEntityInstr {
  font-size: 20px;
  p2adding-left: 200px;
  margin-left: 20px;
  margin-bottom: 10px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 10px; }

div.multiEntityDiv {
  padding-left: 35px; }

div.orgSelectMEACTAInstr {
  font-size: 14px;
  text-align: center; }

div.orgSelectMEACTATotal {
  font-size: 24px;
  text-align: center; }

div.text {
  text-align: center; }

.imgDropShadow {
  border: 1px solid #CCC;
  box-shadow: 1px 1px 5px #777; }

.DemoBar {
  background-color: #07669f;
  color: #ffffff;
  font-size: 14px;
  height: auto;
  padding: 17px 0;
  width: 100%;
  text-align: center;
  position: relative; }

.DemoBar-title {
  font-family: Lato, Helvetica, Arial, sans-serif; }

.DemoBar-exitLink, .DemoBar-exitLink:link, .DemoBar-exitLink:hover, .DemoBar-exitLink:active, .DemoBar-exitLink:visited,
.DemoBar-exitLink:hover:link {
  color: #ffffff;
  text-decoration: underline;
  padding-left: 4px; }

.DemoBar-infoBar {
  background-color: #40b9ff;
  left: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 5; }

.DemoBar-closeLink {
  margin-right: 5px;
  position: absolute;
  right: 0;
  z-index: 1000; }

.close {
  background: url(/img/demo_images/close.png) no-repeat;
  position: absolute;
  top: 18px;
  right: 22px;
  display: block;
  width: 35px;
  height: 35px;
  cursor: pointer; }

/* Directory styles */
div.dirLogoList {
  float: left;
  padding: 5px 20px 5px 0px;
  width: 180px; }

div.dirDescList {
  float: left;
  width: 470px;
  padding: 8px 15px 8px 0px; }

div.dirRightInfoList {
  float: left;
  width: 120px;
  min-height: 90px;
  padding: 8px 15px 8px 15px;
  border-left: 1px solid #ddd; }

div.dirTopInfoList {
  margin-bottom: 5px;
  width: 900px; }

div.dirNameList {
  float: left;
  color: #333333;
  font-size: 16px; }

div.dirLocationList {
  float: right;
  color: #333333;
  font-size: 16px; }

div.dirLogoDetail {
  float: left;
  padding-top: 5px;
  padding-right: 20px;
  width: 180px; }

div.dirMainDetail {
  float: left;
  width: 400px;
  padding: 8px 10px 8px 0px; }

div.dirRightDetail {
  float: left;
  width: 200px;
  min-height: 90px;
  padding: 8px 15px 8px 15px;
  border-left: 1px solid #ddd; }

div.dirBdcCert {
  width: 120px;
  margin: auto;
  padding: 20px 0px 10px 10px; }

div.dirNameDetail {
  margin-bottom: 5px;
  color: #333333;
  font-size: 16px; }

table.pricingPlanTable td {
  padding: 5px; }

.Plan-info {
  min-height: 240px; }

.Plan-container {
  background-color: #ffffff;
  margin: 10px;
  border: 1px solid #ccc;
  min-height: 600px;
  position: relative; }

.Plan-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  padding: 12.5px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  box-sizing: border-box;
  min-height: 50px; }

.Plan-features {
  list-style: none;
  float: left;
  margin-left: 0;
  padding: 0 20px; }

.Plan-features > li {
  margin: 20px 0;
  font-size: 14px; }

.Plan-trialText {
  color: #777777;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 5px; }

.Plan-current {
  padding: 5px 0; }

.Plan-buttonContainer {
  text-align: center;
  margin: 30px 0 10px; }

.deletion-dialog p {
  margin-bottom: 10px; }

.deletion-dialog p:last-child {
  margin-bottom: 0; }

.delete-button {
  float: right;
  margin-top: 8px;
  margin-left: 28px; }

.delete-button.disabled {
  opacity: 0.5; }

.inbox-controls {
  padding-right: 23px;
  height: 32px; }

.inbox-controls div a .Icon {
  border: none; }

#tryNewInbox {
  background-color: #0B699C;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  box-shadow: inset 0 0 10px #063A56; }

#tryNewInbox a {
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  display: block;
  margin-top: 5px;
  font-size: 16px; }

table.gridTable {
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate; }

.Panel {
  background-color: #ffffff;
  margin-bottom: 20px; }

.Panel-header {
  background-color: #f7f7f7;
  color: #333333;
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  padding: 15px;
  position: relative; }

.Panel-headerTitle {
  float: left; }

.Panel-content {
  overflow: hidden;
  padding: 15px;
  border: none; }

.Panel-action {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer; }

.Panel--withActions-header {
  text-align: right; }
  .Panel--withActions-header:after {
    content: "";
    display: table;
    clear: both; }

.Panel-headerLink, .Panel-headerLink:link, .Panel-headerLink:visited, .Panel-headerLink:hover, .Panel-headerLink:link:hover {
  color: #333333;
  font-size: 14px; }

#FindCustomerComponent .Panel-content, #FindVendorComponent .Panel-content {
  background-color: #f7f7f7; }

#FindCustomerComponent .Panel input.LookupInput, #FindVendorComponent .Panel input.LookupInput {
  width: 180px; }

.Panel--secondary {
  margin-bottom: 0; }

.Panel--secondary-header {
  background-color: #26b5ff;
  box-sizing: border-box;
  font-weight: 300;
  padding: 15px; }

.Panel--secondary-headline {
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 28px;
  font-weight: 300; }

.Panel--secondary-byline {
  color: #fff;
  display: block; }

.Panel--secondary-body {
  padding: 15px; }

.Panel--secondary-footer {
  padding: 15px; }

.Panel div.draggable {
  padding-right: 50px; }

.Panel-content div.assignContent form > table {
  width: 100%; }

/* Boxes */
div.box {
  border: 1px solid #aaa;
  padding: 10px;
  background-color: #fff; }

/* List filters */
div.tableControls .tableControl {
  display: inline-block;
  margin-left: 3px; }

div.tableControls .tableControl:first-child {
  margin-left: 0; }

table.tableControlsBottom {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  border-bottom: 1px solid #ddd; }

table.tableControlsBottom td {
  padding: 5px 0; }

div.tableControls > div {
  padding-bottom: 5px; }

div.tableControls div.buttons ul {
  list-style: none;
  padding: 0;
  margin: 0; }

div.tableControls div.buttons ul li {
  display: inline;
  padding: 0;
  margin: 0; }

div.tableControls div.buttons ul li:before {
  content: " |"; }

div.tableControls div.buttons ul li:first-child:before {
  content: ""; }

div.tableControls div.buttons.nopipes ul li:before {
  content: ""; }

div.tableControls div.buttons.nopipes ul li:first-child:before {
  content: ""; }

div.tableControls div.buttons {
  margin: 3px 0 0 0;
  white-space: nowrap;
  padding-right: 5px; }

div.pagination {
  margin: 6px 0 0 0;
  font-size: 14px; }

div.tableControls h2 {
  clear: both;
  margin: 0; }

div.tableControls div.controls {
  padding-top: 3px; }

tr#partial_total {
  background-color: #f7f7f7; }

/** pay via component for multi-bill pay */
.PayBills-payVia--multiBill {
  width: 500px;
  text-align: center; }

/** pay via component for single bil pay */
.PayBills-payVia--singleBill {
  text-align: right; }

.PayBills-questions {
  width: 500px;
  margin: 0px auto;
  text-align: center;
  padding-top: 5px; }

/* Simple Tables */
table.simple tr.header {
  font-weight: bold; }

table.simple td {
  padding: 2px; }

table.simple tr.header td.borderTop {
  border-top: 1px solid #e4e4e4; }

/* New Tables */
table.rad3 {
  color: #666666;
  width: 100%;
  font-size: 100%; }

table.rad3.tableBumper {
  margin-bottom: 30px; }

table.rad3 th {
  border-bottom: 1px solid #999999;
  text-align: left;
  vertical-align: middle;
  padding: 15px 5px; }

table.rad3 th div {
  color: #666666;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  background: none;
  padding-right: 7px; }

table.rad3 .empty-row th div {
  border: 1px solid #efefef;
  background-color: #efefef;
  background-image: none;
  color: #666; }

table.rad3 .empty-row th {
  border: none; }

table.rad3 .empty-row th:first-child {
  border: none; }

table.rad3 th div a {
  color: #666666;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 19px;
  display: inline-block; }

table.rad3 th div {
  color: #666666;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase; }

table.rad3 th div a:hover {
  color: #333333 !important;
  text-decoration: none; }

table.rad3 th div a:active {
  outline: none; }

table.rad3 > tbody > tr > td {
  padding: 23px 5px;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
  word-wrap: break-word;
  line-height: 1; }

table.rad3.vertAlign > tbody > tr > td {
  vertical-align: top; }

table.rad3.middleAlign > tbody > tr > td {
  vertical-align: middle; }

table#recurring.rad3 {
  margin-top: 15px; }

table#recurring.rad3 tbody#totals td {
  border: none; }

table.rad3 > tbody > tr > td.selectAlign {
  vertical-align: middle;
  text-align: center; }

table.rad3 > tbody > tr > td.noBorders {
  padding: 0 5px 17px 5px; }

table.rad3 > tbody > tr.noBottomBorder > td {
  border: none; }

table.rad3 tr.error {
  background-color: #FFBABA; }

table.rad3.noBorders > tbody > tr > td {
  border: none; }

table.rad3 th div.asc a, table.rad3 th div a:hover {
  background-image: url("/img/themes/reskin/background_images/arrow_down_dg_2x.png");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right center; }

table.rad3 th div.desc a {
  background-image: url("/img/themes/reskin/background_images/arrow_up_dg_2x.png");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right center; }

table.rad3 th div a:hover, table.rad3 th div.asc a, table.rad3 th div.desc a {
  color: #333333;
  text-decoration: none; }

table.rad3 tr.selected {
  background-color: #f7f7f7 !important; }

table.rad3 tr.selected input, table.rad3 tr.selected textarea, table.rad3 tr.selected select, table.rad3 tr.selected .LookupInput {
  background-color: #ffffff; }

table.rad3 tr.selected div.pretty-checkbox > input[type=checkbox] + label, table.rad3 tr.selected div.pretty-radio > input[type=radio] + label {
  background-image: url(/img/themes/reskin/background_images/checkbox_sprite-w_2x.png); }

table.rad3 tr.selected div.pretty-radio > input[type=radio] + label {
  background-image: url(/img/themes/reskin/background_images/radio_button_sprite-w_2x.png); }

table.rad3.noborder * {
  border: none !important; }

table.rad3 div.rightPicInfo {
  width: 65%;
  padding-top: 10px;
  padding-left: 5px; }

/* Table End */
ul.normalList {
  list-style: disc;
  margin-bottom: 10px; }

ul.normalList li {
  margin-left: 20px;
  padding-left: 0px; }

div#marketingMessage {
  margin-top: -10px;
  margin-bottom: 20px; }

div.hideableDiv {
  position: relative;
  padding-top: 5px; }

div.hideableDiv div.closeBtn {
  background: url("/img/themes/reskin/dismiss.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  margin-left: 25px;
  top: 10px;
  right: -5px; }

div.hideableDiv div.content {
  margin-right: 20px; }

/* New Tooltip */
div.tooltip {
  position: absolute;
  color: #fff;
  background-color: #DCDFE2;
  border: 1px solid #e2e2e2;
  z-index: 200;
  display: none;
  box-shadow: 0px 0px 9px #000;
  text-shadow: none;
  text-align: left;
  word-wrap: break-word; }

div.tooltip.gray {
  color: #333333;
  box-shadow: 0px 0px 9px #777;
  font-size: 14px; }

div.tooltip span.close {
  background: url(/img/tooltip-close.png);
  position: absolute;
  top: 6px;
  left: auto;
  width: 10px;
  height: 10px;
  cursor: pointer;
  right: 6px;
  z-index: 2; }

div.tooltip.gray span.close {
  top: -10px;
  right: -10px; }

div.tooltip div.box {
  background-color: #88BADF;
  margin: 2px;
  padding: 10px;
  border: none;
  line-height: 1.4;
  position: relative; }

div.tooltip.gray div.box {
  background-color: #dfdfdf; }

div.tooltip div.box div.content {
  position: relative;
  z-index: 2; }

div.tooltip div.links {
  overflow: hidden;
  margin-top: 10px; }

div.tooltip div.links > div {
  float: left;
  width: 48%; }

div.tooltip h5 {
  margin: 0 0;
  padding: 0 0 10px 0;
  font-size: 15px; }

div.tooltip div.arrow {
  position: absolute;
  width: 34px;
  height: 34px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1; }

div.upperLeft div.arrow {
  top: -19px;
  left: -19px;
  background-image: url("/img/TT-upperleft.png"); }

div.tooltip.gray.upperLeft div.arrow {
  top: -7px;
  left: -7px;
  background-image: url("/img/TTG-upperleft.png"); }

div.lowerLeft div.arrow {
  bottom: -19px;
  left: -19px;
  background-image: url("/img/TT-lowerleft.png"); }

div.upperRight div.arrow {
  top: -19px;
  right: -19px;
  background-image: url("/img/TT-upperright.png"); }

div.tooltip.gray.upperRight div.arrow {
  top: -8px;
  right: -6px;
  background-image: url("/img/TTG-upperright.png"); }

div.lowerRight div.arrow {
  bottom: -19px;
  right: -19px;
  background-image: url("/img/TT-lowerright.png"); }

div.down div.arrow {
  background-image: url("/img/TT-down.png"); }

div.right div.arrow {
  background-image: url("/img/TT-right.png"); }

div.left div.arrow {
  background-image: url("/img/TT-left.png"); }

div.up div.arrow {
  background-image: url("/img/TT-up.png"); }

div.tooltip.gray.up div.arrow {
  background-image: url("/img/TTG-up.png"); }

div.tooltip a {
  display: block; }

div.mouseOverTooltip {
  width: 300px; }

/* Utility Modal */
div.modal_overlay {
  background: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.8);
  border: 1px solid #cbcbcb;
  display: none;
  position: relative;
  z-index: 200; }

div.modal_overlay a.close {
  position: absolute;
  right: 0px;
  top: 0;
  cursor: pointer;
  height: 28px;
  width: 29px;
  background-image: url("/img/themes/reskin/background_images/dialogs/modal-sprite.png");
  background-position: -162px -37px;
  background-repeat: no-repeat; }

div.modal_overlay div.contentWrap div.placeHolder {
  width: 400px;
  height: 400px;
  text-align: center;
  position: relative; }

div.modal_overlay div.title {
  height: 37px;
  background-image: url("/img/themes/reskin/background_images/dialogs/modal-sprite.png");
  background-position: top left;
  background-repeat: repeat-x;
  position: relative;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  padding: 0 5px 0 10px;
  margin: 0;
  cursor: pointer;
  line-height: 1.5; }

div.modal_overlay div.contentWrap {
  padding: 15px 15px 22px 15px;
  /* TODO: make sure this doesn't screw up other modals */ }

div.modal_overlay div.control {
  position: absolute;
  right: 29px;
  top: 0px;
  cursor: pointer;
  height: 28px;
  width: 29px;
  background-image: url("/img/themes/reskin/background_images/dialogs/modal-sprite.png");
  background-repeat: no-repeat;
  background-position: -104px -37px; }

div.modal_overlay.collapsed div.title {
  height: 29px; }

div.modal_overlay.collapsed div.control {
  background-position: -133px -37px; }

div.modal_overlay h1 {
  margin: 0;
  padding: 0; }

.IframeModal {
  min-width: 0; }

.IframeModal .page-content {
  width: auto;
  padding: 0;
  margin: 0;
  box-sizing: content-box; }

/* Settings Overview layout */
#settingsOverview ul li {
  margin: 4px 0 4px 10px; }

.settingsOverview h2 {
  margin: 4px 0 0px 10px; }

.settingsOverview ul li {
  margin: 4px 0 4px 20px; }

#settingsMainOverview {
  overflow: hidden;
  height: 600px; }

#settingsMainOverview .top {
  padding-top: 10px; }

#settingsMainOverview .nontop {
  padding-top: 15px; }

.settingsOverview {
  float: left;
  width: 303px;
  /* BDC-14701 fixes disappearing column on zoom out */
  border: none;
  border: 1px solid #ddd;
  margin-left: 0px;
  line-height: 1.5em;
  height: 99%;
  box-sizing: border-box;
  /* BDC-14701 fixes disappearing column on zoom out */ }

#settingsLeftOverview, #settingsMiddleOverview {
  margin-right: 15px; }

#settingsRightOverview {
  margin-right: 0; }

#checkList {
  border: 1px solid #9D9D9D;
  background-color: #F5F5F5;
  margin-bottom: 20px;
  line-height: 2em;
  padding: 5px; }

#checkList a.center {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px; }

#checkList .Icon {
  position: absolute;
  left: 0;
  top: 5px; }

/* App Center */
#appCenterIntro {
  padding-left: 5px;
  float: left;
  height: 150px; }

#appCenterIntro p {
  width: 520px;
  line-height: 1.4;
  padding: 5px 0 10px; }

#appCenterIntroImg {
  float: left;
  margin-bottom: 6px; }

.appCat {
  text-transform: uppercase; }

.appDesc {
  margin-top: -5px;
  color: #505050; }

.boxBetaRibbonImg {
  width: 80px;
  height: 80px;
  background-image: url(/img/pages/app-center/beta.png);
  margin-top: -5px;
  margin-right: -4px;
  position: absolute;
  right: 0px;
  background-repeat: no-repeat; }

.detailBetaRibbonImg {
  width: 90px;
  height: 90px;
  background-image: url(/img/pages/app-center/beta-app-detail.png);
  margin-top: -23px;
  margin-right: -14px;
  position: absolute;
  right: 0px;
  background-repeat: no-repeat; }

/* TODO: move to layout.scss ... App Center items layout */
.appBox {
  position: relative;
  float: left;
  width: 215px;
  height: 230px;
  border: 1px solid #aaa;
  margin: 2px 5px 10px;
  padding: 0 5px; }

.appInBox {
  padding: 8px 10px; }

.appNoSync {
  padding: 20px 0; }

.appStatus, .appStatusGray {
  position: absolute;
  bottom: 6px;
  letter-spacing: 1px;
  padding: 4px 8px;
  margin: 0 -3px;
  text-transform: uppercase;
  text-shadow: -1px 0 0 #fff, 0 1px 0 0 #eee;
  border-radius: 5px; }

.appStatus {
  background: #edf2ce;
  color: #7a7a7a; }

.appStatusGray {
  background: #f1f1f1;
  color: #7c7c7c; }

#appCenter div.alpha {
  margin-left: 0; }

#appCenter div.omega {
  margin-right: 0; }

#appCenter {
  overflow: hidden;
  margin-top: 10px; }

#addOn {
  padding-left: 10px; }

.addOnFirstColumn {
  float: left;
  width: 240px; }

.addOnSecondColumn {
  float: left;
  width: 300px;
  padding-top: 15px;
  padding-left: 50px;
  padding-right: 50px; }

.addOnDesc ul {
  list-style: inherit;
  padding: 10px 0 15px 25px; }

.addOnDesc li {
  padding: 5px 0 8px; }

#addOnAuthor {
  padding-top: 5px;
  padding-bottom: 30px; }

#addOnButton {
  float: left;
  margin-left: 70px; }

.installAddOnFirstColumn {
  float: left;
  padding: 10px 25px 0 15px; }

#installAddOn {
  width: 100%;
  height: 283px;
  overflow: hidden; }

#installAddOnLearnMore {
  padding-top: 20px; }

.installAddOnVideoColumn {
  float: left;
  padding: 5px 30px; }

.quickbooksButtonDiv {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -5px; }

div#adVert {
  float: right;
  width: 63%;
  background-image: url("/img/background_images/vert-gradient.png");
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 292px; }

div#loginForm div.picInfoContainer {
  overflow: hidden; }

div#loginForm div.rightPicInfo {
  padding-left: 10px;
  padding-top: 15px; }

div#loginForm {
  margin-top: 50px;
  margin-bottom: 140px;
  margin-left: 50px;
  float: left;
  width: 30%; }

div#loginForm div.forgotPassword {
  text-align: right;
  margin: 5px 0; }

div#loginForm div.row {
  position: relative;
  margin-bottom: 5px; }

div#loginForm input[type=password], div#loginForm input[type=text] {
  display: block;
  padding: 4px;
  width: 220px;
  margin: 0;
  border: 1px solid #ccc;
  background-color: #fff; }

div#loginForm div#instructions {
  position: absolute;
  top: 30px;
  left: 0;
  font-size: 18px;
  margin-top: 30px; }

div#loginForm div#instructions > div {
  margin-bottom: 10px; }

div#loginForm div.loginButton {
  text-align: right; }

div#loginForm div.shrinkMe {
  width: 232px; }

div#loginForm div.message {
  margin-right: 15px; }

#password.caps-lock {
  background-image: url(/img/background_images/caps-lock-icon.png);
  background-repeat: no-repeat;
  background-position: 99% 50%; }

div#loginForm div.picInfoContainer {
  overflow: hidden; }

div#loginForm div.rightPicInfo {
  padding-left: 10px;
  padding-top: 15px; }

div#loginForm {
  margin-top: 50px;
  margin-bottom: 140px;
  margin-left: 50px;
  float: left;
  width: 30%; }

div#loginForm div.forgotPassword {
  text-align: right;
  margin: 5px 0; }

div#loginForm div.row {
  position: relative;
  margin-bottom: 5px; }

div#loginForm input[type=password], div#loginForm input[type=text] {
  display: block;
  padding: 4px;
  width: 220px;
  margin: 0;
  background-color: #fff; }

div#loginForm div#instructions {
  position: absolute;
  top: 30px;
  left: 0;
  font-size: 18px;
  margin-top: 30px; }

div#loginForm div#instructions > div {
  margin-bottom: 10px; }

div#loginForm div.loginButton {
  text-align: right; }

div#loginForm div.shrinkMe {
  width: 232px; }

div#loginForm div.message {
  margin-right: 15px; }

#password.caps-lock {
  background-image: url(/img/background_images/caps-lock-icon.png);
  background-repeat: no-repeat;
  background-position: 99% 50%; }

div.logout {
  margin-left: 15px; }

div.logout div#adVert > div {
  padding-left: 25px;
  padding-top: 40px;
  width: 370px; }

div.logout div#loginForm {
  margin-top: 50px;
  float: left;
  width: 37%;
  margin-left: 0; }

div.logout h1 {
  margin-bottom: 1em; }

div#loginWrap {
  margin-top: 20px; }

div#loginWrap h1 {
  padding: 0;
  font-size: 30px; }

div#loginWrap h2 {
  font-size: 26px; }

div#loginWrap h3 {
  font-size: 18px;
  line-height: 1.4; }

/* Error tips */
div.error-tip {
  color: #b90000;
  display: block;
  position: relative; }

div.error-tip div.content {
  padding: 5px; }

div.error-tip div.arrow {
  width: 15px;
  height: 15px;
  left: 0;
  bottom: -15px;
  position: absolute;
  background-color: #0f0; }

input.error, select.error, textarea.error {
  border: 1px solid #b90000 !important; }

/* Mouse over tips */
div.mouseOverTip {
  display: none;
  position: absolute;
  color: #000;
  background-color: #f4f4f4;
  border: 1px solid #e2e2e2;
  z-index: 200;
  box-shadow: 0px 0px 9px #777;
  text-shadow: none; }

div.mouseOverTip > div {
  background-color: #dfdfdf;
  margin: 2px;
  padding: 10px;
  border: none;
  line-height: 1.4;
  font-size: 14px;
  text-align: left; }

div#syncBdc {
  color: #d0541b;
  font-size: 22pt;
  font-weight: bold; }

div#syncIntuit, div#syncXero, div#syncTallie, div#syncSFDC, div#syncNetSuite {
  color: #1076a6;
  font-size: 22pt;
  font-weight: bold; }

div#syncIntacct {
  color: #ACC314;
  font-size: 22pt;
  font-weight: bold; }

div.syncBlock {
  float: left;
  margin-left: 65px;
  padding-bottom: 15px; }

div.syncBlock span {
  font-size: 16px; }

tr.highlightaged {
  background-color: #F5BCA9; }

/* Express Pay Modal */
div.expressPayTitle {
  font-weight: bold; }

div.expressPayBody {
  margin-left: 10px; }

div.expressPay2Cols {
  overflow: auto; }

div.expressPayLeftCol {
  float: left;
  width: 5%;
  margin-top: 4px; }

div.expressPayRightCol {
  float: right;
  width: 95%; }

div.expressPayLoading {
  text-align: center;
  display: none; }

div.expressPayBottom {
  text-align: center;
  padding-top: 8px; }

div.expressPayBody ul.expressPayList {
  margin-left: 17px;
  list-style-type: disc; }

ol.expressPayList {
  margin-left: 15px;
  list-style-type: decimal; }

#expensesSection {
  margin-top: 3px; }

table.multiLineTable.cell-narrow > tbody > tr > td, table.multiLineTable.cell-narrow > tbody > tr > td > input, table.multiLineTable.cell-narrow > tbody > tr > td > span > input.LookupInput {
  width: 190px; }

table.multiLineTable td.descriptionEdit input {
  width: 100% !important; }

table.multiLineTable.cell-wide > tbody > tr > td, table.multiLineTable.cell-wide > tbody > tr > td > input, table.multiLineTable.cell-wide > tbody > tr > td > span > input.LookupInput {
  width: 110px; }

table.multiLineTable th {
  font-weight: bold;
  text-align: left;
  padding-left: 4px; }

table.multiLineTable td {
  padding: 2px; }

table.multiLineTable > tbody > tr > td > input {
  box-sizing: border-box; }

table.multiLineTable td.descPadding {
  padding-right: 5px; }

#msgBoxWrapper {
  display: none; }

.noteContainer {
  font-size: 12px;
  padding-top: 8px;
  padding-right: 10px; }

div.noteContainer div.labelContainer label {
  position: absolute;
  top: 5px;
  left: 4px;
  color: #777; }

div.noteContainer div.labelContainer {
  float: left;
  position: relative; }

.notesOuter {
  width: 450px;
  vertical-align: top; }

.notesOuterRight {
  padding-left: 15px;
  border-left: 1px solid #aaa; }

#notesHeader #closeLink {
  cursor: pointer; }

#notesHeader h3 {
  margin-top: 0;
  margin-bottom: 0; }

#notesHeader #closeLink.collapsed {
  background-image: url(/img/themes/reskin/background_images/icon-approvers-container-collapsed.png);
  height: 16px;
  width: 15px; }

#notesHeader #closeLink.expanded {
  background-image: url(/img/themes/reskin/background_images/icon-approvers-container-expanded.png);
  height: 16px;
  width: 15px; }

div.noteContainer textarea, textarea.autosizetextarea {
  margin: 0;
  padding: 3px;
  width: 100%;
  resize: none;
  font-size: 12px;
  height: 15px; }

div#homePageRight {
  width: 630px !important; }

div#homePageLeft {
  width: 300px !important; }

div.twoColumnLayout div.customizableHomePageRight {
  width: 49.3% !important;
  padding: 0;
  margin: 0; }

div.twoColumnLayout div.customizableHomePageLeft {
  width: 49.3% !important;
  padding: 0;
  margin: 0; }

div.customizeHomePage table {
  width: 100%; }

div.customizeHomePage div.dc-two {
  padding: 15px; }

div.customizeHomePage div.twoColumnLayout li {
  margin-bottom: 15px;
  background-color: #fff; }

div#invalidSession {
  width: 445px;
  margin: auto;
  margin-top: 70px; }

div#userInfo div.leftPicInfo {
  margin-bottom: 10px; }

div#userInfo div.regLineHeight {
  margin-left: 10px; }

div.settingsItem p {
  margin-bottom: 5px; }

div.settingsItem div.floatcontain {
  margin-bottom: 5px; }

div.settingsItem {
  margin-bottom: 10px; }

.link-expand {
  margin-left: 5px; }

.startup-addmore {
  background-color: #efefef;
  margin: 10px 35px 10px;
  padding: 10px; }

.startup-description {
  margin-bottom: 8px; }

.platformDialog {
  width: 370px; }

span.recentItem {
  font-size: 13px;
  color: #166A9B; }

a.recentItem {
  font-size: 13px;
  color: #166A9B;
  white-space: nowrap; }

span.recentItemDisabled {
  /* Should inherit from recentItem */
  color: grey; }

a.recentItemDisabled {
  /* Should inherit from recentItem */
  color: grey; }

span.mruDisabled {
  /* Should inherit from recentItem */
  color: grey; }

a.mruDisabled {
  /* Should inherit from recentItem */
  color: grey; }

#mruDropdown li:hover a {
  text-decoration: none;
  color: inherit; }

#mruDropdown li:hover div * {
  color: #07669f; }

#mruDropdown li.showAll {
  border-top: 1px solid #dddddd;
  padding-top: 10px;
  margin: 10px 20px 0;
  background-position: 0 0;
  box-sizing: border-box; }

#mruWrapper {
  /* PNC uses a different value */
  width: auto; }

.totalText {
  text-align: right;
  padding: 8px;
  padding-right: 20px;
  font-weight: bold;
  color: #990000; }

.quick-add {
  min-height: 0; }

.quick-add .container-inner {
  width: auto; }

div.quickAddDuplicateAlert {
  width: 480px; }

div.PayWithoutLabel {
  width: 200px;
  margin: 0px auto;
  background-color: #FFFFFF;
  margin-bottom: -10px; }

.new-paragraph {
  margin-top: 8px; }

.pni {
  float: right; }

.pagination-bottom {
  font-size: 12px;
  text-align: right;
  float: none; }

.pagination-bottom .rolodex-pagination {
  float: right; }

tr.highlight {
  background-color: #BDE5F8; }

.tableContent {
  margin-top: 5px; }

/** For grey info boxes, usually collapsible. */
div.greyInfoBox {
  background-color: #efefef;
  line-height: 1.2;
  padding: 10px; }

/** For helper text that is displayed next to HTML form elements. */
.formHelperText {
  font-size: 13px;
  color: #777; }

.mainLogoSize {
  max-width: 150px;
  max-height: 55px; }

#signupConfirmBox {
  width: 740px;
  text-align: left;
  padding: 25px 0px 25px 90px; }

/* d3 donut */
bdc-donut .percent {
  font-size: 48px; }

bdc-donut .percent-symbol, bdc-donut .vs-percent {
  font-size: 14px; }

bdc-donut .vs {
  font-size: 12px; }

bdc-donut .vs-percent-symbol {
  font-size: 10px; }

bdc-donut .percent, bdc-donut .percent-symbol, bdc-donut .vs-percent, bdc-donut .vs-percent-symbol {
  font-weight: 300; }

/* for svg only */
bdc-donut path.color0 {
  fill: #5b96bc; }

bdc-donut path.color1 {
  fill: #f6f6f6; }

bdc-donut .percent, bdc-donut .percent-symbol {
  fill: #5b96bc; }

bdc-donut .vs, bdc-donut .vs-percent, bdc-donut .vs-percent-symbol {
  fill: #999; }

/* style guide */
.style-guide section {
  border: solid 1px #eee;
  margin-top: 20px; }

.style-guide section > h2 {
  text-transform: uppercase;
  background-color: #f6f6f6;
  margin: 0;
  padding: 8px; }

.style-guide section article {
  padding: 8px; }

.style-guide section article > h3 {
  display: block;
  border-bottom: solid 1px #f6f6f6;
  padding-bottom: 3px;
  margin-bottom: 8px; }

.style-guide .base-styles article > article > h2 {
  /* override style guide values so that normal values come through */
  text-transform: inherit;
  background-color: inherit;
  margin: 0;
  padding: 0; }

.style-guide .base-styles article > article > h3 {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.style-guide .style-guide-visualizations bdc-donut {
  float: left; }

.style-guide .style-guide-visualizations button {
  margin-top: 8px;
  display: block;
  float: left;
  /* required for the margin to take effect after the floats */
  clear: left; }

.style-guide .style-guide-links a {
  display: block; }

.style-guide .page-content .style-guide-links li {
  margin-top: 8px; }

.style-guide .code-snippet {
  float: left;
  width: 100%; }

.style-guide .style-guide-font {
  float: left;
  margin-right: 8px; }

/* Lato font demo */
.lato {
  font-family: Lato, Helvetica, Arial, sans-serif; }

.latoLight {
  font-weight: 300; }

.latoRegular {
  font-weight: 400; }

.latoBold {
  font-weight: 700; }

/* code snippets */
.code-snippet {
  clear: left;
  margin-top: 10px;
  color: #333;
  background-color: #fcfcfc;
  border: solid 1px #eee;
  padding: 10px;
  box-sizing: border-box;
  overflow: auto;
  font-family: Menlo, Monaco, monospace;
  white-space: pre;
  -moz-tab-size: 2;
       tab-size: 2; }

/* BEM-style widgets */
.Widget--styleGuide {
  border: solid 1px #eee;
  margin-bottom: 20px; }

.Widget--styleGuide:last-child {
  margin-bottom: 0; }

.Widget--styleGuide-header {
  text-transform: uppercase;
  background-color: #f6f6f6;
  margin: 0;
  padding: 8px; }

.Widget--styleGuide-content {
  padding: 8px;
  background-color: #fff; }

.Widget--article {
  border: none; }

.Widget--article-header {
  display: block;
  border-bottom: solid 1px #f6f6f6;
  padding: 0 0 3px 0;
  margin-bottom: 8px;
  background-color: transparent;
  text-transform: none; }

.Widget--article-content {
  padding: 0; }

.break--major {
  margin: 50px 0;
  border: solid 25px #ccc; }

.header-container-style-guide .top-header {
  width: auto; }

.style-guide-demoCard {
  background-image: url("/img/card.jpg");
  width: 250px;
  height: 325px;
  position: relative; }

/* epayment meter widget and activities widget */
.widget {
  box-sizing: border-box;
  border: solid 1px #e6e6e6; }

.widget .feedback-immediate p, .widget .visibility-callout p {
  margin-bottom: 10px; }

.widget .reduce-costs {
  text-align: center; }

.widget .heading {
  background-color: #e6e6e6;
  color: #333;
  font-size: 14px; }

.widget .blurb {
  background-color: #f7f7f7;
  font-size: 12px;
  color: #666; }

.widget .heading, .widget .blurb, .widget .widget-content {
  padding: 14px; }

.widget .blurb:last-child {
  border-bottom: none; }

.widget .feedback-immediate {
  position: relative; }

.widget .feedback-immediate:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -6px;
  margin-left: -5px;
  height: 6px;
  width: 10px;
  background-size: 10px 6px;
  background-image: url(/img/pages/network/bubble_pointer_top.png); }

.widget .feedback-immediate .feedback-immediate-success {
  padding-left: 30px;
  position: relative; }

.widget .feedback-immediate .feedback-immediate-success:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  /* TODO: tie this to the icon position */
  width: 15px;
  height: 14px;
  background-image: url(/img/pages/network/tick.png);
  background-repeat: no-repeat;
  background-size: 15px 14px;
  margin-top: 3px; }

bdc-epayment-meter .NotificationBanner--statusFeedback {
  margin-top: 0;
  /* TODO: shouldn't have to override this */ }

/* ePayment Meter */
.epayment-meter.widget .widget-content {
  text-align: center; }

.epayment-meter.widget .widget-content .caption {
  text-transform: uppercase;
  color: #666666;
  padding: 0 56px;
  font-size: 12px; }

.epayment-meter.widget .widget-content .no-transform {
  text-transform: none; }

.epayment-meter.widget .visualization {
  padding: 10px 0 5px; }

.epayment-meter.widget .heading, .recommendations.widget .heading {
  text-align: right; }

.epayment-meter.widget .heading.heading-notbdc {
  text-align: left;
  /* TODO: temporary until fix CSS for this widget */ }

.epayment-meter.widget .visibility-callout.blurb {
  text-align: center;
  position: relative; }

.epayment-meter.widget .visibility-callout.blurb:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  /* TODO: tie this to the icon position */
  width: 12px;
  height: 7px;
  background-image: url(/img/pages/network/bubble_pointer_top.png);
  background-repeat: no-repeat;
  background-size: 12px 7px;
  margin-top: -7px;
  margin-left: 17px; }

.epayment-meter.widget .heading-link {
  font-size: 13px; }

.heading-title {
  font-size: 14px;
  float: left;
  font-weight: bold; }

.profile-visibility {
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 27px;
  position: relative; }

.profile-visibility:before {
  content: '';
  position: absolute;
  left: 0;
  height: 20px;
  width: 17px;
  background-repeat: no-repeat;
  background-position-x: left;
  background-size: 17px 20px;
  top: 50%;
  margin-top: -10px; }

.profile-visibility.public:before {
  background-image: url(/img/pages/network/profile_public.png); }

.profile-visibility.limited:before {
  background-image: url(/img/pages/network/profile_limited.png); }

.profile-visibility.private:before {
  background-image: url(/img/pages/network/profile_private.png); }

/* recommendation card */
.recommendation {
  padding: 10px;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden; }

.recommendation:last-child {
  margin-right: 0; }

.recommendation-content {
  text-align: center; }

.recommendation-name {
  font-weight: bold;
  margin-top: 10px;
  font-size: 12px;
  color: #333; }

.recommendation-location {
  font-size: 12px;
  color: #999; }

.recommendation .widget-buttons {
  margin-top: 10px;
  border-top: solid 1px #e6e6e6;
  padding-top: 10px; }

/* recommendation logos */
/* logos */
/* TODO: combine some of this with .message-org-avatar-container in main.css */
.logo-rec {
  margin: 0 auto;
  /* TODO: centering for recommendations only; could move out to its own rule */
  width: 55px;
  height: 60px;
  background-size: 55px 60px;
  background-image: url(/img/recommendation/img_profile_bg_rec_2x.png);
  text-align: center;
  /* TODO: centering for recommendations only; could move out to its own rule */
  font-size: 0; }

.logo-rec:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.logo-rec img {
  max-width: 43px;
  max-height: 26px;
  display: inline-block;
  vertical-align: middle; }

.logo-rec-default {
  background-image: url(/img/recommendation/img_default_rec_2x.png); }

.close-box {
  background-image: url(/img/recommendation/icon_close_rec_2x.png);
  background-size: contain;
  background-position: left top;
  float: right;
  height: 7px;
  overflow: hidden;
  /* don't let text spill out from the text-indent */
  text-indent: 100%;
  width: 7px; }

/* recommendations */
.recommendations-caption {
  font-size: 13px;
  color: #666;
  margin-bottom: 10px; }

.recommendations-links {
  text-align: center;
  padding-bottom: 10px; }

a.current {
  font-weight: bold; }

/* recommendation dialog */
.vendor-info {
  margin-top: 20px; }

/* TODO: combine this with partials/pages/_network.css property/value CSS */
.vendor-info-property {
  font-weight: bold;
  float: left;
  width: 170px; }

.vendor-info-value {
  float: left; }

.vendor-name {
  font-weight: bold; }

.vendor-address {
  padding-top: 4px; }

.vendor-in-network {
  margin: 20px 0 -10px;
  font-weight: bold; }

.recommendation-dialog-caption {
  margin-top: 10px; }

.rec-admin-info-label {
  box-sizing: border-box;
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 170px;
  font-size: 12px; }

.rec-admin-info-value {
  float: left;
  font-size: 13px; }

.recommendation-dialog-network {
  box-sizing: border-box;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  /* shrink */
  margin-left: -12.5%;
  /* resize white space */
  margin-right: -12.5%;
  margin-top: 0%;
  margin-bottom: -2%; }

.intro-popup-buttons {
  float: right;
  padding: 5px;
  margin-top: 5px; }

.intro-popup-img {
  text-align: center;
  padding-top: 2px; }

.acct-software-change-message {
  font-size: 12px; }

.other-sync-actions-link {
  padding-left: 5px;
  padding-top: 5px;
  clear: both;
  text-align: center; }

.other-sync-actions-heading {
  padding-top: 10px;
  clear: both; }

.other-sync-actions-button-div {
  padding-top: 5px;
  padding-left: 5px;
  text-align: center; }

.export-report-servlet-heading {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px; }

.gain-loss-report-wide {
  width: 1400px !important; }

/* Network Search Page */
.search-box {
  width: 620px; }

.search-form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.search-results-title {
  font-size: 12px;
  height: 13px;
  padding-top: 25px;
  padding-bottom: 5px; }

.search-infomsg {
  font-family: Lato;
  font-size: 13px;
  color: #999999;
  line-height: 1.5;
  height: 13px;
  padding-top: 25px;
  padding-bottom: 5px; }

.search-input {
  width: 510px;
  margin: 0 18px 0 0;
  font-size: 14px;
  line-height: 1.6;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.search-input ::-webkit-input-placeholder {
  font-size: 14px;
  color: #999999;
  font-family: Lato; }

.search-input :-ms-input-placeholder {
  font-size: 14px;
  color: #999999;
  font-family: Lato; }

.search-input ::placeholder {
  font-size: 14px;
  color: #999999;
  font-family: Lato; }

.logo-search {
  margin: 12px 12px;
  padding: 12px 12px;
  float: left; }

.search-result {
  border-bottom: solid 1px;
  border-bottom-color: #e6e6e6;
  text-align: left; }

.search-result-first {
  border-top: solid 1px;
  border-top-color: #e6e6e6; }

.search-result .orginfo {
  padding-top: 22px;
  text-align: left; }

.search-result .title {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  color: #166A9B;
  line-height: 1.5; }

.search-result .title:hover {
  color: #CB4F00; }

.search-result .info {
  font-family: Lato;
  font-size: 13px;
  color: #999999;
  line-height: 1.5; }

.search-tip-has-result {
  float: right;
  font-size: 12px; }

.search-tip-no-result {
  float: left;
  font-size: 12px; }

.ops-logo-org {
  width: 70%; }

.ops-info {
  padding-top: 25px;
  width: 28%; }

.search-connect-button {
  padding-top: 40px;
  width: 28%;
  text-align: right; }

/* Bill Page Styles */
div.billDetails > table {
  width: 100%; }

div.billDetails > table td {
  width: 50%; }

div#billStatusWrapper {
  font-size: 16px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding-top: 5px;
  padding-bottom: 15px;
  margin-bottom: 15px; }

div#billStatusWrapper div.pipe {
  width: 1px;
  height: 65px;
  float: left;
  margin-left: 3%;
  background-color: #d6d6d6; }

div#billStatusWrapper div.unpaid {
  color: #b90000; }

div#billStatusWrapper div.paid {
  color: #bfc81f; }

div#billStatusWrapper div.scheduled {
  color: #999; }

div#billStatusWrapper div.partiallypaid {
  color: #bfc81f; }

div#billStatusWrapper div.denied {
  color: #b90000; }

div#billStatusWrapper div.approved {
  color: #bfc81f; }

div#billStatusWrapper div.approving {
  color: #999; }

div#billStatusWrapper div.unassigned {
  color: #999; }

.primary-menu-container {
  background-color: #e6e6e6;
  position: relative; }

.menu {
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  font-size: 12px;
  min-width: 10px;
  text-transform: uppercase; }

.menu ul {
  list-style: none;
  margin: 0 -15px;
  padding: 0;
  text-align: center; }

.menu ul li {
  color: #666666;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative; }

a.PrimaryNavBar-navItem {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 16px;
  margin: 0;
  padding: 16px 15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

a.PrimaryNavBar-navItem:active {
  color: #999999; }

a.PrimaryNavBar-selectedNavItem {
  background-size: 15px 8px;
  color: #999999;
  position: relative; }
  a.PrimaryNavBar-selectedNavItem:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f7f7f7;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px; }

a.PrimaryNavBar-selectedNavItem--singleNavBar {
  background-size: 15px 8px;
  color: #999999;
  position: relative; }
  a.PrimaryNavBar-selectedNavItem--singleNavBar:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px; }

.menu ul li a:hover, .menu ul li:hover a {
  color: #333333;
  text-decoration: none; }

.menu ul li.current a:hover, .menu ul li.current:hover a {
  color: #999999;
  text-decoration: none; }

.menu ul li.sub a {
  color: #666666; }

.menu ul li a:selected {
  border-left: 1px solid #5a5a5a;
  border-right: 1px solid #5a5a5a;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.39); }

/** Mouse over sub menu **/
.menu ul li ul {
  background-color: #ffffff;
  border: none;
  box-shadow: 0 1px 5px #ccc;
  display: none;
  left: 0;
  margin: 0 0 0 -5px;
  padding: 10px 0;
  position: absolute;
  z-index: 200; }

.menu ul li:hover ul {
  display: block; }

.menu ul li.current:hover ul {
  display: none; }

.menu ul li ul li {
  display: block;
  float: none;
  margin: 0px;
  padding: 0px; }

.menu ul li:hover ul li a {
  background: none; }

.menu ul li ul.sub li a {
  box-sizing: border-box;
  color: #666666;
  display: block;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: normal;
  margin: 0px;
  padding: 10px 20px;
  text-align: left;
  width: 200px;
  text-decoration: none;
  text-transform: uppercase; }

.menu ul li ul.sub li a:hover {
  color: #07669f;
  text-decoration: none; }

.top-header-container {
  background-color: #ffffff; }

.simple-header {
  border: 1px solid #e6e6e6; }

.login-header-container {
  background-color: transparent; }

.top-header {
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  box-sizing: border-box; }

.logo-container {
  list-style: none;
  float: left;
  height: 38px;
  position: relative;
  top: 50%;
  margin-top: -19px; }

.logo-link {
  height: 38px;
  display: table-cell;
  vertical-align: middle; }

.logo-link-portrait {
  height: 48px;
  display: table-cell;
  vertical-align: middle; }

.mainLogo {
  max-width: 150px;
  max-height: 38px;
  vertical-align: middle; }

.main-logo-portrait {
  max-width: 48px;
  max-height: 48px;
  vertical-align: middle; }

.retina-main-logo {
  width: 136px;
  height: 38px; }

.tools-container {
  min-width: 10px;
  list-style: none;
  float: right;
  color: #484848;
  position: relative;
  top: 50%; }

.divider-line {
  border-left: thin dotted #333333;
  float: left;
  height: 36px;
  position: relative;
  top: 50%;
  margin-top: -18px; }

/** Portal/console header specific **/
.portal-console-logo-container {
  list-style: none;
  float: left;
  height: 38px;
  position: relative;
  top: 50%;
  margin-top: -19px;
  margin-right: 30px; }

.portal-console-logo-container-portrait {
  list-style: none;
  float: left;
  height: 48px;
  position: relative;
  top: 50%;
  margin-top: -24px;
  margin-right: 30px; }

.portal-console-inner-container {
  height: 38px;
  display: table-cell;
  vertical-align: middle; }

.portal-console-inner-container-portrait {
  height: 48px;
  display: table-cell;
  vertical-align: middle; }

.header-message {
  font-weight: 300;
  margin-left: 20px;
  font-size: 24px;
  color: #333333;
  float: left;
  position: relative;
  top: 50%;
  margin-top: -12px; }

.no-logo-org-name {
  font-weight: 400;
  margin-right: 30px;
  max-width: 270px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 24px;
  color: #333333;
  float: left;
  position: relative;
  top: 50%;
  margin-top: -12px; }

/** links in menus**/
.toolsContainer .link, .toolsContainer a:link {
  color: #666666;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px; }

.toolsContainer a:visited {
  color: #666666;
  text-decoration: none; }

.toolsContainer .link:hover, .toolsContainer a:hover {
  color: #07669f;
  cursor: pointer;
  text-decoration: none; }

.toolsContainer a:active {
  color: #07669f;
  text-decoration: none; }

/*****/
/*user-menu start*/
.userMenuContent {
  padding-bottom: 10px; }

div.userInfoLinks a {
  box-sizing: border-box;
  width: 200px;
  padding: 10px 20px;
  display: block;
  color: #666666;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px; }

div.userInfoLinks a:visited {
  color: #666666;
  text-decoration: none; }

div.userInfoLinks a:hover {
  color: #07669f;
  cursor: pointer;
  text-decoration: none; }

div.userInfoLinks a:active {
  color: #07669f;
  text-decoration: none; }

.userMenuContentDivider {
  border-bottom: 1px solid #dddddd;
  margin: 0px 20px 10px 20px; }

.nav-link.userInfoLinks {
  padding: 0;
  width: auto; }

.navTools .navToolsMenu {
  white-space: nowrap;
  position: absolute;
  right: 0px;
  display: none;
  z-index: 200;
  text-align: left;
  background-color: #fff;
  border: none;
  box-shadow: 0 1px 5px #ccc;
  padding: 10px 0; }

/*@-moz-document url-prefix() {
  .navTools .navToolsMenu {
    padding-top: 4px;
  }
}*/
.name-company-box {
  float: left;
  cursor: pointer;
  max-width: 135px;
  margin-left: -10px;
  padding-left: 30px;
  position: relative;
  top: 50%;
  margin-top: -15px; }

.name-company-box:hover .menuPointer, .name-company-box:hover .navToolsMenu {
  display: block; }

.name-company-box #userName {
  color: #333333;
  font-size: 12px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.navToolsUserContainer {
  vertical-align: middle;
  max-width: 135px; }

.navTools {
  cursor: pointer;
  position: relative;
  display: block; }

.tools-labels-container {
  height: 30px;
  display: table-cell;
  padding-bottom: 20px;
  vertical-align: middle; }

.navToolsOrgContainer {
  padding-top: 4px;
  color: #999999;
  font-size: 10px;
  max-width: 135px; }

.navToolsOrgContainer > span {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.companyLoadingIndicator {
  margin: auto;
  display: block;
  padding-top: 20px; }

/*user-menu end*/
/*****/
/* Containing element for search bar */
.main-search-bar-container {
  float: left;
  box-sizing: border-box;
  margin-left: 60px;
  width: 397px;
  position: relative;
  top: 50%;
  margin-top: -24px; }

.search-bar-no-logo {
  margin-left: 0px; }

/* Search submit button */
.searchSubmitButton {
  border: 0;
  box-sizing: border-box;
  height: 48px;
  width: 48px;
  position: absolute;
  top: 0;
  left: 100%;
  background: url("/img/themes/reskin/background_images/search_normal_2x.png") no-repeat center center;
  background-size: 16px 16px;
  background-color: #f7f7f7; }

.searchSubmitButton:hover {
  cursor: pointer;
  background: url("/img/themes/reskin/background_images/search_active_2x.png") no-repeat center center;
  background-size: 16px 16px;
  background-color: #f7f7f7; }

/* The actual input element for search bar */
.main-search-bar {
  color: #666666;
  height: 48px;
  font-size: 16px;
  border: none;
  box-sizing: border-box;
  padding: 14px 0 14px 16px;
  width: 100%;
  background-color: #f7f7f7;
  line-height: 1.2; }

.main-search-bar:hover {
  background-color: #f7f7f7;
  color: #666666; }

.main-search-bar:focus {
  outline: 0;
  border: none;
  padding: 14px 0 14px 16px; }

.main-search-bar:focus ~ .searchSubmitButton, .main-search-bar:hover ~ .searchSubmitButton {
  background: url("/img/themes/reskin/background_images/search_active_2x.png") no-repeat center center;
  background-size: 16px 16px;
  background-color: #f7f7f7; }

::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.5); }

:-ms-input-placeholder {
  color: rgba(102, 102, 102, 0.5); }

::placeholder {
  color: rgba(102, 102, 102, 0.5); }

/** Icon buttons **/
.navToolsIconsContainer {
  float: left;
  height: 24px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: 50%;
  margin-top: -12px; }

/* nav dropdown */
.nav-container {
  float: right;
  cursor: pointer;
  padding: 0 10px; }

.nav-container:hover {
  position: relative; }

.nav-container .button {
  float: right;
  width: 24px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: top left; }

.nav-container:hover div.content, .nav-container:hover .nav-button-active, .nav-container:hover div.menuPointer {
  display: block; }

.nav-container div.button.settings {
  background-image: url("/img/dark_icons/settings_normal_2x.png");
  background-size: 24px 24px; }

.nav-container:hover div.button.settings {
  background-image: url("/img/dark_icons/settings_active_2x.png");
  background-size: 24px 24px; }

.nav-container div.button.mru {
  background-image: url("/img/dark_icons/history_normal_2x.png");
  background-size: 24px 24px; }

.nav-container:hover div.button.mru {
  background-image: url("/img/dark_icons/history_active_2x.png");
  background-size: 24px 24px; }

.nav-container:hover .Icon--syncIdle {
  background-image: url("/img/dark_icons/connect_hover_2x.png"); }

.nav-container div.content {
  display: none;
  padding: 10px 0;
  min-width: 50px;
  z-index: 200;
  position: absolute;
  top: 39px;
  left: -89px;
  float: left;
  background-color: #fff;
  box-shadow: 0 1px 5px #cccccc; }

.nav-container div.content.mruContent {
  left: -129px; }

.mruLinkTitle {
  text-align: left;
  float: left;
  width: auto; }

.mruLinkType {
  text-align: right;
  float: right;
  width: auto;
  font-size: 12px;
  padding: 10px 0;
  text-transform: capitalize;
  color: #999999; }

.nav-content-title {
  color: #999999;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  padding: 10px 20px;
  box-sizing: border-box; }

#mruDropdown div.floatcontain {
  padding-right: 20px;
  width: 280px;
  box-sizing: border-box; }

/*nav-tools-icons end*/
/*****/
.sub-menu-container {
  background-color: #f7f7f7; }

.sub-menus-list {
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  list-style: none; }

.submenu {
  clear: both;
  float: left;
  font-size: 0;
  list-style: none;
  margin: 0 -15px;
  padding: 0; }

.submenu li {
  color: #484848;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

a.SecondaryNavBar-navItem {
  color: #666666;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  height: 14px;
  margin: 0;
  padding: 17px 15px;
  text-decoration: none; }

a.SecondaryNavBar-navItem:active {
  color: #999999; }

a.SecondaryNavBar-navItem:hover {
  color: #333333;
  text-decoration: none; }

a.SecondaryNavBar-selectedNavItem {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  height: 14px;
  margin: 0;
  padding: 17px 15px;
  text-decoration: none;
  background-size: 15px 8px;
  color: #999999;
  position: relative; }
  a.SecondaryNavBar-selectedNavItem:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px; }

a.SecondaryNavBar-selectedNavItem:hover {
  color: #999999;
  text-decoration: none; }

div#thirdNav {
  margin-bottom: 5px;
  overflow: hidden; }

div#thirdNav ul {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  list-style: none; }

div#thirdNav ul li {
  color: #666666;
  display: inline;
  margin: 0;
  padding: 0; }

div#thirdNav ul li:before {
  content: "| "; }

div#thirdNav ul li:first-child:before {
  content: ""; }

div#thirdNav ul li a {
  background-color: #ffffff;
  padding: 2px 4px; }

div#thirdNav ul li:first-child a {
  padding-left: 0; }

div#thirdNav ul li a.current {
  font-weight: bold; }

.network p {
  margin-bottom: 10px; }

.network .network-content {
  /* TODO: rename this to just .network .content when we're not conflicting with the original CSS */
  padding: 16px; }

.network .main {
  padding-right: 16px;
  float: left;
  width: 600px;
  border-right: 1px solid #ccc;
  word-wrap: break-word; }

.network .sidebar {
  padding-left: 22px;
  float: left;
  width: 254px;
  border-left: solid 1px #ccc;
  margin-left: -1px;
  /* allow border to be max length of either sidebar or main */
  word-wrap: break-word; }

.network .sidebar h2 {
  margin-top: 16px; }

.network .sidebar ul {
  list-style: disc;
  margin-left: 1em;
  padding-left: 15px; }

.network .sidebar li {
  margin-top: 8px; }

.pni-find {
  margin-bottom: 10px; }

/* main */
.profile-properties {
  margin-top: 16px; }

.profile-properties label.property-name {
  width: 179px;
  font-weight: bold;
  margin-right: 10px;
  text-align: right;
  vertical-align: top;
  float: left; }

.profile-properties .property-value {
  white-space: pre-wrap;
  /* preserve newlines */ }

.profile-properties .property-value, .profile-properties .property-list {
  margin-left: 196px;
  display: block; }

.profile-properties label {
  width: 150px;
  display: inline-block;
  margin-right: 8px;
  text-align: right; }

.profile-properties li {
  margin-bottom: 10px; }

.company-blurb {
  margin-top: 36px;
  margin-left: 17px;
  float: left; }

.company-heading h3, .company-heading {
  color: #fff; }

.profile-byline-address {
  margin-top: 20px;
  background: url(/img/pages/network/icon_location.png) no-repeat 0 2px;
  padding-left: 20px; }

.profile-byline-phone {
  margin-top: 10px;
  background: url(/img/pages/network/icon_phone.png) no-repeat 0 2px;
  padding-left: 20px; }

h3.profile-name {
  font-weight: bold;
  font-size: 24px; }

.connections > div {
  margin-top: 8px;
  padding: 8px;
  background-color: #eee;
  border: solid 1px #ccc; }

.connections h2 {
  margin: 0; }

.connections-list a, .connections-list a:visited {
  color: #166A9B; }

.connections-list b {
  font-weight: bold; }

.connections-list .link-section {
  margin-top: 5px; }

.connections-list > li {
  margin-top: 8px;
  padding: 8px;
  border: solid 1px #ccc;
  background-color: #efefef; }

.profile-message {
  margin: 0 5px;
  line-height: 26px; }

.feedback-message {
  display: inline-block;
  background-color: #ccc;
  line-height: 26px;
  padding: 5px 10px;
  margin-top: 8px;
  color: #666;
  font-style: italic; }

.profile-message:first-child {
  margin-left: 0; }

.fieldgroup {
  margin-top: 15px; }

.field {
  margin-top: 5px; }

.profile-label {
  width: 79px;
  display: inline-block;
  text-align: right; }

.profile-value {
  display: inline-block; }

.profile-label.disabled, .profile-value.disabled {
  display: none; }

/* TODO: merge with above using same naming scheme */
.status-bar {
  background-color: #eee; }

.connect-bar {
  padding: 16px 8px 16px 210px;
  min-height: 26px; }

.connect-message {
  line-height: 26px; }

.connect-component-wrapper {
  float: left;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  margin-left: -1px;
  max-width: 50%;
  /* TODO: figure out how to make it so that both wrappers act like table cells */ }

.connect-component-wrapper:first-child {
  border-left: none; }

.connect-component-wrapper:first-child .connect-component {
  margin-left: 0;
  padding-left: 0; }

.connect-component-wrapper:last-child {
  border-right: none; }

.connect-component-wrapper:last-child .connect-component {
  padding-right: 0; }

.connect-component {
  padding-left: 30px;
  padding-right: 30px; }

.connect-separator {
  color: #888;
  font-weight: bold; }

.connect-description {
  text-transform: uppercase;
  color: #414141;
  font-weight: bold; }

.connect-status {
  color: #999; }

.connect-buttons {
  display: inline-block;
  width: 100%; }

.button-find {
  margin-left: 8px; }

.connect-actions {
  margin-top: 8px;
  display: block; }

.connect-actions .link {
  line-height: 1.6; }

.link-info {
  padding: 8px;
  float: left;
  border-left: solid 1px #ccc; }

/* TODO: figure out how to get onto CDN; figure out versioning too */
.company-heading {
  background-image: url(/img/pages/network/bg_dark_grey.png);
  background-color: #000; }

/* vertically and horizontally centered logo */
.company-heading .company-img {
  float: left;
  margin-left: 24px;
  margin-top: 0px;
  position: relative;
  top: 48px;
  text-align: center;
  /* align the inline(-block) elements horizontally */
  font: 0/0 a;
  /* remove the gap between inline(-block) elements */
  height: 196px;
  width: 170px;
  background: url(/img/pages/network/img_profile_bg.png) no-repeat transparent; }

.company-img:before {
  /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  height: 100%; }

.company-img .profile-logo {
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  /*font: 14px/1 'Lato';*/
  max-height: 96px;
  max-width: 160px; }

a#profile-logo-edit-link {
  font-size: 100%; }

.profile-logo-edit:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); }

.profile-logo-edit:hover:before {
  content: 'Edit logo';
  display: block;
  color: #CB4F00;
  position: absolute;
  top: 156px;
  left: 55px;
  margin: 0 auto;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
  font-family: Lato, Helvetica, Arial, sans-serif; }

.company-img .profile-logo.default {
  max-height: none;
  max-width: none;
  background: url(/img/pages/network/img_default_profile.png) no-repeat transparent; }

.modal-backdrop {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0.6;
  z-index: 9998;
  background-color: #414141; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden; }

.modal-dialog {
  width: 480px;
  margin: 130px auto; }

.modal-dialog {
  position: relative;
  z-index: 1050; }

/* TODO: from bootstrap; use instead of or with .modal_overlay? */
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box; }

.modal-dialog div.modal_overlay {
  display: block;
  position: static; }

.modal-dialog .modal-body {
  word-wrap: break-word; }

.feature-upgrade {
  /* TODO: get rid of this eventually (see modal-accept.html TODO) */
  margin-left: 19px; }

#tooltip-find {
  width: 300px; }

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

.pni-find label, .pni-find img, .pni-find input, .pni-find button {
  vertical-align: middle; }

/* empty network overview recommendation */
.empty-recommendation {
  width: 100%;
  height: 100%; }

/* empty network overview vendor invite  */
.empty-vendor-invite {
  width: 100%;
  height: 100%; }

/* network messages */
.ActivitiesBox-heading {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.ActivitiesBox-empty {
  text-align: center; }

.ActivitiesBox-container {
  list-style: none;
  margin: 0; }

.ActivitiesBox-heading {
  position: relative; }

.ActivitiesBox-heading .contract-expand {
  background-color: transparent;
  background-image: url(/img/pages/network/expand_2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 8px;
  border: none;
  cursor: pointer;
  height: 24px;
  margin: -12px 10px 0 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px; }

.ActivitiesBox.widget .ActivitiesBox-form {
  display: block; }

.ActivitiesBox.widget .widget-content {
  overflow: hidden; }

.ActivitiesBox.widget .widget-content .ActivitiesBox-box {
  display: none; }

.ActivitiesBox.widget.widget-expanded .widget-content .ActivitiesBox-box {
  display: block; }

.ActivitiesBox.widget .widget-content .ActivitiesBox-box:first-child {
  display: block; }

.ActivitiesBox.widget .widget-content .ActivitiesBox-box:first-child:after {
  display: block; }

.ActivitiesBox.widget.widget-expanded .widget-content {
  height: auto; }

.ActivitiesBox.widget .widget-actions {
  display: none; }

.ActivitiesBox.widget.widget-expanded .widget-actions {
  display: block; }

.ActivitiesBox.widget .ActivitiesBox-actions .btnBase {
  float: right; }

.ActivitiesBox-body, .ActivitiesBox-actions {
  margin-left: 46px; }

.ActivitiesBox-actions {
  margin-top: 10px;
  margin-right: 20px;
  line-height: 27px;
  /* make the line height 27px the same as button height in btnBase */ }

.ActivitiesBox-input:before {
  background-image: url(/img/pages/network/pointer_new_msg_2x.png); }

.ActivitiesBox-actions input {
  /* right margin between the input box and the labels for messages */
  margin-right: 6px; }

.ActivitiesBox-input .ActivitiesBox-content {
  width: 100%;
  resize: vertical;
  border: none;
  outline: none;
  border-radius: 4px;
  background-color: transparent;
  max-height: 144px; }

.ActivitiesBox-private:after {
  background-image: url(/img/pages/network/icon_lock_2x.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  content: '';
  width: 8px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: -16px;
  margin-top: -6px; }

.widget-expanded .ActivitiesBox-heading .contract-expand {
  background-image: url(/img/pages/network/contract_2x.png); }

/* message box */
.ActivitiesBox-box {
  position: relative;
  padding-bottom: 15px;
  z-index: 1; }

/* vertical hairline between message boxes */
.ActivitiesBox-box:before {
  content: '';
  position: absolute;
  background-color: #e6e6e6;
  width: 1px;
  height: 100%;
  left: 18px;
  top: 18px;
  /* TODO: have to adjust this manually; look for a better way */
  box-sizing: border-box;
  padding-top: 36px;
  z-index: -1; }

.ActivitiesBox-box:last-child:before {
  padding: 0;
  margin: 0;
  height: 0;
  width: 0; }

.ActivitiesBox-new {
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 20px 0 0;
  font-size: 13px; }

.ActivitiesBox-new:before {
  content: '';
  left: -6px;
  top: 0;
  margin-top: 12px;
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
  position: absolute; }

.ActivitiesBox-input {
  border: solid 1px #ccc;
  background-color: #fff; }

.ActivitiesBox-content {
  padding: 10px;
  box-sizing: border-box; }

.ActivitiesBox.widget.widget-expanded .message-content > div, .ActivitiesBox.widget.widget-expanded .StatusUpdate-content {
  white-space: pre-wrap;
  word-wrap: break-word; }

.ActivitiesBox-checkbox--disabled {
  opacity: 0.5;
  display: inline-block; }

.ActivitiesBox-tipText {
  margin: 5px 0;
  color: #999999; }

/* message avatar style */
.message-avatar {
  background-color: #cccccc;
  border: 0px solid #eeeeee;
  border-radius: 50%;
  color: white;
  float: left;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  text-align: center;
  width: 35px; }

.message-avatar-bg {
  border: 0px solid #eeeeee;
  border-radius: 50%;
  color: white;
  float: left;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  text-align: center;
  width: 35px;
  margin-top: -2px;
  /* stretch the image when needed */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-size: cover;
  /* hide the text for now */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.message-avatar-bg.message-avatar-empty {
  text-indent: inherit;
  background-color: #cccccc; }

/* org logos */
/* TODO: combine some of this with logo-rec in main.css */
.message-org-avatar-container {
  width: 36px;
  height: 39px;
  background-size: 36px 39px;
  background-image: url(/img/pages/network/img_profile_bg_xsmall_x2.png);
  font-size: 0;
  float: left;
  text-align: center;
  margin-top: -2px; }

.message-org-avatar-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.message-org-avatar-empty {
  background-image: url(/img/pages/network/img_default_xsmall_x2.png); }

.message-org-avatar-container img {
  max-width: 30px;
  max-height: 18px;
  display: inline-block;
  vertical-align: middle; }

/* TODO: might not need this next one */
.message-org-avatar-container-default {
  background-image: url(/img/recommendation/img_default_rec_2x.png); }

.message-actions {
  margin-top: 10px;
  margin-right: 20px;
  line-height: 27px;
  /* make the line height 27px the same as button height in btnBase */ }

.message-actions input {
  /* right margin between the input box and the labels for messages */
  margin-right: 6px; }

.message-body, .message-actions, .message-sender {
  margin-left: 46px; }

.message-sender {
  padding-bottom: 2px; }

.message-own {
  color: #333;
  background-color: #f7f7f7; }

.message-other {
  color: #666;
  background-color: #e4f4ff; }

/* new message */
.message-new {
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 20px 0 0;
  font-size: 13px; }

.message-new:before {
  content: '';
  left: -6px;
  top: 0;
  margin-top: 12px;
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
  position: absolute; }

.message-content {
  padding: 10px;
  box-sizing: border-box; }

.message-readonly .message-content > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.message-other:before {
  background-image: url(/img/pages/network/pointer_msg_light_blue_2x.png); }

.message-own:before {
  background-image: url(/img/pages/network/pointer_msg_light_2x.png); }

.message-private:after {
  background-image: url(/img/pages/network/icon_lock_2x.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  content: '';
  width: 8px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: -16px;
  margin-top: -6px; }

/* message created by and created time */
.message-name, .message-timestamp {
  color: #999999;
  font-size: 10px;
  margin-bottom: 2px;
  display: inline-block; }

.message-name {
  font-weight: bold; }

/* message pointers attached to the left for the message box, and to the right of the avatar, there are  private, network, portal, and new pointer types*/
.message-pointer-private, .message-pointer-network, .message-pointer-portal, .message-pointer-new {
  background-size: 12px 20px;
  background-position: 50% 50%; }

.message-tag {
  font-weight: 700; }

.message--hidden {
  display: none; }

.StatusUpdate-content {
  padding-right: 10px;
  box-sizing: border-box; }

.StatusUpdate-companyName {
  font-weight: 700; }

.StatusUpdate-sender, .StatusUpdate-body {
  margin-left: 46px; }

.StatusUpdate-sender {
  padding-bottom: 2px; }

.StatusUpdate-timestamp {
  color: #999999;
  font-size: 10px;
  margin-bottom: 2px;
  display: inline-block; }

.StatusUpdate-new {
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 20px 0 0;
  font-size: 13px; }

.StatusUpdate-new:before {
  content: '';
  left: -6px;
  top: 0;
  margin-top: 12px;
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
  position: absolute; }

.StatusUpdate--readonly .StatusUpdate-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.StatusUpdate-node {
  float: left;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #cccccc;
  margin-left: 12px;
  margin-top: -15px; }

.StatusUpdate-node:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle; }

.radio-group {
  box-sizing: border-box;
  margin: 0 20px; }

.company-selector {
  margin-top: 10px;
  margin-left: 24px; }

.modal-radio-button {
  margin-right: 8px; }

.modal-leading-label-text {
  font-weight: 700; }

.modal-footer-text {
  margin: 10px 0; }

.br-upgrade-text {
  margin-top: 10px; }

@media all and (-ms-high-contrast: none) {
  .Unauth {
    background-color: #202629; } }

.Unauth-containerInner {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82202629', endColorstr='#202629',GradientType=0 );
  /* IE6-9 */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh; }
  @media all and (-ms-high-contrast: none) {
    .Unauth-containerInner {
      height: 100vh; } }

.Unauth-containerInner.background {
  background-image: url("/img/themes/reskin/background_images/chairs.jpg");
  /* IE9 */
  background: -webkit-linear-gradient(top, rgba(32, 38, 41, 0.51) 0%, rgba(32, 38, 41, 0.51) 67%, #202629 100%), url("/img/themes/reskin/background_images/chairs.jpg");
  background: linear-gradient(to bottom, rgba(32, 38, 41, 0.51) 0%, rgba(32, 38, 41, 0.51) 67%, #202629 100%), url("/img/themes/reskin/background_images/chairs.jpg");
  /* W3C */
  background-repeat: no-repeat;
  background-size: cover; }

.Unauth-containerInner.newbackground {
  background-image: url("/img/themes/reskin/background_images/pg-turn_bkgd.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left; }

.Unauth-header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

.Unauth-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.Unauth-footer {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

.no-flexboxlegacy.no-flexbox.no-flexboxtweener .Unauth-content {
  display: table;
  margin: 90px auto 131px; }

.no-flexboxlegacy.no-flexbox.no-flexboxtweener .Unauth-footer {
  bottom: 0;
  height: 131px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%; }

.Login {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.Login-content {
  width: 400px;
  display: table-cell; }

.Login-container {
  width: 830px;
  display: table;
  border-spacing: 20px; }

.Login-intl-epay-banner {
  width: 375px;
  padding-left: 20px; }

.Login-intl-epay-banner.background {
  background: url(/img/background_images/intl-epay-banner-bkgd.png) no-repeat;
  background-size: cover;
  background-position-x: center;
  display: table-cell; }

.Login-intl-epay-banner.newbackground {
  background: url(/img/background_images/intl-epay-banner-bkgd-new.png) no-repeat;
  display: table-cell; }

@media all and (-ms-high-contrast: none) {
  .Amex-Uauth {
    background-color: #202629; } }

.Amex-Uauth-containerInner {
  background-color: #ffffff;
  height: 100vh;
  width: 100vw; }

.Amex-Uauth-header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

.Amex-Uauth-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.Amex-Uauth-footer {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

.no-flexboxlegacy.no-flexbox.no-flexboxtweener .Amex-Uauth-content {
  display: table;
  margin: 90px auto 131px; }

.no-flexboxlegacy.no-flexbox.no-flexboxtweener .Amex-Uauth-footer {
  bottom: 0;
  height: 131px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%; }

.Amex-Login {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  height: 100%;
  width: 100%; }

.Amex-Login-content {
  width: 836px;
  height: 490px;
  position: relative;
  margin-top: 96px;
  margin-bottom: 294px;
  margin-left: 233px;
  margin-right: 211px;
  text-align: left; }

.cashview-carousel {
  min-width: 0; }

.cashview-carousel .page-content {
  padding: 0;
  width: auto;
  margin-top: 0; }

#dashboard {
  overflow: hidden; }

#dashboard p {
  margin-bottom: 4px; }

#dashboard .error {
  color: #bd2925; }

#dashboard .carousel ul li {
  height: 485px; }

#dashboard .carousel .carousel-wrap, #dashboard .carousel ul li {
  width: 528px; }

.carousel, .carousel .carousel-wrap {
  border: 0;
  zoom: 1px;
  margin: 0;
  display: none; }

.carousel {
  overflow: hidden;
  zoom: 1px; }

.carousel .carousel-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 850px; }

.carousel ul {
  list-style: none;
  zoom: 1px;
  margin: 0;
  padding: 0; }

.carousel .carousel-control {
  margin: 10px;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  line-height: 999px;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: middle;
  width: 14px;
  zoom: 1px;
  box-shadow: none;
  border: none;
  padding: 0; }

.carousel:focus, .carousel .carousel-control:focus {
  outline: none; }

.carousel .carousel-control:hover {
  filter: alpha(opacity=70);
  opacity: 0.7; }

.carousel .disabled, .carousel .disabled:hover {
  cursor: default;
  filter: alpha(opacity=10);
  opacity: 0.1;
  background-position: -42px 0px; }

.carousel div {
  border: 0;
  margin: 0;
  padding: 0; }

.carousel ul li {
  position: relative;
  width: 898px;
  display: inline;
  float: left;
  overflow: hidden;
  margin: 0; }

.carousel ul li {
  overflow: hidden;
  display: inline;
  float: left;
  width: 850px;
  height: 650px;
  zoom: 1px; }

.carousel .carousel-next {
  background: url("/img/themes/reskin/background_images/right.jpg") 0 0 no-repeat; }

.carousel .carousel-previous {
  background: url("/img/themes/reskin/background_images/left.jpg") 0 0 no-repeat; }

div#training div.section:first-child h3 {
  margin-top: 0px; }

div#training h3 {
  margin-top: 20px; }

#training div.section ol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  list-style: decimal; }

#training div.section ol li {
  /* 20px is hiding left part of the index numbers, so changed to 22px */
  margin-left: 22px; }

#training div.section {
  overflow: hidden;
  width: 100%; }

/* Overlays */
/* the overlayed element */
.apple_overlay {
  z-index: 10;
  display: none;
  width: 1000px;
  padding: 5px;
  font-size: 11px; }

/* default close button positioned on upper right corner */
.apple_overlay .close {
  background-image: url(/img/background_images/apple-close.png);
  position: absolute;
  right: -17px;
  top: -17px;
  cursor: pointer;
  height: 35px;
  width: 35px; }

#overlay {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.8);
  border: 1px solid #414141; }

div#cashForecast {
  position: relative; }

div#txnTableContainer {
  padding-bottom: 20px; }

div#cv_settings {
  position: relative;
  top: 0;
  left: 0; }

div#CVWrapper div.balance {
  margin-bottom: 5px;
  margin-top: 5px; }

div#cv_settings div.floatleft {
  float: none;
  width: auto; }

div#cv_settings div.rangeSelectors {
  position: absolute;
  top: 0px;
  right: 0; }

div#cv_settings div.rangeSelectors span {
  margin: 0 5px; }

div#cv_settings div.title {
  position: absolute;
  top: 0;
  font-size: 14px; }

div#cv_settings div p a, div#cv_settings div p span {
  display: inline-block;
  position: relative;
  top: 1px; }

div#tableOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }

div#tableOverlay div {
  text-align: center;
  position: relative;
  white-space: nowrap; }

.autosizeinput {
  width: 100%;
  box-sizing: border-box; }

.SyncNavImage {
  display: inline-block;
  position: relative; }
  .SyncNavImage:after {
    content: "";
    display: table;
    clear: both; }

.SyncNavImage-warning {
  position: absolute;
  right: -4px;
  top: -4px; }

.mention_name {
  font-size: 12px;
  text-transform: uppercase;
  color: #666666; }

.mention_username {
  font-size: 12px;
  color: #999999;
  margin-left: 5px; }

.mention_image {
  float: left;
  margin-right: 5px;
  width: 20px;
  height: 20px; }

.active .mention_name, .active .mention_username {
  color: #ffffff; }

.typeahead {
  z-index: 1051;
  margin-top: 2px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #40b9ff; }

.SyncSetup {
  background-color: #f7f7f7; }

.SyncSetup-sidebar {
  float: left;
  width: 190px; }

.SyncSetup-main {
  margin-left: 210px; }

.SyncSetup-videoWrapper {
  cursor: pointer;
  float: right;
  height: 140px;
  margin-left: 20px;
  margin-bottom: 20px;
  position: relative;
  width: 250px; }

.SyncSetup-videoWrapper:after {
  background-image: url(/img/components/syncSetupPage/vplayer.png);
  background-repeat: no-repeat;
  content: '';
  height: 140px;
  left: 0;
  position: absolute;
  top: 0;
  width: 250px; }

.SyncSetup-logoContainer {
  background-color: #fff;
  display: table-cell;
  height: 190px;
  text-align: center;
  vertical-align: middle;
  width: 190px; }

.SyncSetup-primaryAction {
  display: inline-block;
  margin-right: 15px; }

.SyncSetup-description ul {
  list-style: disc;
  padding-top: 10px;
  padding-left: 30px; }

.LinkWithImage {
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block;
  margin: 20px 0;
  padding-left: 30px; }

.LinkWithImage--video {
  background-image: url("/img/components/syncSetupPage/video_play.png"); }

.LinkWithImage--download {
  background-image: url("/img/components/syncSetupPage/download.png"); }

.VendorCreationModal-table {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding-top: 15px; }

.VendorCreationModal-inviteEmailInput {
  width: 300px; }

.SyncStatus {
  background-color: #f7f7f7; }

.SyncStatus-body {
  width: 600px;
  margin: 0 auto;
  padding: 30px;
  text-align: center; }

.SyncStatus-heading {
  margin: 0 auto;
  padding-bottom: 20px;
  font-weight: 300;
  font-size: 26px; }

.SyncStatus-setupBank {
  padding: 30px;
  background-color: #40b9ff;
  color: #fff;
  margin: 0 auto;
  text-align: center; }

.SyncStatus-setupBank button {
  border-color: #fff;
  color: #fff; }

.SyncStatus-slideShowFix {
  float: left;
  width: 150px;
  padding-right: 50px; }

.PayVia {
  width: 510px;
  margin: 0px auto;
  padding: 30px;
  background-color: #f7f7f7;
  box-sizing: border-box; }

.PayVia--verifiedBank {
  text-align: center; }

.PayVia--verifiedBank-withdrawInfo {
  padding-top: 20px;
  font-size: 12px;
  color: #999;
  width: 440px;
  margin: 0 auto; }

.PayVia--verifiedBank-selectBank {
  padding-bottom: 20px; }

.PayVia--verifiedBank-label {
  width: 30%;
  padding-right: 5px;
  display: inline; }

.PayVia--verifiedBank-select {
  width: 60%;
  display: inline; }

.PayVia--verifiedBank-select select {
  margin-right: 5px; }

.PayVia--notVerifiedBank-wrapper {
  margin: 0px auto;
  text-align: center;
  opacity: 0.4; }

.PayVia--notVerifiedBank-subContent {
  display: inline;
  padding-right: 10px; }

.PayVia--noBank-subContent {
  display: inline; }

.PayViaWide {
  width: 800px;
  margin: 0px auto;
  padding: 30px;
  background-color: #f7f7f7;
  box-sizing: border-box; }

.PayOffline {
  width: 500px;
  margin: 0px auto; }

.PayOffline-subContent {
  margin: 0px auto;
  text-align: center;
  float: left;
  width: 249px; }

.PayOffline-subContentNoFloat {
  float: none; }

.PayOffline-label {
  margin: 0px auto;
  text-align: center;
  width: 248px;
  margin-bottom: 10px; }

.PayOffline-divider {
  border-left: thin dotted #333333;
  float: left;
  height: 45px;
  margin-top: 15px; }

.InfoPanel {
  box-sizing: border-box;
  padding: 10px; }

.InfoPanel--processed {
  background-color: #40b9ff; }

.InfoPanel--default {
  background-color: #999999; }

.InfoPanel-headerText {
  color: #ffffff;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 180px; }

.InfoPanel-infoLine {
  margin: 7px 0;
  display: table;
  width: 100%;
  height: 18px; }

.InfoPanel-header {
  height: 10px; }

.InfoPanel-infoText--minor {
  color: #e6e6e6;
  font-size: 10px;
  font-style: italic;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }

.InfoPanel-infoText--major {
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }

.InfoPanel-infoTextContainer--minor {
  display: table-cell;
  max-width: 75px; }

.InfoPanel-infoTextContainer--major {
  display: table-cell;
  text-align: right;
  max-width: 75px; }

.InfoPanel-controls {
  height: 30px; }

.InfoPanel-button {
  width: 68%; }

.InfoPanel--readyForReview {
  width: 100%; }

.InfoPanel-ellipsisButtonImage {
  background: url("/img/btn_more_2x.png");
  display: inline-block;
  height: 5px;
  width: 22px;
  background-size: 22px 5px; }

.InfoPanel-ellipsisButton {
  margin-left: 10px; }

.InfoPanel-magicWandButton {
  margin-right: 10px; }

.InfoPanel--magicWandBtnImage {
  background: url("/img/components/inboxCardOverlay/magic_wand_small_2x.png");
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: -4px;
  background-size: 16px 16px; }

.InfoPanel-goToEmail {
  background: url("/img/goto_grey_2x.png");
  display: inline-block;
  height: 11px;
  width: 11px;
  background-size: 11px 11px;
  margin-left: 10px;
  cursor: pointer; }

.InfoPanel-goToEmail:hover {
  background: url("/img/goto_white_2x.png");
  display: inline-block;
  height: 11px;
  width: 11px;
  background-size: 11px 11px;
  margin-left: 10px;
  cursor: pointer; }

.InfoPanel--dataEntryEligible {
  width: 45%; }

.InfoPanel-headerLine {
  max-width: 200px;
  position: absolute; }

.InfoPanel-deleteCheckbox {
  float: right; }

.InboxCard {
  position: relative;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  width: 226px;
  height: 320px;
  background-color: #ffffff; }

.InboxCard:hover {
  box-shadow: 0 0 5px 5px rgba(204, 204, 204, 0.35);
  -webkit-transition: box-shadow 0.3s ease-in-out;
          transition: box-shadow 0.3s ease-in-out; }

.InboxCard-infoPanel {
  position: absolute;
  bottom: 0;
  width: 100%; }

.InboxCard-extraDetails {
  color: #ccc;
  font-size: 11px;
  margin-top: 5px;
  position: absolute;
  width: 100%; }

.InboxCard-processBar {
  position: absolute;
  bottom: 0;
  width: 100%; }

.InboxCard-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }

.InboxCard-container {
  width: 226px;
  height: 320px;
  display: inline-block; }

.InboxCard-thumbnail {
  display: block;
  height: 100%;
  overflow: hidden; }

.InboxCard-createdDate {
  float: left; }

.InboxCard-pages {
  float: right; }

.InboxView-paginationControls {
  text-align: center;
  height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.InboxView-paginationControls li {
  display: inline;
  padding: 30px;
  font-size: 14px;
  color: #666; }

.InboxView-paginationControls li a {
  text-decoration: none; }

.PaginationControls-item--disabled {
  color: #999999;
  pointer-events: none;
  opacity: 0.2; }

.InboxView--vendorLocator {
  box-sizing: border-box;
  width: 800px; }

.InboxView--vendorData {
  margin-top: 2%;
  background-color: #e6e6e6;
  height: 280px;
  width: 1000px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.InboxView--newVendorInformation {
  border: 1px solid gainsboro;
  display: inline-block;
  width: 300px;
  height: 205px;
  background-color: #ffffff;
  margin: 0% 0% 0% 36%; }

.InboxView--newWithExistingVendorInformation {
  border: 1px solid gainsboro;
  display: inline-block;
  width: 300px;
  height: 205px;
  background-color: #ffffff;
  margin: 0% 4% 0% 18%; }

.InboxView--existingVendorInformation {
  border: 1px solid gainsboro;
  display: inline-block;
  width: 300px;
  height: 205px;
  float: right;
  background-color: #ffffff; }

.InboxView--vendorsList {
  margin-bottom: 9%; }

.InboxView--vendorsDropdown {
  width: 299px;
  border-radius: 3px;
  height: 38px;
  color: #666;
  font-size: 15px; }

.InboxView--createVendorText {
  margin-bottom: 10.2%; }

.InboxView--VendorDetails {
  padding: 7px; }

.InboxView--VendorInfo {
  overflow: auto;
  height: 179px; }

.InboxView--VendorDetails li {
  font-size: 11px;
  color: #999999;
  font-weight: bold; }

.InboxView--VendorDetails p {
  font-size: 12px;
  font-weight: bold;
  color: #666666; }

.InboxView--newVendorInfoTitle {
  text-align: center;
  border-bottom: 1px solid gainsboro;
  font-weight: bold;
  color: #ffffff;
  background-color: #40b9ff;
  height: 25px;
  line-height: 25px; }

.InboxView--existingVendorInfoTitle {
  text-align: center;
  border-bottom: 1px solid gainsboro;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff8a1a;
  height: 25px;
  line-height: 25px; }

.InboxView--createNewVendor {
  border-right: 1px solid gainsboro;
  display: inline-block;
  float: left;
  margin: 0% 0% 0% 16%;
  padding: 0% 4% 0% 0%;
  text-align: center; }

.InboxView--selectExistingVendor {
  display: inline-block;
  margin: 0% 0% 0% 3%;
  text-align: center;
  width: 30%; }

.InboxView--updateVendorCheckbox {
  float: left; }

.InboxView--existingVendorBtn {
  float: right; }

.InboxView--vendorAction {
  background-color: #f7f7f7;
  height: 280px;
  width: 1000px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.InboxView--vendorActionHeader {
  font-weight: 700; }

.InboxView-documentThumbnail {
  cursor: pointer; }

.DocumentThumbnail-image {
  display: block;
  pointer-events: none; }

.DocumentThumbnail-uploading {
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -20px; }

.DocumentThumbnail-noPreviewIcon {
  display: block;
  height: 121px;
  width: 89px;
  position: relative;
  top: 10%;
  left: 30%; }

.DocumentThumbnail-inboxEpayment {
  display: block;
  height: 184px;
  left: 10%;
  position: absolute;
  top: 6%;
  width: 184px; }

.DocumentThumbnail-text {
  display: block;
  padding: 10px; }

.DocumentThumbnail-noPreviewText {
  text-align: center;
  position: relative;
  top: 10%; }

.DocumentThumbnail-noPreview {
  background-color: #e6e6e6;
  height: 100%; }

.DocumentThumbnail-popover {
  position: absolute;
  z-index: 1002;
  border: 5px solid lightgrey;
  background-color: #ffffff;
  padding: 10px;
  min-height: 290px; }

.DocumentThumbnail-popoverLeft {
  top: 0;
  left: 230px; }

.DocumentThumbnail-popoverBottom {
  bottom: 0;
  left: 230px; }

.DocumentThumbnail-popoverRight {
  top: 0;
  right: 230px; }

.DocumentThumbnail-popoverTop {
  bottom: 0;
  right: 230px; }

.DocumentThumbnail-popoverImage {
  width: 457px; }

.DocumentThumbnail-popoverText {
  width: 457px;
  display: -webkit-box;
  -webkit-line-clamp: 25;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden; }

.ProcessedInfoPanel {
  background-color: #40b9ff; }

.UnprocessedInfoPanel {
  background-color: #999999; }

.Button {
  border-radius: 4px;
  box-sizing: border-box;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4285;
  padding: 6px 12px;
  cursor: pointer;
  width: inherit;
  height: inherit; }

.Button[disabled] {
  opacity: 0.3; }

.Button--primary {
  background-color: #07669f;
  border: solid 1px #07669f;
  color: #ffffff; }

.Button--primary:hover, .Button--primary:active {
  background-color: #005695;
  border: solid 1px #07669f; }

.Button--primary:hover[disabled], .Button--primary:active[disabled] {
  background-color: #07669f;
  cursor: default; }

.Button--secondary {
  background-color: transparent;
  border: solid 1px #999999;
  color: #999999; }

.Button--secondary:hover, .Button--secondary:active {
  background-color: #999999;
  border: solid 1px #999999;
  color: #ffffff; }

.Button--secondary:hover[disabled], .Button--secondary:active[disabled] {
  border: solid 1px #999999;
  background-color: transparent;
  cursor: default;
  color: #999999; }

.Button--secondaryVariant {
  background-color: transparent;
  border: solid 1px #ffffff;
  color: #ffffff; }

.Button--secondaryVariant:hover, .Button--secondaryVariant:active {
  background-color: #ffffff;
  border: solid 1px #ffffff;
  color: #999999; }

.Button--secondaryVariant:hover[disabled], .Button--secondaryVariant:active[disabled] {
  border: solid 1px #ffffff;
  background-color: transparent;
  color: #ffffff;
  cursor: default; }

.Button--secondaryVariant:hover .InfoPanel-ellipsisButtonImage, .Button--secondaryVariant:active .InfoPanel-ellipsisButtonImage {
  background: url("/img/btn_more_white_2x.png");
  display: inline-block;
  height: 5px;
  width: 22px;
  background-size: 22px 5px; }

.Button--tertiary {
  background-color: #40b9ff;
  border: solid 1px #999999;
  height: 33px;
  width: 33px; }

.Button--tertiary:hover, .Button--tertiary:active {
  background-color: #40b9ff;
  border: solid 1px #999999;
  color: #ffffff; }

.Overlay-container {
  opacity: 0.95;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 10; }

.Overlay--default {
  background: #ffffff; }

.Overlay--confirmation {
  background: #40b9ff; }

.Overlay--error {
  background: #ff7563; }

.Overlay--information {
  background: #e6e6e6; }

.Overlay--warning {
  background: #eae893; }

.Overlay--upload {
  border: 10px solid gainsboro;
  background: #f7f7f7; }

.InboxCardOverlay-container {
  box-sizing: border-box;
  color: #ffffff;
  padding: 0 13px 0 13px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%; }

.InboxCardOverlay-imgSection {
  padding: 0 0 20px 0; }

.InboxCardOverlay-actions {
  padding-top: 50px; }

.InboxCardOverlay-CancelProcess {
  color: #ffffff;
  display: block;
  margin-top: 15px; }

.OverlayFailure-gotItAction {
  padding-top: 20px;
  color: #ffffff; }

.ProcessBar {
  box-sizing: border-box;
  padding: 6.5px 10px; }

.ProcessBar--default {
  background-color: #40b9ff;
  background-size: 226px 24px;
  height: 24px;
  cursor: pointer; }

.ProcessBar--failure {
  background-color: #ff7563;
  cursor: pointer; }

.ProcessBar-text {
  color: #ffffff;
  float: left;
  font-size: 10px;
  line-height: 1; }

.ProcessBar-icon {
  float: right; }

.PageTitle {
  background-color: transparent;
  box-sizing: border-box;
  padding: 0; }

.PageTitle-heading {
  display: table;
  width: 100%; }

.PageTitle-label {
  color: #333333;
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  padding-right: 20px;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle; }

.PageTitle-subText {
  margin-top: 15px;
  color: #999999;
  font-size: 12px; }

.PageTitle-buttonSection {
  display: table-cell;
  vertical-align: middle;
  text-align: right; }

.PageTitle-button {
  display: inline-block;
  padding-left: 20px; }

.PageTitle-subscript {
  color: #999999;
  font-size: 11px;
  padding-top: 5px; }

/*
 * Below css is from legacy page title component. It's getting used from Java.
 */
div.gettingStartedWrapper {
  position: relative;
  margin: 15px 15px 0 15px;
  text-align: right; }

div.gettingStartedWrapper .Panel {
  text-align: left; }

/* left alignment */
.document-view .sub-tab-title {
  margin-left: 0; }

.document-view .top-header {
  margin-left: 0;
  width: auto; }

.document-view .primary-menu-container .menu {
  margin-left: 0; }

.document-view .sub-menu-container .sub-menus-list {
  margin-left: 0; }

.document-view .Layout--bar {
  margin-left: 0; }

.document-view .page-content {
  margin-left: 0; }

.document-view .footer-container {
  margin-left: 0;
  width: auto; }

.Upload-overlayContainer {
  padding: 30px;
  width: 1004px;
  box-sizing: border-box;
  margin-left: auto;
  pointer-events: none; }

.Upload-contents {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center; }

.Upload-cencelSection {
  float: right;
  margin-right: 7px; }

.Upload-cancel {
  cursor: pointer;
  position: fixed; }

.Upload-primaryLabel {
  color: #333333;
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  margin-top: 80px; }

.Upload-subText {
  margin-top: 25px;
  color: #333333;
  display: block;
  font-size: 14px; }

.Upload-file {
  display: none; }

.InboxView-cardContainer {
  box-sizing: border-box;
  margin: 20px -10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.InboxView-singleCardContainer {
  display: inline-block;
  margin: 15px 10px;
  vertical-align: top; }

.InboxView--pageTitle {
  display: inline-block; }

.InboxView--uploadDocument {
  border: 1px solid #07669f;
  float: right; }

.InboxView--dragText {
  display: inline-block;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
  color: #666666; }

.InboxView--actionHeader {
  top: 15px;
  position: relative; }

.InboxView--emailFax {
  margin-bottom: 1%;
  color: #cccccc;
  font-size: 11px; }

.InboxDelete {
  float: right;
  clear: both; }

.InboxDelete--disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  clear: both; }

.InboxView--circle {
  background: gainsboro;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  margin: 1px 10px; }

.InboxView--setUpEmailFax {
  font-size: 12px;
  margin-left: 10px; }

.InboxView-empty {
  color: gray;
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  line-height: 300px; }

.InboxView--footer {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: gray; }

.InboxView-jumpToOldInbox {
  float: left; }

.InboxView--toggleDataEntry {
  float: right; }

.InboxView--toggleDataEntryText {
  display: inline-block;
  vertical-align: middle; }

.InboxView--dataEntryContainer {
  margin-top: 20px;
  color: #FFFFFF;
  background-color: #40B9FF;
  font-family: 'Lato'; }

.InboxView-dataEBanner {
  height: 72px; }

.InboxView-dataEBannerHeader {
  display: inline-block; }

.InboxView-dataEBannerHeaderText {
  display: inline-block;
  vertical-align: middle; }

.InboxView-dataEBannerMajorText {
  font-size: 20px;
  margin: 0px; }

.InboxView-dataEBannerMinorText {
  font-weight: 100;
  margin: 0px;
  font-size: 14px; }

.InboxView-dataEBannerBtn {
  float: right;
  width: 160px;
  height: 72px; }

.InboxView-enableDataEInfo {
  text-align: center;
  padding: 48px 0; }

.InboxView-enableDataEHeaderText {
  font-size: 24px;
  font-weight: 500; }

.InboxView-enableDataEBodyText {
  font-weight: 100;
  margin: 0; }

.InboxView-enableDataELink {
  color: #FFFFFF !important;
  text-decoration: underline;
  font-weight: 500; }

.InboxView-enableDataEntryCancelAction {
  float: right;
  cursor: pointer; }

.InboxView-enableDataEntryIcon {
  width: 500px;
  margin-bottom: 40px; }

.InboxView-enableDataEBody {
  margin-bottom: 48px; }

.InboxView-enableDataEntryCancelIcon {
  margin: 16px; }

.InboxView-enableDataEFooterText {
  font-weight: 100;
  margin: 24px; }

.InboxView-thankYouMsgBanner {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  height: 76px; }

.InboxView-AutoBillEntryTxt {
  font-weight: 600; }

.InboxView-enableDataEFooterText .checkbox + label {
  color: #FFFFFF; }

/* Description of an input element which appears below the input box. */
div.input-info {
  padding: 5px;
  line-height: 1.7;
  width: 450px; }

.HeaderLink {
  margin: 0 auto;
  width: 1004px;
  text-align: right;
  padding: 15px 0; }

.HeaderLink-container {
  padding: 0 20px; }

.PopupLink-icon {
  background-image: url("/img/icons/large/Popout_link.png");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-left: 5px; }

.Layout--bar {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 1004px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }

.InboxLegend {
  text-align: center; }

.InboxLegend-icon {
  display: inline-block;
  margin-right: 5px; }

.InboxLegend-legendItem {
  margin: 0 20px;
  display: inline-block; }

.InboxLegend-text {
  font-size: 12px;
  font-weight: 300; }

.Invoice-autoPayLabel {
  text-transform: uppercase; }

.Invoice-autoPayDiv {
  width: 320px; }

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

.Invoice-eInvLogo {
  display: none;
  float: left;
  padding-left: 10px;
  padding-right: 5px; }

.Invoice-eInvLogo--component {
  float: left;
  text-align: center;
  padding-left: 15px; }

.Invoice-taxAndTotal {
  border-top: 1px solid #aaa;
  margin-top: 10px; }

.Invoice-totalCell--alignment {
  text-align: right; }

.Invoice-totalCell {
  background-color: #f7f7f7;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important; }

.Invoice-totalCell--top {
  background-color: #f7f7f7;
  border-top: 1px solid #ccc !important;
  border-bottom: 0px solid #ccc !important; }

.Invoice-totalCell--bottom {
  background-color: #f7f7f7;
  border-top: 0px solid #ccc !important;
  border-bottom: 1px solid #ccc !important; }

.Invoice-hide {
  display: none; }

.Invoice-show {
  display: block; }

.Invoice-description {
  padding-right: 5px;
  vertical-align: top;
  white-space: nowrap; }

.Invoice-delivMeths--email {
  border-bottom: 1px solid #ccc; }

/** BEGIN PLAID **/
.plaid_large {
  font: Lato;
  font-size: 20px;
  color: #333;
  text-align: center; }

.plaid_medium {
  font: Lato;
  font-size: 14px;
  color: #666; }

.plaid_small {
  font: Lato;
  font-size: 12px;
  color: #666; }

.plaid_small_link {
  font: Lato;
  font-size: 12px; }

.plaid_recommend {
  font: Lato;
  font-size: 10px;
  color: #fff;
  background-color: #f78619;
  text-transform: uppercase;
  padding: 2px; }

.plaid_separator {
  width: 424px;
  color: #ccc; }

.plaid_lock {
  background-image: url(/img/pages/network/icon_lock.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  content: '';
  width: 8px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 3px; }

.plaid_spinner {
  background-image: url(/img/pages/network/spinner_gray_2x.gif);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 8px; }

#plaid-link-button {
  background-color: #07669f;
  background-image: none;
  -webkit-filter: none;
          filter: none;
  border-color: #07669f;
  color: #ffffff;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4285;
  margin: 0 2px;
  padding: 6px 12px;
  text-decoration: none;
  text-transform: uppercase; }

/** END PLAID **/
.banner-close-button {
  float: right;
  background: #ffffff;
  height: 18px;
  width: 18px;
  font-family: sans-serif Lato;
  border: none;
  font-size: 14px;
  color: #777777;
  font-weight: bold; }

.text-me-app-banner {
  background-color: white;
  height: 100px;
  padding: 3px 3px 3px 3px;
  box-sizing: border-box; }

.banner-text-bottom {
  width: 640px;
  height: 17px;
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  margin: 0; }

.banner-text-bottom-sent {
  font-family: Lato;
  font-size: 14px;
  text-align: left;
  color: #333333; }

.banner-form {
  padding: 30px 0px 0px 0px;
  float: right; }

.banner-form .prim-text-input {
  margin-left: 0px; }

.banner-phone-number-text-bottom {
  font-size: 11px;
  color: #333333;
  font-family: Lato;
  padding-top: 5px; }

.banner-phone-number-text-sent {
  font-size: 20px;
  color: #333333;
  font-family: Lato;
  display: inline;
  vertical-align: super; }

.banner-sms-sent-success-container {
  display: none;
  padding-right: 100px; }

.banner-phone-number-field {
  width: 250px;
  height: 29px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #cccccc; }

.banner-text-container-sent {
  display: none; }

.banner-text-top {
  margin: 0;
  padding: 20px 5px 5px 5px;
  width: 494px;
  height: 19px;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333; }

.banner-text-top-sent {
  padding: 20px 5px 5px 5px;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  color: #333333; }

.banner-logo-container {
  float: left;
  padding: 15px; }

.banner-send-sms-button {
  background-color: #005695;
  width: 79px;
  height: 29px;
  line-height: 50%; }

div.dismissBtn {
  background: url("/img/themes/reskin/dismiss.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 10px; }

.MobileDownloadOverlay .Overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  font-family: Lato, sans-serif;
  overflow: hidden;
  cursor: pointer;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none; }

.MobileDownloadOverlay .Overlay .Overlay-Logo {
  margin: 7% auto 5%;
  height: 5%;
  max-width: 42%;
  background: url(/img/pages/mobile-app-download-overlay/logo.png?v=1) no-repeat center transparent;
  background-size: contain; }

.MobileDownloadOverlay .Overlay.iphone .Overlay-Logo {
  margin: 5% auto; }

.MobileDownloadOverlay .Overlay .Overlay-message {
  margin: 5% auto 7%;
  font-size: 5vmin;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #666666;
  max-width: 64%; }

.MobileDownloadOverlay .Overlay.iphone .Overlay-message {
  margin: 5% auto; }

.MobileDownloadOverlay .Overlay .Overlay-mainPhone {
  margin: 5% auto 7%;
  height: 45%;
  max-width: 83%; }

.MobileDownloadOverlay .Overlay.iphone .Overlay-mainPhone {
  margin: 5% auto;
  background: url(/img/pages/mobile-app-download-overlay/bdc-ios.png?v=1) no-repeat center top transparent;
  background-size: contain; }

.MobileDownloadOverlay .Overlay.android .Overlay-mainPhone {
  background: url(/img/pages/mobile-app-download-overlay/bdc-android.png?v=1) no-repeat center top transparent;
  background-size: contain; }

.MobileDownloadOverlay .Overlay .Overlay-downloadIcon {
  margin: 5% auto 7%;
  display: block;
  height: 7.5%; }

.MobileDownloadOverlay .Overlay .Overlay-downloadIcon:focus {
  outline: none; }

.MobileDownloadOverlay .Overlay.iphone .Overlay-downloadIcon {
  margin: 5% auto;
  max-width: 49%;
  background: url(/img/pages/mobile-app-download-overlay/app-store-badge.png?v=1) no-repeat center transparent;
  background-size: contain; }

.MobileDownloadOverlay .Overlay.android .Overlay-downloadIcon {
  max-width: 56%;
  background: url(/img/pages/mobile-app-download-overlay/google-play-badge.png?v=1) no-repeat center transparent;
  background-size: contain; }

.MobileDownloadOverlay .Overlay .Overlay-closeMessage {
  margin: 5% auto 7%;
  font-size: 5vmin;
  letter-spacing: normal;
  text-align: center;
  color: #BFBFBF;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal; }

.MobileDownloadOverlay .Overlay.iphone .Overlay-closeMessage {
  margin: 5% auto 10%; }

.intl-epay-banner-header-text {
  font: bold 24px Lato;
  color: #14699f;
  margin-bottom: 20px;
  padding-left: 0px;
  padding-right: 17px;
  text-align: center; }

.intl-epay-banner-body-text {
  font: 17px Lato;
  padding-right: 35px;
  padding-left: 10px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px; }

.intl-epay-banner-new-header-title {
  font: bold 24px Lato;
  color: #14699f;
  margin-bottom: 20px;
  padding-left: 25px;
  padding-right: 50px;
  text-align: center; }

.intl-epay-banner-new-header-text {
  font: 18px Lato;
  padding-right: 35px;
  padding-left: 10px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px; }

.intl-epay-banner-new-body-title {
  font: bold 24px Lato;
  color: #14699f;
  margin-bottom: 17px;
  padding-top: 21px;
  padding-left: 5px;
  padding-right: 18px;
  text-align: center; }

.intl-epay-banner-new-body-text {
  font: 18px Lato;
  padding-right: 35px;
  padding-left: 10px;
  text-align: center;
  color: #333333;
  margin-bottom: 19px; }

.intl-epay-banner-button {
  width: 330px;
  font: bold 14px Lato;
  color: #6A92B3;
  background: white;
  border: 1px solid #6A92B3;
  padding: 7px;
  margin-bottom: 20px;
  border-radius: 3px;
  outline: none;
  cursor: pointer; }

/*Addition for Price Charts */
/*Price Modal*/
.PriceModal {
  width: 50%;
  min-width: 500px;
  margin: 0 auto;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 30px; }

.PriceModal-planContainer {
  margin: 20px 0 10px 0;
  border: 1px solid #ccc; }

.PriceModal-planInfo {
  margin-right: 0;
  border: none;
  width: 20%;
  min-width: 200px;
  float: left;
  padding-bottom: 20px; }

.PriceModal-planFeatures {
  border-left: 1px solid #ccc;
  margin: 0;
  min-height: 180px;
  list-style: none;
  float: left;
  padding: 0 20px;
  max-width: 50%; }

/*
 * TODO: Change to .PriceModal-planFeaturesItem
*/
.PriceModal-planFeatures > li {
  margin: 20px 0;
  font-size: 14px; }

.PriceModal-confirm {
  font-size: 24px; }

.PriceModal-close {
  float: right;
  font-size: 24px; }

.PriceModal-cta {
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 16px; }

.PriceModal-ctaText {
  margin-bottom: 10px; }

.PriceTable {
  margin: 0 auto;
  clear: both; }
  .PriceTable .col-1 {
    width: 8.33333%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-1:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-1:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-2 {
    width: 16.66667%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-2:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-2:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-3 {
    width: 25%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-3:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-3:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-4 {
    width: 33.33333%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-4:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-4:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-5 {
    width: 41.66667%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-5:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-5:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-6 {
    width: 50%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-6:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-6:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-7 {
    width: 58.33333%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-7:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-7:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-8 {
    width: 66.66667%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-8:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-8:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-9 {
    width: 75%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-9:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-9:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-10 {
    width: 83.33333%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-10:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-10:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-11 {
    width: 91.66667%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-11:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-11:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable .col-12 {
    width: 100%;
    float: left;
    box-sizing: border-box; }
    .PriceTable .col-12:first-child .Plan-container {
      margin-left: 0; }
    .PriceTable .col-12:last-child .Plan-container {
      margin-right: 0; }
  .PriceTable:after {
    content: "";
    display: table;
    clear: both; }

.PriceTable-button {
  background-color: #f78c26;
  color: #fff; }

.PriceTable-call {
  font-weight: bold;
  margin-top: 50px;
  font-size: 18px; }

/*PRICE ROWS*/
.PriceTable-row {
  display: table;
  width: 100%; }

.PriceTable-planInfo--row {
  width: 20%;
  min-width: 200px;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  padding-bottom: 20px;
  display: table-cell;
  vertical-align: top; }

.PriceTable-planContainer--row {
  background-color: #ffffff;
  margin: 10px 0;
  border: 1px solid #ccc;
  min-height: initial;
  display: table;
  width: 100%; }

.PriceTable-planTitle--row {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  padding: 20px 0 0 0;
  border: none; }

table.pricingPlanTable td {
  padding: 5px; }

.Plan-info {
  min-height: 240px; }

.Plan-container {
  background-color: #ffffff;
  margin: 10px;
  border: 1px solid #ccc;
  min-height: 600px;
  position: relative; }

.Plan-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  padding: 12.5px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  box-sizing: border-box;
  min-height: 50px; }

.Plan-features {
  list-style: none;
  float: left;
  margin-left: 0;
  padding: 0 20px; }

.Plan-features > li {
  margin: 20px 0;
  font-size: 14px; }

.Plan-trialText {
  color: #777777;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 5px; }

.Plan-current {
  padding: 5px 0; }

.Plan-buttonContainer {
  text-align: center;
  margin: 30px 0 10px; }

.PriceTableCommon-container {
  clear: both;
  margin: 0 auto;
  margin-top: 20px; }

.PriceTableCommon {
  border-collapse: collapse;
  border: 1px solid #cccccc;
  width: 100%; }

.PriceTableCommon th, .PriceTableCommon td {
  padding: 10px; }

.PriceTableCommon th {
  text-align: left;
  background-color: #333333;
  color: #ffffff; }

.PriceTableCommon th:nth-child(even), .PriceTableCommon td:nth-child(even) {
  text-align: right; }

.PriceTableCommon tr:nth-child(odd) {
  background-color: #eeeeee; }

.PriceInfo-details {
  font-size: 62px;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
  line-height: 80px; }

.PriceInfo-dollar {
  font-size: 24px;
  vertical-align: super;
  font-weight: 600; }

.PriceInfo-sub {
  font-size: 18px;
  line-height: 0;
  text-align: center;
  margin-left: -10px; }

.PriceInfo-user {
  font-size: 11px;
  text-align: center;
  margin-top: -10px; }

.PriceInfo-enterprise {
  padding: 20px 20px 0 20px;
  margin-top: 0; }

.PriceInfo-enterpriseIcon {
  width: 25%;
  float: left;
  margin-bottom: 30px;
  padding: 5px; }

.ctaBanner {
  width: 100%;
  display: block;
  padding: 40px 100px;
  background-color: #33b6ff;
  box-sizing: border-box;
  text-align: center; }

.ctaBanner-title {
  color: #fff;
  font-size: 32px;
  line-height: 80px;
  font-weight: 300;
  font-family: 'Lato', Helvetica;
  text-align: center;
  margin: 0; }

.ctaBanner-content {
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 40px; }

.sup {
  vertical-align: super;
  font-size: smaller; }

.SyncNav-info {
  padding: 10px 20px 20px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px; }

.SyncNav-connectedTo {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px; }

.SyncNav-connectedDot {
  background-color: orange;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-right: 5px;
  width: 8px; }

.SyncNav-syncStatus {
  color: #999999;
  font-size: 12px;
  margin-left: 14px; }

ul.nav-list .SyncNav-lastSyncTime {
  color: #06669f;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  display: inline;
  font-size: 12px;
  min-width: 0;
  padding: 0;
  text-transform: none; }
  ul.nav-list .SyncNav-lastSyncTime:hover {
    color: #07669f;
    cursor: pointer;
    text-decoration: underline; }
  ul.nav-list .SyncNav-lastSyncTime:visited {
    color: #06669f;
    cursor: pointer;
    text-decoration: none; }

.Amex-Unauth {
  background-color: #FFFFFF; }

.Amex-Unauth-containerInner {
  text-align: center; }
  .Amex-Unauth-containerInner .Amex-Unauth-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .Amex-Unauth-containerInner .sub-tab-content {
    background-color: transparent; }
  .Amex-Unauth-containerInner h1.PageTitle-label {
    font-family: "Benton Sans Reg", Lato, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    padding: 0; }
  .Amex-Unauth-containerInner .Layout--bar {
    margin-bottom: 0; }

.Amex-Unauth-containerInner .form-container {
  width: 400px;
  margin-top: 22px;
  margin-bottom: 56px;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
  border: solid 1px #e7e7e7;
  padding: 16px 24px 24px 16px;
  text-align: left; }
  .Amex-Unauth-containerInner .form-container label {
    font-family: "Benton Sans Reg", Lato, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-stretch: normal;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: left;
    text-transform: uppercase;
    color: #00175a; }
  .Amex-Unauth-containerInner .form-container .static-info {
    background-color: #F8F8F8;
    padding: 10px 16px 10px 16px;
    margin: -16px -25px -8px -16px; }
  .Amex-Unauth-containerInner .form-container .static-info label {
    color: #7e7e7e; }
  .Amex-Unauth-containerInner .form-container .static-info span {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 3px; }
  .Amex-Unauth-containerInner .form-container .input-container {
    position: relative;
    margin-right: -24px; }
  .Amex-Unauth-containerInner .form-container input.prim-text-input {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    padding-left: 10px;
    margin-top: 3px;
    margin-left: 0px;
    font-size: 14px;
    border: none;
    color: #333333;
    background-color: #FFFFFF; }
  .Amex-Unauth-containerInner .form-container .input-form-error {
    margin: 10px 0;
    color: #fc3127; }
  .Amex-Unauth-containerInner .form-container hr {
    border: solid 1px #e7e7e7;
    margin: 5px -24px 5px -18px;
    color: #e7e7e7; }
  .Amex-Unauth-containerInner .form-container .floating-tooltip-container {
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1b2e55;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .Amex-Unauth-containerInner .form-container .floating-tooltip-container:before {
    content: "";
    background-color: #1b2e55;
    width: 25px;
    height: 20px;
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .Amex-Unauth-containerInner .form-container .password-instruction-tooltip {
    margin: 12px 11px 13px -6px;
    text-align: left;
    color: white;
    font-weight: lighter;
    font-family: "Benton Sans Reg", Lato, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    min-width: 180px;
    min-height: 100px;
    white-space: pre-wrap; }
  .Amex-Unauth-containerInner .form-container .button-container {
    margin-top: 24px;
    text-align: right; }
    .Amex-Unauth-containerInner .form-container .button-container button {
      width: 116px;
      height: 35px;
      font-family: "Benton Sans Reg", Lato, Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.2px;
      text-align: center;
      border: none;
      border-radius: 3px;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
      background-color: #00175a;
      outline: none;
      color: white;
      cursor: pointer; }
    .Amex-Unauth-containerInner .form-container .button-container button.btnSec {
      background-color: #FFFFFF;
      background-image: none;
      color: #00175a; }
    .Amex-Unauth-containerInner .form-container .button-container .static-disclaimer {
      float: left;
      text-align: left;
      font-size: 90%;
      width: 270px; }
    .Amex-Unauth-containerInner .form-container .button-container .static-privacy-link {
      font-size: 100%; }

.Amex-Unauth-containerInner .info-container.info-compact {
  width: auto;
  padding-top: 24px;
  padding-bottom: 24px; }
  .Amex-Unauth-containerInner .info-container.info-compact .button-container {
    margin-top: 0; }

.Amex-Unauth-containerInner .info-container {
  width: 850px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  font-family: "Benton Sans Reg", Lato, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #8d9096;
  text-align: center;
  padding-top: 56px;
  padding-bottom: 48px;
  margin-bottom: 38px; }
  .Amex-Unauth-containerInner .info-container img.password_reset_image {
    margin-top: 32px;
    margin-bottom: 40px; }
  .Amex-Unauth-containerInner .info-container .heading {
    font-size: 18px;
    font-weight: bolder;
    color: black;
    margin-bottom: 10px; }
  .Amex-Unauth-containerInner .info-container .info {
    font-size: 13px; }

.Amex-Unauth-header {
  min-height: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #006FCF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
  position: relative;
  margin-bottom: 24px; }

.Amex-Login .Amex-Unauth-header {
  min-height: 0px; }

.Amex-Unauth-header img.amex-logo {
  max-width: 280px;
  max-height: 54.4px; }

/*# sourceMappingURL=../../css/master/master.css.map */