.table-anchor {
  margin-top: 60px;
}

.dataTables_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: visible !important;
}


.table-scroll-area {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
  border-top: 1px solid #e3e9ef;
  scrollbar-width: thin;
  scrollbar-color: #bcbcbc #f8f8f8;
}
.table-scroll-area::-webkit-scrollbar { height: 8px; }
.table-scroll-area::-webkit-scrollbar-thumb { background: #c0c0c0; border-radius: 4px; }


table.dataTable {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}

table.dataTable thead th {
  background: #fff !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  /*font-size: 0.95rem;*/
  border-bottom: none !important;
}


table.dataTable tbody td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  text-align: center; 
  border-bottom: none !important;
 
}

table.dataTable tbody td a{
 color: #337ab7;
 text-decoration: none;
}

.form-check-input:checked {
    background-color: #337ab7;
    border-color: #0d6efd;
}



table.dataTable tbody td:first-child {
  width: 40px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

table.dataTable tbody tr:nth-child(even) {
  background-color: #f9fcff;
}


.dt-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px 10px -1px;
 /* border-bottom: 1px solid #e3e9ef;*/
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 20;
}


.advanced-toolbar {
  display: inline-flex !important;
  align-items: center;
  background: #222C67;
  border-radius: 5px;
  gap: 6px;
  color: #fff;
}
.advanced-toolbar .btn,
.advanced-toolbar .dropdown-toggle {
  border: none !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  padding: 6px 10px;
}


.advanced-toolbar i { font-size: 16px; }


.card-view {
  display: none;
  background: #fff;
  overflow-y: auto;
  margin-top: 8px;
}

.card-view .card {
  border-radius: 6px;
  background: #f7f7f7;
  padding: 16px;
  margin-bottom: 12px;
}
.card-view .card:nth-child(odd) { background: #eaeaea; }

#cardView .card p{
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  line-height: 1.45;
}

#cardView .card p strong{
    width: 440px;
    display: inline-block;
}

#cardView .card a{
 color: #337ab7;
 text-decoration: none;
}

@media (max-width: 992px) {
  .content-wrapper {
    flex-direction: column;
    padding: 10px;
    gap: 15px;
  }

  #sidebar {
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
  }

  .main-content {
    padding-left: 0;
  }

  .card-view {
    display: block;
  }

  .table-scroll-area {
    overflow-x: auto;
  }

  #advancedsearch_wrapper { width: 100% !important; max-width: 100% !important; }
  #advancedsearch { min-width: 850px !important; }
}


.dt-header > .advanced-toolbar {
  order: 1;
}

.dt-header > .dt-info-controls {
  order: 2;
  margin-left: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px;
  flex-wrap: wrap;
}

.dataTables_wrapper .dataTables_info {
  font-size: 1.06rem;
  color: #000;
  order: 1;
}

.dataTables_wrapper .dataTables_length {
  order: 2;
  display: flex !important;
  align-items: center !important;
  gap: 6px;
}

.dataTables_wrapper .dataTables_length select {
  width: auto;
  padding: 3px 20px;
  background-color: #222C67;
  color: white;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length {
  padding-top: 0 !important;
  margin: 0 !important;
}



@media (max-width: 767px) {

  .container,
  .content-wrapper,
  .main-content {
    max-width: 100% !important;
    overflow-x: visible !important;
  }

  .main-content p,
  .content-wrapper p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal !important;
    width: 100% !important;
    padding-right: 8px;
    box-sizing: border-box;
  }

  .dt-header {
    position: sticky !important;
    top: 0 !important;
    padding: 6px 4px !important;
    border-bottom: 1px solid #e3e9ef;
  }


  .dt-header > .advanced-toolbar {
    order: 1 !important;
    margin-right: auto !important;
  }

 
  .dt-header > .dt-info-controls {
    order: 2 !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }


  .dataTables_length select {
    min-width: 60px !important;
  }

  .table-scroll-area {
    display: block;
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e3e9ef;
    border-radius: 6px;
    background: #fff;
  }

  table.dataTable {
    min-width: 700px !important;
    table-layout: auto !important;
  }

  
}

@media (min-width: 768px) and (max-width: 880px) {

  .container,
  .content-wrapper,
  .main-content {
    max-width: 100% !important;
    overflow-x: visible !important;
  }

  .main-content p,
  .content-wrapper p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal !important;
    width: 100% !important;
    padding-right: 8px;
    box-sizing: border-box;
    font-size: 0.95rem;
  }

  .table-scroll-area {
    display: block;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e3e9ef;
    border-radius: 6px;
    background: #fff;
  }

  table.dataTable {
    min-width: 950px !important;
    width: 100% !important;
    table-layout: auto !important;
  }
}

@media (min-width: 881px) {
  .table-scroll-area {
    overflow-x: auto !important;   
    border: none !important;
    background: #fff !important;
  }

  table.dataTable {
    min-width: 100% !important;
    width: 100% !important;
    table-layout: auto !important;
  }

  .main-content p,
  .content-wrapper p {
    padding-right: 0 !important;
    font-size: 1.06rem !important;/*font-size: 1rem !important;*/
    
  }


  #advancedsearch {
    width: 100% !important;
    min-width: 2000px !important; 
    table-layout: auto !important;
  }
}


.table-footer-meta {
  font-size: .9rem;
  font-style: italic;
  color: black;
  line-height: 1.2;
  margin-top: 20px; 
  flex: 50;
  
}


#patentListTable_paginate,
#advancedsearch_paginate {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}


