body {
  /* font-family: "ubuntu", Trebuchet MS, sans-serif; */
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  min-width: 1190px;
  -webkit-font-smoothing: antialiased;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  margin-top: -3px;
}

  .fa.pull-right,
  .fab.pull-right,
  .fad.pull-right,
  .fal.pull-right,
  .far.pull-right,
  .fas.pull-right {
    margin-top: 1px;
  }

/* .bootstrap-select {
  border: 1px solid #dee2e6 !important;
} */

.bootstrap-select .dropdown-menu {
  max-height: fit-content !important;
  z-index: 1300 !important;
}

/* Dropdown Menu */

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  width: auto;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none !important;
  }

    /* .dropdown-menu > li > a:hover {
      background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
      color: #000;
      text-decoration: none !important;
    } */

.dropdown-toggle::after{
  display: none !important;
}

button.btn.dropdown-toggle::after {
  display: inline-flex !important;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color) !important;
  text-decoration: none;
  background-color: #006aa6;
}

.dropdown-item:hover {
  color: #333 !important;
  text-decoration: none;
  background-color: #006aa6;
}

/* .bootstrap-select .dropdown-menu li.active small:hover{
  color: #333 !important;
}

.bootstrap-select .dropdown-menu li.active small:active{
  color: #333 !important;
} */

a.CompanySelectModal {
  text-decoration: none;
  color: #337ab7;
}

/* Spacing */

.mt-0 {
  margin-top: 0px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

/* .mb-0 {
  margin-bottom: 0px !important;
} */

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

/* .pb-20 {
  padding-bottom: 20px !important;
} */

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

/* Spacing Ends */

.pointer {
  cursor: pointer;
}

.buttonDevider {
  margin: 0px 10px;
  color: #ccc;
}

/* add this to row to align elements cenetered vertically */
.vertical-align {
  display: flex;
  align-items: center;
}

.menuBar {
  background-color: #006aa6;
  width: 100%;
  min-width: 1350px;
  height: 50px;
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  z-index: 1000;
}

.dynamiceModal {
  overflow: auto !important;
}

.modal {
  overflow-y: auto;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5 !important;
}

.modal-lg {
  width: 950px;
  max-width: 950px !important;
  z-index: 9999;
}

.modal-backdrop {
  background-color: #fafafa !important;
}

  .modal-backdrop.in {
    opacity: .7;
  }

.modal-content {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  z-index: 9999 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  width: 100%;
  /* margin-left: -7%; */
  overflow: visible !important;
}

.form-check{
  font-size: 11px !important;
  padding-left: 0px;
}

.form-switch{
  padding-left: 0px;
}

.form-switch .form-check-input:checked{
  background-color: #5cb85c !important;
  border-color: #5cb85c !important;
}

.form-check-input:checked{
  background-color: #026aa6 !important;
}

.form-switch .form-check-input{
  cursor: pointer;
  /* margin-top: 5px; */
}

/* input#txtEndDate {
  height: 32px !important;
} */

a:active {
  text-decoration: none;
  outline: none !important;
}

a:focus {
  text-decoration: none;
  outline: none !important;
}

.noUnderline {
  text-decoration: none !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle !important;
}

.checkbox input[type='checkbox'] {
  /* Hide the checkbox input ui */
  opacity: 0;
  cursor: pointer;
  margin: 2px -15px;
}

input[type="checkbox"] {
  margin-left: 5px !important;
}

  .checkbox input[type='checkbox'] + span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNpiZACCGzduNACpeCBWYCAOfADiDUBcyAjVXM9AHrjABLWZXGDARIKzsQImBgrBqAGjBlDNgA2UGpAIylVk6k8ECDAApjkM/4e7h0MAAAAASUVORK5CYII=) no-repeat center left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-left: 0px;
    font-weight: 500;
  }

  .checkbox input[type='checkbox']:checked + span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5JREFUeNpiZACBrGUNQDIeiBUYiAMfgHgDEBcyQjXXM5AHLjBBbSYXGDCR4GysgIlE9YlAbAgNA5INSGSYFrUAiC+AAg+XASCTH+DUDIkxAyDZj80AkGZHqBMv4NG8H4gFsBnwAOy8aVEwgy4Q0gwCoHTwH4kP8mMihgdwaMYWBglAxfOJ1YwrFhCGENCMzQvI4AAopeHTDAIseOQciE2JGyhNyolo8U5S0gYIMAA2hjagMZkvkAAAAABJRU5ErkJggg==) no-repeat center left;
  }

  .checkbox input[type='checkbox']:disabled + span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNpiZACCGzduNACpeCBWYCAOfADiDUBcyAjVXM9AHrjABLWZXGDARIKzsQImBgrBqAGjBlDNgA2UGpAIylVk6k8ECDAApjkM/4e7h0MAAAAASUVORK5CYII=) no-repeat center left;
    opacity: 0.5 !important;
  }

.radiobutton input[type='radio'] {
  /* Hide the radio input ui */
  opacity: 0;
  cursor: pointer;
  margin: 2px 4px;
}

  .radiobutton input[type='radio'] + span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALtJREFUeNpiZMADrt+47gBlftDU0LyATQ0jDk35QByAJvUBiDcAcSPQsAdYDQBq7gdSBQz4AcigQqAhC1AMIFIzMkgEGcKI5Oz9DKQBkEsUmaCcegbSgQDIxYxA20GM9wzkgQcgFxgwkA8UmBgoBBQbAIuF/2TqvwBzwQYyDVgIM6CRDM2gdLAAbAA0oySSaIAjUN8HeCBC03Yi1GRCNhvCcie23KgATZmg5K2AnGhAfgbiCSCbYYIAAQYAIWU4RmvXgfQAAAAASUVORK5CYII=) no-repeat center left;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 2px;
    margin-left: -20px;
  }

  .radiobutton input[type='radio']:checked + span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNpiZMAHspY5QFkfGKZFXcCmhBGHpnwgDkCT+QDEG4C4EWjYA+wGZC3rB5IFDPgByKBCoCELUA0gTjMySAQZwojk7P3Isg6qYgzxFkoMCsLcDBeevGeYuP8mw4O3X9FdoggzAKQZFmAM82MtGBIsFDGtXHyCYcGJ+8hCjYxAzQJAxnuYSIC+DMP6NFuc7las24TskgdMQMIAWUG8uSJejwfoySBzFZjQFQhwseE1AF0ewwC0gMKMw2+/0AyYFnUAWWDhiXu4NX//hR6IF2Au2AATOXD7FTi0sWl2nLAPTCPbB4tGUECeRwkdYPwnANMBzNkgm9E0I6UDiCEJoCRAQko0BGUw9LwAMgSUpAUI5AVHWO7ElhsVgGQ9NGUqIEcQyM9APAGo+QNMECDAANRrajoFxyr3AAAAAElFTkSuQmCC) no-repeat center left;
  }

.radioinline,
.checkboxinline {
  float: left;
  padding-right: 10px;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.menuBar .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: inset none;
}

/* Style the btn-group when disabled */
.btn-group.disabled {
  opacity: 0.65; /* Visual cue for disabled state, Bootstrap-style */
  pointer-events: none; /* Prevents interaction */
  cursor: not-allowed; /* Shows disabled cursor */
}

/* Ensure labels inside a disabled btn-group reflect the state */
.btn-group.disabled .btn.btn-secondary.btnHideWhenNotSelected {
  background-color: #f5f5f5; /* Light gray for disabled */
  border-color: #dbdbdb;
  color: #999; /* Faded text */
  cursor: not-allowed;
}

/* Ensure hover doesn’t override the disabled state */
.btn-group.disabled .btn.btn-secondary.btnHideWhenNotSelected:hover {
  background-color: #f5f5f5 !important; /* No change on hover */
  border-color: #dbdbdb !important;
  color: #999 !important;
  cursor: not-allowed !important;
}

/* Optional: Disable the radio inputs themselves */
.btn-group.disabled input[type="radio"] {
  cursor: not-allowed;
  opacity: 0.65;
}

.menuBar .dropdown-menu,
.dropdown-menu {
  font-size: 11px;
  z-index: 1100 !important;
}

/* Target specific dropdowns to force dropdown and not dropup */

#Creditors_Move_Transactions .bootstrap-select .dropdown-menu,
#Creditors_Move_Transactions .bootstrap-select.dropup .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  transform: none !important;
}

#Debtors_Move_Transactions .bootstrap-select .dropdown-menu,
#Debtors_Move_Transactions .bootstrap-select.dropup .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  transform: none !important;
}

.modal .dropdown-menu {
  z-index: 9999 !important;
}

.dropdown-menu.open {
  z-index: 9999 !important;
}

.datepicker.dropdown-menu {
  font-size: 11px;
}

.datepicker{
  background-color: #fff !important;
}

.datetimepicker-input{
  background-color: #fff !important;
}

.date span i {
  font-size: 16px;
}

.slideMenuBtn {
  background-color: #233746;
  color: #fff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  float: left;
  font-size: 18px;
}

  .slideMenuBtn:hover i,
  .slideMenuBtn:focus i {
    color: #fff !important;
  }

