@pmidc/upyog-css 1.0.26 → 1.0.28

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
@@ -10733,6 +10733,123 @@ body {
10733
10733
  color: red;
10734
10734
  font-weight: 700; }
10735
10735
 
10736
+ .ViewAttendence .tablechart {
10737
+ display: -webkit-box;
10738
+ display: -ms-flexbox;
10739
+ display: flex;
10740
+ -webkit-box-orient: horizontal;
10741
+ -webkit-box-direction: normal;
10742
+ -ms-flex-direction: row;
10743
+ flex-direction: row;
10744
+ -ms-flex-wrap: wrap;
10745
+ flex-wrap: wrap;
10746
+ grid-gap: 16px;
10747
+ gap: 16px; }
10748
+
10749
+ .ViewAttendence .attendanceimage, .ViewAttendence .tablechartinner {
10750
+ -webkit-box-flex: 1;
10751
+ -ms-flex: 1 1 300px;
10752
+ flex: 1 1 300px;
10753
+ min-width: 300px; }
10754
+
10755
+ .ViewAttendence .attendanceimage {
10756
+ display: -webkit-box;
10757
+ display: -ms-flexbox;
10758
+ display: flex;
10759
+ -webkit-box-align: center;
10760
+ -ms-flex-align: center;
10761
+ align-items: center;
10762
+ -webkit-box-pack: center;
10763
+ -ms-flex-pack: center;
10764
+ justify-content: center;
10765
+ padding: 16px; }
10766
+
10767
+ .ViewAttendence .attendanceimg {
10768
+ max-width: 100%;
10769
+ max-height: 300px;
10770
+ -o-object-fit: contain;
10771
+ object-fit: contain; }
10772
+
10773
+ .ViewAttendence .attendancecard {
10774
+ margin-bottom: 16px; }
10775
+
10776
+ .swachempfilter {
10777
+ background-color: red;
10778
+ padding-bottom: 90px !important; }
10779
+
10780
+ .alignmentSettle .form-field {
10781
+ width: calc(25% - 15px) !important;
10782
+ margin-right: 15px !important;
10783
+ margin-bottom: 16px !important;
10784
+ min-width: calc(25% - 15px) !important;
10785
+ max-width: calc(25% - 15px) !important; }
10786
+
10787
+ .alignmentSettle .form-field:nth-child(4n), .alignmentSettle .submit {
10788
+ margin-right: 0 !important; }
10789
+
10790
+ .alignmentSettle .submit {
10791
+ width: calc(25% - 15px) !important;
10792
+ min-width: calc(25% - 15px) !important;
10793
+ max-width: calc(25% - 15px) !important;
10794
+ margin-top: 0 !important;
10795
+ display: -webkit-box !important;
10796
+ display: -ms-flexbox !important;
10797
+ display: flex !important;
10798
+ -webkit-box-orient: vertical !important;
10799
+ -webkit-box-direction: normal !important;
10800
+ -ms-flex-direction: column !important;
10801
+ flex-direction: column !important;
10802
+ -webkit-box-pack: end !important;
10803
+ -ms-flex-pack: end !important;
10804
+ justify-content: flex-end !important; }
10805
+ .alignmentSettle .submit button {
10806
+ width: 100% !important;
10807
+ height: 40px !important;
10808
+ margin-bottom: 4px !important;
10809
+ font-size: 14px !important; }
10810
+ .alignmentSettle .submit p {
10811
+ width: 100% !important;
10812
+ margin: 0 !important;
10813
+ text-align: center !important;
10814
+ font-size: 12px !important; }
10815
+
10816
+ @media (max-width: 1024px) {
10817
+ .alignmentSettle .form-field {
10818
+ width: calc(50% - 10px) !important;
10819
+ min-width: calc(50% - 10px) !important;
10820
+ max-width: calc(50% - 10px) !important; }
10821
+ .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(4n) {
10822
+ margin-right: 10px !important; }
10823
+ .alignmentSettle .form-field:nth-child(2n) {
10824
+ margin-right: 0 !important; }
10825
+ .alignmentSettle .submit {
10826
+ width: calc(50% - 10px) !important;
10827
+ min-width: calc(50% - 10px) !important;
10828
+ max-width: calc(50% - 10px) !important; } }
10829
+
10830
+ @media (max-width: 640px) {
10831
+ .alignmentSettle .form-field {
10832
+ width: 100% !important;
10833
+ min-width: 100% !important;
10834
+ max-width: 100% !important;
10835
+ margin-bottom: 12px !important; }
10836
+ .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
10837
+ margin-right: 0 !important; }
10838
+ .alignmentSettle .submit {
10839
+ width: 100% !important;
10840
+ min-width: 100% !important;
10841
+ max-width: 100% !important;
10842
+ margin-top: 8px !important; }
10843
+ .alignmentSettle .submit button {
10844
+ height: 44px !important;
10845
+ font-size: 16px !important; } }
10846
+
10847
+ @media (max-width: 480px) {
10848
+ .alignmentSettle .form-field {
10849
+ margin-bottom: 10px !important; }
10850
+ .alignmentSettle .submit button {
10851
+ height: 48px !important; } }
10852
+
10736
10853
  .requiredField {
10737
10854
  color: red !important; }
10738
10855