@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 +751 -9
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/uploadcomponents.scss +3 -1
- package/src/index.scss +10 -8
- package/src/modules/BPA/index.scss +28 -5
- package/src/modules/TL/index.scss +768 -0
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:
|
|
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
|
-
|
|
19591
|
-
|
|
19592
|
-
|
|
19593
|
-
width:
|
|
19594
|
-
|
|
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; }
|