/* YUI reset.css */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/* CHANGE: removed html background color for gradient */
html {
  color: #000;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
/* --------------------------------------------------------- */
/* General purpose
/* --------------------------------------------------------- */
a:visited {
  color: #00f;
}
a.disabled {
  pointer-events: none;
  cursor: pointer;
}
.indent {
  margin-left: 12px !important;
}
.clear {
  clear: both;
  float: none;
}
.break {
  clear: both;
  float: none;
  display: block;
}
.block {
  display: -moz-inline-stack;
  display: inline-block;
}
.hidden {
  display: none;
}
blockquote,
.blockquote {
  margin: 12px;
}
blockquote.indent,
.blockquote.indent {
  margin-left: 24px !important;
}
.padded {
  padding: 2px;
}
.spacer {
  margin: 4px;
}
.spacer-vertical {
  margin-top: 4px;
  margin-bottom: 4px;
}
.spacer-horizontal {
  margin-left: 4px;
  margin-right: 4px;
}
.column-separator {
  margin-left: 36px;
}
.checkbox-indent {
  margin-left: 18px;
}
.viewer {
  overflow: auto;
}
strong,
.strong {
  font-weight: bold;
}
strong.positive {
  color: #529214;
}
strong.negative {
  color: #dd0000;
}
.negative {
  color: #dd0000;
}
.positive {
  color: #529214;
}
.disabled {
  color: #888888;
}
input.disabled,
textarea.disabled,
select.disabled {
  background-color: #EEEEEE;
}
optgroup {
  font-weight: bolder;
}
em {
  color: #00F;
  font-style: normal;
}
.portal {
  color: #0000FF;
}
.left {
  float: left;
}
.right {
  float: right;
}
.noclear {
  clear: none;
}
.left-align {
  text-align: left;
}
.center-align {
  text-align: center;
}
.right-align {
  text-align: right;
}
.middle-align {
  vertical-align: middle;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.nowrap {
  white-space: nowrap;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
table.invisible {
  visibility: hidden;
  position: absolute;
  top: -10000px;
  left: -10000px;
}
h1 {
  font-size: 1.35em;
  color: #000;
  border-bottom: 1px solid #000;
  margin-top: 0;
  margin-bottom: 8px;
}
h2 {
  font-size: 1.2em;
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 4px;
}
h3 {
  font-size: 1.2em;
  color: #000;
  margin-bottom: 4px;
}
h4 {
  font-weight: bold;
}
/* while page is loading dont show any content marked with flash. this is removed on document ready */
body.page-loading .flash {
  display: none;
}
body.dialog {
  background: #ffffff !important;
}
div.helpHeader {
  color: #305F47;
  border-bottom: 1px solid #DEE7DE;
  margin-bottom: 8px;
}
div.helpHeader h6 {
  font-size: 1.2em;
  font-weight: normal;
}
div.helpHeader button span.ui-button-text {
  text-decoration: none;
  color: #666;
  padding-bottom: 0;
}
li.groupBreak {
  border-bottom: 1px solid #DEE7DE;
}
li.subtitle {
  font-size: 1.05em;
  color: #666666;
}
/* Truncates text based on length of the elements width
 ----------------------------------------------------*/
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
/* --------------------------------------------------------- */
/* Form fields
/* --------------------------------------------------------- */
input,
textarea {
  margin: 0 3px 0 0;
  padding: 2px;
}
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #bbb;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  border: 1px solid #444;
}
input.datepicker,
input.daterangepicker {
  background-image: url(/resource/img/datepicker.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
}
/* datepickers placed in dialog boxes must have topmost zindex */
.dialogdate {
  z-index: 9999;
}
input.autocomplete {
  background-image: url(/resource/img/autocomplete.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
}
/* Indicates autocompletes that are AJAX search only and do not dropdown on click */
input.autocomplete-search {
  background-image: url(/resource/img/autocomplete-search.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
}
input.autocompletedisabled {
  background-image: none;
}
ul.ui-autocomplete li.ui-menu-item {
  border-bottom: 1px solid #DEE7DE;
}
ul.ui-autocomplete li.ui-menu-item.odd {
  background: #F4F7F4;
}
textarea.monospaced {
  font-family: monospace;
}
input.fileBrowseField {
  color: #666;
  background-image: url(/resource/img/browse.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
  width: 300px;
}
/* --------------------------------------------------------- */
/* Disabled Form Fields 
/* --------------------------------------------------------- */
input.disabledCheckbox {
  color: transparent;
  background-color: transparent;
  padding-left: 3px;
  border: 0;
  display: inline;
  width: 12px;
}
/* --------------------------------------------------------- */
/* Checkbox Group
/* --------------------------------------------------------- */
span.filter {
  color: #666;
  font-weight: normal;
}
input.filter {
  font-weight: normal;
  background-image: url(/resource/img/delete.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
}
/* --------------------------------------------------------- */
/* Dialog context area
/* --------------------------------------------------------- */
dl.dialogContextArea {
  background: #FFEBC1;
  border: 1px solid #FDBF3B;
  color: #A6750C;
  padding: 2px;
  font-size: 0.9em;
}
dl.dialogContextArea dt {
  float: left;
  font-weight: bold;
  display: inline;
  text-align: right;
  width: 14em;
  clear: none;
}
dl.dialogContextArea dd {
  margin-left: 14em;
  padding-left: 4px;
  /*font-style: italic;*/
  display: inherit;
  float: none;
}
/* --------------------------------------------------------- */
/* jQuery UI style widget boxes
/* --------------------------------------------------------- */
.obs-widget .obs-widget-header {
  padding: .5em .5em .5em .7em;
  font-weight: bold;
}
.obs-widget .obs-widget-content {
  padding: .5em .5em .5em .7em;
  border: 1px solid #ddd;
  border-top: 0;
  background: #fff;
}
.obs-widget .obs-widget-footer {
  padding: .5em .5em .5em .7em;
  border: 1px solid #ddd;
}
/* --------------------------------------------------------- */
/* FIELDSET
/* --------------------------------------------------------- */
fieldset {
  border: 0;
  margin: 4px 0 4px 0;
  border-top: 1px solid #DEE7DE;
}
fieldset.borders {
  border: 1px solid #DEE7DE;
}
fieldset.nolegend {
  border: 0 !important;
}
fieldset.section {
  padding: 10px;
}
fieldset.section > legend {
  margin-left: -10px;
}
fieldset legend {
  color: #305F47;
  font-size: 1.15em;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 4px;
}
fieldset ol,
fieldset ul {
  list-style: none;
  margin: 0;
}
fieldset dt,
fieldset dd {
  float: left;
  display: block;
}
fieldset li {
  list-style: none;
  padding: 3px 4px;
  margin: 1px;
  clear: both;
  line-height: 1.2;
}
fieldset em,
em.required {
  margin-right: 0.2em;
  vertical-align: top;
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
fieldset label {
  line-height: 1.2;
  float: left;
  display: inline;
  width: 20em;
  min-height: 15px;
  text-align: right;
  padding-right: 6px;
}
fieldset input {
  margin-top: -2px;
}
fieldset select {
  margin-top: -2px;
}
fieldset span.input {
  padding-top: 3px;
  line-height: 1.2;
  min-height: 15px;
}
/* --------------------------------------------------------- */
/* FIELDSET static -  Add extra weighting to fieldset labels for non-editable data
/* --------------------------------------------------------- */
fieldset.static label {
  font-weight: bold;
  padding-top: 0;
}
/* --------------------------------------------------------- */
/* FIELDSET details - condensed static view for multi-line table rows
/* --------------------------------------------------------- */
fieldset.details {
  margin: 0;
}
fieldset.details li {
  padding: 2px 4px;
  line-height: 1em;
}
fieldset.details label {
  line-height: 1em;
}
/* --------------------------------------------------------- */
/* FIELDSET searchForm - offset color background
/* --------------------------------------------------------- */
fieldset.searchForm {
  background: #F4F7F4;
  border: 1px solid #DEE7DE;
  margin-bottom: 12px;
  padding: 4px;
}
fieldset.searchForm legend {
  background: #fff;
  color: #305F47;
  border-bottom: 1px solid #DEE7DE;
}
fieldset.searchForm fieldset.advanced {
  border-top: 1px solid #DEE7DE;
}
fieldset.searchForm fieldset.advanced legend {
  background: #F4F7F4;
  color: #305F47;
  border: 0;
}
fieldset.searchForm table.searchEntries {
  background: #fff;
  table-layout: auto;
  border-collapse: collapse;
  margin: 8px;
}
fieldset.searchForm table.searchEntries th {
  background: #F4F7F4;
  color: #305F47;
  font-weight: bold;
}
fieldset.searchForm table.searchEntries td {
  padding: 4px;
  border-top: 1px dashed #DEE7DE;
  border-bottom: 1px dashed #DEE7DE;
}
fieldset.searchForm div.buttonBar {
  border-top: 1px solid #DEE7DE;
  margin-top: 0;
  padding: 6px 0 0 0;
}
fieldset.searchForm ol.selectionGroup {
  border: 1px solid #DEE7DE;
  background: #fff;
}
fieldset.searchForm div.searchOptions {
  border-top: 1px solid #DEE7DE;
  border-left: 0;
  border-right: 0;
  padding: 8px 0 8px 4px;
  margin: 6px 0 0 0;
}
fieldset.searchForm div.topSearchOptions {
  margin: 0 0 4px 0;
  padding: 0 0 8px 4px;
  border-top: 0;
  border-bottom: 1px solid #DEE7DE;
}
fieldset.searchForm div.standaloneSearchOptions {
  border-top: 0;
  padding-top: 0;
}
fieldset.searchForm a.linkselect {
  text-decoration: none;
  border: 1px solid #DEE7DE;
  background: #fff;
  color: #00F;
  padding: 0 2px 0 2px;
}
fieldset.searchForm dt {
  float: none;
  font-weight: bold;
}
fieldset.searchForm dd {
  float: none;
  margin-left: 16px;
  margin-bottom: 8px;
}
h4.inlineSearchFormHeader {
  border: 0;
  border-top: 1px solid #DEE7DE;
  margin: 0;
  padding: 4px;
  font-size: 1.06em;
  background: #F4F7F4;
}
fieldset.inlineSearchForm {
  border: 0;
  margin: 0;
}
td.searchForm {
  background: #F4F7F4;
  border: 1px solid #DEE7DE;
}
fieldset.searchForm.collapsed {
  border: 0;
  padding: 0;
  background: none;
}
fieldset.searchForm.collapsed legend {
  padding: 4px;
  border: 1px solid #DEE7DE;
  background: #F4F7F4;
  width: 98%;
}
table tfoot tr.searchFooter {
  border: 1px solid #DEE7DE;
  border-top-width: 0;
  background: #F4F7F4;
}
table tfoot tr.searchFooter fieldset.searchForm {
  margin: 1px;
  border-width: 1px 0 0 0;
}
table tfoot tr.searchFooter fieldset.searchForm legend {
  padding: 2px 4px;
  background: none;
  border: 0;
}
table tfoot tr.searchFooter fieldset.searchForm.collapsed {
  border: 0;
  padding: 0;
  background: none;
}
fieldset.searchForm .ui-tabs-nav {
  border-color: #DEE7DE;
}
fieldset.searchForm .ui-tabs-nav li {
  border: 0;
  background: #F4F7F4;
}
fieldset.searchForm .ui-tabs-nav li a {
  color: #333 !important;
}
fieldset.searchForm .ui-tabs-nav li a:hover {
  text-decoration: underline;
}
fieldset.searchForm .ui-tabs-nav li.ui-tabs-selected {
  font-weight: bold;
  border: 1px solid #DEE7DE;
  border-bottom-width: 0;
}
fieldset.searchForm .ui-tabs-panel {
  border: 0;
}
fieldset.searchForm .ui-widget-content {
  background: none;
}
div.searchTabs div.searchForm {
  background: #F4F7F4;
}
div.searchTabs li.ui-tabs-selected {
  background: #F4F7F4;
  font-weight: bold;
}
div.searchTabs li.ui-tabs-active a,
div.searchTabs li.ui-tabs-active a:link,
div#searchProductSelect li.ui-tabs-active a:link {
  color: #666 !important;
  font-weight: bold !important;
}
/* --------------------------------------------------------- */
/* FIELDSET infoSearchForm - offset info color background
/* --------------------------------------------------------- */
fieldset.infoSearchForm {
  background: #FFEBC1;
  border: 1px solid #FDBF3B;
  color: #A6750C;
}
fieldset.infoSearchForm legend {
  font-weight: bold;
  color: #A6750C;
  border: 0;
}
fieldset.infoSearchForm table.listtable tbody td {
  border-top: 1px dashed #FDBF3B;
  border-bottom: 0;
}
fieldset.infoSearchForm a,
fieldset.infoSearchForm a:visited {
  color: #A6750C;
}
/* --------------------------------------------------------- */
/* FIELDSET groupedDetailsSpecs
/* --------------------------------------------------------- */
fieldset.groupedDetailsSpecs.emptylegend {
  margin-top: 5px;
  padding-top: 5px;
}
/* --------------------------------------------------------- */
/* TABLE - General table options
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* TABLE - standard inputtable
/* --------------------------------------------------------- */
table.inputtable td {
  padding: 2px;
}
/* --------------------------------------------------------- */
/* TABLE - standard listtable
/* --------------------------------------------------------- */
table.listtable {
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
table.listtable tbody td {
  padding: 4px;
}
table.listtable tr.tableActions td {
  padding: 3px 4px;
}
table.listtable tr.tableActions span.selectAll,
table.listtable tr.tableActions span.unselectAll,
table.listtable th.tableActions span.selectAll,
table.listtable th.tableActions span.unselectAll {
  font-weight: bold;
  cursor: pointer;
}
table.listtable thead tr.tableActions td {
  background: #F4F7F4;
  border-bottom: 1px solid #DEE7DE;
}
table.listtable tfoot tr.tableActions td {
  background: #F4F7F4;
  border-top: 1px solid #DEE7DE;
}
table.listtable tfoot td {
  padding: 0;
}
table.listtable th,
.tablescroll_head th {
  font-weight: bold;
  padding: 0 4px 4px 4px;
  background: #FFF;
}
table.listtable th,
table.listtable thead th,
.tablescroll_head th {
  color: #000;
  border-bottom: 1px solid #DEE7DE;
}
table.listtable tbody td {
  border-bottom: 1px solid #DEE7DE;
}
table.listtable tbody td.noborder {
  border-bottom: 0 none;
}
table.listtable tbody tr.noborder td {
  border-bottom: 0 none;
}
table.listtable tr td.bulkSelector {
  background: #F4F7F4;
  border-right: 1px solid #DEE7DE;
  white-space: nowrap;
  cursor: pointer;
}
table.listtable tr th.bulkSelectorBlank {
  background: #F4F7F4;
  border-right: 1px solid #DEE7DE;
  border-bottom: 1px solid #DEE7DE;
  white-space: nowrap;
}
.listtableBorder {
  border: 1px solid #DEE7DE;
}
table.listtable tbody tr.odd {
  background: #F4F7F4;
}
table.listtable tbody tr.even {
  background: #ffffff;
}
table.listtable th a {
  color: #000;
}
table.listtable th a.link {
  color: #00f;
}
table.listtable th.sortable a {
  background-image: none;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 13px;
}
table.listtable th.sortable a.up {
  background-image: url(/resource/css/img/mini_up.gif);
}
table.listtable th.sortable a.down {
  background-image: url(/resource/css/img/mini_down.gif);
}
tr.rowHighlightRed,
table.listtable tbody tr.rowHighlightRed,
table tbody td.rowHighlightRed,
div.rowHighlightRed {
  background: #FFE3E3 url(/resource/css/img/exception_background.png) repeat;
}
tr.rowHighlightRed span.error,
table.listtable tbody tr.rowHighlightRed span.error,
table tbody td.rowHighlightRed span.error,
div.rowHighlightRed span.error {
  font-weight: bold;
  color: #990000;
}
tr.rowHighlightBlue,
table.listtable tbody tr.rowHighlightBlue,
table tbody td.rowHighlightBlue,
div.rowHighlightBlue {
  background: #E7EEF3 url(/resource/css/img/resend_background.png) repeat;
}
tr.rowHighlightGreen,
table.listtable tbody tr.rowHighlightGreen,
table tbody td.rowHighlightGreen,
div.rowHighlightGreen {
  background: #e0ffe0;
}
tr.rowHighlightYellow,
table.listtable tbody tr.rowHighlightYellow,
table tbody td.rowHighlightYellow,
div.rowHighlightYellow {
  background: #ffffcc;
}
/* --------------------------------------------------------- */
/* TABLE inline - inline element instead of block level element
/* --------------------------------------------------------- */
table.inline {
  display: inline-table;
}
/* --------------------------------------------------------- */
/* Edit group - an indented offset group of fields without a title
/* --------------------------------------------------------- */
.fieldGroup {
  margin: 4px 0 8px 20px;
  border: 1px solid #DEE7DE;
  padding: 4px;
}
.offsetGroup {
  padding: 4px;
  border: 1px solid #DEE7DE;
  background: #F4F7F4;
}
.innerOffsetGroup {
  background: #fff;
  border: 1px dotted #DEE7DE;
}
.groupHeader {
  padding: .5em .3em .3em .5em;
}
/* --------------------------------------------------------- */
/* OL Selection Group - offset group of column checkboxes
/* --------------------------------------------------------- */
ol.selectionGroup,
div.selectionGroup {
  padding: 3px;
  border: 1px solid #DEE7DE;
  background: #F4F7F4;
  list-style: none;
  margin-bottom: 3px;
}
ol.selectionGroup .selectionGroupHeader,
div.selectionGroup .selectionGroupHeader {
  padding-top: .2em;
  padding-bottom: .2em;
  margin: .2em 0 .4em 0;
  border-bottom: 1px solid #DEE7DE;
  clear: both;
  font-weight: bold;
  width: 100%;
}
ol.selectionGroup .selectionGroupFooter,
div.selectionGroup .selectionGroupFooter {
  margin: .2em 0 .4em 0;
  border-top: 1px solid #DEE7DE;
  clear: both;
  display: block;
  padding: 0.3em 0 0 0;
  width: 100%;
}
ol.selectionGroup li,
div.selectionGroup li {
  padding: 0;
  float: left;
  width: 32%;
  clear: none;
  margin: 2px 0;
}
ol.selectionGroup a,
ol.selectionGroup a:visited {
  text-decoration: underline;
  color: #000000;
}
ol.selectionGroup a:hover {
  text-decoration: underline;
  color: #305F47;
}
ol.twoColumnSelectionGroup li {
  width: 49%;
}
ol.threeColumnSelectionGroup li {
  width: 32%;
}
ol.fourColumnSelectionGroup li {
  width: 24%;
}
ol.fiveColumnSelectionGroup li {
  width: 19%;
}
ol.oneColumnSelectionGroup li {
  width: 99%;
  clear: both;
}
ol.selectionGroup li span {
  width: 80%;
}
ol.selectionGroup li.notmatches {
  opacity: 0.4;
  filter: Alpha(Opacity=40);
}
/* --------------------------------------------------------- */
/* Collapsible component
/* --------------------------------------------------------- */
.expand {
  background-image: url(/resource/css/jquery/images/ui-icons_222222_256x240.png);
  background-position: -32px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.expand-left {
  background-image: url(/resource/css/jquery/images/ui-icons_222222_256x240.png);
  background-position: -32px -16px;
  display: block;
  width: 16px;
  height: 16px;
  float: left;
}
.expand-add {
  background-image: url(resource/css/img/ui-icons-green.png);
  background-position: -32px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.collapse {
  display: inline-block;
  background-image: url(/resource/css/jquery/images/ui-icons_222222_256x240.png);
  background-position: -64px -16px;
  width: 16px;
  height: 16px;
}
.collapse-left {
  background-image: url(/resource/css/jquery/images/ui-icons_222222_256x240.png);
  background-position: -64px -16px;
  display: block;
  width: 16px;
  height: 16px;
  float: left;
}
.waiting {
  display: inline-block;
  background-image: url(/resource/css/jquery/images/ui-icons_222222_256x240.png);
  background-position: -64px -80px;
  width: 16px;
  height: 16px;
}
div.collapsible h4 span:hover,
fieldset.collapsible legend:hover {
  cursor: pointer;
}
.collapsible-header-hover {
  text-decoration: underline;
}
/* --------------------------------------------------------- */
/* Menubutton component - menu contents
/* --------------------------------------------------------- */
.menu {
  position: absolute;
  display: none;
  z-index: 105;
  border: 1px solid #DEE7DE;
  background: #FFFFFF;
  text-align: left;
  padding: 2px;
}
/* --------------------------------------------------------- */
/* Bank Reference lookup
/* --------------------------------------------------------- */
.bankReference dl.bankReferenceDetails {
  width: 220px;
  border: 1px solid #DEE7DE;
  background: #F4F7F4;
  color: #0000FF;
  margin: 2px;
  padding: 4px 2px;
}
.bankReference dl.bankReferenceDetails dd {
  display: block;
}
.bankReference dl.bankReferenceDetails dt {
  width: 8em;
}
.bankReference dl.bankReferenceDetails dd {
  margin-left: 9em;
}
/* --------------------------------------------------------- */
/* jQuery UI icons - make inline for own uses
/* --------------------------------------------------------- */
/*for small icon buttons*/
a.ui-icon {
  display: inline-block;
}
.ui-icon-small {
  width: 15px;
  height: 14px;
}
.ui-icon-none {
  background-position: -999px -999px;
}
.ui-icon-red,
.ui-widget-content .ui-icon-red,
.ui-widget-header .ui-icon-red,
.ui-state-default .ui-icon-red {
  background-image: url(/resource/css/img/ui-icons-red.png);
}
.ui-icon-yellow,
.ui-widget-content .ui-icon-yellow,
.ui-widget-header .ui-icon-yellow,
.ui-state-default .ui-icon-yellow {
  background-image: url(/resource/css/img/ui-icons-yellow.png);
}
.ui-icon-green,
.ui-widget-content .ui-icon-green,
.ui-widget-header .ui-icon-green,
.ui-state-default .ui-icon-red {
  background-image: url(/resource/css/img/ui-icons-green.png);
}
.ui-icon-blue,
.ui-widget-content .ui-icon-blue,
.ui-widget-header .ui-icon-blue,
.ui-state-default .ui-icon-blue {
  background-image: url(/resource/css/img/ui-icons-blue.png);
}
.ui-icon-grey,
.ui-widget-content .ui-icon-grey,
.ui-widget-header .ui-icon-grey,
.ui-state-default .ui-icon-grey {
  background-image: url(/resource/css/img/ui-icons-grey.png);
}
.img-icon {
  width: 16px;
  height: 16px;
  display: block;
}
/* --------------------------------------------------------- */
/* Buttons
/* --------------------------------------------------------- */
button {
  margin: 1px 2px 1px 2px;
}
button.small {
  font-size: 0.95em;
}
button.positive {
  color: #529214;
}
button.positive:hover {
  background: #E6EFC2;
  border: 1px solid #C6D880;
  color: #529214;
}
button.negative {
  color: #d12f19;
}
button.negative:hover {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #d12f19;
}
button.disabled {
  opacity: .5 !important;
  filter: Alpha(Opacity=50);
  cursor: default;
}
button.link {
  border: 0 !important;
  background: none !important;
  padding: 0;
  margin: 0;
}
button.link span {
  color: #00F;
  text-decoration: underline;
}
button.link span:hover {
  color: #00F;
  text-decoration: underline;
}
/* needs to be duplicated here to work for positive and negative buttons as well */
/*button.positive.ui-state-active, button.negative.ui-state-active, button.secondary.ui-state-active { */
/*button.ui-state-active {*/
/*border: 1px solid #2694e8 !important;*/
/*background: #99c2ff url(/resource/css/jquery/images/ui-bg_glass_50_99c2ff_1x400.png) 50% 50% repeat-x  !important;*/
/*color: #000000  !important;*/
/*}*/
.channel-icon,
.button-icon {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  top: 0;
  margin-top: 0;
  position: relative;
}
/* --------------------------------------------------------- */
/* Split button
/* --------------------------------------------------------- */
button.splitbutton-left {
  margin-right: 0;
}
button.splitbutton-right {
  margin-left: 0;
  border-left: 0 !important;/* need this to apply to ui-state-active onmousedown */
  width: 16px;
}
/* --------------------------------------------------------- */
/* Button bar
/* --------------------------------------------------------- */
div.buttonBar {
  clear: both;
  padding: 6px 0;
  margin-top: 12px;
  border-top: 1px solid #DEE7DE;
}
/* --------------------------------------------------------- */
/* PageSteps / Numbered components
/* --------------------------------------------------------- */
/** extends ui-state-default **/
span.number {
  padding: 2px;
  margin-right: 4px;
  border: 1px solid #5986B3;
  background: #EFF3F7 url(/resource/css/jquery/images/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #003284;
  outline: none;
  zoom: 1;
}
ol.page-steps {
  list-style: none;
  height: 1%;
  padding: 0;
  margin: 32px;
  border-top: 1px solid #5986B3;
}
ol.page-steps li {
  position: relative;
  top: -10px;
  font-size: 1.2em;
  font-weight: normal;
  float: left;
  color: #003284;
  margin-left: 16px;
  margin-right: 8px;
  background: #fff;
  padding-left: 4px;
  padding-right: 4px;
}
/* these are the numbers */
ol.page-steps li span {
  padding: 2px;
  margin-right: 4px;
  position: relative;/* for IE, won't cut off top and bottom border */
}
/* these are the hyperlinks for clickable steps */
ol.page-steps li a {
  color: #003284;
}
/* --------------------------------------------------------- */
/* Tooltip component
/* --------------------------------------------------------- */
a.tooltiplink {
  color: #666;
}
a.tooltiplink:visited {
  color: #666;
}
a.tooltiplink:link {
  color: #666;
}
a.tooltiplink:hover {
  cursor: help;
}
div.tooltip {
  width: 500px;
  margin: 0;
  padding: 5px;
  font-size: 11px;
  color: #fff;
  background: #F4F7F4;
  border: 1px solid #E9E9E9;
}
/* --------------------------------------------------------- */
/* UiTooltipIconTag
/* --------------------------------------------------------- */
.tooltip-icon,
.tooltip-custom-icon {
  display: inline-block;
  background-position: center;
}
.tooltip-icon {
  height: 14px;
  width: 14px;
  background-image: url("../../img/help.gif");
}
.tooltip-custom-icon {
  height: 16px;
  width: 16px;
}
label.logintooltips {
  position: relative;
}
label.logintooltips::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 120%;
  left: 100%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 2px 5px;
  font-size: 0.9em;
  line-height: 1.5;
  color: #333;
  background-color: #E1E0E0;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
label.logintooltips:hover::after {
  visibility: visible;
  opacity: 1;
}
/* --------------------------------------------------------- */
/* Dropdown link shows expand button on hover
/* --------------------------------------------------------- */
a.dropdown {
  background-image: none;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 13px;
  color: #00f;
}
a.dropdown:hover {
  background-image: url(/resource/css/img/mini_down.gif);
}
span.menubutton.dropdown {
  background-color: #FFFFFF;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 13px;
  border: solid 1px #FFFFFF;
}
span.menubutton.dropdown:hover {
  text-decoration: underline;
  background-color: #e7f4f9;
  border: solid 1px #d8f0fa;
  background-image: url(/resource/css/img/mini_down.gif);
}
.jstree div.menu {
  background-color: #FFFFFF;
  border: solid 1px black;
}
/* --------------------------------------------------------- */
/* Expanding text area
/* --------------------------------------------------------- */
textarea.expanding {
  line-height: 1.0em;
}
/* --------------------------------------------------------- */
/* Page indicator sections
/* --------------------------------------------------------- */
.error-indicator {
  background: #FFE3E3 url(/resource/css/img/error-indicator.gif) no-repeat center left;
  border: 1px solid #DD0000;
  color: #550000;
  padding: 4px 4px 4px 20px;
  margin-bottom: 8px;
}
.info-indicator {
  background: #FFEBC1 url(/resource/css/img/info-indicator.gif) no-repeat center left;
  border: 1px solid #FDBF3B;
  color: #A6750C;
  padding: 4px 4px 4px 20px;
  margin-bottom: 8px;
}
.status-indicator {
  background: #efefef;
  border: 1px solid #ccc;
  font-weight: bold;
  color: #000;
  padding: 4px;
  margin-bottom: 8px;
}
.success-indicator {
  padding: 4px 4px 4px 20px;
  background: #DFFFDF url(/resource/css/img/success-indicator.gif) no-repeat center left;
  border: 1px solid #9FCF9F;
  color: #005F00;
  margin-bottom: 8px;
}
.success-indicator-inline {
  padding: 2px 2px 2px 20px;
  background: url(/resource/css/img/success-indicator.gif) no-repeat center left;
  color: #005F00;
  font-weight: bold;
}
.error-indicator-inline {
  background: url(/resource/css/img/error-indicator.gif) no-repeat center left;
  color: #dd0000;
  font-weight: bold;
  padding: 2px 2px 2px 20px;
}
.info-indicator-inline {
  background: url(/resource/css/img/info-indicator.gif) no-repeat center left;
  color: #A6750C;
  font-weight: bold;
  padding: 2px 2px 2px 20px;
}
.status-indicator-inline {
  font-weight: bold;
  color: #000;
  padding: 4px;
}
/* wrapper div for page messages added to dialogs instead of pages */
div.dialog-indicator {
  margin: 8px;
}
/* --------------------------------------------------------- */
/* Error styles - Needs to be after other rules (i.e. datepicker) so rest of background isn't lost
/* --------------------------------------------------------- */
/** applied by jquery validation **/
span.error {
  font-weight: normal;
  font-style: normal;
  color: #dd0000;
  display: inline-block;
  margin-top: 4px;
}
input[type="text"].error,
input[type="password"].error,
textarea.error {
  background-color: #FFE3E3;
}
div.ui-tabs ul li.invalid a {
  color: #DD0000 !important;
}
/* --------------------------------------------------------- */
/* Details list - offset background with static key/value pairs or listed items
 *   with bold headers and labels
/* --------------------------------------------------------- */
div.detailsList {
  border: 1px solid #DEE7DE;
  background: #F4F7F4;
  color: #0000FF;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 4px;
}
dl.detailsList,
ol.detailsList {
  border: 1px solid #DEE7DE;
  background: #F4F7F4;
  color: #0000FF;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 4px;
}
.detailsList .detailsListHeader {
  padding-top: .2em;
  padding-bottom: .2em;
  margin: .2em 0 .4em 0;
  border-bottom: 1px solid #DEE7DE;
  clear: both;
  font-weight: bold;
  width: 100%;
}
dl.detailsList dt,
dl.definitionList dt,
div.detailsList dt {
  float: left;
  display: inline;
  font-weight: bold;
  text-align: right;
  width: 10em;
  margin-right: 1em;
  clear: both;
}
dl.detailsList dt.longDetailLabel {
  width: 22em;
}
dl.detailsList dd,
dl.definitionList dd,
div.detailsList dd {
  margin-left: 11em;
  display: inherit;
  float: none;
}
/* --------------------------------------------------------- */
/* UI overlays from BlockUI
/* --------------------------------------------------------- */
div.blockMsg {
  width: 30%;
  top: 30%;
  left: 35%;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  padding: 15px;
  border: 1px solid #333;
  background-color: #333;
  opacity: .7;
  filter: Alpha(Opacity=70);
  color: #fff;
}
#pageLoadingOverlay {
  z-index: 5001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  cursor: wait;
}
#pageLoadingMessage {
  position: absolute;
  z-index: 5002;
  cursor: wait;
}
/* --------------------------------------------------------- */
/* Data table / Ajax table styles
/* --------------------------------------------------------- */
/* wraps ajax tables */
div.dataTableContainer {
  padding: 6px 0 0 0;
  margin-bottom: 12px;
}
div.dataTableContainer div.commandbar {
  padding: 4px;
  background: #F4F7F4;
  font-weight: bold;
  border-bottom: 1px solid #DEE7DE;
}
div.dataTableContainer tfoot div.commandbar {
  border-top: 1px solid #DEE7DE;
}
div.dataTableContainer div.commandbar button {
  margin: 0 1px;
  padding: 1px 2px;
}
div.dataTableContainer span.footer {
  color: #666666;
  font-size: 0.9em;
}
/* --------------------------------------------------------- */
/* achcompanytable.tag
/* --------------------------------------------------------- */
div.achCompanyTableContainer .achCompaniesHeader {
  color: #666666;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 25px;
  margin-bottom: 10px;
}
div.achCompanyTableContainer .achCompaniesHeader h6 {
  font-size: 1.2em;
  font-weight: normal;
}
div.achCompanyTableContainer .searchAchCompanies {
  width: 98%;
  padding: 3px;
  margin-bottom: 10px;
}
div.achCompanyTableContainer .searchForm ul {
  display: inline-table;
}
div.achCompanyTableContainer .searchForm label {
  width: 17em;
}
div.achCompanyTableContainer .searchForm .searchAchCompaniesButton {
  display: block;
  margin-top: 10px;
}
div.achCompanyTableContainer .checkmark.hidden {
  display: none;
}
/* --------------------------------------------------------- */
/* jQuery UI CSS customizations
/* --------------------------------------------------------- */
/*
  *
  * General
  *
  */
/*
 * Remove outline from component states
 */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  outline: none;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  outline: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  outline: none;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  outline: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  outline: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  outline: none;
}
/*
 * Reduce padding on buttons
 */
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .2em;
  margin: -12px 27px 10px 10px;
  text-indent: -99999px;
}
.ui-button-text-only .ui-button-text {
  padding: .2em 0.6em;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .2em 0.6em .2em 2.3em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .2em 2.1em .2em 0.6em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.3em;
  padding-right: 2.1em;
}
/*
 * Fix tab border width to work on horizontal or vertical tabs
 */
.ui-tabs .ui-tabs-nav li {
  border-bottom-width: 0 !important;
}
/* Don't want primary buttons showing up with bold font
-------------------------------------------------------*/
.ui-priority-primary,
.ui-widget-content .ui-priority-primary {
  font-weight: normal;
}
/* Decrease transparency amount on secondary buttons, always on white background
-------------------------------------------------------*/
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
  opacity: .8;
  filter: Alpha(Opacity=80);
  font-weight: normal;
  background: #fff;
}
/*
  *
  * Dialogs
  *
  */
/* No whitespace around dialogs since we're not outlining the headers
-------------------------------------------------------*/
.ui-dialog {
  padding: 0;
}
/* Float dialog bottom buttons to bottom left instead of bottom right
-------------------------------------------------------*/
.ui-dialog .ui-dialog-buttonpane button {
  float: left;
}
/* Clean up padding around bottom of dialog
-------------------------------------------------------*/
.ui-dialog .ui-dialog-buttonpane {
  padding: .3em .5em .4em .5em;
}
/* Leave only bottom border since we're eliminating the space around
 * the dialog and dont need the full box to be drawn
-------------------------------------------------------*/
.ui-dialog .ui-dialog-titlebar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
/* Forbid use of close button on nonclosable dialogs
-------------------------------------------------------*/
.ui-dialog-notclosable .ui-dialog-titlebar-close {
  display: none;
}
/*
  *
  * Tabs
  *
  */
/* Dont want a border around the entire tab container, just the content
 * area and the bottom of the tab navigation
-------------------------------------------------------*/
.ui-tabs {
  border: 0;
}
.ui-tabs .ui-tabs-panel {
  border: 1px solid #DEE7DE;
  border-top: 0;
}
/* Remove the blue widget header appearance from tab headers.
-------------------------------------------------------*/
.ui-tabs .ui-tabs-nav {
  background: none;
  border: 0;
  padding-left: 0;
  border-bottom: 1px solid #DEE7DE;
}
/* Selected tab should just blend in to the content with white background
-------------------------------------------------------*/
.ui-tabs .ui-tabs-selected {
  background: #fff;
  border: 1px solid #DEE7DE;
}
.ui-tabs .ui-tabs-selected a,
.ui-tabs .ui-tabs-selected a:visited {
  color: #305F47;
}
/* Need to not clear on tabs by default in case its enclosed by an
 * evil fieldset that clears on each li
-------------------------------------------------------*/
.ui-tabs .ui-tabs-nav li {
  clear: none;
}
/** for form fields in tabs, need to take out of anchor but want to display the same way */
.ui-tabs .ui-tabs-nav li input {
  float: left;
  text-decoration: none;
  margin: .5em 0 .5em 0.5em;
}
/* Vertical Tabs
----------------------------------*/
div.ui-tabs-vertical {
  width: 780px;
  margin-bottom: 8px;
}
div.ui-tabs-vertical .ui-tabs-nav {
  padding: 0;
  border: 0;
  float: left;
  width: 150px;
}
div.ui-tabs-vertical .ui-tabs-nav li {
  top: 0;
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px .2em 0;
}
div.ui-tabs-vertical .ui-tabs-nav li.verticalTabHeader {
  color: #000;
}
div.ui-tabs-vertical .ui-tabs-nav li.newTabGroup {
  margin-top: 16px;
}
div.ui-tabs-vertical .ui-tabs-nav li a {
  padding: 0.5em;
  display: block;
}
div.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: .2em;
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
}
div.ui-tabs-vertical .ui-tabs-panel {
  padding: 1em;
  float: left;
  width: 595px;
  border: 1px solid #DEE7DE;
  min-height: 35em;
}
/* Specific ui-horizontal-tabs rules to handle horizontal case within vertical tabs
----------------------------------*/
.ui-horizontal-tabs div.ui-tabs {
  padding: .2em;
  zoom: 1;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-nav {
  list-style: none;
  position: relative;
  padding: .2em .2em 0;
  width: 100%;
  border-bottom: 1px solid #CCC;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border-bottom-width: 0 !important;
  border-right-width: 1px !important;
  margin: 0 .2em -1px 0;
  padding: 0;
  clear: none;
  width: auto;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: .5em 1em;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-horizontal-tabs div.ui-tabs .ui-tabs-panel {
  padding: 1em 1.4em;
  display: block;
  border-width: 0;
  background: none;
}
.ui-horizontal-tabs div.ui-tabs .ui-tabs-hide {
  display: none !important;
}
/* fix for datepicker not showing up on top of jquery dialogs */
#ui-datepicker-div {
  z-index: 3000 !important;
}
div.accountPermission {
  border-bottom: 1px solid #DEE7DE;
  padding: 3px 0 4px 2px;
}
div.accountPermission.notPermissionGroup {
  border: 0;
}
div.evenAccountPermission {
  background: #F4F7F4;
}
div.accountPermission div.accounts,
div.achCompanies {
  width: 225px;
  margin-right: 8px;
}
div.accountPermission div.accounts.wideAccounts,
div.achCompanies.wide {
  width: 550px;
  margin-left: 20px;
}
div.accountSelectDialog .searchForm ul {
  display: inline-table;
}
div.accountSelectDialogSingle .searchForm ul {
  display: inline-table;
}
div.accountPermissionSingle {
  border-bottom: 1px solid #DEE7DE;
  padding: 3px 0 4px 2px;
}
div.accountPermissionSingle.notPermissionGroup {
  border: 0;
}
div.accountPermissionSingle div.accountsSingle ol.accountsListSingle {
  margin: 2px 0;
  border: 1px solid #DEE7DE;
  background: #fff;
  height: 25px;
  overflow: auto;
}
div.accountPermissionSingle div.accountsSingle {
  width: 225px;
  margin-right: 8px;
}
div.accountPermissionSingle div.accountsSingle.wideAccounts {
  width: 550px;
  margin-left: 20px;
}
div.accountPermission div.accounts ol.accountsList,
div.achCompanies ol.achCompaniesList {
  margin: 2px 0;
  border: 1px solid #DEE7DE;
  background: #fff;
  height: 100px;
  overflow: auto;
}
div.accountPermission div.accounts ol.accountsList li,
div.achCompanies ol.achCompaniesList {
  padding: 0;
  color: #000;
}
div.accountPermission ol.selectionGroup {
  margin-top: 6px;
  padding: 2px 6px;
}
div.limittable {
  min-width: 270px;
  padding: 1px 2px 4px 2px;
}
div.limittableSeparator {
  border-top: 1px solid #DEE7DE;
}
div.limittable div.heading {
  font-weight: bold;
  padding: 2px 0px;
}
div.limittable div.value {
  padding: 4px 4px 4px 12px;
}
tr.limittableSeparatorFooter {
  border-bottom: 1px solid #DEE7DE;
}
.remitDisabled .remittanceCell,
.remitDisabled.remitBulkSelect {
  display: none;
  visibility: hidden;
}
.tabs .count {
  padding: 0 2px;
  font-weight: bold;
  position: absolute;
  top: 0px;
  right: 0px;
}
.tabs .tabTitle {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.editAddenda,
.viewAddenda {
  display: block;
}
.paddedForRemit {
  padding-left: 24px;
}
.actionHeader {
  display: none;
  visibility: hidden;
}
.actionHeader.hasRemittance,
.actionHeader.hasAddenda {
  display: table-cell;
  visibility: visible;
}
.remitDefaultButton span {
  color: #333 !important;
  text-decoration: none !important;
}
.remitEnableCheckboxForPC {
  vertical-align: -3px !important;
}
.endDateError {
  color: #dd0000;
}
.authenticationDialog {
  padding: 5px;
}
.splitAuthPreferences {
  width: 280px;
  border: 1px solid #BBB;
  background: #EEE;
  padding: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.splitAuthPreferences li label {
  font-weight: bold;
  padding-bottom: 5px;
}
.confidentialBatch {
  color: forestgreen;
  font-weight: bold;
}
.confidentialBatchLeftPadding {
  padding-left: 3em;
}
.templateDialog {
  width: 170px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-icon-only .button-icon,
.ui-button-text-icon-primary .button-icon,
.ui-button-text-icon-secondary .button-icon,
.ui-button-text-icons .button-icon,
.ui-button-icons-only .button-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: -.5em;
}
.ui-button-icon-only .ui-icon {
  margin-left: -10px !important;
}
.button-icon-delete {
  margin-left: 2px;
}
.ruleGroups .ui-icon,
#subscriptions .ui-icon,
#primaryAccounts .ui-icon,
#otherBanks .ui-icon,
#alerts .ui-icon,
.paymentevents .ui-icon,
#cardpayments .ui-icon {
  display: contents;
}
#bottomlineTabs .ui-accordion-header {
  display: flex;
}
.ruleActions .ui-icon {
  display: block;
}
#accountTabs .ui-accordion-header a {
  padding-left: .75em !important;
}
#payments ul li.adminTab a {
  padding: .5em .5em !important;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/resource/css/font/SansPro/SourceSansPro.woff2);
}
#fdicLogoDark,
#fdicLogoLight {
  margin: 9px;
  padding: 0;
  margin-left: 11px;
}
#fdicTextLight,
#fdicTextDark {
  font-size: 12.80px;
  font-family: Source Sans Pro !important;
  font-style: italic;
  font-weight: 400;
  word-wrap: break-word;
  margin-left: 44px;
}
#fdicTextLight {
  color: white;
}
#fdicTextDark {
  color: black;
}
#fdicLogoDark .fdic-logo {
  background: url(/resource/img/FDIC/FDIC_blue.svg) no-repeat;
}
#fdicLogoLight .fdic-logo {
  background: url(/resource/img/FDIC/FDIC_white.svg) no-repeat;
}
#fdicLogoLight .fdic-logo,
#fdicLogoDark .fdic-logo {
  height: 15.74px;
  background-size: 37.36px 15.74px;
  width: 37.36px;
  float: left;
}
#header.headerWithFdic {
  height: auto;
}
/*# sourceMappingURL=functional.css.map */