/*
Author: Start Bootstrap - http://startbootstrap.com
'SB Admin' HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0.
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */

/* Print Styles */

@media screen {
  #printSection {
    display: none;
  }
}

@media print {
  body * {
    visibility: hidden;
    margin: 0;
  }
  #printSection,
  #printSection * {
    visibility: visible;
  }
  #printSection {
    position: absolute;
    left: 0;
    top: 0;
  }
  #printMain * {
    visibility: visible;
  }
  .ember-notify-cn {
    display: none;
  }
  .receipt {
    position: absolute;
    margin: 0.18in;
    left: 0.18in;
    top: 0.18in;
    right: 0.18in;
    width: 3in;
  }
  .receipt::after {
    content: " .";
    display: block;
    height: 75pt;
    clear: both;
  }
  .widereceipt {
    position: absolute;
    left: 0.18in;
    top: 0.18in;
    width: 2.8in !important;
    max-width: 2.8in !important;
  }
  .widereceipt table th,
  .widereceipt table td {
    white-space: normal;
  }
  .widereceipt .well {
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 8px;
    width: 2.7in;
  }
  .widereceipt table {
    display: block;
    max-width: 2.7in;
    width: 2.7in;
  }
  .receipt table,
  .widereceipt table {
    margin-bottom: 5px;
  }
  .receipt th,
  .receipt td,
  .widereceipt th,
  .widereceipt td {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .no-print,
  .no-print * {
    display: none;
  }
  @page {
    margin: 0.2cm;
  }
  a[href]:after {
    content: "";
  }
  .header-sticky {
    position: initial !important;
  }
  .signature-container {
    max-width: 2.8in !important;
  }
}

/* Global Styles */

body {
  font-size: 12px;
  margin-top: 50px;
}

.wrapper,
.wrapper-auth {
  padding-left: 0;
}

#page-wrapper {
  width: 100%;
  padding: 15px 15px 50px 20px;
}
#page-wrapper.page-wrapper-mobile {
  padding: 10px 10px 50px 10px;
}

.site-footer {
  z-index: 1031;
  bottom: 0;
  position: fixed;
  background-color: #222222;
  width: 200px;
  color: #777;
  left: 0;
  line-height: 15px;
  padding: 5px 0px;
}
.site-footer.side-nav-collapsed {
  visibility: hidden;
}
.site-footer,
.site-footer .footer-terms-link {
  color: #777;
}
.site-footer .footer-separator {
  font-size: 5px;
  position: relative;
  top: -2px;
}
.site-footer .font-14 {
  font-size: 14px;
}

.site-footer-wide {
  width: 100%;
}

