@pmidc/upyog-css 1.2.36-dev.1.1 → 1.2.36-dev.1.3

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
@@ -4474,7 +4474,8 @@ body {
4474
4474
  .upload-file input, .upload-file .checkbox-wrap .input-emp, .checkbox-wrap .upload-file .input-emp {
4475
4475
  position: absolute;
4476
4476
  opacity: 0;
4477
- height: 100%;
4477
+ height: 40px;
4478
+ width: 175px;
4478
4479
  top: 20%;
4479
4480
  left: 3%; }
4480
4481
 
@@ -19587,11 +19588,12 @@ body {
19587
19588
  min-height: 50px; }
19588
19589
 
19589
19590
  .upload-file-button {
19590
- height: auto;
19591
- min-height: 40px;
19592
- max-height: 40px;
19593
- width: 43%;
19594
- padding: 0; }
19591
+ position: absolute;
19592
+ opacity: 0;
19593
+ height: 40px;
19594
+ width: 175px;
19595
+ top: 10px;
19596
+ left: 15px; }
19595
19597
 
19596
19598
  .upload-hidden {
19597
19599
  display: none; }
@@ -19620,6 +19622,43 @@ body {
19620
19622
  .error-text {
19621
19623
  color: red; }
19622
19624
 
19625
+ .advisory-text {
19626
+ font-size: 13px;
19627
+ color: red;
19628
+ margin: 0; }
19629
+
19630
+ .upload-file-new {
19631
+ min-height: 56px;
19632
+ position: relative;
19633
+ border-width: 1px;
19634
+ --border-opacity:1;
19635
+ border-color: #464646;
19636
+ border-color: rgba(70, 70, 70, var(--border-opacity));
19637
+ width: 100%;
19638
+ border-radius: 10px; }
19639
+ .upload-file-new div {
19640
+ display: -webkit-box;
19641
+ display: -ms-flexbox;
19642
+ display: flex;
19643
+ -webkit-box-orient: horizontal;
19644
+ -webkit-box-direction: normal;
19645
+ -ms-flex-direction: row;
19646
+ flex-direction: row;
19647
+ height: 100%;
19648
+ -webkit-box-align: center;
19649
+ -ms-flex-align: center;
19650
+ align-items: center;
19651
+ padding-left: 16px;
19652
+ margin-top: 8px;
19653
+ margin-bottom: 8px;
19654
+ -ms-flex-wrap: wrap;
19655
+ flex-wrap: wrap;
19656
+ border-radius: 10px; }
19657
+ .upload-file-new div .file-upload-status {
19658
+ font-size: 16px;
19659
+ line-height: 24px;
19660
+ margin-left: 8px; }
19661
+
19623
19662
  @media (max-width: 768px) {
19624
19663
  .upload-tag-container {
19625
19664
  width: 80%; } }
@@ -19661,6 +19700,708 @@ body {
19661
19700
  border-radius: 10%;
19662
19701
  cursor: pointer; }
19663
19702
 
19703
+ .TL-response-dFlex-endBaseL {
19704
+ -webkit-box-align: baseline !important;
19705
+ -ms-flex-align: baseline !important;
19706
+ align-items: baseline !important; }
19707
+
19708
+ .TL-response-dFlex-endBaseL, .TL-response-dFlex-endGapW {
19709
+ display: -webkit-box !important;
19710
+ display: -ms-flexbox !important;
19711
+ display: flex !important;
19712
+ -webkit-box-pack: end !important;
19713
+ -ms-flex-pack: end !important;
19714
+ justify-content: flex-end !important; }
19715
+
19716
+ .TL-response-dFlex-endGapW {
19717
+ grid-gap: 1rem !important;
19718
+ gap: 1rem !important;
19719
+ width: auto !important; }
19720
+
19721
+ .TL-ml-unset {
19722
+ margin-left: unset !important; }
19723
+
19724
+ .TL-mt-16 {
19725
+ margin-top: 16px; }
19726
+
19727
+ .TL-mb-10 {
19728
+ margin-bottom: 10px; }
19729
+
19730
+ .TL-ml-16 {
19731
+ margin-left: 16px; }
19732
+
19733
+ .TL-wAuto {
19734
+ width: auto !important; }
19735
+
19736
+ .Tl-ml-15 {
19737
+ margin-left: 15px !important; }
19738
+
19739
+ .TL-mr-1 {
19740
+ margin-right: 1rem !important; }
19741
+
19742
+ .TL-ground-ml-0 {
19743
+ margin-left: 0 !important; }
19744
+
19745
+ .TL-ground-full-width {
19746
+ width: 100% !important; }
19747
+
19748
+ .TL-breadcrumb-offset {
19749
+ margin-left: 15px !important;
19750
+ margin-top: 3rem !important; }
19751
+
19752
+ .TL-chb-container {
19753
+ width: 100% !important;
19754
+ padding-right: 25px !important;
19755
+ padding-left: 25px !important; }
19756
+
19757
+ .TL-page-title {
19758
+ color: #000 !important;
19759
+ font-family: Noto Sans, sans-serif !important;
19760
+ font-size: 28px !important;
19761
+ font-weight: 500 !important;
19762
+ margin: 0 !important; }
19763
+
19764
+ .TL-divider {
19765
+ border: 1px solid #dfe0e2 !important;
19766
+ margin-bottom: 50px !important; }
19767
+
19768
+ .TL-divider, .TL-full-width-container {
19769
+ width: 100% !important; }
19770
+
19771
+ .TL-label-inline-100 {
19772
+ width: 100px !important;
19773
+ display: inline !important; }
19774
+
19775
+ .TL-mb-15 {
19776
+ margin-bottom: 15px !important; }
19777
+
19778
+ .TL-flex-center-start-gap10 {
19779
+ display: -webkit-box !important;
19780
+ display: -ms-flexbox !important;
19781
+ display: flex !important;
19782
+ -webkit-box-pack: center !important;
19783
+ -ms-flex-pack: center !important;
19784
+ justify-content: center !important;
19785
+ -webkit-box-align: start !important;
19786
+ -ms-flex-align: start !important;
19787
+ align-items: flex-start !important;
19788
+ grid-gap: 10px !important;
19789
+ gap: 10px !important; }
19790
+
19791
+ .TL-z10-relative {
19792
+ z-index: 10 !important;
19793
+ position: relative !important; }
19794
+
19795
+ .TL-fee-layout {
19796
+ display: -webkit-box !important;
19797
+ display: -ms-flexbox !important;
19798
+ display: flex !important;
19799
+ -webkit-box-pack: justify !important;
19800
+ -ms-flex-pack: justify !important;
19801
+ justify-content: space-between !important;
19802
+ -webkit-box-align: start !important;
19803
+ -ms-flex-align: start !important;
19804
+ align-items: flex-start !important; }
19805
+
19806
+ .TL-flex-1 {
19807
+ -webkit-box-flex: 1 !important;
19808
+ -ms-flex: 1 !important;
19809
+ flex: 1 !important; }
19810
+
19811
+ .TL-fee-table {
19812
+ width: 100% !important;
19813
+ border-collapse: collapse !important; }
19814
+
19815
+ .TL-fee-td-label {
19816
+ padding: 12px 16px !important;
19817
+ color: #0b4da2 !important;
19818
+ font-weight: 600 !important; }
19819
+
19820
+ .TL-tooltip-icon {
19821
+ display: inline-block !important;
19822
+ width: 16px !important;
19823
+ height: 16px !important;
19824
+ border-radius: 50% !important;
19825
+ background-color: #6c757d !important;
19826
+ color: #fff !important;
19827
+ text-align: center !important;
19828
+ font-size: 11px !important;
19829
+ line-height: 16px !important;
19830
+ margin-left: 6px !important;
19831
+ cursor: pointer !important; }
19832
+
19833
+ .TL-fee-td-right {
19834
+ padding: 12px 16px !important;
19835
+ text-align: right !important; }
19836
+
19837
+ .TL-fee-total-row {
19838
+ border-top: 2px solid #0b4da2 !important; }
19839
+
19840
+ .TL-fee-td-total-label {
19841
+ color: #0b4da2 !important; }
19842
+
19843
+ .TL-fee-td-total-amount, .TL-fee-td-total-label {
19844
+ padding: 12px 16px !important;
19845
+ font-weight: 700 !important; }
19846
+
19847
+ .TL-fee-summary-box, .TL-fee-td-total-amount {
19848
+ text-align: right !important; }
19849
+
19850
+ .TL-fee-summary-box {
19851
+ margin-left: 40px !important;
19852
+ min-width: 200px !important; }
19853
+
19854
+ .TL-fee-summary-label {
19855
+ color: #0b4da2 !important;
19856
+ font-size: 14px !important; }
19857
+
19858
+ .TL-fee-summary-amount {
19859
+ font-size: 36px !important;
19860
+ font-weight: 700 !important; }
19861
+
19862
+ .TL-fee-actions {
19863
+ padding-top: 16px !important;
19864
+ display: -webkit-box !important;
19865
+ display: -ms-flexbox !important;
19866
+ display: flex !important;
19867
+ grid-gap: 24px !important;
19868
+ gap: 24px !important; }
19869
+
19870
+ .TL-action-link {
19871
+ color: #d4351c !important;
19872
+ font-weight: 700 !important;
19873
+ cursor: pointer !important;
19874
+ text-transform: uppercase !important;
19875
+ font-size: 14px !important; }
19876
+
19877
+ .TL-modal-overlay {
19878
+ position: fixed !important;
19879
+ top: 0 !important;
19880
+ left: 0 !important;
19881
+ right: 0 !important;
19882
+ bottom: 0 !important;
19883
+ background-color: rgba(0, 0, 0, 0.5) !important;
19884
+ z-index: 9999 !important;
19885
+ display: -webkit-box !important;
19886
+ display: -ms-flexbox !important;
19887
+ display: flex !important;
19888
+ -webkit-box-pack: center !important;
19889
+ -ms-flex-pack: center !important;
19890
+ justify-content: center !important;
19891
+ -webkit-box-align: center !important;
19892
+ -ms-flex-align: center !important;
19893
+ align-items: center !important; }
19894
+
19895
+ .TL-modal-content-sm {
19896
+ min-width: 400px !important;
19897
+ max-width: 550px !important;
19898
+ max-height: 80vh !important; }
19899
+
19900
+ .TL-modal-content-md, .TL-modal-content-sm {
19901
+ background-color: #fff !important;
19902
+ border-radius: 4px !important;
19903
+ padding: 24px !important;
19904
+ overflow-y: auto !important;
19905
+ position: relative !important;
19906
+ -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
19907
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; }
19908
+
19909
+ .TL-modal-content-md {
19910
+ min-width: 500px !important;
19911
+ max-width: 600px !important;
19912
+ max-height: 85vh !important; }
19913
+
19914
+ .TL-modal-header-lg {
19915
+ display: -webkit-box !important;
19916
+ display: -ms-flexbox !important;
19917
+ display: flex !important;
19918
+ -webkit-box-pack: justify !important;
19919
+ -ms-flex-pack: justify !important;
19920
+ justify-content: space-between !important;
19921
+ -webkit-box-align: center !important;
19922
+ -ms-flex-align: center !important;
19923
+ align-items: center !important;
19924
+ margin-bottom: 20px !important; }
19925
+
19926
+ .TL-breakup-section-title-mt {
19927
+ font-size: 14px !important;
19928
+ font-weight: 600 !important;
19929
+ margin-top: 12px !important;
19930
+ margin-bottom: 8px !important; }
19931
+
19932
+ .TL-breakup-row-bold {
19933
+ padding: 4px 0 !important; }
19934
+
19935
+ .TL-breakup-row-bold, .TL-breakup-subtotal {
19936
+ display: -webkit-box !important;
19937
+ display: -ms-flexbox !important;
19938
+ display: flex !important;
19939
+ -webkit-box-pack: justify !important;
19940
+ -ms-flex-pack: justify !important;
19941
+ justify-content: space-between !important;
19942
+ font-size: 13px !important;
19943
+ font-weight: 600 !important; }
19944
+
19945
+ .TL-breakup-subtotal {
19946
+ border-top: 1px solid #ddd !important;
19947
+ padding: 6px 0 !important;
19948
+ margin-top: 4px !important; }
19949
+
19950
+ .TL-breakup-final-section {
19951
+ border-top: 2px solid #333 !important;
19952
+ margin-top: 12px !important;
19953
+ padding-top: 8px !important; }
19954
+
19955
+ .TL-breakup-rebate-section {
19956
+ border-top: 1px solid #ddd !important;
19957
+ margin-top: 8px !important;
19958
+ padding-top: 8px !important; }
19959
+
19960
+ .TL-loader-overlay {
19961
+ position: fixed !important;
19962
+ top: 0 !important;
19963
+ left: 0 !important;
19964
+ right: 0 !important;
19965
+ bottom: 0 !important;
19966
+ background-color: rgba(255, 255, 255, 0.7) !important;
19967
+ z-index: 10000 !important;
19968
+ display: -webkit-box !important;
19969
+ display: -ms-flexbox !important;
19970
+ display: flex !important;
19971
+ -webkit-box-pack: center !important;
19972
+ -ms-flex-pack: center !important;
19973
+ justify-content: center !important;
19974
+ -webkit-box-align: center !important;
19975
+ -ms-flex-align: center !important;
19976
+ align-items: center !important; }
19977
+
19978
+ .TL-mb-20 {
19979
+ margin-bottom: 20px !important; }
19980
+
19981
+ .TL-adhoc-section-title {
19982
+ font-size: 15px !important;
19983
+ font-weight: 600 !important;
19984
+ margin-bottom: 12px !important;
19985
+ color: #0b4da2 !important; }
19986
+
19987
+ .TL-form-label {
19988
+ display: block !important;
19989
+ font-size: 13px !important;
19990
+ margin-bottom: 4px !important;
19991
+ color: #505a5f !important; }
19992
+
19993
+ .TL-form-input, .TL-form-select {
19994
+ width: 100% !important;
19995
+ padding: 10px 12px !important;
19996
+ border: 1px solid #d6d5d4 !important;
19997
+ border-radius: 2px !important;
19998
+ font-size: 14px !important;
19999
+ -webkit-box-sizing: border-box !important;
20000
+ box-sizing: border-box !important; }
20001
+
20002
+ .TL-form-select {
20003
+ background-color: #fff !important; }
20004
+
20005
+ .TL-form-textarea {
20006
+ width: 100% !important;
20007
+ padding: 10px 12px !important;
20008
+ border: 1px solid #d6d5d4 !important;
20009
+ border-radius: 2px !important;
20010
+ font-size: 14px !important;
20011
+ -webkit-box-sizing: border-box !important;
20012
+ box-sizing: border-box !important;
20013
+ resize: vertical !important; }
20014
+
20015
+ .TL-adhoc-divider {
20016
+ border: none !important;
20017
+ border-top: 1px solid #d6d5d4 !important;
20018
+ margin: 16px 0 !important; }
20019
+
20020
+ .TL-adhoc-actions {
20021
+ display: -webkit-box !important;
20022
+ display: -ms-flexbox !important;
20023
+ display: flex !important;
20024
+ -webkit-box-pack: end !important;
20025
+ -ms-flex-pack: end !important;
20026
+ justify-content: flex-end !important;
20027
+ grid-gap: 12px !important;
20028
+ gap: 12px !important;
20029
+ margin-top: 16px !important; }
20030
+
20031
+ .TL-btn-cancel {
20032
+ border: 1px solid #0b4da2 !important;
20033
+ background-color: #fff !important;
20034
+ color: #0b4da2 !important;
20035
+ cursor: pointer !important;
20036
+ border-radius: 2px !important; }
20037
+
20038
+ .TL-btn-cancel, .TL-btn-submit {
20039
+ padding: 10px 24px !important;
20040
+ font-size: 14px !important;
20041
+ font-weight: 600 !important;
20042
+ text-transform: uppercase !important; }
20043
+
20044
+ .TL-btn-submit {
20045
+ border: none !important;
20046
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
20047
+ color: #fff !important;
20048
+ border-radius: 2px !important; }
20049
+
20050
+ .TL-btn-disabled {
20051
+ cursor: not-allowed !important;
20052
+ opacity: 0.7 !important; }
20053
+
20054
+ .TL-max-width-960 {
20055
+ max-width: 960px !important; }
20056
+
20057
+ .TL-multi-box {
20058
+ border: groove !important;
20059
+ background: #fafafa !important;
20060
+ border-radius: 4px !important;
20061
+ padding-left: 10px !important;
20062
+ padding-right: 10px !important;
20063
+ margin-top: 10px !important;
20064
+ margin-bottom: 10px !important; }
20065
+
20066
+ .TL-doc-container {
20067
+ margin-top: 20px !important;
20068
+ margin-bottom: 20px !important;
20069
+ border-radius: 4px !important;
20070
+ border: 1px solid #e0e4e8 !important;
20071
+ background-color: #f9f9f9 !important;
20072
+ padding: 16px !important; }
20073
+
20074
+ .TL-no-doc-placeholder {
20075
+ padding: 16px !important;
20076
+ color: #7a8a96 !important;
20077
+ background-color: #fff !important;
20078
+ border-radius: 4px !important; }
20079
+
20080
+ .TL-alignC, .TL-no-doc-placeholder {
20081
+ text-align: center !important; }
20082
+
20083
+ .TL-stepper-nav {
20084
+ -webkit-box-orient: vertical !important;
20085
+ -webkit-box-direction: normal !important;
20086
+ -ms-flex-direction: column !important;
20087
+ flex-direction: column !important;
20088
+ padding: 18px !important;
20089
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8fafc)) !important;
20090
+ background: linear-gradient(180deg, #fff, #f8fafc) !important;
20091
+ border: 1px solid rgba(15, 23, 42, 0.04) !important;
20092
+ -webkit-box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
20093
+ box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
20094
+ border-radius: 12px !important;
20095
+ min-width: 120px !important;
20096
+ max-width: 320px !important; }
20097
+
20098
+ .TL-step-item, .TL-stepper-nav {
20099
+ display: -webkit-box !important;
20100
+ display: -ms-flexbox !important;
20101
+ display: flex !important;
20102
+ -webkit-box-align: center !important;
20103
+ -ms-flex-align: center !important;
20104
+ align-items: center !important; }
20105
+
20106
+ .TL-step-item {
20107
+ -webkit-box-pack: end !important;
20108
+ -ms-flex-pack: end !important;
20109
+ justify-content: flex-end !important;
20110
+ -webkit-box-flex: 0 !important;
20111
+ -ms-flex: 0 0 auto !important;
20112
+ flex: 0 0 auto !important;
20113
+ padding: 14px 12px !important;
20114
+ width: 260px !important;
20115
+ margin-bottom: 18px !important; }
20116
+
20117
+ .TL-step-item-last {
20118
+ margin-bottom: 6px !important; }
20119
+
20120
+ .TL-step-active {
20121
+ color: #0d43a7 !important; }
20122
+
20123
+ .TL-step-inactive {
20124
+ color: #9ca3af !important; }
20125
+
20126
+ .TL-step-sub-content {
20127
+ -webkit-box-orient: vertical !important;
20128
+ -webkit-box-direction: normal !important;
20129
+ -ms-flex-direction: column !important;
20130
+ flex-direction: column !important;
20131
+ -webkit-box-align: end !important;
20132
+ -ms-flex-align: end !important;
20133
+ align-items: flex-end !important;
20134
+ margin: 10px !important; }
20135
+
20136
+ .TL-step-circle, .TL-step-sub-content {
20137
+ display: -webkit-box !important;
20138
+ display: -ms-flexbox !important;
20139
+ display: flex !important; }
20140
+
20141
+ .TL-step-circle {
20142
+ width: 56px !important;
20143
+ height: 56px !important;
20144
+ border-radius: 50% !important;
20145
+ -webkit-box-align: center !important;
20146
+ -ms-flex-align: center !important;
20147
+ align-items: center !important;
20148
+ -webkit-box-pack: center !important;
20149
+ -ms-flex-pack: center !important;
20150
+ justify-content: center !important;
20151
+ margin-bottom: 8px !important;
20152
+ font-weight: 600 !important;
20153
+ font-size: 18px !important;
20154
+ position: relative !important; }
20155
+
20156
+ .TL-step-circle-completed {
20157
+ background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
20158
+ color: #fff !important;
20159
+ border: none !important;
20160
+ -webkit-box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important;
20161
+ box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important; }
20162
+
20163
+ .TL-step-circle-pending {
20164
+ background: #fff !important;
20165
+ color: #0f172a !important;
20166
+ border: 1px solid rgba(15, 23, 42, 0.08) !important;
20167
+ -webkit-box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important;
20168
+ box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important; }
20169
+
20170
+ .TL-search-wAuto {
20171
+ width: auto !important; }
20172
+
20173
+ .TL-search-ml-24 {
20174
+ margin-left: 24px !important; }
20175
+
20176
+ [dir=ltr] .TL-text-start {
20177
+ text-align: left !important; }
20178
+
20179
+ [dir=rtl] .TL-text-start {
20180
+ text-align: right !important; }
20181
+
20182
+ .TL-search-error {
20183
+ font-weight: 700 !important;
20184
+ color: #d4351c !important;
20185
+ padding-left: 8px !important;
20186
+ margin-top: -10px !important;
20187
+ font-size: 12px !important; }
20188
+
20189
+ .TL-search-clear-wrapper {
20190
+ width: 240px !important;
20191
+ text-align: right !important;
20192
+ margin-left: 96px !important;
20193
+ margin-top: 8px !important; }
20194
+
20195
+ .TL-w-full {
20196
+ width: 100% !important; }
20197
+
20198
+ .TL-pt-9 {
20199
+ padding-top: 9px !important; }
20200
+
20201
+ .TL-p-0 {
20202
+ padding: 0 !important; }
20203
+
20204
+ .TL-color-error {
20205
+ color: #a82227 !important; }
20206
+
20207
+ .TL-property-search-field {
20208
+ margin-top: 20px !important;
20209
+ display: -webkit-box !important;
20210
+ display: -ms-flexbox !important;
20211
+ display: flex !important; }
20212
+
20213
+ .TL-btn-white, .TL-search-btn {
20214
+ color: #fff !important; }
20215
+
20216
+ .TL-search-btn {
20217
+ padding: 8px 16px !important;
20218
+ border: none !important;
20219
+ border-radius: 4px !important;
20220
+ font-size: 13px !important;
20221
+ font-weight: 600 !important;
20222
+ white-space: nowrap !important;
20223
+ min-width: 80px !important;
20224
+ height: 38px !important;
20225
+ -webkit-transition: all 0.2s ease !important;
20226
+ transition: all 0.2s ease !important; }
20227
+
20228
+ .TL-search-btn-active {
20229
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
20230
+ cursor: pointer !important; }
20231
+
20232
+ .TL-search-btn-searching {
20233
+ background: #94a3b8 !important;
20234
+ cursor: not-allowed !important; }
20235
+
20236
+ .TL-mb-16 {
20237
+ margin-bottom: 16px !important; }
20238
+
20239
+ .TL-mb-24 {
20240
+ margin-bottom: 24px !important; }
20241
+
20242
+ .TL-mt-4 {
20243
+ margin-top: 4px !important; }
20244
+
20245
+ .TL-doc-note {
20246
+ font-size: 13px !important;
20247
+ color: #505a5f !important;
20248
+ margin-bottom: 12px !important; }
20249
+
20250
+ .TL-download-btn {
20251
+ background-color: #5e5e5e !important;
20252
+ color: #fff !important;
20253
+ border: none !important;
20254
+ padding: 10px 20px !important;
20255
+ font-size: 14px !important;
20256
+ font-weight: 700 !important;
20257
+ cursor: pointer !important;
20258
+ letter-spacing: 0.5px !important; }
20259
+
20260
+ .TL-doc-file-info {
20261
+ font-size: 12px !important;
20262
+ color: #505a5f !important;
20263
+ margin-top: 4px !important; }
20264
+
20265
+ .TL-mt-5 {
20266
+ margin-top: 5px !important; }
20267
+
20268
+ .TL-mt-12 {
20269
+ margin-top: 12px !important; }
20270
+
20271
+ .TL-fw-600 {
20272
+ font-weight: 600 !important; }
20273
+
20274
+ .TL-breakup-link {
20275
+ color: #a82227 !important;
20276
+ cursor: pointer !important;
20277
+ font-weight: 700 !important;
20278
+ text-decoration: underline !important;
20279
+ font-size: 14px !important; }
20280
+
20281
+ .TL-modal-backdrop {
20282
+ position: fixed !important;
20283
+ top: 0 !important;
20284
+ left: 0 !important;
20285
+ right: 0 !important;
20286
+ bottom: 0 !important;
20287
+ background-color: rgba(0, 0, 0, 0.5) !important;
20288
+ z-index: 9999 !important;
20289
+ display: -webkit-box !important;
20290
+ display: -ms-flexbox !important;
20291
+ display: flex !important;
20292
+ -webkit-box-pack: center !important;
20293
+ -ms-flex-pack: center !important;
20294
+ justify-content: center !important;
20295
+ -webkit-box-align: center !important;
20296
+ -ms-flex-align: center !important;
20297
+ align-items: center !important; }
20298
+
20299
+ .TL-modal-content {
20300
+ background-color: #fff !important;
20301
+ border-radius: 4px !important;
20302
+ padding: 24px !important;
20303
+ min-width: 400px !important;
20304
+ max-width: 550px !important;
20305
+ max-height: 80vh !important;
20306
+ overflow-y: auto !important;
20307
+ position: relative !important;
20308
+ -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
20309
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; }
20310
+
20311
+ .TL-modal-header {
20312
+ display: -webkit-box !important;
20313
+ display: -ms-flexbox !important;
20314
+ display: flex !important;
20315
+ -webkit-box-pack: justify !important;
20316
+ -ms-flex-pack: justify !important;
20317
+ justify-content: space-between !important;
20318
+ -webkit-box-align: center !important;
20319
+ -ms-flex-align: center !important;
20320
+ align-items: center !important;
20321
+ margin-bottom: 16px !important; }
20322
+
20323
+ .TL-modal-title {
20324
+ margin: 0 !important;
20325
+ font-size: 18px !important;
20326
+ font-weight: 600 !important; }
20327
+
20328
+ .TL-modal-close {
20329
+ cursor: pointer !important;
20330
+ font-size: 20px !important;
20331
+ font-weight: 700 !important;
20332
+ color: #666 !important; }
20333
+
20334
+ .TL-breakup-section-title {
20335
+ font-size: 14px !important;
20336
+ font-weight: 600 !important;
20337
+ margin-bottom: 8px !important; }
20338
+
20339
+ .TL-breakup-row {
20340
+ padding: 4px 0 !important; }
20341
+
20342
+ .TL-breakup-row, .TL-breakup-subtotal-row {
20343
+ display: -webkit-box !important;
20344
+ display: -ms-flexbox !important;
20345
+ display: flex !important;
20346
+ -webkit-box-pack: justify !important;
20347
+ -ms-flex-pack: justify !important;
20348
+ justify-content: space-between !important;
20349
+ font-size: 13px !important; }
20350
+
20351
+ .TL-breakup-subtotal-row {
20352
+ border-top: 1px solid #ddd !important;
20353
+ padding: 6px 0 !important;
20354
+ font-weight: 600 !important;
20355
+ margin-top: 4px !important; }
20356
+
20357
+ .TL-breakup-strong-section {
20358
+ border-top: 2px solid #333 !important;
20359
+ margin-top: 12px !important;
20360
+ padding-top: 8px !important; }
20361
+
20362
+ .TL-breakup-light-section {
20363
+ border-top: 1px solid #ddd !important; }
20364
+
20365
+ .TL-breakup-grand-total, .TL-breakup-light-section {
20366
+ margin-top: 8px !important;
20367
+ padding-top: 8px !important; }
20368
+
20369
+ .TL-breakup-grand-total {
20370
+ display: -webkit-box !important;
20371
+ display: -ms-flexbox !important;
20372
+ display: flex !important;
20373
+ -webkit-box-pack: justify !important;
20374
+ -ms-flex-pack: justify !important;
20375
+ justify-content: space-between !important;
20376
+ border-top: 2px solid #333 !important;
20377
+ font-weight: 700 !important;
20378
+ font-size: 15px !important; }
20379
+
20380
+ .TL-item-index {
20381
+ font-weight: 600 !important;
20382
+ margin-bottom: 0.5rem !important; }
20383
+
20384
+ .TL-declaration-row {
20385
+ display: -webkit-box !important;
20386
+ display: -ms-flexbox !important;
20387
+ display: flex !important;
20388
+ -webkit-box-align: center !important;
20389
+ -ms-flex-align: center !important;
20390
+ align-items: center !important;
20391
+ grid-gap: 10px !important;
20392
+ gap: 10px !important;
20393
+ cursor: pointer !important;
20394
+ margin-top: 20px !important; }
20395
+
20396
+ .TL-declaration-checkbox {
20397
+ width: 18px !important;
20398
+ height: 18px !important;
20399
+ cursor: pointer !important; }
20400
+
20401
+ .TL-declaration-label {
20402
+ cursor: pointer !important;
20403
+ margin: 0 !important; }
20404
+
19664
20405
  .display-none {
19665
20406
  display: none; }
19666
20407
 
@@ -20487,7 +21228,6 @@ body {
20487
21228
 
20488
21229
  .options-card {
20489
21230
  max-height: 350px;
20490
- min-height: 20px;
20491
21231
  overflow-y: auto;
20492
21232
  overflow-x: hidden;
20493
21233
  border: 1px solid #ccc;
@@ -20495,8 +21235,7 @@ body {
20495
21235
  background-color: #fff;
20496
21236
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
20497
21237
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
20498
- padding: 4px 0;
20499
- z-index: 1000; }
21238
+ padding: 4px 0; }
20500
21239
 
20501
21240
  .timeline-hoc-container .checkpoint-done header, .timeline-hoc-container .checkpoint header {
20502
21241
  -webkit-box-flex: 1;
@@ -21863,3 +22602,6 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
21863
22602
  @media (max-width: 768px) {
21864
22603
  .surveyCardSection {
21865
22604
  width: 100%; } }
22605
+
22606
+ .hrms-text-transform {
22607
+ text-transform: none !important; }