@pmidc/upyog-css 1.2.8 → 1.2.9

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
@@ -1588,6 +1588,10 @@ body {
1588
1588
  flex-direction: row;
1589
1589
  width: 100%; }
1590
1590
 
1591
+ .card {
1592
+ -webkit-box-shadow: none;
1593
+ box-shadow: none; }
1594
+
1591
1595
  .card {
1592
1596
  padding: 20px 24px 28px;
1593
1597
  max-width: 95vw;
@@ -1978,13 +1982,7 @@ body {
1978
1982
  display: flex;
1979
1983
  -webkit-box-align: center;
1980
1984
  -ms-flex-align: center;
1981
- align-items: center; }
1982
- .employeeCard .label-field-pair h2 {
1983
- width: 30%; }
1984
- .employeeCard .label-field-pair .field {
1985
- width: 50%;
1986
- margin-right: 20%;
1987
- margin-right: unset; } }
1985
+ align-items: center; } }
1988
1986
 
1989
1987
  .card-section-header {
1990
1988
  font-size: 18px;
@@ -2092,6 +2090,46 @@ body {
2092
2090
  width: 100%;
2093
2091
  margin: 0; }
2094
2092
 
2093
+ @media (min-width: 768px) {
2094
+ .employee .employeeCard .label-field-pair {
2095
+ display: -webkit-box;
2096
+ display: -ms-flexbox;
2097
+ display: flex;
2098
+ -webkit-box-align: start;
2099
+ -ms-flex-align: start;
2100
+ align-items: flex-start;
2101
+ -ms-flex-wrap: wrap;
2102
+ flex-wrap: wrap; }
2103
+ .employee .employeeCard .card-label {
2104
+ width: 30%; }
2105
+ .employee .employeeCard .field, .employee .employeeCard .form-field {
2106
+ width: 50%; }
2107
+ .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
2108
+ width: 50% !important;
2109
+ margin-left: 50% !important;
2110
+ margin-top: -10px !important;
2111
+ margin-bottom: 8px !important; } }
2112
+
2113
+ @media (max-width: 767px) {
2114
+ .employee .employeeCard .card-label, .employee .employeeCard .field, .employee .employeeCard .form-field {
2115
+ width: 100%; }
2116
+ .employee .employeeCard .label-field-pair {
2117
+ -webkit-box-orient: vertical;
2118
+ -webkit-box-direction: normal;
2119
+ -ms-flex-direction: column;
2120
+ flex-direction: column;
2121
+ -webkit-box-align: start;
2122
+ -ms-flex-align: start;
2123
+ align-items: flex-start; }
2124
+ .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
2125
+ width: 100% !important;
2126
+ margin-left: 0 !important;
2127
+ margin-top: 2px !important;
2128
+ margin-bottom: 8px !important; } }
2129
+
2130
+ .employee-login-container .form-field, .employee-login-form .form-field, .employee-login-page .form-field, .employeeCard .headerStyle + .card-label-desc ~ div .form-field {
2131
+ width: 100% !important; }
2132
+
2095
2133
  .selector-button, .selector-button-primary, .selector-button-secondary {
2096
2134
  color: #fff !important;
2097
2135
  border: none !important;
@@ -2252,6 +2290,16 @@ body {
2252
2290
  border: 1px solid !important;
2253
2291
  margin-right: 10px !important; }
2254
2292
 
2293
+ .action-button-myapplication {
2294
+ display: -webkit-box;
2295
+ display: -ms-flexbox;
2296
+ display: flex;
2297
+ grid-gap: 20px;
2298
+ gap: 20px;
2299
+ -ms-flex-wrap: wrap;
2300
+ flex-wrap: wrap;
2301
+ margin-top: 10px; }
2302
+
2255
2303
  .radio-wrap {
2256
2304
  margin-top: 8px;
2257
2305
  display: block;
@@ -2823,7 +2871,7 @@ body {
2823
2871
  .mobile-number-prefix {
2824
2872
  position: absolute;
2825
2873
  left: 12px;
2826
- top: 34%;
2874
+ top: 50%;
2827
2875
  -webkit-transform: translateY(-50%);
2828
2876
  transform: translateY(-50%);
2829
2877
  font-size: 16px;
@@ -5738,7 +5786,7 @@ video::-webkit-media-controls-panel {
5738
5786
  .PropertySearchForm .PropertySearchFormSwitcher span {
5739
5787
  margin-right: 20px; }
5740
5788
 
5741
- .PropertySearchForm .form-field {
5789
+ .PropertySearchForm .field, .PropertySearchForm .form-field {
5742
5790
  width: 30% !important;
5743
5791
  margin-bottom: 20px; }
5744
5792
 
@@ -5748,7 +5796,7 @@ video::-webkit-media-controls-panel {
5748
5796
  margin-bottom: 20px; } }
5749
5797
 
5750
5798
  @media (max-width: 780px) {
5751
- .PropertySearchForm .form-field, .PropertySearchForm .pt-form-field {
5799
+ .PropertySearchForm .field, .PropertySearchForm .form-field, .PropertySearchForm .pt-form-field {
5752
5800
  width: 100% !important;
5753
5801
  margin-bottom: 15px; } }
5754
5802
 
@@ -5769,7 +5817,7 @@ video::-webkit-media-controls-panel {
5769
5817
  padding-bottom: 24px;
5770
5818
  padding-left: 24px;
5771
5819
  border-radius: 8px; }
5772
- .search-form-wrapper .form-field {
5820
+ .search-form-wrapper .field, .search-form-wrapper .form-field {
5773
5821
  width: calc(25% - 16px);
5774
5822
  display: inline-block;
5775
5823
  margin-right: 16px;
@@ -6892,7 +6940,7 @@ video::-webkit-media-controls-panel {
6892
6940
  .sidebar-menu .menu-item .menu-item-text {
6893
6941
  margin-left: 1em; }
6894
6942
 
6895
- .InboxComposerWrapper .form-field-flex-one .form-field {
6943
+ .InboxComposerWrapper .form-field-flex-one .field, .InboxComposerWrapper .form-field-flex-one .form-field {
6896
6944
  -webkit-box-flex: 1;
6897
6945
  -ms-flex: 1 1 0%;
6898
6946
  flex: 1 1 0%; }
@@ -6917,7 +6965,7 @@ video::-webkit-media-controls-panel {
6917
6965
  -webkit-box-direction: reverse !important;
6918
6966
  -ms-flex-direction: row-reverse !important;
6919
6967
  flex-direction: row-reverse !important; }
6920
- .inboxPopupMobileWrapper .form-field {
6968
+ .inboxPopupMobileWrapper .field, .inboxPopupMobileWrapper .form-field {
6921
6969
  margin: 0 !important;
6922
6970
  width: 100%; }
6923
6971
  .inboxPopupMobileWrapper .InboxMobilePopupCloseButtonWrapper {
@@ -6945,7 +6993,7 @@ video::-webkit-media-controls-panel {
6945
6993
  height: fit-content; }
6946
6994
  .wns-inbox-composer .wns-search-field {
6947
6995
  width: 30% !important; }
6948
- .wns-inbox-composer .form-field {
6996
+ .wns-inbox-composer .field, .wns-inbox-composer .form-field {
6949
6997
  width: 100% !important; }
6950
6998
  .wns-inbox-composer .SubmitAndClearAllContainer {
6951
6999
  width: 100%;
@@ -7007,10 +7055,10 @@ video::-webkit-media-controls-panel {
7007
7055
  .search-form-wns-inbox .search-complaint-container .complaint-input-container {
7008
7056
  display: grid !important;
7009
7057
  grid-template-columns: 33.33% 33.33% 33.33%; }
7010
- .search-form-wns-inbox .search-complaint-container .form-field {
7058
+ .search-form-wns-inbox .search-complaint-container .field, .search-form-wns-inbox .search-complaint-container .form-field {
7011
7059
  width: 100%;
7012
7060
  padding-right: 15px; }
7013
- .search-form-wns-inbox .search-complaint-container .form-field .clear-search {
7061
+ .search-form-wns-inbox .search-complaint-container .field .clear-search, .search-form-wns-inbox .search-complaint-container .form-field .clear-search {
7014
7062
  padding-top: 10px; }
7015
7063
  .search-form-wns-inbox .submit {
7016
7064
  margin-top: 0;
@@ -7960,8 +8008,8 @@ video::-webkit-media-controls-panel {
7960
8008
  margin-bottom: unset; }
7961
8009
  .RightMostTopBarOptions .select-wrap svg {
7962
8010
  fill: #a82227; }
7963
- .RightMostTopBarOptions .select-wrap .form-field {
7964
- width: 100% !important; }
8011
+ .RightMostTopBarOptions .select-wrap .field, .RightMostTopBarOptions .select-wrap .form-field {
8012
+ width: 100%; }
7965
8013
 
7966
8014
  .fullWidth {
7967
8015
  width: 100%; }
@@ -9103,15 +9151,29 @@ video::-webkit-media-controls-panel {
9103
9151
  display: inline;
9104
9152
  float: right; }
9105
9153
 
9106
- .form-field {
9154
+ .field, .form-field {
9107
9155
  width: 100%; }
9108
9156
 
9109
9157
  @media (min-width: 780px) {
9110
- .form-field {
9158
+ .field, .form-field {
9111
9159
  width: 100%; }
9112
9160
  .desktop-w-full {
9113
9161
  width: 100% !important; } }
9114
9162
 
9163
+ employee-form-first {
9164
+ display: -webkit-box;
9165
+ display: -ms-flexbox;
9166
+ display: flex;
9167
+ -ms-flex-wrap: wrap;
9168
+ flex-wrap: wrap;
9169
+ grid-gap: 24px;
9170
+ gap: 24px;
9171
+ width: 100%;
9172
+ -webkit-box-orient: vertical;
9173
+ -webkit-box-direction: normal;
9174
+ -ms-flex-direction: column;
9175
+ flex-direction: column; }
9176
+
9115
9177
  .scroll-table-wrapper {
9116
9178
  -ms-overflow-style: none;
9117
9179
  scrollbar-width: none;
@@ -13796,7 +13858,7 @@ body {
13796
13858
  background-color: red;
13797
13859
  padding-bottom: 90px !important; }
13798
13860
 
13799
- .alignmentSettle .form-field {
13861
+ .alignmentSettle .field, .alignmentSettle .form-field {
13800
13862
  width: calc(25% - 15px) !important;
13801
13863
  margin-right: 15px !important;
13802
13864
  margin-bottom: 16px !important;
@@ -13833,11 +13895,11 @@ body {
13833
13895
  font-size: 12px !important; }
13834
13896
 
13835
13897
  @media (max-width: 1024px) {
13836
- .alignmentSettle .form-field {
13898
+ .alignmentSettle .field, .alignmentSettle .form-field {
13837
13899
  width: calc(50% - 10px) !important;
13838
13900
  min-width: calc(50% - 10px) !important;
13839
13901
  max-width: calc(50% - 10px) !important; }
13840
- .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(4n) {
13902
+ .alignmentSettle .field, .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(4n) {
13841
13903
  margin-right: 10px !important; }
13842
13904
  .alignmentSettle .form-field:nth-child(2n) {
13843
13905
  margin-right: 0 !important; }
@@ -13847,12 +13909,12 @@ body {
13847
13909
  max-width: calc(50% - 10px) !important; } }
13848
13910
 
13849
13911
  @media (max-width: 640px) {
13850
- .alignmentSettle .form-field {
13912
+ .alignmentSettle .field, .alignmentSettle .form-field {
13851
13913
  width: 100% !important;
13852
13914
  min-width: 100% !important;
13853
13915
  max-width: 100% !important;
13854
13916
  margin-bottom: 12px !important; }
13855
- .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
13917
+ .alignmentSettle .field, .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
13856
13918
  margin-right: 0 !important; }
13857
13919
  .alignmentSettle .submit {
13858
13920
  width: 100% !important;
@@ -13864,7 +13926,7 @@ body {
13864
13926
  font-size: 16px !important; } }
13865
13927
 
13866
13928
  @media (max-width: 480px) {
13867
- .alignmentSettle .form-field {
13929
+ .alignmentSettle .field, .alignmentSettle .form-field {
13868
13930
  margin-bottom: 10px !important; }
13869
13931
  .alignmentSettle .submit button {
13870
13932
  height: 48px !important; } }
@@ -14200,7 +14262,7 @@ body {
14200
14262
  .search-icon {
14201
14263
  position: relative;
14202
14264
  z-index: 100;
14203
- left: 160px;
14265
+ right: 50px;
14204
14266
  margin-top: -55px;
14205
14267
  cursor: pointer; }
14206
14268
  @media (min-width: 780px) {
@@ -16345,9 +16407,13 @@ body {
16345
16407
 
16346
16408
  .ral-error-label {
16347
16409
  width: 70%;
16348
- margin-left: 30%;
16410
+ margin-left: 1%;
16349
16411
  margin-top: -18px; }
16350
16412
 
16413
+ @media (min-width: 768px) {
16414
+ .ral-error-label {
16415
+ margin-left: 50%; } }
16416
+
16351
16417
  .ral-applicant-container {
16352
16418
  border: 1px solid #ddd;
16353
16419
  padding: 12px;
@@ -17309,6 +17375,479 @@ body {
17309
17375
  max-width: unset;
17310
17376
  margin-left: unset; }
17311
17377
 
17378
+ .hrms-flex, .hrms-flex-between {
17379
+ display: -webkit-box;
17380
+ display: -ms-flexbox;
17381
+ display: flex; }
17382
+
17383
+ .hrms-flex-between {
17384
+ -webkit-box-pack: justify;
17385
+ -ms-flex-pack: justify;
17386
+ justify-content: space-between; }
17387
+
17388
+ .hrms-flex-between-center, .hrms-flex-center {
17389
+ display: -webkit-box;
17390
+ display: -ms-flexbox;
17391
+ display: flex;
17392
+ -webkit-box-align: center;
17393
+ -ms-flex-align: center;
17394
+ align-items: center; }
17395
+
17396
+ .hrms-flex-between-center {
17397
+ -webkit-box-pack: justify;
17398
+ -ms-flex-pack: justify;
17399
+ justify-content: space-between; }
17400
+
17401
+ .hrms-flex-column {
17402
+ display: -webkit-box;
17403
+ display: -ms-flexbox;
17404
+ display: flex;
17405
+ -webkit-box-orient: vertical;
17406
+ -webkit-box-direction: normal;
17407
+ -ms-flex-direction: column;
17408
+ flex-direction: column; }
17409
+
17410
+ .hrms-flex-wrap {
17411
+ -ms-flex-wrap: wrap;
17412
+ flex-wrap: wrap; }
17413
+
17414
+ .hrms-flex-end {
17415
+ display: -webkit-box;
17416
+ display: -ms-flexbox;
17417
+ display: flex;
17418
+ -webkit-box-pack: end;
17419
+ -ms-flex-pack: end;
17420
+ justify-content: flex-end; }
17421
+
17422
+ .hrms-gap-xs {
17423
+ grid-gap: 8px;
17424
+ gap: 8px; }
17425
+
17426
+ .hrms-gap-sm {
17427
+ grid-gap: 10px;
17428
+ gap: 10px; }
17429
+
17430
+ .hrms-gap-md {
17431
+ grid-gap: 12px;
17432
+ gap: 12px; }
17433
+
17434
+ .hrms-gap-base {
17435
+ grid-gap: 16px;
17436
+ gap: 16px; }
17437
+
17438
+ .hrms-gap-lg {
17439
+ grid-gap: 20px;
17440
+ gap: 20px; }
17441
+
17442
+ .hrms-mt-xs {
17443
+ margin-top: 8px; }
17444
+
17445
+ .hrms-mt-sm {
17446
+ margin-top: 10px; }
17447
+
17448
+ .hrms-mt-md {
17449
+ margin-top: 12px; }
17450
+
17451
+ .hrms-mt-base {
17452
+ margin-top: 16px; }
17453
+
17454
+ .hrms-mt-lg {
17455
+ margin-top: 20px; }
17456
+
17457
+ .hrms-mt-xl {
17458
+ margin-top: 24px; }
17459
+
17460
+ .hrms-mb-xs {
17461
+ margin-bottom: 8px; }
17462
+
17463
+ .hrms-mb-sm {
17464
+ margin-bottom: 10px; }
17465
+
17466
+ .hrms-mb-md {
17467
+ margin-bottom: 12px; }
17468
+
17469
+ .hrms-mb-base {
17470
+ margin-bottom: 16px; }
17471
+
17472
+ .hrms-mb-lg {
17473
+ margin-bottom: 20px; }
17474
+
17475
+ .hrms-mb-xl {
17476
+ margin-bottom: 24px; }
17477
+
17478
+ .hrms-ml-xs {
17479
+ margin-left: 8px; }
17480
+
17481
+ .hrms-ml-sm {
17482
+ margin-left: 10px; }
17483
+
17484
+ .hrms-ml-md {
17485
+ margin-left: 12px; }
17486
+
17487
+ .hrms-ml-base {
17488
+ margin-left: 16px; }
17489
+
17490
+ .hrms-mr-0 {
17491
+ margin-right: 0; }
17492
+
17493
+ .hrms-p-xs {
17494
+ padding: 8px; }
17495
+
17496
+ .hrms-p-sm {
17497
+ padding: 10px; }
17498
+
17499
+ .hrms-p-md {
17500
+ padding: 12px; }
17501
+
17502
+ .hrms-p-base {
17503
+ padding: 16px; }
17504
+
17505
+ .hrms-p-lg {
17506
+ padding: 20px; }
17507
+
17508
+ .hrms-text-bold {
17509
+ font-weight: 700; }
17510
+
17511
+ .hrms-text-semibold {
17512
+ font-weight: 600; }
17513
+
17514
+ .hrms-text-medium {
17515
+ font-weight: 500; }
17516
+
17517
+ .hrms-text-lg {
17518
+ font-size: 18px; }
17519
+
17520
+ .hrms-text-xl {
17521
+ font-size: 28px; }
17522
+
17523
+ .hrms-text-accent {
17524
+ color: #f47738; }
17525
+
17526
+ .hrms-text-secondary {
17527
+ color: #505a5f; }
17528
+
17529
+ .hrms-text-primary {
17530
+ color: #0b0c0c; }
17531
+
17532
+ .hrms-bg-light {
17533
+ background-color: #f9f9f9; }
17534
+
17535
+ .hrms-bg-lighter {
17536
+ background-color: #fafafa; }
17537
+
17538
+ .hrms-bg-white {
17539
+ background-color: #fff; }
17540
+
17541
+ .hrms-breadcrumb-wrapper {
17542
+ display: -webkit-box;
17543
+ display: -ms-flexbox;
17544
+ display: flex;
17545
+ -webkit-box-pack: justify;
17546
+ -ms-flex-pack: justify;
17547
+ justify-content: space-between;
17548
+ padding: 16px 20px 10px;
17549
+ border-bottom: 1px solid #e0e0e0;
17550
+ background: #fff; }
17551
+ @media (max-width: 768px) {
17552
+ .hrms-breadcrumb-wrapper {
17553
+ padding-left: 12px;
17554
+ padding-bottom: 12px;
17555
+ padding-right: 12px;
17556
+ padding-top: 12px; } }
17557
+
17558
+ .hrms-breadcrumb-back-link, .hrms-breadcrumb-wrapper {
17559
+ -webkit-box-align: center;
17560
+ -ms-flex-align: center;
17561
+ align-items: center; }
17562
+
17563
+ .hrms-breadcrumb-back-link {
17564
+ display: -webkit-inline-box;
17565
+ display: -ms-inline-flexbox;
17566
+ display: inline-flex;
17567
+ grid-gap: 6px;
17568
+ gap: 6px;
17569
+ color: #505a5f;
17570
+ text-decoration: none;
17571
+ font-size: 14px;
17572
+ font-weight: 500;
17573
+ -webkit-transition: all .2s ease;
17574
+ transition: all .2s ease;
17575
+ padding: 6px 12px;
17576
+ border-radius: 4px;
17577
+ white-space: nowrap; }
17578
+ .hrms-breadcrumb-back-link .back-arrow {
17579
+ font-size: 16px;
17580
+ font-weight: 600;
17581
+ line-height: 1; }
17582
+ .hrms-breadcrumb-back-link:hover {
17583
+ color: #0b4b66;
17584
+ background-color: #f7f7f7; }
17585
+ .hrms-breadcrumb-back-link:active {
17586
+ background-color: #e8e8e8; }
17587
+ @media (max-width: 768px) {
17588
+ .hrms-breadcrumb-back-link {
17589
+ padding-left: 8px;
17590
+ padding-bottom: 4px;
17591
+ padding-right: 8px;
17592
+ padding-top: 4px;
17593
+ font-size: 13px; } }
17594
+
17595
+ .hrms-card {
17596
+ padding: 20px;
17597
+ margin: 10px 0;
17598
+ border: 1px solid #e0e0e0;
17599
+ border-radius: 4px;
17600
+ background-color: #fff; }
17601
+
17602
+ .hrms-card-light {
17603
+ background-color: #f9f9f9;
17604
+ padding: 15px; }
17605
+
17606
+ .hrms-card-header {
17607
+ font-size: 28px;
17608
+ font-weight: 400;
17609
+ color: #1c1d1f; }
17610
+
17611
+ .hrms-form-section {
17612
+ margin-bottom: 24px; }
17613
+
17614
+ .hrms-form-header {
17615
+ font-size: 18px;
17616
+ font-weight: 700;
17617
+ margin-bottom: 16px; }
17618
+
17619
+ .hrms-form-grid {
17620
+ display: -webkit-box;
17621
+ display: -ms-flexbox;
17622
+ display: flex;
17623
+ -ms-flex-wrap: wrap;
17624
+ flex-wrap: wrap;
17625
+ grid-gap: 2%;
17626
+ gap: 2%; }
17627
+ .hrms-form-grid__item {
17628
+ -webkit-box-flex: 0;
17629
+ -ms-flex: 0 0 48%;
17630
+ flex: 0 0 48%;
17631
+ margin: 1%; }
17632
+ @media (max-width: 768px) {
17633
+ .hrms-form-grid__item {
17634
+ -webkit-box-flex: 0;
17635
+ -ms-flex: 0 0 100%;
17636
+ flex: 0 0 100%; } }
17637
+
17638
+ .hrms-form-field {
17639
+ margin-bottom: 24px; }
17640
+
17641
+ .hrms-form-actions {
17642
+ display: -webkit-box;
17643
+ display: -ms-flexbox;
17644
+ display: flex;
17645
+ -webkit-box-pack: justify;
17646
+ -ms-flex-pack: justify;
17647
+ justify-content: space-between;
17648
+ margin-top: 20px; }
17649
+
17650
+ .hrms-assignment-card, .hrms-jurisdiction-card {
17651
+ padding: 12px;
17652
+ border: 1px solid #ddd;
17653
+ border-radius: 4px;
17654
+ margin-bottom: 10px;
17655
+ background: #fff; }
17656
+
17657
+ .hrms-card-actions {
17658
+ -webkit-box-pack: end;
17659
+ -ms-flex-pack: end;
17660
+ justify-content: flex-end;
17661
+ grid-gap: 10px;
17662
+ gap: 10px;
17663
+ margin-top: 10px; }
17664
+
17665
+ .hrms-card-actions, .hrms-item-header {
17666
+ display: -webkit-box;
17667
+ display: -ms-flexbox;
17668
+ display: flex; }
17669
+
17670
+ .hrms-item-header {
17671
+ -webkit-box-align: center;
17672
+ -ms-flex-align: center;
17673
+ align-items: center;
17674
+ grid-gap: 8px;
17675
+ gap: 8px; }
17676
+
17677
+ .hrms-inbox-header {
17678
+ display: -webkit-box;
17679
+ display: -ms-flexbox;
17680
+ display: flex;
17681
+ -webkit-box-pack: justify;
17682
+ -ms-flex-pack: justify;
17683
+ justify-content: space-between;
17684
+ padding: 16px;
17685
+ border-bottom: 1px solid #e0e0e0; }
17686
+
17687
+ .hrms-inbox-row {
17688
+ padding: 12px;
17689
+ margin-bottom: 8px;
17690
+ background-color: #fafafa; }
17691
+ @media (max-width: 768px) {
17692
+ .hrms-inbox-row {
17693
+ padding-left: 10px;
17694
+ padding-bottom: 10px;
17695
+ padding-right: 10px;
17696
+ padding-top: 10px; } }
17697
+
17698
+ .hrms-inbox-actions {
17699
+ display: -webkit-box;
17700
+ display: -ms-flexbox;
17701
+ display: flex;
17702
+ grid-gap: 10px;
17703
+ gap: 10px;
17704
+ margin-left: 10px; }
17705
+
17706
+ .hrms-filter-container {
17707
+ margin-bottom: 16px; }
17708
+
17709
+ .hrms-filter-grid {
17710
+ display: grid;
17711
+ grid-template-columns: 1fr 1fr;
17712
+ grid-gap: 16px;
17713
+ gap: 16px; }
17714
+ @media (max-width: 768px) {
17715
+ .hrms-filter-grid {
17716
+ grid-template-columns: 1fr; } }
17717
+
17718
+ .hrms-badge {
17719
+ padding: 4px 12px;
17720
+ border-radius: 16px;
17721
+ font-size: 12px;
17722
+ font-weight: 500;
17723
+ display: inline-block;
17724
+ text-align: center; }
17725
+ .hrms-badge--category {
17726
+ background-color: #e0f2fe;
17727
+ color: #0369a1; }
17728
+ .hrms-badge--subcategory {
17729
+ background-color: #dbeafe;
17730
+ color: #1e40af; }
17731
+ .hrms-badge--zone {
17732
+ background-color: #d1f2eb;
17733
+ color: #0d6759; }
17734
+ .hrms-badge--role {
17735
+ background-color: #e9d5ff;
17736
+ color: #7c3aed; }
17737
+
17738
+ .hrms-response-container {
17739
+ display: -webkit-box;
17740
+ display: -ms-flexbox;
17741
+ display: flex;
17742
+ -webkit-box-pack: justify;
17743
+ -ms-flex-pack: justify;
17744
+ justify-content: space-between;
17745
+ -webkit-box-align: center;
17746
+ -ms-flex-align: center;
17747
+ align-items: center;
17748
+ margin-top: 24px; }
17749
+
17750
+ .hrms-details-section {
17751
+ margin-top: 20px; }
17752
+
17753
+ .hrms-details-grid {
17754
+ display: -webkit-box;
17755
+ display: -ms-flexbox;
17756
+ display: flex;
17757
+ -ms-flex-wrap: wrap;
17758
+ flex-wrap: wrap; }
17759
+
17760
+ .hrms-divider {
17761
+ border-bottom: 1px solid #e0e0e0; }
17762
+
17763
+ .hrms-section-bg {
17764
+ background-color: #f9f9f9;
17765
+ padding: 15px;
17766
+ border-radius: 4px; }
17767
+
17768
+ .hrms-cursor-pointer {
17769
+ cursor: pointer; }
17770
+
17771
+ @media (max-width: 768px) {
17772
+ .hrms-mobile-full {
17773
+ width: 100%; }
17774
+ .hrms-mobile-p-sm {
17775
+ padding: 10px; }
17776
+ .hrms-mobile-mb-xs {
17777
+ margin-bottom: 8px; } }
17778
+
17779
+ .hrms-grid-2 {
17780
+ grid-template-columns: 1fr 1fr;
17781
+ grid-gap: 16px; }
17782
+ @media (max-width: 768px) {
17783
+ .hrms-grid-2 {
17784
+ grid-template-columns: 1fr; } }
17785
+
17786
+ .hrms-grid-2, .hrms-grid-3 {
17787
+ display: grid;
17788
+ gap: 16px; }
17789
+
17790
+ .hrms-grid-3 {
17791
+ grid-template-columns: repeat(3, 1fr);
17792
+ grid-gap: 16px; }
17793
+ @media (max-width: 768px) {
17794
+ .hrms-grid-3 {
17795
+ grid-template-columns: 1fr; } }
17796
+
17797
+ .hrms-header-wrapper {
17798
+ margin-left: 15px; }
17799
+ @media (max-width: 640px) {
17800
+ .hrms-header-wrapper {
17801
+ margin-left: -12px; } }
17802
+
17803
+ .hrms-document-link {
17804
+ min-width: 160px;
17805
+ margin-right: 20px;
17806
+ cursor: pointer;
17807
+ display: inline-block; }
17808
+
17809
+ .hrms-document-svg {
17810
+ background: #f6f6f6;
17811
+ padding: 8px;
17812
+ margin-left: 15px; }
17813
+
17814
+ .hrms-document-name {
17815
+ margin-top: 8px;
17816
+ max-width: 196px; }
17817
+
17818
+ .hrms-jurisdiction-status-table {
17819
+ max-width: 640px;
17820
+ border: 1px solid #d6d5d4;
17821
+ top: 0;
17822
+ right: 0;
17823
+ bottom: 0;
17824
+ left: 0;
17825
+ width: auto;
17826
+ padding: .2rem;
17827
+ margin-bottom: 2rem; }
17828
+
17829
+ .hrms-section-title {
17830
+ padding-bottom: 2rem; }
17831
+
17832
+ .hrms-card .card-header {
17833
+ font-size: 28px;
17834
+ font-weight: 400;
17835
+ color: #1c1d1f; }
17836
+
17837
+ .hrms-delete-btn {
17838
+ background: none;
17839
+ border: none;
17840
+ color: #d4351c;
17841
+ cursor: pointer;
17842
+ font-size: 14px;
17843
+ font-weight: 500;
17844
+ padding: 0; }
17845
+ .hrms-delete-btn:hover {
17846
+ text-decoration: underline; }
17847
+ .hrms-delete-btn:disabled {
17848
+ opacity: .5;
17849
+ cursor: not-allowed; }
17850
+
17312
17851
  .display-none {
17313
17852
  display: none; }
17314
17853
 
@@ -17368,7 +17907,8 @@ body {
17368
17907
  .dark {
17369
17908
  --text-opacity:1;
17370
17909
  color: #0d43a7;
17371
- color: rgba(13, 67, 167, var(--text-opacity)); }
17910
+ color: rgba(13, 67, 167, var(--text-opacity));
17911
+ width: auto !important; }
17372
17912
 
17373
17913
  .mrlg {
17374
17914
  margin-right: 24px; }
@@ -17676,9 +18216,6 @@ body {
17676
18216
  max-width: 540px;
17677
18217
  width: 100%; }
17678
18218
 
17679
- .employeeCard, .text-mobile-input-width {
17680
- max-width: 100%; }
17681
-
17682
18219
  .custom-time-picker {
17683
18220
  width: 100%;
17684
18221
  max-width: 200px; }
@@ -18048,10 +18585,6 @@ body {
18048
18585
  padding: 15px;
18049
18586
  font-size: 1.2rem; }
18050
18587
 
18051
- .ndc_property_search .text-input {
18052
- width: 100%;
18053
- max-width: 300px; }
18054
-
18055
18588
  .action-bar-wrap {
18056
18589
  display: -webkit-box;
18057
18590
  display: -ms-flexbox;
@@ -18089,7 +18622,7 @@ body {
18089
18622
  padding: 25px; }
18090
18623
 
18091
18624
  .step-label {
18092
- font-size: 17px !important; }
18625
+ font-size: 12px !important; }
18093
18626
 
18094
18627
  .modal-action .employeeCard {
18095
18628
  margin-left: 0 !important; }