.align-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.divider {
  height: 1px;
  width: 100%;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.accountError {
  height: 20px;
  width: 60%;
  padding: 6px 20px 15px 100px;
  color: #D8000C;
}
.warning-message {
  display: flex;
  justify-content: end;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.v-align-mid {
  vertical-align: middle !important;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.row,
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
.panel-heading,
.panel-footer {
  padding: 5px 10px;
}
.panel-body {
  padding: 10px;
}
.panel-centered {
  margin: 0 auto;
  max-width: 300px;
}

.panel,
.well {
  margin-bottom: 10px;
}
/* Default font customizations*/

.btn {
  font-size: 12px;
}

.btn a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

.btn-secondary {
  border: 1px solid #ccc;
  background-color: #fff;
}
.btn-primary-inverse {
  color: #428bca;
  background-color: #fff;
}
.btn-50-50 {
  width: calc(50% - 2px);
}
.well-arrow-up {
  border-width: 11px;
  position: absolute;
  display: block;
  width: 0;
  height: 10px;
  border-color: transparent;
  border-style: solid;
  top: 22px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #e3e3e3;
}
.well-arrow-up-over {
  border-width: 11px;
  position: absolute;
  display: block;
  width: 0;
  height: 10px;
  border-color: transparent;
  border-style: solid;
  top: 24px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #f5f5f5;
}
.well-arrow-up-left {
  left: 25%;
}
.well-arrow-up-right {
  right: 25%;
}
.well-xs {
  padding: 4px 9px;
}

.panel-title {
  font-size: 14px;
}

.h1 {
  font-size: 32px;
}

.dropdown-menu {
  font-size: 12px;
}
.dropdown-menu-mobile {
  width: 100% !important;
  margin-bottom: 15px;
  max-height: 525px !important;
  overflow-y: auto !important;
}
.dropdown-menu-mobile .checkbox {
  padding: 2px 0px !important;
  margin: 3px 0px 0px 0px !important;
}
.mobile-table .dropdown-select .dropdown-menu-mobile {
  position: relative !important;
}
.dropdown-menu .dropdown-header {
  font-weight: bold;
}
a:focus {
  outline: none;
}
.checkbox {
  min-height: 20px !important;
}

/* pagination fix for chrome */

.pagination {
  margin: 10px 0px;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}

.checkbox-select .checkbox-select-description {
  padding-left: 17px;
  word-break: break-all;
}
.checkbox-select .checkbox-select-label {
  margin-bottom: 0px;
}
.checkbox-select .checkbox-select-input {
  margin: 5px 5px 0px 0px;
  position: relative;
  top: 2px;
}

/* Nav Announcements */

.announcement-heading {
  font-size: 50px;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

.padding-small {
  padding: 2px;
}

/* Table Headers */

table.tablesorter thead {
  cursor: pointer;
}
.grid-table > table > thead > tr > th {
  border-top: none !important;
  border-bottom: none !important;
}
.table > tbody > tr:last-child > td,
.table > tfoot > tr:last-child > td {
  border-bottom: 1px solid #ddd;
}
.mobile-table > tbody > tr:last-child > td,
.mobile-table > tfoot > tr:last-child > td {
  border-bottom: none;
}
.header-sticky,
.header-filter {
  background-color: #f5f5f5;
}
.header-sticky {
  position: sticky;
  top: 50px;
  z-index: 1;
  padding: 5px 8px 2px 8px !important;
}
.header-filter {
  padding: 3px 8px 5px 8px !important;
}
.sortable-grid-row {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.sortable-grid-row .sortable-grid-header {
  display: table-cell;
  white-space: nowrap;
  border: none;
  padding: 2px 10px;
}
.sortable-grid-row .sortable-grid-header .sortable-grid-header-text {
  display: inline-block;
}
.sortable-grid-row .sortable-grid-header .dropdown-backdrop {
  display: none;
}
.sortable-grid-row .sortable-grid-header .sortable-grid-header-drag-icon {
  position: absolute;
  left: -6px;
  bottom: 3px;
}
.action-column {
  display: table-cell;
  cursor: default;
}

.table-responsive {
  white-space: normal;
}
.table-responsive.grid-table {
  white-space: nowrap;
}
.table-responsive.grid-table.grid-table-allow-wrap {
  white-space: normal;
}
.mobile-grid-row {
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid rgb(221, 221, 221);
  display: block;
}
.mobile-grid-row:last-child {
  border-bottom: none;
}
.mobile-grid-row-crud-button {
  display: inline-block;
  margin-left: 2px;
}
.mobile-table > tbody > tr > th,
.mobile-table > tbody > tr > td {
  width: 100%;
  display: block;
  padding: 5px;
  min-height: 23px;
}
.mobile-table > tbody > tr > th {
  padding-bottom: 0px;
}
.mobile-table > tbody > tr > td {
  border-top: none;
  padding-top: 0px;
}
.mobile-table {
  margin-bottom: 5px;
}
.table-bordered.table-key-value-pair {
  border: none;
  margin-bottom: 0px;
}
.table-bordered.table-panel {
  border: none;
  margin-bottom: 0px;
}
.form-check label {
  vertical-align: middle;
  margin-top: 1px;
}
.form-check input {
  margin: 0px !important;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.inherit-font label {
  font-style: inherit;
  font-weight: lighter;
}
.hide-border {
  border: none;
}
.semi-border {
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px;
}
.column-header {
  font-size: 18px;
}
.align-center {
  vertical-align: middle !important;
}
.table-custom-border > tbody > tr {
  border: 1px solid #ddd !important;
}
.compact-heading > tbody > tr > th {
  width: 44% !important;
}
.compact-heading > tbody > tr > td {
  width: 55% !important;
}
.table-custom-border > tbody > tr > td {
  vertical-align: middle !important;
}
.table-custom-border > tbody > tr > th > p {
  font-weight: lighter;
}
.table-custom-border > tbody > tr > th > span {
  font-size: 16px;
}
.table-bordered.table-key-value-pair > tbody > tr > th,
.form-panel-container .table-bordered > tbody > tr > th,
.form-panel-container .table-bordered {
  border-left: none !important;
}
.table-bordered.table-key-value-pair > tbody > tr > td,
.form-panel-container .table-bordered > tbody > tr > td,
.form-panel-container .table-bordered {
  border-right: none !important;
}
.table-bordered.table-key-value-pair-condensed > tbody > tr > th,
.table-bordered.table-key-value-pair-condensed > tbody > tr > td {
  padding: 3px 8px;
}
.table-panel > tbody > tr > td {
  padding: 6px 4px;
  vertical-align: middle;
}
.table-panel td:first-child {
  padding-left: 10px;
}
.table-panel td:last-child {
  padding-right: 10px !important;
}
.table-panel > tbody > tr > .grouped-row-top {
  padding-bottom: 0px;
}
.table-panel > tbody > tr > .grouped-row-bottom {
  padding-top: 0px;
}
.panel table {
  margin-bottom: 0px;
}
.authroleresource-grid-table {
  table-layout: fixed;
}
.authroleresource-grid-table.authroleresource-grid-table-header {
  position: sticky;
  top: 92px;
  margin-bottom: -1px;
  background-color: #f5f5f5;
  z-index: 1;
}
.authroleresource-grid-table-column-static,
.authroleresource-grid-table-column-static-2 {
  position: sticky;
  background-color: #f5f5f5;
}
.authroleresource-grid-table-column-static-2.isEditingAuthenticated {
  position: inherit;
}
.authroleresource-grid-td {
  width: 100px;
  vertical-align: middle !important;
}
.authroleresource-grid-crud-buttons {
  position: sticky;
  top: 50px;
  z-index: 2;
}

/* Special striped tables */

.table-striped-info > tbody > tr:nth-child(even) > td,
.table-striped-info > tbody > tr:nth-child(even) > th {
  background-color: rgb(217, 237, 247);
}
.table-striped-success > tbody > tr:nth-child(even) > td,
.table-striped-success > tbody > tr:nth-child(even) > th {
  background-color: rgb(223, 240, 216);
}
.table-striped-warning > tbody > tr:nth-child(even) > td,
.table-striped-warning > tbody > tr:nth-child(even) > th {
  background-color: rgb(252, 248, 227);
}
.table-striped-danger > tbody > tr:nth-child(even) > td,
.table-striped-danger > tbody > tr:nth-child(even) > th {
  background-color: rgba(242, 222, 222, 0.45);
}
.table > tbody > tr.table-separator > th,
.table-striped-info > tbody > tr.table-separator > th,
.table-striped-success > tbody > tr.table-separator > th,
.table-striped-warning > tbody > tr.table-separator > th,
.table-striped-danger > tbody > tr.table-separator > th {
  background-color: rgb(227, 227, 227);
}

.mobile-striped-info > div:nth-child(even) {
  background-color: rgb(217, 237, 247);
}
.mobile-striped-success > div:nth-child(even) {
  background-color: rgb(223, 240, 216);
}
.mobile-striped-warning > div:nth-child(even) {
  background-color: rgb(252, 248, 227);
}
.mobile-striped-danger > div:nth-child(even) {
  background-color: rgba(242, 222, 222, 0.45);
}
.mobile-striped-info-bordered {
  border: 1px solid rgb(217, 237, 247);
}
.mobile-striped-success-bordered {
  border: 1px solid rgb(223, 240, 216);
}
.mobile-striped-warning-bordered {
  border: 1px solid rgb(252, 248, 227);
}
.mobile-striped-danger-bordered {
  border: 1px solid rgba(242, 222, 222, 0.45);
}

.table .wrapcol,
.form-group .wrapcol {
  white-space: normal;
  word-break: break-all;
}

.admin-side-nav {
  position: fixed;
  width: 200px;
  height: 100%;
  right: -200px;
  z-index: 9999;
  color: #aaa;
  background-color: #222;
  border-color: #080808;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 0px;
  padding-left: 0;
  padding-bottom: 50px;
}

.signature-container {
  border: 1px solid #000;
  display: block;
  width: 100%;
  background-color: #fff;
  min-height: 100px;
  position: relative;
}
.signature-image {
  display: block;
  margin: auto;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Extra Grid Styles */

.grid-amount-error {
  color: #fc0301;
}

/* Edit Below to Customize Widths > 768px */

@media only screen and (min-width: 768px) {
  /* Wrappers */
  .wrapper-auth {
    padding-left: 200px;
  }
  .wrapper {
    padding-left: 0px;
  }
  #page-wrapper {
    padding: 15px 15px 50px 20px;
  }
  /* Side Nav */
  .side-nav-extra {
    width: 200px;
    top: 50px;
  }
  .side-nav {
    margin-left: -200px;
    left: 200px;
    width: 200px;
    position: fixed;
    top: 50px;
    height: 2000px;
    border-radius: 0;
    border: none;
    background-color: #222222;
    overflow-y: auto;
  }
  .side-nav-collapse-container {
    position: absolute;
    width: 16px;
    left: 200px;
    top: 50px;
    background-color: transparent;
  }
  .side-nav-collapse-container:hover {
    cursor: pointer;
    border-left: 3px solid #f0ad4e;
  }
  .side-nav-collapse-button {
    display: none;
    position: relative;
    top: calc(50% - 18px);
    background-color: transparent;
    color: #f0ad4e;
  }
  .side-nav-collapsed-li {
    text-align: right;
  }
  .side-nav-collapsed-li a {
    padding-right: 15px !important;
  }
  .dropdown-menu.dropdown-menu-side-nav-collapsed {
    display: block;
    position: fixed !important;
    top: inherit;
    left: 16px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    background-color: white !important;
    border-radius: 4px !important;
  }

  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
  .side-nav > li.dropdown > ul.dropdown-menu {
    position: relative;
    min-width: 195px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .side-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: #999999;
    padding: 8px 15px 8px 20px;
    width: 100%;
  }
  .side-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
  .side-nav > li.dropdown > ul.dropdown-menu > li > a.active,
  .side-nav > li.dropdown > ul.dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .side-nav > li > a {
    width: 200px;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #080808;
  }
  a.navbar-brand {
    padding: 0 0 0 10px;
    width: 220px;
    text-align: left;
  }
  a.navbar-brand img {
    max-height: 50px;
    max-width: 210px;
  }
  .nav-btn-back {
    float: left;
    margin: 15px 0px 5px 10px;
  }

  .admin-side-nav {
    top: 50px;
  }

  /* Nav Messages */
  .messages-dropdown .dropdown-menu {
    min-width: 300px;
  }
  .messages-dropdown .dropdown-menu li a {
    white-space: normal;
  }
  .navbar-collapse {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-height: 100%;
  }
  .form-horizontal .control-label {
    padding-top: 4px;
  }
  .form-inline .form-control.wide {
    width: 100%;
  }
  .form-horizontal th,
  .form-horizontal td {
    height: 32px;
  }
  .admin-side-nav > li.dropdown > ul.dropdown-menu {
    position: relative;
    min-width: 195px;
    margin: 0 0 5px 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .admin-side-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: #999999;
    padding: 8px 15px 8px 30px;
  }
  .admin-side-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
  .admin-side-nav > li.dropdown > ul.dropdown-menu > li > a.active,
  .admin-side-nav > li.dropdown > ul.dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #080808;
  }

  .admin-side-nav-list > li.dropdown > ul.dropdown-menu {
    position: relative;
    min-width: 195px;
    margin: 0 0 5px 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .admin-side-nav-list > li.dropdown > ul.dropdown-menu > li > a {
    color: #999999;
    padding: 8px 15px 8px 30px;
  }
  .admin-side-nav-list > li.dropdown > ul.dropdown-menu > li > a:hover,
  .admin-side-nav-list > li.dropdown > ul.dropdown-menu > li > a.active,
  .admin-side-nav-list > li.dropdown > ul.dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #080808;
  }

  .navbar-collapse.collapse {
    height: 50px !important;
    min-height: 50px !important;
  }
  .manage-columns-dropdown {
    min-width: 250px;
  }
  .manage-columns-dropdown .panel .panel-heading,
  .manage-columns-dropdown .panel .panel-body {
    padding: 5px 0px;
  }
  .manage-columns-dropdown .panel .panel-body {
    border-top: none !important;
  }
  .manage-columns-dropdown .panel .panel-heading,
  .manage-columns-dropdown .panel .panel-body .row,
  .manage-columns-dropdown .userreport-title,
  .manage-columns-dropdown .userreport-title label {
    cursor: pointer;
  }
  .manage-columns-dropdown .panel .panel-body .row:hover {
    background-color: #f5f5f5;
  }
  .manage-columns-dropdown .userreport-title {
    padding: 0px 15px;
  }
  .manage-columns-dropdown .userreport-title label {
    margin-bottom: 0px;
  }
  .userreport-icons {
    font-size: 14px;
    width: 22px;
  }
  .ical-scheduling-dropdown {
    width: 300px;
    padding: 10px;
  }
  .ical-scheduling-dropdown li {
    padding: 5px 0px;
  }
  #monthday-table.disabled .day {
    border: 1px solid #abacae;
    color: #abacae;
    cursor: not-allowed;
  }
  #monthday-table.disabled .day:hover {
    background-color: transparent;
  }
  #monthday-table.disabled .day-active,
  #monthday-table.disabled .day-active:hover {
    color: white;
    background-color: #8a8c91;
  }
  .day {
    border: 1px solid black;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
  }
  .day-active,
  .day:hover {
    color: #fff;
    background-color: #66afe9;
  }
  .day-active:hover {
    background-color: #2280c8;
  }
  .dl-horizontal dt {
    width: 130px;
    white-space: normal;
    text-align: right;
    overflow: inherit;
  }
  .dl-horizontal dd {
    margin-left: 130px;
    padding-left: 15px;
  }
  .dl-horizontal dd .wrapped-title {
    display: table-cell;
    vertical-align: bottom;
    height: 34px;
  }
  .contact-recurrings-dt {
    width: 200px !important;
  }
}

@media (max-width: 767px) {
  .navbar-collapse {
    height: 100vh;
    max-height: 100vh !important;
  }
  a.navbar-brand img {
    max-height: 20px;
    max-width: 100px;
  }
  a.navbar-brand {
    padding: 5px;
  }
  .nav-tabs > li {
    float: none;
  }
  .nav > li > a {
    padding: 6px 10px;
  }
  .dl-horizontal dt,
  .dl-horizontal dd {
    display: inline-block;
    width: 49%;
  }
  .navbar {
    min-height: 30px;
  }
  .navbar-brand {
    height: 30px;
  }
  .navbar-toggle {
    height: 24px;
    margin: 3px 15px;
    padding: 4px 5px;
  }
  .admin-side-nav {
    top: 30px;
  }
  .nav-btn-back {
    float: left;
    margin: 4px;
  }
  body {
    margin-top: 30px;
  }
  .side-nav-extra {
    width: 100%;
    top: 31px;
  }
  .authroleresource-grid-table.authroleresource-grid-table-header {
    top: 72px;
  }
  .authroleresource-grid-crud-buttons {
    top: 30px;
  }
}
.side-nav .history-link {
  font-size: 11px;
  color: #aaa;
  padding: 4px 5px 2px 30px;
  margin-bottom: 0px;
}
.side-nav .history-link-title {
  font-size: 12px;
  color: #aaa;
  padding-left: 10px;
  margin-bottom: 0px;
  /* color: #fff;
  background-color: #080808; */
}
.side-nav .history-link:hover {
  cursor: pointer;
  color: #fff;
  background-color: #080808;
}
.recurrings-accountvaultsearchresult {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;
  margin: 2px -8px;
  height: 85px;
}
.recurrings-accountvaultsearchresult.active,
.recurrings-accountvaultsearchresult:hover {
  background-color: #f5f5f5;
}
a.navbar-brand .spacer {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.navbar-toggle .fa-bars {
  color: #ffffff;
  font-size: 15px;
}

.dl-horizontal {
  margin-bottom: 0px;
}
.dl-horizontal dt,
.dl-horizontal dd {
  line-height: 1.5;
}

.nav.side-nav > li > a {
  padding: 10px 10px;
}
.side-nav {
  z-index: 5;
}
.side-nav-extra {
  height: 2000px;
  position: fixed;
  left: -768px;
  background-color: #222222;
  z-index: 10;
}
.progress-bar-container {
  position: absolute;
  z-index: 1031;
  height: 20px;
  width: 200px;
  top: 25px;
  left: 50%;
  margin-top: -10px;
  margin-left: -100px;
}

/* Custom CSS */

.beta-tag {
  background-color: transparent;
  color: #d9534f;
  display: inline-block;
  position: relative;
  top: -4px;
}

td.slim {
  width: 20px;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.panel td.slim {
  padding-right: 8px !important;
}

th {
  white-space: nowrap;
}

.form-control {
  display: initial;
  font-size: 12px;
  height: 28px;
  padding: 4px 4px;
}

textarea.form-control {
  height: auto !important;
}

.page-header {
  margin: 0px;
  border-bottom: none;
  padding-bottom: 5px;
}

.breadcrumb {
  margin-bottom: 15px;
  background-color: rgb(217, 237, 247);
  display: inline-block;
  padding: 5px 10px;
}
.mobile-breadcrumb {
  width: 100%;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "";
}

a,
.popover-info-icon,
.popover-info-icon:hover {
  cursor: pointer;
}

.pagerfooter a.active {
  color: #333;
}

.pagerfooter a.active:hover {
  color: #333;
  text-decoration: none;
}

.pagerfooter {
  padding-bottom: 50px;
}

ul.dropdown-menu a.active {
  background-color: #66afe9;
}

.hr-mobile {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Noty styles */

#noty_topRight_layout_container {
  top: 55px !important;
}

#noty_topCenter_layout_container {
  top: 10px !important;
}

#noty_top_layout_container {
  width: 50% !important;
  margin: 0px 30% 0px 20% !important;
  top: 10px !important;
}

#noty_top_layout_container li.animated {
  height: 100% !important;
  border-radius: 5px !important;
  border-width: 1px !important;
  border-top-style: solid !important;
}

.noty_close {
  top: 10px !important;
  right: 8px !important;
}
@media (max-width: 767px) {
  #noty_top_layout_container {
    width: 90% !important;
    margin: 0 auto !important;
  }
  #noty_topRight_layout_container {
    top: 35px !important;
  }
  .progress-bar-container {
    top: 15px;
  }
}
.has-error .emberTagInput {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .emberTagInput:focus {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa8a8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa8a8;
}

/* Nav Announcements */

.announcement-heading {
  font-size: 14px;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

/* Nav-Tabs */

.navbar-nav.side-nav > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 16px;
}

.side-nav > li.dropdown > ul.dropdown-menu > li > a {
  padding: 5px 15px 5px 22px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #aaa;
}

.navbar-inverse .navbar-nav > li > a.active {
  color: #fff;
  background-color: #080808;
}

.nav-tabs > li > a:hover {
  border-color: #303435;
}

.nav-tabs > li > a {
  line-height: 1.4;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding: 7px;
  border: 1px solid #ddd;
}

.nav-tabs {
  margin-bottom: 15px;
}

.nav-tabs .open > a,
.nav-tabs .open > a:hover,
.nav-tabs .open > a:focus,
.nav-tabs .open > a:active {
  background-color: #303435;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #fff;
  background-color: #303435;
}

.nav-tabs > li > a.active {
  border-bottom-color: transparent;
  color: #fff;
  background-color: #303435;
}

.nav-tabs > li:hover {
  cursor: pointer;
}

table thead tr th a {
  color: #000;
}

.nobr {
  white-space: nowrap;
}

/* custom classes for card images */

.mc {
  background-image: url(/images/mc.png);
}

.visa {
  background-image: url(/images/visa.png);
}

.amex {
  background-image: url(/images/amex.png);
}

.diners {
  background-image: url(/images/diners.png);
}

.jcb {
  background-image: url(/images/jcb.png);
}

.disc {
  background-image: url(/images/disc.png);
}

.checking,
.savings,
.Checking,
.Savings {
  background-image: url(/images/ach.png);
}

.account {
  display: block;
  background-size: 51px 32px;
  background-repeat: no-repeat;
  width: 51px;
  height: 32px;
}

.account-sm {
  display: block;
  background-size: 35px 22px;
  background-repeat: no-repeat;
  width: 35px;
  height: 22px;
}

/* Tab specific styles */

#transmenu > li.active > a {
  color: #fff;
  background-color: #303435;
  border: 1px solid #303435;
}

