@tattvafoundation/upyog-css 1.0.12 → 1.0.14

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
@@ -2083,8 +2083,7 @@ img, video {
2083
2083
 
2084
2084
  .select-wrap {
2085
2085
  margin-bottom: 24px;
2086
- position: relative;
2087
- max-width: 540px; }
2086
+ position: relative; }
2088
2087
  .select-wrap .select {
2089
2088
  position: relative;
2090
2089
  display: block;
@@ -6540,6 +6539,13 @@ video::-webkit-media-controls-panel {
6540
6539
  -ms-flex-pack: end;
6541
6540
  justify-content: flex-end; } }
6542
6541
 
6542
+ .popup-module-action-bar {
6543
+ display: -webkit-box;
6544
+ display: -ms-flexbox;
6545
+ display: flex;
6546
+ grid-gap: 10px;
6547
+ gap: 10px; }
6548
+
6543
6549
  .popup-module-main iframe #page-container div {
6544
6550
  width: 99% !important;
6545
6551
  margin: 5px !important; }
@@ -9574,6 +9580,241 @@ body {
9574
9580
  .bmc-modal .popup-module-main {
9575
9581
  padding: 0; }
9576
9582
 
9583
+ .multi-column-dropdown-wrap {
9584
+ position: relative;
9585
+ font-size: 16px;
9586
+ line-height: 20px;
9587
+ --text-opacity:1;
9588
+ color: #0b0c0c;
9589
+ color: rgba(11, 12, 12, var(--text-opacity));
9590
+ width: 100%; }
9591
+
9592
+ .multi-column-dropdown-wrap .master, .multi-column-dropdown-wrap .master-active {
9593
+ position: relative;
9594
+ --border-opacity:1;
9595
+ border: 1px solid #464646;
9596
+ border-color: rgba(70, 70, 70, var(--border-opacity));
9597
+ height: 2rem;
9598
+ width: 100%; }
9599
+
9600
+ .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text], .checkbox-wrap .multi-column-dropdown-wrap .master .input-emp[type=text], .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text], .multi-column-dropdown-wrap .master-active input[type=text], .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text], .multi-column-dropdown-wrap .master .checkbox-wrap .input-emp[type=text], .multi-column-dropdown-wrap .master input[type=text], .multi-column-dropdown-wrap .master .checkbox-wrap .input-emp[type=text], .checkbox-wrap .multi-column-dropdown-wrap .master .input-emp[type=text] {
9601
+ position: absolute;
9602
+ top: 0;
9603
+ left: 0;
9604
+ padding-left: 8px;
9605
+ min-height: 100%;
9606
+ min-width: 100%;
9607
+ opacity: 0; }
9608
+
9609
+ .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text]:focus, .checkbox-wrap .multi-column-dropdown-wrap .master .input-emp[type=text]:focus, .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text]:focus, .multi-column-dropdown-wrap .master-active input[type=text]:focus, .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text]:focus, .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text]:focus, .multi-column-dropdown-wrap .master .checkbox-wrap .input-emp[type=text]:focus, .multi-column-dropdown-wrap .master input[type=text]:focus, .multi-column-dropdown-wrap .master .checkbox-wrap .input-emp[type=text]:focus, .checkbox-wrap .multi-column-dropdown-wrap .master .input-emp[type=text]:focus {
9610
+ outline: 2px solid transparent;
9611
+ outline-offset: 2px; }
9612
+
9613
+ .multi-column-dropdown-wrap .master-active .label, .multi-column-dropdown-wrap .master .label {
9614
+ display: -webkit-box;
9615
+ display: -ms-flexbox;
9616
+ display: flex;
9617
+ -webkit-box-pack: justify;
9618
+ -ms-flex-pack: justify;
9619
+ justify-content: space-between;
9620
+ padding-left: 8px;
9621
+ width: 100%;
9622
+ height: 100%; }
9623
+
9624
+ .multi-column-dropdown-wrap .master-active .label svg, .multi-column-dropdown-wrap .master .label svg {
9625
+ height: 2rem;
9626
+ width: 2rem; }
9627
+
9628
+ .multi-column-dropdown-wrap .master-active:hover, .multi-column-dropdown-wrap .master:hover {
9629
+ --border-opacity:1;
9630
+ border: 1px solid #a82227;
9631
+ border-color: rgba(168, 34, 39, var(--border-opacity)); }
9632
+
9633
+ .multi-column-dropdown-wrap .master-active {
9634
+ border-width: 1px;
9635
+ --border-opacity:1;
9636
+ border-color: #a82227;
9637
+ border-color: rgba(168, 34, 39, var(--border-opacity)); }
9638
+
9639
+ .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text], .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text], .multi-column-dropdown-wrap .master-active input[type=text], .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text] {
9640
+ opacity: 1; }
9641
+
9642
+ .multi-column-dropdown-wrap .master-active .label {
9643
+ display: none; }
9644
+
9645
+ .multi-column-dropdown-wrap .server {
9646
+ -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
9647
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
9648
+ top: 35px;
9649
+ max-height: 20vmax;
9650
+ overflow: scroll;
9651
+ position: absolute;
9652
+ min-width: 100%;
9653
+ z-index: 20; }
9654
+
9655
+ .multi-column-dropdown-wrap .server div {
9656
+ display: -webkit-box;
9657
+ display: -ms-flexbox;
9658
+ display: flex;
9659
+ width: 100%;
9660
+ background-color: #fff;
9661
+ background-color: rgba(255, 255, 255, var(--bg-opacity)); }
9662
+
9663
+ .multi-column-dropdown-wrap .server div:hover {
9664
+ background-color: #eee;
9665
+ background-color: rgba(238, 238, 238, var(--bg-opacity)); }
9666
+
9667
+ .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp, .multi-column-dropdown-wrap .server div input, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp {
9668
+ height: 44px;
9669
+ position: absolute;
9670
+ min-width: 100%;
9671
+ opacity: 0;
9672
+ z-index: 20;
9673
+ cursor: pointer; }
9674
+
9675
+ .multi-column-dropdown-wrap .server div p {
9676
+ padding: 12px;
9677
+ font-size: 16px;
9678
+ line-height: 20px;
9679
+ --text-opacity:1;
9680
+ color: #0b0c0c;
9681
+ color: rgba(11, 12, 12, var(--text-opacity)); }
9682
+
9683
+ .checkbox-wrap .multi-column-dropdown-wrap .server div .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .custom-checkbox-emp {
9684
+ height: 25px;
9685
+ width: 25px;
9686
+ --border-opacity:1;
9687
+ border: 1px solid #464646;
9688
+ border-color: rgba(70, 70, 70, var(--border-opacity));
9689
+ margin: 8px; }
9690
+
9691
+ .checkbox-wrap .multi-column-dropdown-wrap .server div .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .custom-checkbox svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .custom-checkbox-emp svg {
9692
+ opacity: 0;
9693
+ z-index: 10; }
9694
+
9695
+ .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div input:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap input:hover ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div input:hover ~ .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox, .multi-column-dropdown-wrap .server div .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div input:hover ~ .custom-checkbox-emp, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp {
9696
+ border-width: 1px;
9697
+ --border-opacity:1;
9698
+ border-color: #a82227;
9699
+ border-color: rgba(168, 34, 39, var(--border-opacity)); }
9700
+
9701
+ .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox svg, .multi-column-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg {
9702
+ opacity: 1; }
9703
+
9704
+ .select-wrap {
9705
+ margin-bottom: 24px;
9706
+ position: relative;
9707
+ max-width: 540px; }
9708
+
9709
+ .select-wrap .select {
9710
+ position: relative;
9711
+ display: block;
9712
+ width: 100%;
9713
+ height: 2rem;
9714
+ --border-opacity:1;
9715
+ border: 1px solid #464646;
9716
+ border-color: rgba(70, 70, 70, var(--border-opacity)); }
9717
+
9718
+ .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text] {
9719
+ width: calc(100% - 32px);
9720
+ background-color: initial;
9721
+ position: absolute;
9722
+ z-index: 10;
9723
+ width: 100%;
9724
+ height: 100%;
9725
+ outline: 2px solid transparent;
9726
+ outline-offset: 2px;
9727
+ padding-left: 8px; }
9728
+
9729
+ .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select p {
9730
+ --text-opacity:1;
9731
+ color: #0b0c0c;
9732
+ color: rgba(11, 12, 12, var(--text-opacity));
9733
+ font-size: 16px;
9734
+ line-height: 20px; }
9735
+
9736
+ .select-wrap .select p {
9737
+ padding-top: 9px;
9738
+ float: left;
9739
+ margin-left: 8px; }
9740
+
9741
+ .select-wrap .select img, .select-wrap .select svg {
9742
+ float: right;
9743
+ height: 2rem;
9744
+ width: 2rem; }
9745
+
9746
+ .select-wrap .select svg {
9747
+ position: absolute;
9748
+ right: 0; }
9749
+
9750
+ .select-wrap .select-active {
9751
+ position: relative;
9752
+ display: block;
9753
+ width: 100%;
9754
+ height: 2rem;
9755
+ --border-opacity:1;
9756
+ border: 1px solid #a82227;
9757
+ border-color: rgba(168, 34, 39, var(--border-opacity)); }
9758
+
9759
+ .checkbox-wrap .select-wrap .select-active .input-emp[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text] {
9760
+ width: calc(100% - 32px);
9761
+ background-color: initial;
9762
+ position: absolute;
9763
+ z-index: 10;
9764
+ width: 100%;
9765
+ height: 100%;
9766
+ outline: 2px solid transparent;
9767
+ outline-offset: 2px;
9768
+ padding-left: 8px; }
9769
+
9770
+ .checkbox-wrap .select-wrap .select-active .input-emp[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text], .select-wrap .select-active p {
9771
+ --text-opacity:1;
9772
+ color: #0b0c0c;
9773
+ color: rgba(11, 12, 12, var(--text-opacity));
9774
+ font-size: 16px;
9775
+ line-height: 20px; }
9776
+
9777
+ .select-wrap .select-active p {
9778
+ float: left;
9779
+ margin-left: 8px;
9780
+ padding-top: 9px; }
9781
+
9782
+ .select-wrap .select-active img, .select-wrap .select-active svg {
9783
+ float: right;
9784
+ height: 2rem;
9785
+ width: 2rem; }
9786
+
9787
+ .select-wrap .select-active svg {
9788
+ position: absolute;
9789
+ right: 0; }
9790
+
9791
+ .select-wrap .options-card {
9792
+ width: 100% !important;
9793
+ -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
9794
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
9795
+ position: absolute;
9796
+ z-index: 20;
9797
+ margin-top: 4px;
9798
+ --bg-opacity:1;
9799
+ background-color: #fff;
9800
+ background-color: rgba(255, 255, 255, var(--bg-opacity)); }
9801
+
9802
+ .select-wrap .options-card p {
9803
+ padding-top: 14px;
9804
+ width: 100%;
9805
+ height: 2rem;
9806
+ padding-left: 8px;
9807
+ --text-opacity:1;
9808
+ color: #0b0c0c;
9809
+ color: rgba(11, 12, 12, var(--text-opacity));
9810
+ font-size: 16px;
9811
+ line-height: 20px; }
9812
+
9813
+ .select-wrap .options-card p:hover {
9814
+ --bg-opacity:1;
9815
+ background-color: #eee;
9816
+ background-color: rgba(238, 238, 238, var(--bg-opacity)); }
9817
+
9577
9818
  @media (max-width: 768px) {
9578
9819
  .deonar-scrollable-table {
9579
9820
  display: -webkit-box !important;