/*** CAS modified 04.24.2017 ss ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html, body {
    height: 100%;
    background: fixed;
}
html {
    overflow: auto;
}
body {
    font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 0;
    margin: 0;
    background: #ffffff no-repeat fixed;
}
img {
    border: 0;
}
form {
    margin: 0;
}
label{
    padding-right: 5px;
}
.ui-icon.fa {
    text-indent: 0;
    background-image: none;
    margin-top: -6px;
}
.centeredAndChildrenCentered,
.centeredAndChildrenCentered > * {
    text-align: center;
}
.childrenPaddedLevel1 > * {
    padding: .5em 0 .5em 0;
}
.ui-row-toggler:hover {
    cursor: pointer;
}
input, .ui-inputfield {
    border: 1px solid #ccc;
    padding: 5px;
    background: #ffffff;
    margin-right: 5px;
    border-radius: 0;
}
input:focus, select:focus, .ui-inputfield:focus, input:hover, select:hover, .ui-inputfield:hover {
    background: #ffedc4;
    color: #000000;
    border: 1px solid #fdb913;
    border-radius: 0;
}
select{
    border: 1px solid #ccc;
    padding: 4px;
    background: #ffffff;
    margin-right: 5px;
}
a {
    color:#4f107a;
    text-decoration: none;
}
a:link, a:visited {
    color: #4F107A;
    text-decoration: none;
}
a:hover, a:focus {
    color: #4F107A;
    text-decoration:underline;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.clear {
    clear: both;
}
.outsideContainer {
    margin: 0 0 -10px;
    width: 100%;
    text-align: center;
    position: relative;
    border: none;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important;
    height: 100%; /* For IE */
    background: none;
}
/*** header ***/
.outsideHeaderContentContainer {
    width: 100%;
    height: 65px; /* this should be set two what the code in the function resizeIframe is */
    margin: 0 auto;
    *height:85px;
    height: 89px\9;
	  text-align: left;
    background: #563d82;
}
.outsideHeaderQuickLinks {
    width: auto;
    height: auto;
    z-index: 1;
    visibility: visible;
    float: right;
    margin: 11px 15px 0 0;
    text-align: right;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    clear: right;
}
.outsideHeaderQuickLinks .ui-menubutton .ui-button  {
    background: transparent;
    padding: 5px 5px 5px 0;
    color: #fff;
    border: solid 1px #ccc;
}
.outsideHeaderQuickLinks .ui-icon {
    background: url("/central/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml");
}
.outsideHeaderQuickLinks .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
#topUserActionsMenuForm\3aviewRealmBtn {
  background: transparent;
  padding: 5px 5px 5px 0;
  color: #fff;
  border: solid 1px #ccc;
  margin-right: 15px;
} 
#topUserActionsMenuForm\3arealmSelectBox_filter {
  background: none !important;
}
#topUserActionsMenuForm\3arealmSelectBox input {
  border: solid 1px #ccc;
  border-radius: 0;
}
#topUserActionsMenuForm\3arealmSelectBox .ui-state-hover {
  background: #fdb913;
  color: #000;
}
#topUserActionsMenuForm\3arealmSelectBox {
  background: #fff;  
  border: 1px solid #ccc;
  width: 100%;
  text-align: right;
}

#topUserActionsMenuForm\3arealmSelectBox.ui-selectonemenu{
  display:block !important;
}

#topUserActionsMenuForm\3arealmSelectBox_panel .ui-selectonemenu-item.ui-state-hover {
  background: #fbebc3;
  color: #000;
}

#topUserActionsMenuForm\3arealmPanel .ui-overlaypanel-content{
  padding: 0px 0px;
/*  background:none !important;*/
}

#topUserActionsMenuForm\3arealmPanel.ui-widget-content{
  border:0px !important;
  background: none !important;
}

.outsideContainer .ui-button-text-icon-left .ui-button-text {
    padding: 0 0 0 25px;
}
.outsideHeaderContentContainer .brandImage {
    display: inline-block;
    padding: 5px 0px 0;
}
#iframeHolder {
    overflow: visible;
    visibility: visible;
    z-index: 2;
    height: 100%;
    width: 100%;
    display: block;
    float: left;
}
#iframeHolder > iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}
.insideContainer {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -52px;
}
.insideContainerContent {
    padding-top: 20px;
    margin: 0 auto;
    max-width: 1170px;
}

