@pmidc/upyog-css 1.2.42 → 1.2.43

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
@@ -1644,6 +1644,9 @@ body {
1644
1644
  font-weight: 700;
1645
1645
  letter-spacing: .5px;
1646
1646
  width: 100%; }
1647
+ .card .card-label span {
1648
+ color: #dc2626;
1649
+ font-weight: "bold"; }
1647
1650
  .card .card-label-error {
1648
1651
  display: block;
1649
1652
  font-size: 12px;
@@ -3892,7 +3895,7 @@ body {
3892
3895
  text-align: left;
3893
3896
  margin-bottom: 4px;
3894
3897
  z-index: 30;
3895
- width: 240px;
3898
+ width: 257px;
3896
3899
  right: 24px; }
3897
3900
  .action-bar-wrap .menu-wrap div {
3898
3901
  height: 3rem;
@@ -19590,7 +19593,7 @@ body {
19590
19593
  height: auto;
19591
19594
  min-height: 40px;
19592
19595
  max-height: 40px;
19593
- width: 43%;
19596
+ width: 175px;
19594
19597
  padding: 0; }
19595
19598
 
19596
19599
  .upload-hidden {
@@ -19611,15 +19614,62 @@ body {
19611
19614
  margin-bottom: 10px; }
19612
19615
 
19613
19616
  .upload-file-input {
19614
- width: 43%;
19615
- min-height: 42px;
19616
- max-height: 42px;
19617
- top: 5px;
19618
- left: 5px; }
19617
+ position: absolute;
19618
+ opacity: 0;
19619
+ width: 175px;
19620
+ max-width: 90%;
19621
+ min-height: 50px;
19622
+ max-height: 50px;
19623
+ top: 10px;
19624
+ left: 15px; }
19619
19625
 
19620
19626
  .error-text {
19621
19627
  color: red; }
19622
19628
 
19629
+ .close-btn {
19630
+ background-color: linear-gradient(135deg, #2563eb, #1e40af);
19631
+ padding: 8px 16px; }
19632
+
19633
+ .advisory-text {
19634
+ font-size: 13px;
19635
+ color: red;
19636
+ margin: 0; }
19637
+
19638
+ .upload-file-new {
19639
+ min-height: 56px;
19640
+ position: relative;
19641
+ border-width: 1px;
19642
+ --border-opacity:1;
19643
+ border-color: #464646;
19644
+ border-color: rgba(70, 70, 70, var(--border-opacity));
19645
+ width: 100%;
19646
+ border-radius: 10px; }
19647
+ .upload-file-new div {
19648
+ display: -webkit-box;
19649
+ display: -ms-flexbox;
19650
+ display: flex;
19651
+ -webkit-box-orient: horizontal;
19652
+ -webkit-box-direction: normal;
19653
+ -ms-flex-direction: row;
19654
+ flex-direction: row;
19655
+ height: 100%;
19656
+ -webkit-box-align: center;
19657
+ -ms-flex-align: center;
19658
+ align-items: center;
19659
+ padding-left: 16px;
19660
+ margin-top: 8px;
19661
+ margin-bottom: 8px;
19662
+ -ms-flex-wrap: wrap;
19663
+ flex-wrap: wrap;
19664
+ border-radius: 10px; }
19665
+ .upload-file-new div .file-upload-status {
19666
+ font-size: 16px;
19667
+ line-height: 24px;
19668
+ margin-left: 8px; }
19669
+
19670
+ .inbox-name {
19671
+ padding-left: 30px; }
19672
+
19623
19673
  .back-button-container {
19624
19674
  cursor: pointer;
19625
19675
  width: -webkit-fit-content;
@@ -19705,6 +19755,13 @@ body {
19705
19755
  .upload-tag-container {
19706
19756
  width: 80%; } }
19707
19757
 
19758
+ .inbox-name {
19759
+ font-size: 32px;
19760
+ font-family: Noto Sans,sans-serif;
19761
+ color: #000;
19762
+ display: inline;
19763
+ padding-left: 180px; }
19764
+
19708
19765
  .bpa-site-photograph-container {
19709
19766
  padding: 50px 0;
19710
19767
  display: -webkit-box;
@@ -19742,6 +19799,724 @@ body {
19742
19799
  border-radius: 10%;
19743
19800
  cursor: pointer; }
19744
19801
 
19802
+ .TL-response-dFlex-endBaseL {
19803
+ -webkit-box-align: baseline !important;
19804
+ -ms-flex-align: baseline !important;
19805
+ align-items: baseline !important; }
19806
+
19807
+ .TL-response-dFlex-endBaseL, .TL-response-dFlex-endGapW {
19808
+ display: -webkit-box !important;
19809
+ display: -ms-flexbox !important;
19810
+ display: flex !important;
19811
+ -webkit-box-pack: end !important;
19812
+ -ms-flex-pack: end !important;
19813
+ justify-content: flex-end !important; }
19814
+
19815
+ .TL-response-dFlex-endGapW {
19816
+ grid-gap: 1rem !important;
19817
+ gap: 1rem !important;
19818
+ width: auto !important; }
19819
+
19820
+ .TL-ml-unset {
19821
+ margin-left: unset !important; }
19822
+
19823
+ .TL-mt-16 {
19824
+ margin-top: 16px; }
19825
+
19826
+ .TL-mb-10 {
19827
+ margin-bottom: 10px; }
19828
+
19829
+ .TL-ml-16 {
19830
+ margin-left: 16px; }
19831
+
19832
+ .TL-wAuto {
19833
+ width: auto !important; }
19834
+
19835
+ .Tl-ml-15 {
19836
+ margin-left: 15px !important; }
19837
+
19838
+ .TL-mr-1 {
19839
+ margin-right: 1rem !important; }
19840
+
19841
+ .TL-ground-ml-0 {
19842
+ margin-left: 0 !important; }
19843
+
19844
+ .TL-ground-full-width {
19845
+ width: 100% !important; }
19846
+
19847
+ .TL-breadcrumb-offset {
19848
+ margin-left: 15px !important;
19849
+ margin-top: 3rem !important; }
19850
+
19851
+ .TL-chb-container {
19852
+ width: 100% !important;
19853
+ padding-right: 25px !important;
19854
+ padding-left: 25px !important; }
19855
+
19856
+ .TL-page-title {
19857
+ color: #000 !important;
19858
+ font-family: Noto Sans, sans-serif !important;
19859
+ font-size: 28px !important;
19860
+ font-weight: 500 !important;
19861
+ margin: 0 !important; }
19862
+
19863
+ .TL-divider {
19864
+ border: 1px solid #dfe0e2 !important;
19865
+ margin-bottom: 50px !important; }
19866
+
19867
+ .TL-divider, .TL-full-width-container {
19868
+ width: 100% !important; }
19869
+
19870
+ .TL-label-inline-100 {
19871
+ width: 100px !important;
19872
+ display: inline !important; }
19873
+
19874
+ .TL-mb-15 {
19875
+ margin-bottom: 15px !important; }
19876
+
19877
+ .TL-flex-center-start-gap10 {
19878
+ display: -webkit-box !important;
19879
+ display: -ms-flexbox !important;
19880
+ display: flex !important;
19881
+ -webkit-box-pack: center !important;
19882
+ -ms-flex-pack: center !important;
19883
+ justify-content: center !important;
19884
+ -webkit-box-align: start !important;
19885
+ -ms-flex-align: start !important;
19886
+ align-items: flex-start !important;
19887
+ grid-gap: 10px !important;
19888
+ gap: 10px !important; }
19889
+
19890
+ .TL-z10-relative {
19891
+ z-index: 10 !important;
19892
+ position: relative !important; }
19893
+
19894
+ .TL-fee-layout {
19895
+ display: -webkit-box !important;
19896
+ display: -ms-flexbox !important;
19897
+ display: flex !important;
19898
+ -webkit-box-pack: justify !important;
19899
+ -ms-flex-pack: justify !important;
19900
+ justify-content: space-between !important;
19901
+ -webkit-box-align: start !important;
19902
+ -ms-flex-align: start !important;
19903
+ align-items: flex-start !important; }
19904
+
19905
+ .TL-flex-1 {
19906
+ -webkit-box-flex: 1 !important;
19907
+ -ms-flex: 1 !important;
19908
+ flex: 1 !important; }
19909
+
19910
+ .TL-fee-table {
19911
+ width: 100% !important;
19912
+ border-collapse: collapse !important; }
19913
+
19914
+ .TL-fee-td-label {
19915
+ padding: 12px 16px !important;
19916
+ color: #0b4da2 !important;
19917
+ font-weight: 600 !important; }
19918
+
19919
+ .TL-tooltip-icon {
19920
+ display: inline-block !important;
19921
+ width: 16px !important;
19922
+ height: 16px !important;
19923
+ border-radius: 50% !important;
19924
+ background-color: #6c757d !important;
19925
+ color: #fff !important;
19926
+ text-align: center !important;
19927
+ font-size: 11px !important;
19928
+ line-height: 16px !important;
19929
+ margin-left: 6px !important;
19930
+ cursor: pointer !important; }
19931
+
19932
+ .TL-fee-td-right {
19933
+ padding: 12px 16px !important;
19934
+ text-align: right !important; }
19935
+
19936
+ .TL-fee-total-row {
19937
+ border-top: 2px solid #0b4da2 !important; }
19938
+
19939
+ .TL-fee-td-total-label {
19940
+ color: #0b4da2 !important; }
19941
+
19942
+ .TL-fee-td-total-amount, .TL-fee-td-total-label {
19943
+ padding: 12px 16px !important;
19944
+ font-weight: 700 !important; }
19945
+
19946
+ .TL-fee-summary-box, .TL-fee-td-total-amount {
19947
+ text-align: right !important; }
19948
+
19949
+ .TL-fee-summary-box {
19950
+ margin-left: 40px !important;
19951
+ min-width: 200px !important; }
19952
+
19953
+ .TL-fee-summary-label {
19954
+ color: #0b4da2 !important;
19955
+ font-size: 14px !important; }
19956
+
19957
+ .TL-fee-summary-amount {
19958
+ font-size: 36px !important;
19959
+ font-weight: 700 !important; }
19960
+
19961
+ .TL-fee-actions {
19962
+ padding-top: 16px !important;
19963
+ display: -webkit-box !important;
19964
+ display: -ms-flexbox !important;
19965
+ display: flex !important;
19966
+ grid-gap: 24px !important;
19967
+ gap: 24px !important; }
19968
+
19969
+ .TL-action-link {
19970
+ color: #d4351c !important;
19971
+ font-weight: 700 !important;
19972
+ cursor: pointer !important;
19973
+ text-transform: uppercase !important;
19974
+ font-size: 14px !important; }
19975
+
19976
+ .TL-modal-overlay {
19977
+ position: fixed !important;
19978
+ top: 0 !important;
19979
+ left: 0 !important;
19980
+ right: 0 !important;
19981
+ bottom: 0 !important;
19982
+ background-color: rgba(0, 0, 0, 0.5) !important;
19983
+ z-index: 9999 !important;
19984
+ display: -webkit-box !important;
19985
+ display: -ms-flexbox !important;
19986
+ display: flex !important;
19987
+ -webkit-box-pack: center !important;
19988
+ -ms-flex-pack: center !important;
19989
+ justify-content: center !important;
19990
+ -webkit-box-align: center !important;
19991
+ -ms-flex-align: center !important;
19992
+ align-items: center !important; }
19993
+
19994
+ .TL-modal-content-sm {
19995
+ min-width: 400px !important;
19996
+ max-width: 550px !important;
19997
+ max-height: 80vh !important; }
19998
+
19999
+ .TL-modal-content-md, .TL-modal-content-sm {
20000
+ background-color: #fff !important;
20001
+ border-radius: 4px !important;
20002
+ padding: 24px !important;
20003
+ overflow-y: auto !important;
20004
+ position: relative !important;
20005
+ -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
20006
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; }
20007
+
20008
+ .TL-modal-content-md {
20009
+ min-width: 500px !important;
20010
+ max-width: 600px !important;
20011
+ max-height: 85vh !important; }
20012
+
20013
+ .TL-modal-header-lg {
20014
+ display: -webkit-box !important;
20015
+ display: -ms-flexbox !important;
20016
+ display: flex !important;
20017
+ -webkit-box-pack: justify !important;
20018
+ -ms-flex-pack: justify !important;
20019
+ justify-content: space-between !important;
20020
+ -webkit-box-align: center !important;
20021
+ -ms-flex-align: center !important;
20022
+ align-items: center !important;
20023
+ margin-bottom: 20px !important; }
20024
+
20025
+ .TL-breakup-section-title-mt {
20026
+ font-size: 14px !important;
20027
+ font-weight: 600 !important;
20028
+ margin-top: 12px !important;
20029
+ margin-bottom: 8px !important; }
20030
+
20031
+ .TL-breakup-row-bold {
20032
+ padding: 4px 0 !important; }
20033
+
20034
+ .TL-breakup-row-bold, .TL-breakup-subtotal {
20035
+ display: -webkit-box !important;
20036
+ display: -ms-flexbox !important;
20037
+ display: flex !important;
20038
+ -webkit-box-pack: justify !important;
20039
+ -ms-flex-pack: justify !important;
20040
+ justify-content: space-between !important;
20041
+ font-size: 13px !important;
20042
+ font-weight: 600 !important; }
20043
+
20044
+ .TL-breakup-subtotal {
20045
+ border-top: 1px solid #ddd !important;
20046
+ padding: 6px 0 !important;
20047
+ margin-top: 4px !important; }
20048
+
20049
+ .TL-breakup-final-section {
20050
+ border-top: 2px solid #333 !important;
20051
+ margin-top: 12px !important;
20052
+ padding-top: 8px !important; }
20053
+
20054
+ .TL-breakup-rebate-section {
20055
+ border-top: 1px solid #ddd !important;
20056
+ margin-top: 8px !important;
20057
+ padding-top: 8px !important; }
20058
+
20059
+ .TL-loader-overlay {
20060
+ position: fixed !important;
20061
+ top: 0 !important;
20062
+ left: 0 !important;
20063
+ right: 0 !important;
20064
+ bottom: 0 !important;
20065
+ background-color: rgba(255, 255, 255, 0.7) !important;
20066
+ z-index: 10000 !important;
20067
+ display: -webkit-box !important;
20068
+ display: -ms-flexbox !important;
20069
+ display: flex !important;
20070
+ -webkit-box-pack: center !important;
20071
+ -ms-flex-pack: center !important;
20072
+ justify-content: center !important;
20073
+ -webkit-box-align: center !important;
20074
+ -ms-flex-align: center !important;
20075
+ align-items: center !important; }
20076
+
20077
+ .TL-mb-20 {
20078
+ margin-bottom: 20px !important; }
20079
+
20080
+ .TL-adhoc-section-title {
20081
+ font-size: 15px !important;
20082
+ font-weight: 600 !important;
20083
+ margin-bottom: 12px !important;
20084
+ color: #0b4da2 !important; }
20085
+
20086
+ .TL-form-label {
20087
+ display: block !important;
20088
+ font-size: 13px !important;
20089
+ margin-bottom: 4px !important;
20090
+ color: #505a5f !important; }
20091
+
20092
+ .TL-form-input, .TL-form-select {
20093
+ width: 100% !important;
20094
+ padding: 10px 12px !important;
20095
+ border: 1px solid #d6d5d4 !important;
20096
+ border-radius: 2px !important;
20097
+ font-size: 14px !important;
20098
+ -webkit-box-sizing: border-box !important;
20099
+ box-sizing: border-box !important; }
20100
+
20101
+ .TL-form-select {
20102
+ background-color: #fff !important; }
20103
+
20104
+ .TL-form-textarea {
20105
+ width: 100% !important;
20106
+ padding: 10px 12px !important;
20107
+ border: 1px solid #d6d5d4 !important;
20108
+ border-radius: 2px !important;
20109
+ font-size: 14px !important;
20110
+ -webkit-box-sizing: border-box !important;
20111
+ box-sizing: border-box !important;
20112
+ resize: vertical !important; }
20113
+
20114
+ .TL-adhoc-divider {
20115
+ border: none !important;
20116
+ border-top: 1px solid #d6d5d4 !important;
20117
+ margin: 16px 0 !important; }
20118
+
20119
+ .TL-adhoc-actions {
20120
+ display: -webkit-box !important;
20121
+ display: -ms-flexbox !important;
20122
+ display: flex !important;
20123
+ -webkit-box-pack: end !important;
20124
+ -ms-flex-pack: end !important;
20125
+ justify-content: flex-end !important;
20126
+ grid-gap: 12px !important;
20127
+ gap: 12px !important;
20128
+ margin-top: 16px !important; }
20129
+
20130
+ .TL-btn-cancel {
20131
+ border: 1px solid #0b4da2 !important;
20132
+ background-color: #fff !important;
20133
+ color: #0b4da2 !important;
20134
+ cursor: pointer !important;
20135
+ border-radius: 2px !important; }
20136
+
20137
+ .TL-btn-cancel, .TL-btn-submit {
20138
+ padding: 10px 24px !important;
20139
+ font-size: 14px !important;
20140
+ font-weight: 600 !important;
20141
+ text-transform: uppercase !important; }
20142
+
20143
+ .TL-btn-submit {
20144
+ border: none !important;
20145
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
20146
+ color: #fff !important;
20147
+ border-radius: 2px !important; }
20148
+
20149
+ .TL-btn-disabled {
20150
+ cursor: not-allowed !important;
20151
+ opacity: 0.7 !important; }
20152
+
20153
+ .TL-max-width-960 {
20154
+ max-width: 960px !important; }
20155
+
20156
+ .TL-multi-box {
20157
+ border: groove !important;
20158
+ background: #fafafa !important;
20159
+ border-radius: 4px !important;
20160
+ padding-left: 10px !important;
20161
+ padding-right: 10px !important;
20162
+ margin-top: 10px !important;
20163
+ margin-bottom: 10px !important; }
20164
+
20165
+ .TL-doc-container {
20166
+ margin-top: 20px !important;
20167
+ margin-bottom: 20px !important;
20168
+ border-radius: 4px !important;
20169
+ border: 1px solid #e0e4e8 !important;
20170
+ background-color: #f9f9f9 !important;
20171
+ padding: 16px !important; }
20172
+
20173
+ .TL-no-doc-placeholder {
20174
+ padding: 16px !important;
20175
+ color: #7a8a96 !important;
20176
+ background-color: #fff !important;
20177
+ border-radius: 4px !important; }
20178
+
20179
+ .TL-alignC, .TL-no-doc-placeholder {
20180
+ text-align: center !important; }
20181
+
20182
+ .TL-stepper-nav {
20183
+ -webkit-box-orient: vertical !important;
20184
+ -webkit-box-direction: normal !important;
20185
+ -ms-flex-direction: column !important;
20186
+ flex-direction: column !important;
20187
+ padding: 18px !important;
20188
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8fafc)) !important;
20189
+ background: linear-gradient(180deg, #fff, #f8fafc) !important;
20190
+ border: 1px solid rgba(15, 23, 42, 0.04) !important;
20191
+ -webkit-box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
20192
+ box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
20193
+ border-radius: 12px !important;
20194
+ min-width: 120px !important;
20195
+ max-width: 320px !important; }
20196
+
20197
+ .TL-step-item, .TL-stepper-nav {
20198
+ display: -webkit-box !important;
20199
+ display: -ms-flexbox !important;
20200
+ display: flex !important;
20201
+ -webkit-box-align: center !important;
20202
+ -ms-flex-align: center !important;
20203
+ align-items: center !important; }
20204
+
20205
+ .TL-step-item {
20206
+ -webkit-box-pack: end !important;
20207
+ -ms-flex-pack: end !important;
20208
+ justify-content: flex-end !important;
20209
+ -webkit-box-flex: 0 !important;
20210
+ -ms-flex: 0 0 auto !important;
20211
+ flex: 0 0 auto !important;
20212
+ padding: 14px 12px !important;
20213
+ width: 260px !important;
20214
+ margin-bottom: 18px !important; }
20215
+
20216
+ .TL-step-item-last {
20217
+ margin-bottom: 6px !important; }
20218
+
20219
+ .TL-step-active {
20220
+ color: #0d43a7 !important; }
20221
+
20222
+ .TL-step-inactive {
20223
+ color: #9ca3af !important; }
20224
+
20225
+ .TL-step-sub-content {
20226
+ -webkit-box-orient: vertical !important;
20227
+ -webkit-box-direction: normal !important;
20228
+ -ms-flex-direction: column !important;
20229
+ flex-direction: column !important;
20230
+ -webkit-box-align: end !important;
20231
+ -ms-flex-align: end !important;
20232
+ align-items: flex-end !important;
20233
+ margin: 10px !important; }
20234
+
20235
+ .TL-step-circle, .TL-step-sub-content {
20236
+ display: -webkit-box !important;
20237
+ display: -ms-flexbox !important;
20238
+ display: flex !important; }
20239
+
20240
+ .TL-step-circle {
20241
+ width: 56px !important;
20242
+ height: 56px !important;
20243
+ border-radius: 50% !important;
20244
+ -webkit-box-align: center !important;
20245
+ -ms-flex-align: center !important;
20246
+ align-items: center !important;
20247
+ -webkit-box-pack: center !important;
20248
+ -ms-flex-pack: center !important;
20249
+ justify-content: center !important;
20250
+ margin-bottom: 8px !important;
20251
+ font-weight: 600 !important;
20252
+ font-size: 18px !important;
20253
+ position: relative !important; }
20254
+
20255
+ .TL-step-circle-completed {
20256
+ background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
20257
+ color: #fff !important;
20258
+ border: none !important;
20259
+ -webkit-box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important;
20260
+ box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important; }
20261
+
20262
+ .TL-step-circle-pending {
20263
+ background: #fff !important;
20264
+ color: #0f172a !important;
20265
+ border: 1px solid rgba(15, 23, 42, 0.08) !important;
20266
+ -webkit-box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important;
20267
+ box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important; }
20268
+
20269
+ .TL-search-wAuto {
20270
+ width: auto !important; }
20271
+
20272
+ .TL-search-ml-24 {
20273
+ margin-left: 24px !important; }
20274
+
20275
+ [dir=ltr] .TL-text-start {
20276
+ text-align: left !important; }
20277
+
20278
+ [dir=rtl] .TL-text-start {
20279
+ text-align: right !important; }
20280
+
20281
+ .TL-search-error {
20282
+ font-weight: 700 !important;
20283
+ color: #d4351c !important;
20284
+ padding-left: 8px !important;
20285
+ margin-top: -10px !important;
20286
+ font-size: 12px !important; }
20287
+
20288
+ .TL-search-clear-wrapper {
20289
+ width: 240px !important;
20290
+ text-align: right !important;
20291
+ margin-left: 96px !important;
20292
+ margin-top: 8px !important; }
20293
+
20294
+ .TL-w-full {
20295
+ width: 100% !important; }
20296
+
20297
+ .TL-pt-9 {
20298
+ padding-top: 9px !important; }
20299
+
20300
+ .TL-p-0 {
20301
+ padding: 0 !important; }
20302
+
20303
+ .TL-color-error {
20304
+ color: #a82227 !important; }
20305
+
20306
+ .TL-property-search-field {
20307
+ margin-top: 20px !important;
20308
+ display: -webkit-box !important;
20309
+ display: -ms-flexbox !important;
20310
+ display: flex !important; }
20311
+
20312
+ .TL-btn-white, .TL-search-btn {
20313
+ color: #fff !important; }
20314
+
20315
+ .TL-search-btn {
20316
+ padding: 8px 16px !important;
20317
+ border: none !important;
20318
+ border-radius: 4px !important;
20319
+ font-size: 13px !important;
20320
+ font-weight: 600 !important;
20321
+ white-space: nowrap !important;
20322
+ min-width: 80px !important;
20323
+ height: 38px !important;
20324
+ -webkit-transition: all 0.2s ease !important;
20325
+ transition: all 0.2s ease !important; }
20326
+
20327
+ .TL-search-btn-active {
20328
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
20329
+ cursor: pointer !important; }
20330
+
20331
+ .TL-search-btn-searching {
20332
+ background: #94a3b8 !important;
20333
+ cursor: not-allowed !important; }
20334
+
20335
+ .TL-mb-16 {
20336
+ margin-bottom: 16px !important; }
20337
+
20338
+ .TL-mb-24 {
20339
+ margin-bottom: 24px !important; }
20340
+
20341
+ .TL-mt-4 {
20342
+ margin-top: 4px !important; }
20343
+
20344
+ .TL-doc-note {
20345
+ font-size: 13px !important;
20346
+ color: #505a5f !important;
20347
+ margin-bottom: 12px !important; }
20348
+
20349
+ .TL-download-btn {
20350
+ background-color: #5e5e5e !important;
20351
+ color: #fff !important;
20352
+ border: none !important;
20353
+ padding: 10px 20px !important;
20354
+ font-size: 14px !important;
20355
+ font-weight: 700 !important;
20356
+ cursor: pointer !important;
20357
+ letter-spacing: 0.5px !important; }
20358
+
20359
+ .TL-doc-file-info {
20360
+ font-size: 12px !important;
20361
+ color: #505a5f !important;
20362
+ margin-top: 4px !important; }
20363
+
20364
+ .TL-mt-5 {
20365
+ margin-top: 5px !important; }
20366
+
20367
+ .TL-mt-12 {
20368
+ margin-top: 12px !important; }
20369
+
20370
+ .TL-fw-600 {
20371
+ font-weight: 600 !important; }
20372
+
20373
+ .TL-breakup-link {
20374
+ color: #a82227 !important;
20375
+ cursor: pointer !important;
20376
+ font-weight: 700 !important;
20377
+ text-decoration: underline !important;
20378
+ font-size: 14px !important; }
20379
+
20380
+ .TL-modal-backdrop {
20381
+ position: fixed !important;
20382
+ top: 0 !important;
20383
+ left: 0 !important;
20384
+ right: 0 !important;
20385
+ bottom: 0 !important;
20386
+ background-color: rgba(0, 0, 0, 0.5) !important;
20387
+ z-index: 9999 !important;
20388
+ display: -webkit-box !important;
20389
+ display: -ms-flexbox !important;
20390
+ display: flex !important;
20391
+ -webkit-box-pack: center !important;
20392
+ -ms-flex-pack: center !important;
20393
+ justify-content: center !important;
20394
+ -webkit-box-align: center !important;
20395
+ -ms-flex-align: center !important;
20396
+ align-items: center !important; }
20397
+
20398
+ .TL-modal-content {
20399
+ background-color: #fff !important;
20400
+ border-radius: 4px !important;
20401
+ padding: 24px !important;
20402
+ min-width: 400px !important;
20403
+ max-width: 550px !important;
20404
+ max-height: 80vh !important;
20405
+ overflow-y: auto !important;
20406
+ position: relative !important;
20407
+ -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
20408
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; }
20409
+
20410
+ .TL-modal-header {
20411
+ display: -webkit-box !important;
20412
+ display: -ms-flexbox !important;
20413
+ display: flex !important;
20414
+ -webkit-box-pack: justify !important;
20415
+ -ms-flex-pack: justify !important;
20416
+ justify-content: space-between !important;
20417
+ -webkit-box-align: center !important;
20418
+ -ms-flex-align: center !important;
20419
+ align-items: center !important;
20420
+ margin-bottom: 16px !important; }
20421
+
20422
+ .TL-modal-title {
20423
+ margin: 0 !important;
20424
+ font-size: 18px !important;
20425
+ font-weight: 600 !important; }
20426
+
20427
+ .TL-modal-close {
20428
+ cursor: pointer !important;
20429
+ font-size: 20px !important;
20430
+ font-weight: 700 !important;
20431
+ color: #666 !important; }
20432
+
20433
+ .TL-breakup-section-title {
20434
+ font-size: 14px !important;
20435
+ font-weight: 600 !important;
20436
+ margin-bottom: 8px !important; }
20437
+
20438
+ .TL-breakup-row {
20439
+ padding: 4px 0 !important; }
20440
+
20441
+ .TL-breakup-row, .TL-breakup-subtotal-row {
20442
+ display: -webkit-box !important;
20443
+ display: -ms-flexbox !important;
20444
+ display: flex !important;
20445
+ -webkit-box-pack: justify !important;
20446
+ -ms-flex-pack: justify !important;
20447
+ justify-content: space-between !important;
20448
+ font-size: 13px !important; }
20449
+
20450
+ .TL-breakup-subtotal-row {
20451
+ border-top: 1px solid #ddd !important;
20452
+ padding: 6px 0 !important;
20453
+ font-weight: 600 !important;
20454
+ margin-top: 4px !important; }
20455
+
20456
+ .TL-breakup-strong-section {
20457
+ border-top: 2px solid #333 !important;
20458
+ margin-top: 12px !important;
20459
+ padding-top: 8px !important; }
20460
+
20461
+ .TL-breakup-light-section {
20462
+ border-top: 1px solid #ddd !important; }
20463
+
20464
+ .TL-breakup-grand-total, .TL-breakup-light-section {
20465
+ margin-top: 8px !important;
20466
+ padding-top: 8px !important; }
20467
+
20468
+ .TL-breakup-grand-total {
20469
+ display: -webkit-box !important;
20470
+ display: -ms-flexbox !important;
20471
+ display: flex !important;
20472
+ -webkit-box-pack: justify !important;
20473
+ -ms-flex-pack: justify !important;
20474
+ justify-content: space-between !important;
20475
+ border-top: 2px solid #333 !important;
20476
+ font-weight: 700 !important;
20477
+ font-size: 15px !important; }
20478
+
20479
+ .TL-item-index {
20480
+ font-weight: 600 !important;
20481
+ margin-bottom: 0.5rem !important; }
20482
+
20483
+ .TL-declaration-row {
20484
+ display: -webkit-box !important;
20485
+ display: -ms-flexbox !important;
20486
+ display: flex !important;
20487
+ -webkit-box-align: center !important;
20488
+ -ms-flex-align: center !important;
20489
+ align-items: center !important;
20490
+ grid-gap: 10px !important;
20491
+ gap: 10px !important;
20492
+ cursor: pointer !important;
20493
+ margin-top: 20px !important; }
20494
+
20495
+ .TL-declaration-checkbox {
20496
+ width: 18px !important;
20497
+ height: 18px !important;
20498
+ cursor: pointer !important; }
20499
+
20500
+ .TL-declaration-label {
20501
+ cursor: pointer !important;
20502
+ margin: 0 !important; }
20503
+
20504
+ .TL-Tradetype-disabled {
20505
+ height: 50px !important;
20506
+ border: 1px solid #d1d5db !important;
20507
+ border-radius: 8px !important;
20508
+ background-color: #fafafa !important;
20509
+ display: -webkit-box !important;
20510
+ display: -ms-flexbox !important;
20511
+ display: flex !important;
20512
+ -webkit-box-align: center !important;
20513
+ -ms-flex-align: center !important;
20514
+ align-items: center !important;
20515
+ padding-left: 10px !important;
20516
+ font-size: 16px !important;
20517
+ color: #333 !important;
20518
+ margin-bottom: 8px !important; }
20519
+
19745
20520
  .display-none {
19746
20521
  display: none; }
19747
20522
 
@@ -20568,7 +21343,6 @@ body {
20568
21343
 
20569
21344
  .options-card {
20570
21345
  max-height: 350px;
20571
- min-height: 20px;
20572
21346
  overflow-y: auto;
20573
21347
  overflow-x: hidden;
20574
21348
  border: 1px solid #ccc;
@@ -20576,8 +21350,7 @@ body {
20576
21350
  background-color: #fff;
20577
21351
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
20578
21352
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
20579
- padding: 4px 0;
20580
- z-index: 1000; }
21353
+ padding: 4px 0; }
20581
21354
 
20582
21355
  .timeline-hoc-container .checkpoint-done header, .timeline-hoc-container .checkpoint header {
20583
21356
  -webkit-box-flex: 1;
@@ -21935,12 +22708,6 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
21935
22708
  .margin-right-50 {
21936
22709
  margin-right: 50px; }
21937
22710
 
21938
- .engagementForm {
21939
- width: 70%; }
21940
- @media (max-width: 768px) {
21941
- .engagementForm {
21942
- width: 100%; } }
21943
-
21944
22711
  .surveyCardSection {
21945
22712
  background: #fff;
21946
22713
  display: block;
@@ -21951,32 +22718,17 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
21951
22718
  .surveyCardSection {
21952
22719
  width: 100%; } }
21953
22720
 
21954
- .hrms-text-transform {
21955
- text-transform: none !important; }
21956
-
21957
22721
  .noc-popupStyles {
21958
22722
  width: unset;
21959
22723
  min-width: 360px;
21960
22724
  max-width: 600px;
21961
22725
  padding: 20px; }
21962
22726
 
21963
- .security-banner {
21964
- width: 100%;
21965
- max-width: 920px;
21966
- margin: 1px auto 20px;
21967
- padding: 16px 24px;
21968
- border-radius: 12px;
21969
- background: -webkit-gradient(linear, left top, right top, from(#1e4db7), to(#3a7bd5));
21970
- background: linear-gradient(90deg, #1e4db7, #3a7bd5);
21971
- color: #fff;
21972
- -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
21973
- box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
21974
- display: -webkit-box;
21975
- display: -ms-flexbox;
21976
- display: flex;
21977
- grid-gap: 14px;
21978
- gap: 14px;
21979
- -webkit-box-align: start;
21980
- -ms-flex-align: start;
21981
- align-items: flex-start;
21982
- line-height: 1.6; }
22727
+ .engagementForm {
22728
+ width: 70%; }
22729
+ @media (max-width: 768px) {
22730
+ .engagementForm {
22731
+ width: 100%; } }
22732
+
22733
+ .hrms-text-transform {
22734
+ text-transform: none !important; }