plataforma-fundacao-componentes 2.23.34 → 2.24.1

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 (51) hide show
  1. package/dist/components/chip/Chip.d.ts +2 -0
  2. package/dist/components/chip/Chip.stories.d.ts +6 -0
  3. package/dist/components/container/Container.d.ts +1 -7
  4. package/dist/components/formattedText/FormattedText.d.ts +14 -0
  5. package/dist/components/formattedText/FormattedText.stories.d.ts +6 -0
  6. package/dist/components/inputArea/InputArea.d.ts +0 -1
  7. package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts +1 -2
  8. package/dist/index.css +1029 -3142
  9. package/dist/index.d.ts +2 -23
  10. package/dist/index.js +32288 -29731
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.modern.js +32263 -29708
  13. package/dist/index.modern.js.map +1 -1
  14. package/dist/utils/ArrayUtils.d.ts +1 -1
  15. package/package.json +26 -34
  16. package/dist/components/aconteceu/Aconteceu.d.ts +0 -24
  17. package/dist/components/aconteceu/Aconteceu.stories.d.ts +0 -9
  18. package/dist/components/advancedSemiHeader/AdvancedSemiHeader.d.ts +0 -10
  19. package/dist/components/advancedSemiHeader/AdvancedSemiHeader.stories.d.ts +0 -8
  20. package/dist/components/assembleiaItem/AssembleiaItem.d.ts +0 -23
  21. package/dist/components/assembleiaItem/AssembleiaItem.stories.d.ts +0 -11
  22. package/dist/components/assembleiaPauta/AssembleiaPauta.d.ts +0 -71
  23. package/dist/components/assembleiaPauta/AssembleiaPauta.stories.d.ts +0 -170
  24. package/dist/components/bannerAssembleia/BannerAssembleia.d.ts +0 -13
  25. package/dist/components/bannerAssembleia/BannerAssembleia.stories.d.ts +0 -8
  26. package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.d.ts +0 -19
  27. package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.stories.d.ts +0 -8
  28. package/dist/components/blocoDeNotas/BlocoDeNotas.d.ts +0 -53
  29. package/dist/components/blocoDeNotas/BlocoDeNotas.stories.d.ts +0 -9
  30. package/dist/components/blocoMinhasAssembleias/BlocoMinhasAssembleias.d.ts +0 -22
  31. package/dist/components/blocoMinhasAssembleias/BlocoMinhasAssembleias.stories.d.ts +0 -20
  32. package/dist/components/editableVideoItem/EditableVideoItem.d.ts +0 -28
  33. package/dist/components/editableVideoItem/EditableVideoItem.stories.d.ts +0 -7
  34. package/dist/components/headerSearchField/HeaderSearchField.d.ts +0 -23
  35. package/dist/components/headerSearchField/HeaderSearchField.stories.d.ts +0 -7
  36. package/dist/components/iconButtonWithLabel/IconButtonWithLabel.d.ts +0 -16
  37. package/dist/components/iconButtonWithLabel/IconButtonWithLabel.stories.d.ts +0 -7
  38. package/dist/components/informativoAssembleiasComImagem/InformativoAssembleiasComImagem.d.ts +0 -14
  39. package/dist/components/informativoAssembleiasComImagem/InformativoAssembleiasComImagem.stories.d.ts +0 -40
  40. package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.d.ts +0 -13
  41. package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.stories.d.ts +0 -10
  42. package/dist/components/notaEdit/NotaEdit.d.ts +0 -22
  43. package/dist/components/notaEdit/NotaEdit.stories.d.ts +0 -7
  44. package/dist/components/progressBar/ProgressBar.d.ts +0 -13
  45. package/dist/components/progressBar/ProgressBar.stories.d.ts +0 -54
  46. package/dist/components/searchBlocoDeNotas/SearchBlocoDeNotas.d.ts +0 -16
  47. package/dist/components/searchBlocoDeNotas/SearchBlocoDeNotas.stories.d.ts +0 -7
  48. package/dist/components/videoItem/VideoItem.d.ts +0 -16
  49. package/dist/components/videoItem/VideoItem.stories.d.ts +0 -7
  50. package/dist/libraries/InformativoAssembleiasComVideoAlign.d.ts +0 -4
  51. package/dist/utils/ErrorUtils.d.ts +0 -5
package/dist/index.css CHANGED
@@ -41,7 +41,6 @@ body.sb-show-main.sb-main-padded {
41
41
  font-family: "Exo 2", sans-serif; }
42
42
 
43
43
  .document-grabbing {
44
- cursor: -webkit-grabbing !important;
45
44
  cursor: grabbing !important; }
46
45
 
47
46
  h1 {
@@ -185,14 +184,7 @@ h5 {
185
184
  transition: stroke-dashoffset 0.3s ease, stroke-dasharray 0.3s ease; }
186
185
 
187
186
  .percent-loader-icon.indefinido {
188
- -webkit-animation: spinNoventa 0.6s linear infinite;
189
- animation: spinNoventa 0.6s linear infinite; }
190
-
191
- @-webkit-keyframes spinNoventa {
192
- 0% {
193
- transform: rotateZ(-90deg); }
194
- 100% {
195
- transform: rotateZ(270deg); } }
187
+ animation: spinNoventa 0.6s linear infinite; }
196
188
 
197
189
  @keyframes spinNoventa {
198
190
  0% {
@@ -211,14 +203,7 @@ h5 {
211
203
  -moz-user-select: none;
212
204
  user-select: none; }
213
205
  .refresh-icon.animate {
214
- -webkit-animation: spin 0.4s linear infinite;
215
- animation: spin 0.4s linear infinite; }
216
-
217
- @-webkit-keyframes spin {
218
- 0% {
219
- transform: rotateZ(0); }
220
- 100% {
221
- transform: rotateZ(180deg); } }
206
+ animation: spin 0.4s linear infinite; }
222
207
 
223
208
  @keyframes spin {
224
209
  0% {
@@ -327,21 +312,13 @@ h5 {
327
312
  height: var(--tdBallSize);
328
313
  border-radius: 50%;
329
314
  margin: var(--marginSize);
330
- -webkit-animation: loader 0.6s infinite alternate;
331
315
  animation: loader 0.6s infinite alternate;
332
316
  transform: translate(0, var(--tdTransformYFrom)); }
333
317
  .loader-three-dots > div:nth-child(2) {
334
- -webkit-animation-delay: 0.2s;
335
318
  animation-delay: 0.2s; }
336
319
  .loader-three-dots > div:nth-child(3) {
337
- -webkit-animation-delay: 0.4s;
338
320
  animation-delay: 0.4s; }
339
321
 
340
- @-webkit-keyframes loader {
341
- to {
342
- opacity: 0.4;
343
- transform: translate(0, var(--tdTransformYTo)); } }
344
-
345
322
  @keyframes loader {
346
323
  to {
347
324
  opacity: 0.4;
@@ -351,50 +328,25 @@ h5 {
351
328
  width: 100px;
352
329
  height: 100px; }
353
330
  .catavento-verde-icon-ui-component #um {
354
- -webkit-animation: piscar 700ms infinite;
355
- animation: piscar 700ms infinite; }
331
+ animation: piscar 700ms infinite; }
356
332
  .catavento-verde-icon-ui-component #dois {
357
- -webkit-animation: piscar 700ms infinite;
358
- animation: piscar 700ms infinite;
359
- -webkit-animation-delay: 100ms;
360
- animation-delay: 100ms; }
333
+ animation: piscar 700ms infinite;
334
+ animation-delay: 100ms; }
361
335
  .catavento-verde-icon-ui-component #tres {
362
- -webkit-animation: piscar 700ms infinite;
363
- animation: piscar 700ms infinite;
364
- -webkit-animation-delay: 200ms;
365
- animation-delay: 200ms; }
336
+ animation: piscar 700ms infinite;
337
+ animation-delay: 200ms; }
366
338
  .catavento-verde-icon-ui-component #quatro {
367
- -webkit-animation: piscar 700ms infinite;
368
- animation: piscar 700ms infinite;
369
- -webkit-animation-delay: 300ms;
370
- animation-delay: 300ms; }
339
+ animation: piscar 700ms infinite;
340
+ animation-delay: 300ms; }
371
341
  .catavento-verde-icon-ui-component #cinco {
372
- -webkit-animation: piscar 700ms infinite;
373
- animation: piscar 700ms infinite;
374
- -webkit-animation-delay: 400ms;
375
- animation-delay: 400ms; }
342
+ animation: piscar 700ms infinite;
343
+ animation-delay: 400ms; }
376
344
  .catavento-verde-icon-ui-component #seis {
377
- -webkit-animation: piscar 700ms infinite;
378
- animation: piscar 700ms infinite;
379
- -webkit-animation-delay: 500ms;
380
- animation-delay: 500ms; }
345
+ animation: piscar 700ms infinite;
346
+ animation-delay: 500ms; }
381
347
  .catavento-verde-icon-ui-component #sete {
382
- -webkit-animation: piscar 700ms infinite;
383
- animation: piscar 700ms infinite;
384
- -webkit-animation-delay: 600ms;
385
- animation-delay: 600ms; }
386
-
387
- @-webkit-keyframes piscar {
388
- 0% {
389
- opacity: 1; }
390
- 25% {
391
- opacity: 0.8; }
392
- 50% {
393
- opacity: 0.2; }
394
- 75% {
395
- opacity: 0.8; }
396
- 100% {
397
- opacity: 1; } }
348
+ animation: piscar 700ms infinite;
349
+ animation-delay: 600ms; }
398
350
 
399
351
  @keyframes piscar {
400
352
  0% {
@@ -447,41 +399,24 @@ h5 {
447
399
  user-select: none; }
448
400
  .loader-icon circle {
449
401
  fill: #33820d;
450
- -webkit-animation: loaderAnimation 1000ms linear infinite;
451
402
  animation: loaderAnimation 1000ms linear infinite; }
452
403
  .loader-icon #Elipse_0 {
453
- -webkit-animation-delay: -875ms;
454
404
  animation-delay: -875ms; }
455
405
  .loader-icon #Elipse_1 {
456
- -webkit-animation-delay: -750ms;
457
406
  animation-delay: -750ms; }
458
407
  .loader-icon #Elipse_2 {
459
- -webkit-animation-delay: -625ms;
460
408
  animation-delay: -625ms; }
461
409
  .loader-icon #Elipse_3 {
462
- -webkit-animation-delay: -500ms;
463
410
  animation-delay: -500ms; }
464
411
  .loader-icon #Elipse_4 {
465
- -webkit-animation-delay: -375ms;
466
412
  animation-delay: -375ms; }
467
413
  .loader-icon #Elipse_5 {
468
- -webkit-animation-delay: -250ms;
469
414
  animation-delay: -250ms; }
470
415
  .loader-icon #Elipse_6 {
471
- -webkit-animation-delay: -125ms;
472
416
  animation-delay: -125ms; }
473
417
  .loader-icon #Elipse_7 {
474
- -webkit-animation-delay: 0ms;
475
418
  animation-delay: 0ms; }
476
419
 