.homeBtn {
  background-color: #777;
  color: #fff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  float: left;
  font-size: 17px;
}

#QL {
  background: #3d91cd;
}

  #QL:hover {
    background: #3d91cd;
  }

  #QL > .fa {
    height: 50px !important;
    line-height: 50px !important;
  }

.homeBtn:hover {
  color: #fff;
}

.menuBtn {
  text-decoration: none !important;
  color: #fff;
  display: inline-block;
  height: 50px;
  padding: 0 12px;
  line-height: 50px;
  float: left;
  font-size: 11px;
  transition: background-color .2s ease-in;
}

  .menuBtn:focus {
    color: #fff !important;
  }

  .menuBtn:hover {
    background-color: #005585;
    color: #fff;
    text-decoration: none;
  }

  a.menuBtn:hover{
    text-decoration: none !important;
  }

  .menuBtn.active {
    color: #fff;
    background-color: #005585;
  }

.menuIcoBtn {
  color: #fff;
  display: inline-block;
  height: 50px;
  padding: 0 12px 0 0;
  line-height: 50px;
  float: left;
  font-size: 11px;
  transition: color .2s ease-in;
}

  .menuIcoBtn:hover {
    color: #ff9e19 !important;
    text-decoration: none;
  }

  .menuIcoBtn:visited,
  .menuIcoBtn:focus {
    /* color: #fff !important; */
    text-decoration: none;
  }

  .menuIcoBtn .active {
    background-color: #ff9e19;
  }

footer {
  border-top: 1px solid #d8d8d8;
  background-color: #fff;
  padding: 5px 10px;
  color: #d8d8d8;
  font-size: 11px;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 999;
  line-height: 35px;
}

.statusbar {
  padding: 10px 15px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #d8d8d8;
  min-width: 1190px;
  top: 50px;
  position: fixed;
  width: 100%;
  z-index: 999;
}

  .statusbar h2 {
    font-size: 16px;
    margin: 0;
    display: inline-block;
  }

.list-group input[type=checkbox],
input[type=radio] {
  margin: 0px;
  /* display: none !important; */
}

.list-group-item h4,
.list-group-item h5 {
  margin-top: 8px;
  margin-bottom: 8px;
}

#companySelect {
  margin-right: 10px;
}

#banner {
  position: fixed;
  bottom: 55px;
  right: 25px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

.statusbar .btn {
  font-size: 11px;
  margin-left: 5px !important;
  margin-top: -3px;
}

  .searchPanel .well {
    border-radius: 0;
    max-width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
  }

  .searchPanel .card {
    border-radius: 0;
    max-width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding: 25px 10px 10px !important;
    position: relative;
    background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
  }

.searchPanel.card.pb-20 {
    background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
}

  .searchPanel table {
    width: 100%;
  }

  .searchPanel td {
    padding: 5px;
    font-size: 11px;
  }

    .searchPanel td:nth-child(1) {
      width: 150px;
    }

  .searchPanel label {
    /* display: inline; */
    font-weight: normal;
    /* margin-left: 5px; */
  }

  .searchPanel .fa-folder-open {
    line-height: 28px;
    font-size: 15px;
  }

  .searchPanel .input-group {
    min-width: 150px;
  }

.managePanel {
  min-width: 530px;
  max-width: 530px;
}

.input-group {
  /*background-image: url("../img/cal.png");*/
  background-repeat: no-repeat;
  background-position: 97%;
}

.input-group-addon-checkbox {
  padding: 6px 6px 6px 8px !important;
}

.input-group-addon .checkbox {
  margin: 0px;
}

.form-control {
  /* height: 30px; */
  font-size: 11px;
  font-weight: normal;
  float: initial;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  /* background-color: #eee; */
  opacity: 1;
}



.contentWrapper {
  padding: 18px 15px 120px 15px;
  overflow: hidden;
}

.row.widgets {
  padding-top: 15px;
}

.tooltip {
  font-size: 11px;
}

.tooltip-inner {
  /* text-align: left !important; */
  width: auto !important;
}

.results {
  font-size: 11px;
}

  .results i {
    font-size: 12px;
  }

  .results thead,
  thead {
    background-color: #ffffff;
  }

    thead h5 {
      /* padding-left: 10px; */
      border: 1px solid #e3e3e3;
      background-color: #fafafa;
      padding: 5px;
    }

      thead h5:before,
      .panel-heading h5:before {
        content: "\f138";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        padding-right: 0.5em;
      }

      thead h5:before, .card-header h5:before {
        content: "\f138";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        padding-right: 0.5em;
    }

  .results th:last-child,
  .results td:last-child,
  .results th:nth-last-child(-n+1),
  .results td:nth-last-child(-n+1) {
    text-align: right !important;
  }

    .results td:last-child input,
    .results td:nth-last-child(-n+1) input {
      /* float: right; */
      text-align: right !important;
    }

    .results td:last-child i {
      margin-left: 5px;
    }

  .results td {
    vertical-align: middle !important;
  }

  /* .results input[type=checkbox],
  input[type=radio] {
    margin-top: -2px;
  } */

.table-striped tr.reset {
  background-color: #fff;
}

.tableCompress {
  table-layout: fixed;
  width: 1900px;
}

  .tableCompress th {
    font-size: 10px;
    word-wrap: break-word;
  }

  .tableCompress > tbody > tr > td,
  .tableCompress > tbody > tr > th,
  .tableCompress > thead > tr > td,
  .tableCompress > thead > tr > th {
    padding: 2px;
  }

.dataTables_filter input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}

div.dt-buttons {
  display: inline-block;
}

/*.dt-search{
  display: none !important;
}*/

.modal-body .results {
  min-width: 100% !important;
}

#JournalImportModal {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.modal-journals {
  width: 100%;
}

i.fa.fa-plus {
  margin-top: 0px;
}

.btn {
  font-size: 11px;
}

.btn-primary {
  border-color: #245580 !important;
  background-color: #337ab7 !important;
  background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
  padding: 5px 10px;
}

.btn-primary:hover {
  background-position: 0 15px;
  color: #fff;
  border-color: #245580 !important; 
  background-image: linear-gradient(to bottom, #286090 0, #265a88 100%);
  box-shadow: 0 1px rgba(0, 0, 0, 0.2); 
}

  .btn-secondary {
  text-shadow: 0 1px 0 #fff;
  padding: 5px 10px;
  color: #333;
  background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
  border-color: #ccc !important;
  box-shadow: .5px .5px #ddd;
}

.btn-secondary:hover {
  color: #333 !important;
  /* background-color: #ddd !important; */
  background-image: linear-gradient(to bottom, #fff 0, #cacaca 100%);
  border-color: #adadad !important;
  /* box-shadow: 0 1px rgba(0, 0, 0, 0.2); */
} 

.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-secondary[disabled]{
  color: #333;
  background-color: #e0e0e0;
  background-image: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
  background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-light{
  color: #333;
  background-color: #efefef;
  border-color: #ccc !important;
  box-shadow: .5px .5px #ddd;

}

.btn-light:focus{
  background-color: #e0e0e0 !important;
  /* background-position: 0 -15px !important; */
  color: #333 !important;
  box-shadow: .5px .5px #ddd;
}

.btn-light.active, .btn-light:active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
  box-shadow: .5px .5px #ddd;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
  }

.btn-secondary:focus-visible {
  outline: none;
  /*box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);*/
}

/* .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
} */

.btn:active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
  z-index: 2;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #333;
    background-color: #e3e3e3;
    border-color: #dbdbdb;
    cursor: pointer !important;
}

button.btn.btn-primary.bootbox-accept{
  color: #fff;
}

label.btn.btn-success.active {
  color: white !important;
}

.bootstrap-select>.dropdown-toggle:after {
  margin-top: -1px;
  color: #000 !important;
}

.btn-primary:active,
.btn-primary.active,
.btn-secondary:active,
.btn-secondary.active,
,
.btn-warning:active,
.btn-warning.active {
  margin-bottom: -3px;
  margin-top: 3px;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);
  border: 1px solid #2aabd2;
  padding: 5px 10px;
}

a.btn{
  text-decoration: none !important;
}

.browseBtn {
  padding: 0;
  width: 310px !important;
}

.dobox {
  display: block;
  background-color: #d1ecfa;
  color: #29b1f8;
  float: right;
  margin: 0px 5px;
  padding: 2px;
  text-align: center;
  border-radius: 5px;
  width: 45px;
  font-size: 9px;
}

  .dobox a {
    color: #29b1f8;
  }

.reconbox {
  background-color: #ffcccc;
  color: #CC0000;
  display: block;
  float: right;
  margin: 0px 5px;
  padding: 2px;
  text-align: center;
  width: auto;
  border-radius: 5px;
  font-size: 9px;
}

  .reconbox a {
    color: #CC0000;
  }

.results .form-control {
  margin-right: 0;
  border-radius: 2px;
  box-shadow: none;
  height: auto;
  line-height: auto;
  padding: 2px 2px 2px 2px;
}