/* Modal sizes */

.threeinch {
  max-width: 3in;
}

.fourinch {
  max-width: 4in;
}

.fiveinch {
  max-width: 5in;
}

.sixinch {
  max-width: 6in;
}

.eightinch {
  max-width: 8in;
}

/* Table styles */

.table-striped-status1 > tbody > tr:nth-of-type(odd) > td,
.table-striped-status1 > tbody > tr:nth-of-type(odd) > th {
  background-color: #d0e9c6;
}

.table-striped-status2 > tbody > tr:nth-of-type(odd) > td,
.table-striped-status2 > tbody > tr:nth-of-type(odd) > th {
  background-color: #fcfcbf;
}

.table-striped-status3 > tbody > tr:nth-of-type(odd) > td,
.table-striped-status3 > tbody > tr:nth-of-type(odd) > th {
  background-color: #ebcccc;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 3px;
}

.table-contact > thead > tr > th,
.table-contact > tbody > tr > th,
.table-contact > tfoot > tr > th,
.table-contact > thead > tr > td,
.table-contact > tbody > tr > td,
.table-contact > tfoot > tr > td {
  padding: 6px 4px;
  line-height: 25px;
}

/* Form customizations */

.date-picker {
  cursor: pointer;
}

.small-width-input {
  width: 100px;
}