/*** navigation ***/
#nav {
    display: block;
    width: 100%;
    float: left;
    background: #f2f2f2;
    clear: left;
    position: relative;
    z-index: 100;
}
#nav .ui-menubar {
    padding: 0;
    background: none;
    border: none;
}
#nav .ui-menubar .ui-state-hover,
#nav .ui-menubar .ui-widget-content .ui-state-hover,
#nav .ui-menubar .ui-widget-header .ui-state-hover,
#nav .ui-menubar .ui-state-focus,
#nav .ui-widget-content .ui-state-focus,
#nav .ui-menubar .ui-widget-header .ui-state-focus,
.ui-menu.ui-menu-dynamic .ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-widget-content .ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-widget-header .ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-menu.ui-menu-dynamic .ui-widget-header .ui-state-focus {
    background: #e0dbe3;
    -webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1);
    box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1);
    border-radius: 0;
    color: #333 !important;
}
.ui-menu.ui-menu-dynamic .ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-widget-content .ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-widget-header .ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-menu.ui-menu-dynamic .ui-widget-header .ui-state-focus {
    border-radius: 5px;
}
#nav .ui-menubar .ui-menuitem {
    margin: 0;
}
#nav .ui-menubar .ui-menuitem-link {
    padding: 10px 15px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
#nav .ui-menubar .ui-menuitem-link .ui-menuitem-text {
    display: inline-block;
    vertical-align: text-bottom;
    float: none;
}
#nav .ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-e,
.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-s {
    display: inline-block;
    vertical-align: text-bottom;
    float: none;
}
#nav .ui-menubar .ui-menu-child {
    width: 14.5em;
}
#nav .ui-menubar .ui-menu-child .ui-menuitem-link,
.ui-menu-dynamic .ui-menuitem a {
    padding: 5px;
    color: #4f107a;
    text-align: left;
    border-radius: 5px;
}
#nav .ui-menubar .ui-menu-child .ui-menuitem-link .ui-menuitem-text {
    display: block;
}
.ui-shadow {
    -moz-box-shadow:2px 5px 5px rgba(0,0,0,0.3) !important;
    -webkit-box-shadow:2px 5px 5px rgba(0,0,0,0.3) !important;
    box-shadow:2px 5px 5px rgba(0,0,0,0.3) !important;
}
.ui-menu-dynamic .ui-menuitem:first-of-type {
    border-radius: 0;
    background: none;
    border: 0;
    box-shadow: none;
}
.ui-menu-dynamic .ui-menuitem a.realmIdentifierText {
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

/*** messages ***/
.errorMsgs {
    color: #af292e;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 15px;
    border-radius: 4px;
    display: block;
    margin: 15px;
}
ul.errorMsgs {
    list-style: none;
    margin: 0 0 15px;
}
.savedSelectedSetDialog .errorMsgs {
    margin: 0 0 15px;
}
.mainHeader {
    background: #563d82;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 10px;
    text-align: left;
    display: block;
}
div.datetimefields {
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}
div.printpage {
    float: right;
}
div.printpage a {
    color: #fff;
}
.mainHeaderDesc {
    width: 50%;
    float: left;
}
.lastUpdatedOnHeader {
    width: 50%;
    float: right;
    text-align: right;
}
/*** footer ***/
.footerContent {
  position: relative;
  background: #e5e5e5 url("/central/jakarta.faces.resource/images/touchnet_logo.png.xhtml") no-repeat right 12px;
  background-position: calc(100% - 15px);
  clear:both;
  padding: 10px;
  font-weight: normal;
  color: #4a4a4a;
  text-decoration: none;
}
.footerContent a:link, .footerContent a:visited {
    font-weight: normal;
    color: #4a4a4a;
    text-decoration: none;
}
.footerContent a:hover, .footerContent a:active {
    color: #4a4a4a;
    text-decoration: underline;
}
.expiredSessionFooterContent{
  background: #e5e5e5 url(../images/touchnet_logo.png) no-repeat right center;
}

.footerTxtBold {
    color: #4a4a4a;
    text-decoration: none;
}
.footerTextPadding {
    padding-left: 5px;
}
.footerLogo {
    float: right;
    margin: 0 15px 0 0;
    clear: right;
}
.footerTextContainer {
    padding-top: 10px;
}
.dataTableActionsContainer {
    float: right;
}
.actionLinks {
    padding-left: 5px;
}
.actionLinks i {
    color: #666;
}
.contentBoxMsgContainer {
    display: block;
    text-align: left;
    padding: 8px 8px 8px 10px;
}
.warningIcon {
    color: #AF292E;
}
.warningMsg {
    color: #AF292E;
    display: inline-block;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 2px;
}
.warningMsg a {
    color: #af292e;
    font-weight: normal;
    text-decoration: underline;
}
.contentBox {
    margin-bottom: 25px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #CCC;
}
.stndBottomBorder {
    border-bottom: 1px solid #CCC !important;
}
.stndRightBorder {
    border-right: 1px solid #CCC !important;
}
.stndLeftBorder {
    border-left: 1px solid #CCC !important;
}
.noLeftBorder, .noLeftBorder th, .noLeftBorder td {
    border-left-style: none !important;
}
.noRightBorder {
    border-right-style: none !important;
}
.noBottomBorder {
    border-bottom-style: none !important;
}
.noTopBorder {
    border-top-style: none !important;
}
table tbody {
    border-left-style: none !important;
    border: none !important;
}
table thead {
    border-left-style: none !important;
}
.alignRight {
    text-align: right !important;
}
.alignLeft {
    text-align: left !important;
}
.alignCenter {
    text-align: center !important;
}
.sectionHeader {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 8px;
    color: #4f107a;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    border-bottom: 1px solid #CCC;
}
.sectionHeaderDate {
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    color: #666666;
}
.ui-datatable .ui-datatable-data td {
    border: none;
}
.stndDataTable {
    border-collapse: collapse;
    color: #000000;
    margin: 0 auto;
}
.stndDataTable thead th,
.stndDataTable tbody td,
.stndDataTable tfoot td {
    padding: 8px;
}
.stndDataTable th {
    background: #eeeeee;
    font-weight: bold;
    text-align: left;
}
.stndDataTable th div {
    text-align: center;
}
.stndDataTable tr:nth-child(even) {
    background: #f6f6f6;
}
.stndDataTable tfoot td {
    font-weight: bold;
    background: none;
    text-align: left;
}
.stndButton,
.ui-datepicker-buttonpane .ui-datepicker-current,
.ui-datepicker-buttonpane .ui-datepicker-close {
    font-weight: bold;
    display: inline-block;
    border: solid 1px #aaa;
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f2f2f2;
    background-image: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0%,#dddddd 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0%,#dddddd 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0%,#dddddd 100%);
    background-image: linear-gradient(to bottom, #f2f2f2 0%,#dddddd 100%);
    background-repeat: no-repeat;
}
.stndButton:hover,
.stndButton:focus,
.ui-datepicker-buttonpane .ui-datepicker-current:hover,
ui-datepicker-buttonpane .ui-datepicker-current:focus,
.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-close:focus {
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ddd;
    background-position: 0 -15px;
    color: #333;
}
.stndButton.ui-state-disabled:hover,
.stndButton.ui-state-disabled:focus {
    background: #eee;
}
.stndButton .ui-button-text {
    padding: 0;
}
.stndColumnHeader {
    font-weight: bold !important;
}
.quickViewSelect {
    margin-left: 12px;
    margin-right: 15px;
}
td .ui-icon-triangle-1-e {
    background-position: -48px -192px !important;
    margin:0;
}
td .ui-icon-triangle-1-s {
    background-position: -64px -192px !important;
}
.ui-treetable .ui-treetable-toggler {
    float: left;
    margin-top: 1px;
    cursor: pointer;
    margin-right: 5px;
}
#appTotalsReportDetails.ui-treetable .ui-widget-content,
#appTotalsReportDetails.ui-treetable .ui-state-default,
#appTotalsReportDetails.ui-treetable .ui-widget-content td,
#appPmtMethReportDetails.ui-treetable .ui-widget-content,
#appPmtMethReportDetails.ui-treetable .ui-state-default,
#appPmtMethReportDetails.ui-treetable .ui-widget-content td,
#pmtTypeSummarytDetails.ui-datatable .ui-widget-content,
#pmtTypeSummarytDetails.ui-datatable .ui-state-default,
#errorPostingReportDetails.ui-datatable .ui-widget-content,
#erpOtherReportDetails.ui-datatable .ui-widget-content,
#merchantTotalsReportDetails.ui-treetable .ui-widget-content,
#merchantTotalsReportDetails.ui-treetable .ui-state-default,
#merchantTotalsReportDetails.ui-treetable .ui-widget-content td,
#merchantComparisonReportDetails.ui-datatable .ui-widget-content,
#merchantComparisonReportDetails.ui-datatable .ui-state-default,
#creditPmtMethReportDetails.ui-treetable .ui-widget-content,
#creditPmtMethReportDetails.ui-treetable .ui-state-default,
#creditPmtMethReportDetails.ui-treetable .ui-widget-content td,
#achPmtMethReportDetails .ui-widget-content,
#achPmtMethReportDetails .ui-state-default,
#achPmtMethReportDetails .ui-widget-content td,
#debitPmtMethReportDetails .ui-widget-content,
#debitPmtMethReportDetails .ui-state-default,
#debitPmtMethReportDetails .ui-widget-content td,
#cashPmtMethReportDetails .ui-widget-content,
#cashPmtMethReportDetails .ui-state-default,
#cashPmtMethReportDetails .ui-widget-content td,
#partnersTotalsReportDetails .ui-widget-content,
#partnersTotalsReportDetails .ui-state-default,
#partnersTotalsReportDetails .ui-widget-content td {
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right-style: hidden;
}
#appPmtMethReportDetails.ui-treetable tbody tr:nth-of-type(1) td,
#appPmtMethReportDetails.ui-treetable tbody tr:nth-of-type(2) td {
    background: #eee;
}
.actionsRequiredContentBox {
    width: 49%;
}
.actionsRequiredContentBox ul {
    list-style: none;
    margin: 0 10px 0;
    padding: 0;
}
.actionsRequiredContentBox li {
    color: #af292e;
    text-decoration: none;
    text-align: left;
    background: #fff url("/central/jakarta.faces.resource/images/warning.gif.xhtml") no-repeat 5px center;
    vertical-align: middle;
    font-weight: bold;
    padding: 8px 8px 8px 25px;
    border-bottom: 2px dotted #ccc;
}
.actionsRequiredContentBox li:last-of-type {
    border:none
}
.actionsRequiredContentBox li a:link,
.actionsRequiredContentBox li a:visited {
    color: #af292e;
    text-decoration: none;
}
.actionsRequiredContentBox li a:hover {
    text-decoration: underline;
}
#erpOtherReportDetails.ui-datatable th,
#erpPmtsReportDetails.ui-treetable th,
#seekNSecureScanActivityDataTable.ui-datatable th,
#seekNSecureTopPIIMachinesDataTable.ui-datatable th {
    white-space: normal;
}
#erpPmtsReportDetails.ui-treetable th,
#erpPmtsReportDetails.ui-treetable tr,
#erpPmtsReportDetails.ui-treetable .ui-treetable-header,
#seekNSecureScanActivityDataTable.ui-datatable .ui-datatable-header,
#seekNSecureScanActivityDataTable.ui-datatable th,
#seekNSecureTopPIIMachinesDataTable.ui-datatable .ui-datatable-header,
#errorPostingReportDetails.ui-datatable th {
    border-left-style: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#erpOtherReportDetails.ui-datatable .ui-datatable-header,