.minifield {
  width: 90px !important;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 25px;
  padding: 0px 5px;
}

.tinyfield {
  width: 80px !important;
}

.smallfield {
  width: 150px !important;
}

.mediumfield {
  width: 265px !important;
}

.largefield {
  width: 385px !important;
}

.fullfield {
  width: 500px !important;
}

.inlinetext {
  float: left;
  margin: 0 10px 0 10px;
  line-height: 18px;
}

.companyName {
  color: #006aa6;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}

.grey,
.greyfont {
  color: #666666;
}

.lightgrey {
  color: #DDDDDD;
}

.red, .redfont {
  color: #d65151 !important;
}

a {
  color: #337ab7;
  text-decoration: none !important;
}

  a:hover {
    text-decoration: underline;
  }

.blue {
  color: #006aa6 !important;
}

.whitebg {
  background-color: #fff !important;
}

.red,
.redfont {
  color: #d65151 !important;
}

.green,
.greenfont {
  color: #5cb85c !important;
}

.yellow {
  color: #f0a947 !important;
}

.orange {
  color: #f0a947 !important;
}

.highlight {
  background-color: #ffdddd !important;
  border: 1px solid #ffcccc !important;
}

  .highlight a {
    color: #CC0000 !important;
  }

.highlightWhite {
  background-color: #ffffff !important;
  border: 1px solid #d9dbe1 !important;
}

.highlightOrange {
  background-color: #fceed8 !important;
  border: 1px solid #f99d2b !important;
}

  .highlightOrange a {
    color: #f99d2b !important;
  }

.highlightYellow {
  background-color: #FFFDDF !important;
  border: 1px solid #666600 !important;
  text-align: right !important;
}

  .highlightYellow a {
    color: #666600 !important;
  }

.highlightGreen {
  background-color: #d7e4bc !important;
  border: 1px solid #7a7d6f !important;
  text-align: right !important;
}

  .highlightGreen a {
    color: #7a7d6f !important;
  }

.highlightDarkBlue {
  background-color: #233746 !important;
  color: #fff
}

  .highlightDarkBlue a {
    color: #fff !important;
  }

.highlightBlue {
  background-color: #3d91cd !important;
  color: #fff !important;
}

  .highlightBlue a {
    color: #fff !important;
  }

.highlightLightBlue {
  background-color: #d1ecfa !important;
  color: #29b1f8;
}

  .highlightLightBlue a {
    color: #29b1f8 !important;
  }

.highlightGrey {
  background-color: #333 !important;
  color: #fff;
}

  .highlightGrey a {
    color: #fff !important;
  }

.highlightLightGrey {
  background-color: #d9dbe1 !important;
}

.highlightLightGrey td{
  background-color: inherit !important;
}

  .highlightLightGrey a {
    color: #666666 !important;
  }

h2.highlightLightGrey {
  color: #666 !important;
}

.highlightBox {
  display: block;
  margin: 1px;
  padding: 4px;
  border-radius: 5px;
  font-size: 11px;
  float: left;
}

.borderGrey {
  border: 2px solid #d9dbe1 !important;
}

.borderBlack {
  border: 2px solid #1f394c !important;
}

.borderTop {
  border-top: 2px solid #1f394c !important;
}

.borderBottom {
  border-bottom: 2px solid #1f394c !important;
}

.borderBottomDouble {
  border-bottom: 3px double #1f394c !important;
}

.borderTopBottom {
  border-top: 2px solid #1f394c !important;
  border-bottom: 2px solid #1f394c !important;
}

.removeRowBorder {
  border: none !important;
}

.totals {
  background-color: #f2f2f2 !important;
  font-weight: bold;
  text-align: right;
}

.alignLeft {
  text-align: left !important;
  padding-left: 8px;
}

.floatRight {
  float: right !important;
}

.floatLeft {
  float: left !important;
}

#menudiv {
  position: absolute;
  /*display: none;*/
  top: 0px;
  left: 0px;
  z-index: 10000;
}

.report {
  padding: 15px;
  margin: 5px 5px 0px 0px;
  text-align: center;
  border: 1px solid #d9dbe1;
  min-height: 95px;
  width: 250px;
  font-size: 11px;
  border-radius: 5px;
  background-color: #e5f0f6;
}

.btn-report {
  background-color: #3c763d !important;
  border-color: #346a35;
  color: #fff !important;
}

  .btn-report:hover {
    background-color: #346a35;
  }

.bg {
  border: 1px solid #000;
  display: none;
  width: 300px;
  position: absolute;
  background-color: #333;
  top: 40%;
  left: 45%;
  margin-top: -100px;
  margin-left: -100px;
  font-size: 11px;
  z-index: 1;
  padding: 15px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  line-height: 1.6em;
}

  .bg h6 {
    margin-bottom: -10px !important;
    color: #fff;
  }

.smallfont {
  font-size: 10px;
  color: #999999;
}

.hidden_div {
  display: none;
}

.alert-success a {
  color: #3c763d;
}

.errorbox {
  width: 450px;
  padding: 20px;
  margin: 90px auto 0 auto;
  border-radius: 8px;
  background-color: #fafafa;
  border: #d9dbe1;
  background-image: url(../images/dyn_alert.png);
  background-position: 20px 20px;
  background-repeat: no-repeat;
  box-shadow: #d9dbe1 3px 3px;
}

  .errorbox h2 {
    color: #CC0000;
    text-indent: 30px;
  }

  .errorbox p {
    font-size: 11px;
    color: #999999;
  }

.dialog-background {
  background: #1f394c;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.dialog-loading-wrapper {
  background: #1f394c;
  border: 0 none;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 9999999;
}

.dialog-loading-icon {
  background-color: #e9eaed !important;
  border-radius: 8px;
  display: block;
  line-height: 100px;
  margin: 0;
  padding: 20px;
  text-align: center;
}

.faded {
  color: #ccc;
}

select.GL-select {
  height: 250px;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(217, 83, 79, 0.5);
  }

  100% {
    box-shadow: 0 0 0 8px rgba(217, 83, 79, 0);
  }
}

.pulsing {
  color: #fff;
  text-align: center;
  animation: shadow-pulse 1s infinite;
}

.dueToday {
  background: rgba(217, 83, 79, .7);
}

/*span.label:hover {
  background-color: #005585;
}*/

.margin70 {
  margin-top: 50px;
  z-index: 50px;
}

.margin0 {
  margin-top: 0px;
  z-index: -1px;
}

.alert-box {
  padding: 5px !important;
}

.block-grid-item {
  display: inline;
  margin: 0;
  padding: (@grid-gutter-width/2);
  height: auto;
  float: left;
  list-style: none;
}

.popover {
  font-size: 11px;
  max-width: 380px;
}

  .popover input {
    float: left !important;
    margin-right: 5px !important;
  }

.modal-sm {
  width: 320px;
}


/* Vertical Scroll */

.scrollableV {
  height: 400px;
  overflow-y: scroll;
  padding-right: 5px;
}


/*Horizontal SCroll Bar*/

.scrollableH {
  overflow-x: scroll;
  width: 100%;
}

.wmd-view {
  overflow-x: scroll;
  /*overflow-y: hidden;
    overflow-x: hidden;*/
  width: 100%;
  padding-right: 20px;
  -webkit-overflow-scrolling: touch;
}

.wmd-view-topscroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  width: 99%;
}

.wmd-view-topscroll {
  height: 16px;
}

.dynamic-div {
  display: inline-block;
}

::-webkit-scrollbar {
  width: 12px;
  max-height: 12px;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #d8d8d8;
}

.modal-header {
  justify-content: unset;
  display: flex !important;
}

/* widgets */

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
  background-color: #f5f5f5;
}

#widget_Accounts {
  clear: both;
}

.widgetBlock {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-radius: 5px 5px 0 0;
  text-align: center;
  -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  clear: both;
}

  .widgetBlock h2 {
    background-color: #337ab7;
    display: block;
    padding: 13px;
    margin: 0px;
    font-size: 13px;
    color: #fff;
    border-radius: 5px 5px 0 0;
  }

    .widgetBlock h2 a {
      color: #fff;
      text-decoration: none;
    }

      .widgetBlock h2 a:hover {
        color: #fff;
        text-decoration: none;
      }

    .widgetBlock h2 span {
      font-size: 11px;
    }

  .widgetBlock .description {
    border-bottom: 1px dotted #d3d3d3;
    background-color: #f1f1f1;
    display: block;
    padding: 10px;
    font-size: 11px;
    color: #666;
    clear: both;
  }

  .widgetBlock .data1,
  .widgetBlock .data2,
  .widgetBlock .data {
    border-bottom: 1px dotted #d3d3d3;
    font-size: 19px;
    display: block;
    padding: 10px;
    color: #333;
    float: left;
  }

  .widgetBlock .data {
    width: 100%;
  }

  .widgetBlock .data1 {
    border-right: 1px dotted #d3d3d3;
    width: 50%;
  }

  .widgetBlock .data2 {
    width: 50%;
  }

    .widgetBlock .data span,
    .widgetBlock .data1 span,
    .widgetBlock .data2 span {
      font-size: 11px;
    }

  .widgetBlock table {
    margin-bottom: 0px;
  }

  .widgetBlock .list-group span {
    float: right;
  }

