/* Responsive fixes added for MIS project */
html, body {
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
.navbar .navbar-brand-wrapper {
  min-width: 210px;
}
.navbar .brand-logo img,
.navbar .brand-logo-mini img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
}
.content-wrapper {
  padding: 1rem;
}
.card {
  overflow-wrap: anywhere;
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table td, .table th {
  white-space: nowrap;
  vertical-align: middle;
}
.form-control,
.select2-container,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple,
.btn {
  min-height: 38px;
}
.input-group-text {
  min-height: 38px;
}
.page-title,
.card-title,
h1, h2, h3, h4, h5 {
  overflow-wrap: anywhere;
}
@media (max-width: 991.98px) {
  .content-wrapper {
    padding: 0.75rem;
  }
  .navbar .navbar-brand-wrapper {
    min-width: 160px;
  }
  .navbar .brand-logo img,
  .navbar .brand-logo-mini img {
    max-height: 40px;
  }
  .main-panel {
    width: 100%;
  }
  .card-body {
    padding: 1rem;
  }
}
@media (max-width: 767.98px) {
  .content-wrapper {
    padding: 0.625rem;
  }
  .card-body {
    padding: 0.875rem;
  }
  .table td, .table th {
    font-size: 0.875rem;
  }
  .btn {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .btn.btn-sm,
  .table .btn,
  td .btn,
  .btn-group .btn {
    width: auto;
    margin-bottom: 0;
  }
  .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px;
  }
  .form-row > [class*="col-"] {
    padding-right: 7px;
    padding-left: 7px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row > [class*="col-md-"],
  .row > [class*="col-lg-"] {
    margin-bottom: 0.75rem;
  }
  .footer .d-sm-flex {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .navbar .navbar-brand-wrapper {
    min-width: 140px;
  }
  .navbar .brand-logo img,
  .navbar .brand-logo-mini img {
    max-height: 34px;
  }
  .content-wrapper {
    padding: 0.5rem;
  }
  .card-title {
    font-size: 1rem;
  }
  .table td, .table th {
    padding: 0.5rem;
  }
}