#erpPmtsReportDetails.ui-treetable .ui-treetable-header,
#erpOtherReportDetails.ui-datatable .ui-state-default,
#erpPmtsReportDetails.ui-treetable .ui-state-default,
#seekNSecureTopPIIMachinesDataTable.ui-datatable .ui-datatable-header,
#errorPostingReportDetails.ui-datatable th,
#seekNSecureTopPIIMachinesDataTable.ui-datatable th,
#seekNSecureTopPIIMachinesDataTable.ui-datatable .ui-widget-content {
    border-right-style: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#pmtTypeSummarytDetails.ui-datatable .ui-state-default {
    border-top: 1px solid #CCC;
    text-align: left;
}
#erpOtherReportDetails.ui-datatable .ui-state-default {
    text-align: left;
}
.appTotalsContentBox {
    width: 49%;
}
#partnersTotalsTableForm .appTotalsContentBox {
    width: 100%;
}
.dailyAppTotalsContentBox {
    width: 49%;
    float: left;
}
.percentageAppTotalsContentBox {
    width: 49%;
    float: right;
}
.seekNSecureScanActivityContainer {
    width: 32%;
}
.seekNSecureTopPIIMachinesContainer {
    width: 32.9%;
    height: 233px;
    border-bottom: 1px solid #CCC;
}
.seekNSecurePiiTypeContainer {
    width: 33%;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height:100%;
    padding-right: 29px;
}
.ui-datepicker-calendar {
    border: 1px solid #cccccc;
}
.ui-datepicker-calendar td {
    border: 1px solid #cccccc;
}
.ui-datepicker-calendar th {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

.ui-datepicker-calendar tr:nth-child(even) {
    background: #f6f6f6;
}
.ui_tpicker_hour .ui-slider-horizontal,
.ui_tpicker_minute .ui-slider-horizontal {
    background: none repeat scroll 0 0 #CBCBCB;
    border-radius: 10px;
    box-shadow: 0 2px 2px #8F8F8F inset;
    border: 1px solid #A8A8A8;
    color: #4F4F4F;
}
.ui_tpicker_hour .ui-slider-handle,
.ui_tpicker_minute .ui-slider-handle {
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,250,249,1) 47%, rgba(204,204,204,1) 100%);
    border-radius: 10px;
    border: 1px solid #A8A8A8;
    color: #4F4F4F;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    box-shadow: 0 1px 0 #FFFFFF inset;
}
#appTotalsReportDetails table,
#seekNSecureScanActivityDataTable table,
#seekNSecureTopPIIMachinesDataTable table,
#appPmtMethReportDetails table,
#erpPmtsReportDetails table,
#erpOtherReportDetails table,
#pmtTypeSummarytDetails table,
#errorPostingReportDetails table,
#partnersTotalsReportDetails table {
    width:100%;
}
.push {
    height: 48px;
}
#seekNSecurePiiTypeContainer table.jqplot-table-legend {
    right: 50px !important;
}
#seekNSecurePiiTypeContainer div.ui-widget-header {
    border-style: none;
    padding-right: 29px;
    width:100%;
    text-align: center;
    padding-top:8px;
    padding-bottom:8px;
}
#appPercentagesChartContentContainer table.jqplot-table-legend,
#appDailyTotalsChart table.jqplot-table-legend,
.contentBox.percentageAppTotalsContentBox table.jqplot-table-legend,
.contentBox.dailyAppTotalsContentBox table.jqplot-table-legend {
    color: #333;
    text-align: left;
    border: none;
    font-size: 11px;
}
#appPercentagesChartContentContainer td.jqplot-table-legend,
#appDailyTotalsChart td.jqplot-table-legend,
.contentBox.percentageAppTotalsContentBox td.jqplot-table-legend,
.contentBox.dailyAppTotalsContentBox td.jqplot-table-legend {
    padding: 0 8px 8px 0;
}
#appDailyTotalsChart div.jqplot-table-legend-swatch-outline,
.contentBox.dailyAppTotalsContentBox div.jqplot-table-legend-swatch-outline {
    border: none;
}
.appPercentagesChart {
    width:740px;
    height:300px
}
.hideThead thead {
    display:none;
}
.appPmtMethCellData {
    padding-left:10px;
    padding-right:10px;
    text-align: center;
}
.contentBox.percentageAppTotalsContentBox .jqplot-target,
#appPercentagesChartContentContainer .jqplot-target{
    color:#eee;
}
.hide {
    display:none;
    visibility:hidden;
}
.fixedTableLayout {
    table-layout: fixed;
}
#creditPmtMethReportDetails .ui-treetable-scrollable-body,
#merchantTotalsReportDetails .ui-treetable-scrollable-body,
#achPmtMethReportDetails .ui-datatable-scrollable-body {
    padding:0 !important;
}
.creditMerchantNameColumnContainer {
    width:150px
}
#creditPmtMethReportDetails table,
#merchantTotalsReportDetails table,
#achPmtMethReportDetails table {
    table-layout: auto;
}
#creditPmtMethReportDetails .ui-treetable-scrollable-footer-box td,
#merchantTotalsReportDetails  .ui-treetable-scrollable-footer-box td,
#achPmtMethReportDetails .ui-datatable-scrollable-footer-box td,
#debitPmtMethReportDetails .ui-datatable-scrollable-footer-box td,
#cashPmtMethReportDetails .ui-datatable-scrollable-footer-box td{
    text-align: center !important;
    border-right:none !important;
}
#creditPmtMethReportDetails .ui-treetable-scrollable-footer-box td .creditMerchantTotalFooter {
    width:63px;
}
#creditPmtMethReportDetails .ui-treetable-scrollable-footer-box td .creditMerchantCountFooter {
    width:11px;
    display:inline-block;
}
#creditPmtMethReportDetails .ui-treetable-scrollable-footer-box td .creditMerchantAmountFooter {
    width:27px;
    display:inline-block;
}
.creditMerchantCountHeader {
    width:40px;
}
.creditMerchantAmountHeader {
    width:75px;
}
.creditMerchantNameHeader {
    width:140px;
}
#merchantComparisonReportDetails tr.ui-widget-content {
    border: none !important;
}
#appDailyTotalsChart {
    height:300px;
}