#quote h2 {
  margin-top: 0px;
}

#quote blockquote {
  margin: 0px;
  font-size: 22px;
  border-left: 5px solid #337ab7;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

#quote:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-size: 36px;
  top: 20px;
  right: 40px;
  content: "\f10e";
  color: #ddd;
}

blockquote .small, blockquote footer, blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

/* All Stores Inport DXes */
.modal-body > iframe {
  width: 100%;
  border: 0;
}

/* Input file button */

.btn-file {
  position: relative;
  overflow: hidden;
}

  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }

.step {
  min-height: 370px;
}


/* Draggable */

.drag {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  height: 80px;
}

  .drag #tdRecon,
  .drag #tdRecon2 {
    font-size: 22px;
    font-weight: bold;
  }

  .drag .fa-arrows {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #555555;
  }

.draggable {
  background: #fafafa;
}

.bottomMenu {
  padding: 10px;
  display: none;
  position: fixed;
  bottom: 10px;
  bottom: 10px;
  right: 10px;
  width: 190px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: center;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
}

.bottomMenuDisplay {
  padding: 10px;
  display: block;
  position: fixed;
  bottom: 5px;
  right: 10px;
  width: 190px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: center;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
}

.bottomMenu h5 {
  margin-top: 0px;
}

.searchpanelBox {
  padding: 5px;
  position: absolute;
  top: 30px;
  right: 10px;
  width: 210px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  z-index: 9;
}

.searchpanelBoxAlt {
  padding: 10px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 210px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  z-index: 9;
}

.searchpanelBox.float {
  position: fixed;
  top: 105px;
  right: 15px;
}

.searchpanelBox h5,
.searchpanelBox2 h5,
.adminBox h5 {
  margin-top: 0px;
}

.searchpanelBox #span1,
.searchpanelBox .span1,
.searchpanelBox #span2,
.searchpanelBox #tdRecon,
.searchpanelBox #tdRecon2 {
  font-size: 22px;
  font-weight: bold;
}

.searchpanelBox2 {
  padding: 10px;
  position: absolute;
  top: 10px;
  right: 225px;
  width: 210px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  z-index: 9;
}

  .searchpanelBox2 .alert {
    margin-bottom: 0px;
  }

.adminBox {
  padding: 10px;
  position: absolute;
  top: 100px;
  right: 10px;
  width: 210px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: left;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  box-shadow: 0px 0px 8px 1px rgba(211, 211, 211, .4);
  z-index: 9;
}

.hideZero,
.autoScroll {
  margin-top: 6px;
  padding-left: 0px;
}

.fancy-checkbox input[type="checkbox"],
.fancy-checkbox .checked {
  display: none;
  cursor: pointer;
}

.fancy-checkbox .unchecked {
  cursor: pointer;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .checked {
  display: inline-block;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .unchecked {
  display: none;
}

.fancy-checkbox input[type="checkbox"]:disabled ~ .unchecked {
  color: #ccc;
}

/* TYPEAHEAD */

.twitter-typeahead {
  width: 100%;
}

  .twitter-typeahead .tt-query,
  .twitter-typeahead .tt-hint {
    margin-bottom: 0;
  }

.tt-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
  cursor: pointer;
}

  .tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
  }

    .tt-suggestion.tt-is-under-cursor a {
      color: #fff;
    }

  .tt-suggestion p {
    margin: 0;
  }


/* Quick Search */

.bootstrap-select.btn-group .dropdown-menu {
  box-sizing: border-box;
  z-index: 1035;
  /* overflow: hidden; */
}


/* Load Indicator */
/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  overflow: hidden;
}

  .pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    position: absolute;
    right: 100%;
    margin-right: -7px;
    width: 93%;
    top: 7px;
    height: 14px;
    font-size: 12px;
    background: #2299dd;
    color: #2299dd;
    line-height: 60px;
    font-weight: bold;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
    -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
    box-shadow: 120px 0 #fff, 240px 0 #fff;
  }

    .pace .pace-progress:after {
      content: attr(data-progress-text);
      display: inline-block;
      position: fixed;
      width: 45px;
      text-align: right;
      right: 0;
      padding-right: 16px;
      top: 4px;
    }

    .pace .pace-progress[data-progress-text="0%"]:after {
      right: -200px
    }

    .pace .pace-progress[data-progress-text="1%"]:after {
      right: -198.14px
    }

    .pace .pace-progress[data-progress-text="2%"]:after {
      right: -196.28px
    }

    .pace .pace-progress[data-progress-text="3%"]:after {
      right: -194.42px
    }

    .pace .pace-progress[data-progress-text="4%"]:after {
      right: -192.56px
    }

    .pace .pace-progress[data-progress-text="5%"]:after {
      right: -190.7px
    }

    .pace .pace-progress[data-progress-text="6%"]:after {
      right: -188.84px
    }

    .pace .pace-progress[data-progress-text="7%"]:after {
      right: -186.98px
    }

    .pace .pace-progress[data-progress-text="8%"]:after {
      right: -185.12px
    }

    .pace .pace-progress[data-progress-text="9%"]:after {
      right: -183.26px
    }

    .pace .pace-progress[data-progress-text="10%"]:after {
      right: -181.4px
    }

    .pace .pace-progress[data-progress-text="11%"]:after {
      right: -179.54px
    }

    .pace .pace-progress[data-progress-text="12%"]:after {
      right: -177.68px
    }

    .pace .pace-progress[data-progress-text="13%"]:after {
      right: -175.82px
    }

    .pace .pace-progress[data-progress-text="14%"]:after {
      right: -173.96px
    }

    .pace .pace-progress[data-progress-text="15%"]:after {
      right: -172.1px
    }

    .pace .pace-progress[data-progress-text="16%"]:after {
      right: -170.24px
    }

    .pace .pace-progress[data-progress-text="17%"]:after {
      right: -168.38px
    }

    .pace .pace-progress[data-progress-text="18%"]:after {
      right: -166.52px
    }

    .pace .pace-progress[data-progress-text="19%"]:after {
      right: -164.66px
    }

    .pace .pace-progress[data-progress-text="20%"]:after {
      right: -162.8px
    }

    .pace .pace-progress[data-progress-text="21%"]:after {
      right: -160.94px
    }

    .pace .pace-progress[data-progress-text="22%"]:after {
      right: -159.08px
    }

    .pace .pace-progress[data-progress-text="23%"]:after {
      right: -157.22px
    }

    .pace .pace-progress[data-progress-text="24%"]:after {
      right: -155.36px
    }

    .pace .pace-progress[data-progress-text="25%"]:after {
      right: -153.5px
    }

    .pace .pace-progress[data-progress-text="26%"]:after {
      right: -151.64px
    }

    .pace .pace-progress[data-progress-text="27%"]:after {
      right: -149.78px
    }

    .pace .pace-progress[data-progress-text="28%"]:after {
      right: -147.92px
    }

    .pace .pace-progress[data-progress-text="29%"]:after {
      right: -146.06px
    }

    .pace .pace-progress[data-progress-text="30%"]:after {
      right: -144.2px
    }

    .pace .pace-progress[data-progress-text="31%"]:after {
      right: -142.34px
    }

    .pace .pace-progress[data-progress-text="32%"]:after {
      right: -140.48px
    }

    .pace .pace-progress[data-progress-text="33%"]:after {
      right: -138.62px
    }

    .pace .pace-progress[data-progress-text="34%"]:after {
      right: -136.76px
    }

    .pace .pace-progress[data-progress-text="35%"]:after {
      right: -134.9px
    }

    .pace .pace-progress[data-progress-text="36%"]:after {
      right: -133.04px
    }

    .pace .pace-progress[data-progress-text="37%"]:after {
      right: -131.18px
    }

    .pace .pace-progress[data-progress-text="38%"]:after {
      right: -129.32px
    }

    .pace .pace-progress[data-progress-text="39%"]:after {
      right: -127.46px
    }

    .pace .pace-progress[data-progress-text="40%"]:after {
      right: -125.6px
    }

    .pace .pace-progress[data-progress-text="41%"]:after {
      right: -123.74px
    }

    .pace .pace-progress[data-progress-text="42%"]:after {
      right: -121.88px
    }

    .pace .pace-progress[data-progress-text="43%"]:after {
      right: -120.02px
    }

    .pace .pace-progress[data-progress-text="44%"]:after {
      right: -118.16px
    }

    .pace .pace-progress[data-progress-text="45%"]:after {
      right: -116.3px
    }

    .pace .pace-progress[data-progress-text="46%"]:after {
      right: -114.44px
    }

    .pace .pace-progress[data-progress-text="47%"]:after {
      right: -112.58px
    }

    .pace .pace-progress[data-progress-text="48%"]:after {
      right: -110.72px
    }

    .pace .pace-progress[data-progress-text="49%"]:after {
      right: -108.86px
    }

    .pace .pace-progress[data-progress-text="50%"]:after {
      right: -107px
    }

    .pace .pace-progress[data-progress-text="51%"]:after {
      right: -105.14px
    }

    .pace .pace-progress[data-progress-text="52%"]:after {
      right: -103.28px
    }

    .pace .pace-progress[data-progress-text="53%"]:after {
      right: -101.42px
    }

    .pace .pace-progress[data-progress-text="54%"]:after {
      right: -99.56px
    }

    .pace .pace-progress[data-progress-text="55%"]:after {
      right: -97.7px
    }

    .pace .pace-progress[data-progress-text="56%"]:after {
      right: -95.84px
    }

    .pace .pace-progress[data-progress-text="57%"]:after {
      right: -93.98px
    }

    .pace .pace-progress[data-progress-text="58%"]:after {
      right: -92.12px
    }

    .pace .pace-progress[data-progress-text="59%"]:after {
      right: -90.26px
    }

    .pace .pace-progress[data-progress-text="60%"]:after {
      right: -88.4px
    }

    .pace .pace-progress[data-progress-text="61%"]:after {
      right: -86.53999999999999px
    }

    .pace .pace-progress[data-progress-text="62%"]:after {
      right: -84.68px
    }

    .pace .pace-progress[data-progress-text="63%"]:after {
      right: -82.82px
    }

    .pace .pace-progress[data-progress-text="64%"]:after {
      right: -80.96000000000001px
    }

    .pace .pace-progress[data-progress-text="65%"]:after {
      right: -79.1px
    }

    .pace .pace-progress[data-progress-text="66%"]:after {
      right: -77.24px
    }

    .pace .pace-progress[data-progress-text="67%"]:after {
      right: -75.38px
    }

    .pace .pace-progress[data-progress-text="68%"]:after {
      right: -73.52px
    }

    .pace .pace-progress[data-progress-text="69%"]:after {
      right: -71.66px
    }

    .pace .pace-progress[data-progress-text="70%"]:after {
      right: -69.8px
    }

    .pace .pace-progress[data-progress-text="71%"]:after {
      right: -67.94px
    }

    .pace .pace-progress[data-progress-text="72%"]:after {
      right: -66.08px
    }

    .pace .pace-progress[data-progress-text="73%"]:after {
      right: -64.22px
    }

    .pace .pace-progress[data-progress-text="74%"]:after {
      right: -62.36px
    }

    .pace .pace-progress[data-progress-text="75%"]:after {
      right: -60.5px
    }

    .pace .pace-progress[data-progress-text="76%"]:after {
      right: -58.64px
    }

    .pace .pace-progress[data-progress-text="77%"]:after {
      right: -56.78px
    }

    .pace .pace-progress[data-progress-text="78%"]:after {
      right: -54.92px
    }

    .pace .pace-progress[data-progress-text="79%"]:after {
      right: -53.06px
    }

    .pace .pace-progress[data-progress-text="80%"]:after {
      right: -51.2px
    }

    .pace .pace-progress[data-progress-text="81%"]:after {
      right: -49.34px
    }

    .pace .pace-progress[data-progress-text="82%"]:after {
      right: -47.480000000000004px
    }

    .pace .pace-progress[data-progress-text="83%"]:after {
      right: -45.62px
    }

    .pace .pace-progress[data-progress-text="84%"]:after {
      right: -43.76px
    }

    .pace .pace-progress[data-progress-text="85%"]:after {
      right: -41.9px
    }

    .pace .pace-progress[data-progress-text="86%"]:after {
      right: -40.04px
    }

    .pace .pace-progress[data-progress-text="87%"]:after {
      right: -38.18px
    }

    .pace .pace-progress[data-progress-text="88%"]:after {
      right: -36.32px
    }

    .pace .pace-progress[data-progress-text="89%"]:after {
      right: -34.46px
    }

    .pace .pace-progress[data-progress-text="90%"]:after {
      right: -32.6px
    }

    .pace .pace-progress[data-progress-text="91%"]:after {
      right: -30.740000000000002px
    }

    .pace .pace-progress[data-progress-text="92%"]:after {
      right: -28.880000000000003px
    }

    .pace .pace-progress[data-progress-text="93%"]:after {
      right: -27.02px
    }

    .pace .pace-progress[data-progress-text="94%"]:after {
      right: -25.16px
    }

    .pace .pace-progress[data-progress-text="95%"]:after {
      right: -23.3px
    }

    .pace .pace-progress[data-progress-text="96%"]:after {
      right: -21.439999999999998px
    }

    .pace .pace-progress[data-progress-text="97%"]:after {
      right: -19.58px
    }

    .pace .pace-progress[data-progress-text="98%"]:after {
      right: -17.72px
    }

    .pace .pace-progress[data-progress-text="99%"]:after {
      right: -15.86px
    }

    .pace .pace-progress[data-progress-text="100%"]:after {
      right: -14px
    }

  .pace .pace-activity {
    position: absolute;
    width: 100%;
    height: 28px;
    z-index: 2001;
    box-shadow: inset 0 0 0 2px #2299dd, inset 0 0 0 7px #FFF;
    border-radius: 10px;
  }

  .pace.pace-inactive {
    display: none;
  }