.multi-label {
  display: block;
  height: 26px !important;
  padding-top: 6px;
  text-align: left;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.table .multi-label {
  height: 28px !important;
}

.form-horizontal .form-control {
  height: 28px;
  padding: 4px 12px;
}

.form-horizontal .compact-table td {
  padding: 3px 8px;
}

.form-group-sm {
  margin-bottom: 8px;
}
.form-group-sm label {
  margin-bottom: 0px;
}

.clear {
  border: 1px solid transparent;
  box-shadow: none;
}

.input-sm,
.form-horizontal .form-group-sm .form-control,
.form .form-group-sm .form-control {
  height: 26px;
  padding: 4px 10px;
}
.form-horizontal
  .form-group-sm
  .form-control:not(#vt_account_number):not(#accountvault_account_number):focus,
.form
  .form-group-sm
  .form-control:not(#vt_account_number):not(#accountvault_account_number):focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
}

input-sm,
.form-horizontal .form-group-sm .form-control option {
  margin-top: 5px;
  margin-bottom: 5px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control option:disabled,
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover {
  color: #aaa;
}
a.disabled:hover,
td.disabled:hover,
span.disabled:hover {
  cursor: not-allowed;
}

.btn-mobile-sort-size {
  padding: 5px 10px 4px;
  position: relative;
  top: -1px;
  height: 26px;
}
.btn-scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

label.required:after {
  content: " *";
  color: red;
}

.crud-view-table th,
.dropdown-menu .table td {
  vertical-align: middle !important;
}
.crud-view-table td {
  white-space: normal;
}

/* Compact Panels */

.panel-compact {
  margin-bottom: -1px;
  border-color: #a39898;
}

.panel-compact .panel-heading {
  padding: 0 5px;
}

.panel-compact .panel-body {
  padding: 8px;
}

.panel-compact .panel-title {
  font-size: 11px;
  padding: 6px 5px;
}

/* Other panel styles */

.panel-heading .accordion-toggle:after {
  font-family: FontAwesome;
  content: "\f077";
  float: left;
  color: grey;
  margin-right: 10px;
}

.panel-heading .accordion-toggle.collapsed:after {
  content: "\f078";
}

.panel-heading-style {
  float: left;
  color: #428bca;
  padding-top: 1.5px;
  font-weight: bold;
  font-size: larger;
}

.form-panel-container .panel {
  border-color: #e3e3e3;
}
.form-panel-container .form-panel-heading.panel-heading,
.form-panel-container .form-panel-footer.panel-footer {
  background-color: #f5f5f5;
  border-color: #e3e3e3;
  min-height: 32px;
}
.form-panel-container .panel-heading.no-border {
  border-bottom: none;
}
.form-panel-container .panel-footer.no-border {
  border-top: none;
}
.form-panel-container .panel-heading.semi-border {
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px;
}
.form-panel-container .panel-footer.semi-border {
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px;
}
.panel-quickinvoice,
.panel-quickinvoice .panel-heading {
  border-color: rgb(210, 190, 280);
}
.panel-quickinvoice .panel-heading {
  background-color: rgb(213, 210, 246);
  color: rgb(104, 85, 152);
}
.panel-quickinvoice-refresh-icon {
  color: rgb(104, 85, 152);
}

.panel-deleted .panel-heading,
.panel-deleted .panel-footer {
  color: #fff;
  background-color: #303435;
}

.panel-deleted {
  border-color: #303435;
}

.panel-info .table-sub-header {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 5px 10px;
}

/* Font Awesome additional sizes */

.fa-1_1 {
  font-size: 1.1em;
}

.fa-1_2 {
  font-size: 1.2em;
}

.fa-1_4 {
  font-size: 1.4em;
}
.fa-1_75 {
  font-size: 1.75em;
}
.fa-4 {
  font-size: 4em;
}
.fa-5 {
  font-size: 5em;
}

.fa-stack {
  /*width: 1em;*/
  /*height: 1em;*/
  /*line-height: 1em;*/
}
.table-panel .fa-stack-mobile,
.fa-stack-1x-mobile {
  width: 17px;
  height: 17px;
  line-height: 1.35em;
}
.fa-stack-mobile {
  line-height: 1.75em;
}

.fa-li {
  position: relative;
  left: 0;
  width: 2.14285714em;
  top: -0.5em;
  font-size: 0.4em;
}

/* Custom dropdown-select styles */
.btn-dropdown-select {
  min-width: 80px;
}

.dropdown-select {
  /*width: 100%;*/
}

.dropdown-select .checkbox {
  width: 100%;
}

.dropdown-select .checkbox input[type="checkbox"] {
  top: 0px;
}

.dropdown-select button {
  /*width: inherit;*/
  text-align: left;
  padding-right: 20px;
  height: 28px;
}
.dropdown-select button.dropdown-select-wrap-placeholdervalue {
  min-height: 28px;
  height: 100%;
}

.dropdown-prompt {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.dropdown-prompt.wrap-placeholdervalue {
  white-space: normal;
}
.authrole-grid .wrap-placeholdervalue {
  max-height: 150px;
  overflow-y: auto;
}

.dropdown-select ul {
  width: inherit;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dropdown-select .checkbox {
  margin: 2px 0px;
}

.dropdown-select ul li label {
  width: 100%;
}
.dropdown-select ul li.filter label {
  line-height: 20px;
}

.dropdown-select ul li.active,
.dropdown-select ul li:hover {
  background-color: #66afe9;
}

.dropdown-select .form-group {
  margin: 0;
}

.dropdown-select-table td {
  padding: 2px;
}

.dropdown-caret {
  position: absolute;
  right: 6px;
  top: 12px;
}

.dropdown-select .btn-default:hover,
.dropdown-select .btn-default:active,
.dropdown-select .btn-default:focus,
.dropdown-select .btn-default.active,
.dropdown-select > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.dropdown-select .dropdown-menu > li:hover,
.dropdown-select .dropdown-menu > li:focus {
  background-color: #66afe9;
}

.dropdown-select .dropdown-menu > li.filter:hover,
.dropdown-select .dropdown-menu > li.filter:focus {
  background-color: #66afe9;
}

.dropdown-select .dropdown-menu > li:hover,
.dropdown-select .dropdown-menu > li:focus {
  background-color: transparent;
}

.dropdown-select ul li,
.dropdown-select div.search {
  padding: 2px 15px;
  margin: 0px;
}

.dropdown-select input[type="checkbox"] {
  margin: 3px 0 0 -20px;
}

.dropdown-select.open ul {
  margin-top: 0;
}

.dropdown-select .clear-search {
  display: none;
  cursor: pointer;
}
.make-full-width {
  width: 100% !important;
}
.make-margin-top-5 {
  margin-top: 5px !important;
}
.make-margin-top-10 {
  margin-top: 10px !important;
}
.make-margin-top-20 {
  margin-top: 20px !important;
}
.make-margin-bottom-5 {
  margin-bottom: 5px !important;
}
.make-margin-bottom-10 {
  margin-bottom: 10px !important;
}

.btn-group-mobile {
  width: 100%;
  margin-bottom: 10px;
}
.btn-dropdown-mobile {
  width: calc(100% - 50px);
}
.btn-dropdown-mobile-toggle {
  width: 50px !important;
}
.btn-grid-print-mobile {
  margin-bottom: 10px;
}
.btn-inline {
  display: inline-block;
}
btn-user-reports-action {
  min-width: 80px;
  padding-right: 12px;
  text-align: center;
}

/* Modal styles */

.modal-header {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.modal-footer {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.modal-header,
.modal-footer {
  background-color: rgb(217, 237, 247);
}

.modal-body {
  background-color: #f7f7f9;
}

.modal-header,
.modal-footer,
.modal-body {
  padding: 5px 10px;
}
.modal-dialog {
  margin: 15px auto;
}

.modal-mobile {
  max-width: calc(100% - 50px);
}

.transactiondetail-modal > .receipt-header > h1,
.transactiondetail-modal > .receipt-header > h2,
.transactiondetail-modal > .receipt-header > h3,
.transactiondetail-modal > .receipt-header > h4,
.transactiondetail-modal > .receipt-header > h5,
.transactiondetail-modal > .receipt-header > h6,
.transactiondetail-modal > .receipt-header > p,
.transactiondetail-modal .receipt-section-title,
.authagreement-modal > .receipt-header > h1,
.authagreement-modal > .receipt-header > h2,
.authagreement-modal > .receipt-header > h3,
.authagreement-modal > .receipt-header > h4,
.authagreement-modal > .receipt-header > h5,
.authagreement-modal > .receipt-header > h6,
.authagreement-modal > .receipt-header > p,
.authagreement-modal .receipt-section-title {
  margin: 0px;
}
.transactiondetail-modal .receipt-header {
  margin: 5px 0px;
}
.transactiondetail-modal table {
  font-size: 11px;
  margin-bottom: 8px;
}
.transactiondetail-modal td,
#transactionDetail td {
  word-break: break-word;
}
.transactiondetail-modal .hidden-print button {
  margin: 4px 0px;
}
.authagreement-modal table {
  margin-bottom: 8px;
}

.hand {
  text-decoration: none;
  cursor: pointer;
}
.hand-underline {
  color: #428bca;
}
.hand-underline:hover {
  color: #2a6496;
  text-decoration: underline;
}

/* Custom on-click menu for actions */

/* The necessities */

.onclick-menu {
  position: relative;
  display: inline-block;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.onclick-menu:hover {
  cursor: pointer;
}

.onclick-menu:before {
  content: "Actions";
}

.onclick-menu:focus {
  pointer-events: none;
}

.onclick-menu:focus .onclick-menu-content {
  opacity: 1;
  visibility: visible;
}

.onclick-menu-content {
  pointer-events: auto;
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.5s;
  -moz-transition: visibility 0.5s;
  -webkit-transition: visibility 0.5s;
  -o-transition: visibility 0.5s;
}

.onclick-menu.no-pointer-events {
  pointer-events: auto !important;
}

.onclick-menu.no-visibility .onclick-menu-content {
  visibility: visible !important;
  display: none;
}

.onclick-menu.no-visibility:focus .onclick-menu-content {
  display: block;
}

.onclick-menu.no-opacity .onclick-menu-content {
  opacity: 1 !important;
}

/*
Eye candy
( colors courtesy of https://kuler.adobe.com/try-color-theme-3350110 )
*/

.onclick-menu {
  padding: 0;
  margin: 0 0 1em 0;
  outline: 0;
}

.onclick-menu:before {
  padding: 5px 10px;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border: 1px solid transparent;
  border-radius: 4px;
}

.onclick-menu-content {
  background-color: #222222;
  width: auto;
  margin-top: 13px;
  margin-left: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* arrow for the expanding part */

.onclick-menu-content:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 10px solid #222222;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -10px;
}

.onclick-menu-content li {
  color: #f2f5e9;
  list-style-type: none;
  white-space: nowrap;
}

/* style the buttons */

.onclick-menu-content button {
  background: transparent;
  border: none;
  color: inherit;
  outline: 0;
  cursor: pointer;
}

.onclick-menu-content button:hover {
  cursor: pointer;
  color: #ff8c31;
}

/* Type-Ahead component */
.typeahead-container .typeahead {
  width: calc(100% - 40px);
  left: 20px;
}
.typeahead {
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 15px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
td .typeahead,
th .typeahead {
  width: inherit;
  left: inherit;
  margin-left: -3px;
}

.typeahead li {
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
  line-height: 22px;
  padding: 2px 10px;
}

.typeahead li:hover,
.typeahead li:active,
.typeahead li.active {
  background-color: #66afe9;
}
.typeahead-clear-item {
  margin-left: 5px;
  color: #ccc;
}
.emberTagInput {
  margin: 0;
  padding: 2px 5px 0px 2px;
  border: 1px solid #ccc;
  cursor: text;
  background-color: #fff;
  border-radius: 4px;
  min-height: 26px;
}
table td .emberTagInput {
  height: 28px;
}
table th .emberTagInput {
  min-height: 28px;
  max-width: 400px;
  white-space: initial;
}
.dropdown-menu .emberTagInput {
  height: 26px;
  padding: 1px 5px 0px 2px;
}
.emberTagInput--readOnly {
  cursor: default;
  background-color: #eee;
}

.emberTagInput li.emberTagInput-tag,
.emberTagInput li.emberTagInput-new,
.emberTagInput li.emberTagInput-input {
  list-style-type: none;
  display: inline-block;
}
.emberTagInput li.emberTagInput-new {
  margin-left: 5px;
  width: 100%;
}

.emberTagInput-tag,
.emberTagInput-input {
  padding: 2px 5px;
  margin-bottom: 1px;
}

.emberTagInput-tag {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-right: 0px;
  color: #333;
}

.emberTagInput-input {
  border: none;
  padding-left: 0;
  width: 100%;
}
.emberTagInput-input:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.emberTagInput.typeahead-focus {
  outline: 0;
  border-color: #66afe9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
}

.emberTagInput-input.is-disabled {
  display: none;
}

.exp-success {
  color: rgb(124, 221, 119);
}

.exp-warning {
  color: rgb(255, 234, 168);
}

.exp-danger {
  color: rgb(226, 83, 83);
}

/*  Switch Toggle */

.onoffswitch {
  position: relative;
  width: 76px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 4px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 21px;
  padding: 0;
  line-height: 21px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: attr(data-before);
  padding-left: 6px;
  background-color: #5cb85c;
  color: #fff;
}

.onoffswitch-inner:after {
  content: attr(data-after);
  padding-right: 6px;
  background-color: #d9534f;
  color: #fff;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 11px;
  margin: 5px;
  background: #ffffff;
  border: 2px solid #999999;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 51px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/*
notification breadcrumb
*/

#notification-bar {
  display: none;
  text-align: center;
  padding-top: 7px;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  background-color: #f2dede;
  height: 30px;
  cursor: pointer;
}

.notification-bar-notify {
  display: block !important;
}

/* chat window */

#habla_window_div .habla_conversation_text_span button {
  background-color: white !important;
  color: black !important;
}

/* Misc */

.auto-height {
  height: auto !important;
}

#showDetails {
  margin-bottom: 10px;
}
.label {
  padding: 0.3em 0.6em 0.2em;
  vertical-align: middle;
}

/* Atlassian Feedback */

#atlwdg-trigger {
  z-index: 10000;
}

/* Admin Nav */

#admin-nav {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 50px;
  right: -200px;
  z-index: 9999;
  color: #aaa;
  background-color: #222;
  border-color: #080808;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#admin-nav > ul {
  padding-top: 15px;
  padding-left: 0;
}

#admin-nav > ul > li {
  position: relative;
  display: block;
  list-style: none;
}

#admin-nav > ul > li > a,
.portfolioList > ul > li > a,
.side-nav-extra > ul > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #aaa;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 16px;
  padding-left: 20px;
}

.portfolioList {
  padding-left: 20px;
  padding-top: 8px;
}

.portfolioList > ul {
  margin-left: -60px;
  /*padding-left: 25px;*/
}

.portfolioList > ul {
  list-style: none;
}

.portfolioList > ul > li {
  padding-top: 8px;
}

.portfolioList > ul > li > a {
  padding-left: 35px;
}

#admin-nav > ul > li > a.active,
#admin-nav > ul > li > a:hover,
.portfolioList > ul > li > a.active,
.portfolioList > ul > li > a:hover,
.side-nav-extra > ul > li > a.active,
.side-nav-extra > ul > li > a:hover,
.side-nav-title {
  color: #fff;
  background-color: #080808;
}
.side-nav-title {
  padding: 0px 10px 0px 20px;
  background-color: transparent;
}

.admin-side-nav > li {
  position: relative;
  display: block;
  list-style: none;
  float: none;
}

.admin-side-nav > li > a,
.portfolioList > ul > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #aaa;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 16px;
  padding-left: 20px;
}

.admin-side-nav > .admin-side-nav-list {
  position: absolute;
  display: block;
  width: 100%;
}

.admin-side-nav-list {
  margin: 0;
  padding: 15px 0 60px;
}

.admin-side-nav-list > li {
  position: relative;
  display: block;
  list-style: none;
  float: none;
}

.admin-side-nav-list > li > a,
.portfolioList > ul > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #aaa;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 16px;
  padding-left: 20px;
}

