/* 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: var(--headerColor);
    border-bottom: var(--headerBorder);
    margin-top: 0;
    margin-bottom: 8px;
}

h2 {
    font-size: 1.2em;
    color: var(--headerColor);
    border-bottom: var(--headerBorder);
    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: var(--fieldsetLegend);
    border-bottom: 1px solid var(--fieldsetBorder);
    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 var(--selectionGroupBorder);
}

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 var(--inputBorder);
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid var(--inputBorderFocus);
}

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 var(--listtableRowBorder);
}

ul.ui-autocomplete li.ui-menu-item.odd {
	background: var(--listtableRowOdd);
}

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 .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 var(--fieldsetBorder);
}

fieldset.borders {
  border: 1px solid var(--fieldsetBorder);
}

fieldset.nolegend {
    border: 0 !important;
}

fieldset.section {
    padding: 10px;
}
fieldset.section > legend {
        margin-left: -10px;
}

fieldset legend {
    color: var(--fieldsetLegend);
    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: var(--inputRequired) !important;
}

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: var(--searchFormBackground);
    border: 1px solid var(--searchFormBorder);
    margin-bottom: 12px;
    padding: 4px;
}

fieldset.searchForm legend {
    background: var(--searchFormLegendBackground);
    color: var(--searchFormLegend);
    border-bottom: 1px solid var(--searchFormBorder);
}

fieldset.searchForm fieldset.advanced {
    border-top: 1px solid var(--searchFormBorder);
}

fieldset.searchForm fieldset.advanced legend {
    background: var(--searchFormBackground);
    color: var(--searchFormLegend);
    border: 0;
}

fieldset.searchForm table.searchEntries {
    background: #fff;
    table-layout: auto;
    border-collapse: collapse;
    margin: 8px;
}

fieldset.searchForm table.searchEntries th {
    background: var(--searchFormBackground);
    color: var(--searchFormLegend);
    font-weight: bold;
}
fieldset.searchForm table.searchEntries td {
    padding: 4px;
    border-top: 1px dashed var(--searchFormBorder);
    border-bottom: 1px dashed var(--searchFormBorder);
}

fieldset.searchForm div.buttonBar {
    border-top: 1px solid var(--searchFormBorder);
    margin-top: 0;
    padding: 6px 0 0 0;
}

fieldset.searchForm ol.selectionGroup {
    border: 1px solid var(--searchFormBorder);
    background: #fff;
}

fieldset.searchForm div.searchOptions {
    border-top: 1px solid var(--searchFormBorder);
    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  var(--searchFormBorder);
}

fieldset.searchForm div.standaloneSearchOptions {
    border-top: 0;
    padding-top: 0;
}

fieldset.searchForm a.linkselect {
    text-decoration: none;
    border: 1px solid var(--searchFormBorder);
    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 var(--searchFormBorder);
    margin: 0; 
    padding: 4px; 
    font-size: 1.06em; 
    background: var(--searchFormBackground);
}

fieldset.inlineSearchForm  {
    border: 0; 
    margin: 0;
}

td.searchForm {
    background: var(--searchFormBackground);
    border: 1px solid var(--searchFormBorder);
}

fieldset.searchForm.collapsed {
    border: 0;
    padding: 0;
    background: none;
}

fieldset.searchForm.collapsed legend {
    padding: 4px;
    border: 1px solid var(--searchFormBorder);
    background: var(--searchFormBackground);
    width: 98%;
}

table tfoot tr.searchFooter {
    border: 1px solid var(--searchFormBorder);
    border-top-width: 0;
    background: var(--searchFormBackground);
}

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: var(--searchFormBorder);
}

fieldset.searchForm .ui-tabs-nav li {
   border: 0;
   background: var(--searchFormBackground);
}

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 var(--searchFormBorder);
    border-bottom-width: 0;
}

fieldset.searchForm .ui-tabs-panel {
    border: 0;
}

fieldset.searchForm .ui-widget-content {
    background: none;
}


div.searchTabs div.searchForm {
    background: var(--searchFormBackground);
}

div.searchTabs li.ui-tabs-selected {
    background: var(--searchFormBackground);
    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: var(--listtableRowOdd);
    border-bottom: 1px solid var(--listtableRowBorder);
}

table.listtable tfoot tr.tableActions td {
    background: var(--listtableRowOdd);
    border-top: 1px solid var(--listtableRowBorder);
}

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: var(--listtableHeaderColor);
    border-bottom: 1px solid var(--listtableHeaderBorder);
}

table.listtable tbody td {
    border-bottom: 1px solid var(--listtableRowBorder);
}

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: var(--listtableRowOdd);
    border-right: 1px solid var(--listtableRowBorder);
    white-space: nowrap;
    cursor: pointer;
}

table.listtable tr th.bulkSelectorBlank {
    background: var(--listtableRowOdd);
    border-right: 1px solid var(--listtableRowBorder);
    border-bottom: 1px solid var(--listtableRowBorder);
    white-space: nowrap;
}

.listtableBorder {
    border: 1px solid var(--listtableRowBorder);
}

table.listtable tbody tr.odd {
    background: var(--listtableRowOdd);
}

table.listtable tbody tr.even {
    background: var(--listtableRowEven);
}

table.listtable th a {
    color: var(--listtableHeaderSortable);
}

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, span.error.transactionStatus {
    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 var(--fieldsetBorder);
    padding: 4px;
}

.offsetGroup {
    padding: 4px;
    border: 1px solid var(--selectionGroupBorder);
    background: var(--selectionGroupBackground)
}

.innerOffsetGroup {
    background: #fff;
    border: 1px dotted var(--selectionGroupBorder);
}

.groupHeader {
    padding: .5em .3em .3em .5em;
}

/* --------------------------------------------------------- */
/* OL Selection Group - offset group of column checkboxes
/* --------------------------------------------------------- */

