@media (max-width:1425px) {
.autogrid{ grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));}

.report_cost_item{ padding: 10px 5px 10px 7px;}
.task_bill_item{ padding: 10px 70px 10px 10px;}
.task_bill_item h6 { margin: 0 0 7px; line-height: 10px;}
}

@media (max-width:1279px) {
.autogrid { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}

.main-header{ background: #fff; padding: 0 0 0 44px;}
.main-header > .navbar{ padding-left: 0; position: static;}
.main-header .sidebar-toggle { margin:0; transform: scale(-1); filter: brightness(0) invert(0); display: flex; position: absolute; left: 0; padding: 0 15px; top: 0; height: 100%; align-items: center;}
.sidebar-collapse .main-header .sidebar-toggle{ transform: scale(1);}
.main-header .logo{ padding: 17px 20px 20px 0; width: 113px; min-width: 113px;}
.main-header .logo .logo-lg.light{ display: none;}
.main-header .logo .logo-lg.dark{ display: flex;}
}

@media (max-width:1199px) {
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

.report_cost_item { padding: 8px 8px 6px 8px;}
}

/************ Main **************/
@media (max-width: 991px) {
html { -webkit-text-size-adjust:none;}

h1{ font-size: 20px;}
h2{ font-size: 18px;}
h3{ font-size: 16px;}
h4{ font-size: 15px;}

.nav_right .top_links > li > a span{ display: none;}
.nav_right .top_links > li.btnspace > a{ min-width: 36px; padding: 5px;}
.nav_right .top_links > li.btnspace.dark > a{ border-color: #F3F5F7; background: transparent; color:#292C30;}
.nav_right .top_links > li.btnspace.dark > a:hover{ color:#43BD8D; border-color: #E1E1E1;}

.theme-datatable table.dataTable > thead > tr > th, .theme-datatable table.dataTable > thead > tr > td{ padding: 6px 5px; line-height: normal;}
.theme-datatable table.dataTable > thead > tr > th:first-child{ padding-left: 10px;}
.theme-datatable table.dataTable > thead > tr > th:last-child{ padding-right: 10px;}
.theme-datatable table.dataTable > tbody > tr > td{ padding: 6px 5px; line-height: normal;}
.theme-datatable table.dataTable > tbody > tr > td:first-child{ padding-left: 10px;}
.theme-datatable table.dataTable > tbody > tr > td:last-child{ padding-right: 10px;}

.stock_table_group .middle-table{ border-left: none; border-right: none;}
.stock_table_group .first-table h4{ border-radius:10px 10px 0 0;}
.stock_table_group .middle-table h4{ border-radius:10px 10px 0 0;}
.stock_table_group .last-table h4{ border-radius:10px 10px 0 0;}
.stock_table_group .theme-table > thead > tr > th:first-child{ border-radius:0 0 0 10px !important;}
.stock_table_group .theme-table > thead > tr > th:last-child{ border-radius:0 0 10px 0 !important;}

.btnspace.dropdown > .dropdown-toggle::after { display: none;}
}

@media (max-width: 767px) {
  .main-header .logo { padding: 17px 10px 20px 0; width: 103px; min-width: 103px;}
  .main-header > .navbar{ padding-right: 13px;}
  .nav_right{ flex: 1 0 0; margin: 0; display: flex; align-items: center; justify-content: flex-end;}
  .nav_right .top_links > li{ margin-left: 4px;}
  .nav_right .top_links li.acount-menu span{ display: none;}
  .apphub-dropdown .dropdown-menu { right: -80px; left: auto; transform: inherit;}
  .apphub-dropdown .dropdown-menu::after, .apphub-dropdown .dropdown-menu::before { right: 89px; margin-left: 0; left: auto;}
  .apphub-dropdown .dropdown-menu::before { margin-right: -1px;}
  .burger-offcanvas .select_top .select2-container{ width: 100% !important;}
  .burger-offcanvas .nav_right .top_links{ flex: 1 0 0; display: block;}
  .burger-offcanvas .nav_right .top_links > li{ margin: 10px 0 0;}
  .burger-offcanvas .nav_right .top_links > li.btnspace > a span{ display: block;}

  .autogrid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
  .main-footer p{ line-height: normal;}
  .main-footer p img { margin-right: 6px;}

  .stock-dash-tabs{ gap: 8px;}

  .theme-datatable{ padding: 1px 20px 5px;}
  .theme-datatable div.dt-container .dt-search label[for="dt-search-0"]{ display: none;}
  .theme-datatable div.dt-container .dt-search > .dt-input{ width: 100%; min-width: 100%; margin: 0;}
  .filter-popup{ width: 100%; min-width: 100%;}
  .po-nav-pills{ gap: 5px;}
  .po-nav-pills .nav-item .nav-link{ padding: 8px 11px;}
  .theme-datatable div.dt-container .dt-info{ margin-bottom: 0 !important;}
  .theme-datatable .dt-layout-table ~ .dt-layout-row .dt-layout-cell{ margin-top: 7px;}

  .upload-img-grid { grid-template-columns: repeat(3,1fr); gap: 18px;}

  .po-accordion .accordion-button{ padding-right: 10px;}
  .po-accordion .accordion-button::after { width: 14px; height: 14px; background-size: 100% 100%;}
  .po-accordion .accordion-header .upload-img-prew{ right: 35px;}
  .po-accordion .accordion-header .upload-img-prew + .accordion-button::after { margin-left: 50px;}
  #panelsStayOpen-collapseTwo .responsive-tabs.pt-15{ padding-top: 0;}
  #panelsStayOpen-collapseTwo .responsive-tabs.pt-15 > .border-top{ border-top: none !important;}

  .form-slct-with-btn.form-group .select2-container--default .select2-selection--multiple{ padding-left: 12px; padding-right: 89px;}

  
.nav-tabs-style2.flex-nowrap{ overflow: auto; padding: 0; gap: 5px; margin-bottom: 50px !important;}
.nav-tabs-style2.flex-nowrap li .nav-link{ line-height: normal; font-size: 12px; min-height: 39px; display: flex; align-items: flex-end;}
.exp_right{ right: auto; left: 15px; top: 70px;}

/*----------------------- 24-April-25  */
.blog_item .detail{ flex-grow: inherit; align-items: flex-start; justify-content: flex-start; flex-direction: column;}

/* 08-08-25 */
.theme-datatable.special-datatable{ padding-top: 10px;}
}

/************ iphone **************/
@media (max-width:575px) {

  .filter-popup{ padding: 35px 7px 10px;}
  .filter-popup .filter_block{ gap: 5px;}

  .removebel-block .block-head{ padding-right: 40px;}
  .upload-img-grid { grid-template-columns: repeat(2,1fr); gap: 18px;}
   /*----------------------- 24-April-25  */
   .blog_item{ flex-wrap: wrap;}
   .blog_item .detail{ width: 100%;}
   .blog_item figure{ width: 100%; min-width: auto;}

   .special-datatable div.dt-container .top{ flex-direction: column; align-items:center;}
   .special-datatable div.dt-container .dt-search > .dt-input{ margin-top: 10px !important;}
}

.tab-btn {
  border-radius: 0;
  border: 1px solid #ccc;
  margin-right: 5px;
}

.tab-btn.active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

.tab-btn:focus {
  box-shadow: none;
}

.tab-btn:hover {
  cursor: pointer;
}

.clickable-row, .edit-row {
  cursor: pointer;
}