/* ================= Responsive CSS ====================== */


@media (max-width:1199px) {

  .main-content {
    padding: 0px;
  }

}



@media (max-width:991px) {
  body {
    padding: 30px 0px 0px 0px;
    overflow: auto;
  }

  .filter-section {
    padding-left: 0px;
    width: 250px !important;
  }

  .top-bar {
    left: 0px;
    padding: 1px 0px 1px 22px;
  }

  .top-bar h1 {
    font-size: 18px;
  }

  #left-sidebarNav.closeNav {
    position: absolute !important;
    left: -70px !important;
    overflow-y: inherit !important;
  }

  #left-sidebarNav.closeNav .ps-sidebar-container {
    overflow-y: inherit !important;
    overflow-x: inherit !important;
  }

  .closeNav button#nav-toogle {
    right: -45px !important;
    top: 5px !important;
    padding: 0px !important;
    width: 20px;
    height: auto;
  }

  .closeNav .bar1,
  .closeNav .bar2,
  .closeNav .bar3 {
    background-color: #ffffff !important;
    width: 20px !important;
    height: 1px !important;
  }

}




@media (max-width:767px) {

  .header-tabs {
    overflow: auto;
  }

  .header-tabs .nav-tabs {
    display: table;
    padding-bottom: 5px;
  }

  .header-tabs .nav-tabs .nav-item {
    display: table-cell;
    white-space: nowrap;
  }

  .horizontal-tabs {
    overflow: auto;
  }

  .horizontal-tabs .nav-tabs {
    display: table;
    padding-bottom: 5px;
  }

  .horizontal-tabs .nav-tabs .nav-item {
    display: table-cell;
    white-space: nowrap;
  }

  .device-alert-section button,
  .device-alert-section a {
    padding: 0px 0px 0px 8px;
  }

  .device-alert-section .notifications-icon {
    font-size: 20px;
  }

  .device-alert-section .device-alert-badges .notifications-badges-count {
    right: 4px;
    top: -2px;
  }

  .action-btn .action-btn-txt {
    /* display: none; */
  }




}



@media (max-width:576px) {
  .search-with-pagination .input-group {
    width: auto;
  }

  .btn.btn-primary {
    min-width: 60px;
  }

  .details-section {
    width: 90%;
  }

}

/* ================= End Responsive CSS ====================== */