.svTbl.table-responsive {
  overflow: auto;
  white-space: nowrap;
}

.padding-zero {
  padding: 0px;
}

.svTbl th {
  padding: 0 10px;
}

.border-bottom-gray {
  border-bottom: gray 1px solid;
}

.padding-top-bottom-20 {
  padding: 20px 0 10px 0;
}

.json-string-color {
  color: green;
}

.json-number-color {
  color: darkorange;
}

.json-boolean-color {
  color: blue;
}

.json-null-color {
  color: magenta;
}

.json-key-color {
  color: red;
}

.pretty-json-output {
  display: table;
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.pretty-json-overflow {
  overflow: auto;
  margin: 5px;
}

.format-json-border {
  border: 1px solid rgb(221, 221, 221);
  border-radius: 5px;
}

ul.dropdown-menu.td-fixed-width {
  width: 275px;
}

.dropdown-select-table input.input-fixed-width {
  width: 80px;
}

.transaction-action-button {
  width: 180px;
}
@media (max-width: 768px) {
  .transaction-action-button {
    width: 100%;
  }
}

.transaction-detail-full-panel-header {
  cursor: pointer;
}

.table-striped-grouped > tbody > tr:nth-child(4n + 1),
.table-striped-grouped > tbody > tr:nth-child(4n + 2) {
  background-color: #f9f9f9;
}
.table-striped-grouped > tbody > tr:nth-child(even) > td {
  border-top: 0px;
}
.table .table td {
  border-color: transparent;
  padding-bottom: 0;
}

/* colorpicker component */
.colorpicker-component .input-group-addon {
  padding: 0px;
}
.colorpicker-input {
  border: none;
  background-color: transparent;
  height: 23px;
}
.colorpicker-input:focus {
  outline: none;
}

/* Hosted Payment Page */
#hpp-config-accordion .panel-heading:hover {
  cursor: pointer;
}
.field-section-panel-heading,
.field-section-panel-body {
  padding: 5px;
}
.redips-drag-container {
  width: 300px !important;
  height: 80px;
}
.redips-drag-container-delete {
  width: 100px;
  height: 80px;
  border-left: 1px solid #ccc;
}
.redips-drag-list-group .redips-drag-list-group-item {
  padding: 0px;
}
.redips-drag-list-group .list-group-item-heading {
  margin: 0px;
}
.redips-drag-list-group .redips-list-group-item-heading {
  padding-left: 10px;
}
.redips-option-child {
  padding: 3px 10px;
}
.redips-child {
  padding: 5px;
  width: 274px;
  display: inline-block;
  vertical-align: top;
}
.redips-drag {
  border: 2px solid transparent;
  height: 80px;
  width: 300px;
}
.redips-drag h3 {
  margin: 0px;
}
.redips-drag:hover {
  background-color: #f7f7f9;
  border: 2px dashed #e1e1e8 !important;
  cursor: move;
}
.config-icons {
  display: inline-block;
  width: 20px;
}
.config-icon {
  margin: 3px 0px 0px 2px;
}
.redips-drag:hover .config-icon {
  cursor: pointer;
}
.redips-option {
  height: 25px;
  width: 175px;
  border: 1px solid #ddd !important;
  margin: 0px 0px -1px -1px;
}
.redips-fakeinput-label {
  margin-bottom: 0px;
}
.redips-fakeinput,
.redips-fakeselect,
.redips-fakeselect-exp-date {
  height: 26px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: move;
  padding: 5px 8px;
}
.redips-fakeselect-exp-date {
  display: inline-block;
  width: calc(50% - 4px);
}
.redips-fakeselect-exp-date.month {
  display: inline-block;
  width: calc(50% - 2px);
  margin-right: 4px;
}
.redips-fakecheckbox {
  width: 13px;
  height: 13px;
  border: 1px solid rgba(51, 51, 51, 0.35);
  border-radius: 3px;
  background-color: rgba(51, 51, 51, 0.15);
}
.redips-new-cell {
  background: rgb(92, 184, 92);
}
.redips-new-cell-no-highlight {
  background: transparent;
  transition: background 2.5s ease-out;
  -moz-transition: background 2.5s ease-out;
  -webkit-transition: background 2.5s ease-out;
  -o-transition: background 2.5s ease-out;
}
.redips-fakeimage {
  max-width: 100%;
  max-height: 70px;
}
.redips-fake-radio-ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.redips-fake-radio-li,
.redips-fake-radio-li-other {
  display: inline-block;
  margin: 0px 2px 2px 0px;
  border: 1px solid #428bca;
  border-radius: 4px;
  min-width: 32px;
  text-align: center;
}
.redips-fake-radio-li-other {
  position: relative;
  top: 2px;
}
.redips-fake-radio-input {
  visibility: hidden;
  height: 3px;
  width: 5px;
}
.redips-fake-radio-input-other {
  height: 23px;
  padding: 5px 8px;
}
.redips-fake-radio-label {
  cursor: pointer;
  margin: 3px 5px 3px 0px;
}