/* .End Load Indicator */


/* Sticky Header */

#wrapper {
  margin-top: 55px;
}

#sidebar-wrapper {
  margin-top: -105px !important;
}

.modal {
  top: 25px;
}


/* .end Sticky Header */


/* selectpicker */

/* select.selectpicker {
  left: 0 !important;
  width: 0px !important;
} */


/* Notifications */

.notifications.top-right {
  right: 10px;
  top: 5px;
  position: fixed;
  z-index: 9999;
}

.alert > .close {
  margin-left: 10px;
}


/* Magical Label*/

i {
  width: auto;
  text-align: center;
  vertical-align: middle;
}

.fa {
  position: relative;
}

.notificationBadge {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 9px;
  min-width: 10px;
  height: 11px;
  line-height: 8px;
  border-radius: 50%;
  text-align: left;
  padding: 1px 1px 1px 2px;
  color: #fff;
  background: rgba(255, 0, 0, 1);
  display: block;
  font-family: sans-serif;
}

.dropdown-menu .badge {
  padding: 3px 5px;
  font-size: 10px;
  /* float: right; */
}


/* Table Sorter */

.tablesorter-headerUnSorted,
.tablesorter-headerAsc,
.tablesorter-headerDesc {
  cursor: pointer;
}

.tablesorter-header-inner {
  display: inline-block;
}

.tablesorter-headerUnSorted:after {
  position: relative;
  font-family: 'Font Awesome 5 Pro';
  content: "\f0dc";
  opacity: 0.8;
  /*right: 5px;*/
  float: left;
  color: #afafaf;
}

.tablesorter-headerAsc:after {
  position: relative;
  font-family: 'Font Awesome 5 Pro';
  content: "\f0de";
  opacity: 0.8;
  /*right: 5px;*/
  float: left;
  color: #000;
}

.tablesorter-headerDesc:after {
  position: relative;
  font-family: 'Font Awesome 5 Pro';
  content: "\f0dd";
  opacity: 0.8;
  /*right: 5px;*/
  float: left;
  color: #000;
}

.sorter-false {
  cursor: secondary !important;
}

  .sorter-false:after {
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    content: "";
    opacity: 0.8;
    /*right: 5px;*/
    float: left;
    color: #000;
  }

.tablesorter-headerAsc:after {
  position: absolute !important;
}

.tablesorter-headerUnSorted:after {
  position: absolute !important;
}

.tablesorter-headerDesc:after {
  position: absolute !important;
}

div.tablesorter-header-inner {
  padding-right: 5px;
}

/* .table-condensed > tbody > tr > td, */
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding-right: 15px !important;
}


/* Abattoir */

#Animals_length .form-control,
#Animals_filter .form-control {
  float: none;
}

#abattoir .table {
  margin-bottom: 0px;
}

  #abattoir .table tr:first-child td {
    border-top: none !important;
  }

#abattoir .panel {
  margin-bottom: 30px;
}

#abattoir .panel-body {
  padding-bottom: 30px;
  position: relative;
}

#abattoir .submit {
  position: absolute;
  right: 15px;
  bottom: -13px;
}

#abattoir .input-group-addon {
  font-size: 11px;
}

.abattoirWidget {
  color: #555555;
  cursor: pointer;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
  border-radius: 0px;
  opacity: 0.7;
  transition: 0.3s;
  padding-bottom: 20px;
}

  .abattoirWidget:hover {
    opacity: 1;
  }

  .abattoirWidget i {
    color: #d3d3d3;
  }

  .abattoirWidget h5 {
    font-weight: 700;
    margin: 5px 0px;
    display: block;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
  }

  .abattoirWidget small {
    text-transform: uppercase;
    display: block;
    padding-top: 5px;
  }


/* Stock Walk */

.subject-info-box-1 select {
  height: 540px;
  padding: 0;
}

.subject-info-box-1 ::-webkit-scrollbar,
.subject-info-box-2 ::-webkit-scrollbar,
.subject-info-box-3 ::-webkit-scrollbar,
.subject-info-box-4 ::-webkit-scrollbar {
  width: 12px;
  max-height: 12px;
}

