/* Container Override */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100% !important;
  padding-right: var(--mdb-gutter-x, .75rem) !important;
  padding-left: var(--mdb-gutter-x, .75rem) !important;
  margin-right: auto !important;
  margin-left: auto !important
}

@media(min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px !important
  }
}

@media(min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px !important
  }
}

@media(min-width:900px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 880px !important
  }
}

@media(min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 990px !important
  }
}

@media(min-width:1100px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1090px !important
  }
}

@media(min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1150px !important
  }
}

@media(min-width:1300px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1250px !important
  }
}

@media(min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px !important
  }
}

/* Placeholder */
input.form-control::placeholder {
  opacity: .6;
}

/* Hover text */
.hidden-btn:hover {
  cursor: pointer;
  color: rgb(89, 67, 255);
}

.nav-link {
  color: white !important;
}

.nav-link:hover {
  color: #87d7ff !important;
}

.dt-button {
  margin-top: 10px;
  float: right;
  background-color: #1266f1;
  color: white;
  border: 0px;
  border-radius: 4px;
}

/* Filter Btn */
.filterbtn-theme {
  background-color: #e3ebf7 !important;
  color: #507cc1 !important;
}

/* Readonly select2 */
select[readonly].select2-hidden-accessible+.select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
  display: none;
}

/* Custom combobox jquery ui */
.ui-autocomplete {
  max-height: 200px;
  overflow-y: hidden;
  /* Prevent horizontal scrollbar */
  overflow-x: hidden;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
  height: 200px;
}

/* UI autocomplete modal */
.ui-autocomplete {
  z-index: 2147483647;
}

.table-custom {
  border: 1px solid #e0e0e0 !important;
  padding: 1.5rem !important;
  border-radius: 0.375rem !important;
}

body {
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

body.swal2-height-auto {
  height: 100vh !important;
}

/* Swal.fire */
.swal-wide {
  width: 650px !important;
}

/* Color Scheme */
.bg-primary {
  background-color: #3b71ca !important;
}

.btn-primary {
  background-color: #3b71ca !important;
}

.btn-outline-primary {
  color: #3b71ca !important;
  border-color: #3b71ca !important;
}

.btn-secondary {
  background-color: #7facf7 !important;
}

.page-item.active .page-link {
  background-color: #3b71ca !important;
}

.bg-main {
  background-color: #f8f9fc !important;
}

table.dataTable tbody tr.odd {
  background-color: #ffff !important;
}

table.dataTable tbody tr.even {
  background-color: #f8f8f8 !important;
}

.table-striped {
  --mdb-table-striped-bg: #ffff !important;
}

.swal2-styled.swal2-confirm {
  background-color: #00b74a !important;
}

.text-primary {
  color: #3b71ca !important;
}

.bg-thead {
  background-color: #e3ebf7 !important;
  color: #507cc1 !important;
}

.filterhead {
  background-color: white !important;
}

.filterhead1 {
  background-color: white !important;
}

.filterhead2 {
  background-color: white !important;
}

.filterhead3 {
  background-color: white !important;
}

#myTable_filter {
  padding-bottom: 15px;
}

#myTable1_filter {
  padding-bottom: 15px;
}

#myTable2_filter {
  padding-bottom: 15px;
}

#myTable3_filter {
  padding-bottom: 15px;
}

#myTable4_filter {
  padding-bottom: 15px;
}

#myTable5_filter {
  padding-bottom: 15px;
}

#myTable6_filter {
  padding-bottom: 15px;
}

#myTable7_filter {
  padding-bottom: 15px;
}

#myTable8_filter {
  padding-bottom: 15px;
}

#myTable9_filter {
  padding-bottom: 15px;
}

#myTable10_filter {
  padding-bottom: 15px;
}

#myTable11_filter {
  padding-bottom: 15px;
}

#myTable12_filter {
  padding-bottom: 15px;
}