.ajaxPopupContainerMsg {
    padding-top: 15px;
    margin-left: 15px;
}

.ajaxPopupOkBtnAlignment {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    display: block;
}

#exceptionDialog .ui-dialog-content.ui-widget-content {
    padding: 0;
}

.ajaxPopupContainerSpacer {
    border-bottom: 1px solid #cccccc;
    width: 100%;
}
.savedSelectedSetDialog {
    max-width: 323px;
}
.savedSelectedSetDialog table tbody td {
    padding-bottom: 15px;
}
/*** Landing Page Styles ***/
.landingPage .contentBox {
    font-size: 14px;
}
.landingPage ul {
    margin: 5px 10px;
    padding-left: 0;
    list-style: none outside;
}
.landingPage .leftColumn {
    margin: 20px 0 20px 20px;
}
.landingPage .rightColumn {
    margin: 20px 20px 20px 0;
}
.landingPage .welcomeContent {
    padding: 15px;
}
.landingPage .welcomeContent p {
    margin-bottom: 10px;
}
.landingPage .communityLinks li {
    margin: 0 0 10px;
    display: table
}
.landingPage .communityLinks li .icon,
.landingPage .communityLinks li .description {
    display: table-cell;
    vertical-align: middle;
}
.landingPage .communityLinks li .icon {
    padding-right: 15px;
}
.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
    font-size: 18px;
    line-height: 20px;
    padding: .8em;
    color: #333333;
    background: none;
}
span.ui-icon.ui-confirm-dialog-severity {
    display: none;
}
.ui-dialog-content.ui-widget-content {
    padding: 1em;
    font-size: 14px;
    font-weight: bold;
    color: #666666
}
.ui-dialog-buttonpane.ui-dialog-footer.ui-widget-content.ui-helper-clearfix {
    margin-top: 0;
    padding: 1em;
}
.ui-dialog .ui-dialog-buttonpane button {
    padding: 0;
    margin: 0 1em 0 0;
    font-size:14px;
}
.menuButtonPaddedLeft * {
    margin-left: 0.85em !important;
}
button.ui-button {
    min-height:2em;
}
.stndTableMarginTop {
    margin-top: 20px;
}
.stndTableMarginBottom {
    margin-bottom: 20px;
}