.subject-info-box-1 ::-webkit-scrollbar-track,
.subject-info-box-2 ::-webkit-scrollbar-track,
.subject-info-box-3 ::-webkit-scrollbar-track,
.subject-info-box-4 ::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.subject-info-box-1 ::-webkit-scrollbar-thumb,
.subject-info-box-2 ::-webkit-scrollbar-thumb,
.subject-info-box-3 ::-webkit-scrollbar-thumb,
.subject-info-box-4 ::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #d8d8d8;
}

.subject-info-box-2 select,
.subject-info-box-3 select,
.subject-info-box-4 select {
  height: 150px;
  padding: 0;
}

.subject-info-box-1 option,
.subject-info-box-2 option,
.subject-info-box-3 option,
.subject-info-box-4 option {
  padding: 4px 10px 4px 10px;
}

  .subject-info-box-1 option:hover,
  .subject-info-box-2 option:hover {
    background: #EEEEEE;
  }

.subject-info-box-2,
.subject-info-box-3,
.subject-info-box-4 {
  margin-bottom: 10px;
}

.subject-info-arrows {
  margin-top: 35px;
}

  .subject-info-arrows button {
    width: 100%;
    margin-bottom: 5px;
  }

/* Exception Widgets*/
.greenBG {
  background-color: #5cb85c;
}

.redBG {
  background-color: #d9534f !important;
}

.greyBG {
  background-color: #e3e3e3 !important;
}

.bg-light {
  background-color: #fafafa !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.exceptionSettings {
  color: #888;
  display: block;
  padding: 3px 10px;
  margin-top: -20px;
  float: right;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  border-radius: 5px 5px 0px 0px;
  background: #f1f1f1;
  cursor: pointer;
}

.exceptions {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

  .exceptions td {
    vertical-align: middle !important;
    width: 10%;
    text-align: center;
  }

.tab-content table tr td {
  vertical-align: middle;
}

.scroll-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}

  .scroll-tabs > li {
    float: none;
  }

    .scroll-tabs > li.active > a {
      background: #337ab7 !important;
      color: #fff !important;
    }

  /* width */
  .scroll-tabs::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .scroll-tabs::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .scroll-tabs::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 0px;
  }

/* Exception Midgets*/

/* New Actions Styles */
@media (min-width: 768px) {
  .modal-xl {
    width: 85% !important;
    /*max-width: 1200px!important;*/
  }
}

/*@media (min-width: 992px) {
  .modal-lg, .modal-xl {
      --bs-modal-width: 95% !important;
  }
}*/

@media (min-width: 576px) {
  .modal-dialog {
      max-width: var(--bs-modal-width);
      margin-right: auto;
      margin-left: auto;
  }
}

.modal.fade .modal-dialog{
  margin-top: 5%;
}

#ActionsList .modal-body {
  /*height: calc(100vh - 280px);
  overflow-x: hidden;
  overflow-y: scroll;*/
}

/* The new improved checkbox */
input.faChkRnd,
input.faChkSqr,
input.faChkSqrRed,
input.faChkTrash,
.task > input {
  -webkit-appearance: none;
  -moz-appearance: none;
}

  .faChkRnd:focus,
  .faChkSqr:focus,
  .faChkSqrRed:focus,
  .faChkTrash:focus,
  .task > input:focus {
    outline: 0 !important;
  }

  input.faChkRnd:checked:after,
  input.faChkRnd:after,
  input.faChkTrash:checked:after,
  input.faChkTrash:after,
  input.faChkSqr:checked:after,
  input.faChkSqr:after,
  input.faChkSqrRed:checked:after,
  input.faChkSqrRed:after {
    visibility: visible;
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    top: -3px;
    left: 0px;
    font-weight: 900;
    content: "\f1f8";
    color: #DADADE;
    display: inline-block;
    cursor: pointer;
  }

  input.faChkRnd:checked:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f058";
    color: #4AB25E !important;
  }

  input.faChkRnd:after {
    outline: none;
    border: none;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f111";
    color: #DADADE;
  }

  input.faChkTrash:checked:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f1f8";
    color: red !important;
  }

  input.faChkTrash:after {
    outline: none;
    border: none;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f1f8";
    color: #DADADE;
  }

input[disabled].faChkSqr:checked:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f14a";
  color: #e8e8e8 !important;
  cursor: not-allowed;
}

input.faChkSqr:checked:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f14a";
  color: #337ab7 !important;
}

input.faChkSqr:checked:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f14a";
  color: #337ab7 !important;
}

input[disabled].faChkSqr:after {
  outline: none;
  border: none;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f0c8";
  color: #e8e8e8 !important;
  cursor: not-allowed;
}

input.faChkSqr:after {
  outline: none;
  border: none;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f0c8";
  color: #DADADE;
}

/*RED*/
input[disabled].faChkSqrRed:checked:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f14a";
  color: #e8e8e8 !important;
  cursor: not-allowed;
}

input.faChkSqrRed:checked:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f14a";
  color: #a94442 !important;
}

input.faChkSqrRed:checked:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f14a";
  color: #a94442 !important;
}

input[disabled].faChkSqrRed:after {
  outline: none;
  border: none;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f0c8";
  color: #e8e8e8 !important;
  cursor: not-allowed;
}

input.faChkSqrRed:after {
  outline: none;
  border: none;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: "\f0c8";
  color: #DADADE;
}



/* TASKS TO DO LISTS */
#todoUpcoming,
#todoCompleted {
  border: 1px solid #e3e3e3;
}

.task {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding: 3px;
}

.strikeout {
  text-decoration: line-through;
}

.task > input:hover {
  cursor: pointer;
}

.task > input:checked:after {
  border: none;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 16px;
  content: "\f14a";
  color: #3c763d !important;
}

.task > input:after {
  outline: none;
  border: none;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 16px;
  content: "\f14a";
  color: #DADADE;
}

/* TASKS TO DO LISTS*/

/*input.faChkSqr:checked:after {
    content: '\f14a';
}

input.faChkSqr:after {
    content: '\f14a';
}*/

/*input[type=checkbox]::before,
  input[type=radio]::before {
    visibility: visible;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f111";
    color: #DADADE;
    margin-top: -5px;
    cursor: pointer;
  }

  input[type=checkbox]:checked::before,
  input[type=radio]:checked::before {
    letter-spacing: 5px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f058";
    color: #4AB25E !important;
  }

.alert input[type=checkbox]::before,
.alert input[type=radio]::before {
  color: #ffffff;
}

input[type=checkbox][disabled]::before,
input[type=radio][disabled]::before {
  opacity: 0.5;
}*/
/* The new improved checkbox */
.mb {
  margin-bottom: 15px;
}

/* GROUP DASHBOARD */

.panel-active {
  border: 3px solid #e3e3e3;
}

.groupWidgetBreakdown .arrow {
  background: #e3e3e3;
  width: 20px;
  height: 20px;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.groupWidgetBreakdown .arrowLeft {
  position: absolute;
  top: -15px;
  left: 10%;
}

.groupWidgetBreakdown .arrowSlightLeft {
  position: absolute;
  top: -15px;
  left: 35%;
}

.groupWidgetBreakdown .arrowSlightRight {
  position: absolute;
  top: -15px;
  left: 65%;
}

.groupWidgetBreakdown .arrowCenter {
  position: absolute;
  top: -15px;
  left: 50%;
}

.arrowRight {
  position: absolute;
  top: -15px;
  right: 10%;
}

/* Loader */

.balls {
  width: 3.5em;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

  .balls div {
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background-color: #006aa6;
    transform: translateY(-100%);
    animation: wave 0.8s ease-in-out alternate infinite;
  }

    .balls div:nth-of-type(1) {
      animation-delay: -0.4s;
    }

    .balls div:nth-of-type(2) {
      animation-delay: -0.2s;
    }

.ballHolder {
  margin: auto;
  padding: 2rem;
  display: flex;
  justify-content: center;
}

.ballsButton div {
  background-color: #FFF !important;
}

@keyframes wave {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(100%);
  }
}

.ct-chart {
  position: relative;
}

.ct-legend {
  position: relative;
  z-index: 10;
  list-style: none;
  text-align: center;
}

  .ct-legend li {
    position: relative;
    padding-left: 23px;
    margin-right: 10px;
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
  }

    .ct-legend li:before {
      width: 12px;
      height: 12px;
      position: absolute;
      left: 0;
      content: '';
      border: 3px solid transparent;
      border-radius: 2px;
    }

    .ct-legend li.inactive:before {
      background: transparent;
    }

  .ct-legend.ct-legend-inside {
    position: absolute;
    top: 0;
    right: 0;
  }

    .ct-legend.ct-legend-inside li {
      display: block;
      margin: 0;
    }

  .ct-legend .ct-series-0:before {
    background-color: #d70206;
    border-color: #d70206;
  }

  .ct-legend .ct-series-1:before {
    background-color: #f05b4f;
    border-color: #f05b4f;
  }

  .ct-legend .ct-series-2:before {
    background-color: #f4c63d;
    border-color: #f4c63d;
  }

  .ct-legend .ct-series-3:before {
    background-color: #d17905;
    border-color: #d17905;
  }

  .ct-legend .ct-series-4:before {
    background-color: #453d3f;
    border-color: #453d3f;
  }

.crazyPink li.ct-series-0:before {
  background-color: #C2185B;
  border-color: #C2185B;
}

.crazyPink li.ct-series-1:before {
  background-color: #E91E63;
  border-color: #E91E63;
}

.crazyPink li.ct-series-2:before {
  background-color: #F06292;
  border-color: #F06292;
}

.crazyPink li.inactive:before {
  background-color: transparent;
}

.crazyPink ~ svg .ct-series-a .ct-line,
.crazyPink ~ svg .ct-series-a .ct-point {
  stroke: #C2185B;
}

.crazyPink ~ svg .ct-series-b .ct-line,
.crazyPink ~ svg .ct-series-b .ct-point {
  stroke: #E91E63;
}

.crazyPink ~ svg .ct-series-c .ct-line,
.crazyPink ~ svg .ct-series-c .ct-point {
  stroke: #F06292;
}

#any-div-anywhere {
  border: 1px solid #5b4421;
}