477
- @-webkit-keyframes loaderAnimation {
478
- 0% {
479
- opacity: 1; }
480
- 50% {
481
- opacity: 0.05; }
482
- 100% {
483
- opacity: 0.05; } }
484
-
485
420
  @keyframes loaderAnimation {
486
421
  0% {
487
422
  opacity: 1; }
@@ -619,155 +554,6 @@ h5 {
619
554
  warningLight: #ffeb98;
620
555
  warningDark: #765f00; }
621
556
 
622
- .component-video-player {
623
- display: flex;
624
- width: 100%;
625
- height: 100%;
626
- min-height: 50px; }
627
- .component-video-player.blackground {
628
- background-color: #121212; }
629
- .component-video-player iframe {
630
- height: 100%;
631
- width: 100%; }
632
-
633
- :export {
634
- widthXs: 575.98px;
635
- widthSm: 767.98px;
636
- widthMd: 991.98px;
637
- widthLg: 1199.98px; }
638
-
639
- :export {
640
- white: #fefefe;
641
- darkenWhite: #efefef;
642
- black: #121212;
643
- transparent: rgba(0, 0, 0, 0);
644
- primary: #3fa110;
645
- primaryDark: #33820d;
646
- primaryLight: #d7e6c8;
647
- secondaryDarker: #323c32;
648
- secondaryDark: #5a645a;
649
- blueDarker: #2b517b;
650
- secondary: #828a82;
651
- secondaryLight: #cdd3cd;
652
- secondaryLighter: #f8f9f7;
653
- danger: #e60000;
654
- dangerLight: #ffb4b4;
655
- dangerDark: #ab4745;
656
- warning: #ffcd00;
657
- warningLight: #ffeb98;
658
- warningDark: #765f00; }
659
-
660
- .component-aconteceu {
661
- border-radius: 8px;
662
- width: 100%;
663
- height: 100%;
664
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
665
- display: flex;
666
- flex-direction: column;
667
- align-items: stretch;
668
- justify-content: stretch; }
669
- .component-aconteceu .component-aconteceu-header {
670
- -webkit-user-select: none;
671
- -moz-user-select: none;
672
- user-select: none;
673
- height: 48px;
674
- border-radius: 8px 8px 0 0;
675
- display: flex;
676
- align-items: center;
677
- justify-content: flex-start;
678
- padding: 8px;
679
- background-color: #f06666;
680
- color: #fefefe; }
681
- .component-aconteceu .component-aconteceu-header svg {
682
- width: 20px;
683
- height: 20px; }
684
- .component-aconteceu .component-aconteceu-header label {
685
- font-weight: 700;
686
- font-size: 24px;
687
- margin: 0 0 0 8px; }
688
- .component-aconteceu .component-aconteceu-content {
689
- border-radius: 0 0 8px 8px;
690
- position: relative;
691
- background-color: #fefefe;
692
- padding: 4px 10px 30px;
693
- height: calc(100% - 50px);
694
- display: flex;
695
- flex-direction: column;
696
- align-items: stretch;
697
- justify-content: space-between; }
698
- .component-aconteceu .component-aconteceu-content .component-aconteceu-text {
699
- display: block;
700
- padding: 4px 4px 4px;
701
- margin-bottom: 4px;
702
- white-space: nowrap;
703
- overflow: hidden;
704
- text-overflow: ellipsis;
705
- font-weight: 600;
706
- color: #323c32; }
707
- .component-aconteceu .component-aconteceu-content .component-aconteceu-video {
708
- height: calc(100% - 27px); }
709
- .component-aconteceu .component-aconteceu-content .component-aconteceu-video.full-height {
710
- height: 100%; }
711
- .component-aconteceu .component-aconteceu-content iframe {
712
- height: 100% !important; }
713
- .component-aconteceu .component-aconteceu-content .component-aconteceu-see-more {
714
- position: absolute;
715
- bottom: 0;
716
- right: 0;
717
- font-size: 14px;
718
- font-weight: 700;
719
- outline: none;
720
- border: none;
721
- cursor: pointer;
722
- background-color: #fefefe;
723
- padding: 5px 10px 5px;
724
- border-radius: 20px;
725
- color: #323c32;
726
- transition: transform 0.3s ease;
727
- transform-origin: center;
728
- -webkit-user-select: none;
729
- -moz-user-select: none;
730
- user-select: none; }
731
- .component-aconteceu .component-aconteceu-content .component-aconteceu-see-more:active {
732
- transform: scale(0.95); }
733
- .component-aconteceu .component-aconteceu-content .component-aconteceu-loader {
734
- position: absolute;
735
- top: 0;
736
- left: 0;
737
- width: 100%;
738
- height: 100%;
739
- background-color: #fefefe;
740
- display: flex;
741
- align-items: center;
742
- justify-content: center; }
743
-
744
- :export {
745
- widthXs: 575.98px;
746
- widthSm: 767.98px;
747
- widthMd: 991.98px;
748
- widthLg: 1199.98px; }
749
-
750
- :export {
751
- white: #fefefe;
752
- darkenWhite: #efefef;
753
- black: #121212;
754
- transparent: rgba(0, 0, 0, 0);
755
- primary: #3fa110;
756
- primaryDark: #33820d;
757
- primaryLight: #d7e6c8;
758
- secondaryDarker: #323c32;
759
- secondaryDark: #5a645a;
760
- blueDarker: #2b517b;
761
- secondary: #828a82;
762
- secondaryLight: #cdd3cd;
763
- secondaryLighter: #f8f9f7;
764
- danger: #e60000;
765
- dangerLight: #ffb4b4;
766
- dangerDark: #ab4745;
767
- warning: #ffcd00;
768
- warningLight: #ffeb98;
769
- warningDark: #765f00; }
770
-
771
557
  .action-card {
772
558
  position: relative;
773
559
  border-radius: 8px;
@@ -831,112 +617,6 @@ h5 {
831
617
  warningLight: #ffeb98;
832
618
  warningDark: #765f00; }
833
619
 
834
- @media screen and (max-width: 575.98px) {
835
- .component-advanced-semi-header,
836
- .component-advanced-semi-header-semi-clear,
837
- .component-advanced-semi-header-clearfix {
838
- height: 104px !important; } }
839
-
840
- .component-advanced-semi-header {
841
- z-index: 970;
842
- position: fixed;
843
- left: unset;
844
- right: 10px;
845
- top: 0;
846
- width: calc(100% - 20px);
847
- height: 52px;
848
- background-color: #f8f9f7;
849
- box-shadow: none;
850
- border: 1px solid;
851
- border-color: transparent;
852
- border-bottom-color: #cdd3cd;
853
- display: flex;
854
- justify-content: center;
855
- align-items: center;
856
- flex-direction: column; }
857
-
858
- .component-advanced-semi-header-semi-clear {
859
- z-index: 969;
860
- height: 52px;
861
- position: fixed;
862
- top: 0;
863
- left: 0;
864
- background-color: #f8f9f7;
865
- width: 100%; }
866
-
867
- .component-advanced-semi-header-clearfix {
868
- display: block;
869
- height: 52px;
870
- width: 0; }
871
-
872
- .component-advanced-semi-header-linha {
873
- padding: 4px 8px;
874
- height: 52px; }
875
- .component-advanced-semi-header-linha.linha-um {
876
- position: relative;
877
- display: flex;
878
- flex-direction: row;
879
- justify-content: center;
880
- align-items: center;
881
- width: 100%; }
882
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-search-field {
883
- width: 40%; }
884
- @media screen and (max-width: 575.98px) {
885
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-search-field {
886
- display: none; } }
887
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-left-content {
888
- position: absolute;
889
- left: 8px;
890
- display: flex;
891
- flex-direction: row;
892
- align-items: center; }
893
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-left-content .component-advanced-semi-header-logo {
894
- margin-left: 8px; }
895
- @media screen and (min-width: 575.98px) {
896
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-logo.logo-xs {
897
- display: none; } }
898
- @media screen and (max-width: 575.98px) {
899
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-logo.logo-lg {
900
- display: none; } }
901
- .component-advanced-semi-header-linha.linha-um .component-advanced-semi-header-right-content {
902
- position: absolute;
903
- right: 8px; }
904
- .component-advanced-semi-header-linha.linha-dois {
905
- width: 100%;
906
- display: flex;
907
- align-items: center;
908
- justify-content: center; }
909
- @media screen and (min-width: 575.98px) {
910
- .component-advanced-semi-header-linha.linha-dois {
911
- display: none; } }
912
-
913
- :export {
914
- widthXs: 575.98px;
915
- widthSm: 767.98px;
916
- widthMd: 991.98px;
917
- widthLg: 1199.98px; }
918
-
919
- :export {
920
- white: #fefefe;
921
- darkenWhite: #efefef;
922
- black: #121212;
923
- transparent: rgba(0, 0, 0, 0);
924
- primary: #3fa110;
925
- primaryDark: #33820d;
926
- primaryLight: #d7e6c8;
927
- secondaryDarker: #323c32;
928
- secondaryDark: #5a645a;
929
- blueDarker: #2b517b;
930
- secondary: #828a82;
931
- secondaryLight: #cdd3cd;
932
- secondaryLighter: #f8f9f7;
933
- danger: #e60000;
934
- dangerLight: #ffb4b4;
935
- dangerDark: #ab4745;
936
- warning: #ffcd00;
937
- warningLight: #ffeb98;
938
- warningDark: #765f00; }
939
-
940
620
  .component-animated-link {
941
621
  position: relative;
942
622
  display: inline;
@@ -990,122 +670,105 @@ h5 {
990
670
  warningLight: #ffeb98;
991
671
  warningDark: #765f00; }
992
672
 
993
- .assembleia-item {
994
- width: 100%;
673
+ .component-banner {
674
+ background-color: #fefefe;
995
675
  display: flex;
996
- flex-direction: column;
997
- -webkit-user-select: none;
998
- -moz-user-select: none;
999
- user-select: none; }
1000
- .assembleia-item .assembleia-item-first,
1001
- .assembleia-item .assembleia-item-second {
1002
- transition: transform 0.3s ease; }
1003
- .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 {
1004
683
  cursor: pointer; }
1005
- .assembleia-item:not(.presencial) .assembleia-item-first:active {
1006
- transform: scale(0.99); }
1007
- .assembleia-item:not(.presencial) .assembleia-item-first:active ~ .assembleia-item-second {
1008
- transform: scale(0.99); }
1009
- .assembleia-item .assembleia-item-first {
1010
- z-index: +1;
1011
- background-color: #fefefe;
1012
- box-shadow: 0 1px 4px 0 rgba(90, 100, 90, 0.3);
1013
- padding: 16px 48px 16px 24px;
1014
- position: relative;
1015
- border-radius: 9px 8px 8px 8px;
1016
- display: flex;
1017
- align-items: center;
1018
- flex-wrap: wrap;
1019
- justify-content: space-between; }
1020
- .assembleia-item .assembleia-item-first::before {
1021
- content: '';
1022
- position: absolute;
1023
- left: 0;
1024
- top: 0;
1025
- width: 8px;
1026
- height: 100%;
1027
- background-color: #3fa110;
1028
- border-radius: 8px 0 0 8px; }
1029
- .assembleia-item .assembleia-item-first.presencial {
1030
- cursor: default;
1031
- background-color: #d7e6c8 !important; }
1032
- .assembleia-item .assembleia-item-first.presencial .assembleia-item-icon {
1033
- display: none !important; }
1034
- @media screen and (max-width: 767.98px) {
1035
- .assembleia-item .assembleia-item-first {
1036
- padding: 12px 12px 12px 24px; } }
1037
- .assembleia-item .assembleia-item-second {
1038
- transform-origin: top center;
1039
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
1040
- background-color: #d7e6c8;
1041
- padding: 32px 48px 16px 24px;
1042
- border-radius: 0 0 8px 8px;
1043
- position: relative;
1044
- margin-top: -16px;
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 {
1045
712
  display: flex;
713
+ flex-direction: column;
714
+ justify-content: center;
1046
715
  align-items: center;
1047
- justify-content: space-between;
1048
- flex-wrap: wrap; }
1049
- @media screen and (max-width: 767.98px) {
1050
- .assembleia-item .assembleia-item-second {
1051
- padding: 32px 12px 12px 24px; } }
1052
- .assembleia-item .assembleia-item-left {
1053
- width: 40%; }
1054
- .assembleia-item .assembleia-item-left .assembleia-item-coop {
1055
- font-size: 20px;
1056
- font-weight: 700;
1057
- color: #323c32;
1058
- margin-bottom: 4px; }
1059
- .assembleia-item .assembleia-item-left .assembleia-item-endereco {
1060
- max-width: 90%;
1061
- font-size: 12px;
1062
- font-weight: 600;
1063
- color: #323c32; }
1064
- @media screen and (max-width: 991.98px) {
1065
- .assembleia-item .assembleia-item-left {
1066
- width: 100%; }
1067
- .assembleia-item .assembleia-item-left .assembleia-item-endereco {
1068
- max-width: none; } }
716
+ width: 50%;
717
+ white-space: normal;
718
+ border-radius: 0 8px 8px 0;
719
+ overflow: hidden; }
1069
720
  @media screen and (max-width: 767.98px) {
1070
- .assembleia-item .assembleia-item-left .assembleia-item-coop {
1071
- margin-bottom: 8px; } }
1072
- .assembleia-item .assembleia-item-right {
1073
- width: 60%;
1074
- display: flex;
1075
- align-items: center;
1076
- justify-content: space-around; }
1077
- .assembleia-item .assembleia-item-right .assembleia-item-col-data {
1078
- padding: 8px 24px; }
1079
- @media screen and (max-width: 767.98px) {
1080
- .assembleia-item .assembleia-item-right .assembleia-item-col-data {
1081
- padding: 8px; } }
1082
- .assembleia-item .assembleia-item-right .assembleia-item-col-data .assembleia-item-label-data {
1083
- font-size: 16px;
1084
- font-weight: 700;
1085
- color: #323c32;
1086
- margin-bottom: 4px; }
1087
- .assembleia-item .assembleia-item-right .assembleia-item-col-data .assembleia-item-value-data {
1088
- font-size: 14px;
1089
- color: #323c32; }
1090
- .assembleia-item .assembleia-item-right .assembleia-item-icon {
1091
- color: #3fa110;
1092
- position: absolute;
721
+ .component-banner .component-banner-side.text {
722
+ height: 40vw; } }
723
+ .component-banner .component-banner-side.text .component-banner-text {
1093
724
  display: flex;
1094
- 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%;
1095
731
  justify-content: center;
1096
- right: 12px;
1097
- top: 0;
1098
- height: 100%; }
1099
- .assembleia-item .assembleia-item-right .assembleia-item-icon svg {
1100
- height: 20px; }
1101
- @media screen and (max-width: 991.98px) {
1102
- .assembleia-item .assembleia-item-right {
1103
- width: 100%;
1104
- justify-content: flex-start; }
1105
- .assembleia-item .assembleia-item-right .assembleia-item-col-data {
1106
- margin-top: 12px; }
1107
- .assembleia-item .assembleia-item-right .assembleia-item-col-data:first-child {
1108
- 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); } }
1109
772
 
1110
773
  :export {
1111
774
  widthXs: 575.98px;
@@ -1134,57 +797,346 @@ h5 {
1134
797
  warningLight: #ffeb98;
1135
798
  warningDark: #765f00; }
1136
799
 
1137
- .component-button {
800
+ .component-big-block-button {
1138
801
  display: flex;
1139
802
  align-items: center;
1140
803
  justify-content: center;
1141
- font-weight: 600;
1142
- border-radius: 9px;
1143
- padding: 4px 8px;
1144
- font-size: 16px;
1145
- border: 1px solid;
1146
- position: relative;
1147
- -webkit-user-select: none;
1148
- -moz-user-select: none;
1149
- user-select: none;
1150
- letter-spacing: 0.75px;
1151
- transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease; }
1152
- .component-button.component-button-w100 {
1153
- width: 100%; }
1154
- .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) {
1155
814
  cursor: pointer; }
1156
- .component-button:focus {
1157
- outline: none; }
1158
- .component-button .component-button-icon {
1159
- position: relative;
1160
- 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;
1161
876
  display: flex;
877
+ align-items: center;
1162
878
  justify-content: center;
1163
- align-items: center; }
1164
- .component-button .component-button-icon svg {
1165
- max-height: 20px; }
1166
- .component-button .component-button-icon.component-button-left-icon {
1167
- margin-right: 4px; }
1168
- .component-button .component-button-icon.component-button-right-icon {
1169
- margin-left: 4px; }
1170
-
1171
- .component-button-loader {
1172
- 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; }
1173
904
 
1174
- .component-button-hide {
905
+ .component-notification-enter {
906
+ transform: scale(0);
1175
907
  opacity: 0; }
1176
908
 
1177
- /* -----THEMES------ */
1178
- .component-button:disabled {
1179
- border-color: #cdd3cd;
1180
- background-color: #f8f9f7; }
1181
- .component-button:disabled.component-button-default-primary {
1182
- border-color: rgba(0, 0, 0, 0);
1183
- 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; }
1184
914
 
1185
- .component-button:not(:disabled).component-button-primary {
1186
- background-color: #3fa110;
1187
- border-color: #3fa110;
915
+ .component-notification-exit {
916
+ transform: scale(1);
917
+ opacity: 1; }
918
+
919
+ .component-notification-exit-active {
920
+ transition: transform 0.3s ease, opacity 0.3s ease;
921
+ transform: scale(0);
922
+ opacity: 0; }
923
+
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;
1188
1140
  color: #fefefe; }
1189
1141
  .component-button:not(:disabled).component-button-primary:focus {
1190
1142
  border-color: #3fa110; }
@@ -1392,1697 +1344,63 @@ h5 {
1392
1344
  .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon.component-button-right-icon {
1393
1345
  margin-left: 8px; }
1394
1346
  .component-button:not(:disabled).component-button-header-user-secondary .component-button-icon svg {
1395
- width: 20px;
1396
- height: 20px; }
1397
-
1398
- .component-button:not(:disabled).component-button-header-user-bold {
1399
- padding: 15px 0;
1400
- font-weight: 400;
1401
- font-size: 16px;
1402
- background-color: rgba(0, 0, 0, 0);
1403
- color: #3fa110;
1404
- border-color: rgba(0, 0, 0, 0); }
1405
- @media screen and (max-width: 575.98px) {
1406
- .component-button:not(:disabled).component-button-header-user-bold {
1407
- padding: 15px 0; }
1408
- .component-button:not(:disabled).component-button-header-user-bold > .component-button-label {
1409
- display: none; } }
1410
- .component-button:not(:disabled).component-button-header-user-bold .component-button-label {
1411
- font-weight: 700; }
1412
- .component-button:not(:disabled).component-button-header-user-bold .component-button-icon.component-button-left-icon {
1413
- margin-right: 8px; }
1414
- .component-button:not(:disabled).component-button-header-user-bold .component-button-icon.component-button-right-icon {
1415
- margin-left: 8px; }
1416
- .component-button:not(:disabled).component-button-header-user-bold .component-button-icon svg {
1417
- width: 20px;
1418
- height: 20px; }
1419
- .component-button:not(:disabled).component-button-header-user-bold:not(:disabled):active {
1420
- transform: scale(0.95); }
1421
-
1422
- .component-button-pauta {
1423
- background-color: #3fa110;
1424
- color: #fefefe; }
1425
- .component-button-pauta:disabled {
1426
- background-color: #e0e0e0;
1427
- color: #bdbdbd; }
1428
- .component-button-pauta .component-button-label {
1429
- font-weight: 300; }
1430
- @media screen and (max-width: 767.98px) {
1431
- .component-button-pauta {
1432
- height: 40px;
1433
- width: 100% !important;
1434
- position: absolute !important;
1435
- bottom: 0;
1436
- left: 0;
1437
- border-radius: 0;
1438
- border: none; } }
1439
-
1440
- @media screen and (max-width: 575.98px) {
1441
- .component-button-bottom-mobile {
1442
- position: fixed;
1443
- bottom: 0;
1444
- left: 0;
1445
- width: 100%;
1446
- border-radius: 0;
1447
- transform: translateY(2px);
1448
- z-index: 970;
1449
- min-height: 50px; }
1450
- .component-button-bottom-mobile:active {
1451
- transform: translateY(2px) !important; } }
1452
-
1453
- :export {
1454
- widthXs: 575.98px;
1455
- widthSm: 767.98px;
1456
- widthMd: 991.98px;
1457
- widthLg: 1199.98px; }
1458
-
1459
- :export {
1460
- white: #fefefe;
1461
- darkenWhite: #efefef;
1462
- black: #121212;
1463
- transparent: rgba(0, 0, 0, 0);
1464
- primary: #3fa110;
1465
- primaryDark: #33820d;
1466
- primaryLight: #d7e6c8;
1467
- secondaryDarker: #323c32;
1468
- secondaryDark: #5a645a;
1469
- blueDarker: #2b517b;
1470
- secondary: #828a82;
1471
- secondaryLight: #cdd3cd;
1472
- secondaryLighter: #f8f9f7;
1473
- danger: #e60000;
1474
- dangerLight: #ffb4b4;
1475
- dangerDark: #ab4745;
1476
- warning: #ffcd00;
1477
- warningLight: #ffeb98;
1478
- warningDark: #765f00; }
1479
-
1480
- .component-icon-button {
1481
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
1482
- background-color: rgba(0, 0, 0, 0);
1483
- border: none;
1484
- padding: 0;
1485
- transition: all 0.3s ease;
1486
- display: flex;
1487
- justify-content: center;
1488
- align-items: center; }
1489
- .component-icon-button:focus {
1490
- outline: none; }
1491
- .component-icon-button:not(:disabled):not(.grab-handle) {
1492
- cursor: pointer; }
1493
- .component-icon-button:not(:disabled):active {
1494
- transform: scale(0.9); }
1495
-
1496
- .component-icon-button:disabled {
1497
- color: #cdd3cd; }
1498
-
1499
- .component-icon-button:not(:disabled).component-icon-button-primary {
1500
- color: #3fa110; }
1501
-
1502
- .component-icon-button:not(:disabled).component-icon-button-secondary {
1503
- color: #fefefe; }
1504
-
1505
- .component-icon-button:not(:disabled).component-icon-button-dark {
1506
- color: #323c32; }
1507
-
1508
- .component-icon-button:not(:disabled).component-icon-button-blue {
1509
- color: #00708f; }
1510
-
1511
- :export {
1512
- widthXs: 575.98px;
1513
- widthSm: 767.98px;
1514
- widthMd: 991.98px;
1515
- widthLg: 1199.98px; }
1516
-
1517
- :export {
1518
- white: #fefefe;
1519
- darkenWhite: #efefef;
1520
- black: #121212;
1521
- transparent: rgba(0, 0, 0, 0);
1522
- primary: #3fa110;
1523
- primaryDark: #33820d;
1524
- primaryLight: #d7e6c8;
1525
- secondaryDarker: #323c32;
1526
- secondaryDark: #5a645a;
1527
- blueDarker: #2b517b;
1528
- secondary: #828a82;
1529
- secondaryLight: #cdd3cd;
1530
- secondaryLighter: #f8f9f7;
1531
- danger: #e60000;
1532
- dangerLight: #ffb4b4;
1533
- dangerDark: #ab4745;
1534
- warning: #ffcd00;
1535
- warningLight: #ffeb98;
1536
- warningDark: #765f00; }
1537
-
1538
- .component-radio-button {
1539
- background-color: #fefefe;
1540
- width: 18px;
1541
- height: 18px;
1542
- padding: 0;
1543
- border: none;
1544
- display: flex;
1545
- justify-content: center;
1546
- align-items: center;
1547
- border-radius: 100px;
1548
- transition: background-color 0.3s ease; }
1549
- .component-radio-button:not(:disabled) {
1550
- cursor: pointer; }
1551
- .component-radio-button:focus {
1552
- outline: none; }
1553
-
1554
- .component-radio-button.new:disabled {
1555
- opacity: 0.6; }
1556
-
1557
- .component-radio-button.new.component-radio-button-not {
1558
- background-color: #c4c4c4; }
1559
-
1560
- .component-radio-button.new.component-radio-button-checked {
1561
- background-color: #3fa110; }
1562
-
1563
- .component-radio-button.classic {
1564
- border: 2px solid #3fa110;
1565
- background-color: rgba(0, 0, 0, 0); }
1566
- .component-radio-button.classic::after {
1567
- content: '';
1568
- width: 10px;
1569
- height: 10px;
1570
- background-color: rgba(0, 0, 0, 0);
1571
- border-radius: 200px;
1572
- transition: background-color 0.3s ease, background-color 0.3s ease; }
1573
- .component-radio-button.classic:disabled {
1574
- border-color: #c4c4c4 !important; }
1575
- .component-radio-button.classic:disabled.component-radio-button-not {
1576
- background-color: rgba(0, 0, 0, 0); }
1577
- .component-radio-button.classic:disabled.component-radio-button-checked::after {
1578
- background-color: #c4c4c4; }
1579
- .component-radio-button.classic.component-radio-button-not {
1580
- background-color: rgba(0, 0, 0, 0); }
1581
- .component-radio-button.classic.component-radio-button-checked::after {
1582
- background-color: #3fa110; }
1583
-
1584
- :export {
1585
- widthXs: 575.98px;
1586
- widthSm: 767.98px;
1587
- widthMd: 991.98px;
1588
- widthLg: 1199.98px; }
1589
-
1590
- :export {
1591
- white: #fefefe;
1592
- darkenWhite: #efefef;
1593
- black: #121212;
1594
- transparent: rgba(0, 0, 0, 0);
1595
- primary: #3fa110;
1596
- primaryDark: #33820d;
1597
- primaryLight: #d7e6c8;
1598
- secondaryDarker: #323c32;
1599
- secondaryDark: #5a645a;
1600
- blueDarker: #2b517b;
1601
- secondary: #828a82;
1602
- secondaryLight: #cdd3cd;
1603
- secondaryLighter: #f8f9f7;
1604
- danger: #e60000;
1605
- dangerLight: #ffb4b4;
1606
- dangerDark: #ab4745;
1607
- warning: #ffcd00;
1608
- warningLight: #ffeb98;
1609
- warningDark: #765f00; }
1610
-
1611
- .component-assembleia-pauta {
1612
- background-color: #fefefe;
1613
- border-radius: 4px;
1614
- border-width: 1px;
1615
- border-style: solid;
1616
- display: flex;
1617
- flex-direction: column;
1618
- position: relative;
1619
- overflow: hidden; }
1620
- .component-assembleia-pauta .component-assembleia-pauta-header {
1621
- position: relative;
1622
- transition: border-color 0.3s ease;
1623
- width: 100%;
1624
- cursor: pointer;
1625
- -webkit-user-select: none;
1626
- -moz-user-select: none;
1627
- user-select: none;
1628
- padding: 18px 16px;
1629
- display: flex;
1630
- flex-direction: row-reverse;
1631
- align-items: center;
1632
- justify-content: space-between; }
1633
- .component-assembleia-pauta .component-assembleia-pauta-header:after {
1634
- content: '';
1635
- height: 1px;
1636
- position: absolute;
1637
- left: 0;
1638
- width: 100%;
1639
- bottom: 0;
1640
- background-color: #fefefe;
1641
- transition: background-color 0.3s ease, left 0.3s ease, width 0.3s ease; }
1642
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-titulo {
1643
- color: #323c32;
1644
- flex: auto;
1645
- overflow: hidden;
1646
- font-size: 16px;
1647
- text-align: left;
1648
- font-family: 'Exo 2', sans-serif;
1649
- font-weight: 700;
1650
- padding-right: 0.9375rem;
1651
- text-overflow: ellipsis;
1652
- flex-wrap: nowrap;
1653
- white-space: nowrap; }
1654
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-first-line {
1655
- display: flex;
1656
- align-items: center;
1657
- flex-wrap: nowrap; }
1658
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-first-line .component-assembleia-pauta-first-col {
1659
- display: flex;
1660
- align-items: center;
1661
- flex-wrap: nowrap; }
1662
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-timer {
1663
- display: flex;
1664
- align-items: center;
1665
- justify-content: center;
1666
- margin-right: 12px;
1667
- color: #828a82;
1668
- overflow: hidden;
1669
- font-size: 16px;
1670
- font-weight: 300;
1671
- line-height: 24px;
1672
- white-space: nowrap;
1673
- padding-right: 12px;
1674
- text-overflow: ellipsis;
1675
- padding-top: 2px; }
1676
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta {
1677
- padding: 2px;
1678
- margin-right: 12px;
1679
- display: flex;
1680
- align-items: center;
1681
- justify-content: center;
1682
- border-radius: 200px; }
1683
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta .icon {
1684
- display: flex;
1685
- align-items: center;
1686
- justify-content: center;
1687
- padding: 0 0 0 8px; }
1688
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta .icon svg {
1689
- width: 16px;
1690
- height: 16px; }
1691
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-etiqueta .label {
1692
- overflow: hidden;
1693
- font-size: 16px;
1694
- font-weight: 300;
1695
- line-height: 24px;
1696
- white-space: nowrap;
1697
- padding-left: 12px;
1698
- padding-right: 12px;
1699
- text-overflow: ellipsis; }
1700
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-arrow {
1701
- display: flex;
1702
- align-items: center;
1703
- justify-content: center;
1704
- margin-left: 8px;
1705
- transition: transform 0.3s ease; }
1706
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-arrow svg {
1707
- width: 18px;
1708
- height: 24px; }
1709
- .component-assembleia-pauta .component-assembleia-pauta-header .component-assembleia-pauta-arrow.cima {
1710
- transform: rotateZ(180deg); }
1711
- .component-assembleia-pauta .component-assembleia-pauta-voto-atual {
1712
- display: flex;
1713
- padding: 16px;
1714
- align-items: center;
1715
- justify-content: flex-start;
1716
- cursor: pointer;
1717
- font-size: 16px;
1718
- color: #323c32; }
1719
- .component-assembleia-pauta .component-assembleia-pauta-voto-atual button {
1720
- margin-right: 12px; }
1721
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta {
1722
- padding: 16px;
1723
- display: flex;
1724
- flex-direction: column;
1725
- position: relative; }
1726
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-descricao {
1727
- -webkit-user-select: none;
1728
- -moz-user-select: none;
1729
- user-select: none;
1730
- color: #323c32;
1731
- padding-bottom: 16px;
1732
- width: 100%;
1733
- word-break: break-word;
1734
- line-height: 24px; }
1735
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-label {
1736
- -webkit-user-select: none;
1737
- -moz-user-select: none;
1738
- user-select: none;
1739
- font-size: 14px;
1740
- border-bottom: 1px dashed #cdd3cd;
1741
- color: #323c32;
1742
- padding-bottom: 14px; }
1743
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto {
1744
- color: #323c32;
1745
- width: 100%;
1746
- -webkit-user-select: none;
1747
- -moz-user-select: none;
1748
- user-select: none;
1749
- display: flex;
1750
- align-items: center;
1751
- flex-direction: row;
1752
- outline: none;
1753
- border: none;
1754
- background-color: rgba(0, 0, 0, 0);
1755
- padding: 14px 0;
1756
- border-bottom: 1px dashed #cdd3cd; }
1757
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto:not(:disabled) {
1758
- cursor: pointer; }
1759
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto:disabled {
1760
- color: #5a645a; }
1761
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio {
1762
- display: flex;
1763
- width: 18px;
1764
- height: 18px;
1765
- border-radius: 100px;
1766
- justify-content: center;
1767
- align-items: center;
1768
- border: 2px solid #3fa110; }
1769
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio::after {
1770
- content: '';
1771
- width: 10px;
1772
- height: 10px;
1773
- background-color: rgba(0, 0, 0, 0);
1774
- border-radius: 200px;
1775
- transition: background-color 0.3s ease, background-color 0.3s ease; }
1776
- .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 {
1777
- background-color: #3fa110; }
1778
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto div.radio.disabled {
1779
- border-color: #828a82; }
1780
- .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 {
1781
- background-color: #828a82; }
1782
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-opcoes-de-voto .component-assembleia-pauta-opcao-de-voto span.nome {
1783
- font-size: 16px;
1784
- margin: 0;
1785
- padding-left: 12px;
1786
- padding-top: 1px; }
1787
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-se-tiver-votos {
1788
- padding-top: 12px;
1789
- -webkit-user-select: none;
1790
- -moz-user-select: none;
1791
- user-select: none;
1792
- color: #323c32; }
1793
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-actions-line {
1794
- padding-top: 12px;
1795
- display: flex;
1796
- align-items: center;
1797
- justify-content: flex-end; }
1798
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta .component-assembleia-pauta-actions-line > :not(:last-child) {
1799
- margin-right: 12px; }
1800
- .component-assembleia-pauta .component-assembleia-pauta-bottom-bar {
1801
- width: 100%;
1802
- height: 40px;
1803
- display: flex;
1804
- align-items: center;
1805
- justify-content: center;
1806
- -webkit-user-select: none;
1807
- -moz-user-select: none;
1808
- user-select: none;
1809
- cursor: pointer;
1810
- font-size: 16px; }
1811
- .component-assembleia-pauta .component-assembleia-pauta-bottom-bar .icon {
1812
- display: flex;
1813
- align-items: center;
1814
- justify-content: center;
1815
- margin-right: 12px; }
1816
- .component-assembleia-pauta.opened .component-assembleia-pauta-header:after {
1817
- background-color: #cdd3cd; }
1818
- .component-assembleia-pauta:not(.opened).tem-voto .component-assembleia-pauta-header:after {
1819
- background-color: #cdd3cd;
1820
- left: 16px;
1821
- width: calc(100% - 32px); }
1822
-
1823
- .component-assembleia-pauta-voto-enviado {
1824
- position: absolute;
1825
- top: 0;
1826
- left: 0;
1827
- width: 100%;
1828
- height: 100%;
1829
- border-radius: 4px;
1830
- background-color: #fefefe;
1831
- display: flex;
1832
- align-items: center;
1833
- justify-content: center;
1834
- flex-direction: column; }
1835
- .component-assembleia-pauta-voto-enviado .component-assembleia-pauta-close-icon {
1836
- position: absolute;
1837
- top: 14px;
1838
- right: 14px; }
1839
- .component-assembleia-pauta-voto-enviado .component-assembleia-pauta-icon svg {
1840
- color: #3fa110;
1841
- width: 70px;
1842
- height: 70px; }
1843
- .component-assembleia-pauta-voto-enviado .component-assembleia-pauta-label {
1844
- color: #323c32;
1845
- margin-top: 6px;
1846
- text-align: center;
1847
- -webkit-user-select: none;
1848
- -moz-user-select: none;
1849
- user-select: none; }
1850
- .component-assembleia-pauta-voto-enviado.fade-enter .component-assembleia-pauta-icon {
1851
- opacity: 0;
1852
- transform: translateY(30px); }
1853
- .component-assembleia-pauta-voto-enviado.fade-enter .component-assembleia-pauta-label {
1854
- opacity: 0;
1855
- transform: translateY(90px); }
1856
- .component-assembleia-pauta-voto-enviado.fade-enter-active .component-assembleia-pauta-icon {
1857
- transition: transform 0.5s ease, opacity 0.5s ease;
1858
- opacity: 1;
1859
- transform: translateY(0); }
1860
- .component-assembleia-pauta-voto-enviado.fade-enter-active .component-assembleia-pauta-label {
1861
- transition: transform 0.5s ease, opacity 0.5s ease;
1862
- opacity: 1;
1863
- transform: translateY(0); }
1864
- .component-assembleia-pauta-voto-enviado.fade-exit .component-assembleia-pauta-icon {
1865
- opacity: 1;
1866
- transform: translateY(0); }
1867
- .component-assembleia-pauta-voto-enviado.fade-exit .component-assembleia-pauta-label {
1868
- opacity: 1;
1869
- transform: translateY(0); }
1870
- .component-assembleia-pauta-voto-enviado.fade-exit-active .component-assembleia-pauta-icon {
1871
- transition: transform 0.5s ease, opacity 0.5s ease;
1872
- opacity: 0;
1873
- transform: translateY(30px); }
1874
- .component-assembleia-pauta-voto-enviado.fade-exit-active .component-assembleia-pauta-label {
1875
- transition: transform 0.5s ease, opacity 0.5s ease;
1876
- opacity: 0;
1877
- transform: translateY(90px); }
1878
-
1879
- .component-assembleia-pauta.liberada {
1880
- border-color: #3fa110; }
1881
- .component-assembleia-pauta.liberada .component-assembleia-pauta-etiqueta {
1882
- background-color: #d7e6c8;
1883
- color: #3fa110; }
1884
- .component-assembleia-pauta.liberada .component-assembleia-pauta-arrow svg {
1885
- color: #3fa110; }
1886
- .component-assembleia-pauta.liberada.tem-voto .component-assembleia-pauta-bottom-bar {
1887
- background-color: #d7e6c8;
1888
- color: #3fa110; }
1889
- .component-assembleia-pauta.liberada.sem-voto .component-assembleia-pauta-bottom-bar {
1890
- background-color: #3fa110;
1891
- color: #fefefe; }
1892
-
1893
- .component-assembleia-pauta.encerrada {
1894
- border-color: #cdd3cd; }
1895
- .component-assembleia-pauta.encerrada .component-assembleia-pauta-etiqueta {
1896
- background-color: #cdd3cd;
1897
- color: #5a645a; }
1898
- .component-assembleia-pauta.encerrada .component-assembleia-pauta-arrow svg {
1899
- color: #828a82; }
1900
- .component-assembleia-pauta.encerrada .component-assembleia-pauta-bottom-bar {
1901
- background-color: #efefef;
1902
- color: #5a645a; }
1903
-
1904
- .component-assembleia-pauta.bloqueada {
1905
- border-color: #ffb4b4; }
1906
- .component-assembleia-pauta.bloqueada .component-assembleia-pauta-etiqueta {
1907
- background-color: #ffb4b4;
1908
- color: #ab4745; }
1909
- .component-assembleia-pauta.bloqueada .component-assembleia-pauta-arrow svg {
1910
- color: #ab4745; }
1911
- .component-assembleia-pauta.bloqueada .component-assembleia-pauta-bottom-bar {
1912
- background-color: #ffb4b4;
1913
- color: #ab4745; }
1914
-
1915
- @media screen and (max-width: 767.98px) {
1916
- .component-assembleia-pauta .component-assembleia-pauta-header {
1917
- flex-wrap: wrap; }
1918
- .component-assembleia-pauta .component-assembleia-pauta-first-line {
1919
- margin-bottom: 12px;
1920
- width: 100%;
1921
- justify-content: space-between !important; }
1922
- .component-assembleia-pauta .component-assembleia-pauta-corpo-pauta {
1923
- padding-bottom: 56px; }
1924
- .component-assembleia-pauta .component-assembleia-pauta-actions-line > :not(:last-child) {
1925
- margin-right: 0 !important; } }
1926
-
1927
- :export {
1928
- widthXs: 575.98px;
1929
- widthSm: 767.98px;
1930
- widthMd: 991.98px;
1931
- widthLg: 1199.98px; }
1932
-
1933
- :export {
1934
- white: #fefefe;
1935
- darkenWhite: #efefef;
1936
- black: #121212;
1937
- transparent: rgba(0, 0, 0, 0);
1938
- primary: #3fa110;
1939
- primaryDark: #33820d;
1940
- primaryLight: #d7e6c8;
1941
- secondaryDarker: #323c32;
1942
- secondaryDark: #5a645a;
1943
- blueDarker: #2b517b;
1944
- secondary: #828a82;
1945
- secondaryLight: #cdd3cd;
1946
- secondaryLighter: #f8f9f7;
1947
- danger: #e60000;
1948
- dangerLight: #ffb4b4;
1949
- dangerDark: #ab4745;
1950
- warning: #ffcd00;
1951
- warningLight: #ffeb98;
1952
- warningDark: #765f00; }
1953
-
1954
- .component-banner {
1955
- background-color: #fefefe;
1956
- display: flex;
1957
- padding: 0;
1958
- margin: 0;
1959
- width: 100%;
1960
- height: 20vw;
1961
- max-height: 320px;
1962
- border-radius: 8px; }
1963
- .component-banner.clickable {
1964
- cursor: pointer; }
1965
- @media screen and (max-width: 767.98px) {
1966
- .component-banner {
1967
- height: 80vw !important;
1968
- max-height: 80vw;
1969
- flex-direction: column; }
1970
- .component-banner .component-banner-side {
1971
- width: 100% !important; }
1972
- .component-banner .component-banner-side.img {
1973
- height: 40vw !important; }
1974
- .component-banner .component-banner-side.img img {
1975
- border-radius: 8px 8px 0 0 !important;
1976
- width: 100%;
1977
- max-height: 40vw; }
1978
- .component-banner .component-banner-side.text {
1979
- border-radius: 0 0 8px 8px !important;
1980
- padding: 10px 0; } }
1981
- .component-banner .component-banner-side.img {
1982
- -webkit-user-select: none;
1983
- -moz-user-select: none;
1984
- user-select: none;
1985
- width: 50%;
1986
- display: flex; }
1987
- .component-banner .component-banner-side.img img {
1988
- border-radius: 8px 0 0 8px;
1989
- -o-object-fit: cover;
1990
- object-fit: cover;
1991
- width: 100%; }
1992
- .component-banner .component-banner-side.text {
1993
- display: flex;
1994
- flex-direction: column;
1995
- justify-content: center;
1996
- align-items: center;
1997
- width: 50%;
1998
- white-space: normal;
1999
- border-radius: 0 8px 8px 0;
2000
- overflow: hidden; }
2001
- @media screen and (max-width: 767.98px) {
2002
- .component-banner .component-banner-side.text {
2003
- height: 40vw; } }
2004
- .component-banner .component-banner-side.text .component-banner-text {
2005
- display: flex;
2006
- flex-direction: column;
2007
- -webkit-user-select: none;
2008
- -moz-user-select: none;
2009
- user-select: none;
2010
- width: 100%;
2011
- height: 100%;
2012
- justify-content: center;
2013
- white-space: normal;
2014
- word-wrap: break-word; }
2015
- .component-banner .component-banner-side.text .component-banner-text a {
2016
- color: #3fa110; }
2017
- .component-banner .component-banner-side.text .component-banner-text h1 {
2018
- display: block;
2019
- padding: 0 14%;
2020
- font-weight: 200;
2021
- font-size: clamp(1.2rem, 3.1vw, 2.9rem);
2022
- margin: 0; }
2023
- .component-banner .component-banner-side.text .component-banner-text h1 strong,
2024
- .component-banner .component-banner-side.text .component-banner-text h1 b {
2025
- font-weight: 700; }
2026
- @media screen and (max-width: 991.98px) {
2027
- .component-banner .component-banner-side.text .component-banner-text h1 {
2028
- font-size: clamp(1rem, 3vw, 5.8rem);
2029
- padding: 0 12%; } }
2030
- @media screen and (max-width: 767.98px) {
2031
- .component-banner .component-banner-side.text .component-banner-text h1 {
2032
- font-size: clamp(1.1rem, 7vw, 6rem); } }
2033
- .component-banner .component-banner-side.text .component-banner-text h6 {
2034
- margin: 0;
2035
- padding: 0 15%;
2036
- font-family: "Nunito", sans-serif;
2037
- text-align: justify;
2038
- font-size: clamp(0.5rem, 0.8vw, 1.2rem);
2039
- font-weight: 400;
2040
- display: block; }
2041
- .component-banner .component-banner-side.text .component-banner-text h6:first-of-type {
2042
- margin-top: 2vw; }
2043
- .component-banner .component-banner-side.text .component-banner-text h6 strong,
2044
- .component-banner .component-banner-side.text .component-banner-text h6 b {
2045
- font-weight: bold !important; }
2046
- @media screen and (max-width: 991.98px) {
2047
- .component-banner .component-banner-side.text .component-banner-text h6 {
2048
- padding: 0 10%;
2049
- font-size: clamp(0.4rem, 1vw, 1.8rem); } }
2050
- @media screen and (max-width: 767.98px) {
2051
- .component-banner .component-banner-side.text .component-banner-text h6 {
2052
- font-size: clamp(0.4rem, 2.1vw, 2.8rem); } }
2053
-
2054
- :export {
2055
- widthXs: 575.98px;
2056
- widthSm: 767.98px;
2057
- widthMd: 991.98px;
2058
- widthLg: 1199.98px; }
2059
-
2060
- :export {
2061
- white: #fefefe;
2062
- darkenWhite: #efefef;
2063
- black: #121212;
2064
- transparent: rgba(0, 0, 0, 0);
2065
- primary: #3fa110;
2066
- primaryDark: #33820d;
2067
- primaryLight: #d7e6c8;
2068
- secondaryDarker: #323c32;
2069
- secondaryDark: #5a645a;
2070
- blueDarker: #2b517b;
2071
- secondary: #828a82;
2072
- secondaryLight: #cdd3cd;
2073
- secondaryLighter: #f8f9f7;
2074
- danger: #e60000;
2075
- dangerLight: #ffb4b4;
2076
- dangerDark: #ab4745;
2077
- warning: #ffcd00;
2078
- warningLight: #ffeb98;
2079
- warningDark: #765f00; }
2080
-
2081
- .banner-assembleia {
2082
- display: flex;
2083
- flex-wrap: wrap-reverse;
2084
- width: 100%;
2085
- overflow: hidden; }
2086
- .banner-assembleia .banner-assembleia-left {
2087
- min-height: 492px;
2088
- width: 50%;
2089
- display: flex;
2090
- align-items: flex-start;
2091
- justify-content: center;
2092
- flex-direction: column;
2093
- padding: 4% 6%; }
2094
- .banner-assembleia .banner-assembleia-left.green {
2095
- background-color: #3fa110; }
2096
- @media screen and (max-width: 991.98px) {
2097
- .banner-assembleia .banner-assembleia-left {
2098
- padding: 4% 2%; } }
2099
- @media screen and (max-width: 767.98px) {
2100
- .banner-assembleia .banner-assembleia-left {
2101
- min-height: 400px;
2102
- width: 100%; } }
2103
- .banner-assembleia .banner-assembleia-left .banner-assembleia-bread-crumb {
2104
- display: none;
2105
- font-size: 14px;
2106
- line-height: 20px;
2107
- margin-bottom: 50px;
2108
- color: #5a645a;
2109
- padding: 8px;
2110
- padding-left: 10px;
2111
- position: relative;
2112
- font-weight: 600; }
2113
- @media screen and (max-width: 767.98px) {
2114
- .banner-assembleia .banner-assembleia-left .banner-assembleia-bread-crumb {
2115
- display: block; } }
2116
- .banner-assembleia .banner-assembleia-left .banner-assembleia-bread-crumb::after {
2117
- content: '';
2118
- position: absolute;
2119
- bottom: 0;
2120
- left: 10px;
2121
- width: 109px;
2122
- height: 2px;
2123
- background-color: #3fa110; }
2124
- .banner-assembleia .banner-assembleia-left .banner-assembleia-text {
2125
- font-size: 52px;
2126
- color: #5a645a;
2127
- text-align: left;
2128
- font-weight: 500;
2129
- line-height: 70px;
2130
- font-style: italic;
2131
- padding-left: 10px; }
2132
- .banner-assembleia .banner-assembleia-left .banner-assembleia-text.white {
2133
- color: #fefefe; }
2134
- @media screen and (max-width: 767.98px) {
2135
- .banner-assembleia .banner-assembleia-left .banner-assembleia-text {
2136
- font-size: 36px;
2137
- line-height: 42px; } }
2138
- .banner-assembleia .banner-assembleia-left .banner-assembleia-button {
2139
- margin-top: 40px; }
2140
- .banner-assembleia .banner-assembleia-left .banner-assembleia-button button.white {
2141
- color: #fefefe; }
2142
- .banner-assembleia .banner-assembleia-imagem {
2143
- min-height: 492px;
2144
- width: 50%;
2145
- background-position: center;
2146
- background-repeat: no-repeat;
2147
- background-size: cover; }
2148
- .banner-assembleia .banner-assembleia-imagem img {
2149
- display: none;
2150
- opacity: 0; }
2151
- @media screen and (max-width: 767.98px) {
2152
- .banner-assembleia .banner-assembleia-imagem {
2153
- width: 100%;
2154
- min-height: unset; }
2155
- .banner-assembleia .banner-assembleia-imagem img {
2156
- width: 100%;
2157
- display: block; } }
2158
-
2159
- :export {
2160
- widthXs: 575.98px;
2161
- widthSm: 767.98px;
2162
- widthMd: 991.98px;
2163
- widthLg: 1199.98px; }
2164
-
2165
- :export {
2166
- white: #fefefe;
2167
- darkenWhite: #efefef;
2168
- black: #121212;
2169
- transparent: rgba(0, 0, 0, 0);
2170
- primary: #3fa110;
2171
- primaryDark: #33820d;
2172
- primaryLight: #d7e6c8;
2173
- secondaryDarker: #323c32;
2174
- secondaryDark: #5a645a;
2175
- blueDarker: #2b517b;
2176
- secondary: #828a82;
2177
- secondaryLight: #cdd3cd;
2178
- secondaryLighter: #f8f9f7;
2179
- danger: #e60000;
2180
- dangerLight: #ffb4b4;
2181
- dangerDark: #ab4745;
2182
- warning: #ffcd00;
2183
- warningLight: #ffeb98;
2184
- warningDark: #765f00; }
2185
-
2186
- .component-input {
2187
- width: 100%;
2188
- display: flex;
2189
- flex-direction: column;
2190
- justify-content: center;
2191
- align-items: stretch;
2192
- -webkit-appearance: none; }
2193
- .component-input .component-input-label {
2194
- color: #323c32;
2195
- transition: color 0.3s ease;
2196
- font-size: 12px;
2197
- line-height: 16px;
2198
- -webkit-user-select: none;
2199
- -moz-user-select: none;
2200
- user-select: none;
2201
- min-height: 16px; }
2202
- .component-input .component-input-input-container {
2203
- width: 100%;
2204
- position: relative;
2205
- display: flex;
2206
- flex-wrap: nowrap;
2207
- align-items: center;
2208
- border-width: 0 0 2px 0;
2209
- border-style: solid;
2210
- transition: border-color 0.3s ease, border 0.3s ease;
2211
- border-color: #cdd3cd; }
2212
- .component-input .component-input-input-container .component-input-input {
2213
- color: #323c32;
2214
- border-radius: 0;
2215
- transition: color 0.3s ease, border-color 0.3s ease;
2216
- width: 100%;
2217
- background-color: rgba(0, 0, 0, 0);
2218
- font-size: 16px;
2219
- line-height: 24px;
2220
- border: none;
2221
- padding: 0; }
2222
- .component-input .component-input-input-container .component-input-input:focus {
2223
- outline: none; }
2224
- .component-input .component-input-input-container::before {
2225
- content: '';
2226
- transition: visibility 0.3s ease, opacity 0.3s ease;
2227
- opacity: 0;
2228
- visibility: hidden; }
2229
- .component-input .component-input-input-container .component-input-right-object {
2230
- position: static;
2231
- padding: 0 5px 1px 5px; }
2232
- .component-input .component-input-input-container .component-input-right-object svg {
2233
- width: 23px;
2234
- height: 23px; }
2235
- .component-input .component-input-helper-and-counter {
2236
- position: relative;
2237
- display: flex;
2238
- justify-content: space-between;
2239
- align-items: center;
2240
- min-height: 16px; }
2241
- .component-input .component-input-helper-and-counter .component-input-counter {
2242
- color: #323c32;
2243
- position: absolute;
2244
- right: 5px;
2245
- font-size: 12px;
2246
- line-height: 16px; }
2247
- .component-input .component-input-helper-and-counter .component-input-helper-text {
2248
- -webkit-user-select: none;
2249
- -moz-user-select: none;
2250
- user-select: none;
2251
- transition: color 0.3s ease;
2252
- color: #323c32;
2253
- font-size: 12px;
2254
- line-height: 16px;
2255
- min-height: 16px; }
2256
-
2257
- .component-input.component-input-error .component-input-label {
2258
- color: #e60000 !important; }
2259
-
2260
- .component-input.component-input-error .component-input-input-container {
2261
- border-color: #e60000 !important; }
2262
- .component-input.component-input-error .component-input-input-container .component-input-input {
2263
- color: #e60000 !important; }
2264
-
2265
- .component-input.component-input-error .component-input-helper-text {
2266
- color: #e60000 !important; }
2267
-
2268
- .component-input.component-input-loading .component-input-input-container::after {
2269
- content: '';
2270
- height: 2px;
2271
- width: 0;
2272
- left: 0;
2273
- position: absolute;
2274
- bottom: -2px;
2275
- background-color: #33820d;
2276
- -webkit-animation: inputLoading 2.5s linear infinite;
2277
- animation: inputLoading 2.5s linear infinite; }
2278
-
2279
- @-webkit-keyframes inputLoading {
2280
- 0% {
2281
- width: 0;
2282
- left: 0; }
2283
- 50% {
2284
- width: 100%;
2285
- left: 0; }
2286
- 51% {
2287
- left: unset;
2288
- right: 0;
2289
- width: 100%; }
2290
- 99% {
2291
- left: unset;
2292
- right: 0;
2293
- width: 0; }
2294
- 100% {
2295
- right: unset;
2296
- left: 0;
2297
- width: 0; } }
2298
-
2299
- @keyframes inputLoading {
2300
- 0% {
2301
- width: 0;
2302
- left: 0; }
2303
- 50% {
2304
- width: 100%;
2305
- left: 0; }
2306
- 51% {
2307
- left: unset;
2308
- right: 0;
2309
- width: 100%; }
2310
- 99% {
2311
- left: unset;
2312
- right: 0;
2313
- width: 0; }
2314
- 100% {
2315
- right: unset;
2316
- left: 0;
2317
- width: 0; } }
2318
-
2319
- .component-input.component-input-disabled .component-input-label {
2320
- color: #828a82; }
2321
-
2322
- .component-input.component-input-disabled .component-input-helper-text {
2323
- color: #828a82; }
2324
-
2325
- .component-input.component-input-disabled .component-input-input-container {
2326
- border-style: dotted !important; }
2327
-
2328
- .component-input-input:disabled {
2329
- color: #828a82;
2330
- border-color: #828a82; }
2331
- .component-input-input:disabled::-moz-placeholder {
2332
- color: #828a82 !important; }
2333
- .component-input-input:disabled::placeholder {
2334
- color: #828a82 !important; }
2335
-
2336
- .component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:focus-within::before {
2337
- opacity: 1;
2338
- visibility: visible;
2339
- content: '';
2340
- height: 2px;
2341
- display: block;
2342
- position: absolute;
2343
- bottom: -2px;
2344
- background-color: #33820d;
2345
- -webkit-animation: inputFocus 0.3s ease forwards;
2346
- animation: inputFocus 0.3s ease forwards; }
2347
-
2348
- .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 {
2349
- opacity: 0;
2350
- content: '';
2351
- height: 2px;
2352
- display: block;
2353
- position: absolute;
2354
- bottom: -2px;
2355
- background-color: #33820d;
2356
- -webkit-animation: inputFocusReverse 0.3s ease forwards;
2357
- animation: inputFocusReverse 0.3s ease forwards; }
2358
-
2359
- .component-input:not(.component-input-error).force-focus .component-input-input-container::before {
2360
- opacity: 1;
2361
- visibility: visible;
2362
- content: '';
2363
- height: 2px;
2364
- display: block;
2365
- position: absolute;
2366
- bottom: -2px;
2367
- background-color: #33820d;
2368
- -webkit-animation: inputFocus 0.3s ease forwards;
2369
- animation: inputFocus 0.3s ease forwards; }
2370
-
2371
- @-webkit-keyframes inputFocus {
2372
- 0% {
2373
- width: 0;
2374
- left: 50%; }
2375
- 100% {
2376
- left: 0;
2377
- width: 100%; } }
2378
-
2379
- @keyframes inputFocus {
2380
- 0% {
2381
- width: 0;
2382
- left: 50%; }
2383
- 100% {
2384
- left: 0;
2385
- width: 100%; } }
2386
-
2387
- @-webkit-keyframes inputFocusReverse {
2388
- 0% {
2389
- left: 0;
2390
- width: 100%; }
2391
- 100% {
2392
- width: 0;
2393
- left: 50%; } }
2394
-
2395
- @keyframes inputFocusReverse {
2396
- 0% {
2397
- left: 0;
2398
- width: 100%; }
2399
- 100% {
2400
- width: 0;
2401
- left: 50%; } }
2402
-
2403
- :export {
2404
- widthXs: 575.98px;
2405
- widthSm: 767.98px;
2406
- widthMd: 991.98px;
2407
- widthLg: 1199.98px; }
2408
-
2409
- :export {
2410
- white: #fefefe;
2411
- darkenWhite: #efefef;
2412
- black: #121212;
2413
- transparent: rgba(0, 0, 0, 0);
2414
- primary: #3fa110;
2415
- primaryDark: #33820d;
2416
- primaryLight: #d7e6c8;
2417
- secondaryDarker: #323c32;
2418
- secondaryDark: #5a645a;
2419
- blueDarker: #2b517b;
2420
- secondary: #828a82;
2421
- secondaryLight: #cdd3cd;
2422
- secondaryLighter: #f8f9f7;
2423
- danger: #e60000;
2424
- dangerLight: #ffb4b4;
2425
- dangerDark: #ab4745;
2426
- warning: #ffcd00;
2427
- warningLight: #ffeb98;
2428
- warningDark: #765f00; }
2429
-
2430
- .banner-pesquisa-cpf-cnpj {
2431
- display: flex;
2432
- flex-wrap: wrap;
2433
- overflow: hidden;
2434
- width: 100%;
2435
- border-radius: 8px; }
2436
- .banner-pesquisa-cpf-cnpj.white {
2437
- background-color: #fefefe; }
2438
- .banner-pesquisa-cpf-cnpj.secondary-light {
2439
- background-color: #cdd3cd; }
2440
- .banner-pesquisa-cpf-cnpj.secondary-lighter {
2441
- background-color: #f8f9f7; }
2442
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left {
2443
- display: flex;
2444
- flex-direction: column;
2445
- align-items: stretch;
2446
- justify-content: space-between;
2447
- padding: 3%;
2448
- height: 412px;
2449
- width: 50%; }
2450
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left.plus {
2451
- height: 500px; }
2452
- @media screen and (max-width: 767.98px) {
2453
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left {
2454
- width: 100%;
2455
- padding: 8% 2%; } }
2456
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left .banner-pesquisa-cpf-cnpj-title {
2457
- color: #323c32;
2458
- font-size: 44px;
2459
- line-height: 50px;
2460
- text-align: left;
2461
- font-style: italic;
2462
- font-weight: 300; }
2463
- @media screen and (max-width: 767.98px) {
2464
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left .banner-pesquisa-cpf-cnpj-title {
2465
- font-size: 36px;
2466
- line-height: 40px;
2467
- font-weight: 400; } }
2468
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left .banner-pesquisa-cpf-cnpj-sub-title {
2469
- color: #323c32;
2470
- font-size: 16px;
2471
- line-height: 24px;
2472
- text-align: left; }
2473
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image {
2474
- height: 412px;
2475
- width: 50%;
2476
- background-size: cover;
2477
- background-position: center; }
2478
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image.plus {
2479
- height: 500px; }
2480
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image img {
2481
- display: none; }
2482
- @media screen and (max-width: 767.98px) {
2483
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image {
2484
- width: 100%;
2485
- height: auto; }
2486
- .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image img {
2487
- display: block;
2488
- opacity: 0;
2489
- width: 100%;
2490
- min-height: 200px; } }
2491
-
2492
- :export {
2493
- widthXs: 575.98px;
2494
- widthSm: 767.98px;
2495
- widthMd: 991.98px;
2496
- widthLg: 1199.98px; }
2497
-
2498
- :export {
2499
- white: #fefefe;
2500
- darkenWhite: #efefef;
2501
- black: #121212;
2502
- transparent: rgba(0, 0, 0, 0);
2503
- primary: #3fa110;
2504
- primaryDark: #33820d;
2505
- primaryLight: #d7e6c8;
2506
- secondaryDarker: #323c32;
2507
- secondaryDark: #5a645a;
2508
- blueDarker: #2b517b;
2509
- secondary: #828a82;
2510
- secondaryLight: #cdd3cd;
2511
- secondaryLighter: #f8f9f7;
2512
- danger: #e60000;
2513
- dangerLight: #ffb4b4;
2514
- dangerDark: #ab4745;
2515
- warning: #ffcd00;
2516
- warningLight: #ffeb98;
2517
- warningDark: #765f00; }
2518
-
2519
- .component-big-block-button {
2520
- display: flex;
2521
- align-items: center;
2522
- justify-content: center;
2523
- flex-direction: column;
2524
- border: 2px solid #cdd3cd;
2525
- border-radius: 8px;
2526
- width: 100%;
2527
- height: 147px;
2528
- -webkit-appearance: none;
2529
- background-color: #f8f9f7;
2530
- outline: none;
2531
- transition: border 0.3s ease, background-color 0.3s ease, transform 0.3s ease; }
2532
- .component-big-block-button:not(:disabled) {
2533
- cursor: pointer; }
2534
- .component-big-block-button:not(:disabled):hover {
2535
- border-color: #3fa110; }
2536
- .component-big-block-button:not(:disabled):active {
2537
- transform: scale(0.96); }
2538
- .component-big-block-button:disabled {
2539
- opacity: 0.7; }
2540
- .component-big-block-button:disabled .component-big-block-button-icon,
2541
- .component-big-block-button:disabled .component-big-block-button-label,
2542
- .component-big-block-button:disabled .component-big-block-button-subtitle {
2543
- color: #cdd3cd; }
2544
- .component-big-block-button .component-big-block-button-icon {
2545
- color: #3fa110;
2546
- margin-bottom: 12px; }
2547
- .component-big-block-button .component-big-block-button-icon svg {
2548
- height: 40px;
2549
- width: 40px; }
2550
- .component-big-block-button .component-big-block-button-label {
2551
- color: #5a645a;
2552
- font-size: 21px;
2553
- line-height: 24px;
2554
- font-weight: 400; }
2555
- .component-big-block-button .component-big-block-button-subtitle {
2556
- color: #3fa110;
2557
- font-size: 16px;
2558
- line-height: 24px;
2559
- font-weight: 400; }
2560
-
2561
- :export {
2562
- widthXs: 575.98px;
2563
- widthSm: 767.98px;
2564
- widthMd: 991.98px;
2565
- widthLg: 1199.98px; }
2566
-
2567
- :export {
2568
- white: #fefefe;
2569
- darkenWhite: #efefef;
2570
- black: #121212;
2571
- transparent: rgba(0, 0, 0, 0);
2572
- primary: #3fa110;
2573
- primaryDark: #33820d;
2574
- primaryLight: #d7e6c8;
2575
- secondaryDarker: #323c32;
2576
- secondaryDark: #5a645a;
2577
- blueDarker: #2b517b;
2578
- secondary: #828a82;
2579
- secondaryLight: #cdd3cd;
2580
- secondaryLighter: #f8f9f7;
2581
- danger: #e60000;
2582
- dangerLight: #ffb4b4;
2583
- dangerDark: #ab4745;
2584
- warning: #ffcd00;
2585
- warningLight: #ffeb98;
2586
- warningDark: #765f00; }
2587
-
2588
- .component-checkbox {
2589
- background-color: #c4c4c4;
2590
- width: 18px;
2591
- height: 18px;
2592
- padding: 0;
2593
- border-radius: 4px;
2594
- border: none;
2595
- display: flex;
2596
- justify-content: center;
2597
- align-items: center;
2598
- transition: background-color 0.3s ease, opacity 0.3s ease; }
2599
- .component-checkbox:not(:disabled), .component-checkbox:not(.component-checkbox[aria-disabled='true']) {
2600
- cursor: pointer; }
2601
- .component-checkbox:focus {
2602
- outline: none; }
2603
-
2604
- .component-checkbox-primary:disabled, .component-checkbox-primary[aria-disabled='true'] {
2605
- opacity: 0.6; }
2606
-
2607
- .component-checkbox-primary.component-checkbox-not {
2608
- background-color: #c4c4c4; }
2609
-
2610
- .component-checkbox-primary.component-checkbox-checked {
2611
- background-color: #3fa110; }
2612
-
2613
- .component-checkbox-dark:disabled, .component-checkbox-dark[aria-disabled='true'] {
2614
- opacity: 0.6; }
2615
-
2616
- .component-checkbox-dark.component-checkbox-not {
2617
- background-color: #c4c4c4; }
2618
-
2619
- .component-checkbox-dark.component-checkbox-checked {
2620
- background-color: #323c32; }
2621
-
2622
- .component-checkbox-blue:disabled, .component-checkbox-blue[aria-disabled='true'] {
2623
- opacity: 0.6; }
2624
-
2625
- .component-checkbox-blue.component-checkbox-not {
2626
- background-color: #eaeaea; }
2627
-
2628
- .component-checkbox-blue.component-checkbox-checked {
2629
- background-color: #00708f; }
2630
-
2631
- .component-checkbox-classic {
2632
- border-radius: 0;
2633
- background-color: rgba(0, 0, 0, 0);
2634
- border: 1px solid #3fa110; }
2635
- .component-checkbox-classic::after {
2636
- content: '';
2637
- position: absolute;
2638
- width: 12px;
2639
- height: 12px;
2640
- background-color: rgba(0, 0, 0, 0);
2641
- transition: background-color 0.3s ease; }
2642
- .component-checkbox-classic:disabled, .component-checkbox-classic[aria-disabled='true'] {
2643
- border-color: #828a82; }
2644
- .component-checkbox-classic:disabled.component-checkbox-checked::after, .component-checkbox-classic[aria-disabled='true'].component-checkbox-checked::after {
2645
- background-color: #828a82; }
2646
- .component-checkbox-classic.component-checkbox-checked::after {
2647
- background-color: #3fa110; }
2648
-
2649
- :export {
2650
- widthXs: 575.98px;
2651
- widthSm: 767.98px;
2652
- widthMd: 991.98px;
2653
- widthLg: 1199.98px; }
2654
-
2655
- :export {
2656
- white: #fefefe;
2657
- darkenWhite: #efefef;
2658
- black: #121212;
2659
- transparent: rgba(0, 0, 0, 0);
2660
- primary: #3fa110;
2661
- primaryDark: #33820d;
2662
- primaryLight: #d7e6c8;
2663
- secondaryDarker: #323c32;
2664
- secondaryDark: #5a645a;
2665
- blueDarker: #2b517b;
2666
- secondary: #828a82;
2667
- secondaryLight: #cdd3cd;
2668
- secondaryLighter: #f8f9f7;
2669
- danger: #e60000;
2670
- dangerLight: #ffb4b4;
2671
- dangerDark: #ab4745;
2672
- warning: #ffcd00;
2673
- warningLight: #ffeb98;
2674
- warningDark: #765f00; }
2675
-
2676
- .component-bloco-de-notas {
2677
- width: 100%;
2678
- height: 100%;
2679
- display: flex;
2680
- flex-direction: column;
2681
- border-radius: 8px;
2682
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
2683
- background-color: #fefefe;
2684
- position: relative;
2685
- overflow: hidden; }
2686
- .component-bloco-de-notas .component-bloco-de-notas-header {
2687
- -webkit-user-select: none;
2688
- -moz-user-select: none;
2689
- user-select: none;
2690
- border-radius: 8px 8px 0 0;
2691
- height: 48px;
2692
- min-height: 48px;
2693
- background-color: #00b6f1;
2694
- color: #fefefe;
2695
- display: flex;
2696
- justify-content: space-between;
2697
- align-items: center;
2698
- padding: 0 12px; }
2699
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-left-content {
2700
- display: flex;
2701
- align-items: center; }
2702
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-left-content .component-bloco-de-notas-titulo {
2703
- margin-left: 8px;
2704
- font-weight: 700;
2705
- font-size: 22px; }
2706
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-actions {
2707
- display: flex;
2708
- align-items: center; }
2709
- .component-bloco-de-notas .component-bloco-de-notas-header .component-bloco-de-notas-actions > :not(:last-child) {
2710
- margin-right: 12px; }
2711
- .component-bloco-de-notas .component-bloco-de-notas-lista {
2712
- overflow: auto;
2713
- width: 100%;
2714
- height: 100%; }
2715
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota {
2716
- cursor: pointer;
2717
- -webkit-user-select: none;
2718
- -moz-user-select: none;
2719
- user-select: none;
2720
- height: 53px;
2721
- display: flex;
2722
- align-items: center;
2723
- justify-content: space-between;
2724
- padding: 0 12px;
2725
- transition: background-color 0.3s ease; }
2726
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota:nth-child(odd) {
2727
- background-color: #ebfaff; }
2728
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota:nth-child(even) {
2729
- background-color: #fefefe; }
2730
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota.highlight {
2731
- background-color: #c9f0fd; }
2732
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota.highlight .component-bloco-de-notas-titulo {
2733
- font-weight: 600 !important; }
2734
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota .component-bloco-de-notas-nota-left-content {
2735
- display: flex;
2736
- align-items: center;
2737
- flex-direction: row;
2738
- max-width: calc(100% - 85px); }
2739
- .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 {
2740
- margin-left: 8px;
2741
- font-size: 16px;
2742
- font-weight: 500;
2743
- overflow: hidden;
2744
- text-overflow: ellipsis;
2745
- white-space: nowrap;
2746
- color: #323c32; }
2747
- .component-bloco-de-notas .component-bloco-de-notas-lista .component-bloco-de-notas-nota .component-bloco-de-notas-data {
2748
- font-size: 14px;
2749
- color: #323c32;
2750
- font-weight: 500; }
2751
- .component-bloco-de-notas .component-bloco-de-notas-see-more {
2752
- display: flex;
2753
- align-items: center;
2754
- justify-content: flex-end;
2755
- width: 100%; }
2756
- .component-bloco-de-notas .component-bloco-de-notas-see-more button {
2757
- font-size: 14px;
2758
- font-weight: 700;
2759
- outline: none;
2760
- border: none;
2761
- cursor: pointer;
2762
- background-color: #fefefe;
2763
- padding: 5px 10px 5px;
2764
- border-radius: 20px;
2765
- color: #323c32;
2766
- transition: transform 0.3s ease;
2767
- transform-origin: center;
2768
- -webkit-user-select: none;
2769
- -moz-user-select: none;
2770
- user-select: none; }
2771
- .component-bloco-de-notas .component-bloco-de-notas-see-more button:active {
2772
- transform: scale(0.95); }
2773
- .component-bloco-de-notas .component-bloco-de-notas-loader {
2774
- position: absolute;
2775
- top: 48px;
2776
- left: 0;
2777
- width: 100%;
2778
- height: calc(100% - 48px);
2779
- background-color: #fefefe;
2780
- display: flex;
2781
- align-items: center;
2782
- justify-content: center;
2783
- border-radius: 0 0 8px 8px; }
2784
-
2785
- :export {
2786
- widthXs: 575.98px;
2787
- widthSm: 767.98px;
2788
- widthMd: 991.98px;
2789
- widthLg: 1199.98px; }
2790
-
2791
- :export {
2792
- white: #fefefe;
2793
- darkenWhite: #efefef;
2794
- black: #121212;
2795
- transparent: rgba(0, 0, 0, 0);
2796
- primary: #3fa110;
2797
- primaryDark: #33820d;
2798
- primaryLight: #d7e6c8;
2799
- secondaryDarker: #323c32;
2800
- secondaryDark: #5a645a;
2801
- blueDarker: #2b517b;
2802
- secondary: #828a82;
2803
- secondaryLight: #cdd3cd;
2804
- secondaryLighter: #f8f9f7;
2805
- danger: #e60000;
2806
- dangerLight: #ffb4b4;
2807
- dangerDark: #ab4745;
2808
- warning: #ffcd00;
2809
- warningLight: #ffeb98;
2810
- warningDark: #765f00; }
2811
-
2812
- .bloco-minhas-assembleias {
2813
- padding: 14px 19px;
2814
- background-color: #fefefe;
2815
- border-radius: 8px;
2816
- border: 1px solid #3fa110;
2817
- box-shadow: 0 2px 8px 0 rgba(90, 100, 90, 0.3);
2818
- cursor: pointer;
2819
- transition: transform 0.3s ease;
2820
- -webkit-user-select: none;
2821
- -moz-user-select: none;
2822
- user-select: none;
2823
- position: relative;
2824
- overflow: hidden;
2825
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2826
- display: flex;
2827
- flex-direction: column;
2828
- justify-content: space-between; }
2829
- .bloco-minhas-assembleias:not(.disabled):active {
2830
- transform: scale(0.99); }
2831
- .bloco-minhas-assembleias .bloco-minhas-assembleias-first-line {
2832
- display: flex;
2833
- align-items: center;
2834
- justify-content: space-between;
2835
- margin-bottom: 6px; }
2836
- .bloco-minhas-assembleias .bloco-minhas-assembleias-first-line .bloco-minhas-assembleias-icon svg {
2837
- color: #3fa110;
2838
- width: 20px;
2839
- height: 20px; }
2840
- .bloco-minhas-assembleias .bloco-minhas-assembleias-title {
2841
- font-weight: 700;
2842
- font-size: 26px;
2843
- color: #323c32;
2844
- margin-bottom: 6px; }
2845
- .bloco-minhas-assembleias .bloco-minhas-assembleias-sub-title {
2846
- color: #323c32;
2847
- font-weight: 600;
2848
- font-size: 14px; }
2849
- .bloco-minhas-assembleias .bloco-minhas-assembleias-sub-title span {
2850
- color: #3fa110;
2851
- text-decoration: underline; }
2852
- .bloco-minhas-assembleias .bloco-minhas-assembleias-not-found {
2853
- position: absolute;
2854
- left: 0;
2855
- top: 0;
2856
- width: 100%;
2857
- height: 100%;
2858
- background-color: #fefefe;
2859
- display: flex;
2860
- align-items: center;
2861
- justify-content: center;
2862
- text-align: center;
2863
- padding: 8px;
2864
- color: #323c32;
2865
- font-size: 14px; }
2866
-
2867
- :export {
2868
- widthXs: 575.98px;
2869
- widthSm: 767.98px;
2870
- widthMd: 991.98px;
2871
- widthLg: 1199.98px; }
2872
-
2873
- :export {
2874
- white: #fefefe;
2875
- darkenWhite: #efefef;
2876
- black: #121212;
2877
- transparent: rgba(0, 0, 0, 0);
2878
- primary: #3fa110;
2879
- primaryDark: #33820d;
2880
- primaryLight: #d7e6c8;
2881
- secondaryDarker: #323c32;
2882
- secondaryDark: #5a645a;
2883
- blueDarker: #2b517b;
2884
- secondary: #828a82;
2885
- secondaryLight: #cdd3cd;
2886
- secondaryLighter: #f8f9f7;
2887
- danger: #e60000;
2888
- dangerLight: #ffb4b4;
2889
- dangerDark: #ab4745;
2890
- warning: #ffcd00;
2891
- warningLight: #ffeb98;
2892
- warningDark: #765f00; }
2893
-
2894
- .component-notification-outer {
2895
- position: relative;
2896
- display: inline-block; }
2897
- .component-notification-outer .component-notification {
2898
- position: absolute;
2899
- min-width: 18px;
2900
- min-height: 18px;
2901
- display: flex;
2902
- align-items: center;
2903
- justify-content: center;
2904
- border-radius: 200px;
2905
- font-size: 13px; }
2906
- @media screen and (max-width: 767.98px) {
2907
- .component-notification-outer .component-notification {
2908
- font-size: 10px;
2909
- min-width: 16px;
2910
- min-height: 16px; } }
2911
- .component-notification-outer .component-notification-primary {
2912
- background-color: #3fa110;
2913
- color: #fefefe; }
2914
- .component-notification-outer .component-notification-primary-invert {
2915
- background-color: #fefefe;
2916
- color: #3fa110; }
2917
- .component-notification-outer .component-notification-primary-dark {
2918
- background-color: #33820d;
2919
- color: #fefefe; }
2920
- .component-notification-outer .component-notification-error {
2921
- background-color: #e60000;
2922
- color: #fefefe; }
2923
- .component-notification-outer .component-notification-default {
2924
- background-color: #323c32;
2925
- color: #fefefe; }
2926
- .component-notification-outer .component-notification-disabled {
2927
- background-color: #ebeee8;
2928
- color: #828a82; }
2929
-
2930
- .component-notification-enter {
2931
- transform: scale(0);
2932
- opacity: 0; }
2933
-
2934
- .component-notification-enter-active {
2935
- transition: transform 0.3s ease, opacity 0.3s ease;
2936
- position: absolute;
2937
- transform: scale(1);
2938
- opacity: 1; }
2939
-
2940
- .component-notification-exit {
2941
- transform: scale(1);
2942
- opacity: 1; }
2943
-
2944
- .component-notification-exit-active {
2945
- transition: transform 0.3s ease, opacity 0.3s ease;
2946
- transform: scale(0);
2947
- opacity: 0; }
2948
-
2949
- :export {
2950
- widthXs: 575.98px;
2951
- widthSm: 767.98px;
2952
- widthMd: 991.98px;
2953
- widthLg: 1199.98px; }
2954
-
2955
- :export {
2956
- white: #fefefe;
2957
- darkenWhite: #efefef;
2958
- black: #121212;
2959
- transparent: rgba(0, 0, 0, 0);
2960
- primary: #3fa110;
2961
- primaryDark: #33820d;
2962
- primaryLight: #d7e6c8;
2963
- secondaryDarker: #323c32;
2964
- secondaryDark: #5a645a;
2965
- blueDarker: #2b517b;
2966
- secondary: #828a82;
2967
- secondaryLight: #cdd3cd;
2968
- secondaryLighter: #f8f9f7;
2969
- danger: #e60000;
2970
- dangerLight: #ffb4b4;
2971
- dangerDark: #ab4745;
2972
- warning: #ffcd00;
2973
- warningLight: #ffeb98;
2974
- warningDark: #765f00; }
2975
-
2976
- .bottom-navigation {
2977
- display: flex;
2978
- align-items: center;
2979
- justify-content: space-around;
2980
- height: 58px; }
2981
- .bottom-navigation button.bottom-navigation-item {
2982
- width: 100%;
2983
- background-color: rgba(0, 0, 0, 0);
2984
- border: none;
2985
- outline: none;
2986
- transition: color 0.3s ease; }
2987
- .bottom-navigation button.bottom-navigation-item:not(:disabled):not(.atual) {
2988
- cursor: pointer; }
2989
- .bottom-navigation button.bottom-navigation-item .bottom-navigation-icon svg {
2990
- width: 20px; }
2991
- .bottom-navigation button.bottom-navigation-item .bottom-navigation-label {
2992
- font-size: 14px; }
2993
- @media screen and (max-width: 767.98px) {
2994
- .bottom-navigation button.bottom-navigation-item .bottom-navigation-label {
2995
- font-size: 11px; } }
2996
-
2997
- .bottom-navigation.dark {
2998
- border-top: 1px solid #5a645a;
2999
- background-color: #323c32; }
3000
- .bottom-navigation.dark button.bottom-navigation-item {
3001
- color: #f8f9f7; }
3002
- .bottom-navigation.dark button.bottom-navigation-item.atual {
3003
- color: #3fa110; }
3004
-
3005
- .bottom-navigation.white {
3006
- border-top: 1px solid #cdd3cd;
3007
- background-color: #fefefe; }
3008
- .bottom-navigation.white button.bottom-navigation-item {
3009
- color: #323c32; }
3010
- .bottom-navigation.white button.bottom-navigation-item.atual {
3011
- color: #3fa110; }
3012
-
3013
- .bottom-navigation.primary {
3014
- border-top: 1px solid #33820d;
3015
- background-color: #3fa110; }
3016
- .bottom-navigation.primary button.bottom-navigation-item {
3017
- color: #323c32; }
3018
- .bottom-navigation.primary button.bottom-navigation-item.atual {
3019
- color: #fefefe; }
3020
-
3021
- .bottom-navigation.secondary-lighter {
3022
- border-top: 1px solid #cdd3cd;
3023
- background-color: #f8f9f7; }
3024
- .bottom-navigation.secondary-lighter button.bottom-navigation-item {
3025
- color: #323c32; }
3026
- .bottom-navigation.secondary-lighter button.bottom-navigation-item.atual {
3027
- color: #3fa110; }
1347
+ width: 20px;
1348
+ height: 20px; }
3028
1349
 
3029
- :export {
3030
- widthXs: 575.98px;
3031
- widthSm: 767.98px;
3032
- widthMd: 991.98px;
3033
- 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); }
3034
1373
 
3035
- :export {
3036
- white: #fefefe;
3037
- darkenWhite: #efefef;
3038
- black: #121212;
3039
- transparent: rgba(0, 0, 0, 0);
3040
- primary: #3fa110;
3041
- primaryDark: #33820d;
3042
- primaryLight: #d7e6c8;
3043
- secondaryDarker: #323c32;
3044
- secondaryDark: #5a645a;
3045
- blueDarker: #2b517b;
3046
- secondary: #828a82;
3047
- secondaryLight: #cdd3cd;
3048
- secondaryLighter: #f8f9f7;
3049
- danger: #e60000;
3050
- dangerLight: #ffb4b4;
3051
- dangerDark: #ab4745;
3052
- warning: #ffcd00;
3053
- warningLight: #ffeb98;
3054
- 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; } }
3055
1391
 
3056
- .component-bread-crumb {
3057
- display: flex;
3058
- flex-direction: row;
3059
- flex-wrap: wrap; }
3060
- .component-bread-crumb .component-bread-crumb-path {
3061
- display: flex;
3062
- flex-direction: row; }
3063
- .component-bread-crumb .component-bread-crumb-path.component-bread-crumb-active .component-bread-crumb-label {
3064
- color: #3fa110;
3065
- font-weight: 700;
3066
- cursor: pointer; }
3067
- .component-bread-crumb .component-bread-crumb-path.component-bread-crumb-active .component-bread-crumb-label:hover {
3068
- text-decoration: underline; }
3069
- .component-bread-crumb .component-bread-crumb-path:not(.component-bread-crumb-active) .component-bread-crumb-label {
3070
- color: #323c32;
3071
- font-weight: 600; }
3072
- .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-arrow {
3073
- color: #3fa110;
3074
- padding: 0 8px;
3075
- display: flex;
3076
- align-items: center; }
3077
- .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-arrow svg {
3078
- height: 15px;
3079
- width: 8px; }
3080
- .component-bread-crumb .component-bread-crumb-path .component-bread-crumb-label {
3081
- -webkit-user-select: none;
3082
- -moz-user-select: none;
3083
- user-select: none;
3084
- line-height: 24px;
3085
- 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; } }
3086
1404
 
3087
1405
  :export {
3088
1406
  widthXs: 575.98px;
@@ -3376,6 +1694,64 @@ h5 {
3376
1694
  warningLight: #ffeb98;
3377
1695
  warningDark: #765f00; }
3378
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
+
3379
1755
  .element-paginator {
3380
1756
  display: flex;
3381
1757
  align-items: center;
@@ -3712,17 +2088,105 @@ h5 {
3712
2088
  .component-money-by-month .component-money-by-month-caption {
3713
2089
  color: #3fa110;
3714
2090
  position: absolute;
3715
- top: 8px;
3716
- font-size: 14px;
3717
- line-height: 20px;
3718
- font-weight: 500s; }
3719
- .component-money-by-month .component-money-by-month-caption.component-money-by-month-caption-left {
3720
- left: 8px; }
3721
- .component-money-by-month .component-money-by-month-caption.component-money-by-month-caption-right {
3722
- right: 8px; }
3723
- .component-money-by-month .component-money-by-month-chart {
3724
- width: 100%;
3725
- 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; }
3726
2190
 
3727
2191
  @use "sass:map";
3728
2192
  :export {
@@ -4088,7 +2552,7 @@ h5 {
4088
2552
  warningDark: #765f00; }
4089
2553
 
4090
2554
  .component-container {
4091
- position: fixed;
2555
+ position: absolute;
4092
2556
  top: 0;
4093
2557
  left: 0;
4094
2558
  width: 100%;
@@ -4316,7 +2780,7 @@ max-width 100% 540px 720px 960px 1140px
4316
2780
  width: 100%; }
4317
2781
  .component-date-picker-calendar .component-date-picker-calendar-month-picker .component-date-picker-calendar-months .component-date-picker-calendar-month {
4318
2782
  margin: 2px;
4319
- width: 80.5px;
2783
+ width: calc(46px * 7 / 4);
4320
2784
  height: 40px;
4321
2785
  background-color: #fefefe;
4322
2786
  border: none;
@@ -4752,7 +3216,6 @@ max-width 100% 540px 720px 960px 1140px
4752
3216
 
4753
3217
  .dropdown-selector-wrapper {
4754
3218
  position: relative;
4755
- width: -webkit-fit-content;
4756
3219
  width: -moz-fit-content;
4757
3220
  width: fit-content; }
4758
3221
  .dropdown-selector-wrapper.w-100 {
@@ -4843,116 +3306,6 @@ max-width 100% 540px 720px 960px 1140px
4843
3306
  warningLight: #ffeb98;
4844
3307
  warningDark: #765f00; }
4845
3308
 
4846
- .component-editable-video-item {
4847
- width: 100%;
4848
- background-color: #fefefe;
4849
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
4850
- border-radius: 4px;
4851
- display: flex;
4852
- padding: 0.7rem 1rem;
4853
- align-items: center;
4854
- justify-content: space-between; }
4855
- .component-editable-video-item .component-editable-video-item-play-icon {
4856
- display: flex;
4857
- justify-content: center;
4858
- align-items: center;
4859
- width: 25px;
4860
- color: #3fa110; }
4861
- .component-editable-video-item .component-editable-video-item-content {
4862
- width: 100%;
4863
- padding: 10px 12px; }
4864
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input {
4865
- width: 100%;
4866
- padding: 0.2rem 0;
4867
- font-weight: bold;
4868
- font-size: 1rem;
4869
- color: #323c32;
4870
- padding: 3px 0 4px;
4871
- outline: none;
4872
- border: none;
4873
- border-bottom: 2px solid #cdd3cd;
4874
- transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
4875
- border-radius: 0px !important;
4876
- overflow: hidden;
4877
- text-overflow: ellipsis; }
4878
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input:focus {
4879
- border-color: #3fa110; }
4880
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input:-moz-read-only {
4881
- background-color: rgba(0, 0, 0, 0);
4882
- border: none;
4883
- border-bottom: 0 solid rgba(0, 0, 0, 0);
4884
- cursor: default; }
4885
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input:read-only {
4886
- background-color: rgba(0, 0, 0, 0);
4887
- border: none;
4888
- border-bottom: 0 solid rgba(0, 0, 0, 0);
4889
- cursor: default; }
4890
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.editable:disabled {
4891
- background-color: rgba(0, 0, 0, 0);
4892
- border: none;
4893
- border-bottom: 2px dotted #cdd3cd;
4894
- cursor: default; }
4895
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.error {
4896
- margin: 0px;
4897
- color: #e60000;
4898
- border-bottom: 2px solid #e60000; }
4899
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.error::-moz-placeholder {
4900
- color: #9a0000; }
4901
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input.error::placeholder {
4902
- color: #9a0000; }
4903
- .component-editable-video-item .component-editable-video-item-content .component-editable-video-item-input-error {
4904
- min-height: 14px;
4905
- width: 100%;
4906
- display: block;
4907
- margin: 0;
4908
- font-size: 0.75rem;
4909
- margin-top: 3px;
4910
- font-weight: 400;
4911
- color: #e60000; }
4912
- .component-editable-video-item .component-editable-video-item-actions {
4913
- display: flex;
4914
- justify-content: center;
4915
- align-items: center;
4916
- color: #3fa110; }
4917
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside {
4918
- width: 75px;
4919
- display: flex;
4920
- justify-content: center;
4921
- align-items: center; }
4922
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside button {
4923
- display: block; }
4924
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside button:not(first-child) {
4925
- margin-left: 1rem; }
4926
- .component-editable-video-item .component-editable-video-item-actions .component-editable-video-item-actions-inside button > svg {
4927
- font-size: 22px; }
4928
-
4929
- :export {
4930
- widthXs: 575.98px;
4931
- widthSm: 767.98px;
4932
- widthMd: 991.98px;
4933
- widthLg: 1199.98px; }
4934
-
4935
- :export {
4936
- white: #fefefe;
4937
- darkenWhite: #efefef;
4938
- black: #121212;
4939
- transparent: rgba(0, 0, 0, 0);
4940
- primary: #3fa110;
4941
- primaryDark: #33820d;
4942
- primaryLight: #d7e6c8;
4943
- secondaryDarker: #323c32;
4944
- secondaryDark: #5a645a;
4945
- blueDarker: #2b517b;
4946
- secondary: #828a82;
4947
- secondaryLight: #cdd3cd;
4948
- secondaryLighter: #f8f9f7;
4949
- danger: #e60000;
4950
- dangerLight: #ffb4b4;
4951
- dangerDark: #ab4745;
4952
- warning: #ffcd00;
4953
- warningLight: #ffeb98;
4954
- warningDark: #765f00; }
4955
-
4956
3309
  .component-etapas {
4957
3310
  width: 100%;
4958
3311
  overflow-x: auto;
@@ -5164,7 +3517,6 @@ max-width 100% 540px 720px 960px 1140px
5164
3517
  height: 14px;
5165
3518
  width: 14px; }
5166
3519
  .component-etiqueta.fit-content {
5167
- width: -webkit-fit-content;
5168
3520
  width: -moz-fit-content;
5169
3521
  width: fit-content;
5170
3522
  padding: 8px 12px; }
@@ -5734,332 +4086,93 @@ header.component-header {
5734
4086
  border-bottom-color: #cdd3cd; }
5735
4087
  @media screen and (max-width: 767.98px) {
5736
4088
  header.component-header {
5737
- padding-left: 14px;
5738
- padding-right: 14px; } }
5739
- header.component-header .component-header-header-item {
5740
- display: flex;
5741
- justify-content: center;
5742
- align-items: center; }
5743
-
5744
- .component-header-semi-clear {
5745
- position: fixed;
5746
- top: 0;
5747
- left: 0;
5748
- background-color: #f8f9f7;
5749
- z-index: 969;
5750
- width: 100%;
5751
- height: 64px; }
5752
-
5753
- .component-header-clearfix {
5754
- display: block;
5755
- height: 64px;
5756
- width: 0; }
5757
-
5758
- .component-header-separator-logo {
5759
- -webkit-user-select: none;
5760
- -moz-user-select: none;
5761
- user-select: none;
5762
- margin-left: 20px;
5763
- position: relative;
5764
- padding: 0 20px 3px;
5765
- display: flex;
5766
- align-items: center;
5767
- font-style: italic;
5768
- color: #5a645a;
5769
- font-size: 16px;
5770
- font-weight: 600;
5771
- min-width: 50px;
5772
- white-space: nowrap; }
5773
- @media screen and (max-width: 767.98px) {
5774
- .component-header-separator-logo {
5775
- display: none; } }
5776
- .component-header-separator-logo::before {
5777
- position: absolute;
5778
- left: 0;
5779
- content: '';
5780
- display: block;
5781
- height: 24px;
5782
- width: 1px;
5783
- background-color: #cdd3cd; }
5784
-
5785
- .component-header-black-bar {
5786
- -webkit-user-select: none;
5787
- -moz-user-select: none;
5788
- user-select: none;
5789
- background-color: #323c32;
5790
- display: flex;
5791
- align-items: center;
5792
- justify-content: flex-start;
5793
- position: absolute;
5794
- left: 0;
5795
- top: 0;
5796
- height: 28px;
5797
- width: 100%; }
5798
- .component-header-black-bar * {
5799
- color: #fefefe; }
5800
- .component-header-black-bar a {
5801
- padding-top: 2px;
5802
- margin-left: 30px;
5803
- display: flex;
5804
- align-items: center;
5805
- justify-content: flex-start;
5806
- text-decoration: none; }
5807
- @media screen and (max-width: 767.98px) {
5808
- .component-header-black-bar a {
5809
- margin-left: 14px; } }
5810
- .component-header-black-bar a:hover {
5811
- cursor: pointer;
5812
- text-decoration: underline; }
5813
- .component-header-black-bar a svg {
5814
- width: 18px;
5815
- height: 18px; }
5816
- .component-header-black-bar span {
5817
- margin-left: 12px;
5818
- display: flex;
5819
- align-items: center;
5820
- justify-content: flex-start;
5821
- font-size: 14px;
5822
- line-height: 20px;
5823
- font-weight: 700; }
5824
-
5825
- :export {
5826
- widthXs: 575.98px;
5827
- widthSm: 767.98px;
5828
- widthMd: 991.98px;
5829
- widthLg: 1199.98px; }
5830
-
5831
- :export {
5832
- white: #fefefe;
5833
- darkenWhite: #efefef;
5834
- black: #121212;
5835
- transparent: rgba(0, 0, 0, 0);
5836
- primary: #3fa110;
5837
- primaryDark: #33820d;
5838
- primaryLight: #d7e6c8;
5839
- secondaryDarker: #323c32;
5840
- secondaryDark: #5a645a;
5841
- blueDarker: #2b517b;
5842
- secondary: #828a82;
5843
- secondaryLight: #cdd3cd;
5844
- secondaryLighter: #f8f9f7;
5845
- danger: #e60000;
5846
- dangerLight: #ffb4b4;
5847
- dangerDark: #ab4745;
5848
- warning: #ffcd00;
5849
- warningLight: #ffeb98;
5850
- warningDark: #765f00; }
5851
-
5852
- .component-header-search-field {
5853
- width: 100%;
5854
- display: flex;
5855
- align-items: center;
5856
- position: relative; }
5857
- .component-header-search-field .component-header-search-field-right-icon {
5858
- position: absolute;
5859
- right: 8px; }
5860
-
5861
- .component-header-search-field-inline-input {
5862
- width: 100%;
5863
- position: relative; }
5864
- @media screen and (min-width: 575.98px) {
5865
- .component-header-search-field-inline-input.disabled .component-header-search-field-container-input {
5866
- border-style: dotted; } }
5867
- @media screen and (max-width: 575.98px) {
5868
- .component-header-search-field-inline-input.disabled input.component-header-search-field-input {
5869
- border-style: dotted !important; } }
5870
- @media screen and (max-width: 575.98px) {
5871
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border {
5872
- position: absolute;
5873
- width: 100%;
5874
- height: 100%;
5875
- top: 0;
5876
- left: 0;
5877
- z-index: -1;
5878
- border-radius: 8px;
5879
- overflow: hidden; }
5880
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border::before {
5881
- content: '';
5882
- position: absolute;
5883
- z-index: -3;
5884
- background-color: #33820d;
5885
- transform: rotate(45deg);
5886
- width: 40px;
5887
- height: 40px;
5888
- -webkit-animation: borderRotate 8s linear infinite;
5889
- animation: borderRotate 8s linear infinite; }
5890
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border::after {
5891
- content: '';
5892
- position: absolute;
5893
- z-index: -2;
5894
- left: 2px;
5895
- top: 2px;
5896
- width: calc(100% - 4px);
5897
- height: calc(100% - 4px);
5898
- background: #f8f9f7;
5899
- border-radius: 6px; } }
5900
- @media screen and (min-width: 575.98px) {
5901
- .component-header-search-field-inline-input.loading .component-header-search-field-loading-border {
5902
- -webkit-animation: inputHeaderLoading 2.5s linear infinite;
5903
- animation: inputHeaderLoading 2.5s linear infinite; } }
5904
- @media screen and (min-width: 575.98px) {
5905
- .component-header-search-field-inline-input .component-header-search-field-loading-border,
5906
- .component-header-search-field-inline-input .component-header-search-field-focus-border {
5907
- height: 2px;
5908
- display: block;
5909
- position: absolute;
5910
- bottom: 0px;
5911
- left: 50%;
5912
- width: 0;
5913
- background-color: #33820d; } }
5914
- @media screen and (min-width: 575.98px) {
5915
- .component-header-search-field-inline-input:focus-within .component-header-search-field-focus-border {
5916
- transition: width 0.3s ease, left 0.3s ease;
5917
- left: 0;
5918
- width: 100%; } }
5919
- @media screen and (min-width: 575.98px) {
5920
- .component-header-search-field-inline-input .component-header-search-field-container-input {
5921
- border-radius: 0;
5922
- border-width: 0 0 2px 0;
5923
- border-style: solid;
5924
- transition: border-color 0.3s ease, border 0.3s ease;
5925
- border-color: #cdd3cd; } }
5926
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input {
5927
- -webkit-appearance: none;
5928
- width: 100%;
5929
- background-color: #f8f9f7;
5930
- color: #323c32;
5931
- padding: 8px;
5932
- font-size: 16px;
5933
- line-height: 24px; }
5934
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input:focus {
5935
- outline: none; }
5936
- @media screen and (max-width: 575.98px) {
5937
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input {
5938
- border-radius: 8px;
5939
- border: 1px solid #cdd3cd;
5940
- transition: border-radius 0.3s ease;
5941
- background-color: rgba(0, 0, 0, 0); }
5942
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input.loading {
5943
- border: none !important; }
5944
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input.panel-opened {
5945
- border-radius: 8px 8px 0 0; } }
5946
- @media screen and (min-width: 575.98px) {
5947
- .component-header-search-field-inline-input .component-header-search-field-container-input input.component-header-search-field-input {
5948
- border-radius: 0;
5949
- border-width: 0; } }
5950
-
5951
- .component-header-search-field-panel {
5952
- position: absolute;
5953
- left: 0;
5954
- top: 100%;
5955
- width: 100%;
5956
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
5957
- background-color: #f8f9f7; }
5958
- .component-header-search-field-panel .component-header-search-field-content {
5959
- padding: 8px;
5960
- min-height: 150px; }
5961
-
5962
- .component-header-search-field-mask {
5963
- width: 100%;
5964
- height: 100%;
5965
- position: fixed;
5966
- left: 0;
5967
- background-color: rgba(0, 0, 0, 0.5);
5968
- z-index: -2; }
5969
- @media screen and (max-width: 575.98px) {
5970
- .component-header-search-field-mask {
5971
- top: 103px; } }
5972
- @media screen and (min-width: 575.98px) {
5973
- .component-header-search-field-mask {
5974
- top: 51px; } }
5975
-
5976
- .component-header-search-field-mask-fade-enter {
5977
- opacity: 0; }
5978
-
5979
- .component-header-search-field-mask-fade-enter-active {
5980
- transition: opacity 0.3s ease;
5981
- opacity: 1; }
5982
-
5983
- .component-header-search-field-mask-fade-exit {
5984
- opacity: 1; }
4089
+ padding-left: 14px;
4090
+ padding-right: 14px; } }
4091
+ header.component-header .component-header-header-item {
4092
+ display: flex;
4093
+ justify-content: center;
4094
+ align-items: center; }
5985
4095
 
5986
- .component-header-search-field-mask-fade-exit-active {
5987
- transition: opacity 0.3s ease;
5988
- opacity: 0; }
4096
+ .component-header-semi-clear {
4097
+ position: fixed;
4098
+ top: 0;
4099
+ left: 0;
4100
+ background-color: #f8f9f7;
4101
+ z-index: 969;
4102
+ width: 100%;
4103
+ height: 64px; }
5989
4104
 
5990
- @-webkit-keyframes inputHeaderLoading {
5991
- 0% {
5992
- width: 0;
5993
- left: 0; }
5994
- 50% {
5995
- width: 100%;
5996
- left: 0; }
5997
- 51% {
5998
- left: unset;
5999
- right: 0;
6000
- width: 100%; }
6001
- 99% {
6002
- left: unset;
6003
- right: 0;
6004
- width: 0; }
6005
- 100% {
6006
- right: unset;
6007
- left: 0;
6008
- width: 0; } }
4105
+ .component-header-clearfix {
4106
+ display: block;
4107
+ height: 64px;
4108
+ width: 0; }
6009
4109
 
6010
- @keyframes inputHeaderLoading {
6011
- 0% {
6012
- width: 0;
6013
- left: 0; }
6014
- 50% {
6015
- width: 100%;
6016
- left: 0; }
6017
- 51% {
6018
- left: unset;
6019
- right: 0;
6020
- width: 100%; }
6021
- 99% {
6022
- left: unset;
6023
- right: 0;
6024
- width: 0; }
6025
- 100% {
6026
- right: unset;
4110
+ .component-header-separator-logo {
4111
+ -webkit-user-select: none;
4112
+ -moz-user-select: none;
4113
+ user-select: none;
4114
+ margin-left: 20px;
4115
+ position: relative;
4116
+ padding: 0 20px 3px;
4117
+ display: flex;
4118
+ align-items: center;
4119
+ font-style: italic;
4120
+ color: #5a645a;
4121
+ font-size: 16px;
4122
+ font-weight: 600;
4123
+ min-width: 50px;
4124
+ white-space: nowrap; }
4125
+ @media screen and (max-width: 767.98px) {
4126
+ .component-header-separator-logo {
4127
+ display: none; } }
4128
+ .component-header-separator-logo::before {
4129
+ position: absolute;
6027
4130
  left: 0;
6028
- width: 0; } }
6029
-
6030
- @-webkit-keyframes borderRotate {
6031
- 0% {
6032
- top: -20px;
6033
- left: -20px; }
6034
- 40% {
6035
- top: -20px;
6036
- left: calc(100% - 20px); }
6037
- 50% {
6038
- top: calc(100% - 20px);
6039
- left: calc(100% - 20px); }
6040
- 90% {
6041
- top: calc(100% - 20px);
6042
- left: -20px; }
6043
- 100% {
6044
- left: -20px;
6045
- top: -20px; } }
4131
+ content: '';
4132
+ display: block;
4133
+ height: 24px;
4134
+ width: 1px;
4135
+ background-color: #cdd3cd; }
6046
4136
 
6047
- @keyframes borderRotate {
6048
- 0% {
6049
- top: -20px;
6050
- left: -20px; }
6051
- 40% {
6052
- top: -20px;
6053
- left: calc(100% - 20px); }
6054
- 50% {
6055
- top: calc(100% - 20px);
6056
- left: calc(100% - 20px); }
6057
- 90% {
6058
- top: calc(100% - 20px);
6059
- left: -20px; }
6060
- 100% {
6061
- left: -20px;
6062
- top: -20px; } }
4137
+ .component-header-black-bar {
4138
+ -webkit-user-select: none;
4139
+ -moz-user-select: none;
4140
+ user-select: none;
4141
+ background-color: #323c32;
4142
+ display: flex;
4143
+ align-items: center;
4144
+ justify-content: flex-start;
4145
+ position: absolute;
4146
+ left: 0;
4147
+ top: 0;
4148
+ height: 28px;
4149
+ width: 100%; }
4150
+ .component-header-black-bar * {
4151
+ color: #fefefe; }
4152
+ .component-header-black-bar a {
4153
+ padding-top: 2px;
4154
+ margin-left: 30px;
4155
+ display: flex;
4156
+ align-items: center;
4157
+ justify-content: flex-start;
4158
+ text-decoration: none; }
4159
+ @media screen and (max-width: 767.98px) {
4160
+ .component-header-black-bar a {
4161
+ margin-left: 14px; } }
4162
+ .component-header-black-bar a:hover {
4163
+ cursor: pointer;
4164
+ text-decoration: underline; }
4165
+ .component-header-black-bar a svg {
4166
+ width: 18px;
4167
+ height: 18px; }
4168
+ .component-header-black-bar span {
4169
+ margin-left: 12px;
4170
+ display: flex;
4171
+ align-items: center;
4172
+ justify-content: flex-start;
4173
+ font-size: 14px;
4174
+ line-height: 20px;
4175
+ font-weight: 700; }
6063
4176
 
6064
4177
  :export {
6065
4178
  widthXs: 575.98px;
@@ -6088,29 +4201,16 @@ header.component-header {
6088
4201
  warningLight: #ffeb98;
6089
4202
  warningDark: #765f00; }
6090
4203
 
6091
- .icon-button-with-label {
4204
+ .component-information-icon {
6092
4205
  display: flex;
6093
4206
  align-items: center;
6094
- background-color: #fefefe;
6095
- border-radius: 8px;
6096
- width: 100%;
6097
- padding: 8px;
6098
- justify-content: space-between; }
6099
- .icon-button-with-label .icon-button-with-label-icon {
6100
- display: flex;
6101
- color: #323c32;
6102
- align-items: center; }
6103
- .icon-button-with-label .icon-button-with-label-label {
6104
- color: #323c32;
4207
+ justify-content: center;
4208
+ padding: 0 8px 0 0; }
4209
+ .component-information-icon .component-information-icon-icon {
6105
4210
  display: flex;
6106
4211
  align-items: center;
6107
- margin-left: 12px;
6108
- margin-right: 12px; }
6109
- .icon-button-with-label .icon-button-with-label-value {
6110
- color: #323c32;
6111
- font-weight: bold;
6112
- display: flex;
6113
- align-items: center; }
4212
+ justify-content: flex-start;
4213
+ color: #323c32; }
6114
4214
 
6115
4215
  :export {
6116
4216
  widthXs: 575.98px;
@@ -6139,210 +4239,182 @@ header.component-header {
6139
4239
  warningLight: #ffeb98;
6140
4240
  warningDark: #765f00; }
6141
4241
 
6142
- .component-information-icon {
4242
+ .component-input {
4243
+ width: 100%;
6143
4244
  display: flex;
6144
- align-items: center;
4245
+ flex-direction: column;
6145
4246
  justify-content: center;
6146
- padding: 0 8px 0 0; }
6147
- .component-information-icon .component-information-icon-icon {
4247
+ align-items: stretch;
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 {
4259
+ width: 100%;
4260
+ position: relative;
6148
4261
  display: flex;
4262
+ flex-wrap: nowrap;
6149
4263
  align-items: center;
6150
- justify-content: flex-start;
6151
- color: #323c32; }
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;
4272
+ 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;
4293
+ display: flex;
4294
+ justify-content: space-between;
4295
+ align-items: center;
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; } }
6152
4353
 
6153
- :export {
6154
- widthXs: 575.98px;
6155
- widthSm: 767.98px;
6156
- widthMd: 991.98px;
6157
- widthLg: 1199.98px; }
4354
+ .component-input.component-input-disabled .component-input-label {
4355
+ color: #828a82; }
6158
4356
 
6159
- :export {
6160
- white: #fefefe;
6161
- darkenWhite: #efefef;
6162
- black: #121212;
6163
- transparent: rgba(0, 0, 0, 0);
6164
- primary: #3fa110;
6165
- primaryDark: #33820d;
6166
- primaryLight: #d7e6c8;
6167
- secondaryDarker: #323c32;
6168
- secondaryDark: #5a645a;
6169
- blueDarker: #2b517b;
6170
- secondary: #828a82;
6171
- secondaryLight: #cdd3cd;
6172
- secondaryLighter: #f8f9f7;
6173
- danger: #e60000;
6174
- dangerLight: #ffb4b4;
6175
- dangerDark: #ab4745;
6176
- warning: #ffcd00;
6177
- warningLight: #ffeb98;
6178
- warningDark: #765f00; }
4357
+ .component-input.component-input-disabled .component-input-helper-text {
4358
+ color: #828a82; }
6179
4359
 
6180
- .informativo-assembleias-com-imagem {
6181
- display: flex;
6182
- justify-content: space-between;
6183
- align-items: stretch;
6184
- flex-direction: row; }
6185
- @media screen and (max-width: 767.98px) {
6186
- .informativo-assembleias-com-imagem.wrap {
6187
- flex-wrap: wrap; }
6188
- .informativo-assembleias-com-imagem.wrap-reverse {
6189
- flex-wrap: wrap-reverse; } }
6190
- .informativo-assembleias-com-imagem.reverse {
6191
- flex-direction: row-reverse; }
6192
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text {
6193
- overflow: hidden;
6194
- min-height: 520px;
6195
- width: 50%;
6196
- padding: 5%;
6197
- display: flex;
6198
- flex-direction: column;
6199
- align-items: flex-start;
6200
- justify-content: space-evenly; }
6201
- @media screen and (max-width: 767.98px) {
6202
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text {
6203
- width: 100%;
6204
- max-height: unset;
6205
- overflow: unset; } }
6206
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text .informativo-assembleias-com-imagem-title {
6207
- font-size: 52px;
6208
- font-weight: 300;
6209
- font-style: italic;
6210
- line-height: 56px;
6211
- color: #5a645a;
6212
- padding: 8px; }
6213
- @media screen and (max-width: 767.98px) {
6214
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text .informativo-assembleias-com-imagem-title {
6215
- font-size: 36px;
6216
- line-height: 40px;
6217
- font-weight: 400; } }
6218
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-text .informativo-assembleias-com-imagem-sub-title {
6219
- color: #5a645a;
6220
- font-size: 16px;
6221
- line-height: 26px;
6222
- text-align: left;
6223
- padding: 8px; }
6224
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo {
6225
- width: 50%;
6226
- overflow: hidden;
6227
- border-radius: 8px;
6228
- padding: 0;
6229
- min-height: 520px;
6230
- background-position: center;
6231
- background-repeat: no-repeat;
6232
- background-size: cover; }
6233
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo img {
6234
- display: none; }
6235
- @media screen and (max-width: 767.98px) {
6236
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo {
6237
- min-height: auto;
6238
- overflow: visible;
6239
- width: 100%; }
6240
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-photo img {
6241
- display: block !important;
6242
- opacity: 1;
6243
- width: 100%; } }
6244
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled {
6245
- width: 100%;
6246
- margin-left: 10px; }
6247
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled button {
6248
- padding: 10px 60px;
6249
- border-radius: 6px; }
6250
- @media screen and (max-width: 767.98px) {
6251
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled {
6252
- display: flex;
6253
- justify-content: center;
6254
- margin-left: 0px; }
6255
- .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled button {
6256
- width: 100%; } }
4360
+ .component-input.component-input-disabled .component-input-input-container {
4361
+ border-style: dotted !important; }
6257
4362
 
6258
- :export {
6259
- widthXs: 575.98px;
6260
- widthSm: 767.98px;
6261
- widthMd: 991.98px;
6262
- widthLg: 1199.98px; }
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; }
6263
4370
 
6264
- :export {
6265
- white: #fefefe;
6266
- darkenWhite: #efefef;
6267
- black: #121212;
6268
- transparent: rgba(0, 0, 0, 0);
6269
- primary: #3fa110;
6270
- primaryDark: #33820d;
6271
- primaryLight: #d7e6c8;
6272
- secondaryDarker: #323c32;
6273
- secondaryDark: #5a645a;
6274
- blueDarker: #2b517b;
6275
- secondary: #828a82;
6276
- secondaryLight: #cdd3cd;
6277
- secondaryLighter: #f8f9f7;
6278
- danger: #e60000;
6279
- dangerLight: #ffb4b4;
6280
- dangerDark: #ab4745;
6281
- warning: #ffcd00;
6282
- warningLight: #ffeb98;
6283
- warningDark: #765f00; }
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; }
6284
4381
 
6285
- .informativo-assembleias-com-video {
6286
- border-radius: 4px;
6287
- box-shadow: 0 2px 8px 0 rgba(90, 100, 90, 0.3);
6288
- padding: 27px 18px;
6289
- -webkit-user-select: none;
6290
- -moz-user-select: none;
6291
- user-select: none;
6292
- cursor: pointer;
6293
- transform-origin: center;
6294
- transition: transform 0.3s ease; }
6295
- .informativo-assembleias-com-video:active {
6296
- transform: scale(0.98); }
6297
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row {
6298
- position: relative;
6299
- display: flex;
6300
- align-items: flex-end;
6301
- justify-content: flex-start; }
6302
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.left {
6303
- justify-content: flex-start; }
6304
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.center {
6305
- justify-content: center; }
6306
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-thumbnail {
6307
- width: 100%;
6308
- max-width: 219px;
6309
- height: 219px;
6310
- border-radius: 100%;
6311
- background-position: center;
6312
- background-size: cover; }
6313
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon {
6314
- position: absolute;
6315
- bottom: 0;
6316
- left: 0;
6317
- cursor: pointer; }
6318
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.left {
6319
- left: 0; }
6320
- .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.center {
6321
- margin-left: -77px;
6322
- left: 50%;
6323
- transform: translateX(-50%); }
6324
- .informativo-assembleias-com-video .informativo-assembleias-com-video-saiba-mais-row {
6325
- width: 100%;
6326
- display: flex;
6327
- align-items: center;
6328
- justify-content: flex-end;
6329
- height: 12px;
6330
- overflow: visible; }
6331
- .informativo-assembleias-com-video .informativo-assembleias-com-video-saiba-mais-row .informativo-assembleias-com-video-icon svg {
6332
- color: #3fa110;
6333
- height: 16px;
6334
- width: 16px; }
6335
- .informativo-assembleias-com-video .informativo-assembleias-com-video-title {
6336
- color: #323c32;
6337
- font-size: 24px;
6338
- line-height: 30px;
6339
- font-weight: 600;
6340
- margin-bottom: 8px; }
6341
- .informativo-assembleias-com-video .informativo-assembleias-com-video-sub-title {
6342
- color: #323c32;
6343
- font-size: 16px;
6344
- line-height: 24px;
6345
- font-weight: 400; }
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%; } }
6346
4418
 
6347
4419
  :export {
6348
4420
  widthXs: 575.98px;
@@ -6462,28 +4534,7 @@ header.component-header {
6462
4534
  position: absolute;
6463
4535
  bottom: -2px;
6464
4536
  background-color: #33820d;
6465
- -webkit-animation: inputLoading 2.5s linear infinite;
6466
- animation: inputLoading 2.5s linear infinite; }
6467
-
6468
- @-webkit-keyframes inputLoading {
6469
- 0% {
6470
- width: 0;
6471
- left: 0; }
6472
- 50% {
6473
- width: 100%;
6474
- left: 0; }
6475
- 51% {
6476
- left: unset;
6477
- right: 0;
6478
- width: 100%; }
6479
- 99% {
6480
- left: unset;
6481
- right: 0;
6482
- width: 0; }
6483
- 100% {
6484
- right: unset;
6485
- left: 0;
6486
- width: 0; } }
4537
+ animation: inputLoading 2.5s linear infinite; }
6487
4538
 
6488
4539
  @keyframes inputLoading {
6489
4540
  0% {
@@ -6531,8 +4582,7 @@ header.component-header {
6531
4582
  position: absolute;
6532
4583
  bottom: -2px;
6533
4584
  background-color: #33820d;
6534
- -webkit-animation: inputFocus 0.3s ease forwards;
6535
- animation: inputFocus 0.3s ease forwards; }
4585
+ animation: inputFocus 0.3s ease forwards; }
6536
4586
 
6537
4587
  .component-input-area:not(.component-input-area-error):not(.force-focus):not(.component-input-area-disabled):not(.component-input-area-loading) .component-input-area-input-container:not(:focus-within):not(.force-focus)::before {
6538
4588
  opacity: 0;
@@ -6542,8 +4592,7 @@ header.component-header {
6542
4592
  position: absolute;
6543
4593
  bottom: -2px;
6544
4594
  background-color: #33820d;
6545
- -webkit-animation: inputFocusReverse 0.3s ease forwards;
6546
- animation: inputFocusReverse 0.3s ease forwards; }
4595
+ animation: inputFocusReverse 0.3s ease forwards; }
6547
4596
 
6548
4597
  .component-input-area:not(.component-input-area-error).force-focus .component-input-area-input-container::before {
6549
4598
  opacity: 1;
@@ -6554,16 +4603,7 @@ header.component-header {
6554
4603
  position: absolute;
6555
4604
  bottom: -2px;
6556
4605
  background-color: #33820d;
6557
- -webkit-animation: inputFocus 0.3s ease forwards;
6558
- animation: inputFocus 0.3s ease forwards; }
6559
-
6560
- @-webkit-keyframes inputFocus {
6561
- 0% {
6562
- width: 0;
6563
- left: 50%; }
6564
- 100% {
6565
- left: 0;
6566
- width: 100%; } }
4606
+ animation: inputFocus 0.3s ease forwards; }
6567
4607
 
6568
4608
  @keyframes inputFocus {
6569
4609
  0% {
@@ -6573,14 +4613,6 @@ header.component-header {
6573
4613
  left: 0;
6574
4614
  width: 100%; } }
6575
4615
 
6576
- @-webkit-keyframes inputFocusReverse {
6577
- 0% {
6578
- left: 0;
6579
- width: 100%; }
6580
- 100% {
6581
- width: 0;
6582
- left: 50%; } }
6583
-
6584
4616
  @keyframes inputFocusReverse {
6585
4617
  0% {
6586
4618
  left: 0;
@@ -7158,109 +5190,27 @@ header.component-header {
7158
5190
  .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
7159
5191
  transition: transform 0.3s ease;
7160
5192
  transform: scale(1); }
7161
- @media screen and (max-width: 575.98px) {
7162
- .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
7163
- transform: translateY(0); } }
7164
-
7165
- .comp-modal-manager-mask-mobile-on-xs-exit {
7166
- transition: opacity 0.3s ease;
7167
- opacity: 1; }
7168
- .comp-modal-manager-mask-mobile-on-xs-exit > * {
7169
- transition: transform 0.3s ease;
7170
- transform: scale(1); }
7171
- @media screen and (max-width: 575.98px) {
7172
- .comp-modal-manager-mask-mobile-on-xs-exit > * {
7173
- transform: translateY(0); } }
7174
-
7175
- .comp-modal-manager-mask-mobile-on-xs-exit-active {
7176
- opacity: 0; }
7177
- .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
7178
- transform: scale(0.8); }
7179
- @media screen and (max-width: 575.98px) {
7180
- .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
7181
- transform: translateY(100%); } }
7182
-
7183
- :export {
7184
- widthXs: 575.98px;
7185
- widthSm: 767.98px;
7186
- widthMd: 991.98px;
7187
- widthLg: 1199.98px; }
7188
-
7189
- :export {
7190
- white: #fefefe;
7191
- darkenWhite: #efefef;
7192
- black: #121212;
7193
- transparent: rgba(0, 0, 0, 0);
7194
- primary: #3fa110;
7195
- primaryDark: #33820d;
7196
- primaryLight: #d7e6c8;
7197
- secondaryDarker: #323c32;
7198
- secondaryDark: #5a645a;
7199
- blueDarker: #2b517b;
7200
- secondary: #828a82;
7201
- secondaryLight: #cdd3cd;
7202
- secondaryLighter: #f8f9f7;
7203
- danger: #e60000;
7204
- dangerLight: #ffb4b4;
7205
- dangerDark: #ab4745;
7206
- warning: #ffcd00;
7207
- warningLight: #ffeb98;
7208
- warningDark: #765f00; }
5193
+ @media screen and (max-width: 575.98px) {
5194
+ .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
5195
+ transform: translateY(0); } }
7209
5196
 
7210
- .component-nota-edit {
7211
- width: 100%;
7212
- height: 100%;
7213
- display: flex;
7214
- flex-direction: column;
7215
- align-items: stretch;
7216
- justify-content: flex-end;
7217
- background-color: #fefefe;
7218
- border-radius: 8px;
7219
- padding: 12px;
7220
- position: relative;
7221
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
7222
- .component-nota-edit .component-nota-edit-titulo {
7223
- display: flex;
7224
- width: calc(100% - 30px); }
7225
- .component-nota-edit .component-nota-edit-titulo input {
7226
- width: 100%;
7227
- color: #121212;
7228
- background-color: #fefefe;
7229
- outline: none;
7230
- -webkit-appearance: none;
7231
- border-radius: 0;
7232
- transition: color 0.3s ease, border-color 0.3s ease;
7233
- font-size: 24px;
7234
- line-height: 24px;
7235
- border: none;
7236
- padding: 0;
7237
- font-weight: 500; }
7238
- .component-nota-edit .component-nota-edit-texto {
7239
- display: flex;
7240
- height: 100%;
7241
- width: 100%; }
7242
- .component-nota-edit .component-nota-edit-texto textarea {
7243
- resize: none;
7244
- height: 100%;
7245
- width: 100%;
7246
- color: #121212;
7247
- background-color: #fefefe;
7248
- outline: none;
7249
- -webkit-appearance: none;
7250
- border-radius: 0;
7251
- transition: color 0.3s ease, border-color 0.3s ease;
7252
- font-size: 16px;
7253
- line-height: 24px;
7254
- border: none;
7255
- padding: 4px 0; }
7256
- .component-nota-edit .component-nota-edit-close-button {
7257
- position: absolute;
7258
- top: 12px;
7259
- right: 12px; }
7260
- .component-nota-edit .component-nota-edit-save-button {
7261
- position: absolute;
7262
- bottom: 12px;
7263
- right: 12px; }
5197
+ .comp-modal-manager-mask-mobile-on-xs-exit {
5198
+ transition: opacity 0.3s ease;
5199
+ opacity: 1; }
5200
+ .comp-modal-manager-mask-mobile-on-xs-exit > * {
5201
+ transition: transform 0.3s ease;
5202
+ transform: scale(1); }
5203
+ @media screen and (max-width: 575.98px) {
5204
+ .comp-modal-manager-mask-mobile-on-xs-exit > * {
5205
+ transform: translateY(0); } }
5206
+
5207
+ .comp-modal-manager-mask-mobile-on-xs-exit-active {
5208
+ opacity: 0; }
5209
+ .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
5210
+ transform: scale(0.8); }
5211
+ @media screen and (max-width: 575.98px) {
5212
+ .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
5213
+ transform: translateY(100%); } }
7264
5214
 
7265
5215
  :export {
7266
5216
  widthXs: 575.98px;
@@ -7439,6 +5389,44 @@ header.component-header {
7439
5389
  warningLight: #ffeb98;
7440
5390
  warningDark: #765f00; }
7441
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
+
7442
5430
  .previa-video {
7443
5431
  width: 100%;
7444
5432
  overflow: hidden;
@@ -7536,101 +5524,51 @@ header.component-header {
7536
5524
  warningLight: #ffeb98;
7537
5525
  warningDark: #765f00; }
7538
5526
 
7539
- .progress-bar-wrapper {
7540
- width: 100%;
7541
- -webkit-user-select: none;
7542
- -moz-user-select: none;
7543
- user-select: none;
7544
- color: #323c32;
7545
- font-weight: bold; }
7546
- .progress-bar-wrapper p,
7547
- .progress-bar-wrapper span,
7548
- .progress-bar-wrapper label,
7549
- .progress-bar-wrapper div {
7550
- font-family: "Nunito", sans-serif; }
7551
- .progress-bar-wrapper .progress-bar-header {
7552
- display: flex;
7553
- justify-content: space-between; }
7554
- .progress-bar-wrapper .progress-bar-header .progress-bar-percent-container {
7555
- display: flex;
7556
- color: #3fa110; }
7557
- .progress-bar-wrapper .progress-bar-header .progress-bar-percent-container .progress-bar-span-text {
7558
- display: flex;
7559
- align-items: center;
7560
- margin-right: 4px; }
7561
- .progress-bar-wrapper .progress-bar-fill {
7562
- background-color: #d7e6c8;
7563
- height: 20px;
7564
- border-radius: 10px;
7565
- overflow: hidden; }
7566
- .progress-bar-wrapper .progress-bar-fill .progress-bar-filled {
7567
- background-color: #3fa110;
7568
- height: 100%;
7569
- border-radius: 10px;
7570
- transition: 0.4s cubic-bezier(0, 0, 0.2, 1); }
7571
- .progress-bar-wrapper .progress-bar-bottom {
7572
- display: flex;
7573
- justify-content: space-between; }
7574
- .progress-bar-wrapper .progress-bar-bottom :nth-child(2) {
7575
- display: flex;
7576
- text-align: right; }
7577
- .progress-bar-wrapper .progress-bar-bottom span {
7578
- margin-top: 1rem;
7579
- flex-direction: column; }
7580
- .progress-bar-wrapper .progress-bar-bottom span p {
7581
- 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; }
7582
5542
 
7583
- :export {
7584
- widthXs: 575.98px;
7585
- widthSm: 767.98px;
7586
- widthMd: 991.98px;
7587
- widthLg: 1199.98px; }
5543
+ .component-radio-button.new:disabled {
5544
+ opacity: 0.6; }
7588
5545
 
7589
- :export {
7590
- white: #fefefe;
7591
- darkenWhite: #efefef;
7592
- black: #121212;
7593
- transparent: rgba(0, 0, 0, 0);
7594
- primary: #3fa110;
7595
- primaryDark: #33820d;
7596
- primaryLight: #d7e6c8;
7597
- secondaryDarker: #323c32;
7598
- secondaryDark: #5a645a;
7599
- blueDarker: #2b517b;
7600
- secondary: #828a82;
7601
- secondaryLight: #cdd3cd;
7602
- secondaryLighter: #f8f9f7;
7603
- danger: #e60000;
7604
- dangerLight: #ffb4b4;
7605
- dangerDark: #ab4745;
7606
- warning: #ffcd00;
7607
- warningLight: #ffeb98;
7608
- warningDark: #765f00; }
5546
+ .component-radio-button.new.component-radio-button-not {
5547
+ background-color: #c4c4c4; }
7609
5548
 
7610
- .component-search-bloco-de-notas {
7611
- width: 100%;
7612
- display: flex;
7613
- align-items: center;
7614
- justify-content: space-between;
7615
- background-color: #fefefe;
7616
- border-radius: 8px;
7617
- padding: 12px;
7618
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
7619
- height: 48px; }
7620
- .component-search-bloco-de-notas input {
7621
- color: #121212;
7622
- background-color: #fefefe;
7623
- outline: none;
7624
- -webkit-appearance: none;
7625
- border-radius: 0;
7626
- transition: color 0.3s ease, border-color 0.3s ease;
7627
- width: calc(100% - 28px);
7628
- font-size: 16px;
7629
- line-height: 24px;
7630
- border: none;
7631
- padding: 0; }
7632
- .component-search-bloco-de-notas .component-search-bloco-de-notas-right-object {
7633
- 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; }
7634
5572
 
7635
5573
  :export {
7636
5574
  widthXs: 575.98px;
@@ -7671,8 +5609,7 @@ header.component-header {
7671
5609
  position: absolute;
7672
5610
  bottom: -2px;
7673
5611
  background-color: #33820d;
7674
- -webkit-animation: inputFocus 0.3s ease forwards;
7675
- animation: inputFocus 0.3s ease forwards; }
5612
+ animation: inputFocus 0.3s ease forwards; }
7676
5613
 
7677
5614
  .component-select-select-fake {
7678
5615
  width: 100%;
@@ -8065,14 +6002,11 @@ table.component-table {
8065
6002
  background-color: #f6f6f6 !important; }
8066
6003
 
8067
6004
  .component-table-item-dragging {
8068
- cursor: -webkit-grabbing;
8069
6005
  cursor: grabbing; }
8070
6006
 
8071
6007
  .grab-handle {
8072
- cursor: -webkit-grab;
8073
6008
  cursor: grab; }
8074
6009
  .grab-handle:active {
8075
- cursor: -webkit-grabbing;
8076
6010
  cursor: grabbing; }
8077
6011
 
8078
6012
  .component-table-upper-header {
@@ -8451,11 +6385,9 @@ tr:first-child th:last-child {
8451
6385
  -webkit-user-select: none;
8452
6386
  -moz-user-select: none;
8453
6387
  user-select: none;
8454
- cursor: -webkit-grab;
8455
6388
  cursor: grab; }
8456
6389
  .component-table-with-overflow .component-table-with-overflow-wrapper table:active th[data-draggable='true'],
8457
6390
  .component-table-with-overflow .component-table-with-overflow-wrapper table:active td[data-draggable='true'] {
8458
- cursor: -webkit-grabbing !important;
8459
6391
  cursor: grabbing !important; }
8460
6392
  .component-table-with-overflow .component-table-with-overflow-wrapper .absolute {
8461
6393
  position: absolute; }
@@ -8463,7 +6395,6 @@ tr:first-child th:last-child {
8463
6395
  left: 0;
8464
6396
  width: 8px;
8465
6397
  min-height: 44px;
8466
- height: -webkit-fit-content;
8467
6398
  height: -moz-fit-content;
8468
6399
  height: fit-content; }
8469
6400
  .component-table-with-overflow .component-table-with-overflow-wrapper .right-0 {
@@ -9138,11 +7069,9 @@ nav.component-tabs {
9138
7069
  padding: 24px;
9139
7070
  border-radius: 4px; }
9140
7071
  .component-toast:hover .component-toast-fill {
9141
- -webkit-animation-play-state: paused !important;
9142
- animation-play-state: paused !important; }
7072
+ animation-play-state: paused !important; }
9143
7073
  .component-toast:not(:hover) .component-toast-fill {
9144
- -webkit-animation-play-state: running;
9145
- animation-play-state: running; }
7074
+ animation-play-state: running; }
9146
7075
  .component-toast .component-toast-left-content {
9147
7076
  font-family: "Nunito", sans-serif;
9148
7077
  font-size: 14px;
@@ -9208,12 +7137,6 @@ nav.component-tabs {
9208
7137
  .component-toast-error .component-toast-close-button svg {
9209
7138
  color: #fefefe; }
9210
7139
 
9211
- @-webkit-keyframes fillToZero {
9212
- 0% {
9213
- width: 100%; }
9214
- 100% {
9215
- width: 0; } }
9216
-
9217
7140
  @keyframes fillToZero {
9218
7141
  0% {
9219
7142
  width: 100%; }
@@ -9263,7 +7186,6 @@ nav.component-tabs {
9263
7186
  flex-direction: column-reverse !important; }
9264
7187
  .comp-toast-manager-toasts .comp-toast-manager-toastzin {
9265
7188
  transition: all 0.3s ease;
9266
- width: -webkit-fit-content;
9267
7189
  width: -moz-fit-content;
9268
7190
  width: fit-content;
9269
7191
  overflow: hidden;
@@ -9502,53 +7424,6 @@ nav.component-tabs {
9502
7424
  warningLight: #ffeb98;
9503
7425
  warningDark: #765f00; }
9504
7426
 
9505
- .component-video-item {
9506
- background-color: #fefefe;
9507
- box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
9508
- border-radius: 8px;
9509
- padding: 4px; }
9510
- .component-video-item .component-video-item-text-col {
9511
- align-items: flex-start; }
9512
- .component-video-item .component-video-item-text-col .component-video-item-text-row .component-video-item-title {
9513
- font-weight: 700;
9514
- font-size: 20px;
9515
- padding-top: 0;
9516
- color: #121212;
9517
- word-wrap: break-word; }
9518
- .component-video-item .component-video-item-text-col .component-video-item-text-row .component-video-item-description {
9519
- font-size: 14px;
9520
- font-weight: 500;
9521
- color: #5a645a;
9522
- word-break: break-word;
9523
- text-align: justify; }
9524
-
9525
- :export {
9526
- widthXs: 575.98px;
9527
- widthSm: 767.98px;
9528
- widthMd: 991.98px;
9529
- widthLg: 1199.98px; }
9530
-
9531
- :export {
9532
- white: #fefefe;
9533
- darkenWhite: #efefef;
9534
- black: #121212;
9535
- transparent: rgba(0, 0, 0, 0);
9536
- primary: #3fa110;
9537
- primaryDark: #33820d;
9538
- primaryLight: #d7e6c8;
9539
- secondaryDarker: #323c32;
9540
- secondaryDark: #5a645a;
9541
- blueDarker: #2b517b;
9542
- secondary: #828a82;
9543
- secondaryLight: #cdd3cd;
9544
- secondaryLighter: #f8f9f7;
9545
- danger: #e60000;
9546
- dangerLight: #ffb4b4;
9547
- dangerDark: #ab4745;
9548
- warning: #ffcd00;
9549
- warningLight: #ffeb98;
9550
- warningDark: #765f00; }
9551
-
9552
7427
  .video-modal {
9553
7428
  z-index: 986;
9554
7429
  position: relative;
@@ -9707,7 +7582,7 @@ nav.component-tabs {
9707
7582
  -moz-user-select: none;
9708
7583
  user-select: none; }
9709
7584
  .calendar-header .calendar-header-day {
9710
- flex: 0 0 14.28571%;
7585
+ flex: 0 0 calc(100% / 7);
9711
7586
  display: flex;
9712
7587
  align-items: center;
9713
7588
  justify-content: center;
@@ -9931,7 +7806,7 @@ nav.component-tabs {
9931
7806
  .calendar-month-day {
9932
7807
  position: relative;
9933
7808
  transition: background-color 0.3s ease, color 0.3s ease;
9934
- flex: 0 0 14.28571%;
7809
+ flex: 0 0 calc(100% / 7);
9935
7810
  max-width: calc(100% / 7);
9936
7811
  background-color: #fefefe;
9937
7812
  -webkit-user-select: none;
@@ -10354,10 +8229,10 @@ nav.component-tabs {
10354
8229
  align-items: center;
10355
8230
  justify-content: space-between;
10356
8231
  border-radius: 200px;
10357
- border: 1px solid #3fa110;
10358
- color: #3fa110;
10359
- background-color: rgba(0, 0, 0, 0);
10360
- font-weight: 600; }
8232
+ border-width: 1px;
8233
+ border-style: solid;
8234
+ font-weight: 600;
8235
+ transition: all 0.3s ease; }
10361
8236
  .component-chip span {
10362
8237
  max-width: calc(100% - 24px);
10363
8238
  padding-left: 4px;
@@ -10381,3 +8256,15 @@ nav.component-tabs {
10381
8256
  .component-chip .component-chip-button svg {
10382
8257
  width: 20px;
10383
8258
  height: 20px; }
8259
+ .component-chip.primary-outline {
8260
+ color: #3fa110;
8261
+ background-color: rgba(0, 0, 0, 0);
8262
+ border: 1px solid #3fa110; }
8263
+ .component-chip.primary {
8264
+ color: #fefefe;
8265
+ background-color: #3fa110;
8266
+ border: 1px solid #3fa110; }
8267
+ .component-chip.danger {
8268
+ color: #fefefe;
8269
+ background-color: #e60000;
8270
+ border: 1px solid #e60000; }