plataforma-fundacao-componentes 2.24.0 → 2.24.2

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.
Files changed (49) hide show
  1. package/dist/components/container/Container.d.ts +1 -7
  2. package/dist/components/formattedText/FormattedText.d.ts +14 -0
  3. package/dist/components/formattedText/FormattedText.stories.d.ts +6 -0
  4. package/dist/components/inputArea/InputArea.d.ts +0 -1
  5. package/dist/components/select/Select.d.ts +4 -1
  6. package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts +1 -2
  7. package/dist/index.css +925 -2848
  8. package/dist/index.d.ts +2 -23
  9. package/dist/index.js +3116 -3993
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.modern.js +2726 -3587
  12. package/dist/index.modern.js.map +1 -1
  13. package/package.json +22 -16
  14. package/dist/components/aconteceu/Aconteceu.d.ts +0 -24
  15. package/dist/components/aconteceu/Aconteceu.stories.d.ts +0 -9
  16. package/dist/components/advancedSemiHeader/AdvancedSemiHeader.d.ts +0 -10
  17. package/dist/components/advancedSemiHeader/AdvancedSemiHeader.stories.d.ts +0 -8
  18. package/dist/components/assembleiaItem/AssembleiaItem.d.ts +0 -23
  19. package/dist/components/assembleiaItem/AssembleiaItem.stories.d.ts +0 -11
  20. package/dist/components/assembleiaPauta/AssembleiaPauta.d.ts +0 -71
  21. package/dist/components/assembleiaPauta/AssembleiaPauta.stories.d.ts +0 -170
  22. package/dist/components/bannerAssembleia/BannerAssembleia.d.ts +0 -13
  23. package/dist/components/bannerAssembleia/BannerAssembleia.stories.d.ts +0 -8
  24. package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.d.ts +0 -19
  25. package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.stories.d.ts +0 -8
  26. package/dist/components/blocoDeNotas/BlocoDeNotas.d.ts +0 -53
  27. package/dist/components/blocoDeNotas/BlocoDeNotas.stories.d.ts +0 -9
  28. package/dist/components/blocoMinhasAssembleias/BlocoMinhasAssembleias.d.ts +0 -22
  29. package/dist/components/blocoMinhasAssembleias/BlocoMinhasAssembleias.stories.d.ts +0 -20
  30. package/dist/components/editableVideoItem/EditableVideoItem.d.ts +0 -28
  31. package/dist/components/editableVideoItem/EditableVideoItem.stories.d.ts +0 -7
  32. package/dist/components/headerSearchField/HeaderSearchField.d.ts +0 -23
  33. package/dist/components/headerSearchField/HeaderSearchField.stories.d.ts +0 -7
  34. package/dist/components/iconButtonWithLabel/IconButtonWithLabel.d.ts +0 -16
  35. package/dist/components/iconButtonWithLabel/IconButtonWithLabel.stories.d.ts +0 -7
  36. package/dist/components/informativoAssembleiasComImagem/InformativoAssembleiasComImagem.d.ts +0 -14
  37. package/dist/components/informativoAssembleiasComImagem/InformativoAssembleiasComImagem.stories.d.ts +0 -40
  38. package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.d.ts +0 -13
  39. package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.stories.d.ts +0 -10
  40. package/dist/components/notaEdit/NotaEdit.d.ts +0 -22
  41. package/dist/components/notaEdit/NotaEdit.stories.d.ts +0 -7
  42. package/dist/components/progressBar/ProgressBar.d.ts +0 -13
  43. package/dist/components/progressBar/ProgressBar.stories.d.ts +0 -54
  44. package/dist/components/searchBlocoDeNotas/SearchBlocoDeNotas.d.ts +0 -16
  45. package/dist/components/searchBlocoDeNotas/SearchBlocoDeNotas.stories.d.ts +0 -7
  46. package/dist/components/videoItem/VideoItem.d.ts +0 -16
  47. package/dist/components/videoItem/VideoItem.stories.d.ts +0 -7
  48. package/dist/libraries/InformativoAssembleiasComVideoAlign.d.ts +0 -4
  49. package/dist/utils/ErrorUtils.d.ts +0 -5