/*** Ready Partners ***/

#tmsPartnerList.ui-treetable thead tr th {
    padding: 8px;
}
#tmsPartnerList.ui-treetable .ui-treetable-data tr.ui-state-hover {
    background-color: transparent;
    border-color: #ccc;
    color: #000;
}
#tmsPartnerList.ui-treetable .ui-treetable-data tr.ui-state-hover:nth-child(even) {
    background-color: #f6f6f6;
    color: #000;
}
#tmsPartnerList.ui-treetable .ui-treetable-data tr.ui-state-highlight {
    border: 1px solid #cccccc;
    background: #fbebc3;
    color: #333333;
    border-color:#ccc;
}
#readyPartnersTabView {
    border: none;
}
#readyPartnersTabView > ul {
    padding: 0;
    background: none;
}
#readyPartnersTabView .ui-tabs-panel {
    padding: 1em 0;
}
#readyPartnersTabView ul.ui-tabs-nav a {
    color: #4f107a;
}
#readyPartnersTabView .stndDataTable table tbody tr {
    border-left-style: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#readyPartnersTabView .stndDataTable table thead th {
    border-top-style: none;
    border-left-style: none;
}
#readyPartnersTabView .ui-tabs-panel .ui-outputpanel form > .contentBox:last-of-type {
    margin-bottom: 0;
}
#tmsPartnerListPanel_content {
    padding: 0;
    border-top: none;
}
#tmsPartnerListPanel_content {
    padding: 0;
    border-top: none;
}
#tmsPartnerListPanel {
    border: none;
}
div#tmsPartnerListPanel_header {
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: none;
    border-left: solid 1px #cccccc;
}
#tmsPartnerList tr.ui-state-highlight .ui-icon,
#tmsPartnerList .ui-chkbox-icon.ui-icon.ui-icon-check {
    background-image: url("/central/jakarta.faces.resource/images/ui-icons_222222_256x240.png.xhtml");
    opacity: .8;
}
#tmsPartnerList.ui-treetable .ui-chkbox {
    margin: 0px 5px 0 0;
}
#tmsPartnerList th {
    font-weight: bold;
    text-align: left;
}
#tmsPartnerList tr td  {
    line-height:35px;
}
#tmsPartnerList tr:not([data-prk="root"]) td:first-child .ui-chkbox {
    display: none;
}
#appPmtMethReportDetails td:first-child {
    text-overflow: ellipsis;
    min-width: 170px;
    max-width: 270px;
}
#appPmtMethReportDetails td:first-child div {
    display: inline !important;
}
#appPmtMethReportDetails table {
    table-layout: auto;
}