ol.selectionGroup, div.selectionGroup {
    padding: 3px;
    border: 1px solid var(--selectionGroupBorder);
    background: var(--selectionGroupBackground);
    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 var(--selectionGroupSeparator);
    clear: both;
    font-weight: bold;
    width:100%;
}

ol.selectionGroup .selectionGroupFooter, div.selectionGroup .selectionGroupFooter {
    margin: .2em 0 .4em 0;
    border-top:1px solid var(--selectionGroupSeparator);
    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: var(--selectionGroupHover);
}

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 @menuBorder;
    background: @menuBackground;
    z-index: 1000;
    border: 1px solid var(--menuBorderColor);
    background: var(--menuBackground);
    text-align:left;
    padding: 2px;
}

/* --------------------------------------------------------- */
/* Bank Reference lookup
/* --------------------------------------------------------- */

.bankReference dl.bankReferenceDetails {
    width: 220px;
    border: 1px solid var(--navigationBorder);
    background: var(--navigationBackground);
    color: var(--navigationColor);
    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: var(--defaultLinkColor);
    text-decoration: underline;
}

button.link span:hover {
    color: var(--defaultLinkHoverColor);
    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 var(--fieldsetBorder);
}

/* --------------------------------------------------------- */
/* PageSteps / Numbered components
/* --------------------------------------------------------- */

/** extends ui-state-default **/
span.number {
    padding: 2px;
    margin-right: 4px;
    border: 1px solid var(--numberBorder);
    background: var(--numberBackground) url(/resource/css/jquery/images/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: var(--numberColor);
    outline: none;
    zoom: 1;
}

ol.page-steps {
    list-style: none;
    height: 1%;
    padding: 0;
    margin: 32px;
    border-top: 1px solid var(--numberBorder);
}
ol.page-steps li {
    position: relative;
    top: -10px;
    font-size: 1.2em;
    font-weight: normal;
    float: left;
    color: var(--numberColor);
    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: var(--numberColor);
}

/* --------------------------------------------------------- */
/* 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: var(--tooltipColor);
    background: var(--tooltipBackground);
    border: 1px solid var(--tooltipBorder);
}

/* --------------------------------------------------------- */
/* 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 span {
}

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 var(--navigationBorder);
    background: var(--navigationBackground);
    color: var(--navigationColor);
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 4px;
}

dl.detailsList, ol.detailsList {
    border: 1px solid var(--navigationBorder);
    background: var(--navigationBackground);
    color: var(--navigationColor);
    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 var(--selectionGroupSeparator);
    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;
}

div.blockOverlay {}

#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: var(--searchFormBackground);
    font-weight: bold;
    border-bottom: 1px solid var(--searchFormBorder);
}

div.dataTableContainer tfoot div.commandbar {
    border-top: 1px solid var(--searchFormBorder);
}

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;*/

/*        h6 {*/
/*            font-size: 1.2em;*/
/*            font-weight: normal;*/
/*        }*/
/*    }*/

/*    .searchAchCompanies {*/
/*        width: 98%;*/
/*        padding: 3px;*/
/*        margin-bottom: 10px;*/
/*    }*/

/*    .searchForm {*/
/*        ul {*/
/*            display: inline-table;*/
/*        }*/

/*        label {*/
/*            width: 17em;*/
/*        }*/

/*        .searchAchCompaniesButton {*/
/*            display: block;*/
/*            margin-top: 10px;*/
/*        }*/
/*    }*/

/*    .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 var(--fieldsetBorder);
    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 var(--fieldsetBorder);
}

/* Selected tab should just blend in to the content with white background
-------------------------------------------------------*/
.ui-tabs .ui-tabs-selected {
    background: #fff;
    border: 1px solid var(--fieldsetBorder);
}
.ui-tabs .ui-tabs-selected a, .ui-tabs .ui-tabs-selected a:visited {
    color: var(--fieldsetLegend);
}

/* 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: var(--headerColor);
}

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 var(--fieldsetBorder);
    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 var(--selectionGroupBorder);
    padding: 3px 0 4px 2px;
}

div.accountPermission.notPermissionGroup {
    border: 0;
}

div.evenAccountPermission {
    background: var(--listtableRowOdd);
}

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 @selectionGroupBorder;
    padding: 3px 0 4px 2px;
}

div.accountPermissionSingle.notPermissionGroup {
    border: 0;
}

div.accountPermissionSingle div.accountsSingle ol.accountsListSingle  {
    margin: 2px 0;
    border: 1px solid @selectionGroupBorder;
    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 @selectionGroupBorder;
    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 var(--selectionGroupBorder);
    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 var(--selectionGroupBorder);
}

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 var(--selectionGroupBorder);
}

.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;
}