.hpp-field-option {
  border-top: 1px solid #ccc;
  margin: 0px;
  padding: 2px 0px;
}
.hpp-field-option:hover {
  background-color: rgb(217, 237, 247);
}
.gridster-options {
  width: 175px;
  display: inline-block;
  vertical-align: top;
}
.gridster-edit-area {
  width: calc(100% - 200px);
  margin-left: 15px;
  display: inline-block;
}
.hppform_field_heading {
  margin: 0;
}
.hppform_field_label {
  padding: 0;
  font-weight: bold;
  display: block;
}
.hppform_field_required_indicator {
  color: #d9534f;
}
.hppform_field {
  min-height: 60px;
}
.hppform_field_blank {
  display: none;
}
.hppform_field_hidden {
  visibility: hidden;
}
.hppform_field_input,
.hppform_field_select {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  font-size: 0.9em;
  padding: 0.3em;
  border-radius: 5px;
  line-height: inherit !important;
}
.hppform_field_input:read-only,
.hppform_field_select:disabled {
  background-color: transparent;
  color: #aaa;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.hppform_field_select:disabled::-ms-expand {
  display: none;
}
.hppform_field_checkbox {
  height: 17px;
  width: 17px;
  margin-right: 5px !important;
}
.hppform_field_radio {
  margin: 5px !important;
}
.exp_date_select_container {
  display: inline-block;
  width: calc(50% - 2px);
}
.exp_date_select_container.months {
  width: calc(50% - 2px);
  margin-right: 4px;
}
.hppform_field_image {
  max-width: 100%;
  max-height: 80px;
}
.hppform_field_button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.hppform_field_select_ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.hppform_field_select_li {
  margin: 0px;
  border: none;
  display: inline-block;
  text-align: center;
}
.hppform_field_select_li_other {
  position: relative;
  top: 1px;
}
.hppform_field_select_input:checked + .hppform_field_select_label {
  background-color: #428bca;
  color: white;
}
.hppform_field_select_input {
  visibility: hidden;
  height: 3px;
  width: 5px;
}
.hppform_field_select_input_other {
  height: 25px;
  padding: 5px 8px;
  border: 1px solid #428bca;
  border-radius: 4px;
  margin-left: 7px;
  width: 80px;
}
.hppform_field_select_label {
  cursor: pointer;
  border: 1px solid #428bca;
  border-radius: 4px;
  padding: 3px;
  margin: 0px -3px 3px 2px;
  min-width: 32px;
}
@media (min-width: 768px) {
  .hppform_field_blank {
    display: block;
  }
}
/* Mini Styles */

