html {
  background: #ffffff;
}
.gridRegion {
  width: 100%;
  overflow-x: scroll;
}
.usersGrid {
  max-width: 860px;
}
.gridFixedWidth {
  width: 860px;
}
.k-grid td {
  padding: 0.1em 0.2em;
}
.k-grid td .btn {
  padding: 3px 6px;
  margin: 3px;
}
.quickPayLookupGrid {
  max-width: 700px;
}
.quickPayLookupGrid .gridFixedWidth {
  width: 700px;
}
.payerAdminGrid {
  max-width: 700px;
}
.payerAdminGrid .gridFixedWidth {
  width: 700px;
}
.payerPlanGrid {
  max-width: 800px;
}
.payerPlanGrid .gridFixedWidth {
  width: 800px;
}
.declinesGrid .gridFixedWidth {
  width: 1000px;
}
.declinesGrid {
  max-width: 1200px;
}
.paymentAdvancedSearchGrid {
  max-width: 900px;
}
.paymentAdvancedSearchGrid .gridFixedWidth {
  width: 900px;
}
.walletsGrid {
  max-width: 600px;
}
.walletsGrid .gridFixedWidth {
  width: 600px;
}
.payerPlansgrid {
  max-width: 600px;
}
.payerPlansgrid .gridFixedWidth {
  width: 600px;
}
.transaction_details_grid {
  max-width: 100%;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 3px;
}
.k-grid-toolbar {
  padding: .2em .2em;
  line-height: 1.0em;
  background: #ffffff;
}
.k-pager-wrap {
  color: #a5a5a5;
  background: #ffffff;
}
.k-widget,
.k-block,
.k-inline-block,
.k-draghandle {
  border-style: solid;
  border-width: 0;
  -webkit-appearance: none;
}
.k-grid-header th.k-header:first-child,
.k-grid tbody td:first-child,
.k-grid tfoot td:first-child,
.k-filter-row > th:first-child {
  border-left-width: 1px;
}
.k-widget,
.k-button {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0.05);
}
.no-k-filters .k-grid-header th.k-header,
.no-k-filters .k-filter-row th {
  overflow: hidden;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: .5em .6em .4em .6em;
  font-weight: normal;
  white-space: nowrap;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
}
.k-grid-header th.k-header,
.k-filter-row th {
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  padding: .5em .6em .4em .6em;
  font-weight: normal;
  white-space: nowrap;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
}
.k-grid tr td {
  border-width: 0 1px 1px 1px;
  border-style: solid;
}
.k-grid tr td .btn {
  padding: 3px 6px;
}
.table-borderless td a {
  padding: 8px;
}
.hover-grid .k-grid > table > tbody > tr:hover,
.hover-grid .k-grid-content > table > tbody > tr:hover {
  background: #E0E0E0;
  cursor: pointer;
}
.btn-primary {
  color: #ffffff;
  background-color: #006ca3;
  border-color: #006ca3;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn-primary:hover {
  background-color: #004b70;
}
.btn-other {
  color: #ffffff;
  background-color: #f47e28;
  border-color: #f47e28;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn-other:hover {
  background-color: #cc5f12;
}
.btn-back {
  color: white;
  background-color: #626366;
  border-color: #626366;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn-back:hover {
  background-color: #b1b3b5;
}
.btn-info {
  color: #ffffff;
  background-color: #f47e28;
  border-color: #f47e28;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn-info:hover {
  background-color: #cc5f12;
}
.btn-danger {
  color: #ffffff;
  background-color: #d61313;
  border-color: #d61313;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn-danger:hover {
  background-color: #940d0d;
}
.btn-toggle-selected {
  color: #ffffff;
  background-color: #006ca3;
  border-color: #006ca3;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: default;
}
.btn-toggle-unselected {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #006ca3;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn-toggle-unselected:hover {
  background-color: #ddd;
  cursor: pointer;
}
.floatLeftToolbar {
  float: left;
}
.logoSpan {
  background: #ffffff;
  width: 220px !important;
  height: 48px !important;
  margin-top: 0  !important;
  margin-left: 0  !important;
  border-bottom-color: #dedede;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.loginLogoSpan {
  width: 218px !important;
  height: 49px !important;
  margin-top: 10px  !important;
  margin-left: 0  !important;
}
.panel-titan {
  -ms-border-radius: 10px !important;
  border-radius: 10px !important;
  background-color: #f4f4f4;
}
.panel-titan-paymentConfirmation {
  -ms-border-radius: 10px !important;
  border-radius: 10px !important;
  background-color: #f4f4f4;
  padding-left: 50px;
}
span > label {
  font-weight: bold;
  font-size: 16px;
}
.toast-middle-center {
  left: calc(50% - 150px);
  top: 40%;
}
.voidMessage {
  position: relative;
  width: 600px;
  left: 25px;
  top: 10px;
  background-color: #FFFF9E;
  padding: 10px;
}
.currentUser {
  color: #444444 !important;
  font-size: 13px;
  margin-top: 3px;
  margin-left: 8px;
}
.minified .currentUser {
  display: none;
}
@media only screen and (min-width: 0px) and (max-width: 679px) {
  #extr-page #header {
    padding: 0 5px !important;
  }
  #extr-page #header #logo img {
    width: auto;
  }
  #extr-page #header #logo {
    margin-top: 22px;
  }
}
.alertIcon {
  position: relative;
  top: 25%;
  /*cursor: pointer;*/
}
.alerts {
  color: black;
}
.alerts b.badge {
  position: relative;
  left: -3px;
  top: -12px;
  /*right: -5px;*/
  /*cursor: pointer;*/
  background: #0091d9;
  display: inline-block;
  font-size: 10px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  color: #ffffff;
  font-weight: bold;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding: 2px 4px 3px 4px;
  text-align: center;
  line-height: normal;
}
.vTermTable {
  width: 100%;
  max-width: 100%;
  -moz-min-width: 100%;
  -ms-min-width: 100%;
  -o-min-width: 100%;
  -webkit-min-width: 100%;
  min-width: 100%;
  margin-bottom: 20px;
  /*border: 1px solid black;*/
  padding-bottom: 20px;
  padding-top: 5px;
  /*border-collapse: collapse !important;*/
}
.vTermTable > thead > tr > th,
.vTermTable > tbody > tr > th,
.vTermTable > tfoot > tr > th,
.vTermTable > thead > tr > td,
.vTermTable > tbody > tr > td,
.vTermTable > tfoot > tr > td {
  padding: 1px 15px 1px 15px;
}
.vTermTable > tbody > tr {
  padding: 31px;
}
.bottomRow {
  padding-bottom: 2px;
}
.k-menu .k-item > .k-link > .k-i-arrow-e {
  visibility: hidden;
}
/*VTermTables - these are modified bootstrap styles*/
.vTermTable td,
.vTermTable th {
  background-color: #f5f5f5 !important;
  /*background color here*/
}
/* Placeholder styles */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8F8F8F !important;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8F8F8F !important;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8F8F8F !important;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8F8F8F !important;
}
.grayPanel td,
.grayPanel th {
  background-color: #f5f5f5;
}
.min-size-panel {
  -moz-min-width: 325px;
  -ms-min-width: 325px;
  -o-min-width: 325px;
  -webkit-min-width: 325px;
  min-width: 325px;
}
.panelBackground {
  background-color: #f5f5f5;
}
/*  table mods*/
.table-25 {
  width: 25%;
  max-width: 50%;
  margin-bottom: 20px;
  border: None;
  background-color: #ffffff;
}
.table-40 {
  width: 40%;
  max-width: 80%;
  margin-bottom: 20px;
  border: None;
  border-collapse: collapse !important;
  background-color: #ffffff;
}
.table-50 {
  width: 50%;
  max-width: 100%;
  margin-bottom: 20px;
  border: None;
  border-collapse: collapse !important;
  background-color: #ffffff;
}
.table-75 {
  width: 75%;
  max-width: 100%;
  margin-bottom: 20px;
  border: None;
  border-collapse: collapse !important;
  background-color: #ffffff;
}
.panel > .tableResponsive {
  border: black;
}
.textAreaWidth {
  width: 94%;
}
.halfWidth {
  width: 50%;
}
.fortyPercentWidth {
  width: 48%;
}
.secondColumn {
  width: 80%;
}
.cardImage {
  padding-right: 5px;
  padding-bottom: 2px;
  padding-top: 4px;
  position: relative;
  top: 3px;
}
.labelPositioner {
  position: relative;
  top: 5px;
}
/*VTerm Styles*/
#results {
  position: relative;
  top: 20px;
}
#transactionResult {
  font-weight: bold;
  padding-left: 10px;
  padding-top: 1px;
  font-size: large;
}
/*Start- Payment/_popup.cshtml */
.amountBox {
  background: yellow;
  font-weight: bold;
  width: 75%;
}
#popUpTable td {
  padding: 3px;
  width: 50%;
}
#resultsTable td {
  padding: 3px;
}
/*Styles across pages*/
.approvedStatus {
  background: #338844;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.declinedStatus {
  background: #CC2233;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.required {
  background-color: #FFFFCC;
}
.tdVal {
  text-align: left;
}
.tdCenter {
  text-align: center;
}
.redText {
  color: #CD0A0A;
}
.panel {
  border-collapse: separate;
}
.btn > .caret,
.dropup > .btn > .caret {
  border-top-color: #000 !important;
}
.label {
  border: 0px solid #000;
}
/* styles for validation helpers */
.field-validation-error {
  color: #b94a48;
}
.field-validation-valid {
  display: none;
}
input.input-validation-error {
  border: 1px solid #b94a48 !important;
}
input[type="checkbox"].input-validation-error {
  border: 0 none;
}
.validation-summary-errors {
  color: #b94a48;
}
.validation-summary-valid {
  display: none;
}
/*Styles across pages*/
.hidden {
  visibility: hidden;
  display: none;
}
/* Transaction Search styles */
#advancedSearchTable {
  border-radius: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #f5f5f5;
}
#quickSearchTable {
  border-radius: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #f5f5f5;
}
/* Styles for the customer index page */
.extraLargeCell {
  width: 250px;
}
.largeCell {
  width: 175px;
}
.mediumCell {
  width: 100px;
}
.smallCell {
  width: 50px;
}
.border {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  left: -5px;
}
.title {
  font-size: 16pt;
}
.rightAlign {
  text-align: right;
  right: 30px;
}
/*TransactionSearchResult*/
#searchResultsTable td {
  padding: 3px;
  text-align: left;
}
#searchResults td :hover {
  cursor: pointer;
}
#searchResults a {
  text-decoration: none;
  color: Black;
}
.blueLinks a {
  color: blue;
}
#paymentDetailsTable td {
  padding: 7px;
  text-align: left;
}
#paymentMethodDetailsDiv {
  position: relative;
}
#paymentDetailsDiv {
  position: relative;
  top: 10px;
}
#transactionDetailsDiv {
  position: relative;
}
#transactionDetailsTable td {
  text-align: left;
  width: 10px;
}
#paymentMethodDetailsTable td {
  text-align: left;
}
#header {
  text-align: center;
}
.refundTextBox {
  position: relative;
  left: -22px;
}
#backButton {
  text-align: center;
}
#refundResults {
  position: relative;
  top: 10px;
}
/* Styles across pages*/
.leftAlign {
  text-align: left;
}
.fullWidth {
  width: 90%;
}
.threeQuartersWidth {
  width: 75%;
}
.totalWidth {
  width: 100%;
}
.finePrint {
  font-size: 9px;
}
.invisible {
  visibility: hidden;
  display: none;
}
.hidden {
  visibility: hidden;
  display: block;
}
.form-control,
.input-lg,
.input-sm,
.input-xs {
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
}
.headline {
  text-align: center;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.centered {
  text-align: center;
}
.right {
  text-align: right;
}
.errorOutline {
  border: 1px solid #b94a48 !important;
}
table {
  border-collapse: inherit;
  border-spacing: 1px;
}
.staticTextArea {
  -moz-resize: none;
  -ms-resize: none;
  -o-resize: none;
  resize: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.buttonRow {
  -moz-min-width: 1000px;
  -ms-min-width: 1000px;
  -o-min-width: 1000px;
  -webkit-min-width: 1000px;
  min-width: 1000px;
}
/*Pop Up  window styles*/
#popUpPlaceholder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000;
  /* high z-index */
  background: #000;
  /* fallback */
  background: rgba(0, 0, 0, 0.75);
}
.overlay-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000;
  /* high z-index */
  background: #000;
  /* fallback */
  background: rgba(0, 0, 0, 0.75);
}
.overlay-content {
  background: #ffffff;
  padding: 1%;
  width: 20%;
  position: relative;
  top: 15%;
  left: 60%;
  margin: 0 0 0 -20%;
  /* add negative left margin for half the width to center the div */
  cursor: default;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
/* media query for most mobile devices */
@media only screen and (min-width: 0px) and (max-width: 480px) {
  /*We are not using this yet*/
  .overlay-content {
    width: 96%;
    margin: 0 2%;
    left: 0;
  }
}
.voidHighlight {
  background: #f47e28;
  border-radius: 5px;
  padding: 2px;
}
.ui-datepicker td {
  border: 1px solid #CCC;
  padding: 0;
  background: #ffffff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: solid #FFF;
  border-width: 1px 0 0 1px;
}
.ui-datepicker {
  background: #ffffff;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../img/jqueryui/ui-icons_222222_256x240.png);
}
.v-align-middle {
  vertical-align: middle !important;
}
.tooltipWithImage {
  text-decoration: none;
  position: relative;
}
.tooltipWithImage span {
  display: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: black;
  background: white;
  z-index: 1000;
  overflow: visible;
}
.tooltipWithImage span img {
  float: left;
  margin: 0 8px 8px 0;
  max-width: 100%;
}
.tooltipWithImage:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: -188px;
  width: 430px;
  border: 1px solid black;
  margin-top: 12px;
  margin-left: 32px;
  overflow: hidden;
  padding: 8px;
}
.tooltipWithImage:hover span.left {
  right: 42px;
  left: auto;
}
.tooltipWithImage:hover span.mobile {
  width: 320px;
  left: -310px;
}
textarea {
  resize: vertical;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.k-grid-filter.k-state-active {
  background-color: #006ca3;
  border-color: #006ca3;
}
.displayName {
  min-width: 218px;
  width: 218px;
}
.displayName-sm {
  min-width: 220px;
  width: 220px;
}
.merchantAccount-col {
  min-width: 304px;
  width: 304px;
}
.merchantAccount-col-sm {
  min-width: 200px;
  width: 200px;
}
#extr-page #header {
  padding: 0 !important;
}
@media (max-width: 767px) {
  .logoSpan {
    width: 50px !important;
  }
  .logoSpan img {
    position: relative;
    top: 8px;
    margin: 0 auto !important;
    padding: 0 !important;
  }
}
tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: inherit;
}
tip {
  white-space: pre-wrap;
}
/*# sourceMappingURL=titanSite.css.map */