package/dist/index.css CHANGED
@@ -554,155 +554,6 @@ h5 {
554
554
  warningLight: #ffeb98;
555
555
  warningDark: #765f00; }
556
556
 
557
- .component-video-player {
558
- display: flex;
559
- width: 100%;
560
- height: 100%;
561
- min-height: 50px; }
562
- .component-video-player.blackground {
563
- background-color: #121212; }
564
- .component-video-player iframe {
565
- height: 100%;
566
- width: 100%; }
567
-
568
- :export {
569
- widthXs: 575.98px;
570
- widthSm: 767.98px;
571
- widthMd: 991.98px;
572
- widthLg: 1199.98px; }
573
-
574
- :export {
575
- white: #fefefe;
576
- darkenWhite: #efefef;
577
- black: #121212;
578
- transparent: rgba(0, 0, 0, 0);
579
- primary: #3fa110;
580
- primaryDark: #33820d;
581
- primaryLight: #d7e6c8;
582
- secondaryDarker: #323c32;
583
- secondaryDark: #5a645a;
584
- blueDarker: #2b517b;
585
- secondary: #828a82;
586
- secondaryLight: #cdd3cd;
587
- secondaryLighter: #f8f9f7;
588
- danger: #e60000;
589
- dangerLight: #ffb4b4;
590
- dangerDark: #ab4745;
591
- warning: #ffcd00;
592
- warningLight: #ffeb98;
593
- warningDark: #765f00; }
594
-
595
- .component-aconteceu {
596
- border-radius: 8px;
597
- width: 100%;
598
- height: 100%;
599
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
600
- display: flex;
601
- flex-direction: column;
602
- align-items: stretch;
603
- justify-content: stretch; }
604
- .component-aconteceu .component-aconteceu-header {
605
- -webkit-user-select: none;
606
- -moz-user-select: none;
607
- user-select: none;
608
- height: 48px;
609
- border-radius: 8px 8px 0 0;
610
- display: flex;
611
- align-items: center;
612
- justify-content: flex-start;
613
- padding: 8px;
614
- background-color: #f06666;
615
- color: #fefefe; }
616
- .component-aconteceu .component-aconteceu-header svg {
617
- width: 20px;
618
- height: 20px; }
619
- .component-aconteceu .component-aconteceu-header label {
620
- font-weight: 700;
621
- font-size: 24px;
622
- margin: 0 0 0 8px; }
623
- .component-aconteceu .component-aconteceu-content {
624
- border-radius: 0 0 8px 8px;
625
- position: relative;
626
- background-color: #fefefe;
627
- padding: 4px 10px 30px;
628
- height: calc(100% - 50px);
629
- display: flex;
630
- flex-direction: column;
631
- align-items: stretch;
632
- justify-content: space-between; }
633
- .component-aconteceu .component-aconteceu-content .component-aconteceu-text {
634
- display: block;
635
- padding: 4px 4px 4px;
636
- margin-bottom: 4px;
637
- white-space: nowrap;
638
- overflow: hidden;
639
- text-overflow: ellipsis;
640
- font-weight: 600;
641
- color: #323c32; }
642
- .component-aconteceu .component-aconteceu-content .component-aconteceu-video {
643
- height: calc(100% - 27px); }
644
- .component-aconteceu .component-aconteceu-content .component-aconteceu-video.full-height {
645
- height: 100%; }
646
- .component-aconteceu .component-aconteceu-content iframe {
647
- height: 100% !important; }
648
- .component-aconteceu .component-aconteceu-content .component-aconteceu-see-more {
649
- position: absolute;
650
- bottom: 0;
651
- right: 0;
652
- font-size: 14px;
653
- font-weight: 700;
654
- outline: none;
655
- border: none;
656
- cursor: pointer;
657
- background-color: #fefefe;
658
- padding: 5px 10px 5px;
659
- border-radius: 20px;
660
- color: #323c32;
661
- transition: transform 0.3s ease;
662
- transform-origin: center;
663
- -webkit-user-select: none;
664
- -moz-user-select: none;
665
- user-select: none; }
666
- .component-aconteceu .component-aconteceu-content .component-aconteceu-see-more:active {
667
- transform: scale(0.95); }
668
- .component-aconteceu .component-aconteceu-content .component-aconteceu-loader {
669
- position: absolute;
670
- top: 0;
671
- left: 0;
672
- width: 100%;
673
- height: 100%;
674
- background-color: #fefefe;
675
- display: flex;
676
- align-items: center;
677
- justify-content: center; }
678
-
679
- :export {
680
- widthXs: 575.98px;
681
- widthSm: 767.98px;
682
- widthMd: 991.98px;
683
- widthLg: 1199.98px; }
684
-
685
- :export {
686
- white: #fefefe;
687
- darkenWhite: #efefef;
688
- black: #121212;
689
- transparent: rgba(0, 0, 0, 0);
690
- primary: #3fa110;
691
- primaryDark: #33820d;
692
- primaryLight: #d7e6c8;
693
- secondaryDarker: #323c32;
694
- secondaryDark: #5a645a;
695
- blueDarker: #2b517b;
696
- secondary: #828a82;
697
- secondaryLight: #cdd3cd;
698
- secondaryLighter: #f8f9f7;
699
- danger: #e60000;
700
- dangerLight: #ffb4b4;
701
- dangerDark: #ab4745;
702
- warning: #ffcd00;
703
- warningLight: #ffeb98;
704
- warningDark: #765f00; }
705
-
706
557
  .action-card {
707
558
  position: relative;
708
559
  border-radius: 8px;
@@ -766,112 +617,6 @@ h5 {
766
617
  warningLight: #ffeb98;
767
618
  warningDark: #765f00; }
768
619
 
769
- @media screen and (max-width: 575.98px) {
770
- .component-advanced-semi-header,
771
- .component-advanced-semi-header-semi-clear,
772
- .component-advanced-semi-header-clearfix {
773
- height: 104px !important; } }
774
-
775
- .component-advanced-semi-header {
776
- z-index: 970;
777
- position: fixed;
778
- left: unset;
779
- right: 10px;
780
- top: 0;
781
- width: calc(100% - 20px);
782
- height: 52px;
783
- background-color: #f8f9f7;
784
- box-shadow: none;
785
- border: 1px solid;
786
- border-color: transparent;
787
- border-bottom-color: #cdd3cd;
788
- display: flex;
789
- justify-content: center;
790
- align-items: center;
791
- flex-direction: column; }
792
-
793
- .component-advanced-semi-header-semi-clear {
794
- z-index: 969;
795
- height: 52px;
796
- position: fixed;
797
- top: 0;
798
- left: 0;
799
- background-color: #f8f9f7;
800
- width: 100%; }
801
-
802
- .component-advanced-semi-header-clearfix {
803
- display: block;
804
- height: 52px;
805
- width: 0; }
806
-
807
- .component-advanced-semi-header-linha {
808
- padding: 4px 8px;
809
- height: 52px; }
810
- .component-advanced-semi-header-linha.linha-um {
811
- position: relative;
812
- display: flex;
813
- flex-direction: row;
814
- justify-content: center;
815
- align-items: center;
816
- width: 100%; }
817
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-search-field {
818
- width: 40%; }
819
- @media screen and (max-width: 575.98px) {
820
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-search-field {
821
- display: none; } }
822
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-left-content {
823
- position: absolute;
824
- left: 8px;
825
- display: flex;
826
- flex-direction: row;
827
- align-items: center; }
828
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-left-content .component-advanced-semi-header-logo {
829
- margin-left: 8px; }
830
- @media screen and (min-width: 575.98px) {
831
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-logo.logo-xs {
832
- display: none; } }
833
- @media screen and (max-width: 575.98px) {
834
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-logo.logo-lg {
835
- display: none; } }
836
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-right-content {
837
- position: absolute;
838
- right: 8px; }
839
- .component-advanced-semi-header-linha.linha-dois {
840
- width: 100%;
841
- display: flex;
842
- align-items: center;
843
- justify-content: center; }
844
- @media screen and (min-width: 575.98px) {
845
- .component-advanced-semi-header-linha.linha-dois {
846
- display: none; } }
847
-
848
- :export {
849
- widthXs: 575.98px;
850
- widthSm: 767.98px;
851
- widthMd: 991.98px;
852
- widthLg: 1199.98px; }
853
-
854
- :export {
855
- white: #fefefe;
856
- darkenWhite: #efefef;
857
- black: #121212;
858
- transparent: rgba(0, 0, 0, 0);
859
- primary: #3fa110;
860
- primaryDark: #33820d;
861
- primaryLight: #d7e6c8;
862
- secondaryDarker: #323c32;
863
- secondaryDark: #5a645a;
864
- blueDarker: #2b517b;
865
- secondary: #828a82;
866
- secondaryLight: #cdd3cd;
867
- secondaryLighter: #f8f9f7;
868
- danger: #e60000;
869
- dangerLight: #ffb4b4;
870
- dangerDark: #ab4745;
871
- warning: #ffcd00;
872
- warningLight: #ffeb98;
873
- warningDark: #765f00; }
874
-
875
620
  .component-animated-link {
876
621
  position: relative;
877
622
  display: inline;
@@ -925,122 +670,105 @@ h5 {
925
670
  warningLight: #ffeb98;
926
671
  warningDark: #765f00; }
927
672
 
928
- .assembleia-item {
929
- width: 100%;
673
+ .component-banner {
674
+ background-color: #fefefe;
930
675
  display: flex;
931
- flex-direction: column;
932
- -webkit-user-select: none;
933
- -moz-user-select: none;
934
- user-select: none; }
935
- .assembleia-item .assembleia-item-first,
936
- .assembleia-item .assembleia-item-second {
937
- transition: transform 0.3s ease; }
938
- .assembleia-item:not(.presencial) .assembleia-item-first {
676
+ padding: 0;
677
+ margin: 0;
678
+ width: 100%;
679
+ height: 20vw;
680
+ max-height: 320px;
681
+ border-radius: 8px; }
682
+ .component-banner.clickable {
939
683
  cursor: pointer; }
940
- .assembleia-item:not(.presencial) .assembleia-item-first:active {
941
- transform: scale(0.99); }
942
- .assembleia-item:not(.presencial) .assembleia-item-first:active ~ .assembleia-item-second {
943
- transform: scale(0.99); }
944
- .assembleia-item .assembleia-item-first {
945
- z-index: +1;
946
- background-color: #fefefe;
947
- box-shadow: 0 1px 4px 0 rgba(90, 100, 90, 0.3);
948
- padding: 16px 48px 16px 24px;
949
- position: relative;
950
- border-radius: 9px 8px 8px 8px;
684
+ @media screen and (max-width: 767.98px) {
685
+ .component-banner {
686
+ height: 80vw !important;
687
+ max-height: 80vw;
688
+ flex-direction: column; }
689
+ .component-banner .component-banner-side {
690
+ width: 100% !important; }
691
+ .component-banner .component-banner-side.img {
692
+ height: 40vw !important; }
693
+ .component-banner .component-banner-side.img img {
694
+ border-radius: 8px 8px 0 0 !important;
695
+ width: 100%;
696
+ max-height: 40vw; }
697
+ .component-banner .component-banner-side.text {
698
+ border-radius: 0 0 8px 8px !important;
699
+ padding: 10px 0; } }
700
+ .component-banner .component-banner-side.img {
701
+ -webkit-user-select: none;
702
+ -moz-user-select: none;
703
+ user-select: none;
704
+ width: 50%;
705
+ display: flex; }
706
+ .component-banner .component-banner-side.img img {
707
+ border-radius: 8px 0 0 8px;
708
+ -o-object-fit: cover;
709
+ object-fit: cover;
710
+ width: 100%; }
711
+ .component-banner .component-banner-side.text {
951
712
  display: flex;
713
+ flex-direction: column;
714
+ justify-content: center;
952
715
  align-items: center;
953
- flex-wrap: wrap;
954
- justify-content: space-between; }
955
- .assembleia-item .assembleia-item-first::before {
956
- content: '';
957
- position: absolute;
958
- left: 0;
959
- top: 0;
960
- width: 8px;
961
- height: 100%;
962
- background-color: #3fa110;
963
- border-radius: 8px 0 0 8px; }
964
- .assembleia-item .assembleia-item-first.presencial {
965
- cursor: default;
966
- background-color: #d7e6c8 !important; }
967
- .assembleia-item .assembleia-item-first.presencial .assembleia-item-icon {
968
- display: none !important; }
716
+ width: 50%;
717
+ white-space: normal;
718
+ border-radius: 0 8px 8px 0;
719
+ overflow: hidden; }
969
720
  @media screen and (max-width: 767.98px) {
970
- .assembleia-item .assembleia-item-first {
971
- padding: 12px 12px 12px 24px; } }
972
- .assembleia-item .assembleia-item-second {
973
- transform-origin: top center;
974
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
975
- background-color: #d7e6c8;
976
- padding: 32px 48px 16px 24px;
977
- border-radius: 0 0 8px 8px;
978
- position: relative;
979
- margin-top: -16px;
980
- display: flex;
981
- align-items: center;
982
- justify-content: space-between;
983
- flex-wrap: wrap; }
984
- @media screen and (max-width: 767.98px) {
985
- .assembleia-item .assembleia-item-second {
986
- padding: 32px 12px 12px 24px; } }
987
- .assembleia-item .assembleia-item-left {
988
- width: 40%; }
989
- .assembleia-item .assembleia-item-left .assembleia-item-coop {
990
- font-size: 20px;
991
- font-weight: 700;
992
- color: #323c32;
993
- margin-bottom: 4px; }
994
- .assembleia-item .assembleia-item-left .assembleia-item-endereco {
995
- max-width: 90%;
996
- font-size: 12px;
997
- font-weight: 600;
998
- color: #323c32; }
999
- @media screen and (max-width: 991.98px) {
1000
- .assembleia-item .assembleia-item-left {
1001
- width: 100%; }
1002
- .assembleia-item .assembleia-item-left .assembleia-item-endereco {
1003
- max-width: none; } }
1004
- @media screen and (max-width: 767.98px) {
1005
- .assembleia-item .assembleia-item-left .assembleia-item-coop {
1006
- margin-bottom: 8px; } }
1007
- .assembleia-item .assembleia-item-right {
1008
- width: 60%;
1009
- display: flex;
1010
- align-items: center;
1011
- justify-content: space-around; }
1012
- .assembleia-item .assembleia-item-right .assembleia-item-col-data {
1013
- padding: 8px 24px; }
1014
- @media screen and (max-width: 767.98px) {
1015
- .assembleia-item .assembleia-item-right .assembleia-item-col-data {
1016
- padding: 8px; } }
1017
- .assembleia-item .assembleia-item-right .assembleia-item-col-data .assembleia-item-label-data {
1018
- font-size: 16px;
1019
- font-weight: 700;
1020
- color: #323c32;
1021
- margin-bottom: 4px; }
1022
- .assembleia-item .assembleia-item-right .assembleia-item-col-data .assembleia-item-value-data {
1023
- font-size: 14px;
1024
- color: #323c32; }
1025
- .assembleia-item .assembleia-item-right .assembleia-item-icon {
1026
- color: #3fa110;
1027
- position: absolute;
721
+ .component-banner .component-banner-side.text {
722
+ height: 40vw; } }
723
+ .component-banner .component-banner-side.text .component-banner-text {
1028
724
  display: flex;
1029
- align-items: center;
725
+ flex-direction: column;
726
+ -webkit-user-select: none;
727
+ -moz-user-select: none;
728
+ user-select: none;
729
+ width: 100%;
730
+ height: 100%;
1030
731
  justify-content: center;
1031
- right: 12px;
1032
- top: 0;
1033
- height: 100%; }
1034
- .assembleia-item .assembleia-item-right .assembleia-item-icon svg {
1035
- height: 20px; }
1036
- @media screen and (max-width: 991.98px) {
1037
- .assembleia-item .assembleia-item-right {
1038
- width: 100%;
1039
- justify-content: flex-start; }
1040
- .assembleia-item .assembleia-item-right .assembleia-item-col-data {
1041
- margin-top: 12px; }
1042
- .assembleia-item .assembleia-item-right .assembleia-item-col-data:first-child {
1043
- padding-left: 0; } }
732
+ white-space: normal;
733
+ word-wrap: break-word; }
734
+ .component-banner .component-banner-side.text .component-banner-text a {
735
+ color: #3fa110; }
736
+ .component-banner .component-banner-side.text .component-banner-text h1 {
737
+ display: block;
738
+ padding: 0 14%;
739
+ font-weight: 200;
740
+ font-size: clamp(1.2rem, 3.1vw, 2.9rem);
741
+ margin: 0; }
742
+ .component-banner .component-banner-side.text .component-banner-text h1 strong,
743
+ .component-banner .component-banner-side.text .component-banner-text h1 b {
744
+ font-weight: 700; }
745
+ @media screen and (max-width: 991.98px) {
746
+ .component-banner .component-banner-side.text .component-banner-text h1 {
747
+ font-size: clamp(1rem, 3vw, 5.8rem);
748
+ padding: 0 12%; } }
749
+ @media screen and (max-width: 767.98px) {
750
+ .component-banner .component-banner-side.text .component-banner-text h1 {
751
+ font-size: clamp(1.1rem, 7vw, 6rem); } }
752
+ .component-banner .component-banner-side.text .component-banner-text h6 {
753
+ margin: 0;
754
+ padding: 0 15%;
755
+ font-family: "Nunito", sans-serif;
756
+ text-align: justify;
757
+ font-size: clamp(0.5rem, 0.8vw, 1.2rem);
758
+ font-weight: 400;
759
+ display: block; }
760
+ .component-banner .component-banner-side.text .component-banner-text h6:first-of-type {
761
+ margin-top: 2vw; }
762
+ .component-banner .component-banner-side.text .component-banner-text h6 strong,
763
+ .component-banner .component-banner-side.text .component-banner-text h6 b {
764
+ font-weight: bold !important; }
765
+ @media screen and (max-width: 991.98px) {
766
+ .component-banner .component-banner-side.text .component-banner-text h6 {
767
+ padding: 0 10%;
768
+ font-size: clamp(0.4rem, 1vw, 1.8rem); } }
769
+ @media screen and (max-width: 767.98px) {
770
+ .component-banner .component-banner-side.text .component-banner-text h6 {
771
+ font-size: clamp(0.4rem, 2.1vw, 2.8rem); } }
1044
772
 
1045
773
  :export {
1046
774
  widthXs: 575.98px;
@@ -1069,84 +797,373 @@ h5 {
1069
797
  warningLight: #ffeb98;
1070
798
  warningDark: #765f00; }
1071
799
 
1072
- .component-button {
800
+ .component-big-block-button {
1073
801
  display: flex;
1074
802
  align-items: center;
1075
803
  justify-content: center;
1076
- font-weight: 600;
1077
- border-radius: 9px;
1078
- padding: 4px 8px;
1079
- font-size: 16px;
1080
- border: 1px solid;
1081
- position: relative;
1082
- -webkit-user-select: none;
1083
- -moz-user-select: none;
1084
- user-select: none;
1085
- letter-spacing: 0.75px;
1086
- transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease; }
1087
- .component-button.component-button-w100 {
1088
- width: 100%; }
1089
- .component-button:not(:disabled) {
804
+ flex-direction: column;
805
+ border: 2px solid #cdd3cd;
806
+ border-radius: 8px;
807
+ width: 100%;
808
+ height: 147px;
809
+ -webkit-appearance: none;
810
+ background-color: #f8f9f7;
811
+ outline: none;
812
+ transition: border 0.3s ease, background-color 0.3s ease, transform 0.3s ease; }
813
+ .component-big-block-button:not(:disabled) {
1090
814
  cursor: pointer; }
1091
- .component-button:focus {
1092
- outline: none; }
1093
- .component-button .component-button-icon {
1094
- position: relative;
1095
- height: 0;
815
+ .component-big-block-button:not(:disabled):hover {
816
+ border-color: #3fa110; }
817
+ .component-big-block-button:not(:disabled):active {
818
+ transform: scale(0.96); }
819
+ .component-big-block-button:disabled {
820
+ opacity: 0.7; }
821
+ .component-big-block-button:disabled .component-big-block-button-icon,
822
+ .component-big-block-button:disabled .component-big-block-button-label,
823
+ .component-big-block-button:disabled .component-big-block-button-subtitle {
824
+ color: #cdd3cd; }
825
+ .component-big-block-button .component-big-block-button-icon {
826
+ color: #3fa110;
827
+ margin-bottom: 12px; }
828
+ .component-big-block-button .component-big-block-button-icon svg {
829
+ height: 40px;
830
+ width: 40px; }
831
+ .component-big-block-button .component-big-block-button-label {
832
+ color: #5a645a;
833
+ font-size: 21px;
834
+ line-height: 24px;
835
+ font-weight: 400; }
836
+ .component-big-block-button .component-big-block-button-subtitle {
837
+ color: #3fa110;
838
+ font-size: 16px;
839
+ line-height: 24px;
840
+ font-weight: 400; }
841
+
842
+ :export {
843
+ widthXs: 575.98px;
844
+ widthSm: 767.98px;
845
+ widthMd: 991.98px;
846
+ widthLg: 1199.98px; }
847
+
848
+ :export {
849
+ white: #fefefe;
850
+ darkenWhite: #efefef;
851
+ black: #121212;
852
+ transparent: rgba(0, 0, 0, 0);
853
+ primary: #3fa110;
854
+ primaryDark: #33820d;
855
+ primaryLight: #d7e6c8;
856
+ secondaryDarker: #323c32;
857
+ secondaryDark: #5a645a;
858
+ blueDarker: #2b517b;
859
+ secondary: #828a82;
860
+ secondaryLight: #cdd3cd;
861
+ secondaryLighter: #f8f9f7;
862
+ danger: #e60000;
863
+ dangerLight: #ffb4b4;
864
+ dangerDark: #ab4745;
865
+ warning: #ffcd00;
866
+ warningLight: #ffeb98;
867
+ warningDark: #765f00; }
868
+
869
+ .component-notification-outer {
870
+ position: relative;
871
+ display: inline-block; }
872
+ .component-notification-outer .component-notification {
873
+ position: absolute;
874
+ min-width: 18px;
875
+ min-height: 18px;
1096
876
  display: flex;
877
+ align-items: center;
1097
878
  justify-content: center;
1098
- align-items: center; }
1099
- .component-button .component-button-icon svg {
1100
- max-height: 20px; }
1101
- .component-button .component-button-icon.component-button-left-icon {
1102
- margin-right: 4px; }
1103
- .component-button .component-button-icon.component-button-right-icon {
1104
- margin-left: 4px; }
1105
-
1106
- .component-button-loader {
1107
- position: absolute; }
879
+ border-radius: 200px;
880
+ font-size: 13px; }
881
+ @media screen and (max-width: 767.98px) {
882
+ .component-notification-outer .component-notification {
883
+ font-size: 10px;
884
+ min-width: 16px;
885
+ min-height: 16px; } }
886
+ .component-notification-outer .component-notification-primary {
887
+ background-color: #3fa110;
888
+ color: #fefefe; }
889
+ .component-notification-outer .component-notification-primary-invert {
890
+ background-color: #fefefe;
891
+ color: #3fa110; }
892
+ .component-notification-outer .component-notification-primary-dark {
893
+ background-color: #33820d;
894
+ color: #fefefe; }
895
+ .component-notification-outer .component-notification-error {
896
+ background-color: #e60000;
897
+ color: #fefefe; }
898
+ .component-notification-outer .component-notification-default {
899
+ background-color: #323c32;
900
+ color: #fefefe; }
901
+ .component-notification-outer .component-notification-disabled {
902
+ background-color: #ebeee8;
903
+ color: #828a82; }
1108
904
 
1109
- .component-button-hide {
905
+ .component-notification-enter {
906
+ transform: scale(0);
1110
907
  opacity: 0; }
1111
908
 
1112
- /* -----THEMES------ */
1113
- .component-button:disabled {
1114
- border-color: #cdd3cd;
1115
- background-color: #f8f9f7; }
1116
- .component-button:disabled.component-button-default-primary {
1117
- border-color: rgba(0, 0, 0, 0);
1118
- background-color: rgba(0, 0, 0, 0); }
909
+ .component-notification-enter-active {
910
+ transition: transform 0.3s ease, opacity 0.3s ease;
911
+ position: absolute;
912
+ transform: scale(1);
913
+ opacity: 1; }
1119
914
 
1120
- .component-button:not(:disabled).component-button-primary {
1121
- background-color: #3fa110;
1122
- border-color: #3fa110;
1123
- color: #fefefe; }
1124
- .component-button:not(:disabled).component-button-primary:focus {
1125
- border-color: #3fa110; }
1126
- .component-button:not(:disabled).component-button-primary:hover {
1127
- border-color: #368a0e;
1128
- background-color: #368a0e; }
1129
- .component-button:not(:disabled).component-button-primary:active {
1130
- border-color: #368a0e;
1131
- background-color: #368a0e;
1132
- transform: scale(0.95); }
915
+ .component-notification-exit {
916
+ transform: scale(1);
917
+ opacity: 1; }
1133
918
 
1134
- .component-button:not(:disabled).component-button-primary-dark {
1135
- background-color: #33820d;
1136
- border-color: #33820d;
1137
- color: #fefefe; }
1138
- .component-button:not(:disabled).component-button-primary-dark:focus {
1139
- border-color: #33820d; }
1140
- .component-button:not(:disabled).component-button-primary-dark:hover {
1141
- border-color: #2a6b0b;
1142
- background-color: #2a6b0b; }
1143
- .component-button:not(:disabled).component-button-primary-dark:active {
1144
- border-color: #2a6b0b;
1145
- background-color: #2a6b0b;
1146
- transform: scale(0.95); }
919
+ .component-notification-exit-active {
920
+ transition: transform 0.3s ease, opacity 0.3s ease;
921
+ transform: scale(0);
922
+ opacity: 0; }
1147
923
 
1148
- .component-button:not(:disabled).component-button-primary-light {
1149
- background-color: #d7e6c8;
924
+ :export {
925
+ widthXs: 575.98px;
926
+ widthSm: 767.98px;
927
+ widthMd: 991.98px;
928
+ widthLg: 1199.98px; }
929
+
930
+ :export {
931
+ white: #fefefe;
932
+ darkenWhite: #efefef;
933
+ black: #121212;
934
+ transparent: rgba(0, 0, 0, 0);
935
+ primary: #3fa110;
936
+ primaryDark: #33820d;
937
+ primaryLight: #d7e6c8;
938
+ secondaryDarker: #323c32;
939
+ secondaryDark: #5a645a;
940
+ blueDarker: #2b517b;
941
+ secondary: #828a82;
942
+ secondaryLight: #cdd3cd;
943
+ secondaryLighter: #f8f9f7;
944
+ danger: #e60000;
945
+ dangerLight: #ffb4b4;
946
+ dangerDark: #ab4745;
947
+ warning: #ffcd00;
948
+ warningLight: #ffeb98;
949
+ warningDark: #765f00; }
950
+
951
+ .bottom-navigation {
952
+ display: flex;
953
+ align-items: center;
954
+ justify-content: space-around;
955
+ height: 58px; }
956
+ .bottom-navigation button.bottom-navigation-item {
957
+ width: 100%;
958
+ background-color: rgba(0, 0, 0, 0);
959
+ border: none;
960
+ outline: none;
961
+ transition: color 0.3s ease; }
962
+ .bottom-navigation button.bottom-navigation-item:not(:disabled):not(.atual) {
963
+ cursor: pointer; }
964
+ .bottom-navigation button.bottom-navigation-item .bottom-navigation-icon svg {
965
+ width: 20px; }
966
+ .bottom-navigation button.bottom-navigation-item .bottom-navigation-label {
967
+ font-size: 14px; }
968
+ @media screen and (max-width: 767.98px) {
969
+ .bottom-navigation button.bottom-navigation-item .bottom-navigation-label {
970
+ font-size: 11px; } }
971
+
972
+ .bottom-navigation.dark {
973
+ border-top: 1px solid #5a645a;
974
+ background-color: #323c32; }
975
+ .bottom-navigation.dark button.bottom-navigation-item {
976
+ color: #f8f9f7; }
977
+ .bottom-navigation.dark button.bottom-navigation-item.atual {
978
+ color: #3fa110; }
979
+
980
+ .bottom-navigation.white {
981
+ border-top: 1px solid #cdd3cd;
982
+ background-color: #fefefe; }
983
+ .bottom-navigation.white button.bottom-navigation-item {
984
+ color: #323c32; }
985
+ .bottom-navigation.white button.bottom-navigation-item.atual {
986
+ color: #3fa110; }
987
+
988
+ .bottom-navigation.primary {
989
+ border-top: 1px solid #33820d;
990
+ background-color: #3fa110; }
991
+ .bottom-navigation.primary button.bottom-navigation-item {
992
+ color: #323c32; }
993
+ .bottom-navigation.primary button.bottom-navigation-item.atual {
994
+ color: #fefefe; }
995
+
996
+ .bottom-navigation.secondary-lighter {
997
+ border-top: 1px solid #cdd3cd;
998
+ background-color: #f8f9f7; }
999
+ .bottom-navigation.secondary-lighter button.bottom-navigation-item {
1000
+ color: #323c32; }
1001
+ .bottom-navigation.secondary-lighter button.bottom-navigation-item.atual {
1002
+ color: #3fa110; }
1003
+
1004
+ :export {
1005
+ widthXs: 575.98px;
1006
+ widthSm: 767.98px;
1007
+ widthMd: 991.98px;
1008
+ widthLg: 1199.98px; }
1009
+
1010
+ :export {
1011
+ white: #fefefe;
1012
+ darkenWhite: #efefef;
1013
+ black: #121212;
1014
+ transparent: rgba(0, 0, 0, 0);
1015
+ primary: #3fa110;
1016
+ primaryDark: #33820d;
1017
+ primaryLight: #d7e6c8;
1018
+ secondaryDarker: #323c32;
1019
+ secondaryDark: #5a645a;
1020
+ blueDarker: #2b517b;
1021
+ secondary: #828a82;
1022
+ secondaryLight: #cdd3cd;
1023
+ secondaryLighter: #f8f9f7;
1024
+ danger: #e60000;
1025
+ dangerLight: #ffb4b4;
1026
+ dangerDark: #ab4745;
1027
+ warning: #ffcd00;
1028
+ warningLight: #ffeb98;
1029
+ warningDark: #765f00; }
1030
+
1031
+ .component-bread-crumb {
1032
+ display: flex;
1033
+ flex-direction: row;
1034
+ flex-wrap: wrap; }
1035
+ .component-bread-crumb .component-bread-crumb-path {
1036
+ display: flex;
1037
+ flex-direction: row; }
1038
+ .component-bread-crumb .component-bread-crumb-path.component-bread-crumb-active .component-bread-crumb-label {
1039
+ color: #3fa110;
1040
+ font-weight: 700;
1041
+ cursor: pointer; }
1042
+ .component-bread-crumb .component-bread-crumb-path.component-bread-crumb-active .component-bread-crumb-label:hover {
1043
+ text-decoration: underline; }
1044
+ .component-bread-crumb .component-bread-crumb-path:not(.component-bread-crumb-active) .component-bread-crumb-label {
1045
+ color: #323c32;
1046
+ font-weight: 600; }
1047
+ .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-arrow {
1048
+ color: #3fa110;
1049
+ padding: 0 8px;
1050
+ display: flex;
1051
+ align-items: center; }
1052
+ .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-arrow svg {
1053
+ height: 15px;
1054
+ width: 8px; }
1055
+ .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-label {
1056
+ -webkit-user-select: none;
1057
+ -moz-user-select: none;
1058
+ user-select: none;
1059
+ line-height: 24px;
1060
+ font-size: 14px; }
1061
+
1062
+ :export {
1063
+ widthXs: 575.98px;
1064
+ widthSm: 767.98px;
1065
+ widthMd: 991.98px;
1066
+ widthLg: 1199.98px; }
1067
+
1068
+ :export {
1069
+ white: #fefefe;
1070
+ darkenWhite: #efefef;
1071
+ black: #121212;
1072
+ transparent: rgba(0, 0, 0, 0);
1073
+ primary: #3fa110;
1074
+ primaryDark: #33820d;
1075
+ primaryLight: #d7e6c8;
1076
+ secondaryDarker: #323c32;
1077
+ secondaryDark: #5a645a;
1078
+ blueDarker: #2b517b;
1079
+ secondary: #828a82;
1080
+ secondaryLight: #cdd3cd;
1081
+ secondaryLighter: #f8f9f7;
1082
+ danger: #e60000;
1083
+ dangerLight: #ffb4b4;
1084
+ dangerDark: #ab4745;
1085
+ warning: #ffcd00;
1086
+ warningLight: #ffeb98;
1087
+ warningDark: #765f00; }
1088
+
1089
+ .component-button {
1090
+ display: flex;
1091
+ align-items: center;
1092
+ justify-content: center;
1093
+ font-weight: 600;
1094
+ border-radius: 9px;
1095
+ padding: 4px 8px;
1096
+ font-size: 16px;
1097
+ border: 1px solid;
1098
+ position: relative;
1099
+ -webkit-user-select: none;
1100
+ -moz-user-select: none;
1101
+ user-select: none;
1102
+ letter-spacing: 0.75px;
1103
+ transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease; }
1104
+ .component-button.component-button-w100 {
1105
+ width: 100%; }
1106
+ .component-button:not(:disabled) {
1107
+ cursor: pointer; }
1108
+ .component-button:focus {
1109
+ outline: none; }
1110
+ .component-button .component-button-icon {
1111
+ position: relative;
1112
+ height: 0;
1113
+ display: flex;
1114
+ justify-content: center;
1115
+ align-items: center; }
1116
+ .component-button .component-button-icon svg {
1117
+ max-height: 20px; }
1118
+ .component-button .component-button-icon.component-button-left-icon {
1119
+ margin-right: 4px; }
1120
+ .component-button .component-button-icon.component-button-right-icon {
1121
+ margin-left: 4px; }
1122
+
1123
+ .component-button-loader {
1124
+ position: absolute; }
1125
+
1126
+ .component-button-hide {
1127
+ opacity: 0; }
1128
+
1129
+ /* -----THEMES------ */
1130
+ .component-button:disabled {
1131
+ border-color: #cdd3cd;
1132
+ background-color: #f8f9f7; }
1133
+ .component-button:disabled.component-button-default-primary {
1134
+ border-color: rgba(0, 0, 0, 0);
1135
+ background-color: rgba(0, 0, 0, 0); }
1136
+
1137
+ .component-button:not(:disabled).component-button-primary {
1138
+ background-color: #3fa110;
1139
+ border-color: #3fa110;
1140
+ color: #fefefe; }
1141
+ .component-button:not(:disabled).component-button-primary:focus {
1142
+ border-color: #3fa110; }
1143
+ .component-button:not(:disabled).component-button-primary:hover {
1144
+ border-color: #368a0e;
1145
+ background-color: #368a0e; }
1146
+ .component-button:not(:disabled).component-button-primary:active {
1147
+ border-color: #368a0e;
1148
+ background-color: #368a0e;
1149
+ transform: scale(0.95); }
1150
+
1151
+ .component-button:not(:disabled).component-button-primary-dark {
1152
+ background-color: #33820d;
1153
+ border-color: #33820d;
1154
+ color: #fefefe; }
1155
+ .component-button:not(:disabled).component-button-primary-dark:focus {
1156
+ border-color: #33820d; }
1157
+ .component-button:not(:disabled).component-button-primary-dark:hover {
1158
+ border-color: #2a6b0b;
1159
+ background-color: #2a6b0b; }
1160
+ .component-button:not(:disabled).component-button-primary-dark:active {
1161
+ border-color: #2a6b0b;
1162
+ background-color: #2a6b0b;
1163
+ transform: scale(0.95); }
1164
+
1165
+ .component-button:not(:disabled).component-button-primary-light {
1166
+ background-color: #d7e6c8;
1150
1167
  border-color: #d7e6c8;
1151
1168
  color: #3fa110; }
1152
1169
  .component-button:not(:disabled).component-button-primary-light:focus {
@@ -1316,1668 +1333,74 @@ h5 {
1316
1333
  font-size: 16px;
1317
1334
  background-color: rgba(0, 0, 0, 0);
1318
1335
  color: #3fa110;
1319
- border-color: rgba(0, 0, 0, 0); }
1320
- @media screen and (max-width: 575.98px) {
1321
- .component-button:not(:disabled).component-button-header-user-secondary {
1322
- padding: 15px 0; }
1323
- .component-button:not(:disabled).component-button-header-user-secondary > .component-button-label {
1324
- display: none; } }
1325
- .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon.component-button-left-icon {
1326
- margin-right: 8px; }
1327
- .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon.component-button-right-icon {
1328
- margin-left: 8px; }
1329
- .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon svg {
1330
- width: 20px;
1331
- height: 20px; }
1332
-
1333
- .component-button:not(:disabled).component-button-header-user-bold {
1334
- padding: 15px 0;
1335
- font-weight: 400;
1336
- font-size: 16px;
1337
- background-color: rgba(0, 0, 0, 0);
1338
- color: #3fa110;
1339
- border-color: rgba(0, 0, 0, 0); }
1340
- @media screen and (max-width: 575.98px) {
1341
- .component-button:not(:disabled).component-button-header-user-bold {
1342
- padding: 15px 0; }
1343
- .component-button:not(:disabled).component-button-header-user-bold > .component-button-label {
1344
- display: none; } }
1345
- .component-button:not(:disabled).component-button-header-user-bold .component-button-label {
1346
- font-weight: 700; }
1347
- .component-button:not(:disabled).component-button-header-user-bold .component-button-icon.component-button-left-icon {
1348
- margin-right: 8px; }
1349
- .component-button:not(:disabled).component-button-header-user-bold .component-button-icon.component-button-right-icon {
1350
- margin-left: 8px; }
1351
- .component-button:not(:disabled).component-button-header-user-bold .component-button-icon svg {
1352
- width: 20px;
1353
- height: 20px; }
1354
- .component-button:not(:disabled).component-button-header-user-bold:not(:disabled):active {
1355
- transform: scale(0.95); }
1356
-
1357
- .component-button-pauta {
1358
- background-color: #3fa110;
1359
- color: #fefefe; }
1360
- .component-button-pauta:disabled {
1361
- background-color: #e0e0e0;
1362
- color: #bdbdbd; }
1363
- .component-button-pauta .component-button-label {
1364
- font-weight: 300; }
1365
- @media screen and (max-width: 767.98px) {
1366
- .component-button-pauta {
1367
- height: 40px;
1368
- width: 100% !important;
1369
- position: absolute !important;
1370
- bottom: 0;
1371
- left: 0;
1372
- border-radius: 0;
1373
- border: none; } }
1374
-
1375
- @media screen and (max-width: 575.98px) {
1376
- .component-button-bottom-mobile {
1377
- position: fixed;
1378
- bottom: 0;
1379
- left: 0;
1380
- width: 100%;
1381
- border-radius: 0;
1382
- transform: translateY(2px);
1383
- z-index: 970;
1384
- min-height: 50px; }
1385
- .component-button-bottom-mobile:active {
1386
- transform: translateY(2px) !important; } }
1387
-
1388
- :export {
1389
- widthXs: 575.98px;
1390
- widthSm: 767.98px;
1391
- widthMd: 991.98px;
1392
- widthLg: 1199.98px; }
1393
-
1394
- :export {
1395
- white: #fefefe;
1396
- darkenWhite: #efefef;
1397
- black: #121212;
1398
- transparent: rgba(0, 0, 0, 0);
1399
- primary: #3fa110;
1400
- primaryDark: #33820d;
1401
- primaryLight: #d7e6c8;
1402
- secondaryDarker: #323c32;
1403
- secondaryDark: #5a645a;
1404
- blueDarker: #2b517b;
1405
- secondary: #828a82;
1406
- secondaryLight: #cdd3cd;
1407
- secondaryLighter: #f8f9f7;
1408
- danger: #e60000;
1409
- dangerLight: #ffb4b4;
1410
- dangerDark: #ab4745;
1411
- warning: #ffcd00;
1412
- warningLight: #ffeb98;
1413
- warningDark: #765f00; }
1414
-
1415
- .component-icon-button {
1416
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
1417
- background-color: rgba(0, 0, 0, 0);
1418
- border: none;
1419
- padding: 0;
1420
- transition: all 0.3s ease;
1421
- display: flex;
1422
- justify-content: center;
1423
- align-items: center; }
1424
- .component-icon-button:focus {
1425
- outline: none; }
1426
- .component-icon-button:not(:disabled):not(.grab-handle) {
1427
- cursor: pointer; }
1428
- .component-icon-button:not(:disabled):active {
1429
- transform: scale(0.9); }
1430
-
1431
- .component-icon-button:disabled {
1432
- color: #cdd3cd; }
1433
-
1434
- .component-icon-button:not(:disabled).component-icon-button-primary {
1435
- color: #3fa110; }
1436
-
1437
- .component-icon-button:not(:disabled).component-icon-button-secondary {
1438
- color: #fefefe; }
1439
-
1440
- .component-icon-button:not(:disabled).component-icon-button-dark {
1441
- color: #323c32; }
1442
-
1443
- .component-icon-button:not(:disabled).component-icon-button-blue {
1444
- color: #00708f; }
1445
-
1446
- :export {
1447
- widthXs: 575.98px;
1448
- widthSm: 767.98px;
1449
- widthMd: 991.98px;
1450
- widthLg: 1199.98px; }
1451
-
1452
- :export {
1453
- white: #fefefe;
1454
- darkenWhite: #efefef;
1455
- black: #121212;
1456
- transparent: rgba(0, 0, 0, 0);
1457
- primary: #3fa110;
1458
- primaryDark: #33820d;
1459
- primaryLight: #d7e6c8;
1460
- secondaryDarker: #323c32;
1461
- secondaryDark: #5a645a;
1462
- blueDarker: #2b517b;
1463
- secondary: #828a82;
1464
- secondaryLight: #cdd3cd;
1465
- secondaryLighter: #f8f9f7;
1466
- danger: #e60000;
1467
- dangerLight: #ffb4b4;
1468
- dangerDark: #ab4745;
1469
- warning: #ffcd00;
1470
- warningLight: #ffeb98;
1471
- warningDark: #765f00; }
1472
-
1473
- .component-radio-button {
1474
- background-color: #fefefe;
1475
- width: 18px;
1476
- height: 18px;
1477
- padding: 0;
1478
- border: none;
1479
- display: flex;
1480
- justify-content: center;
1481
- align-items: center;
1482
- border-radius: 100px;
1483
- transition: background-color 0.3s ease; }
1484
- .component-radio-button:not(:disabled) {
1485
- cursor: pointer; }
1486
- .component-radio-button:focus {
1487
- outline: none; }
1488
-
1489
- .component-radio-button.new:disabled {
1490
- opacity: 0.6; }
1491
-
1492
- .component-radio-button.new.component-radio-button-not {
1493
- background-color: #c4c4c4; }
1494
-
1495
- .component-radio-button.new.component-radio-button-checked {
1496
- background-color: #3fa110; }
1497
-
1498
- .component-radio-button.classic {
1499
- border: 2px solid #3fa110;
1500
- background-color: rgba(0, 0, 0, 0); }
1501
- .component-radio-button.classic::after {
1502
- content: '';
1503
- width: 10px;
1504
- height: 10px;
1505
- background-color: rgba(0, 0, 0, 0);
1506
- border-radius: 200px;
1507
- transition: background-color 0.3s ease, background-color 0.3s ease; }
1508
- .component-radio-button.classic:disabled {
1509
- border-color: #c4c4c4 !important; }
1510
- .component-radio-button.classic:disabled.component-radio-button-not {
1511
- background-color: rgba(0, 0, 0, 0); }
1512
- .component-radio-button.classic:disabled.component-radio-button-checked::after {
1513
- background-color: #c4c4c4; }
1514
- .component-radio-button.classic.component-radio-button-not {
1515
- background-color: rgba(0, 0, 0, 0); }
1516
- .component-radio-button.classic.component-radio-button-checked::after {
1517
- background-color: #3fa110; }
1518
-
1519
- :export {
1520
- widthXs: 575.98px;
1521
- widthSm: 767.98px;
1522
- widthMd: 991.98px;
1523
- widthLg: 1199.98px; }
1524
-
1525
- :export {
1526
- white: #fefefe;
1527
- darkenWhite: #efefef;
1528
- black: #121212;
1529
- transparent: rgba(0, 0, 0, 0);
1530
- primary: #3fa110;
1531
- primaryDark: #33820d;
1532
- primaryLight: #d7e6c8;
1533
- secondaryDarker: #323c32;
1534
- secondaryDark: #5a645a;
1535
- blueDarker: #2b517b;
1536
- secondary: #828a82;
1537
- secondaryLight: #cdd3cd;
1538
- secondaryLighter: #f8f9f7;
1539
- danger: #e60000;
1540
- dangerLight: #ffb4b4;
1541
- dangerDark: #ab4745;
1542
- warning: #ffcd00;
1543
- warningLight: #ffeb98;
1544
- warningDark: #765f00; }
1545
-
1546
- .component-assembleia-pauta {
1547
- background-color: #fefefe;
1548
- border-radius: 4px;
1549
- border-width: 1px;
1550
- border-style: solid;
1551
- display: flex;
1552
- flex-direction: column;
1553
- position: relative;
1554
- overflow: hidden; }
1555
- .component-assembleia-pauta .component-assembleia-pauta-header {
1556
- position: relative;
1557
- transition: border-color 0.3s ease;
1558
- width: 100%;
1559
- cursor: pointer;
1560
- -webkit-user-select: none;
1561
- -moz-user-select: none;
1562
- user-select: none;
1563
- padding: 18px 16px;
1564
- display: flex;
1565
- flex-direction: row-reverse;
1566
- align-items: center;
1567
- justify-content: space-between; }
1568
- .component-assembleia-pauta .component-assembleia-pauta-header:after {
1569
- content: '';
1570
- height: 1px;
1571
- position: absolute;
1572
- left: 0;
1573
- width: 100%;
1574
- bottom: 0;
1575
- background-color: #fefefe;
1576
- transition: background-color 0.3s ease, left 0.3s ease, width 0.3s ease; }
1577
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-titulo {
1578
- color: #323c32;
1579
- flex: auto;
1580
- overflow: hidden;
1581
- font-size: 16px;
1582
- text-align: left;
1583
- font-family: 'Exo 2', sans-serif;
1584
- font-weight: 700;
1585
- padding-right: 0.9375rem;
1586
- text-overflow: ellipsis;
1587
- flex-wrap: nowrap;
1588
- white-space: nowrap; }
1589
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-first-line {
1590
- display: flex;
1591
- align-items: center;
1592
- flex-wrap: nowrap; }
1593
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-first-line .component-assembleia-pauta-first-col {
1594
- display: flex;
1595
- align-items: center;
1596
- flex-wrap: nowrap; }
1597
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-timer {
1598
- display: flex;
1599
- align-items: center;
1600
- justify-content: center;
1601
- margin-right: 12px;
1602
- color: #828a82;
1603
- overflow: hidden;
1604
- font-size: 16px;
1605
- font-weight: 300;
1606
- line-height: 24px;
1607
- white-space: nowrap;
1608
- padding-right: 12px;
1609
- text-overflow: ellipsis;
1610
- padding-top: 2px; }
1611
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta {
1612
- padding: 2px;
1613
- margin-right: 12px;
1614
- display: flex;
1615
- align-items: center;
1616
- justify-content: center;
1617
- border-radius: 200px; }
1618
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta .icon {
1619
- display: flex;
1620
- align-items: center;
1621
- justify-content: center;
1622
- padding: 0 0 0 8px; }
1623
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta .icon svg {
1624
- width: 16px;
1625
- height: 16px; }
1626
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta .label {
1627
- overflow: hidden;
1628
- font-size: 16px;
1629
- font-weight: 300;
1630
- line-height: 24px;
1631
- white-space: nowrap;
1632
- padding-left: 12px;
1633
- padding-right: 12px;
1634
- text-overflow: ellipsis; }
1635
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-arrow {
1636
- display: flex;
1637
- align-items: center;
1638
- justify-content: center;
1639
- margin-left: 8px;
1640
- transition: transform 0.3s ease; }
1641
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-arrow svg {
1642
- width: 18px;
1643
- height: 24px; }
1644
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-arrow.cima {
1645
- transform: rotateZ(180deg); }
1646
- .component-assembleia-pauta .component-assembleia-pauta-voto-atual {
1647
- display: flex;
1648
- padding: 16px;
1649
- align-items: center;
1650
- justify-content: flex-start;
1651
- cursor: pointer;
1652
- font-size: 16px;
1653
- color: #323c32; }
1654
- .component-assembleia-pauta .component-assembleia-pauta-voto-atual button {
1655
- margin-right: 12px; }
1656
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta {
1657
- padding: 16px;
1658
- display: flex;
1659
- flex-direction: column;
1660
- position: relative; }
1661
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-descricao {
1662
- -webkit-user-select: none;
1663
- -moz-user-select: none;
1664
- user-select: none;
1665
- color: #323c32;
1666
- padding-bottom: 16px;
1667
- width: 100%;
1668
- word-break: break-word;
1669
- line-height: 24px; }
1670
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-label {
1671
- -webkit-user-select: none;
1672
- -moz-user-select: none;
1673
- user-select: none;
1674
- font-size: 14px;
1675
- border-bottom: 1px dashed #cdd3cd;
1676
- color: #323c32;
1677
- padding-bottom: 14px; }
1678
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto {
1679
- color: #323c32;
1680
- width: 100%;
1681
- -webkit-user-select: none;
1682
- -moz-user-select: none;
1683
- user-select: none;
1684
- display: flex;
1685
- align-items: center;
1686
- flex-direction: row;
1687
- outline: none;
1688
- border: none;
1689
- background-color: rgba(0, 0, 0, 0);
1690
- padding: 14px 0;
1691
- border-bottom: 1px dashed #cdd3cd; }
1692
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto:not(:disabled) {
1693
- cursor: pointer; }
1694
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto:disabled {
1695
- color: #5a645a; }
1696
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio {
1697
- display: flex;
1698
- width: 18px;
1699
- height: 18px;
1700
- border-radius: 100px;
1701
- justify-content: center;
1702
- align-items: center;
1703
- border: 2px solid #3fa110; }
1704
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio::after {
1705
- content: '';
1706
- width: 10px;
1707
- height: 10px;
1708
- background-color: rgba(0, 0, 0, 0);
1709
- border-radius: 200px;
1710
- transition: background-color 0.3s ease, background-color 0.3s ease; }
1711
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio:not(.disabled).atual::after {
1712
- background-color: #3fa110; }
1713
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio.disabled {
1714
- border-color: #828a82; }
1715
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio.disabled.atual::after {
1716
- background-color: #828a82; }
1717
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto span.nome {
1718
- font-size: 16px;
1719
- margin: 0;
1720
- padding-left: 12px;
1721
- padding-top: 1px; }
1722
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-se-tiver-votos {
1723
- padding-top: 12px;
1724
- -webkit-user-select: none;
1725
- -moz-user-select: none;
1726
- user-select: none;
1727
- color: #323c32; }
1728
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-actions-line {
1729
- padding-top: 12px;
1730
- display: flex;
1731
- align-items: center;
1732
- justify-content: flex-end; }
1733
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-actions-line > :not(:last-child) {
1734
- margin-right: 12px; }
1735
- .component-assembleia-pauta .component-assembleia-pauta-bottom-bar {
1736
- width: 100%;
1737
- height: 40px;
1738
- display: flex;
1739
- align-items: center;
1740
- justify-content: center;
1741
- -webkit-user-select: none;
1742
- -moz-user-select: none;
1743
- user-select: none;
1744
- cursor: pointer;
1745
- font-size: 16px; }
1746
- .component-assembleia-pauta .component-assembleia-pauta-bottom-bar .icon {
1747
- display: flex;
1748
- align-items: center;
1749
- justify-content: center;
1750
- margin-right: 12px; }
1751
- .component-assembleia-pauta.opened .component-assembleia-pauta-header:after {
1752
- background-color: #cdd3cd; }
1753
- .component-assembleia-pauta:not(.opened).tem-voto .component-assembleia-pauta-header:after {
1754
- background-color: #cdd3cd;
1755
- left: 16px;
1756
- width: calc(100% - 32px); }
1757
-
1758
- .component-assembleia-pauta-voto-enviado {
1759
- position: absolute;
1760
- top: 0;
1761
- left: 0;
1762
- width: 100%;
1763
- height: 100%;
1764
- border-radius: 4px;
1765
- background-color: #fefefe;
1766
- display: flex;
1767
- align-items: center;
1768
- justify-content: center;
1769
- flex-direction: column; }
1770
- .component-assembleia-pauta-voto-enviado .component-assembleia-pauta-close-icon {
1771
- position: absolute;
1772
- top: 14px;
1773
- right: 14px; }
1774
- .component-assembleia-pauta-voto-enviado .component-assembleia-pauta-icon svg {
1775
- color: #3fa110;
1776
- width: 70px;
1777
- height: 70px; }
1778
- .component-assembleia-pauta-voto-enviado .component-assembleia-pauta-label {
1779
- color: #323c32;
1780
- margin-top: 6px;
1781
- text-align: center;
1782
- -webkit-user-select: none;
1783
- -moz-user-select: none;
1784
- user-select: none; }
1785
- .component-assembleia-pauta-voto-enviado.fade-enter .component-assembleia-pauta-icon {
1786
- opacity: 0;
1787
- transform: translateY(30px); }
1788
- .component-assembleia-pauta-voto-enviado.fade-enter .component-assembleia-pauta-label {
1789
- opacity: 0;
1790
- transform: translateY(90px); }
1791
- .component-assembleia-pauta-voto-enviado.fade-enter-active .component-assembleia-pauta-icon {
1792
- transition: transform 0.5s ease, opacity 0.5s ease;
1793
- opacity: 1;
1794
- transform: translateY(0); }
1795
- .component-assembleia-pauta-voto-enviado.fade-enter-active .component-assembleia-pauta-label {
1796
- transition: transform 0.5s ease, opacity 0.5s ease;
1797
- opacity: 1;
1798
- transform: translateY(0); }
1799
- .component-assembleia-pauta-voto-enviado.fade-exit .component-assembleia-pauta-icon {
1800
- opacity: 1;
1801
- transform: translateY(0); }
1802
- .component-assembleia-pauta-voto-enviado.fade-exit .component-assembleia-pauta-label {
1803
- opacity: 1;
1804
- transform: translateY(0); }
1805
- .component-assembleia-pauta-voto-enviado.fade-exit-active .component-assembleia-pauta-icon {
1806
- transition: transform 0.5s ease, opacity 0.5s ease;
1807
- opacity: 0;
1808
- transform: translateY(30px); }
1809
- .component-assembleia-pauta-voto-enviado.fade-exit-active .component-assembleia-pauta-label {
1810
- transition: transform 0.5s ease, opacity 0.5s ease;
1811
- opacity: 0;
1812
- transform: translateY(90px); }
1813
-
1814
- .component-assembleia-pauta.liberada {
1815
- border-color: #3fa110; }
1816
- .component-assembleia-pauta.liberada .component-assembleia-pauta-etiqueta {
1817
- background-color: #d7e6c8;
1818
- color: #3fa110; }
1819
- .component-assembleia-pauta.liberada .component-assembleia-pauta-arrow svg {
1820
- color: #3fa110; }
1821
- .component-assembleia-pauta.liberada.tem-voto .component-assembleia-pauta-bottom-bar {
1822
- background-color: #d7e6c8;
1823
- color: #3fa110; }
1824
- .component-assembleia-pauta.liberada.sem-voto .component-assembleia-pauta-bottom-bar {
1825
- background-color: #3fa110;
1826
- color: #fefefe; }
1827
-
1828
- .component-assembleia-pauta.encerrada {
1829
- border-color: #cdd3cd; }
1830
- .component-assembleia-pauta.encerrada .component-assembleia-pauta-etiqueta {
1831
- background-color: #cdd3cd;
1832
- color: #5a645a; }
1833
- .component-assembleia-pauta.encerrada .component-assembleia-pauta-arrow svg {
1834
- color: #828a82; }
1835
- .component-assembleia-pauta.encerrada .component-assembleia-pauta-bottom-bar {
1836
- background-color: #efefef;
1837
- color: #5a645a; }
1838
-
1839
- .component-assembleia-pauta.bloqueada {
1840
- border-color: #ffb4b4; }
1841
- .component-assembleia-pauta.bloqueada .component-assembleia-pauta-etiqueta {
1842
- background-color: #ffb4b4;
1843
- color: #ab4745; }
1844
- .component-assembleia-pauta.bloqueada .component-assembleia-pauta-arrow svg {
1845
- color: #ab4745; }
1846
- .component-assembleia-pauta.bloqueada .component-assembleia-pauta-bottom-bar {
1847
- background-color: #ffb4b4;
1848
- color: #ab4745; }
1849
-
1850
- @media screen and (max-width: 767.98px) {
1851
- .component-assembleia-pauta .component-assembleia-pauta-header {
1852
- flex-wrap: wrap; }
1853
- .component-assembleia-pauta .component-assembleia-pauta-first-line {
1854
- margin-bottom: 12px;
1855
- width: 100%;
1856
- justify-content: space-between !important; }
1857
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta {
1858
- padding-bottom: 56px; }
1859
- .component-assembleia-pauta .component-assembleia-pauta-actions-line > :not(:last-child) {
1860
- margin-right: 0 !important; } }
1861
-
1862
- :export {
1863
- widthXs: 575.98px;
1864
- widthSm: 767.98px;
1865
- widthMd: 991.98px;
1866
- widthLg: 1199.98px; }
1867
-
1868
- :export {
1869
- white: #fefefe;
1870
- darkenWhite: #efefef;
1871
- black: #121212;
1872
- transparent: rgba(0, 0, 0, 0);
1873
- primary: #3fa110;
1874
- primaryDark: #33820d;
1875
- primaryLight: #d7e6c8;
1876
- secondaryDarker: #323c32;
1877
- secondaryDark: #5a645a;
1878
- blueDarker: #2b517b;
1879
- secondary: #828a82;
1880
- secondaryLight: #cdd3cd;
1881
- secondaryLighter: #f8f9f7;
1882
- danger: #e60000;
1883
- dangerLight: #ffb4b4;
1884
- dangerDark: #ab4745;
1885
- warning: #ffcd00;
1886
- warningLight: #ffeb98;
1887
- warningDark: #765f00; }
1888
-
1889
- .component-banner {
1890
- background-color: #fefefe;
1891
- display: flex;
1892
- padding: 0;
1893
- margin: 0;
1894
- width: 100%;
1895
- height: 20vw;
1896
- max-height: 320px;
1897
- border-radius: 8px; }
1898
- .component-banner.clickable {
1899
- cursor: pointer; }
1900
- @media screen and (max-width: 767.98px) {
1901
- .component-banner {
1902
- height: 80vw !important;
1903
- max-height: 80vw;
1904
- flex-direction: column; }
1905
- .component-banner .component-banner-side {
1906
- width: 100% !important; }
1907
- .component-banner .component-banner-side.img {
1908
- height: 40vw !important; }
1909
- .component-banner .component-banner-side.img img {
1910
- border-radius: 8px 8px 0 0 !important;
1911
- width: 100%;
1912
- max-height: 40vw; }
1913
- .component-banner .component-banner-side.text {
1914
- border-radius: 0 0 8px 8px !important;
1915
- padding: 10px 0; } }
1916
- .component-banner .component-banner-side.img {
1917
- -webkit-user-select: none;
1918
- -moz-user-select: none;
1919
- user-select: none;
1920
- width: 50%;
1921
- display: flex; }
1922
- .component-banner .component-banner-side.img img {
1923
- border-radius: 8px 0 0 8px;
1924
- -o-object-fit: cover;
1925
- object-fit: cover;
1926
- width: 100%; }
1927
- .component-banner .component-banner-side.text {
1928
- display: flex;
1929
- flex-direction: column;
1930
- justify-content: center;
1931
- align-items: center;
1932
- width: 50%;
1933
- white-space: normal;
1934
- border-radius: 0 8px 8px 0;
1935
- overflow: hidden; }
1936
- @media screen and (max-width: 767.98px) {
1937
- .component-banner .component-banner-side.text {
1938
- height: 40vw; } }
1939
- .component-banner .component-banner-side.text .component-banner-text {
1940
- display: flex;
1941
- flex-direction: column;
1942
- -webkit-user-select: none;
1943
- -moz-user-select: none;
1944
- user-select: none;
1945
- width: 100%;
1946
- height: 100%;
1947
- justify-content: center;
1948
- white-space: normal;
1949
- word-wrap: break-word; }
1950
- .component-banner .component-banner-side.text .component-banner-text a {
1951
- color: #3fa110; }
1952
- .component-banner .component-banner-side.text .component-banner-text h1 {
1953
- display: block;
1954
- padding: 0 14%;
1955
- font-weight: 200;
1956
- font-size: clamp(1.2rem, 3.1vw, 2.9rem);
1957
- margin: 0; }
1958
- .component-banner .component-banner-side.text .component-banner-text h1 strong,
1959
- .component-banner .component-banner-side.text .component-banner-text h1 b {
1960
- font-weight: 700; }
1961
- @media screen and (max-width: 991.98px) {
1962
- .component-banner .component-banner-side.text .component-banner-text h1 {
1963
- font-size: clamp(1rem, 3vw, 5.8rem);
1964
- padding: 0 12%; } }
1965
- @media screen and (max-width: 767.98px) {
1966
- .component-banner .component-banner-side.text .component-banner-text h1 {
1967
- font-size: clamp(1.1rem, 7vw, 6rem); } }
1968
- .component-banner .component-banner-side.text .component-banner-text h6 {
1969
- margin: 0;
1970
- padding: 0 15%;
1971
- font-family: "Nunito", sans-serif;
1972
- text-align: justify;
1973
- font-size: clamp(0.5rem, 0.8vw, 1.2rem);
1974
- font-weight: 400;
1975
- display: block; }
1976
- .component-banner .component-banner-side.text .component-banner-text h6:first-of-type {
1977
- margin-top: 2vw; }
1978
- .component-banner .component-banner-side.text .component-banner-text h6 strong,
1979
- .component-banner .component-banner-side.text .component-banner-text h6 b {
1980
- font-weight: bold !important; }
1981
- @media screen and (max-width: 991.98px) {
1982
- .component-banner .component-banner-side.text .component-banner-text h6 {
1983
- padding: 0 10%;
1984
- font-size: clamp(0.4rem, 1vw, 1.8rem); } }
1985
- @media screen and (max-width: 767.98px) {
1986
- .component-banner .component-banner-side.text .component-banner-text h6 {
1987
- font-size: clamp(0.4rem, 2.1vw, 2.8rem); } }
1988
-
1989
- :export {
1990
- widthXs: 575.98px;
1991
- widthSm: 767.98px;
1992
- widthMd: 991.98px;
1993
- widthLg: 1199.98px; }
1994
-
1995
- :export {
1996
- white: #fefefe;
1997
- darkenWhite: #efefef;
1998
- black: #121212;
1999
- transparent: rgba(0, 0, 0, 0);
2000
- primary: #3fa110;
2001
- primaryDark: #33820d;
2002
- primaryLight: #d7e6c8;
2003
- secondaryDarker: #323c32;
2004
- secondaryDark: #5a645a;
2005
- blueDarker: #2b517b;
2006
- secondary: #828a82;
2007
- secondaryLight: #cdd3cd;
2008
- secondaryLighter: #f8f9f7;
2009
- danger: #e60000;
2010
- dangerLight: #ffb4b4;
2011
- dangerDark: #ab4745;
2012
- warning: #ffcd00;
2013
- warningLight: #ffeb98;
2014
- warningDark: #765f00; }
2015
-
2016
- .banner-assembleia {
2017
- display: flex;
2018
- flex-wrap: wrap-reverse;
2019
- width: 100%;
2020
- overflow: hidden; }
2021
- .banner-assembleia .banner-assembleia-left {
2022
- min-height: 492px;
2023
- width: 50%;
2024
- display: flex;
2025
- align-items: flex-start;
2026
- justify-content: center;
2027
- flex-direction: column;
2028
- padding: 4% 6%; }
2029
- .banner-assembleia .banner-assembleia-left.green {
2030
- background-color: #3fa110; }
2031
- @media screen and (max-width: 991.98px) {
2032
- .banner-assembleia .banner-assembleia-left {
2033
- padding: 4% 2%; } }
2034
- @media screen and (max-width: 767.98px) {
2035
- .banner-assembleia .banner-assembleia-left {
2036
- min-height: 400px;
2037
- width: 100%; } }
2038
- .banner-assembleia .banner-assembleia-left .banner-assembleia-bread-crumb {
2039
- display: none;
2040
- font-size: 14px;
2041
- line-height: 20px;
2042
- margin-bottom: 50px;
2043
- color: #5a645a;
2044
- padding: 8px;
2045
- padding-left: 10px;
2046
- position: relative;
2047
- font-weight: 600; }
2048
- @media screen and (max-width: 767.98px) {
2049
- .banner-assembleia .banner-assembleia-left .banner-assembleia-bread-crumb {
2050
- display: block; } }
2051
- .banner-assembleia .banner-assembleia-left .banner-assembleia-bread-crumb::after {
2052
- content: '';
2053
- position: absolute;
2054
- bottom: 0;
2055
- left: 10px;
2056
- width: 109px;
2057
- height: 2px;
2058
- background-color: #3fa110; }
2059
- .banner-assembleia .banner-assembleia-left .banner-assembleia-text {
2060
- font-size: 52px;
2061
- color: #5a645a;
2062
- text-align: left;
2063
- font-weight: 500;
2064
- line-height: 70px;
2065
- font-style: italic;
2066
- padding-left: 10px; }
2067
- .banner-assembleia .banner-assembleia-left .banner-assembleia-text.white {
2068
- color: #fefefe; }
2069
- @media screen and (max-width: 767.98px) {
2070
- .banner-assembleia .banner-assembleia-left .banner-assembleia-text {
2071
- font-size: 36px;
2072
- line-height: 42px; } }
2073
- .banner-assembleia .banner-assembleia-left .banner-assembleia-button {
2074
- margin-top: 40px; }
2075
- .banner-assembleia .banner-assembleia-left .banner-assembleia-button button.white {
2076
- color: #fefefe; }
2077
- .banner-assembleia .banner-assembleia-imagem {
2078
- min-height: 492px;
2079
- width: 50%;
2080
- background-position: center;
2081
- background-repeat: no-repeat;
2082
- background-size: cover; }
2083
- .banner-assembleia .banner-assembleia-imagem img {
2084
- display: none;
2085
- opacity: 0; }
2086
- @media screen and (max-width: 767.98px) {
2087
- .banner-assembleia .banner-assembleia-imagem {
2088
- width: 100%;
2089
- min-height: unset; }
2090
- .banner-assembleia .banner-assembleia-imagem img {
2091
- width: 100%;
2092
- display: block; } }
2093
-
2094
- :export {
2095
- widthXs: 575.98px;
2096
- widthSm: 767.98px;
2097
- widthMd: 991.98px;
2098
- widthLg: 1199.98px; }
2099
-
2100
- :export {
2101
- white: #fefefe;
2102
- darkenWhite: #efefef;
2103
- black: #121212;
2104
- transparent: rgba(0, 0, 0, 0);
2105
- primary: #3fa110;
2106
- primaryDark: #33820d;
2107
- primaryLight: #d7e6c8;
2108
- secondaryDarker: #323c32;
2109
- secondaryDark: #5a645a;
2110
- blueDarker: #2b517b;
2111
- secondary: #828a82;
2112
- secondaryLight: #cdd3cd;
2113
- secondaryLighter: #f8f9f7;
2114
- danger: #e60000;
2115
- dangerLight: #ffb4b4;
2116
- dangerDark: #ab4745;
2117
- warning: #ffcd00;
2118
- warningLight: #ffeb98;
2119
- warningDark: #765f00; }
2120
-
2121
- .component-input {
2122
- width: 100%;
2123
- display: flex;
2124
- flex-direction: column;
2125
- justify-content: center;
2126
- align-items: stretch;
2127
- -webkit-appearance: none; }
2128
- .component-input .component-input-label {
2129
- color: #323c32;
2130
- transition: color 0.3s ease;
2131
- font-size: 12px;
2132
- line-height: 16px;
2133
- -webkit-user-select: none;
2134
- -moz-user-select: none;
2135
- user-select: none;
2136
- min-height: 16px; }
2137
- .component-input .component-input-input-container {
2138
- width: 100%;
2139
- position: relative;
2140
- display: flex;
2141
- flex-wrap: nowrap;
2142
- align-items: center;
2143
- border-width: 0 0 2px 0;
2144
- border-style: solid;
2145
- transition: border-color 0.3s ease, border 0.3s ease;
2146
- border-color: #cdd3cd; }
2147
- .component-input .component-input-input-container .component-input-input {
2148
- color: #323c32;
2149
- border-radius: 0;
2150
- transition: color 0.3s ease, border-color 0.3s ease;
2151
- width: 100%;
2152
- background-color: rgba(0, 0, 0, 0);
2153
- font-size: 16px;
2154
- line-height: 24px;
2155
- border: none;
2156
- padding: 0; }
2157
- .component-input .component-input-input-container .component-input-input:focus {
2158
- outline: none; }
2159
- .component-input .component-input-input-container::before {
2160
- content: '';
2161
- transition: visibility 0.3s ease, opacity 0.3s ease;
2162
- opacity: 0;
2163
- visibility: hidden; }
2164
- .component-input .component-input-input-container .component-input-right-object {
2165
- position: static;
2166
- padding: 0 5px 1px 5px; }
2167
- .component-input .component-input-input-container .component-input-right-object svg {
2168
- width: 23px;
2169
- height: 23px; }
2170
- .component-input .component-input-helper-and-counter {
2171
- position: relative;
2172
- display: flex;
2173
- justify-content: space-between;
2174
- align-items: center;
2175
- min-height: 16px; }
2176
- .component-input .component-input-helper-and-counter .component-input-counter {
2177
- color: #323c32;
2178
- position: absolute;
2179
- right: 5px;
2180
- font-size: 12px;
2181
- line-height: 16px; }
2182
- .component-input .component-input-helper-and-counter .component-input-helper-text {
2183
- -webkit-user-select: none;
2184
- -moz-user-select: none;
2185
- user-select: none;
2186
- transition: color 0.3s ease;
2187
- color: #323c32;
2188
- font-size: 12px;
2189
- line-height: 16px;
2190
- min-height: 16px; }
2191
-
2192
- .component-input.component-input-error .component-input-label {
2193
- color: #e60000 !important; }
2194
-
2195
- .component-input.component-input-error .component-input-input-container {
2196
- border-color: #e60000 !important; }
2197
- .component-input.component-input-error .component-input-input-container .component-input-input {
2198
- color: #e60000 !important; }
2199
-
2200
- .component-input.component-input-error .component-input-helper-text {
2201
- color: #e60000 !important; }
2202
-
2203
- .component-input.component-input-loading .component-input-input-container::after {
2204
- content: '';
2205
- height: 2px;
2206
- width: 0;
2207
- left: 0;
2208
- position: absolute;
2209
- bottom: -2px;
2210
- background-color: #33820d;
2211
- animation: inputLoading 2.5s linear infinite; }
2212
-
2213
- @keyframes inputLoading {
2214
- 0% {
2215
- width: 0;
2216
- left: 0; }
2217
- 50% {
2218
- width: 100%;
2219
- left: 0; }
2220
- 51% {
2221
- left: unset;
2222
- right: 0;
2223
- width: 100%; }
2224
- 99% {
2225
- left: unset;
2226
- right: 0;
2227
- width: 0; }
2228
- 100% {
2229
- right: unset;
2230
- left: 0;
2231
- width: 0; } }
2232
-
2233
- .component-input.component-input-disabled .component-input-label {
2234
- color: #828a82; }
2235
-
2236
- .component-input.component-input-disabled .component-input-helper-text {
2237
- color: #828a82; }
2238
-
2239
- .component-input.component-input-disabled .component-input-input-container {
2240
- border-style: dotted !important; }
2241
-
2242
- .component-input-input:disabled {
2243
- color: #828a82;
2244
- border-color: #828a82; }
2245
- .component-input-input:disabled::-moz-placeholder {
2246
- color: #828a82 !important; }
2247
- .component-input-input:disabled::placeholder {
2248
- color: #828a82 !important; }
2249
-
2250
- .component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:focus-within::before {
2251
- opacity: 1;
2252
- visibility: visible;
2253
- content: '';
2254
- height: 2px;
2255
- display: block;
2256
- position: absolute;
2257
- bottom: -2px;
2258
- background-color: #33820d;
2259
- animation: inputFocus 0.3s ease forwards; }
2260
-
2261
- .component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:not(:focus-within):not(.force-focus)::before {
2262
- opacity: 0;
2263
- content: '';
2264
- height: 2px;
2265
- display: block;
2266
- position: absolute;
2267
- bottom: -2px;
2268
- background-color: #33820d;
2269
- animation: inputFocusReverse 0.3s ease forwards; }
2270
-
2271
- .component-input:not(.component-input-error).force-focus .component-input-input-container::before {
2272
- opacity: 1;
2273
- visibility: visible;
2274
- content: '';
2275
- height: 2px;
2276
- display: block;
2277
- position: absolute;
2278
- bottom: -2px;
2279
- background-color: #33820d;
2280
- animation: inputFocus 0.3s ease forwards; }
2281
-
2282
- @keyframes inputFocus {
2283
- 0% {
2284
- width: 0;
2285
- left: 50%; }
2286
- 100% {
2287
- left: 0;
2288
- width: 100%; } }
2289
-
2290
- @keyframes inputFocusReverse {
2291
- 0% {
2292
- left: 0;
2293
- width: 100%; }
2294
- 100% {
2295
- width: 0;
2296
- left: 50%; } }
2297
-
2298
- :export {
2299
- widthXs: 575.98px;
2300
- widthSm: 767.98px;
2301
- widthMd: 991.98px;
2302
- widthLg: 1199.98px; }
2303
-
2304
- :export {
2305
- white: #fefefe;
2306
- darkenWhite: #efefef;
2307
- black: #121212;
2308
- transparent: rgba(0, 0, 0, 0);
2309
- primary: #3fa110;
2310
- primaryDark: #33820d;
2311
- primaryLight: #d7e6c8;
2312
- secondaryDarker: #323c32;
2313
- secondaryDark: #5a645a;
2314
- blueDarker: #2b517b;
2315
- secondary: #828a82;
2316
- secondaryLight: #cdd3cd;
2317
- secondaryLighter: #f8f9f7;
2318
- danger: #e60000;
2319
- dangerLight: #ffb4b4;
2320
- dangerDark: #ab4745;
2321
- warning: #ffcd00;
2322
- warningLight: #ffeb98;
2323
- warningDark: #765f00; }
2324
-
2325
- .banner-pesquisa-cpf-cnpj {
2326
- display: flex;
2327
- flex-wrap: wrap;
2328
- overflow: hidden;
2329
- width: 100%;
2330
- border-radius: 8px; }
2331
- .banner-pesquisa-cpf-cnpj.white {
2332
- background-color: #fefefe; }
2333
- .banner-pesquisa-cpf-cnpj.secondary-light {
2334
- background-color: #cdd3cd; }
2335
- .banner-pesquisa-cpf-cnpj.secondary-lighter {
2336
- background-color: #f8f9f7; }
2337
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left {
2338
- display: flex;
2339
- flex-direction: column;
2340
- align-items: stretch;
2341
- justify-content: space-between;
2342
- padding: 3%;
2343
- height: 412px;
2344
- width: 50%; }
2345
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left.plus {
2346
- height: 500px; }
2347
- @media screen and (max-width: 767.98px) {
2348
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left {
2349
- width: 100%;
2350
- padding: 8% 2%; } }
2351
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left .banner-pesquisa-cpf-cnpj-title {
2352
- color: #323c32;
2353
- font-size: 44px;
2354
- line-height: 50px;
2355
- text-align: left;
2356
- font-style: italic;
2357
- font-weight: 300; }
2358
- @media screen and (max-width: 767.98px) {
2359
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left .banner-pesquisa-cpf-cnpj-title {
2360
- font-size: 36px;
2361
- line-height: 40px;
2362
- font-weight: 400; } }
2363
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left .banner-pesquisa-cpf-cnpj-sub-title {
2364
- color: #323c32;
2365
- font-size: 16px;
2366
- line-height: 24px;
2367
- text-align: left; }
2368
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image {
2369
- height: 412px;
2370
- width: 50%;
2371
- background-size: cover;
2372
- background-position: center; }
2373
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image.plus {
2374
- height: 500px; }
2375
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image img {
2376
- display: none; }
2377
- @media screen and (max-width: 767.98px) {
2378
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image {
2379
- width: 100%;
2380
- height: auto; }
2381
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image img {
2382
- display: block;
2383
- opacity: 0;
2384
- width: 100%;
2385
- min-height: 200px; } }
2386
-
2387
- :export {
2388
- widthXs: 575.98px;
2389
- widthSm: 767.98px;
2390
- widthMd: 991.98px;
2391
- widthLg: 1199.98px; }
2392
-
2393
- :export {
2394
- white: #fefefe;
2395
- darkenWhite: #efefef;
2396
- black: #121212;
2397
- transparent: rgba(0, 0, 0, 0);
2398
- primary: #3fa110;
2399
- primaryDark: #33820d;
2400
- primaryLight: #d7e6c8;
2401
- secondaryDarker: #323c32;
2402
- secondaryDark: #5a645a;
2403
- blueDarker: #2b517b;
2404
- secondary: #828a82;
2405
- secondaryLight: #cdd3cd;
2406
- secondaryLighter: #f8f9f7;
2407
- danger: #e60000;
2408
- dangerLight: #ffb4b4;
2409
- dangerDark: #ab4745;
2410
- warning: #ffcd00;
2411
- warningLight: #ffeb98;
2412
- warningDark: #765f00; }
2413
-
2414
- .component-big-block-button {
2415
- display: flex;
2416
- align-items: center;
2417
- justify-content: center;
2418
- flex-direction: column;
2419
- border: 2px solid #cdd3cd;
2420
- border-radius: 8px;
2421
- width: 100%;
2422
- height: 147px;
2423
- -webkit-appearance: none;
2424
- background-color: #f8f9f7;
2425
- outline: none;
2426
- transition: border 0.3s ease, background-color 0.3s ease, transform 0.3s ease; }
2427
- .component-big-block-button:not(:disabled) {
2428
- cursor: pointer; }
2429
- .component-big-block-button:not(:disabled):hover {
2430
- border-color: #3fa110; }
2431
- .component-big-block-button:not(:disabled):active {
2432
- transform: scale(0.96); }
2433
- .component-big-block-button:disabled {
2434
- opacity: 0.7; }
2435
- .component-big-block-button:disabled .component-big-block-button-icon,
2436
- .component-big-block-button:disabled .component-big-block-button-label,
2437
- .component-big-block-button:disabled .component-big-block-button-subtitle {
2438
- color: #cdd3cd; }
2439
- .component-big-block-button .component-big-block-button-icon {
2440
- color: #3fa110;
2441
- margin-bottom: 12px; }
2442
- .component-big-block-button .component-big-block-button-icon svg {
2443
- height: 40px;
2444
- width: 40px; }
2445
- .component-big-block-button .component-big-block-button-label {
2446
- color: #5a645a;
2447
- font-size: 21px;
2448
- line-height: 24px;
2449
- font-weight: 400; }
2450
- .component-big-block-button .component-big-block-button-subtitle {
2451
- color: #3fa110;
2452
- font-size: 16px;
2453
- line-height: 24px;
2454
- font-weight: 400; }
2455
-
2456
- :export {
2457
- widthXs: 575.98px;
2458
- widthSm: 767.98px;
2459
- widthMd: 991.98px;
2460
- widthLg: 1199.98px; }
2461
-
2462
- :export {
2463
- white: #fefefe;
2464
- darkenWhite: #efefef;
2465
- black: #121212;
2466
- transparent: rgba(0, 0, 0, 0);
2467
- primary: #3fa110;
2468
- primaryDark: #33820d;
2469
- primaryLight: #d7e6c8;
2470
- secondaryDarker: #323c32;
2471
- secondaryDark: #5a645a;
2472
- blueDarker: #2b517b;
2473
- secondary: #828a82;
2474
- secondaryLight: #cdd3cd;
2475
- secondaryLighter: #f8f9f7;
2476
- danger: #e60000;
2477
- dangerLight: #ffb4b4;
2478
- dangerDark: #ab4745;
2479
- warning: #ffcd00;
2480
- warningLight: #ffeb98;
2481
- warningDark: #765f00; }
2482
-
2483
- .component-checkbox {
2484
- background-color: #c4c4c4;
2485
- width: 18px;
2486
- height: 18px;
2487
- padding: 0;
2488
- border-radius: 4px;
2489
- border: none;
2490
- display: flex;
2491
- justify-content: center;
2492
- align-items: center;
2493
- transition: background-color 0.3s ease, opacity 0.3s ease; }
2494
- .component-checkbox:not(:disabled), .component-checkbox:not(.component-checkbox[aria-disabled='true']) {
2495
- cursor: pointer; }
2496
- .component-checkbox:focus {
2497
- outline: none; }
2498
-
2499
- .component-checkbox-primary:disabled, .component-checkbox-primary[aria-disabled='true'] {
2500
- opacity: 0.6; }
2501
-
2502
- .component-checkbox-primary.component-checkbox-not {
2503
- background-color: #c4c4c4; }
2504
-
2505
- .component-checkbox-primary.component-checkbox-checked {
2506
- background-color: #3fa110; }
2507
-
2508
- .component-checkbox-dark:disabled, .component-checkbox-dark[aria-disabled='true'] {
2509
- opacity: 0.6; }
2510
-
2511
- .component-checkbox-dark.component-checkbox-not {
2512
- background-color: #c4c4c4; }
2513
-
2514
- .component-checkbox-dark.component-checkbox-checked {
2515
- background-color: #323c32; }
2516
-
2517
- .component-checkbox-blue:disabled, .component-checkbox-blue[aria-disabled='true'] {
2518
- opacity: 0.6; }
2519
-
2520
- .component-checkbox-blue.component-checkbox-not {
2521
- background-color: #eaeaea; }
2522
-
2523
- .component-checkbox-blue.component-checkbox-checked {
2524
- background-color: #00708f; }
2525
-
2526
- .component-checkbox-classic {
2527
- border-radius: 0;
2528
- background-color: rgba(0, 0, 0, 0);
2529
- border: 1px solid #3fa110; }
2530
- .component-checkbox-classic::after {
2531
- content: '';
2532
- position: absolute;
2533
- width: 12px;
2534
- height: 12px;
2535
- background-color: rgba(0, 0, 0, 0);
2536
- transition: background-color 0.3s ease; }
2537
- .component-checkbox-classic:disabled, .component-checkbox-classic[aria-disabled='true'] {
2538
- border-color: #828a82; }
2539
- .component-checkbox-classic:disabled.component-checkbox-checked::after, .component-checkbox-classic[aria-disabled='true'].component-checkbox-checked::after {
2540
- background-color: #828a82; }
2541
- .component-checkbox-classic.component-checkbox-checked::after {
2542
- background-color: #3fa110; }
2543
-
2544
- :export {
2545
- widthXs: 575.98px;
2546
- widthSm: 767.98px;
2547
- widthMd: 991.98px;
2548
- widthLg: 1199.98px; }
2549
-
2550
- :export {
2551
- white: #fefefe;
2552
- darkenWhite: #efefef;
2553
- black: #121212;
2554
- transparent: rgba(0, 0, 0, 0);
2555
- primary: #3fa110;
2556
- primaryDark: #33820d;
2557
- primaryLight: #d7e6c8;
2558
- secondaryDarker: #323c32;
2559
- secondaryDark: #5a645a;
2560
- blueDarker: #2b517b;
2561
- secondary: #828a82;
2562
- secondaryLight: #cdd3cd;
2563
- secondaryLighter: #f8f9f7;
2564
- danger: #e60000;
2565
- dangerLight: #ffb4b4;
2566
- dangerDark: #ab4745;
2567
- warning: #ffcd00;
2568
- warningLight: #ffeb98;
2569
- warningDark: #765f00; }
2570
-
2571
- .component-bloco-de-notas {
2572
- width: 100%;
2573
- height: 100%;
2574
- display: flex;
2575
- flex-direction: column;
2576
- border-radius: 8px;
2577
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
2578
- background-color: #fefefe;
2579
- position: relative;
2580
- overflow: hidden; }
2581
- .component-bloco-de-notas .component-bloco-de-notas-header {
2582
- -webkit-user-select: none;
2583
- -moz-user-select: none;
2584
- user-select: none;
2585
- border-radius: 8px 8px 0 0;
2586
- height: 48px;
2587
- min-height: 48px;
2588
- background-color: #00b6f1;
2589
- color: #fefefe;
2590
- display: flex;
2591
- justify-content: space-between;
2592
- align-items: center;
2593
- padding: 0 12px; }
2594
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-left-content {
2595
- display: flex;
2596
- align-items: center; }
2597
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-left-content .component-bloco-de-notas-titulo {
2598
- margin-left: 8px;
2599
- font-weight: 700;
2600
- font-size: 22px; }
2601
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-actions {
2602
- display: flex;
2603
- align-items: center; }
2604
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-actions > :not(:last-child) {
2605
- margin-right: 12px; }
2606
- .component-bloco-de-notas .component-bloco-de-notas-lista {
2607
- overflow: auto;
2608
- width: 100%;
2609
- height: 100%; }
2610
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota {
2611
- cursor: pointer;
2612
- -webkit-user-select: none;
2613
- -moz-user-select: none;
2614
- user-select: none;
2615
- height: 53px;
2616
- display: flex;
2617
- align-items: center;
2618
- justify-content: space-between;
2619
- padding: 0 12px;
2620
- transition: background-color 0.3s ease; }
2621
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota:nth-child(odd) {
2622
- background-color: #ebfaff; }
2623
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota:nth-child(even) {
2624
- background-color: #fefefe; }
2625
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota.highlight {
2626
- background-color: #c9f0fd; }
2627
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota.highlight .component-bloco-de-notas-titulo {
2628
- font-weight: 600 !important; }
2629
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota .component-bloco-de-notas-nota-left-content {
2630
- display: flex;
2631
- align-items: center;
2632
- flex-direction: row;
2633
- max-width: calc(100% - 85px); }
2634
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota .component-bloco-de-notas-nota-left-content .component-bloco-de-notas-titulo {
2635
- margin-left: 8px;
2636
- font-size: 16px;
2637
- font-weight: 500;
2638
- overflow: hidden;
2639
- text-overflow: ellipsis;
2640
- white-space: nowrap;
2641
- color: #323c32; }
2642
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota .component-bloco-de-notas-data {
2643
- font-size: 14px;
2644
- color: #323c32;
2645
- font-weight: 500; }
2646
- .component-bloco-de-notas .component-bloco-de-notas-see-more {
2647
- display: flex;
2648
- align-items: center;
2649
- justify-content: flex-end;
2650
- width: 100%; }
2651
- .component-bloco-de-notas .component-bloco-de-notas-see-more button {
2652
- font-size: 14px;
2653
- font-weight: 700;
2654
- outline: none;
2655
- border: none;
2656
- cursor: pointer;
2657
- background-color: #fefefe;
2658
- padding: 5px 10px 5px;
2659
- border-radius: 20px;
2660
- color: #323c32;
2661
- transition: transform 0.3s ease;
2662
- transform-origin: center;
2663
- -webkit-user-select: none;
2664
- -moz-user-select: none;
2665
- user-select: none; }
2666
- .component-bloco-de-notas .component-bloco-de-notas-see-more button:active {
2667
- transform: scale(0.95); }
2668
- .component-bloco-de-notas .component-bloco-de-notas-loader {
2669
- position: absolute;
2670
- top: 48px;
2671
- left: 0;
2672
- width: 100%;
2673
- height: calc(100% - 48px);
2674
- background-color: #fefefe;
2675
- display: flex;
2676
- align-items: center;
2677
- justify-content: center;
2678
- border-radius: 0 0 8px 8px; }
2679
-
2680
- :export {
2681
- widthXs: 575.98px;
2682
- widthSm: 767.98px;
2683
- widthMd: 991.98px;
2684
- widthLg: 1199.98px; }
2685
-
2686
- :export {
2687
- white: #fefefe;
2688
- darkenWhite: #efefef;
2689
- black: #121212;
2690
- transparent: rgba(0, 0, 0, 0);
2691
- primary: #3fa110;
2692
- primaryDark: #33820d;
2693
- primaryLight: #d7e6c8;
2694
- secondaryDarker: #323c32;
2695
- secondaryDark: #5a645a;
2696
- blueDarker: #2b517b;
2697
- secondary: #828a82;
2698
- secondaryLight: #cdd3cd;
2699
- secondaryLighter: #f8f9f7;
2700
- danger: #e60000;
2701
- dangerLight: #ffb4b4;
2702
- dangerDark: #ab4745;
2703
- warning: #ffcd00;
2704
- warningLight: #ffeb98;
2705
- warningDark: #765f00; }
2706
-
2707
- .bloco-minhas-assembleias {
2708
- padding: 14px 19px;
2709
- background-color: #fefefe;
2710
- border-radius: 8px;
2711
- border: 1px solid #3fa110;
2712
- box-shadow: 0 2px 8px 0 rgba(90, 100, 90, 0.3);
2713
- cursor: pointer;
2714
- transition: transform 0.3s ease;
2715
- -webkit-user-select: none;
2716
- -moz-user-select: none;
2717
- user-select: none;
2718
- position: relative;
2719
- overflow: hidden;
2720
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2721
- display: flex;
2722
- flex-direction: column;
2723
- justify-content: space-between; }
2724
- .bloco-minhas-assembleias:not(.disabled):active {
2725
- transform: scale(0.99); }
2726
- .bloco-minhas-assembleias .bloco-minhas-assembleias-first-line {
2727
- display: flex;
2728
- align-items: center;
2729
- justify-content: space-between;
2730
- margin-bottom: 6px; }
2731
- .bloco-minhas-assembleias .bloco-minhas-assembleias-first-line .bloco-minhas-assembleias-icon svg {
2732
- color: #3fa110;
2733
- width: 20px;
2734
- height: 20px; }
2735
- .bloco-minhas-assembleias .bloco-minhas-assembleias-title {
2736
- font-weight: 700;
2737
- font-size: 26px;
2738
- color: #323c32;
2739
- margin-bottom: 6px; }
2740
- .bloco-minhas-assembleias .bloco-minhas-assembleias-sub-title {
2741
- color: #323c32;
2742
- font-weight: 600;
2743
- font-size: 14px; }
2744
- .bloco-minhas-assembleias .bloco-minhas-assembleias-sub-title span {
2745
- color: #3fa110;
2746
- text-decoration: underline; }
2747
- .bloco-minhas-assembleias .bloco-minhas-assembleias-not-found {
2748
- position: absolute;
2749
- left: 0;
2750
- top: 0;
2751
- width: 100%;
2752
- height: 100%;
2753
- background-color: #fefefe;
2754
- display: flex;
2755
- align-items: center;
2756
- justify-content: center;
2757
- text-align: center;
2758
- padding: 8px;
2759
- color: #323c32;
2760
- font-size: 14px; }
2761
-
2762
- :export {
2763
- widthXs: 575.98px;
2764
- widthSm: 767.98px;
2765
- widthMd: 991.98px;
2766
- widthLg: 1199.98px; }
2767
-
2768
- :export {
2769
- white: #fefefe;
2770
- darkenWhite: #efefef;
2771
- black: #121212;
2772
- transparent: rgba(0, 0, 0, 0);
2773
- primary: #3fa110;
2774
- primaryDark: #33820d;
2775
- primaryLight: #d7e6c8;
2776
- secondaryDarker: #323c32;
2777
- secondaryDark: #5a645a;
2778
- blueDarker: #2b517b;
2779
- secondary: #828a82;
2780
- secondaryLight: #cdd3cd;
2781
- secondaryLighter: #f8f9f7;
2782
- danger: #e60000;
2783
- dangerLight: #ffb4b4;
2784
- dangerDark: #ab4745;
2785
- warning: #ffcd00;
2786
- warningLight: #ffeb98;
2787
- warningDark: #765f00; }
2788
-
2789
- .component-notification-outer {
2790
- position: relative;
2791
- display: inline-block; }
2792
- .component-notification-outer .component-notification {
2793
- position: absolute;
2794
- min-width: 18px;
2795
- min-height: 18px;
2796
- display: flex;
2797
- align-items: center;
2798
- justify-content: center;
2799
- border-radius: 200px;
2800
- font-size: 13px; }
2801
- @media screen and (max-width: 767.98px) {
2802
- .component-notification-outer .component-notification {
2803
- font-size: 10px;
2804
- min-width: 16px;
2805
- min-height: 16px; } }
2806
- .component-notification-outer .component-notification-primary {
2807
- background-color: #3fa110;
2808
- color: #fefefe; }
2809
- .component-notification-outer .component-notification-primary-invert {
2810
- background-color: #fefefe;
2811
- color: #3fa110; }
2812
- .component-notification-outer .component-notification-primary-dark {
2813
- background-color: #33820d;
2814
- color: #fefefe; }
2815
- .component-notification-outer .component-notification-error {
2816
- background-color: #e60000;
2817
- color: #fefefe; }
2818
- .component-notification-outer .component-notification-default {
2819
- background-color: #323c32;
2820
- color: #fefefe; }
2821
- .component-notification-outer .component-notification-disabled {
2822
- background-color: #ebeee8;
2823
- color: #828a82; }
2824
-
2825
- .component-notification-enter {
2826
- transform: scale(0);
2827
- opacity: 0; }
2828
-
2829
- .component-notification-enter-active {
2830
- transition: transform 0.3s ease, opacity 0.3s ease;
2831
- position: absolute;
2832
- transform: scale(1);
2833
- opacity: 1; }
2834
-
2835
- .component-notification-exit {
2836
- transform: scale(1);
2837
- opacity: 1; }
2838
-
2839
- .component-notification-exit-active {
2840
- transition: transform 0.3s ease, opacity 0.3s ease;
2841
- transform: scale(0);
2842
- opacity: 0; }
2843
-
2844
- :export {
2845
- widthXs: 575.98px;
2846
- widthSm: 767.98px;
2847
- widthMd: 991.98px;
2848
- widthLg: 1199.98px; }
2849
-
2850
- :export {
2851
- white: #fefefe;
2852
- darkenWhite: #efefef;
2853
- black: #121212;
2854
- transparent: rgba(0, 0, 0, 0);
2855
- primary: #3fa110;
2856
- primaryDark: #33820d;
2857
- primaryLight: #d7e6c8;
2858
- secondaryDarker: #323c32;
2859
- secondaryDark: #5a645a;
2860
- blueDarker: #2b517b;
2861
- secondary: #828a82;
2862
- secondaryLight: #cdd3cd;
2863
- secondaryLighter: #f8f9f7;
2864
- danger: #e60000;
2865
- dangerLight: #ffb4b4;
2866
- dangerDark: #ab4745;
2867
- warning: #ffcd00;
2868
- warningLight: #ffeb98;
2869
- warningDark: #765f00; }
2870
-
2871
- .bottom-navigation {
2872
- display: flex;
2873
- align-items: center;
2874
- justify-content: space-around;
2875
- height: 58px; }
2876
- .bottom-navigation button.bottom-navigation-item {
2877
- width: 100%;
2878
- background-color: rgba(0, 0, 0, 0);
2879
- border: none;
2880
- outline: none;
2881
- transition: color 0.3s ease; }
2882
- .bottom-navigation button.bottom-navigation-item:not(:disabled):not(.atual) {
2883
- cursor: pointer; }
2884
- .bottom-navigation button.bottom-navigation-item .bottom-navigation-icon svg {
2885
- width: 20px; }
2886
- .bottom-navigation button.bottom-navigation-item .bottom-navigation-label {
2887
- font-size: 14px; }
2888
- @media screen and (max-width: 767.98px) {
2889
- .bottom-navigation button.bottom-navigation-item .bottom-navigation-label {
2890
- font-size: 11px; } }
2891
-
2892
- .bottom-navigation.dark {
2893
- border-top: 1px solid #5a645a;
2894
- background-color: #323c32; }
2895
- .bottom-navigation.dark button.bottom-navigation-item {
2896
- color: #f8f9f7; }
2897
- .bottom-navigation.dark button.bottom-navigation-item.atual {
2898
- color: #3fa110; }
2899
-
2900
- .bottom-navigation.white {
2901
- border-top: 1px solid #cdd3cd;
2902
- background-color: #fefefe; }
2903
- .bottom-navigation.white button.bottom-navigation-item {
2904
- color: #323c32; }
2905
- .bottom-navigation.white button.bottom-navigation-item.atual {
2906
- color: #3fa110; }
2907
-
2908
- .bottom-navigation.primary {
2909
- border-top: 1px solid #33820d;
2910
- background-color: #3fa110; }
2911
- .bottom-navigation.primary button.bottom-navigation-item {
2912
- color: #323c32; }
2913
- .bottom-navigation.primary button.bottom-navigation-item.atual {
2914
- color: #fefefe; }
2915
-
2916
- .bottom-navigation.secondary-lighter {
2917
- border-top: 1px solid #cdd3cd;
2918
- background-color: #f8f9f7; }
2919
- .bottom-navigation.secondary-lighter button.bottom-navigation-item {
2920
- color: #323c32; }
2921
- .bottom-navigation.secondary-lighter button.bottom-navigation-item.atual {
2922
- color: #3fa110; }
1336
+ border-color: rgba(0, 0, 0, 0); }
1337
+ @media screen and (max-width: 575.98px) {
1338
+ .component-button:not(:disabled).component-button-header-user-secondary {
1339
+ padding: 15px 0; }
1340
+ .component-button:not(:disabled).component-button-header-user-secondary > .component-button-label {
1341
+ display: none; } }
1342
+ .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon.component-button-left-icon {
1343
+ margin-right: 8px; }
1344
+ .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon.component-button-right-icon {
1345
+ margin-left: 8px; }
1346
+ .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon svg {
1347
+ width: 20px;
1348
+ height: 20px; }
2923
1349
 
2924
- :export {
2925
- widthXs: 575.98px;
2926
- widthSm: 767.98px;
2927
- widthMd: 991.98px;
2928
- widthLg: 1199.98px; }
1350
+ .component-button:not(:disabled).component-button-header-user-bold {
1351
+ padding: 15px 0;
1352
+ font-weight: 400;
1353
+ font-size: 16px;
1354
+ background-color: rgba(0, 0, 0, 0);
1355
+ color: #3fa110;
1356
+ border-color: rgba(0, 0, 0, 0); }
1357
+ @media screen and (max-width: 575.98px) {
1358
+ .component-button:not(:disabled).component-button-header-user-bold {
1359
+ padding: 15px 0; }
1360
+ .component-button:not(:disabled).component-button-header-user-bold > .component-button-label {
1361
+ display: none; } }
1362
+ .component-button:not(:disabled).component-button-header-user-bold .component-button-label {
1363
+ font-weight: 700; }
1364
+ .component-button:not(:disabled).component-button-header-user-bold .component-button-icon.component-button-left-icon {
1365
+ margin-right: 8px; }
1366
+ .component-button:not(:disabled).component-button-header-user-bold .component-button-icon.component-button-right-icon {
1367
+ margin-left: 8px; }
1368
+ .component-button:not(:disabled).component-button-header-user-bold .component-button-icon svg {
1369
+ width: 20px;
1370
+ height: 20px; }
1371
+ .component-button:not(:disabled).component-button-header-user-bold:not(:disabled):active {
1372
+ transform: scale(0.95); }
2929
1373
 
2930
- :export {
2931
- white: #fefefe;
2932
- darkenWhite: #efefef;
2933
- black: #121212;
2934
- transparent: rgba(0, 0, 0, 0);
2935
- primary: #3fa110;
2936
- primaryDark: #33820d;
2937
- primaryLight: #d7e6c8;
2938
- secondaryDarker: #323c32;
2939
- secondaryDark: #5a645a;
2940
- blueDarker: #2b517b;
2941
- secondary: #828a82;
2942
- secondaryLight: #cdd3cd;
2943
- secondaryLighter: #f8f9f7;
2944
- danger: #e60000;
2945
- dangerLight: #ffb4b4;
2946
- dangerDark: #ab4745;
2947
- warning: #ffcd00;
2948
- warningLight: #ffeb98;
2949
- warningDark: #765f00; }
1374
+ .component-button-pauta {
1375
+ background-color: #3fa110;
1376
+ color: #fefefe; }
1377
+ .component-button-pauta:disabled {
1378
+ background-color: #e0e0e0;
1379
+ color: #bdbdbd; }
1380
+ .component-button-pauta .component-button-label {
1381
+ font-weight: 300; }
1382
+ @media screen and (max-width: 767.98px) {
1383
+ .component-button-pauta {
1384
+ height: 40px;
1385
+ width: 100% !important;
1386
+ position: absolute !important;
1387
+ bottom: 0;
1388
+ left: 0;
1389
+ border-radius: 0;
1390
+ border: none; } }
2950
1391
 
2951
- .component-bread-crumb {
2952
- display: flex;
2953
- flex-direction: row;
2954
- flex-wrap: wrap; }
2955
- .component-bread-crumb .component-bread-crumb-path {
2956
- display: flex;
2957
- flex-direction: row; }
2958
- .component-bread-crumb .component-bread-crumb-path.component-bread-crumb-active .component-bread-crumb-label {
2959
- color: #3fa110;
2960
- font-weight: 700;
2961
- cursor: pointer; }
2962
- .component-bread-crumb .component-bread-crumb-path.component-bread-crumb-active .component-bread-crumb-label:hover {
2963
- text-decoration: underline; }
2964
- .component-bread-crumb .component-bread-crumb-path:not(.component-bread-crumb-active) .component-bread-crumb-label {
2965
- color: #323c32;
2966
- font-weight: 600; }
2967
- .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-arrow {
2968
- color: #3fa110;
2969
- padding: 0 8px;
2970
- display: flex;
2971
- align-items: center; }
2972
- .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-arrow svg {
2973
- height: 15px;
2974
- width: 8px; }
2975
- .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-label {
2976
- -webkit-user-select: none;
2977
- -moz-user-select: none;
2978
- user-select: none;
2979
- line-height: 24px;
2980
- font-size: 14px; }
1392
+ @media screen and (max-width: 575.98px) {
1393
+ .component-button-bottom-mobile {
1394
+ position: fixed;
1395
+ bottom: 0;
1396
+ left: 0;
1397
+ width: 100%;
1398
+ border-radius: 0;
1399
+ transform: translateY(2px);
1400
+ z-index: 970;
1401
+ min-height: 50px; }
1402
+ .component-button-bottom-mobile:active {
1403
+ transform: translateY(2px) !important; } }
2981
1404
 
2982
1405
  :export {
2983
1406
  widthXs: 575.98px;
@@ -3271,6 +1694,64 @@ h5 {
3271
1694
  warningLight: #ffeb98;
3272
1695
  warningDark: #765f00; }
3273
1696
 
1697
+ .component-icon-button {
1698
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
1699
+ background-color: rgba(0, 0, 0, 0);
1700
+ border: none;
1701
+ padding: 0;
1702
+ transition: all 0.3s ease;
1703
+ display: flex;
1704
+ justify-content: center;
1705
+ align-items: center; }
1706
+ .component-icon-button:focus {
1707
+ outline: none; }
1708
+ .component-icon-button:not(:disabled):not(.grab-handle) {
1709
+ cursor: pointer; }
1710
+ .component-icon-button:not(:disabled):active {
1711
+ transform: scale(0.9); }
1712
+
1713
+ .component-icon-button:disabled {
1714
+ color: #cdd3cd; }
1715
+
1716
+ .component-icon-button:not(:disabled).component-icon-button-primary {
1717
+ color: #3fa110; }
1718
+
1719
+ .component-icon-button:not(:disabled).component-icon-button-secondary {
1720
+ color: #fefefe; }
1721
+
1722
+ .component-icon-button:not(:disabled).component-icon-button-dark {
1723
+ color: #323c32; }
1724
+
1725
+ .component-icon-button:not(:disabled).component-icon-button-blue {
1726
+ color: #00708f; }
1727
+
1728
+ :export {
1729
+ widthXs: 575.98px;
1730
+ widthSm: 767.98px;
1731
+ widthMd: 991.98px;
1732
+ widthLg: 1199.98px; }
1733
+
1734
+ :export {
1735
+ white: #fefefe;
1736
+ darkenWhite: #efefef;
1737
+ black: #121212;
1738
+ transparent: rgba(0, 0, 0, 0);
1739
+ primary: #3fa110;
1740
+ primaryDark: #33820d;
1741
+ primaryLight: #d7e6c8;
1742
+ secondaryDarker: #323c32;
1743
+ secondaryDark: #5a645a;
1744
+ blueDarker: #2b517b;
1745
+ secondary: #828a82;
1746
+ secondaryLight: #cdd3cd;
1747
+ secondaryLighter: #f8f9f7;
1748
+ danger: #e60000;
1749
+ dangerLight: #ffb4b4;
1750
+ dangerDark: #ab4745;
1751
+ warning: #ffcd00;
1752
+ warningLight: #ffeb98;
1753
+ warningDark: #765f00; }
1754
+
3274
1755
  .element-paginator {
3275
1756
  display: flex;
3276
1757
  align-items: center;
@@ -3607,17 +2088,105 @@ h5 {
3607
2088
  .component-money-by-month .component-money-by-month-caption {
3608
2089
  color: #3fa110;
3609
2090
  position: absolute;
3610
- top: 8px;
3611
- font-size: 14px;
3612
- line-height: 20px;
3613
- font-weight: 500s; }
3614
- .component-money-by-month .component-money-by-month-caption.component-money-by-month-caption-left {
3615
- left: 8px; }
3616
- .component-money-by-month .component-money-by-month-caption.component-money-by-month-caption-right {
3617
- right: 8px; }
3618
- .component-money-by-month .component-money-by-month-chart {
3619
- width: 100%;
3620
- height: 300px; }
2091
+ top: 8px;
2092
+ font-size: 14px;
2093
+ line-height: 20px;
2094
+ font-weight: 500s; }
2095
+ .component-money-by-month .component-money-by-month-caption.component-money-by-month-caption-left {
2096
+ left: 8px; }
2097
+ .component-money-by-month .component-money-by-month-caption.component-money-by-month-caption-right {
2098
+ right: 8px; }
2099
+ .component-money-by-month .component-money-by-month-chart {
2100
+ width: 100%;
2101
+ height: 300px; }
2102
+
2103
+ :export {
2104
+ widthXs: 575.98px;
2105
+ widthSm: 767.98px;
2106
+ widthMd: 991.98px;
2107
+ widthLg: 1199.98px; }
2108
+
2109
+ :export {
2110
+ white: #fefefe;
2111
+ darkenWhite: #efefef;
2112
+ black: #121212;
2113
+ transparent: rgba(0, 0, 0, 0);
2114
+ primary: #3fa110;
2115
+ primaryDark: #33820d;
2116
+ primaryLight: #d7e6c8;
2117
+ secondaryDarker: #323c32;
2118
+ secondaryDark: #5a645a;
2119
+ blueDarker: #2b517b;
2120
+ secondary: #828a82;
2121
+ secondaryLight: #cdd3cd;
2122
+ secondaryLighter: #f8f9f7;
2123
+ danger: #e60000;
2124
+ dangerLight: #ffb4b4;
2125
+ dangerDark: #ab4745;
2126
+ warning: #ffcd00;
2127
+ warningLight: #ffeb98;
2128
+ warningDark: #765f00; }
2129
+
2130
+ .component-checkbox {
2131
+ background-color: #c4c4c4;
2132
+ width: 18px;
2133
+ height: 18px;
2134
+ padding: 0;
2135
+ border-radius: 4px;
2136
+ border: none;
2137
+ display: flex;
2138
+ justify-content: center;
2139
+ align-items: center;
2140
+ transition: background-color 0.3s ease, opacity 0.3s ease; }
2141
+ .component-checkbox:not(:disabled), .component-checkbox:not(.component-checkbox[aria-disabled='true']) {
2142
+ cursor: pointer; }
2143
+ .component-checkbox:focus {
2144
+ outline: none; }
2145
+
2146
+ .component-checkbox-primary:disabled, .component-checkbox-primary[aria-disabled='true'] {
2147
+ opacity: 0.6; }
2148
+
2149
+ .component-checkbox-primary.component-checkbox-not {
2150
+ background-color: #c4c4c4; }
2151
+
2152
+ .component-checkbox-primary.component-checkbox-checked {
2153
+ background-color: #3fa110; }
2154
+
2155
+ .component-checkbox-dark:disabled, .component-checkbox-dark[aria-disabled='true'] {
2156
+ opacity: 0.6; }
2157
+
2158
+ .component-checkbox-dark.component-checkbox-not {
2159
+ background-color: #c4c4c4; }
2160
+
2161
+ .component-checkbox-dark.component-checkbox-checked {
2162
+ background-color: #323c32; }
2163
+
2164
+ .component-checkbox-blue:disabled, .component-checkbox-blue[aria-disabled='true'] {
2165
+ opacity: 0.6; }
2166
+
2167
+ .component-checkbox-blue.component-checkbox-not {
2168
+ background-color: #eaeaea; }
2169
+
2170
+ .component-checkbox-blue.component-checkbox-checked {
2171
+ background-color: #00708f; }
2172
+
2173
+ .component-checkbox-classic {
2174
+ border-radius: 0;
2175
+ background-color: rgba(0, 0, 0, 0);
2176
+ border: 1px solid #3fa110; }
2177
+ .component-checkbox-classic::after {
2178
+ content: '';
2179
+ position: absolute;
2180
+ width: 12px;
2181
+ height: 12px;
2182
+ background-color: rgba(0, 0, 0, 0);
2183
+ transition: background-color 0.3s ease; }
2184
+ .component-checkbox-classic:disabled, .component-checkbox-classic[aria-disabled='true'] {
2185
+ border-color: #828a82; }
2186
+ .component-checkbox-classic:disabled.component-checkbox-checked::after, .component-checkbox-classic[aria-disabled='true'].component-checkbox-checked::after {
2187
+ background-color: #828a82; }
2188
+ .component-checkbox-classic.component-checkbox-checked::after {
2189
+ background-color: #3fa110; }
3621
2190
 
3622
2191
  @use "sass:map";
3623
2192
  :export {
@@ -3983,7 +2552,7 @@ h5 {
3983
2552
  warningDark: #765f00; }
3984
2553
 
3985
2554
  .component-container {
3986
- position: fixed;
2555
+ position: absolute;
3987
2556
  top: 0;
3988
2557
  left: 0;
3989
2558
  width: 100%;
@@ -4737,116 +3306,6 @@ max-width 100% 540px 720px 960px 1140px
4737
3306
  warningLight: #ffeb98;
4738
3307
  warningDark: #765f00; }
4739
3308
 
4740
- .component-editable-video-item {
4741
- width: 100%;
4742
- background-color: #fefefe;
4743
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
4744
- border-radius: 4px;
4745
- display: flex;
4746
- padding: 0.7rem 1rem;
4747
- align-items: center;
4748
- justify-content: space-between; }
4749
- .component-editable-video-item .component-editable-video-item-play-icon {
4750
- display: flex;
4751
- justify-content: center;
4752
- align-items: center;
4753
- width: 25px;
4754
- color: #3fa110; }
4755
- .component-editable-video-item .component-editable-video-item-content {
4756
- width: 100%;
4757
- padding: 10px 12px; }
4758
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input {
4759
- width: 100%;
4760
- padding: 0.2rem 0;
4761
- font-weight: bold;
4762
- font-size: 1rem;
4763
- color: #323c32;
4764
- padding: 3px 0 4px;
4765
- outline: none;
4766
- border: none;
4767
- border-bottom: 2px solid #cdd3cd;
4768
- transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
4769
- border-radius: 0px !important;
4770
- overflow: hidden;
4771
- text-overflow: ellipsis; }
4772
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input:focus {
4773
- border-color: #3fa110; }
4774
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input:-moz-read-only {
4775
- background-color: rgba(0, 0, 0, 0);
4776
- border: none;
4777
- border-bottom: 0 solid rgba(0, 0, 0, 0);
4778
- cursor: default; }
4779
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input:read-only {
4780
- background-color: rgba(0, 0, 0, 0);
4781
- border: none;
4782
- border-bottom: 0 solid rgba(0, 0, 0, 0);
4783
- cursor: default; }
4784
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.editable:disabled {
4785
- background-color: rgba(0, 0, 0, 0);
4786
- border: none;
4787
- border-bottom: 2px dotted #cdd3cd;
4788
- cursor: default; }
4789
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.error {
4790
- margin: 0px;
4791
- color: #e60000;
4792
- border-bottom: 2px solid #e60000; }
4793
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.error::-moz-placeholder {
4794
- color: #9a0000; }
4795
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.error::placeholder {
4796
- color: #9a0000; }
4797
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input-error {
4798
- min-height: 14px;
4799
- width: 100%;
4800
- display: block;
4801
- margin: 0;
4802
- font-size: 0.75rem;
4803
- margin-top: 3px;
4804
- font-weight: 400;
4805
- color: #e60000; }
4806
- .component-editable-video-item .component-editable-video-item-actions {
4807
- display: flex;
4808
- justify-content: center;
4809
- align-items: center;
4810
- color: #3fa110; }
4811
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside {
4812
- width: 75px;
4813
- display: flex;
4814
- justify-content: center;
4815
- align-items: center; }
4816
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside button {
4817
- display: block; }
4818
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside button:not(first-child) {
4819
- margin-left: 1rem; }
4820
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside button > svg {
4821
- font-size: 22px; }
4822
-
4823
- :export {
4824
- widthXs: 575.98px;
4825
- widthSm: 767.98px;
4826
- widthMd: 991.98px;
4827
- widthLg: 1199.98px; }
4828
-
4829
- :export {
4830
- white: #fefefe;
4831
- darkenWhite: #efefef;
4832
- black: #121212;
4833
- transparent: rgba(0, 0, 0, 0);
4834
- primary: #3fa110;
4835
- primaryDark: #33820d;
4836
- primaryLight: #d7e6c8;
4837
- secondaryDarker: #323c32;
4838
- secondaryDark: #5a645a;
4839
- blueDarker: #2b517b;
4840
- secondary: #828a82;
4841
- secondaryLight: #cdd3cd;
4842
- secondaryLighter: #f8f9f7;
4843
- danger: #e60000;
4844
- dangerLight: #ffb4b4;
4845
- dangerDark: #ab4745;
4846
- warning: #ffcd00;
4847
- warningLight: #ffeb98;
4848
- warningDark: #765f00; }
4849
-
4850
3309
  .component-etapas {
4851
3310
  width: 100%;
4852
3311
  overflow-x: auto;
@@ -5705,266 +4164,15 @@ header.component-header {
5705
4164
  text-decoration: underline; }
5706
4165
  .component-header-black-bar a svg {
5707
4166
  width: 18px;
5708
- height: 18px; }
5709
- .component-header-black-bar span {
5710
- margin-left: 12px;
5711
- display: flex;
5712
- align-items: center;
5713
- justify-content: flex-start;
5714
- font-size: 14px;
5715
- line-height: 20px;
5716
- font-weight: 700; }
5717
-
5718
- :export {
5719
- widthXs: 575.98px;
5720
- widthSm: 767.98px;
5721
- widthMd: 991.98px;
5722
- widthLg: 1199.98px; }
5723
-
5724
- :export {
5725
- white: #fefefe;
5726
- darkenWhite: #efefef;
5727
- black: #121212;
5728
- transparent: rgba(0, 0, 0, 0);
5729
- primary: #3fa110;
5730
- primaryDark: #33820d;
5731
- primaryLight: #d7e6c8;
5732
- secondaryDarker: #323c32;
5733
- secondaryDark: #5a645a;
5734
- blueDarker: #2b517b;
5735
- secondary: #828a82;
5736
- secondaryLight: #cdd3cd;
5737
- secondaryLighter: #f8f9f7;
5738
- danger: #e60000;
5739
- dangerLight: #ffb4b4;
5740
- dangerDark: #ab4745;
5741
- warning: #ffcd00;
5742
- warningLight: #ffeb98;
5743
- warningDark: #765f00; }
5744
-
5745
- .component-header-search-field {
5746
- width: 100%;
5747
- display: flex;
5748
- align-items: center;
5749
- position: relative; }
5750
- .component-header-search-field .component-header-search-field-right-icon {
5751
- position: absolute;
5752
- right: 8px; }
5753
-
5754
- .component-header-search-field-inline-input {
5755
- width: 100%;
5756
- position: relative; }
5757
- @media screen and (min-width: 575.98px) {
5758
- .component-header-search-field-inline-input.disabled .component-header-search-field-container-input {
5759
- border-style: dotted; } }
5760
- @media screen and (max-width: 575.98px) {
5761
- .component-header-search-field-inline-input.disabled input.component-header-search-field-input {
5762
- border-style: dotted !important; } }
5763
- @media screen and (max-width: 575.98px) {
5764
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border {
5765
- position: absolute;
5766
- width: 100%;
5767
- height: 100%;
5768
- top: 0;
5769
- left: 0;
5770
- z-index: -1;
5771
- border-radius: 8px;
5772
- overflow: hidden; }
5773
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border::before {
5774
- content: '';
5775
- position: absolute;
5776
- z-index: -3;
5777
- background-color: #33820d;
5778
- transform: rotate(45deg);
5779
- width: 40px;
5780
- height: 40px;
5781
- animation: borderRotate 8s linear infinite; }
5782
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border::after {
5783
- content: '';
5784
- position: absolute;
5785
- z-index: -2;
5786
- left: 2px;
5787
- top: 2px;
5788
- width: calc(100% - 4px);
5789
- height: calc(100% - 4px);
5790
- background: #f8f9f7;
5791
- border-radius: 6px; } }
5792
- @media screen and (min-width: 575.98px) {
5793
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border {
5794
- animation: inputHeaderLoading 2.5s linear infinite; } }
5795
- @media screen and (min-width: 575.98px) {
5796
- .component-header-search-field-inline-input .component-header-search-field-loading-border,
5797
- .component-header-search-field-inline-input .component-header-search-field-focus-border {
5798
- height: 2px;
5799
- display: block;
5800
- position: absolute;
5801
- bottom: 0px;
5802
- left: 50%;
5803
- width: 0;
5804
- background-color: #33820d; } }
5805
- @media screen and (min-width: 575.98px) {
5806
- .component-header-search-field-inline-input:focus-within .component-header-search-field-focus-border {
5807
- transition: width 0.3s ease, left 0.3s ease;
5808
- left: 0;
5809
- width: 100%; } }
5810
- @media screen and (min-width: 575.98px) {
5811
- .component-header-search-field-inline-input .component-header-search-field-container-input {
5812
- border-radius: 0;
5813
- border-width: 0 0 2px 0;
5814
- border-style: solid;
5815
- transition: border-color 0.3s ease, border 0.3s ease;
5816
- border-color: #cdd3cd; } }
5817
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input {
5818
- -webkit-appearance: none;
5819
- width: 100%;
5820
- background-color: #f8f9f7;
5821
- color: #323c32;
5822
- padding: 8px;
5823
- font-size: 16px;
5824
- line-height: 24px; }
5825
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input:focus {
5826
- outline: none; }
5827
- @media screen and (max-width: 575.98px) {
5828
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input {
5829
- border-radius: 8px;
5830
- border: 1px solid #cdd3cd;
5831
- transition: border-radius 0.3s ease;
5832
- background-color: rgba(0, 0, 0, 0); }
5833
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input.loading {
5834
- border: none !important; }
5835
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input.panel-opened {
5836
- border-radius: 8px 8px 0 0; } }
5837
- @media screen and (min-width: 575.98px) {
5838
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input {
5839
- border-radius: 0;
5840
- border-width: 0; } }
5841
-
5842
- .component-header-search-field-panel {
5843
- position: absolute;
5844
- left: 0;
5845
- top: 100%;
5846
- width: 100%;
5847
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
5848
- background-color: #f8f9f7; }
5849
- .component-header-search-field-panel .component-header-search-field-content {
5850
- padding: 8px;
5851
- min-height: 150px; }
5852
-
5853
- .component-header-search-field-mask {
5854
- width: 100%;
5855
- height: 100%;
5856
- position: fixed;
5857
- left: 0;
5858
- background-color: rgba(0, 0, 0, 0.5);
5859
- z-index: -2; }
5860
- @media screen and (max-width: 575.98px) {
5861
- .component-header-search-field-mask {
5862
- top: 103px; } }
5863
- @media screen and (min-width: 575.98px) {
5864
- .component-header-search-field-mask {
5865
- top: 51px; } }
5866
-
5867
- .component-header-search-field-mask-fade-enter {
5868
- opacity: 0; }
5869
-
5870
- .component-header-search-field-mask-fade-enter-active {
5871
- transition: opacity 0.3s ease;
5872
- opacity: 1; }
5873
-
5874
- .component-header-search-field-mask-fade-exit {
5875
- opacity: 1; }
5876
-
5877
- .component-header-search-field-mask-fade-exit-active {
5878
- transition: opacity 0.3s ease;
5879
- opacity: 0; }
5880
-
5881
- @keyframes inputHeaderLoading {
5882
- 0% {
5883
- width: 0;
5884
- left: 0; }
5885
- 50% {
5886
- width: 100%;
5887
- left: 0; }
5888
- 51% {
5889
- left: unset;
5890
- right: 0;
5891
- width: 100%; }
5892
- 99% {
5893
- left: unset;
5894
- right: 0;
5895
- width: 0; }
5896
- 100% {
5897
- right: unset;
5898
- left: 0;
5899
- width: 0; } }
5900
-
5901
- @keyframes borderRotate {
5902
- 0% {
5903
- top: -20px;
5904
- left: -20px; }
5905
- 40% {
5906
- top: -20px;
5907
- left: calc(100% - 20px); }
5908
- 50% {
5909
- top: calc(100% - 20px);
5910
- left: calc(100% - 20px); }
5911
- 90% {
5912
- top: calc(100% - 20px);
5913
- left: -20px; }
5914
- 100% {
5915
- left: -20px;
5916
- top: -20px; } }
5917
-
5918
- :export {
5919
- widthXs: 575.98px;
5920
- widthSm: 767.98px;
5921
- widthMd: 991.98px;
5922
- widthLg: 1199.98px; }
5923
-
5924
- :export {
5925
- white: #fefefe;
5926
- darkenWhite: #efefef;
5927
- black: #121212;
5928
- transparent: rgba(0, 0, 0, 0);
5929
- primary: #3fa110;
5930
- primaryDark: #33820d;
5931
- primaryLight: #d7e6c8;
5932
- secondaryDarker: #323c32;
5933
- secondaryDark: #5a645a;
5934
- blueDarker: #2b517b;
5935
- secondary: #828a82;
5936
- secondaryLight: #cdd3cd;
5937
- secondaryLighter: #f8f9f7;
5938
- danger: #e60000;
5939
- dangerLight: #ffb4b4;
5940
- dangerDark: #ab4745;
5941
- warning: #ffcd00;
5942
- warningLight: #ffeb98;
5943
- warningDark: #765f00; }
5944
-
5945
- .icon-button-with-label {
5946
- display: flex;
5947
- align-items: center;
5948
- background-color: #fefefe;
5949
- border-radius: 8px;
5950
- width: 100%;
5951
- padding: 8px;
5952
- justify-content: space-between; }
5953
- .icon-button-with-label .icon-button-with-label-icon {
5954
- display: flex;
5955
- color: #323c32;
5956
- align-items: center; }
5957
- .icon-button-with-label .icon-button-with-label-label {
5958
- color: #323c32;
5959
- display: flex;
5960
- align-items: center;
4167
+ height: 18px; }
4168
+ .component-header-black-bar span {
5961
4169
  margin-left: 12px;
5962
- margin-right: 12px; }
5963
- .icon-button-with-label .icon-button-with-label-value {
5964
- color: #323c32;
5965
- font-weight: bold;
5966
4170
  display: flex;
5967
- align-items: center; }
4171
+ align-items: center;
4172
+ justify-content: flex-start;
4173
+ font-size: 14px;
4174
+ line-height: 20px;
4175
+ font-weight: 700; }
5968
4176
 
5969
4177
  :export {
5970
4178
  widthXs: 575.98px;
@@ -6031,172 +4239,182 @@ header.component-header {
6031
4239
  warningLight: #ffeb98;
6032
4240
  warningDark: #765f00; }
6033
4241
 
6034
- .informativo-assembleias-com-imagem {
4242
+ .component-input {
4243
+ width: 100%;
6035
4244
  display: flex;
6036
- justify-content: space-between;
4245
+ flex-direction: column;
4246
+ justify-content: center;
6037
4247
  align-items: stretch;
6038
- flex-direction: row; }
6039
- @media screen and (max-width: 767.98px) {
6040
- .informativo-assembleias-com-imagem.wrap {
6041
- flex-wrap: wrap; }
6042
- .informativo-assembleias-com-imagem.wrap-reverse {
6043
- flex-wrap: wrap-reverse; } }
6044
- .informativo-assembleias-com-imagem.reverse {
6045
- flex-direction: row-reverse; }
6046
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text {
6047
- overflow: hidden;
6048
- min-height: 520px;
6049
- width: 50%;
6050
- padding: 5%;
6051
- display: flex;
6052
- flex-direction: column;
6053
- align-items: flex-start;
6054
- justify-content: space-evenly; }
6055
- @media screen and (max-width: 767.98px) {
6056
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text {
6057
- width: 100%;
6058
- max-height: unset;
6059
- overflow: unset; } }
6060
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text .informativo-assembleias-com-imagem-title {
6061
- font-size: 52px;
6062
- font-weight: 300;
6063
- font-style: italic;
6064
- line-height: 56px;
6065
- color: #5a645a;
6066
- padding: 8px; }
6067
- @media screen and (max-width: 767.98px) {
6068
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text .informativo-assembleias-com-imagem-title {
6069
- font-size: 36px;
6070
- line-height: 40px;
6071
- font-weight: 400; } }
6072
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text .informativo-assembleias-com-imagem-sub-title {
6073
- color: #5a645a;
6074
- font-size: 16px;
6075
- line-height: 26px;
6076
- text-align: left;
6077
- padding: 8px; }
6078
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo {
6079
- width: 50%;
6080
- overflow: hidden;
6081
- border-radius: 8px;
6082
- padding: 0;
6083
- min-height: 520px;
6084
- background-position: center;
6085
- background-repeat: no-repeat;
6086
- background-size: cover; }
6087
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo img {
6088
- display: none; }
6089
- @media screen and (max-width: 767.98px) {
6090
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo {
6091
- min-height: auto;
6092
- overflow: visible;
6093
- width: 100%; }
6094
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo img {
6095
- display: block !important;
6096
- opacity: 1;
6097
- width: 100%; } }
6098
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled {
4248
+ -webkit-appearance: none; }
4249
+ .component-input .component-input-label {
4250
+ color: #323c32;
4251
+ transition: color 0.3s ease;
4252
+ font-size: 12px;
4253
+ line-height: 16px;
4254
+ -webkit-user-select: none;
4255
+ -moz-user-select: none;
4256
+ user-select: none;
4257
+ min-height: 16px; }
4258
+ .component-input .component-input-input-container {
6099
4259
  width: 100%;
6100
- margin-left: 10px; }
6101
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled button {
6102
- padding: 10px 60px;
6103
- border-radius: 6px; }
6104
- @media screen and (max-width: 767.98px) {
6105
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled {
6106
- display: flex;
6107
- justify-content: center;
6108
- margin-left: 0px; }
6109
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled button {
6110
- width: 100%; } }
6111
-
6112
- :export {
6113
- widthXs: 575.98px;
6114
- widthSm: 767.98px;
6115
- widthMd: 991.98px;
6116
- widthLg: 1199.98px; }
6117
-
6118
- :export {
6119
- white: #fefefe;
6120
- darkenWhite: #efefef;
6121
- black: #121212;
6122
- transparent: rgba(0, 0, 0, 0);
6123
- primary: #3fa110;
6124
- primaryDark: #33820d;
6125
- primaryLight: #d7e6c8;
6126
- secondaryDarker: #323c32;
6127
- secondaryDark: #5a645a;
6128
- blueDarker: #2b517b;
6129
- secondary: #828a82;
6130
- secondaryLight: #cdd3cd;
6131
- secondaryLighter: #f8f9f7;
6132
- danger: #e60000;
6133
- dangerLight: #ffb4b4;
6134
- dangerDark: #ab4745;
6135
- warning: #ffcd00;
6136
- warningLight: #ffeb98;
6137
- warningDark: #765f00; }
6138
-
6139
- .informativo-assembleias-com-video {
6140
- border-radius: 4px;
6141
- box-shadow: 0 2px 8px 0 rgba(90, 100, 90, 0.3);
6142
- padding: 27px 18px;
6143
- -webkit-user-select: none;
6144
- -moz-user-select: none;
6145
- user-select: none;
6146
- cursor: pointer;
6147
- transform-origin: center;
6148
- transition: transform 0.3s ease; }
6149
- .informativo-assembleias-com-video:active {
6150
- transform: scale(0.98); }
6151
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row {
6152
4260
  position: relative;
6153
4261
  display: flex;
6154
- align-items: flex-end;
6155
- justify-content: flex-start; }
6156
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.left {
6157
- justify-content: flex-start; }
6158
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.center {
6159
- justify-content: center; }
6160
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-thumbnail {
4262
+ flex-wrap: nowrap;
4263
+ align-items: center;
4264
+ border-width: 0 0 2px 0;
4265
+ border-style: solid;
4266
+ transition: border-color 0.3s ease, border 0.3s ease;
4267
+ border-color: #cdd3cd; }
4268
+ .component-input .component-input-input-container .component-input-input {
4269
+ color: #323c32;
4270
+ border-radius: 0;
4271
+ transition: color 0.3s ease, border-color 0.3s ease;
6161
4272
  width: 100%;
6162
- max-width: 219px;
6163
- height: 219px;
6164
- border-radius: 100%;
6165
- background-position: center;
6166
- background-size: cover; }
6167
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon {
6168
- position: absolute;
6169
- bottom: 0;
6170
- left: 0;
6171
- cursor: pointer; }
6172
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.left {
6173
- left: 0; }
6174
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.center {
6175
- margin-left: -77px;
6176
- left: 50%;
6177
- transform: translateX(-50%); }
6178
- .informativo-assembleias-com-video .informativo-assembleias-com-video-saiba-mais-row {
6179
- width: 100%;
4273
+ background-color: rgba(0, 0, 0, 0);
4274
+ font-size: 16px;
4275
+ line-height: 24px;
4276
+ border: none;
4277
+ padding: 0; }
4278
+ .component-input .component-input-input-container .component-input-input:focus {
4279
+ outline: none; }
4280
+ .component-input .component-input-input-container::before {
4281
+ content: '';
4282
+ transition: visibility 0.3s ease, opacity 0.3s ease;
4283
+ opacity: 0;
4284
+ visibility: hidden; }
4285
+ .component-input .component-input-input-container .component-input-right-object {
4286
+ position: static;
4287
+ padding: 0 5px 1px 5px; }
4288
+ .component-input .component-input-input-container .component-input-right-object svg {
4289
+ width: 23px;
4290
+ height: 23px; }
4291
+ .component-input .component-input-helper-and-counter {
4292
+ position: relative;
6180
4293
  display: flex;
4294
+ justify-content: space-between;
6181
4295
  align-items: center;
6182
- justify-content: flex-end;
6183
- height: 12px;
6184
- overflow: visible; }
6185
- .informativo-assembleias-com-video .informativo-assembleias-com-video-saiba-mais-row .informativo-assembleias-com-video-icon svg {
6186
- color: #3fa110;
6187
- height: 16px;
6188
- width: 16px; }
6189
- .informativo-assembleias-com-video .informativo-assembleias-com-video-title {
6190
- color: #323c32;
6191
- font-size: 24px;
6192
- line-height: 30px;
6193
- font-weight: 600;
6194
- margin-bottom: 8px; }
6195
- .informativo-assembleias-com-video .informativo-assembleias-com-video-sub-title {
6196
- color: #323c32;
6197
- font-size: 16px;
6198
- line-height: 24px;
6199
- font-weight: 400; }
4296
+ min-height: 16px; }
4297
+ .component-input .component-input-helper-and-counter .component-input-counter {
4298
+ color: #323c32;
4299
+ position: absolute;
4300
+ right: 5px;
4301
+ font-size: 12px;
4302
+ line-height: 16px; }
4303
+ .component-input .component-input-helper-and-counter .component-input-helper-text {
4304
+ -webkit-user-select: none;
4305
+ -moz-user-select: none;
4306
+ user-select: none;
4307
+ transition: color 0.3s ease;
4308
+ color: #323c32;
4309
+ font-size: 12px;
4310
+ line-height: 16px;
4311
+ min-height: 16px; }
4312
+
4313
+ .component-input.component-input-error .component-input-label {
4314
+ color: #e60000 !important; }
4315
+
4316
+ .component-input.component-input-error .component-input-input-container {
4317
+ border-color: #e60000 !important; }
4318
+ .component-input.component-input-error .component-input-input-container .component-input-input {
4319
+ color: #e60000 !important; }
4320
+
4321
+ .component-input.component-input-error .component-input-helper-text {
4322
+ color: #e60000 !important; }
4323
+
4324
+ .component-input.component-input-loading .component-input-input-container::after {
4325
+ content: '';
4326
+ height: 2px;
4327
+ width: 0;
4328
+ left: 0;
4329
+ position: absolute;
4330
+ bottom: -2px;
4331
+ background-color: #33820d;
4332
+ animation: inputLoading 2.5s linear infinite; }
4333
+
4334
+ @keyframes inputLoading {
4335
+ 0% {
4336
+ width: 0;
4337
+ left: 0; }
4338
+ 50% {
4339
+ width: 100%;
4340
+ left: 0; }
4341
+ 51% {
4342
+ left: unset;
4343
+ right: 0;
4344
+ width: 100%; }
4345
+ 99% {
4346
+ left: unset;
4347
+ right: 0;
4348
+ width: 0; }
4349
+ 100% {
4350
+ right: unset;
4351
+ left: 0;
4352
+ width: 0; } }
4353
+
4354
+ .component-input.component-input-disabled .component-input-label {
4355
+ color: #828a82; }
4356
+
4357
+ .component-input.component-input-disabled .component-input-helper-text {
4358
+ color: #828a82; }
4359
+
4360
+ .component-input.component-input-disabled .component-input-input-container {
4361
+ border-style: dotted !important; }
4362
+
4363
+ .component-input-input:disabled {
4364
+ color: #828a82;
4365
+ border-color: #828a82; }
4366
+ .component-input-input:disabled::-moz-placeholder {
4367
+ color: #828a82 !important; }
4368
+ .component-input-input:disabled::placeholder {
4369
+ color: #828a82 !important; }
4370
+
4371
+ .component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:focus-within::before {
4372
+ opacity: 1;
4373
+ visibility: visible;
4374
+ content: '';
4375
+ height: 2px;
4376
+ display: block;
4377
+ position: absolute;
4378
+ bottom: -2px;
4379
+ background-color: #33820d;
4380
+ animation: inputFocus 0.3s ease forwards; }
4381
+
4382
+ .component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:not(:focus-within):not(.force-focus)::before {
4383
+ opacity: 0;
4384
+ content: '';
4385
+ height: 2px;
4386
+ display: block;
4387
+ position: absolute;
4388
+ bottom: -2px;
4389
+ background-color: #33820d;
4390
+ animation: inputFocusReverse 0.3s ease forwards; }
4391
+
4392
+ .component-input:not(.component-input-error).force-focus .component-input-input-container::before {
4393
+ opacity: 1;
4394
+ visibility: visible;
4395
+ content: '';
4396
+ height: 2px;
4397
+ display: block;
4398
+ position: absolute;
4399
+ bottom: -2px;
4400
+ background-color: #33820d;
4401
+ animation: inputFocus 0.3s ease forwards; }
4402
+
4403
+ @keyframes inputFocus {
4404
+ 0% {
4405
+ width: 0;
4406
+ left: 50%; }
4407
+ 100% {
4408
+ left: 0;
4409
+ width: 100%; } }
4410
+
4411
+ @keyframes inputFocusReverse {
4412
+ 0% {
4413
+ left: 0;
4414
+ width: 100%; }
4415
+ 100% {
4416
+ width: 0;
4417
+ left: 50%; } }
6200
4418
 
6201
4419
  :export {
6202
4420
  widthXs: 575.98px;
@@ -7021,88 +5239,6 @@ header.component-header {
7021
5239
  warningLight: #ffeb98;
7022
5240
  warningDark: #765f00; }
7023
5241
 
7024
- .component-nota-edit {
7025
- width: 100%;
7026
- height: 100%;
7027
- display: flex;
7028
- flex-direction: column;
7029
- align-items: stretch;
7030
- justify-content: flex-end;
7031
- background-color: #fefefe;
7032
- border-radius: 8px;
7033
- padding: 12px;
7034
- position: relative;
7035
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
7036
- .component-nota-edit .component-nota-edit-titulo {
7037
- display: flex;
7038
- width: calc(100% - 30px); }
7039
- .component-nota-edit .component-nota-edit-titulo input {
7040
- width: 100%;
7041
- color: #121212;
7042
- background-color: #fefefe;
7043
- outline: none;
7044
- -webkit-appearance: none;
7045
- border-radius: 0;
7046
- transition: color 0.3s ease, border-color 0.3s ease;
7047
- font-size: 24px;
7048
- line-height: 24px;
7049
- border: none;
7050
- padding: 0;
7051
- font-weight: 500; }
7052
- .component-nota-edit .component-nota-edit-texto {
7053
- display: flex;
7054
- height: 100%;
7055
- width: 100%; }
7056
- .component-nota-edit .component-nota-edit-texto textarea {
7057
- resize: none;
7058
- height: 100%;
7059
- width: 100%;
7060
- color: #121212;
7061
- background-color: #fefefe;
7062
- outline: none;
7063
- -webkit-appearance: none;
7064
- border-radius: 0;
7065
- transition: color 0.3s ease, border-color 0.3s ease;
7066
- font-size: 16px;
7067
- line-height: 24px;
7068
- border: none;
7069
- padding: 4px 0; }
7070
- .component-nota-edit .component-nota-edit-close-button {
7071
- position: absolute;
7072
- top: 12px;
7073
- right: 12px; }
7074
- .component-nota-edit .component-nota-edit-save-button {
7075
- position: absolute;
7076
- bottom: 12px;
7077
- right: 12px; }
7078
-
7079
- :export {
7080
- widthXs: 575.98px;
7081
- widthSm: 767.98px;
7082
- widthMd: 991.98px;
7083
- widthLg: 1199.98px; }
7084
-
7085
- :export {
7086
- white: #fefefe;
7087
- darkenWhite: #efefef;
7088
- black: #121212;
7089
- transparent: rgba(0, 0, 0, 0);
7090
- primary: #3fa110;
7091
- primaryDark: #33820d;
7092
- primaryLight: #d7e6c8;
7093
- secondaryDarker: #323c32;
7094
- secondaryDark: #5a645a;
7095
- blueDarker: #2b517b;
7096
- secondary: #828a82;
7097
- secondaryLight: #cdd3cd;
7098
- secondaryLighter: #f8f9f7;
7099
- danger: #e60000;
7100
- dangerLight: #ffb4b4;
7101
- dangerDark: #ab4745;
7102
- warning: #ffcd00;
7103
- warningLight: #ffeb98;
7104
- warningDark: #765f00; }
7105
-
7106
5242
  .component-page-title {
7107
5243
  font-family: "Exo 2", sans-serif;
7108
5244
  font-size: 36px;
@@ -7253,6 +5389,44 @@ header.component-header {
7253
5389
  warningLight: #ffeb98;
7254
5390
  warningDark: #765f00; }
7255
5391
 
5392
+ .component-video-player {
5393
+ display: flex;
5394
+ width: 100%;
5395
+ height: 100%;
5396
+ min-height: 50px; }
5397
+ .component-video-player.blackground {
5398
+ background-color: #121212; }
5399
+ .component-video-player iframe {
5400
+ height: 100%;
5401
+ width: 100%; }
5402
+
5403
+ :export {
5404
+ widthXs: 575.98px;
5405
+ widthSm: 767.98px;
5406
+ widthMd: 991.98px;
5407
+ widthLg: 1199.98px; }
5408
+
5409
+ :export {
5410
+ white: #fefefe;
5411
+ darkenWhite: #efefef;
5412
+ black: #121212;
5413
+ transparent: rgba(0, 0, 0, 0);
5414
+ primary: #3fa110;
5415
+ primaryDark: #33820d;
5416
+ primaryLight: #d7e6c8;
5417
+ secondaryDarker: #323c32;
5418
+ secondaryDark: #5a645a;
5419
+ blueDarker: #2b517b;
5420
+ secondary: #828a82;
5421
+ secondaryLight: #cdd3cd;
5422
+ secondaryLighter: #f8f9f7;
5423
+ danger: #e60000;
5424
+ dangerLight: #ffb4b4;
5425
+ dangerDark: #ab4745;
5426
+ warning: #ffcd00;
5427
+ warningLight: #ffeb98;
5428
+ warningDark: #765f00; }
5429
+
7256
5430
  .previa-video {
7257
5431
  width: 100%;
7258
5432
  overflow: hidden;
@@ -7350,101 +5524,51 @@ header.component-header {
7350
5524
  warningLight: #ffeb98;
7351
5525
  warningDark: #765f00; }
7352
5526
 
7353
- .progress-bar-wrapper {
7354
- width: 100%;
7355
- -webkit-user-select: none;
7356
- -moz-user-select: none;
7357
- user-select: none;
7358
- color: #323c32;
7359
- font-weight: bold; }
7360
- .progress-bar-wrapper p,
7361
- .progress-bar-wrapper span,
7362
- .progress-bar-wrapper label,
7363
- .progress-bar-wrapper div {
7364
- font-family: "Nunito", sans-serif; }
7365
- .progress-bar-wrapper .progress-bar-header {
7366
- display: flex;
7367
- justify-content: space-between; }
7368
- .progress-bar-wrapper .progress-bar-header .progress-bar-percent-container {
7369
- display: flex;
7370
- color: #3fa110; }
7371
- .progress-bar-wrapper .progress-bar-header .progress-bar-percent-container .progress-bar-span-text {
7372
- display: flex;
7373
- align-items: center;
7374
- margin-right: 4px; }
7375
- .progress-bar-wrapper .progress-bar-fill {
7376
- background-color: #d7e6c8;
7377
- height: 20px;
7378
- border-radius: 10px;
7379
- overflow: hidden; }
7380
- .progress-bar-wrapper .progress-bar-fill .progress-bar-filled {
7381
- background-color: #3fa110;
7382
- height: 100%;
7383
- border-radius: 10px;
7384
- transition: 0.4s cubic-bezier(0, 0, 0.2, 1); }
7385
- .progress-bar-wrapper .progress-bar-bottom {
7386
- display: flex;
7387
- justify-content: space-between; }
7388
- .progress-bar-wrapper .progress-bar-bottom :nth-child(2) {
7389
- display: flex;
7390
- text-align: right; }
7391
- .progress-bar-wrapper .progress-bar-bottom span {
7392
- margin-top: 1rem;
7393
- flex-direction: column; }
7394
- .progress-bar-wrapper .progress-bar-bottom span p {
7395
- margin: 0; }
5527
+ .component-radio-button {
5528
+ background-color: #fefefe;
5529
+ width: 18px;
5530
+ height: 18px;
5531
+ padding: 0;
5532
+ border: none;
5533
+ display: flex;
5534
+ justify-content: center;
5535
+ align-items: center;
5536
+ border-radius: 100px;
5537
+ transition: background-color 0.3s ease; }
5538
+ .component-radio-button:not(:disabled) {
5539
+ cursor: pointer; }
5540
+ .component-radio-button:focus {
5541
+ outline: none; }
7396
5542
 
7397
- :export {
7398
- widthXs: 575.98px;
7399
- widthSm: 767.98px;
7400
- widthMd: 991.98px;
7401
- widthLg: 1199.98px; }
5543
+ .component-radio-button.new:disabled {
5544
+ opacity: 0.6; }
7402
5545
 
7403
- :export {
7404
- white: #fefefe;
7405
- darkenWhite: #efefef;
7406
- black: #121212;
7407
- transparent: rgba(0, 0, 0, 0);
7408
- primary: #3fa110;
7409
- primaryDark: #33820d;
7410
- primaryLight: #d7e6c8;
7411
- secondaryDarker: #323c32;
7412
- secondaryDark: #5a645a;
7413
- blueDarker: #2b517b;
7414
- secondary: #828a82;
7415
- secondaryLight: #cdd3cd;
7416
- secondaryLighter: #f8f9f7;
7417
- danger: #e60000;
7418
- dangerLight: #ffb4b4;
7419
- dangerDark: #ab4745;
7420
- warning: #ffcd00;
7421
- warningLight: #ffeb98;
7422
- warningDark: #765f00; }
5546
+ .component-radio-button.new.component-radio-button-not {
5547
+ background-color: #c4c4c4; }
7423
5548
 
7424
- .component-search-bloco-de-notas {
7425
- width: 100%;
7426
- display: flex;
7427
- align-items: center;
7428
- justify-content: space-between;
7429
- background-color: #fefefe;
7430
- border-radius: 8px;
7431
- padding: 12px;
7432
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
7433
- height: 48px; }
7434
- .component-search-bloco-de-notas input {
7435
- color: #121212;
7436
- background-color: #fefefe;
7437
- outline: none;
7438
- -webkit-appearance: none;
7439
- border-radius: 0;
7440
- transition: color 0.3s ease, border-color 0.3s ease;
7441
- width: calc(100% - 28px);
7442
- font-size: 16px;
7443
- line-height: 24px;
7444
- border: none;
7445
- padding: 0; }
7446
- .component-search-bloco-de-notas .component-search-bloco-de-notas-right-object {
7447
- width: 24px; }
5549
+ .component-radio-button.new.component-radio-button-checked {
5550
+ background-color: #3fa110; }
5551
+
5552
+ .component-radio-button.classic {
5553
+ border: 2px solid #3fa110;
5554
+ background-color: rgba(0, 0, 0, 0); }
5555
+ .component-radio-button.classic::after {
5556
+ content: '';
5557
+ width: 10px;
5558
+ height: 10px;
5559
+ background-color: rgba(0, 0, 0, 0);
5560
+ border-radius: 200px;
5561
+ transition: background-color 0.3s ease, background-color 0.3s ease; }
5562
+ .component-radio-button.classic:disabled {
5563
+ border-color: #c4c4c4 !important; }
5564
+ .component-radio-button.classic:disabled.component-radio-button-not {
5565
+ background-color: rgba(0, 0, 0, 0); }
5566
+ .component-radio-button.classic:disabled.component-radio-button-checked::after {
5567
+ background-color: #c4c4c4; }
5568
+ .component-radio-button.classic.component-radio-button-not {
5569
+ background-color: rgba(0, 0, 0, 0); }
5570
+ .component-radio-button.classic.component-radio-button-checked::after {
5571
+ background-color: #3fa110; }
7448
5572
 
7449
5573
  :export {
7450
5574
  widthXs: 575.98px;
@@ -9300,53 +7424,6 @@ nav.component-tabs {
9300
7424
  warningLight: #ffeb98;
9301
7425
  warningDark: #765f00; }
9302
7426
 
9303
- .component-video-item {
9304
- background-color: #fefefe;
9305
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
9306
- border-radius: 8px;
9307
- padding: 4px; }
9308
- .component-video-item .component-video-item-text-col {
9309
- align-items: flex-start; }
9310
- .component-video-item .component-video-item-text-col .component-video-item-text-row .component-video-item-title {
9311
- font-weight: 700;
9312
- font-size: 20px;
9313
- padding-top: 0;
9314
- color: #121212;
9315
- word-wrap: break-word; }
9316
- .component-video-item .component-video-item-text-col .component-video-item-text-row .component-video-item-description {
9317
- font-size: 14px;
9318
- font-weight: 500;
9319
- color: #5a645a;
9320
- word-break: break-word;
9321
- text-align: justify; }
9322
-
9323
- :export {
9324
- widthXs: 575.98px;
9325
- widthSm: 767.98px;
9326
- widthMd: 991.98px;
9327
- widthLg: 1199.98px; }
9328
-
9329
- :export {
9330
- white: #fefefe;
9331
- darkenWhite: #efefef;
9332
- black: #121212;
9333
- transparent: rgba(0, 0, 0, 0);
9334
- primary: #3fa110;
9335
- primaryDark: #33820d;
9336
- primaryLight: #d7e6c8;
9337
- secondaryDarker: #323c32;
9338
- secondaryDark: #5a645a;
9339
- blueDarker: #2b517b;
9340
- secondary: #828a82;
9341
- secondaryLight: #cdd3cd;
9342
- secondaryLighter: #f8f9f7;
9343
- danger: #e60000;
9344
- dangerLight: #ffb4b4;
9345
- dangerDark: #ab4745;
9346
- warning: #ffcd00;
9347
- warningLight: #ffeb98;
9348
- warningDark: #765f00; }
9349
-
9350
7427
  .video-modal {
9351
7428
  z-index: 986;
9352
7429
  position: relative;