.ct-hidden {
  opacity: 0;
}

.ct-dimmed {
  opacity: 0.5;
}

/* Animations */

.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.update-row {
  border-bottom: 2px solid #ddd !important;
}

  .update-row.sorting ::after {
    display: none;
  }

.age-analysis {
  padding-right: 20px;
}

.tooltip-ca {
  display: inline;
  width: 130px;
  padding-right: 30px;
}

.intercom-namespace {
  position: relative;
  display: inline-block;
  width: 18px;
  z-index: 999;
}

div#tooltip-anchor-13851 {
  margin-left: -18px;
  z-index: 999;
}

.intercom-1t1s2uc.e63435j4 {
  min-width: 180px;
}

.fa-info-circle {
  color: #f99d24;
  margin-left: 15px;
  cursor: pointer;
  font-size: 16px;
  vertical-align: -webkit-baseline-middle;
}

.tooltip-inner {
  font-size: 13px;
  font-weight: 500;
  white-space: pre-line;
}

.row-social {
  display: inline-flex !important;
  margin: 30px auto;
  width: 100%;
  align-items: center;
  justify-content: center;
}

/* Custom fix to specific tooltips from Intercom alignment issue */

/* This applies to Outstanding Claims */
.intercom-namespace .intercom-uc93as {
  position: absolute;
  font-family: serif;
  color: white;
  width: 18px;
  height: 18px;
  z-index: 1;
  text-align: center;
  animation: 200ms ease 0s 1 normal forwards running ic-tooltip-anchor-scale-in;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  left: 150px !important;
  top: -20px !important;
  cursor: secondary;
}

div#tooltip-anchor-49775 {
  top: -20px !important;
  left: 150px !important;
}

/* This applies to both Supplier Puchase and Rebate Listing */
.intercom-namespace .intercom-4v9i28 {
  position: absolute;
  font-family: serif;
  color: white;
  width: 18px;
  height: 18px;
  z-index: 1;
  text-align: center;
  animation: 200ms ease 0s 1 normal forwards running ic-tooltip-anchor-scale-in;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  left: 130px !important;
  cursor: secondary;
}

div#tooltip-anchor-49780 {
  left: 130px !important;
  top: 0 !important;
}

div#tooltip-anchor-49782 {
  left: 130px !important;
  top: 0 !important;
}

/* New BoostrapV5 Version 5 custom styling */

.card {
  padding: 20px !important;
  margin-bottom: 10px;
  background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
  background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
  background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
}

.card-secondary{
  border-color: #ddd;
}

.card-active {
  border: 3px solid #e3e3e3;
}

.card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

h3.card-title {
  margin-top: 8px !important;
  padding-bottom: 12px;
}

.well {
  padding: 20px;
  margin-bottom: 10px;
  background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
  background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
  background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
  content: "\2014 \00A0";
}

.card-header {
  background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%) !important;
  /* padding-bottom: 0; */
}

div#ActionsSummary_wrapper {
  background: #fff !important;
}

.pt-2px {
  padding-top: 2px;
}

.form-select {
  font-size: 11px;
  max-width: 265px !important;
}

.sidebar-nav > .sidebar-brand {
  margin-top: 50px;
}

.selectpicker {
  display: block;
  /* min-width: 265px !important; */
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.8rem;
  font-weight: 400;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: secondary;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs > li > a {
  /* margin-right: 2px; */
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}
.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none !important;
  background-color: #eee !important;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  color: #555 !important;
  cursor: secondary;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs>li>a{
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #337ab7;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

ul.nav.nav-tabs {
  border-color: #000;
  border-bottom-color: #eee;
}

input#chkShowAll2 {
  margin-top: -5px;
}

/* Selectpicker the secondary dropdown when no selection has been made */

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, 
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: #999 !important;
}

/* Debtors Add Debit modal */
button.btn.btn-secondary.Debtors_Excessive_Search {
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  color: #000;
  border-color: #ccc;
}

/* nav-bar nav items styling */
.nav-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.nav-tabs {
  /* flex-wrap: nowrap; */
  white-space: nowrap;
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
  color: #555 !important;
  cursor: default !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  border-bottom-color: transparent !important;
}

.nav-tabs>li>a:active {
  color: #555 !important;
  cursor: pointer !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  border-bottom-color: transparent !important;
  margin-right: 2px !important;
  line-height: 1.42857143 !important;
  border-radius: 4px 4px 0 0 !important;
  color: #337ab7 !important;
  padding-bottom: 5px !important;
}

.nav-link {
  display: inline-block;
}

/* Red tr td set to danger class - example on Store Dashboard page - exceptions at the top */

.table > tbody > tr > td.danger {
  background-color: #f2dede;
}

button.btn.dropdown-toggle {
  background-color: #efefef;
}

.btn-warning {
  color: #fff !important;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
  padding: 5px 10px;
}

.btn-danger{
  padding: 5px 10px;
}

.btn-check + .btn:hover {
  color: #000 !important;
}

.text-info {
  color: #31708f !important;
}

/* All Tasks - Font awesome on tooltips - fa-question-circle */

.fa-question-circle {
  font-size: 16px;
  color: #000;
}

/* active/inactive color for btn-success */

.btn-success {
  padding: 5px 10px;
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

/* popover-header override it's styling to remove old bootstrap add new bootstrap and style the UI  */

/* Overwrite and align items in the popover-header */
.popover-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  font-size: 1rem;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}

  /* If you have a specific title class within the popover-header, update it */
  .popover-header .modal-title,
  .popover-header #text {
    flex-grow: 1;
    margin-left: auto;
  }

  /* Update the close button */
  .popover-header .close, /* Old class */
  .popover-header .btn-close { /* New class */
    border: none;
    background: transparent;
  }

  /* Corrects the padding and margin of the close button */
  .popover-header .btn-close {
    padding: 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
  }

/* hover styling update to btn-info */

button.btn.btn-info.bootbox-accept:hover {
  background-position: 0 -15px;
  background-color: #2ec3e1;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.btn-warning:focus, .btn-warning:hover {
  background-color: #eb9316 !important;
  background-position: 0 -15px !important;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn.btn-info:hover {
  color: #fff !important;
  background-color: #2aabd2 !important;
}

.btn-success:hover{
  background-color: #419641 !important;
  border-color: #adadad !important;
  background-position: 0 -15px !important;
  /* box-shadow: 0 1px rgba(0, 0, 0, 0.2); */
  color: #fff !important;
}

.sidebar-nav li .badge {
  text-indent: initial;
}

.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.h2, h2 {
  font-size: 30px;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
  font-size: 65%;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  /*font-size: 12px;*/
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}

.widgetBlock .badge {
  font-size: 12px;
}
/* Updates to Card and Headings thereof */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.h4, h4 {
  font-size: 18px;
  margin-bottom: 0;
}

.h5, h5{
  font-size: 14px;
}

#divAdd h5:before {
  content: "\f138";
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5em;
}

#divAdd h5 {
  border: 1px solid #e3e3e3;
  background-color: #fafafa;
  padding: 5px;
}

.card>.list-group{
  border-top: none !important;
  border-bottom: none !important;
}

.card-body {
  padding: 15px !important;
}

.card.bg-info {
  border-color: #bce8f1 !important;
}

.greyBG {
  background-color: #e3e3e3 !important;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  opacity: 1;
}

.table>:not(caption)>*>* {
  /* padding: .5rem .4rem; */
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  /* border-bottom-width: var(--bs-border-width); */
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
  background-color: #f5f5f5 !important;
}

/* Warning and Info class styling on table rows */
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
  background-color: #fcf8e3 !important;
}

.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
  background-color: #faf2cc !important;
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
  background-color: #d9edf7 !important;
}

.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover {
  background-color: #c4e3f3 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

td.text-end.success {
  background-color: #dff0d8 !important;
}

/* Close button on Cards expanded - Group Dashboard */

.btn-close {
  float: right;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity = 20);
  opacity: .2;
  padding: 0;
  cursor: pointer;
}