.container-fluid.hppform_mini {
  padding-right: 10px;
  padding-left: 10px;
  display: inline-block;
}

.hppform_mini .hppform_field {
  min-height: 50px;
}

.hppform_mini .hppform_field_heading {
  padding-top: 10px;
}

.hppform_mini .g-recaptcha {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media (min-width: 400px) {
  .hppform_mini .hppform_field_blank {
    display: block;
  }
  .hppform_mini .col-sm-3,
  .hppform_mini .col-sm-4,
  .hppform_mini .col-sm-6,
  .hppform_mini .col-sm-12 {
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    max-width: 165px;
  }
  .hppform_mini .col-sm-12 {
    width: 100%;
  }
  .hppform_mini .col-sm-6 {
    width: 50%;
  }
  .hppform_mini .col-sm-4 {
    width: 33.33333333%;
  }
  .hppform_mini .col-sm-3 {
    width: 25%;
  }
}
.hppform_mini .row {
  margin-left: -7px;
  margin-right: -7px;
}
.hppform_mini .hppform_field_checkbox {
  height: 12px;
  width: 12px;
}
.hppform_mini .hppform_field_button {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* ////////// ICONS ////////// */

/* all */
.grid-icon {
  color: #333;
}

/* plus sign */
.grid-icon-add {
  color: #333;
}
/* check mark */
.grid-icon-check {
  color: #333;
}
/* delete */
.grid-icon-delete {
  color: #a94442;
}
/* detail */
.grid-icon-detail {
  color: #428bca;
}
/* edit */
.grid-icon-edit {
  color: #428bca;
}
/* resend email */
.grid-icon-resend {
  color: #428bca;
}
/* share */
.grid-icon-share {
  color: #428bca;
}
/* shield/accountvault */
.grid-icon-shield {
  color: #333;
}
/* sync */
.grid-icon-sync {
  color: #428bca;
}
/* unlink */
.grid-icon-unlink {
  color: #a94442;
}
/* user */
.grid-icon-user {
  color: #428bca;
}
/* view */
.grid-icon-view {
  color: #428bca;
}
.dropdown-popover-info .panel .panel-heading:hover {
  cursor: pointer;
}
.dropdown-popover-info .panel .panel-body {
  border-top: none !important;
}
.dropdown-popover-info .list-group-item {
  padding: 5px 10px;
  background-color: transparent;
  border: none;
}

.flex-vertical {
  display: flex;
  flex-direction: column;
}

/* drag/drop */
.dropzone-upload-area {
  border: 2px dashed #ddd;
  border-radius: 10px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #aaa;
}
.dropzone-upload-area.active {
  border-color: #428bca;
  background-color: rgba(66, 139, 202, 0.05);
}
.dropzone-upload-area.active.disabled {
  border-color: #d9534f;
  background-color: rgba(217, 83, 79, 0.05);
}
.dropzone-upload-area-icon {
  color: #ddd;
}
.dropzone-upload-area.active .dropzone-upload-area-icon {
  color: #428bca;
}
.dropzone-upload-area.active.disabled .dropzone-upload-area-icon {
  color: #a94442;
}
.dropzone-upload-area-invalid {
  display: none;
}
.dropzone-upload-area.active.disabled .dropzone-upload-area-invalid {
  display: block;
}
.dropzone-upload-area-valid {
  display: block;
}
.dropzone-upload-area.active.disabled .dropzone-upload-area-valid {
  display: none;
}

#invoice-footer-totals {
  padding-right: 65px;
  font-weight: bold;
}

#invoice-footer-totals div {
  padding-bottom: 8px;
}

#invoice-footer-totals span {
  font-weight: bold;
}

.quickbooks-connect-btn {
  background-color: rgb(44,160,28);
  color: white;
  float: right;
}

.quickbooks-disconnect-btn {
  background-color: rgb(231, 12, 12);
  color: white;
  float: right;
}
/* Transactions Report - Search and Manage Columns spacing */
.report-actions-container .row {
  display: flex;
  justify-content: flex-end;
  align-items: center; /* Ensures vertical alignment */
}

.report-actions-container .search-button-wrapper {
  margin-right: 10px; /* Adjust this value to control spacing */
}