/* Safe mobile and PWA polish for the existing admin without changing layout logic. */
:root {
  --mrunal-theme-color: #1f6fb8;
}

html,
body {
  max-width: 100%;
}

@media (max-width: 767px) {
  .mrunal-ticker {
    display: none;
  }

  .main-header .logo img,
  .login-logo img,
  .design-develop img {
    max-width: 100%;
    height: auto;
  }

  .navbar-custom-menu .user-menu > a .hidden-xs {
    display: none !important;
  }

  .content {
    padding: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .box-body,
  .table-responsive,
  .dataTables_wrapper,
  .select2-container {
    max-width: 100%;
  }

  .box-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .content table,
  .box-body table,
  table.dataTable {
    white-space: nowrap;
  }

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    text-align: left !important;
  }

  .form-control,
  .select2-container .select2-selection--single,
  .select2-container .select2-selection--multiple {
    min-height: 40px;
    font-size: 16px;
  }
}

@media (display-mode: standalone) {
  .main-header {
    padding-top: env(safe-area-inset-top);
  }
}