.btn-group-xs>.btn, .btn-xs {
  padding: 4px 7px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-danger:active:focus, .btn-primary:active:focus {
  color: #fff !important;
}

/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: var(--bs-nav-tabs-link-active-border-color);
} */

/* .nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #337ab7 !important;
} */

.hide{
  display: none !important;
} 

i.fa.fa-times {
  margin-top: 0px;
}

textarea.form-control{
  height: auto;
}

.bs-searchbox+.bs-actionsbox {
  padding: 4px 8px 4px !important;
}

.pb-20{
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}

.bootstrap-select.bs-container .dropdown-menu .dropup-menu .dropdown-menu.open {
  z-index: 10000 !important;
}

a.float-end {
  margin-top: 5px;
}

input.faChkSqr.float-end.text-muted{
  margin-top: -5px;
}

/* Radio button custom display none for Debtors -> Add Sales Invoice -> View Proforma Invoice */

input#rdoVat_no, input#rdoVat_0, input#rdoVat_custom{
  /* display: none !important; */
}

/* Base active state for both btn-secondary and the custom button */
.btn-secondary.active,
.btn-secondary:active,
label.btn.btn-secondary.btnHideWhenNotSelected.active {
  background-color: #d4d4d4;
  border-color: #8c8c8c;
  color: #333;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); /* Pressed effect */
}

/* Interactive states (hover, focus, etc.) */
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover,
label.btn.btn-secondary.btnHideWhenNotSelected.active.focus,
label.btn.btn-secondary.btnHideWhenNotSelected.active:focus,
label.btn.btn-secondary.btnHideWhenNotSelected.active:hover {
  color: #333 !important;
  background-color: #c7c7c7 !important; /* Darker for hover/focus */
  border-color: #7a7a7a !important;
}

/* Ensure active state takes precedence */
.btn-secondary.active,
.btn-secondary:active,
label.btn.btn-secondary.btnHideWhenNotSelected.active {
  background-color: #d4d4d4 !important;
  border-color: #8c8c8c !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15) !important;
}

/* Base active state for checked radio button labels */
.btn-secondary.btnHideWhenNotSelected.active {
  background-color: #d4d4d4;
  border-color: #8c8c8c;
  color: #333;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); /* Pressed effect */
}

/* Interactive states (hover, focus, etc.) */
.btn-secondary.btnHideWhenNotSelected.active.focus,
.btn-secondary.btnHideWhenNotSelected.active:focus,
.btn-secondary.btnHideWhenNotSelected.active:hover {
  color: #333 !important;
  background-color: #c7c7c7 !important; /* Darker for hover/focus */
  border-color: #7a7a7a !important;
}

/* Ensure active state takes precedence */
.btn-secondary.btnHideWhenNotSelected.active {
  background-color: #d4d4d4 !important;
  border-color: #8c8c8c !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15) !important;
}

/* Optional: Default state for non-active buttons */
.btn-secondary.btnHideWhenNotSelected {
  background-color: #f5f5f5; /* Light gray for inactive */
  border-color: #dbdbdb;
  color: #333;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  /* outline: 5px auto -webkit-focus-ring-color !important; */
  outline-offset: -2px !important;
}

/* btn-disabled */
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
  color: #000 !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
  cursor: not-allowed;
}

/* Disabled input button hover state for both btn-success and btn-info */
input.btn.btn-success[disabled]:hover,
input.btn.btn-success.disabled:hover,
input.btn.btn-info[disabled]:hover,
input.btn.btn-info.disabled:hover {
  cursor: not-allowed !important;
  filter: alpha(opacity=65); /* For older IE */
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Base disabled state for btn-success */
input.btn.btn-success[disabled],
input.btn.btn-success.disabled {
  cursor: not-allowed !important;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #28a745; 
  border-color: #28a745;
  color: #333 !important; 
}

/* Base disabled state for btn-info */
input.btn.btn-info[disabled],
input.btn.btn-info.disabled {
  cursor: not-allowed !important;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #333 !important; 
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
  pointer-events: unset !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#tbl.table-sm>tbody>tr>td {
  word-break: break-all;
}

.form-control[disabled], fieldset[disabled] .form-control, .form-select[disabled]{
  cursor: not-allowed;
}

button[disabled], html input[disabled] {
  cursor: default;
}

.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-duotone, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasds, .fasl, .fasr, .fass, .fast, .fat {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1.1 !important;
  text-rendering: auto;
}

.list-group input[type=checkbox], input[type=radio]{
  cursor: pointer;
}

.sidebar-nav li a:hover{
  text-decoration: none !important;
}

/* bootstrap-select dropdown */

.bootstrap-select .dropdown-menu li.selected a::before {
  font-family: 'FontAwesome';
  content: '\f00c';
  position: absolute;
  right: 5px; 
  top: 50%;
  transform: translateY(-50%);
  font-weight: bolder !important; 
  font-size: 1.2em; 
}

.bootstrap-select .bs-ok-default:after{
  display: none !important;
}

.bootstrap-select .dropdown-menu li.active small {
  color: #fff !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}

a.btn.btn-sm.btn-primary.ms-2{
  padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}

.notifyjs-bootstrap-base.notifyjs-bootstrap-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc !important;
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0) !important;
  background-repeat: repeat-x !important;
  border-color: #f5e79e !important;
}

.notifyjs-bootstrap-success{
  color: #468847;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutJREFUeNq0lctPE0Ecx38zu/RFS1EryqtgJFA08YCiMZIAQQ4eRG8eDGdPJiYeTIwHTfwPiAcvXIwXLwoXPaDxkWgQ6islKlJLSQWLUraPLTv7Gme32zoF9KSTfLO7v53vZ3d/M7/fIth+IO6INt2jjoA7bjHCJoAlzCRw59YwHYjBnfMPqAKWQYKjGkfCJqAF0xwZjipQtA3MxeSG87VhOOYegVrUCy7UZM9S6TLIdAamySTclZdYhFhRHloGYg7mgZv1Zzztvgud7V1tbQ2twYA34LJmF4p5dXF1KTufnE+SxeJtuCZNsLDCQU0+RyKTF27Unw101l8e6hns3u0PBalORVVVkcaEKBJDgV3+cGM4tKKmI+ohlIGnygKX00rSBfszz/n2uXv81wd6+rt1orsZCHRdr1Imk2F2Kob3hutSxW8thsd8AXNaln9D7CTfA6O+0UgkMuwVvEFFUbbAcrkcTA8+AtOk8E6KiQiDmMFSDqZItAzEVQviRkdDdaFgPp8HSZKAEAL5Qh7Sq2lIJBJwv2scUqkUnKoZgNhcDKhKg5aH+1IkcouCAdFGAQsuWZYhOjwFHQ96oagWgRoUov1T9kRBEODAwxM2QtEUl+Wp+Ln9VRo6BcMw4ErHRYjH4/B26AlQoQQTRdHWwcd9AH57+UAXddvDD37DmrBBV34WfqiXPl61g+vr6xA9zsGeM9gOdsNXkgpEtTwVvwOklXLKm6+/p5ezwk4B+j6droBs2CsGa/gNs6RIxazl4Tc25mpTgw/apPR1LYlNRFAzgsOxkyXYLIM1V8NMwyAkJSctD1eGVKiq5wWjSPdjmeTkiKvVW4f2YPHWl3GAVq6ymcyCTgovM3FzyRiDe2TaKcEKsLpJvNHjZgPNqEtyi6mZIm4SRFyLMUsONSSdkPeFtY1n0mczoY3BHTLhwPRy9/lzcziCw9ACI+yql0VLzcGAZbYSM5CCSZg1/9oc/nn7+i8N9p/8An4JMADxhH+xHfuiKwAAAABJRU5ErkJggg==) !important; */
}

.is-valid .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.is-valid .input-group-text {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.is-invalid .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.is-invalid .input-group-text {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.CreditorRow td {
  background-color: cornsilk !important; 
}

.fa-calendar:hover {
  cursor: pointer !important;
}

/* table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
  text-align: left !important;
} */

#tbl {
  width: 100% !important;
  /* table-layout: fixed; */
}

table#DebitDetails tr {
  border-bottom: transparent;
}

td.totals{
  text-align: right !important;
}

/* .modal .table.table-sm tbody tr td {
  border-bottom: 1px solid transparent !important;
} */

/* Pagination styling */

/* Existing .pagination styles */

.pagination{
  display: flow-root !important;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* Base disabled styles */
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn,
.selectpicker.disabled,
.selectpicker[disabled],
fieldset[disabled] .selectpicker {
    cursor: not-allowed !important;
    color: #333 !important;
    opacity: 0.65 !important;
    filter: alpha(opacity=65) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    background: #eee !important;
}

/* Explicit disabled styles for btn-secondary */
.btn-secondary.disabled,
.btn-secondary[disabled] {
  cursor: not-allowed !important;
  opacity: 0.65 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

div.btn-group:hover {
  cursor: not-allowed;
}