@media (max-width: 767px) {
  .table-footer-meta,
  #patentListTable_paginate {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #patentListTable_paginate {
    justify-content: center;
    margin-top: 6px;
  }
}

.dataTables_wrapper .ellipsis {
  padding: 4px 8px;
  color: #777;
  user-select: none;
}


#searchColumnList {
  position: absolute !important;
  z-index: 99999 !important;
  top: 100%;
  left: 0;
  width: 220px;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.advanced-toolbar,
.dataTables_wrapper {
  overflow: visible !important;
}


#searchColumnList::-webkit-scrollbar {
  width: 6px;
}
#searchColumnList::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}



.dt-footer {
  padding: 10px 0 4px 0;
}



#cardView .card {
  border-radius: 8px;
  background: #f6f6f6;
  width: 100%;
  margin-bottom: 16px;
}


.filter-panel{
  width: 930px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  overflow: visible;

}

.filter-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd;
  font-size: 1.25rem;

}

.dropdown-menu.filter-panel{
 left: -22px !important;
}

.filter-panel .form-label{
  font-size: .90rem;

}

.filter-panel .form-select {
    font-size: .90rem;
}

#applyFilters,
#clearFilters,
#closeFilters{
  background-color: #222C67;
  color: white;
   border: 1px solid rgba(0, 0, 0, 0);
    padding: 6px 27px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
  font-weight: 600;
}



#advancedsearch_wrapper,
#advancedsearch_wrapper .dt-footer,
.table-footer-meta,
.dataTables_wrapper .dataTables_paginate {
  max-width: 1300px !important;      
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--pb-side-pad) !important;
  padding-right: var(--pb-side-pad) !important;
  box-sizing: border-box !important;
}


#advancedsearch {
  width: 100% !important;
  min-width: 1100px !important;
  table-layout: auto !important;
}


#advancedsearch_wrapper .dt-footer {
  padding-top: 18px !important;
}

#advancedsearch_paginate {
  margin-top: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}


#patentListTable_wrapper,
#patentListTable_wrapper, .dt-footer,
.table-footer-meta,
.dataTables_wrapper .dataTables_paginate {
  max-width: 1300px !important;      
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--pb-side-pad) !important;
  padding-right: var(--pb-side-pad) !important;
  box-sizing: border-box !important;
}

a.dropdown-item{
    color: #005ea2 !important;
}


@media (max-width: 600px) {
  .search-row label.search-label {
    text-align: left;
    justify-content: flex-start;
    
  }


  .reset-button {
    padding-left: 14px;
    padding-right: 14px;
  }

}


@media (max-width: 991px) {

  .dt-header {
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .advanced-toolbar {
    width: 50% !important;
    justify-content: center !important;
    margin-bottom: 6px;
  }

  .dt-info-controls {
    width: 100% !important;
    justify-content: center !important;
    gap: 10px !important;
  }


  .dt-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important;
  }

  .table-footer-meta {
    text-align: left !important;
  }

  #advancedsearch_paginate {
    justify-content: flex-end !important;
  }
}


@media (max-width: 600px) {


  .advanced-toolbar {
    display: flex !important;
    overflow-x: auto !important;
    padding: 8px !important;
    width: 70% !important;
    justify-content: flex-start !important;
    scrollbar-width: none;
  }
  .advanced-toolbar::-webkit-scrollbar { display: none; }


  .dt-info-controls {
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
  }


  .dt-footer {
    flex-direction: column !important;
    text-align: center !important;
    gap: 6px !important;
  }

  #advancedsearch_paginate {
    justify-content: center !important;
  }
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td
 {
    border-bottom-width: none !important;
}
/*Uzma*/
@media (max-width: 1366px) {
  table {
    width: 100%;
    overflow-x: auto;
    display: block;
  }
}
.main-content {
  padding: 20px;
  box-sizing: border-box;
}

table {
  width: 100%;
  max-width: calc(100vw - 239.98px - 40px);
}
.dataTables_length select {
  background-color: #2c2c2c;
  color: white;
  border: 1px solid #444;
  padding: 6px 30px 6px 10px;
  border-radius: 4px;
  font-size: 0.9rem;
  

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 14px;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.select2-results__option {
  white-space: normal !important;
  word-wrap: break-word !important;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
}

.select2-container {
  width: 100% !important;
}

.select2-selection {
  min-height: 38px !important;
}

body.adv-fullscreen header,
body.adv-fullscreen .banner-container,
body.adv-fullscreen #sidebar,
body.adv-fullscreen .page-title,
body.adv-fullscreen p:not(#cardView p),
body.adv-fullscreen footer,
body.adv-fullscreen .search-row,
body.adv-fullscreen #advSearch,
body.adv-fullscreen #clearSearch,
body.adv-fullscreen .pb-breadcrumb,
body.adv-fullscreen #glossary-toggle{
  display: none !important;
}


body.adv-fullscreen .main-content,
body.adv-fullscreen .container,
body.adv-fullscreen .container-fluid,
body.adv-fullscreen .page-wrapper,
body.adv-fullscreen .content-wrapper,
body.adv-fullscreen #tableContainer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
}


body.adv-fullscreen .advanced-toolbar {
  margin-top: 10px !important;
}


body.adv-fullscreen .table-anchor {
width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
}


body.adv-fullscreen .table-footer-meta {
  display: none !important;
}


body.adv-fullscreen #advancedsearch_wrapper {
  max-width: 3080px !important;
}