dristi-ui-css 0.0.3-dristi-kerala.9 → 0.0.4-dristi-kerala.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * dristi-ui-css - 0.0.3-dristi-kerala.9
3
+ * dristi-ui-css - 0.0.4-dristi-kerala.1
4
4
  *
5
5
  * Copyright (c) 2025 Akshay Kumar <akshay.kumar@beehyv.com>
6
6
  *
@@ -12490,6 +12490,221 @@ body {
12490
12490
  line-height: 18.75px;
12491
12491
  text-align: center; }
12492
12492
 
12493
+ .custom-date-selector-modal-main-v2 {
12494
+ border-radius: 25px; }
12495
+ .custom-date-selector-modal-main-v2 .header-wrap {
12496
+ display: none; }
12497
+
12498
+ .popup-module-main.custom-date-selector-modal-v2 {
12499
+ padding: 0 !important; }
12500
+
12501
+ .custom-date-selector-modal-v2 {
12502
+ width: 626px; }
12503
+ .custom-date-selector-modal-v2 .custom-calendar-v2 {
12504
+ background: #f4f4f4;
12505
+ border-radius: 25px; }
12506
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrCalendarWrapper {
12507
+ background-color: #f4f4f4;
12508
+ margin-top: 20px; }
12509
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical {
12510
+ width: 100%;
12511
+ padding: 0 24px; }
12512
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth {
12513
+ width: 100% !important; }
12514
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrWeekDays {
12515
+ margin-bottom: 16px; }
12516
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrWeekDays .rdrWeekDay {
12517
+ font-family: Inter;
12518
+ font-weight: 500;
12519
+ font-size: 20px;
12520
+ line-height: 100%;
12521
+ color: #6d6d6d !important; }
12522
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays {
12523
+ grid-row-gap: 16px;
12524
+ row-gap: 16px; }
12525
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay {
12526
+ -ms-flex-preferred-size: 14.28571% !important;
12527
+ flex-basis: 14.28571% !important;
12528
+ height: 70px !important;
12529
+ -webkit-box-align: start !important;
12530
+ -ms-flex-align: start !important;
12531
+ align-items: flex-start !important;
12532
+ background-color: initial !important; }
12533
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay.rdrDayHovered .rdrDayNumber {
12534
+ height: 70px !important;
12535
+ width: 70px !important;
12536
+ border: none !important; }
12537
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber:after, .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrSelected {
12538
+ display: none !important; }
12539
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .custom-day {
12540
+ height: 100%;
12541
+ display: -webkit-box;
12542
+ display: -ms-flexbox;
12543
+ display: flex;
12544
+ grid-gap: 4px;
12545
+ gap: 4px;
12546
+ -webkit-box-orient: vertical;
12547
+ -webkit-box-direction: normal;
12548
+ -ms-flex-direction: column;
12549
+ flex-direction: column; }
12550
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .custom-day .hearing-count {
12551
+ margin: 0;
12552
+ font-family: Inter;
12553
+ font-weight: 400;
12554
+ font-size: 14px;
12555
+ line-height: 100%;
12556
+ letter-spacing: 0;
12557
+ white-space: nowrap;
12558
+ overflow: hidden;
12559
+ text-overflow: ellipsis; }
12560
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .non-working-day, .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day {
12561
+ border-radius: 50px;
12562
+ height: 51px;
12563
+ width: 70px;
12564
+ display: -webkit-box;
12565
+ display: -ms-flexbox;
12566
+ display: flex;
12567
+ -webkit-box-align: center;
12568
+ -ms-flex-align: center;
12569
+ align-items: center;
12570
+ -webkit-box-pack: center;
12571
+ -ms-flex-pack: center;
12572
+ justify-content: center;
12573
+ position: relative; }
12574
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .non-working-day .non-working-day-text.current-month, .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .non-working-day .working-day-text.current-month, .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day .non-working-day-text.current-month, .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day .working-day-text.current-month {
12575
+ font-family: Inter;
12576
+ font-weight: 700;
12577
+ font-size: 20px;
12578
+ line-height: 100%;
12579
+ color: #494949; }
12580
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .non-working-day {
12581
+ background-color: #ebebeb; }
12582
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .non-working-day.selected-date {
12583
+ background-color: #007e7e !important; }
12584
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .non-working-day.selected-date .current-month {
12585
+ color: #fff !important; }
12586
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day.current-month.selected-date {
12587
+ background-color: #007e7e !important; }
12588
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day.current-month.selected-date .working-day-text {
12589
+ color: #fff !important; }
12590
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day.current-month.slot-available {
12591
+ background-color: #e6f5e6;
12592
+ border: .5px solid #32a74c; }
12593
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day.current-month.opted-out {
12594
+ background-color: #ffebee;
12595
+ border: .5px solid #ffa0a0; }
12596
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .working-day.current-month.slots-full {
12597
+ background-color: #fff;
12598
+ border: .5px solid #e2e2e2; }
12599
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .past-date {
12600
+ border: none !important;
12601
+ background: transparent !important; }
12602
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .past-date .non-working-day-text, .custom-date-selector-modal-v2 .custom-calendar-v2 .rdrMonths.rdrMonthsVertical .rdrMonth .rdrDays .rdrDay .rdrDayNumber .past-date .working-day-text {
12603
+ color: #a0a0a0 !important; }
12604
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator {
12605
+ border-bottom: 1px solid #dcdcdc;
12606
+ padding: 0 24px 18px; }
12607
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-navigator-text {
12608
+ font-family: Roboto;
12609
+ font-weight: 700;
12610
+ font-size: 30px;
12611
+ line-height: 100%;
12612
+ letter-spacing: 0;
12613
+ color: #007e7e; }
12614
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-navigator-buttons {
12615
+ grid-gap: 10px;
12616
+ gap: 10px; }
12617
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-left-arrow, .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-right-arrow, .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-navigator-buttons {
12618
+ display: -webkit-box;
12619
+ display: -ms-flexbox;
12620
+ display: flex;
12621
+ -webkit-box-align: center;
12622
+ -ms-flex-align: center;
12623
+ align-items: center; }
12624
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-left-arrow, .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-right-arrow {
12625
+ background: #007e7e;
12626
+ padding: 0;
12627
+ margin: 0;
12628
+ height: 40px;
12629
+ width: 40px;
12630
+ border-radius: 50%;
12631
+ -webkit-box-shadow: none;
12632
+ box-shadow: none;
12633
+ -webkit-box-pack: center;
12634
+ -ms-flex-pack: center;
12635
+ justify-content: center; }
12636
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-left-arrow svg, .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-right-arrow svg {
12637
+ margin: 0; }
12638
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-left-arrow svg path, .custom-date-selector-modal-v2 .custom-calendar-v2 .custom-navigator .custom-calendar-right-arrow svg path {
12639
+ stroke: #fff; }
12640
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend-wrapper {
12641
+ margin: 0 24px;
12642
+ border-top: 1px solid #d7d7d7;
12643
+ padding-top: 16px;
12644
+ padding-bottom: 24px; }
12645
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend {
12646
+ background-color: #f3f6f9;
12647
+ border-radius: 8px;
12648
+ padding: 8px;
12649
+ grid-gap: 12px;
12650
+ gap: 12px;
12651
+ display: -webkit-box;
12652
+ display: -ms-flexbox;
12653
+ display: flex;
12654
+ -webkit-box-orient: vertical;
12655
+ -webkit-box-direction: normal;
12656
+ -ms-flex-direction: column;
12657
+ flex-direction: column; }
12658
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend .legend-color-indicator {
12659
+ height: 34px;
12660
+ width: 43px;
12661
+ border-radius: 33.33px;
12662
+ border: .67px solid #ccc; }
12663
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend .legend-color-indicator.slot-available {
12664
+ background-color: #e6f5e6;
12665
+ border-color: #4caf50; }
12666
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend .legend-color-indicator.opted-out {
12667
+ background-color: #ffebee;
12668
+ border-color: #f44336; }
12669
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend .legend-color-indicator.slots-full {
12670
+ background-color: #fff;
12671
+ border-color: #9e9e9e; }
12672
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .calendar-legend .legend-color-indicator.court-non-working {
12673
+ background-color: #f5f5f5;
12674
+ border-color: #757575; }
12675
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .legend-title {
12676
+ display: -webkit-box;
12677
+ display: -ms-flexbox;
12678
+ display: flex;
12679
+ -webkit-box-align: center;
12680
+ -ms-flex-align: center;
12681
+ align-items: center;
12682
+ grid-gap: 8px;
12683
+ gap: 8px;
12684
+ font-weight: 700;
12685
+ font-size: 16px;
12686
+ margin-bottom: 12px;
12687
+ color: #0b0c0c; }
12688
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .legend-title svg {
12689
+ fill: #007bff; }
12690
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .legend-items {
12691
+ -ms-flex-wrap: wrap;
12692
+ flex-wrap: wrap;
12693
+ grid-gap: 16px;
12694
+ gap: 16px; }
12695
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .legend-item, .custom-date-selector-modal-v2 .custom-calendar-v2 .legend-items {
12696
+ display: -webkit-box;
12697
+ display: -ms-flexbox;
12698
+ display: flex; }
12699
+ .custom-date-selector-modal-v2 .custom-calendar-v2 .legend-item {
12700
+ -webkit-box-align: center;
12701
+ -ms-flex-align: center;
12702
+ align-items: center;
12703
+ grid-gap: 8px;
12704
+ gap: 8px;
12705
+ font-size: 14px;
12706
+ color: #505050; }
12707
+
12493
12708
  .schedule-admission-select-participants-modal {
12494
12709
  width: 670px;
12495
12710
  border-radius: 5px; }
@@ -16332,6 +16547,277 @@ body {
16332
16547
  height: 40px;
16333
16548
  cursor: pointer; }
16334
16549
 
16550
+ .view-case-file-new-wrapper {
16551
+ display: -webkit-box;
16552
+ display: -ms-flexbox;
16553
+ display: flex;
16554
+ background-color: #f9fafb;
16555
+ height: calc(100vh - 80px); }
16556
+ .view-case-file-new-wrapper .scrollable-container {
16557
+ overflow-y: auto;
16558
+ overflow-x: hidden;
16559
+ height: calc(100% - 57px);
16560
+ scrollbar-width: thin;
16561
+ scrollbar-color: #c5c5c5 #f9fafb;
16562
+ direction: rtl; }
16563
+ .view-case-file-new-wrapper .scrollable-container > * {
16564
+ direction: ltr; }
16565
+ .view-case-file-new-wrapper .scrollable-container::-webkit-scrollbar {
16566
+ width: 8px; }
16567
+ .view-case-file-new-wrapper .scrollable-container::-webkit-scrollbar-track {
16568
+ background: #f9fafb; }
16569
+ .view-case-file-new-wrapper .scrollable-container::-webkit-scrollbar-thumb {
16570
+ background-color: #c5c5c5;
16571
+ border-radius: 4px; }
16572
+ .view-case-file-new-wrapper .scrollable-container::-webkit-scrollbar-thumb:hover {
16573
+ background: #555; }
16574
+ .view-case-file-new-wrapper .menu-item-container {
16575
+ display: -webkit-box;
16576
+ display: -ms-flexbox;
16577
+ display: flex;
16578
+ -webkit-box-align: center;
16579
+ -ms-flex-align: center;
16580
+ align-items: center;
16581
+ -webkit-box-pack: justify;
16582
+ -ms-flex-pack: justify;
16583
+ justify-content: space-between;
16584
+ padding: 8px 16px;
16585
+ min-height: 47px;
16586
+ cursor: pointer;
16587
+ border-bottom: 1px solid #e8e8e8; }
16588
+ .view-case-file-new-wrapper .menu-item-container .menu-item-container.selected {
16589
+ background-color: #e8e8e8; }
16590
+ .view-case-file-new-wrapper .menu-item-title {
16591
+ display: -webkit-box;
16592
+ display: -ms-flexbox;
16593
+ display: flex;
16594
+ -webkit-box-align: start;
16595
+ -ms-flex-align: start;
16596
+ align-items: flex-start;
16597
+ grid-gap: 8px;
16598
+ gap: 8px;
16599
+ line-height: 1.4;
16600
+ word-break: break-word;
16601
+ font-family: Roboto;
16602
+ font-size: 16px;
16603
+ line-height: 1.2; }
16604
+ .view-case-file-new-wrapper .menu-item-icon {
16605
+ margin-left: 8px; }
16606
+ .view-case-file-new-wrapper .menu-item-number {
16607
+ -ms-flex-negative: 0;
16608
+ flex-shrink: 0;
16609
+ text-align: right; }
16610
+ .view-case-file-new-wrapper .menu-item-text {
16611
+ word-break: break-word; }
16612
+ .view-case-file-new-wrapper .menu-item-text, .view-case-file-new-wrapper .sidebar-panel {
16613
+ -webkit-box-flex: 1;
16614
+ -ms-flex: 1;
16615
+ flex: 1; }
16616
+ .view-case-file-new-wrapper .sidebar-panel {
16617
+ width: 280px;
16618
+ border-right: 1px solid #e5e7eb;
16619
+ display: -webkit-box;
16620
+ display: -ms-flexbox;
16621
+ display: flex;
16622
+ -webkit-box-orient: vertical;
16623
+ -webkit-box-direction: normal;
16624
+ -ms-flex-direction: column;
16625
+ flex-direction: column;
16626
+ height: 100%; }
16627
+ .view-case-file-new-wrapper .sidebar-header, .view-case-file-new-wrapper .sidebar-panel {
16628
+ background-color: #f9fafb;
16629
+ position: sticky;
16630
+ top: 0; }
16631
+ .view-case-file-new-wrapper .sidebar-header {
16632
+ font-size: 24px;
16633
+ font-weight: 700;
16634
+ font-family: Roboto,sans-serif;
16635
+ line-height: 100%;
16636
+ letter-spacing: 0;
16637
+ color: #1f2937;
16638
+ padding: 20px;
16639
+ border-bottom: 1px solid #e5e7eb;
16640
+ z-index: 10; }
16641
+ .view-case-file-new-wrapper .doc-viewer-container {
16642
+ -webkit-box-flex: 4;
16643
+ -ms-flex: 4;
16644
+ flex: 4;
16645
+ padding: 16px;
16646
+ overflow-y: auto;
16647
+ height: 100%;
16648
+ scrollbar-width: thin;
16649
+ scrollbar-color: #c5c5c5 #f9fafb; }
16650
+ .view-case-file-new-wrapper .doc-viewer-container .docviewer-wrapper {
16651
+ margin-top: 0 !important; }
16652
+ .view-case-file-new-wrapper .context-menu {
16653
+ position: fixed;
16654
+ background-color: #fff;
16655
+ border: 1px solid #ccc;
16656
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
16657
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
16658
+ z-index: 9999; }
16659
+
16660
+ .bottom-drawer-wrapper {
16661
+ position: fixed;
16662
+ bottom: 0;
16663
+ left: 0;
16664
+ right: 0;
16665
+ z-index: 1000; }
16666
+ .bottom-drawer-wrapper .bottom-drawer-overlay {
16667
+ top: 0;
16668
+ background-color: rgba(0, 0, 0, 0.5); }
16669
+ .bottom-drawer-wrapper .bottom-drawer, .bottom-drawer-wrapper .bottom-drawer-overlay {
16670
+ position: fixed;
16671
+ left: 0;
16672
+ right: 0;
16673
+ bottom: 0; }
16674
+ .bottom-drawer-wrapper .bottom-drawer {
16675
+ background: #fff;
16676
+ border-radius: 16px 16px 0 0;
16677
+ padding: 24px 0 24px 24px;
16678
+ max-height: calc(100vh - 90px);
16679
+ opacity: 0;
16680
+ visibility: hidden; }
16681
+ .bottom-drawer-wrapper .bottom-drawer.open {
16682
+ opacity: 1;
16683
+ visibility: visible;
16684
+ -webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
16685
+ box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08); }
16686
+ .bottom-drawer-wrapper .bottom-drawer .drawer-header .header-content {
16687
+ display: -webkit-box;
16688
+ display: -ms-flexbox;
16689
+ display: flex;
16690
+ grid-gap: 8px;
16691
+ gap: 8px; }
16692
+ .bottom-drawer-wrapper .bottom-drawer .drawer-header .header-content h2 {
16693
+ margin: 0;
16694
+ font-family: Roboto;
16695
+ font-weight: 700;
16696
+ font-size: 24px;
16697
+ line-height: 100%;
16698
+ letter-spacing: 0;
16699
+ color: #231f20; }
16700
+ .bottom-drawer-wrapper .bottom-drawer .drawer-header .header-content .drawer-close-button {
16701
+ background: none;
16702
+ border: none;
16703
+ cursor: pointer;
16704
+ padding: 4px; }
16705
+ .bottom-drawer-wrapper .bottom-drawer .drawer-header .header-content .drawer-close-button svg {
16706
+ width: 16px;
16707
+ height: 16px; }
16708
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content {
16709
+ grid-gap: 32px;
16710
+ gap: 32px;
16711
+ display: -webkit-box;
16712
+ display: -ms-flexbox;
16713
+ display: flex;
16714
+ -webkit-box-orient: vertical;
16715
+ -webkit-box-direction: normal;
16716
+ -ms-flex-direction: column;
16717
+ flex-direction: column;
16718
+ margin: 0 0 16px;
16719
+ padding-right: 16px;
16720
+ max-height: calc(100vh - 264px);
16721
+ overflow-y: auto; }
16722
+ .open .bottom-drawer-wrapper .bottom-drawer .drawer-content {
16723
+ opacity: 1; }
16724
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section {
16725
+ display: -webkit-box;
16726
+ display: -ms-flexbox;
16727
+ display: flex;
16728
+ -webkit-box-orient: vertical;
16729
+ -webkit-box-direction: normal;
16730
+ -ms-flex-direction: column;
16731
+ flex-direction: column;
16732
+ grid-gap: 16px;
16733
+ gap: 16px;
16734
+ padding: 16px;
16735
+ border: 1px solid #e8e8e8; }
16736
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .custom-textarea-style textarea {
16737
+ width: 100%;
16738
+ height: 148px; }
16739
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .custom-textarea-style textarea:focus {
16740
+ outline: none;
16741
+ border: none;
16742
+ -webkit-box-shadow: none;
16743
+ box-shadow: none; }
16744
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .custom-textarea-style .cell-text {
16745
+ display: none; }
16746
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .order-date-picker {
16747
+ border-color: #566056 !important; }
16748
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section {
16749
+ display: -webkit-box;
16750
+ display: -ms-flexbox;
16751
+ display: flex;
16752
+ grid-gap: 16px;
16753
+ gap: 16px;
16754
+ -webkit-box-pack: justify;
16755
+ -ms-flex-pack: justify;
16756
+ justify-content: space-between; }
16757
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .case-label-field-pair {
16758
+ -webkit-box-flex: 1;
16759
+ -ms-flex: 1;
16760
+ flex: 1;
16761
+ width: 100%; }
16762
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .case-label-field-pair.disabled .select-wrap {
16763
+ background-color: #d9d9d9;
16764
+ cursor: not-allowed; }
16765
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .case-label-field-pair.disabled .multi-select-dropdown-wrap {
16766
+ background-color: #d9d9d9;
16767
+ cursor: not-allowed; }
16768
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .case-label-field-pair.disabled .order-date-picker {
16769
+ border-color: #a6abae !important; }
16770
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .master, .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .select {
16771
+ height: 42px; }
16772
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .radio-wrap {
16773
+ margin: 0 !important; }
16774
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .drawer-sub-section-title {
16775
+ font-family: Roboto;
16776
+ font-weight: 700;
16777
+ font-size: 24px;
16778
+ line-height: 100%;
16779
+ letter-spacing: 0;
16780
+ color: #231f20;
16781
+ margin: 0; }
16782
+ .bottom-drawer-wrapper .bottom-drawer .drawer-content .drawer-section .drawer-sub-section .custom-date-picker {
16783
+ margin-bottom: 0 !important; }
16784
+ .bottom-drawer-wrapper .bottom-drawer .drawer-footer {
16785
+ display: -webkit-box;
16786
+ display: -ms-flexbox;
16787
+ display: flex;
16788
+ -webkit-box-pack: end;
16789
+ -ms-flex-pack: end;
16790
+ justify-content: flex-end;
16791
+ grid-gap: 16px;
16792
+ gap: 16px;
16793
+ padding-top: 32px;
16794
+ padding-right: 32px; }
16795
+ .bottom-drawer-wrapper .bottom-drawer .drawer-footer .order-drawer-save-btn {
16796
+ padding: 12px;
16797
+ -webkit-box-shadow: none;
16798
+ box-shadow: none; }
16799
+
16800
+ .confirm-end-hearing-modal {
16801
+ width: 896px !important; }
16802
+ .confirm-end-hearing-modal .checkbox-wrap .custom-checkbox, .confirm-end-hearing-modal .checkbox-wrap .custom-checkbox-emp {
16803
+ margin: 8px 0 0; }
16804
+
16805
+ .selector-button-primary.end-and-view-causelist-button {
16806
+ background: #fff;
16807
+ -webkit-box-shadow: none;
16808
+ box-shadow: none;
16809
+ border: 1px solid #007e7e; }
16810
+ .selector-button-primary.end-and-view-causelist-button h2 {
16811
+ color: #007e7e;
16812
+ font-family: Roboto;
16813
+ font-weight: 700;
16814
+ font-size: 16px;
16815
+ line-height: 100%; }
16816
+
16817
+ .end-and-view-causelist-submit-button {
16818
+ background: #bb2c2f !important;
16819
+ border: none !important; }
16820
+
16335
16821
  .hearing-side-card {
16336
16822
  display: -webkit-box;
16337
16823
  display: -ms-flexbox;
@@ -18107,6 +18593,270 @@ body {
18107
18593
  transform: translate(-50%, -50%);
18108
18594
  font-weight: 700; }
18109
18595
 
18596
+ .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 {
18597
+ margin-bottom: 0 !important;
18598
+ border: 1px solid #000; }
18599
+
18600
+ .full-height-container {
18601
+ display: -webkit-box;
18602
+ display: -ms-flexbox;
18603
+ display: flex;
18604
+ -webkit-box-orient: vertical;
18605
+ -webkit-box-direction: normal;
18606
+ -ms-flex-direction: column;
18607
+ flex-direction: column;
18608
+ height: calc(100vh - 260px);
18609
+ padding-bottom: 10px; }
18610
+
18611
+ .filter-bar {
18612
+ -ms-flex-wrap: wrap;
18613
+ flex-wrap: wrap;
18614
+ -webkit-box-align: center;
18615
+ -ms-flex-align: center;
18616
+ align-items: center;
18617
+ background: #fff;
18618
+ border-radius: 8px;
18619
+ -webkit-box-shadow: 0 1px 4px rgba(44, 62, 80, 0.06);
18620
+ box-shadow: 0 1px 4px rgba(44, 62, 80, 0.06);
18621
+ padding: 16px 18px;
18622
+ margin-bottom: 8px;
18623
+ -webkit-box-pack: justify;
18624
+ -ms-flex-pack: justify;
18625
+ justify-content: space-between;
18626
+ -ms-flex-negative: 0;
18627
+ flex-shrink: 0; }
18628
+
18629
+ .filter-bar, .filter-bar .filter-fields {
18630
+ display: -webkit-box;
18631
+ display: -ms-flexbox;
18632
+ display: flex;
18633
+ -ms-flex-wrap: wrap;
18634
+ grid-gap: 12px;
18635
+ gap: 12px; }
18636
+
18637
+ .filter-bar .filter-fields {
18638
+ -ms-flex-wrap: wrap;
18639
+ flex-wrap: wrap;
18640
+ -webkit-box-flex: 1;
18641
+ -ms-flex: 1 1 300px;
18642
+ flex: 1 1 300px;
18643
+ min-width: 0; }
18644
+
18645
+ .filter-bar .filter-actions {
18646
+ display: -webkit-box;
18647
+ display: -ms-flexbox;
18648
+ display: flex;
18649
+ -webkit-box-orient: horizontal;
18650
+ -webkit-box-direction: normal;
18651
+ -ms-flex-direction: row;
18652
+ flex-direction: row;
18653
+ grid-gap: 8px;
18654
+ gap: 8px;
18655
+ -webkit-box-align: center;
18656
+ -ms-flex-align: center;
18657
+ align-items: center;
18658
+ margin-left: 12px; }
18659
+
18660
+ @media (max-width: 900px) {
18661
+ .filter-bar {
18662
+ -webkit-box-orient: vertical;
18663
+ -webkit-box-direction: normal;
18664
+ -ms-flex-direction: column;
18665
+ flex-direction: column;
18666
+ -webkit-box-align: stretch;
18667
+ -ms-flex-align: stretch;
18668
+ align-items: stretch; }
18669
+ .filter-bar .filter-fields {
18670
+ width: 100%; }
18671
+ .filter-bar .filter-actions {
18672
+ margin-left: 0;
18673
+ margin-top: 12px;
18674
+ -webkit-box-pack: start;
18675
+ -ms-flex-pack: start;
18676
+ justify-content: flex-start; } }
18677
+
18678
+ .filter-bar button.search-btn {
18679
+ background: #007e7e;
18680
+ color: #fff;
18681
+ font-size: 16px;
18682
+ font-weight: 700;
18683
+ font-family: Roboto,sans-serif;
18684
+ line-height: 24px;
18685
+ border-radius: 0;
18686
+ border: none;
18687
+ padding: 8px 24px;
18688
+ margin: 0;
18689
+ -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
18690
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
18691
+ -webkit-transition: background .2s;
18692
+ transition: background .2s;
18693
+ min-width: 210px;
18694
+ cursor: pointer; }
18695
+
18696
+ .filter-bar button.search-btn:hover {
18697
+ background: #159392; }
18698
+
18699
+ .filter-bar button.clear-btn {
18700
+ background: #fff;
18701
+ color: #007e7e;
18702
+ border: none !important;
18703
+ cursor: pointer;
18704
+ padding: 8px 18px;
18705
+ font-size: 16px;
18706
+ font-weight: 500;
18707
+ margin-right: 4px;
18708
+ -webkit-transition: background .2s,color .2s;
18709
+ transition: background .2s,color .2s; }
18710
+
18711
+ .filter-bar button.clear-btn:hover {
18712
+ background: transparent; }
18713
+
18714
+ .main-table-card {
18715
+ background: #fff;
18716
+ border-radius: 12px;
18717
+ -webkit-box-shadow: 0 2px 8px rgba(44, 62, 80, 0.07);
18718
+ box-shadow: 0 2px 8px rgba(44, 62, 80, 0.07);
18719
+ padding: 0 18px 18px;
18720
+ position: relative;
18721
+ overflow: hidden;
18722
+ display: -webkit-box;
18723
+ display: -ms-flexbox;
18724
+ display: flex;
18725
+ -webkit-box-orient: vertical;
18726
+ -webkit-box-direction: normal;
18727
+ -ms-flex-direction: column;
18728
+ flex-direction: column; }
18729
+
18730
+ .main-table-card, .table-scroll {
18731
+ -webkit-box-flex: 1;
18732
+ -ms-flex: 1;
18733
+ flex: 1;
18734
+ min-height: 0; }
18735
+
18736
+ .table-scroll {
18737
+ overflow: auto; }
18738
+
18739
+ .main-table {
18740
+ width: 100%;
18741
+ border-collapse: initial;
18742
+ border-spacing: 0;
18743
+ position: relative; }
18744
+
18745
+ .main-table thead {
18746
+ position: sticky;
18747
+ top: 0;
18748
+ z-index: 10; }
18749
+
18750
+ .main-table th {
18751
+ font-weight: 600;
18752
+ padding: 12px 8px;
18753
+ border-bottom: 2px solid #e8e8e8;
18754
+ position: relative;
18755
+ -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
18756
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); }
18757
+
18758
+ .custom-table-row td, .main-table th {
18759
+ font-size: 15px;
18760
+ background: #fff;
18761
+ text-align: left; }
18762
+
18763
+ .custom-table-row td {
18764
+ padding: 0 8px;
18765
+ border-bottom: 1px solid #e8e8e8; }
18766
+
18767
+ .custom-table-row:hover {
18768
+ background: #f6fafd; }
18769
+
18770
+ .case-link {
18771
+ color: #0a0a0a;
18772
+ text-decoration: underline; }
18773
+
18774
+ .status-badge {
18775
+ display: inline-block;
18776
+ padding: 2px 14px;
18777
+ border-radius: 12px;
18778
+ font-size: 14px;
18779
+ font-weight: 500; }
18780
+
18781
+ .status-completed {
18782
+ background: #e8e8e8;
18783
+ color: #3d3c3c; }
18784
+
18785
+ .status-ongoing {
18786
+ background: #e4f2e4;
18787
+ color: #00703c; }
18788
+
18789
+ .status-passed, .status-passed-over {
18790
+ background: #fff6e8;
18791
+ color: #9e400a; }
18792
+
18793
+ .status-scheduled {
18794
+ background: #e4f2e4;
18795
+ color: #00703c; }
18796
+
18797
+ .status-abated {
18798
+ background: #e8e8e8;
18799
+ color: #3d3c3c; }
18800
+
18801
+ .status-default {
18802
+ background: #f5f5f5;
18803
+ color: #333; }
18804
+
18805
+ .advocate-header {
18806
+ display: -webkit-box;
18807
+ display: -ms-flexbox;
18808
+ display: flex;
18809
+ -webkit-box-align: center;
18810
+ -ms-flex-align: center;
18811
+ align-items: center;
18812
+ grid-gap: 4px;
18813
+ gap: 4px; }
18814
+
18815
+ .advocate-header .info-icon {
18816
+ font-size: 15px;
18817
+ color: #888;
18818
+ cursor: pointer; }
18819
+
18820
+ .jk-dropdown-unique {
18821
+ max-height: 300px;
18822
+ overflow-y: auto; }
18823
+
18824
+ .date-arrow-group {
18825
+ grid-gap: 6px;
18826
+ gap: 6px; }
18827
+
18828
+ .date-arrow-btn, .date-arrow-group {
18829
+ display: -webkit-box;
18830
+ display: -ms-flexbox;
18831
+ display: flex;
18832
+ -webkit-box-align: center;
18833
+ -ms-flex-align: center;
18834
+ align-items: center; }
18835
+
18836
+ .date-arrow-btn {
18837
+ background: transparent;
18838
+ border: none;
18839
+ color: #007e7e;
18840
+ font-size: 18px;
18841
+ font-weight: 700;
18842
+ border-radius: 4px;
18843
+ width: 32px;
18844
+ height: 32px;
18845
+ -webkit-box-pack: center;
18846
+ -ms-flex-pack: center;
18847
+ justify-content: center;
18848
+ cursor: pointer;
18849
+ -webkit-transition: background .2s,color .2s;
18850
+ transition: background .2s,color .2s;
18851
+ padding: 0; }
18852
+
18853
+ .date-arrow-btn:disabled {
18854
+ opacity: .5;
18855
+ cursor: not-allowed; }
18856
+
18857
+ .date-arrow-btn:hover:not(:disabled) {
18858
+ background: #f5f5f5; }
18859
+
18110
18860
  .review-card-main {
18111
18861
  width: 100%;
18112
18862
  border-radius: 4px;