/* loading screen */
.central-connect-loading-container 
{
  width: 80px;
  background: rgba(0,0,0,.45);
  padding: 15px;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,.25);
  box-shadow: 0 0 7px 1px rgba(0,0,0,.25);
  margin: 15% auto 0;
}

.central-connect-loading-spinner 
{
  width: 40px;
  height: 40px;
  margin: 0 auto;
   -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

.central-connect-loading-message 
{
  font-size: 20px;
  text-align: center;
  color: #eee;
  margin-top: 15px
}

@-moz-keyframes spin 
{
  0% 
  {
    -moz-transform: rotate(0deg);
  }
  
  100% 
  {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin 
{
  0% 
  {
    -webkit-transform: rotate(0deg);
  }
  
  100% 
  {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin 
{
  0% 
  {
    -o-transform: rotate(0deg);
  }
  
  100% 
  {
    -o-transform: rotate(359deg);
  }  
}

@-ms-keyframes spin 
{
  0% 
  {
    -ms-transform: rotate(0deg);
  }
  
  100% 
  {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin 
{
  0% 
  {
    transform: rotate(0deg);
  }
  
  100% 
  {
    transform: rotate(359deg);
  }
}

.central-connect-overlay
{
  display: none;
  position: absolute;
  top: 100px;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: white;
}

.selectedRealm
{
  font-size: 20px;
  padding-right: 5px;
}

sup {
bottom: 0.25em;
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.px-1 {
padding-right: .25rem!important;
padding-left: .25rem!important;
}
.p-x-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}