dristi-ui-css 0.0.4-dristi-kerala.3 → 0.0.4-dristi-kerala.4

package/dist/index.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * dristi-ui-css - 0.0.4-dristi-kerala.3
+ * dristi-ui-css - 0.0.4-dristi-kerala.4
  *
  * Copyright (c) 2025 Akshay Kumar <akshay.kumar@beehyv.com>
  * 
@@ -18621,17 +18621,6 @@ body {
   margin-bottom: 0 !important;
   border: 1px solid #000; }
 
-.full-height-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: calc(100vh - 260px);
-  padding-bottom: 10px; }
-
 .filter-bar {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -18735,37 +18724,6 @@ body {
 .filter-bar button.clear-btn:hover {
   background: transparent; }
 
-.main-table-card {
-  background: #fff;
-  border-radius: 12px;
-  -webkit-box-shadow: 0 2px 8px rgba(44, 62, 80, 0.07);
-  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.07);
-  padding: 0 18px 18px;
-  position: relative;
-  overflow: hidden;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column; }
-
-.main-table-card, .table-scroll {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  min-height: 0; }
-
-.table-scroll {
-  overflow: auto; }
-
-.main-table {
-  width: 100%;
-  border-collapse: initial;
-  border-spacing: 0;
-  position: relative; }
-
 .main-table thead {
   position: sticky;
   top: 0;
@@ -18795,13 +18753,6 @@ body {
   color: #0a0a0a;
   text-decoration: underline; }
 
-.status-badge {
-  display: inline-block;
-  padding: 2px 14px;
-  border-radius: 12px;
-  font-size: 16px;
-  font-weight: 500; }
-
 .status-completed {
   background: #e8e8e8;
   color: #3d3c3c; }
@@ -18826,6 +18777,185 @@ body {
   background: #f5f5f5;
   color: #333; }
 
+.advocate-header .info-icon {
+  font-size: 15px;
+  color: #888;
+  cursor: pointer; }
+
+.jk-dropdown-unique {
+  max-height: 300px;
+  overflow-y: auto; }
+
+.date-arrow-btn:disabled {
+  opacity: .5;
+  cursor: not-allowed; }
+
+.date-arrow-btn:hover:not(:disabled) {
+  background: #f5f5f5; }
+
+.home-input input, .home-input .checkbox-wrap .input-emp, .checkbox-wrap .home-input .input-emp, .home-input .digit-checkbox-wrap .input-emp, .digit-checkbox-wrap .home-input .input-emp {
+  margin-bottom: 0 !important;
+  border: 1px solid #000;
+  font-family: Roboto; }
+
+.full-height-container {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: calc(100vh - 260px);
+  padding-bottom: 10px; }
+
+.filter-bar, .full-height-container, .search-bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.filter-bar, .search-bar {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 12px;
+  gap: 12px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: #fff;
+  border-radius: 8px;
+  -webkit-box-shadow: 0 1px 4px rgba(44, 62, 80, 0.06);
+  box-shadow: 0 1px 4px rgba(44, 62, 80, 0.06);
+  margin-bottom: 8px;
+  padding: 0 18px;
+  -ms-flex-negative: 0;
+  flex-shrink: 0; }
+  .filter-bar.search-bar, .search-bar.search-bar {
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end; }
+  .filter-bar.filter-bar, .search-bar.filter-bar {
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; }
+    .filter-bar.filter-bar .filter-fields, .search-bar.filter-bar .filter-fields {
+      -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+      grid-gap: 12px;
+      gap: 12px;
+      -webkit-box-flex: 1;
+      -ms-flex: 1 1 300px;
+      flex: 1 1 300px;
+      min-width: 0; }
+    .filter-bar.filter-bar .filter-actions, .search-bar.filter-bar .filter-actions {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row;
+      grid-gap: 24px;
+      gap: 24px;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      margin-left: 12px; }
+
+@media (max-width: 900px) {
+  .filter-bar {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch; }
+    .filter-bar .filter-fields {
+      width: 100%; }
+    .filter-bar .filter-actions {
+      margin-left: 0;
+      margin-top: 12px;
+      -webkit-box-pack: start;
+      -ms-flex-pack: start;
+      justify-content: flex-start; } }
+
+.main-table-card {
+  background: #fff;
+  border-radius: 12px;
+  -webkit-box-shadow: 0 2px 8px rgba(44, 62, 80, 0.07);
+  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.07);
+  padding: 0 18px 18px;
+  position: relative;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.main-table-card, .table-scroll {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  min-height: 0; }
+
+.table-scroll {
+  overflow: auto; }
+
+.main-table {
+  width: 100%;
+  border-collapse: initial;
+  border-spacing: 0;
+  position: relative; }
+  .main-table thead {
+    position: sticky;
+    top: 0;
+    z-index: 10; }
+  .main-table th {
+    font-weight: 600;
+    font-size: 15px;
+    background: #fff;
+    padding: 12px 8px;
+    border-bottom: 2px solid #e8e8e8;
+    position: relative;
+    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
+    text-align: left; }
+  .main-table .custom-table-row td {
+    padding: 12px 8px;
+    border-bottom: 1px solid #e8e8e8;
+    font-size: 15px;
+    background: #fff;
+    text-align: left; }
+  .main-table .custom-table-row:hover {
+    background: #f6fafd; }
+
+.case-link {
+  color: #0a0a0a !important;
+  text-decoration: underline !important; }
+
+.status-badge {
+  display: inline-block;
+  padding: 2px 14px;
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 500; }
+  .status-badge.status-completed {
+    background: #e8e8e8;
+    color: #3d3c3c; }
+  .status-badge.status-ongoing {
+    background: #fff8e1;
+    color: #574406; }
+  .status-badge.status-passed, .status-badge.status-passed-over {
+    background: #fff6e8;
+    color: #9e400a; }
+  .status-badge.status-scheduled {
+    background: #e5e4f2;
+    color: #28264b; }
+  .status-badge.status-abated {
+    background: #e8e8e8;
+    color: #3d3c3c; }
+  .status-badge.status-default {
+    background: #f5f5f5;
+    color: #333; }
+
 .advocate-header {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -18835,13 +18965,12 @@ body {
   align-items: center;
   grid-gap: 4px;
   gap: 4px; }
+  .advocate-header .info-icon {
+    font-size: 15px;
+    color: #888;
+    cursor: pointer; }
 
-.advocate-header .info-icon {
-  font-size: 15px;
-  color: #888;
-  cursor: pointer; }
-
-.jk-dropdown-unique {
+#jk-dropdown-unique, .jk-dropdown-unique {
   max-height: 300px;
   overflow-y: auto; }
 
@@ -18873,13 +19002,76 @@ body {
   -webkit-transition: background .2s,color .2s;
   transition: background .2s,color .2s;
   padding: 0; }
+  .date-arrow-btn:disabled {
+    opacity: .5;
+    cursor: not-allowed; }
+  .date-arrow-btn:hover:not(:disabled) {
+    background: #f5f5f5; }
 
-.date-arrow-btn:disabled {
-  opacity: .5;
-  cursor: not-allowed; }
+.filter-fields .select-wrap {
+  width: 160px !important; }
 
-.date-arrow-btn:hover:not(:disabled) {
-  background: #f5f5f5; }
+.filter-actions .home-search-btn {
+  font-weight: 700;
+  padding: 8px 24px;
+  border: 1px solid #77787b;
+  font-size: 14px;
+  background: #fff;
+  height: 40px; }
+
+.filter-actions .home-clear-btn {
+  border: 0;
+  background: #fff;
+  color: #222; }
+
+.filter-actions .home-input:focus, .filter-actions .home-input input, .filter-actions .home-input .checkbox-wrap .input-emp, .checkbox-wrap .filter-actions .home-input .input-emp, .filter-actions .home-input .digit-checkbox-wrap .input-emp, .digit-checkbox-wrap .filter-actions .home-input .input-emp {
+  border: 0; }
+
+.filter-actions .search-input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: 1px solid #77787b;
+  padding: 0 8px;
+  height: 40px; }
+
+@media screen and (max-width: 1330px) {
+  .filter-actions .home-input {
+    width: 90px; }
+  .filter-bar .filter-actions {
+    grid-gap: 8px;
+    gap: 8px; } }
+
+.table-pagination {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 16px 8px;
+  grid-gap: 24px;
+  gap: 24px;
+  font-family: Roboto,sans-serif;
+  font-size: 16px; }
+  .table-pagination .pagination-info {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    grid-gap: 8px;
+    gap: 8px; }
+    .table-pagination .pagination-info select {
+      padding: 4px;
+      font-size: 14px; }
 
 .review-card-main {
   width: 100%;