.jfEntrada de entrada {tamanho da fonte: 0.8em; altura da linha: 1.5; preenchimento: 0.5em 1em; borda: 1px sólido; exibição: bloco; largura: 100%; margem: 0; fonte-família: herança} .jfInput -input.hasSublabel: não (: foco): - webkit-input-placeholder {cor: transparente; -webkit-transition: all 0.05s ease; -o-transition: all 0.05s ease; transição: all 0.05s ease} .jfInput-input.hasSublabel: not (: focus): - ms-input-placeholder {cor: transparente; -webkit-transition: todos os 0.05s fáceis; -o-transition: todos 0.05s ease; transition: todos 0.05s ease } .jfInput-input.hasSublabel: não (: focus) :: espaço reservado {color: transparent; -webkit-transition: all 0.05s ease; -o-transition: todos os 0.05s ease; transition: todos os 0.05s ease} .jfInput -input: not (: - moz-read-only): foco, .jfEntrada de entrada: não (: - moz-read-only): ativo {contorno: 0} .jfEntrada de entrada: não (: somente leitura) : focus, .jfInput-input: not (: somente leitura): active {estrutura: 0} .jfEntrada de entrada: foco ~.jfField-sublabel {top: 100%; padding: 0.6em 0; tamanho da fonte: 0.6em} .isMobile .jfEntrada de entrada: foco ~ .jfField-sublabel {padding: 0.33em 0 0 0.4em; tamanho da fonte: 0.75 em} .jfInput-textarea {font-size: 0.8em; line-height: 1.6; preenchimento: 1em 1.25em; border: 1px solid; resize: nenhum; max-width: 100%; min-width: 100%; display : bloco; largura: 100%; margem: 0; font-family: herdar} .isMobile .jfInput-textarea {altura: 66%} @ tela de mídia e (altura máxima: 519px) {corpo: não (.forMiniCard). jfInput-textarea {height: 4.5em}} @ tela de mídia e (min-height: 520px) {corpo: não (.forMiniCard) .jfInput-textarea {height: 9em}} @ tela de mídia e (min-height: 768px) {body: not (.forMiniCard) .jfEntrada-text-text {height: 12em}}. isMobile.osName-iOS.isTouchKeyboardOpen .jfEntrada-text-text {height: inherit} .jfInput-textarea.hasSublabel: not (: focus) :: - webkit-input-placeholder {color: transparent; -webkit-transition: toda a facilidade de 0.05s; -o-transition:todos os 0.05s facilidade; transição: todos os 0.05s facilidade} .jfInput-textarea.hasSublabel: não (: foco): - ms-input-placeholder {cor: transparente; -webkit-transição: todos os 0.05s facilidade; -o-transição : todos os 0.05s facilidade; transição: todos os 0.05s facilidade} .jfInput-textarea.hasSublabel: não (: focus) :: espaço reservado {color: transparent; -webkit-transition: todos 0.05s facilidade; -o-transição: todos 0.05s s ease; transition: todos os 0.05s ease} .jfEntrada-text: não (: - moz-read-only): foco, .jfEntrada-text: não (: - moz-read-only): active {estrutura: 0} .jfInput-textarea: não (: somente leitura): focus, .jfEntrada-text: não (: somente leitura): active {estrutura: 0} .jfInput-textarea: focus ~ .jfField-sublabel {top: 100% ; padding: 0.6em 0; font-size: 0.6em} .isMobile .jfInput-textarea: focus ~ .jfField-sublabel {padding: 0.33em 0 0 0.4em; tamanho da fonte: 0.75em} .jfTextarea-limit {position : absoluto; inferior: 0.25em; direito: 0.75em; tamanho da fonte: 0.75em; opacidade: 0.5}.jfInput-inputLabel {posição: absoluta; tamanho da fonte: 0.9em; preenchimento: 0.75em 1em; topo: 0; direito: 1%; line-height: 1; display: bloco}: não (saída): - moz-ui -invalid {box-shadow: none}: não (saída): - moz-ui-invalid: -moz-focusring {caixa-sombra: nenhum} .form-spinner input [type = "number"] :: - webkit- outer-spin-button {-webkit-aparência: nenhum; aparência: nenhum; margem: 0} .jfInput-button {float: nenhum; tamanho da fonte: 0.8em; line-height: 1; texto-decoração: nenhum; cursor : ponteiro: display: inline-block; padding: 0.75em 1.8em; font-weight: 300; margin: 0; font-family: herdar; text-shadow: nenhum; -webkit-user-select: none; -moz- user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum; -webkit-transition: todos os 0.1s easy; -o-transition: todos os 0.1s ease; transition: todos os 0.1s ease} @media screen e (max-width: 736px) {jfInput-button {margin-top: 0.75em; font-size: 0.9em}} jfInput-button: focus {contorno: 0; -webkit-box-shadow: nenhum;box-shadow: nenhum} .jfInput-button: hover {contorno: 0} entrada [type = "radio" i], entrada [type = "checkbox" i] {margem: 0} .jfRadio, .jfCheckbox, .checkboxProduct, .radioProduct {display: bloco; largura: 100%; cursor: ponteiro; posição: relativo; tamanho da fonte: 0.8em; -webkit-user-select: nenhum; -moz-user-select: none; -ms-user- select: nenhum; user-select: nenhum} .checkboxProduct, .radioProduct {font-size: 0.8em; posição: absoluto; padding: 0.75em; left: 0; width: auto; top: 50%; - webkit-transform: translateY (-50%); - ms-transformação: translateY (-50%); transform: translateY (-50%)} @ tela de mídia e (largura max: 736px) {. checkboxProduct, .radioProduct {top: 0.54em ; -webkit-transform: translateY (0); - ms-transform: translateY (0); transforma: translateY (0)}}. jfRadio-label, .jfCheckbox-label {text-align: centro; fronteira: 1px sólido; preenchimento: 15px 0 9px; -webkit-transition: facilidade todos os 0,15; -o-transição: todos os 0,15s facilidade; transição:todos os 0.15s facilitam} .jfRadio-image, .jfCheckbox-image {largura: 90%; margem: auto; altura: 70px; fundo-size: conter; fundo-repetição: sem repetição; posição de fundo: centro central}. jfRadio-customInput, .jfCheckbox-customInput, .checkboxProduct-customInput, .radioProduct-customInput {largura: 1.25em; altura: 1.25em; display: bloco; borda: 1px sólido; posição: absoluta; topo: 0.6875em; esquerda: 0.6875 Preenchimento: 3px; margem-parte superior: 1px; margem-esquerda: 1px; cor de fundo: #fff} .checkboxProduct-customInput, .radioProduct-customInput {posição: relativa; topo: 0; esquerda: 0} .jfRadio- otherInputField, .jfCheckbox-otherInputField {tamanho-da-fonte: 1em; altura: 1.25em; largura: 100%; borda: nenhum; fundo: transparente; contorno: nenhum; preenchimento: 0} .jfRadio-customInputIcon, .jfCheckbox-customInputIcon ,. checkboxProduct-customInputIcon, .radioProduct-customInputIcon {exibição: block; width: 100%; height: 100%; opacidade: 0; -webkit-transition: all 0.15s facilidade; -o-transição: todos os 0,15s facilidade; transição: todos os 0,15s facilidade} .jfRadio-visual, .jfCheckbox-visual {max-largura: 80px; display: inline-bloco} .jfRadio-labelText, .jfCheckbox- labelText, .radioProduct-labelText, .checkboxProduct-labelText {display: bloco; margem superior: 0.25em} .radioProduct-labelText, .checkboxProduct-labelText {margem superior: 0} .jfRadio.withoutImage .jfRadio-visual, .jfCheckbox .withoutImage .jfRadio-visual, .jfRadio.withoutImage .jfCheckbox-visual, .jfCheckbox.withoutImage .jfCheckbox-visual {display: none} .jfRadio.withoutImage .jfRadio-label, .jfCheckbox.withoutImage .jfRadio-label, .jfRadio. semImage .jfCheckbox-label, .jfCheckbox.withoutImage .jfCheckbox-label {text-align: left; padding: 0.6875em 1em 0.6875em 2.4em; line-height: 1.25em} .jfRadio.withoutImage .jfRadio-labelText, .jfCheckbox. semImage .jfRadio-labelText, .jfRadio.withoutImage .jfCheckbox-labelText,.jfCheckbox.withoutImage .jfCheckbox-labelText {margin-top: 0; min-height: 1.25em} .jfRadio-customInput, .jfRadio-customInputIcon, .radioProduct-customInput, .radioProduct-customInputIcon {border-radius: 50%}. radioProduct-input [type = "radio"],. checkboxProduct-input [type = "checkbox"] {display: nenhum} .radioProduct-input [type = "radio"]: verificado ~ .radioProduct .radioProduct-label .radioProduct- customInputIcon, .checkboxProduct-input [type = "checkbox"]: verificado ~ .radioProduct .radioProduct-label .radioProduct-customInputIcon, .radioProduto-input [type = "radio"]: verificado ~ .checkboxProduct .checkboxProduct-label .radioProduct- customInputIcon, .checkboxProduct-input [type = "checkbox"]: verificado ~ .checkboxProduct .checkboxProduct-label .radioProduct-customInputIcon, .radioProduto-input [type = "radio"]: checked ~.radioProduct .radioProduct-label .checkboxProduct-customInputIcon, .checkboxProduct-input [type = "checkbox"]: verificado ~ .radioProduct .radioProduct-label .checkboxProduct-customInputIcon, .radioProduto-input [type = "radio"]: checked ~. checkboxProduct .checkboxProduct-label .checkboxProduct-customInputIcon, .checkboxProduct-input [type = "checkbox"]: verificado ~ .checkboxProduct .checkboxProduct-label .checkboxProduct-customInputIcon {opacidade: 1} .jfRating {largura: 100%}. jfRating- entrada de atalho {posição: absoluto; largura: 0; altura: 0; opacidade: 0; margem: 0; preenchimento: 0} .jfRating-shortcut-input .isMobile, .forMiniCard .jfRating-entrada-de-atalho {display: none} .jfRating-scaleText {display: table; largura: 100%; tamanho da fonte: 0.7em; preenchimento: 0 0.7em} .jfRating-scaleText .jfRating-fromText, .jfRating-scaleText .jfRating-toText {display: célula da tabela ; vertical-align: middle}.jfRating-scaleText .jfRating-fromText {text-align: esquerdo} .jfRating-scaleText .jfRating-toText {text-align: direito} .jfRating-items {exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; display: flex; -webkit-box-pack: justificar; -webkit-justificar-conteúdo: espaço entre; -ms-flex-pack: justificar; justificar-conteúdo: espaço-entre; margem: auto; width: 100%}. jfRating-items [class] {preenchimento: 0} .jfClass-items [data-item-count = "1"] li: primeiro-tipo {position: relative; left: 50%; webkit-transform: translateX (-50%); - ms-transform: translateX (-50%); transform: translateX (-50%)}. isMobile .jfRating-items: não ([data-item-contagem = "5 "]): não ([data-item-count =" 4 "]): não ([contagem de itens de dados =" 3 "]): não ([contagem de itens de dados =" 2 "]): não ([item-data-count = "1"]) li.jfRating-item {-webkit-transform: escala (1); - ms-transform: escala (1); transformação: escala (1); preenchimento:0} .jfRating-item {preenchimento: 0 0.5em; estouro: visível; posição: relativo; estilo de lista: nenhum! Importante; largura: 100%}. IsMobile .jfRating-item {-webkit-transform: escala (0.8) ; -ms-transform: escala (0.8); transformação: escala (0.8)}. jfRating-item .jfRating-input [type = "radio"] {largura: 100%; altura: 100%; posição: absoluta; z- índice: 10; opacidade: 0; margem: 0; preenchimento: 0; topo: 0; esquerdo: 0; esboço: nenhum} .jfRating-item .jfRating-text {posição: absoluto; topo: 55%; esquerdo: 0; text-align: center; direito: 0; -webkit-transform: translateY (-50%); - ms-transform: translateY (-50%); transforma: translateY (-50%); - webkit-transition: todos os 0.3 s-facilidade -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; cor: #fff; tamanho da fonte: 0.8em} .jfRating-items [data-type = "corações"] .jfRating-item. jfRating-text {top: 47%}. jfRating-item .jfRating-svg-wrapper {altura: 100%; max-altura: 6em} .jfRating-item .jfRating-svg-wrapper.jfRating-svg-container {posição: relativo; texto-alinhamento: centro} .jfRating-item .jfRating-svg-wrapper .jfRating-svg {-webkit-transition: todos os 0.3s easy; -o-transition: todos os 0.3s ease ; transição: toda a facilidade 0.3s; max-height: 6em; max-width: 5em; largura: 100%; height: 100%} jfRating-item.jfReferência de seleção svg {-webkit-transform: scale (0.85); -ms-transform: escala (0,85), transformação: escala (0,85)} jfRating-item.jfRating-selection.indicate {-webkit-transition: todas as facilidades de 0.3s; -o-transition: todas as facilidades de 0.3s; todas as facilidades 0.3s} .jfRating-item.jfRating-selection.checked .jfRating-svg-wrapper {-webkit-transform: escala (1.1); - ms-transform: escala (1.1); transformação: escala (1.1); webkit-transition: all 0.3s ease; -o-transition: todos os 0.3s ease; transition: todos os 0.3s ease} .jfRating-item.jfRating-selection.checked .jfRating-svg-wrapper svg {-webkit-transition: all 0,3s facilidade; -o-transição: todas as 0,3s facilidade; transição:todos os 0.3s facilitam; -webkit-transform: scale (0.92); - ms-transform: scale (0.92); transform: escala (0.92)}. jfRating-item.jfRating-selection.checked .jfRating-text {-webkit- transição: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; -webkit-transformar: escala (1) translateY (-50%); - ms-transformação: escala (1) translateY (-50%); transform: scale (1) translateY (-50%)}. JfMatrix-inputWrapper {display: bloco} .jfField.hasOtherError input [type = "checkbox"]: verificada em [class * = "label" ], jfField.hasOtherError input [type = "radio"]: verificado ~ [class * = "label"] {- webkit-animation: nenhum; animação: nenhum; background: rgba (255, 0, 0, 0.1); border-color: # e54e4e} .jfRadio-input [type = "rádio"], jfCheckbox-input [type = "checkbox"] {exibição: nenhum} .jfRadio-input [type = "radio"]: verificado ~. jfRadio-label .jfRadio-customInputIcon ,.jfCheckbox-input [type = "checkbox"]: verificado ~ .jfRadio-label .jfRadio-customInputIcon, .jfRadio-input [type = "radio"]: verificado ~ .jfCheckbox-label .jfRadio-customInputIcon, .jfCheckbox-input [ type = "checkbox"]: verificado ~ .jfCheckbox-label .jfRadio-customInputIcon, .jfRadio-input [type = "radio"]: verificado ~ .jfRadio-label .jfCheckbox-customInputIcon, .jfCheckbox-input [type = "checkbox "]: checked ~ .jfRadio-label .jfCheckbox-customInputIcon, .jfRadio-input [type =" radio "]: verificado ~ .jfCheckbox-label .jfCheckbox-customInputIcon, .jfCheckbox-input [type =" checkbox "]: verificado ~ .jfCheckbox-label .jfCheckbox-customInputIcon {opacidade: 1} select.form-dropdown {altura: 0; largura: 0; borda: 0; tamanho da fonte: 0; posição: absoluto} .jfDropdown-wrapper {posição: relativo ; padding: 0,375em 2,4em 0 0,375em; altura da linha: 1; cursor: ponteiro;min-height: 2.625em} .jfDropdown-wrapper: foco {contorno: nenhum} .jfDropdown-toggle {position: absolute; right: 0; topo: 0; height: 100%; width: 2em; preenchimento: 0; segundo plano: transparente; border: 0; cursor: ponteiro; display: bloco-inline; alinhamento de texto: centro} .jfDropdown-toggle: focus {estrutura: 0} .jfDropdown-toggle: antes de {content: ""; display: inline-block ; border-left: 0.3em sólido transparente; border-right: 0.3em sólido transparente; border-top: 0.4em sólido; -webkit-transition: todos 0.2s; -o-transition: todos 0.2s; transition: all 0.2s ; margin-top: 1.2em} .jfDropdown-toggle.forDate {tamanho da fonte: 0.8em} .jfDropdown-value {largura: 100%; altura: 40px; preenchimento: 0 14px; borda: 0; tamanho da fonte: 14px ; cursor: ponteiro} .jfDropdown-value: focus {estrutura: 0} .jfDropdown-searchWrapper {exibição: inline-block; alinhamento vertical: top; margem: 0 0.375em 0.375em 0; -webkit-box-ordinal-group : 3; - encomenda por encomenda: 2; -ms-flex-order: 2; order: 2; width: 100%}.jfDropdown-search {border: 0; padding: 0.4375em; display: bloco; font-size: 1em; line-height: 1em; altura: 1.875em; largura: 100%}. jfDropdown-search: focus {estrutura de tópicos: 0} .jfDropdown-optionListWrapper .jfDropdown-optionList, .jfDropdown-optionListWrapper .form-dropdown {-webkit-transição: max-height 0.2s cubo-bezier (0, 0.25, 0.5, 1); - o-transição: max-height 0.2 s cubic-bezier (0, 0.25, 0.5, 1); transição: max-height 0.2s cubic-bezier (0, 0.25, 0.5, 1); max-altura: 0; estouro: oculto} .jfDropdown-optionListItem {preenchimento : 0.75em 1em; -webkit-transition: todos os 0.2s; -o-transition: todos 0.2s; transition: all 0.2s; border-top: 1px solid # f1f4f5; cursor: ponteiro} .jfDropdown-optionListItem.isSelected {color : #fff} .jfDropdown-optionListGroupTitle {padding: 0.75em 0.5em; border-top: 1px sólido # f1f4f5} .jfDropdown-chip {padding: 0.4375em 2em 0.4375em 0.4375em; exibição: inline-block; background-color: # e9f5ff; color:# 499fff; margem: 0 0.375em 0.375em 0; altura: 1.875em; vertical-alinhar: top; posição: relativa} .jfDropdown-chip.isSingle {background-color: transparent; ponteiro-eventos: nenhum; preenchimento: 0.4375em ; overflow: oculto; -o-text-overflow: reticências; text-overflow: reticências; white-space: nowrap; display: bloco; margin: 0} .jfDropdown-chip.isPlaceholder {background-color: transparent; color: # 757988} .jfDropdown-chip.isPlaceholder: vazio {padding: 0; margin: 0; display: nenhum} botão .jfDropdown-chip {font-size: 1em; line-height: 1em; background-color: #fff; border: 0; padding: 0; alinhamento de texto: centro; cursor: ponteiro; posição: absoluto; topo: 0.3125em; direito: 0.3125em; altura: 1.25em; largura: 1.25em; cor: # 499fff; -webkit-transição: todos os 0,15s facilitam; -o-transição: todos os 0,15 facilitam; transição: todos os 0,15 facilitam} .jfDropdown-chip button: hover {color: #fff; cor de fundo: # 499fff} .jfDropdown-chip button: active { esboço: 0}.jfDropdown-optionListWrapper {position: relative; largura: 100%; background: #fff; z-index: 905; estouro: oculto} .jfDropdown-optionListWrapper.isAbra {min-width: 72px} .jfDropdown-optionListWrapper.isAbra .jfDropdown- optionList, .jfDropdown-optionListWrapper.isAbrir .form-dropdown {max-height: 154px; estouro-y: automático} .jfDropdown-optionListWrapper.isOpen.forDrawer {border: 1px sólido} .jfInput-dropdown {font-size: 0.8em ; line-height: 1; border: 1px sólido; -webkit-transition: todos os 0.2s; -o-transition: todos 0.2s; transition: todos 0.2s; position: relative; width: 100%} jfInput-dropdown: focus {estrutura: 0} .jfInput-dropdown.hasSearch ~ .jfField-sublabel {top: 100%; preenchimento: 0.6em 0; tamanho da fonte: 0.6em} .isMobile .jfInput-dropdown.hasSearch ~ .jfField-sublabel { padding: 0.33em 0 0 0.4em; tamanho da fonte: 0.75em} .jfInput-dropdown.hasSearch .jfDropdown-chipContainer {exibição: -webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap} select.form-dropdown [desativado] + .jfInput-dropdown {opacidade: 0,5 } body.isMobile .jfForm-wrapper.hasTouch select.form-dropdown {preenchimento: 0.8em 0.6em 0.7em 0.5em} body.isMobile .jfForm-wrapper.hasToque select.form-dropdown, body.isTablet .jfForm-wrapper. hasTouch select.form-dropdown {tamanho da fonte: 0.8em; altura da linha: 1; borda: 1px sólido; posição: relativo; altura: automático; visibilidade: visível; largura: 100%; display: bloco; preenchimento: 0.85em 0.5em 0.65em; -webkit-aparência: nenhum; -moz-aparência: nenhum; aparência: nenhum; imagem de fundo: url ("dados: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM5Nzk3OTciIGQ9Ik0xNDA4IDcwNHEwIDI2LTE5IDQ1bC00NDggNDQ4cS0xOSAxOS00NSAxOXQtNDUtMTlsLTQ0OC00NDhxLTE5LTE5LTE5LTQ1dDE5LTQ1IDQ1LTE5aDg5NnEyNiAwIDQ1IDE5dDE5IDQ1eiIvPjwvc3ZnPg == "); o fundo-de repetição: não-repetição; fundo posições: direita 0.5em topo 50%; fundo de tamanho: 1.3em; margem: 0; min de largura: 3em; -webkit-transform: translate3d (0 , 0, 0) escala (0.99); transformar: translate3d (0, 0, 0) escala (0.99)} body.isMobile .jfForm-wrapper.hasTouch selecionar.form-dropdown ~ .jfField-sublabel, body.isTablet .jfForm -wrapper.hasTouch select.form-dropdown ~ .jfField-sublabel {top: 100%; preenchimento: 0.6em 0; tamanho da fonte: 0.6em} .isMobile body.isMobile .jfForm-wrapper.hasToque select.form-dropdown ~ .jfField-sublabel, .isMobile body.isTablet .jfForm-wrapper.hasTouch select.form-dropdown ~ .jfField-sublabel {padding: 0.33em 0 0 0.4em; tamanho da fonte: 0.75em} body.isMobile .jfForm-wrapper. hasTouch .jfInput-dropdown, body.isTablet .jfForm-wrapper.hasTouch. jfInput-dropdown {display: nenhum} # date02 .dr-seleções {right: 0} .jfCalendar-wrapper {posição: absoluto; margem-topo: 0.5em ; -webkit-transform: translateX (-50%); - ms-transformação: translateX (-50%); transformação: translateX (-50%); z-index: 1} .jfCalendar-wrapper.isHidden {exibição: nenhum } tela @media e (max-height: 720px) {. jfCalendar-wrapper {-webkit-transform: translateX (-50%) translateY (-50%); - ms-transformação: translateX (-50%) translateY (- 50%); transform: translateX (-50%) translateY (-50%); top-de-margem: 0}} @ media screen e (max-width: 736px) {jfForm-wrapper.hasTouch .jfField-svgWrapper.forDate {display: none}} [id ^ = "calendar-container - "] {background-color: #fff; exibição: inline-block; padding: 1em 1em 0.75em; border: 1px sólido #dcdcdc; -webkit-box-shadow: 0 5px 15px 0 rgba (0, 0 , 0, .1); box-shadow: 0 5px 15px 0 rgba (0, 0, 0, .1)} Tabela [id ^ = "calendar-container-"] {text-align: center} [id ^ = "calendar-container-"] .days {font-size: 0.8em} [id ^ = "calendário-container-"] td {cursor: ponteiro} [id ^ = "calendário-container-"] td.selected {fundo -color: # 499fff; color: #fff; fronteira-raio: 3px} [id ^ = "calendar-container-"] td, [id ^ = "contêiner-calendá- rio"] th {padding: 0.4em 1.07em} [id ^ = "calendar-container-"] th {color: # f1669f} .time-separador {vertical-align: middle; exibição: inline-block; padding: 0 0.75em; font-size: 0.75em; line- height: 2.7em} .jfCardDateInput {-webkit-appearance: nenhum; -moz-appearance: nenhum; aparência: nenhum; font-family:herdam} entrada [type = "date"] :: - webkit-calendar-picker-indicator, entrada [type = "date"] :: - webkit-clear-button, entrada [type = "date"] :: - webkit -inner-spin-button, entrada [type = "date"] :: - webkit-outer-spin-button {display: nenhum} div [data-type = "liteDate"] .calendarSelect {display: nenhum} div [data -type = "liteDate"] .shell {position: relative; largura: 100%} div [data-type = "liteDate"] .shell span {largura: 50%; preenchimento: 0.5em 1em; tamanho da fonte: 0.8em ; position: absolute; left: 2px; top: 1px; color: #ccc; ponteiro-eventos: nenhum} div [data-type = "liteDate"] .shell span i {estilo font: normal; cor: transparente; opacidade : 0; visibilidade: oculto} @ - webkit-keyframes cresce {0% {- webkit-transform: escala (0); transforma: escala (0)} 100% {- webkit-transform: scale (1); transformar: escala (1)}} @ keyframes crescem {0% {- webkit-transform: scale (0); transform:scale (0)} 100% {- webkit-transform: escala (1); transform: escala (1)}} @ - webkit-keyframes grow2 {0% {- webkit-transformação: escala (0); transformação: escala ( 0)} 80% {- webkit-transform: escala (1.2); transformar: escala (1.2)} 100% {- webkit-transform: escala (1); transformar: escala (1)}} @ keyframes grow2 {0% {-webkit-transform: escala (0); transformação: escala (0)} 80% {- webkit-transform: escala (1.2); transformação: escala (1.2)} 100% {- webkit-transform: scale (1) ; transform: scale (1)}} @ - cursor do webkit-keyframes {0% {background-color: transparent} 50% {cor de fundo: transparente} 51% {background-color: #bbb} 100% {background-color : #bbb}} @ keyframes cursor {0% {background-color: transparent} 50% {cor de fundo: transparente} 51% {background-color: #bbb} 100% {background-color: #bbb}} @ - webkit-keyframes pulseLoading {0%, 40% {background-color: #eee; -webkit-transform: escala (0.5); transformar: escala (0.5)} 100% {background-color: # b7b5b5; -webkit-transform:scale (0.75); transform: escala (0.75)}} @ keyframes pulseLoading {0%, 40% {background-color: #eee; -webkit-transform: escala (0.5); transform: escala (0.5)} 100% { background-color: # b7b5b5; -webkit-transform: escala (0.75); transform: escala (0.75)}}. loadingDot {altura: 12px; margem: 0 1px; largura: 12px; cor de fundo: # d8d8d8; radius: 50%; display: inline-bloco; -webkit-animation-name: pulseLoading; nome-da-animação: pulseLoading; -webkit-animation-duration: 0.6s; animação-duração: 0.6s; -webkit-animation-iteration- contagem: infinito, animação-iteração-contagem: infinito, -webkit-animação-direção: alternativo, animação-direção: alternativo, -webkit-animação-tempo-função: cubic-bezier (0.45, 0, 0.6, 1); animação -timing-function: cubic-bezier (0.45, 0, 0.6, 1)} .d2 {-webkit-animation-delay: 0.1s; animação-delay: 0.1s; -webkit-transform: escala (0.75); -transforma: escala (0,75); transformar: escala (0,75)}.isD3 {-webkit-animation-delay: 0.2s; animação-delay: 0.2s; -webkit-transform: escala (0.75); - ms-transform: escala (0.75); transformação: escala (0.75)}. jfEmailVerify-button {espaço em branco: nowrap; borda-raio: 8px; largura: 100%; borda: 0; cor de fundo: # 0078eb; -webkit-transição: facilidade de cor de fundo 0,15s; -o-transição: cor de fundo 0,15 s facilidade; transição: facilidade da cor de fundo 0.15s; cor: #fff; preenchimento: 0 2em; tamanho da fonte: 0.8em; cursor: ponteiro} .isMobile .jfEmailVerify-button, .forMiniCard .jfEmailVerify-button {padding: 1em 0} .jfEmailVerify-buttonWrapper {line-height: 1; estouro: herdar; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto} [data-type = "emailConfirmation"] ~ .jfEmailVerify-buttonWrapper {-webkit-box-flex: 0; -webkit-flex: 0 1 100%; - ms-flex: 0 1 100%; flex: 0 1 100% ; height: 2em; margin-top: 1.5em} .jfEmailVerify-buttonWrapper.isPassive.jfEmailVerify-button {cor de fundo: # b0b7be} .isMobile .jfEmailVerify-buttonWrapper, .forMiniCard .jfEmailVerify-buttonWrapper {max-width: herdar; margin-top: 1.5em; largura: 100%; height: auto} .isMobile. jfEmailVerify-buttonWrapper.isHidden, .forMiniCard .jfEmailVerify-buttonWrapper.isHidden {altura: 0; margem-topo: 0} .jfEmailVerify-loading {text-align: center; largura: 100%; margin-top: 1em} .jfEmailVerify- wrapper {padding-left: 1%; padding-right: 1%; text-align: center; largura: 100%}. jfEmailVerify {largura: 100%}. jfEmailVerify p {tamanho da fonte: 0.9em; margem: 0 0 1em} .jfEmailVerify-inside {width: 100%; max-width: 400px; margem: 0 auto} .jfEmailVerify-prompter {vertical-align: meio; altura: 1.25em; tamanho da fonte: 2em; altura da linha: 1.25 em; text-align: center; font-family: monospace} .jfEmailVerify-prompter span {cor: # d8d8d8} .jfEmailVerify-inputWrapper {borda: 1px sólido # 979797; border-radius: 8px; display: block;overflow: oculto; position: relative} .jfEmailVerify-inputIntrodução de wrapper {position: absolute; height: 100%; largura: 100%; top: 0; left: 0; border: 0; preenchimento: 0; opacidade: 0} .jfEmailVerify -inputWrapper input: focus + .jfEmailVerify -protpter span: primeiro-filho {position: relative} .jfEmailVerify-inputEntrada do wrapper: focus + .jfEmailVerify-prompter span: first-child: antes de {content: ""; display: inline-block background-color: #bbb; position: absolute; largura: 1px; height: 70%; top: 15%; left: 0; -webkit-animação: cursor 0.6s facilidade infinito alternativo para a frente; animação: cursor 0.6s facilidade infinito Forwards alternativos} .jfEmailVerify-feedbackText {display: none} .jfEmailVerify-feedback {posição: absoluta; tamanho da fonte: 0.8em; line-height: 2.5em; direita: 1em; topo: 50%; - webkit-transform: translateY (-50%); - ms-transform: translateY (-50%); transforma: translateY (-50%); - webkit-user-select: nenhum; -moz-user-select: nenhum;-ms-user-select: nenhum; user-select: none; -webkit-transition: opacidade 0,15s facilidade 0,1s; -o-transição: opacidade 0,15s facilidade 0,1s; transição: opacidade 0,15s facilidade 0,1s; opacidade: 0; width: 0; overflow: hidden} .isMobile .jfEmailVerify-feedback, .forMiniCard .jfEmailVerify-feedback {right: 1.2em} .isMobile .jfEmailVerify-feedback .jfEmailVerify-feedbackText, .forMiniCard .jfEmailVerify-feedback .jfEmailVerify-feedbackText {display: none} .jfEmailVerify-feedback svg {vertical-align: meio; display: bloco-inline; largura: 24px; altura: 24px} .jfEmailVerify-feedback.isPositivo {color: # 4a85ef} .jfEmailVerify-feedback.isPositivo svg {fill: # 0773ee} .jfEmailVerify-statusIcon {posição: absoluto; largura: 1.8em; topo: 0.35em; direito: 0.35em; exibição: nenhum} .jfEmailVerify-statusIcon.forFail {cursor: pointer} .jfEmailVerify-statusIcon. forSuccess svg {preencher: # 0078eb} .jfEmailVerify-statusIcon.forFail svg {preencher: # e44040}.jfEmailVerify-statusIcon.isVisible {display: bloco} .jfEmailVerify-statusIcon.isVisible .check-outer, .jfEmailVerify-statusIcon.isVisible .fail-outer {-webkit-animation: aumenta 0,4s de facilidade para frente; animação: aumenta a facilidade de 0,4s 1 encaminhamento; -webkit-transformar-origem: centro-centro; -ms-transformar-origem: centro-centro; transformar-origem: centro-centro; -webkit-transformar: escala (0); -ms-transformação: escala (0); transform: scale (0)}. jfEmailVerify-statusIcon.isVisible .check-inner, .jfEmailVerify-statusIcon.isVisible .fail-inner {-webkit-transform: escala (0); - ms-transform: escala (0); : escala (0); - webkit-transformar-origem: centro centro; -ms-transformar-origem: centro centro; transformar-origem: centro centro; -webkit-animação: grow2 0,6s facilidade 1 para a frente; animação: grow2 0,6s acelere 1 para a frente; preencha: #fff} .jfEmailVerify-footer {font-size: 12px; padding-top: 4px}.Botão jfEmailVerify-footer {background-color: transparent; margin: 0; borda: 0; cursor: ponteiro; preenchimento: 0 4px; cor: # 4a85ef} .isMobile .jfField [data-type = "emailConfirmation"] ,. forMiniCard. jfField [data-type = "emailConfirmation"] {margin-top: 1.625em} [dados-tipo = "control_email"] .jfQuestion-fields> * {exibir: nenhum} [data-type = "control_email"] .jfQuestion- fields.questionMode .jfField: not (.isHidden) {exibir: herdar} [data-type = "control_email"] .jfQuestion-fields.questionMode .jfDropdown-optionListWrapper {exibir: herdar; tamanho da fonte: 0.8em; margem: 0 1%} [data-type = "control_email"] .jfQuestion-fields.questionMode .jfDropdown-optionList {largura: 100%; min-altura: herdar} [data-type = "control_email"] .jfQuestion-fields.questionMode. isVerifiedEmail .jfEmailVerify-buttonWrapper {display: none} [data-type = "control_email "] .jfQuestion-fields.questionMode.isVerifiedEmail .jfEmailVerify-feedback {opacidade: 1; largura: automática} [data-type =" control_email "] .jfQuestion-fields.verificationMode .jfEmailVerify-wrapper {display: inherit} [dados -type = "control_email"] .jfQuestion-fields.loadingMode .jfEmailVerify-loading {display: bloco} .jfCard [data-type = "control_fileupload"] .jfQuestion-fields {estouro-x: oculto} .jfCard [tipo de dados = "control_fileupload"] .jfField {largura: 100%}. jfUpload-wrapper {largura: 100%}. jfUpload-wrapper .jfUpload-container {largura: 100%; padding: 0.75em; display: -webkit-box; display : -webkit-flex; display: -ms-flexbox; display: flex; posição: relativo; -webkit-box-align: centro; -webkit-align-items: centro; -ms-flex-align: centro; alinhamento itens: center; border: 0.125em tracejada # 4987c5; border-raio: 0.375em} .jfUpload-wrapper .jfUpload-container.jfUpload-icon {text-align: center; largura: 48px; min-height: 1px; float: left; top-de-margem: 0.5em} .jfUpload-wrapper .jfUpload-container .jfUpload-icon svg {largura: calc (100 % - 16px); max-height: 30px} .jfFazer upload-wrapper .jfUpload-container .jfUpload-icon svg path {preencher: # 94bfea} .jfFazer upload-wrapper .jf Carregar-botão-container {-webkit-box-flex: 1 ; -webkit-flex: 1; -ms-flex: 1; flex: 1; alinhamento de texto: center} .jfUpload-wrapper .jfCarregar-botão-contêiner .jfFazer upload-button {padding: 0.55em 2.25em; color: # fff; tamanho da fonte: 0.8em; background: # 3d80c4; border-radius: 0.375em; borda: nenhuma; text-transform: maiúscula; font-weight: 100; -webkit-transition: todas as 0.3s ease; -o- transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; posição: relativa; exibição: inline-block} .jfUpload-wrapper: hover .jfUpload-button-container .jfFazer upload-button {-webkit-transition: todos os 0.3s facilidade ; -o-transição: todas as facilidades de 0.3s; transição: todas as facilidades de 0.3s;background: # 026cd6} .jfUpload-wrapper .jfUpload-files-container .inputContainer entrada {height: 76.5px; font-size: 1em! importante} .jfUpload-wrapper .jfUpload-files-container .qq-uploader .qq-upload -drop-area {background: rgba (255, 255, 255, 0,95); posição: fixa; top: 0; esquerda: 0; direita: 0; inferior: 0; opacidade: 1; z-index: 10; -webkit -transição: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; border-raio: 0.375em} .jfUpload-wrapper .jfUpload-arquivos-container .qq-uploader .qq-upload -drop-area #uploadSVG {preencher: # 94bfea; -webkit-transition: all 0.3s ease; -o-transition: todas as 0.3s ease; transition: todas as 0.3s ease} .jfUpload-wrapper .jfUpload-files-container. qq-uploader .qq-upload-drop-area.qq-upload-drop-área-ativa #uploadSVG {preencher: # 6dbd00; -webkit-transition: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição : todos 0.3s facilidade} .jfUpload-wrapper.jfUpload-files-container .qq-uploader .qq-upload-drop-area .qq-upload-drop-área-wrapper {ponteiro-eventos: nenhum; border-raio: 0.375em; -webkit-transição: todos os 0.3s facilidade ; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; margem: 2em 2.5em; altura: calc (100% - 4em); largura: calc (100% - 5em)}. jfUpload-wrapper .jfUpload -files-container .qq-uploader .qq-upload-drop-area .qq-upload-drop-área-wrapper-outer {display: table; largura: 100%; altura: 100%; text-align: center}. jfUpload-wrapper .jfUpload-files-container .qq-uploader .qq-upload-drop-area .qq-upload-drop-área-wrapper-interno {display: table-cell; vertical-align: meio} .jfUpload-wrapper .jfUpload-files-container .qq-uploader .qq-upload-drop-area .qq-upload-área-texto {clear: ambos; text-align: center; display: bloco} .jfUpload-wrapper .jfUpload-files- container .qq-uploader .qq-upload-drop-area .qq-upload-área-subtexto {font-size: 0.75em; text-align: center; display: bloco; color: # a6a6a7} .jfUpload-wrapper .jfUpload-files-container .qq-uploader .qq-upload-drop-area .qq-upload-área-logo {largura: 100%; display: block; clear: ambos; padding: 0.5em 0; text-align: centro} .jfUpload-wrapper .jfUpload-files-container .qq-uploader .qq-upload-drop-area: não (.qq -upload-drop-area-active) {- webkit-transição: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos 0.3s facilidade} .jfUpload-wrapper .jfUpload-files-container .qq- upload-list {overflow-y: auto; overflow-x: oculto} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list: não (: vazio) {margin-top: 1em} .jfUpload-wrapper. jfUpload-files-container .qq-upload-list .qq-upload-spinner {display: bloco-inline; background: url ("/ images / loading.gif"); largura: 15px; altura: 15px; alinhamento vertical: texto-fundo; margem-fundo: 3px; margem-esquerda: 2px; opacidade: 0.5}.jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-fail-text, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-success-text {exibição : none; font-size: 0.8em; text-indent: 0.5em} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-sucesso .qq-upload-success-text {exibição: inline-block; color: # 6dbd00} .jfFazer upload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-fail .qq-upload-fail-text {exibição: inline-block; color: # fe7b94 } .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-fail span.qq-upload-delete-circle: não (.forCancel) {background: # fe7b94} .jfUpload-wrapper .jfUpload -files-container .qq-upload-list .qq-upload-fail span.qq-upload-delete-check {opacidade: 0} .jfFazer upload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload -fail span.qq-upload-delete-cross {opacidade: 1}.jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel {posição: absoluto; topo : 0; direita: 0; inferior: 0; largura: 2.5em; cursor: ponteiro} .jfFiltro de carregamento-upload.jfUpload-files-container .qq-upload-list .qq-upload-delete-circle: não (.forCancel) , .jfFazer upload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel-circle: não (.forCancel) {fundo: # 94bfea; border-raio: 50%; largura: 1.5em; altura : 1.5em; display: block; top: 50%; posição: absoluto; -webkit-transform: translateY (-50%); - ms-transformação: translateY (-50%); transform: translateY (-50%); -webkit-transition: all 0.3s ease; -o-transition: todas as 0.3s ease; transition: todas as 0.3s ease} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete- verifique, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list.qq-upload-cancel-check, jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete-cross, jfUpload-wrapper .jfUpload-files-container .qq-upload-list. qq-upload-cancel-cross {altura: 100%; largura: 100%; display: bloco; -webkit-transição: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; : absolute} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete-check svg, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload- Cancelar-verificar svg, .jfUpload-wrapper .jfUpload-arquivos-container .qq-upload-list .qq-upload-deletar-cross svg, .jfUpload-wrapper .jfUpload-arquivos-container .qq-upload-list .qq- upload-cancel-cross svg {largura: 100%; altura: 100%}. jfUpload-wrapper .jfUpload-arquivos-container .qq-upload-list .qq-upload-delete .qq-upload-delete-cruz, .jfUpload -wrapper .jfUpload-files-container.qq-upload-list .qq-upload-cancelar .qq-upload-delete-cross {-webkit-transition: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; opacidade: 0 } .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete: hover .qq-upload-delete-circle, .jfFazer upload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel: hover .qq-upload-delete-circle, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete: hover .qq-upload-cancel-circle, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel: hover .qq-upload-cancel-circle {fundo: # fe7b94; -webkit-transition: todos os 0.3s facilidade; -o -transition: todos os 0.3s facilidade; transição: todos 0.3s facilidade} .jfUpload-wrapper .jfUpload-arquivos-container .qq-upload-list .qq-upload-excluir: hover .qq-upload-delete-check, .jfUpload -wrapper .jfUpload-files-container.qq-upload-list .qq-upload-cancel: hover .qq-upload-delete-check, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete: hover .qq-upload -cancel-check, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel: hover .qq-upload-cancel-check {-webkit-transition: toda a facilidade de 0.3s; -o -transition: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; opacidade: 0} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-delete: hover .qq-upload-delete- cross, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel: hover .qq-upload-delete-cross, .jfcarregar-wrapper .jfUpload-files-container .qq-upload- list .qq-upload-delete: hover .qq-upload-cancel-cross, .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel: hover .qq-upload-cancel-cross {-webkit-transition: toda a facilidade 0.3s; -o-transition: all 0.3s facilidade; transição: todos os 0.3s facilidade; opacidade: 1} .jfUpload-wrapper .jfUpload-arquivos-container .qq-upload-list li {posição: relativo; preenchimento: 0.5em; border-top: 1px sólido # e4e4e4; borda esquerda: 1px sólido # e4e4e4; borda direita: 1px sólido # e4e4e4; estrutura de tópicos: nenhum} .jfFazer upload-wrapper .jfUpload-files-container .qq-upload-list li: primeiro-tipo {border-top- left-radius: 0.3em; border-top-right-raio: 0.3em} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list li: last-of-type {border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em; border-bottom: 1px sólido # e4e4e4} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list li: não (.qq-upload-success) : não (.qq-upload-fail) .qq-upload-delete {display: nenhum} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel-circle-button.forCancel { pointer-events: none; plano de fundo: # fe7b94; border-radius: 50%; largura: 1.5em;altura: 1.5em; display: bloco; top: 50%; posição: absoluta; -webkit-transform: translateY (-50%); - ms-transform: translateY (-50%); transformar: translateY (-50%) } .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel-circle-button.parCancelar svg {largura: 100%; altura: 100%}. jfUpload-wrapper .jfUpload-files- container .qq-upload-list .qq-upload-cancel-button: passe o mouse .qq-upload-cancel-circle-button {fundo: # fe486b; -webkit-transition: todos os 0.3s facilidade; -o-transição: todos os 0.3 s ease; transição: todos os 0.3s facilitam} .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq-upload-cancel-cross-button {opacidade: 1} .isMobile .jfUpload-wrapper .jfUpload- files-container .qq-upload-list li: não (: vazio) {estrutura: nenhum} .isMobile .jfUpload-wrapper .jfUpload-files-container .qq-upload-list li: não (: vazio) .qq-upload -delete-circle {background: # fe7b94; -webkit-transition: all 0.3s facilidade; -o-transição: tudo 0.3s facilidade; transição: todos 0.3s facilidade} .isMobile .jfUpload-wrapper .jfUpload-arquivos-container .qq-upload-list li: não (: vazio) .qq-upload- delete-check {display: nenhum} .isMobile .jfUpload-wrapper .jfUpload-files-container .qq-upload-list li: não (: vazio) .qq-upload-delete-cross {exibição: bloco; opacidade: 1; left: -1px} .jfUpload-wrapper .jfUpload-files-container .qq-upload-file {largura: calc (100% - 3em); display: bloco; tamanho da fonte: 0.9em} .jfUpload-wrapper .jfUpload- arquivo-container .qq-upload-size {largura: calc (100% - 3em); display: bloco; tamanho da fonte: 0.75em; cor: #adaeae} .jfUpload-wrapper .jfUpload-text-container {-webkit- box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2} .jfCarregar entrada-wrapper [type = "file"] {position: absolute; opacidade: 0; largura: 100%; height: 100%; top: 0; left: 0; z-index: 1} .jfUpload-wrapper .jfUpload-heading {font-size: 0.889em} .jfUpload-wrapper.jfUpload-text {float: left} .jfUpload-wrapper .jfUpload-text.jfUpload-noFileLimit .jfUpload-heading.forDesktop {padding-top: 0.5em} .jfFazer upload-wrapper .jfUpload-subheading {font-size: 0.7em; color: #adaeae; font-weight: 100} .jfFazer upload-wrapper .forMobile {display: nenhum} .isMobile .jfUpload-wrapper .forMobile, .hasTouch .jfUpload-wrapper .forMobile {display: bloco} .isMobile .jfUpload-wrapper .forDesktop, .hasTouch .jfUpload-wrapper .forDesktop {display: nenhum} .isMobile .jfUpload-wrapper .jfUpload-files-container .inputIntradaContainer, .hasTouch .jfUpload-wrapper .jfUpload-files-container .inputContainer input {height: 59.5px; width: 130%; left: -30%; tamanho da fonte: 1em; overflow: hidden} body: não (.isMobile) .jfUpload-wrapper .jfUpload-files-container .qq-upload-list .qq- upload-sucesso .qq-upload-success-text {display: nenhum} .jfTooltip {color: #eee; font-size: 12px; text-align: left} .jfTooltip.un-amarrado {posição: absoluto; preenchimento: 10px 12px; opacidade: 0; -webkit-transição: opacidade, 0,15s, facilidade-in; -o-transição: opacidade, 0,15s, facilidade-in; transição: opacidade, 0,15 s, facilidade em; line-height: 16px; visibilidade: oculto} .jfTooltip.u-tethered.u-northEast, .jfTooltip.u-tethered.u-northWest, .jfTooltip.u-tethered.u-north {top : 100%; top de margem: 9px} .jfTooltip.u-tethered.u-northEast: depois, .jfTooltip.u-tethered.u-northWest: depois, .jfTooltip.u-tethered.u-north: after {border -width: 0 6px 6px; topo: -6px} .jfTooltip.u-tethered.u-southEast, .jfTooltip.u-tethered.u-southWest, .jfTooltip.u-tethered.u-south {bottom: 100%; margin-bottom: 9px} .jfTooltip.u-tethered.u-southEast: depois, .jfTooltip.u-tethered.u-southWest: depois, .jfTooltip.u-tethered.u-south: depois de {border-width: 6px 6px 0; inferior: -6px} .jfTooltip.u-tethered.u-eastNorth, .jfTooltip.u-tethered.u-eastSouth, .jfTooltip.u-tethered.u-east {right:100%; margem direita: 9px} .jfTooltip.u-tethered.u-eastNorth: depois, .jfTooltip.u-tethered.u-eastSouth: depois, .jfTooltip.u-tethered.u-east: after {border- largura: 6px 0 6px 6px; direita: -6px} .jfTooltip.u-tethered.u-westNorth, .jfTooltip.u-tethered.u-westSouth, .jfTooltip.u-tethered.u-west {à esquerda: 100%; margem-esquerda: 9px} .jfTooltip.u-tethered.u-westNorth: depois, .jfTooltip.u-tethered.u-westSouth: depois, .jfTooltip.u-tethered.u-west: depois de {border-width: 6px 6px 6px 0; esquerda: -6px} .jfTooltip.u-tethered.u-westSouth, .jfTooltip.u-tethered.u-eastSouth {fundo: 0} .jfTooltip.u-tethered.u-westNorth, .jfTooltip.u -tethered.u-eastNorth {top: 0} .jfTooltip.u-tethered.u-northWest, .jfTooltip.u-tethered.u-southWest {esquerda: 0} .jfTooltip.u-tethered.u-northEast, .jfTooltip .u-tethered.u-southEast {right: 0} .jfTooltip.u-tethered.u-east, .jfTooltip.u-tethered.u-west {início: 50%; - webkit-transformar: translateY (-50% );-ms-transform: translateY (-50%); transforma: translateY (-50%)}. jfTooltip.u-tethered.u-norte, .jfTooltip.u-tethered.u-south {left: 50%; - webkit -transforma: translateX (-50%); - ms-transform: translateX (-50%); transforma: translateX (-50%)}. jfTooltip.u-tethered.u-northEast: depois, .jfTooltip.u-tethered .u-southEast: após {right: 12px} .jfTooltip.u-tethered.u-northWest: depois, .jfTooltip.u-tethered.u-southWest: após {left: 12px} .jfTooltip.u-tethered.u- eastNorth: depois, .jfTooltip.u-tethered.u-westNorth: depois {top: 6px} .jfTooltip.u-tethered.u-eastSouth: depois, .jfTooltip.u-tethered.u-westSouth: after {bottom: 6px } .jfTooltip.u-tethered.u-east: depois, .jfTooltip.u-tethered.u-west: depois {top: 50%; - webkit-transformação: translateY (-50%); - ms-transform: translateY (-50%); transform: translateY (-50%)}. JfTooltip.u-tethered.u-north: depois, .jfTooltip.u-tethered.u-south: depois de {left: 50%; - webkit-transform :translateX (-50%); - ms-transformação: translateX (-50%); transformação: translateX (-50%)}. jfTooltip.u-alwaysVisible {posição: relativo; altura da linha: 14px; peso da fonte: 300 ; display: none; display: tabela; padding: 5px 7px; float: esquerda} .jfTooltip.u-alwaysVisible span {exibição: table-cell; vertical-align: médio} .jfTooltip.u-alwaysVisible.u-west ,. jfTooltip.u-alwaysVisible.u-westNorth, .jfTooltip.u-alwaysVisible.u-westSouth {margin-left: 9px} .jfTooltip.u-alwaysVisible.u-west: depois, .jfTooltip.u-alwaysVisible.u-westNorth : depois, .jfTooltip.u-alwaysVisible.u-westSouth: após {border-width: 6px 6px 6px 0; esquerda: -6px} .jfTooltip.u-alwaysVisible.u-south, .jfTooltip.u-alwaysVisible.u- southEast, .jfTooltip.u-alwaysVisible.u-southWest {margin-bottom: 9px} .jfTooltip.u-alwaysVisible.u-south: depois, .jfTooltip.u-alwaysVisible.u-southEast: after, .jfTooltip.u- alwaysVisible.u-southWest: depois de {border-width: 6px 6px 0;inferior: -6px} .jfTooltip.u-alwaysVisible.u-east, .jfTooltip.u-alwaysVisible.u-eastNorth, .jfTooltip.u-alwaysVisible.u-eastSouth {margin-right: 9px} .jfTooltip.u-alwaysVisible .u-east: depois, .jfTooltip.u-alwaysVisible.u-eastNorth: depois, .jfTooltip.u-alwaysVisible.u-eastSouth: depois de {border-width: 6px 0 6px 6px; direita: -6px} .jfTooltip. u-alwaysVisible.u-north, .jfTooltip.u-alwaysVisible.u-northEast, .jfTooltip.u-alwaysVisible.u-northWest {margin-top: 9px} .jfTooltip.u-alwaysVisible.u-north: after ,. jfTooltip.u-alwaysVisible.u-northEast: after, .jfTooltip.u-alwaysVisible.u-northWest: após {border-width: 0 6px 6px; início: -6px} .jfTooltip.u-alwaysVisible.u-northEast: after Depois de {right: 9px} .jfTooltip.u-alwaysVisible.u-northWest: after, .u-alwaysVisible.u-eastNorth: depois, .jfTooltip.u-alwaysVisible.u-westNorth: depois de {top: 6px} .jfTooltip.u-alwaysVisible.u-eastSouth: after, .jfTooltip.u-alwaysVisible.u-westSouth: after {bottom: 6px} .jfTooltip.u-alwaysVisible .u-east: depois, .jfTooltip.u-alwaysVisible.u-west: após {top: 50%; - webkit-transformar: translateY (-50%); - ms-transform: translateY (-50%); : translateY (-50%)}. jfTooltip.u-alwaysVisible.u-north: depois, .jfTooltip.u-alwaysVisible.u-south: depois de {left: 50%; - webkit-transform: translateX (-50%) ; -ms-transform: translateX (-50%); transformar: translateX (-50%)}. jfTooltip.u-error {fundo: # da6844} .jfTooltip.u-error.u-south: depois, .jfTooltip. u-error.u-southEast: depois, .jfTooltip.u-error.u-southWest: após {border-color: # da6844 transparente transparente transparente} .jfTooltip.u-error.u-west: depois, .jfTooltip.u -error.u-westNorth: depois, .jfTooltip.u-error.u-westSouth: after {border-color:transparente # da6844 transparente transparente} .jfTooltip.u-error.u-north: depois, .jfTooltip.u-error.u-northEast: depois, .jfTooltip.u-error.u-northWest: after {border-color: transparent transparente # da6844 transparente} .jfTooltip.u-error.u-leste: depois, .jfTooltip.u-error.u-eastNorth: depois, .jfTooltip.u-error.u-eastSouth: after {border-color: transparent transparent transparente # da6844} .jfTooltip.u-warning {background: # e9af24} .jfTooltip.u-warning.u-south: depois, .jfTooltip.u-warning.u-southEast: depois, .jfTooltip.u-warning.u -southWest: após {border-color: # e9af24 transparente transparente transparente} .jfTooltip.u-warning.u-west: depois, .jfTooltip.u-warning.u-westNorth: after, .jfTooltip.u-warning.u- westSouth: after {border-color: transparente # e9af24 transparente transparent} .jfTooltip.u-warning.u-north: depois, .jfTooltip.u-warning.u-northEast: depois, .jfTooltip.u-warning.u-northWest :após {border-color: transparência transparente # e9af24 transparente} .jfTooltip.u-warning.u-east: depois, .jfTooltip.u-warning.u-eastNorth: depois, .jfTooltip.u-warning.u-eastSouth: depois {border-color: transparente transparente transparente # e9af24} .jfTooltip.u-neutral {fundo: # 444} .jfTooltip.u-neutral.u-south: depois, .jfTooltip.u-neutral.u-southEast: after ,. jfTooltip.u-neutral.u-southWest: após {border-color: # 444 transparente transparente} .jfTooltip.u-neutral.u-west: depois, .jfTooltip.u-neutral.u-westNorth: after, .jfTooltip. u-neutral.u-westSouth: após {border-color: transparente # 444 transparente transparente} .jfTooltip.u-neutral.u-north: depois, .jfTooltip.u-neutral.u-northEast: after, .jfTooltip.u -neutral.u-northWest: após {border-color: transparente transparente # 444} .jfTooltip.u-neutral.u-east: depois, .jfTooltip.u-neutral.u-eastNorth: depois, .jfTooltip.u-neutral .u-eastSouth:após {border-color: transparente transparente transparente # 444} .jfTooltip: depois de {content: ""; position: absolute; largura: 0; height: 0; estilo de borda: sólido} .u-tooltipTrigger {position: relative}. u-tooltipTrigger.isActive + .jfTooltip, .u-tooltipTrigger.isActive ~ .jfTooltip, .u-tooltipTrigger.isActive .jfTooltip {opacidade: 1; visibilidade: visível} .jfCardTooltip {color: # 3f3f3f; font-size: 12px; alinhamento de texto: esquerdo; posição: absoluto; preenchimento: 5px 27px 4px 8px; opacidade: 0; -webkit-transição: opacidade 0,15s easy-in; -o-transição: opacidade 0,15s facilidade; transição: opacidade 0,15s Altura: line-height: 16px; visibilidade: oculto; cor de fundo: #fff; borda: 1px sólido # a5a5a5; topo: 2.8em; margem-topo: 5px; esquerda: 2em; -webkit-box-shadow: 0 2px 12px 0 rgba (0, 0, 0, 0,25); box-shadow: 0 2px 12px 0 rgba (0, 0, 0, 0,25); max-width: 210px} .jfCardTooltip: antes, .jfCardTooltip: depois de {content: ""; display:inline-block; position: absoluto; border-style: sólido; border-color: transparent} .jfCardTooltip: antes de {border-width: 0 9px 9px; topo: -9px; left: 15px; border-bottom-color: # a5a5a5 } .jfCardTooltip: após {fronteira de largura: 0 8px 8px; topo: -7px; esquerdo: 16px; fronteira-inferior-cor: # fff} .jfQuestion-fields.isTooltipOpen .jfCardTooltip {opacidade: 1; visibilidade: visível; z -Index: 2} .jfCardTooltip-info, .jfCardTooltip-link {color: # 4a85ef; cursor: ponteiro} .jfCardTooltip de perto {position: absolute; top: 0; direita: 0; width: 24px; height: 24px; cursor : ponteiro} .jfCardTooltip-fim SVG {fill: transparente} .jfCardTooltip-fim SVG .fail-interno {fill: # a5a5a5} .jfProductOption {float: esquerda; margem: 0.6em 0.4em 0 0} .jfProductOption .jfField.isFilled {margin-bottom: 0.9em} @media screen e (max-width: 736px) {.jfProductOption {margin-bottom: 1.5em} .jfProductOption .jfField.isFilled {margin-bottom: 0}}.jfCreditCardAddress-creditCardWrapper {margin-bottom: 1.35em} .jfInnerQuestion.jfCreditCardAddress-creditCardWrapper + .jfCreditCardAddress-addressWrapper {margin: 3.2em 0 1.325em} .paymentCard-footer-wrapper {exibição: block; padding-bottom: 1.46em} [ class * = "- hosted-fields"] {position: relative; altura: 2.2em; width: 100%; padding-left: 0.8em} [class * = "- hosted-fields"] ~ .jfField-sublabel {top : 100%; padding: 0.6em 0; tamanho da fonte: 0.6em} .isMobile [class * = "- hosted-fields"] ~ .jfField-sublabel {padding: 0.33em 0 0 0.4em; tamanho da fonte: 0.75 em} .paymentCard-pagination {posição: relativa; exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex; -webkit-box-orient: horizontal; -webkit-box- direção: normal; -webkit-flex-direção: linha; -ms-flex-direção: linha; flex-direção: linha; -webkit-alinhamento-conteúdo: centro; -ms-flex-line-pack: centro; conteúdo:center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; itens de alinhamento: center; -webkit-box-pack: justificar; -webkit-justificar-conteúdo : espaço entre, -ms-flex-pack: justificar; justificar-conteúdo: espaço-intermédio; margem-fundo: 20px} .pagamento-paginação.pagamento-paginaçãoEsquerda, .pagamentoPaginação-paginação.pagamentoPagamento-paginaçãoClaro {largura: 44px; height: 44px; text-indent: -999px; overflow: oculto; border: nenhum; cursor: ponteiro} .paymentCard-pagination .paymentCard-paginationLeft.disabled, .paymentCard-pagination .paymentCard-paginationRight.disabled {opacidade: 0.3; : não permitido} .paymentCard-pagination .paymentCard-paginationLeft {background: url ("// cdn.jotfor.ms/assets/img/cardforms/pagination-left.svg") sem repetição; tamanho do fundo: 100% } .paymentCard-pagination .paymentCard-paginationRight {background: url ("// cdn.jotfor.ms / assets / img / cardforms / pagination-right.svg ") sem repetição: background-size: 100%}. paymentCard-pagination .paymentCard-paginationList {preenchimento: 0 1%; min-height: auto; display: inline -block; width: calc (100% - 88px); alinhamento de texto: centro} .paymentCard-paginationListItem {display: inline-block; margem: 0 1%; text-align: center} .paymentCard-paginationListItem .paymentCard-paginationListButton {border-radius: 0.4rem; tamanho da fonte: 1.2rem; display: bloco; fundo: transparente; borda: nenhum; preenchimento: 1%; largura: 34px; altura: 34px; cor: #ccc; cursor: ponteiro}. paymentCard-paginationListItem.active .paymentCard-paginationListButton {background: # 52a1fc; color: #fff} .jfCreditCardAddress .jfQuestion-fields {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .jfField [data-type = "customQuantity"] ~ .jfProduct-optionLabel {margin-top: -1.2em; tamanho da fonte: 0.6em; cor: # 999; display: bloco}.preço do formulário de pagamento {font-weight: 600} .product {largura: 100%; overflow-y: oculto; preenchimento: 20px 0; borda inferior: 1px sólido # e6e9ed; display: bloco; cursor: ponteiro; -webkit -transição: 0.3s; -o-transição: 0.3s; transição: 0.3s} .product: before {position: absolute; conteúdo: ""; left: 0; width: 0; top: 0; height: calc (100 % - 1px); plano de fundo: # 55a3ff} .product__header {display: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit- justificar-conteúdo: espaço entre -m-flex-pack: justificar; justificar-conteúdo: espaço-intermédio; -webkit-caixa-alinhamento: centro; -webkit-alinhamento-itens: centro; -ms-flex-align: center; items de alinhamento: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; wrap-flexível: wrap} .product__header-right {largura: 100%; exibição: -webkit-box; display : -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: centro; -ms-flex-align:center; align-items: center; -webkit-box-pack: justificar; -webkit-justificar-conteúdo: espaço entre; -ms-flex-pack: justificar; justificar-conteúdo: espaço-entre; posição: relativo}. product__header-left + .product__header-right {largura: calc (100% - 72px)}. product__sale {display: -webkit-box; display: -webkit-flex; exibição: -ms-flexbox; display: flex; -webkit- box-align: center; -webkit-align-items: center; -ms-flex-align: center; itens de alinhamento: center} .product__title {font-size: 1em} .product__recurring-text {exibição: inline-block; tamanho da fonte: 0.8em; margem: 0 5px} .product__image {largura max: 52px; altura: 52px; estouro: oculto; tamanho da fonte: 0; display: -webkit-box; display: -webkit-flex; : -ms-flexbox; exibição: flex; -webkit-box-orient: vertical; -webkit-box-direção: normal; -webkit-flex-direção: coluna; -ms-flex-direção: coluna; flex-direção: coluna; -webkit-box-align: center; -webkit-align-items: centro;-ms-flex-align: center; itens de alinhamento: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justificar-conteúdo: center;}. product__image img {max-width: 100%; border-raio: 4px} .product__add, .product__remove {display: inline-block; estouro: oculto; -webkit-transition: fundo 0.2s facilidade 0s, largura 0.2s facilidade 0s; o-transição: fundo 0.2s facilidade 0s, largura 0.2s facilidade 0s; transição: fundo 0.2s facilidade 0s, largura 0.2s facilidade 0s} .product__add {largura: 30px; altura da linha: normal; tamanho da fonte: 23px; cor : # 52a1fc} .product__remove {largura: 0; tamanho da fonte: 16px} .product__action {-webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select : none; background: # e0edf7; display: bloco-inline; alinhamento de texto: centro; border-radius: 50%; estouro: oculto; line-height: 30px; margem esquerda: 10px; altura: 30px; -webkit- transição: 0.3s; -o-transição: 0.3s; transição: 0.3s; cursor:ponteiro} .product__action - remove {background: rgba (236, 88, 85, 1); cor: #fff; border-radius: 3px} .product__action - remove .product__remove {largura: 80px} .product__action - remove. product__add {width: 0} .product__action - remove.product__action - disabled {cursor: não permitido; opacidade: 0.4} .product__detail {overflow-y: oculto; height: 0; display: bloco} .product__detail-options {float : left; largura: 100%; margin-bottom: 1em} .product__back {posição: absoluto; display: nenhum; texto-recuo: -999px; estouro: oculto; largura: 38px; altura: 38px; direito: 0; cursor: ponteiro: background: url ("// cdn.jotfor.ms/assets/img/cardforms/pagination-left.svg") não-repetir; background-size: 100%}. product-summary {largura: 100%; display : -webkit-box; display: -webkit-flex; display: -ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit -transição: 0.3s; -o-transição: 0.3s; transição: 0.3s} .product-summary__left {width: 60%; padding-right: 30px} .product-summary__right {largura: 40%}. Product-summary__header {display: -webkit-box; exibição: -webkit-flex; display: - ms-flexbox; display: flexível; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justificar; -webkit-justificar-conteúdo: espaço entre: -ms-flex-pack: justificar; justificar-conteúdo: espaço entre; -webkit-box-align: centro; -webkit-align-items: centro; -ms-flex-align: center; itens de alinhamento: centro; largura: 100%; preenchimento-fundo: 15px; margem-fundo: 30px; borda inferior: 1px sólido # e6e9ed} .product-summary__bag {padding-left: 36px; background-image: url ("// cdn. jotfor.ms/assets/img/cardforms/bag-grey.svg");background-position:left center; background-repeat: não-repetição; background-size: 22px; color: # 778596} .product-summary__back {background -color: # 52a1fc; background-image: url ("// cdn.jotfor.ms / assets / img / cardforms / back_arrow.svg "); posição de fundo: centro esquerda 15px; tamanho de fundo: 8px; repetição de fundo: sem repetição; cor: #fff; preenchimento: 12px 25px 12px 40px; tamanho: 0.8em; border: none; border-raio: 30px; -webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; usuário-selecione: nenhum} .product -summary__item-list {background: # fcfbf9; border: 1px sólido # ebe3c2; border-radius: 3px; largura: 100%}. product-summary__title {padding: 10px 15px; cor: # 7287a6; border-bottom: 1px solid # ebe3c2} .product-summary__item {padding: 10px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; exibição: flex; color: # 7287a6; -webkit-flex-wrap: wrap ; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justificar; -webkit-justificar-conteúdo: espaço entre; -ms-flex-pack: justificar; justificar-conteúdo: espaço -between; tamanho da fonte: 0.9em} .product-summary__item-name {max-width: 150px}.produto-summary__item - total {border-top: 1px sólido # ebe3c2; tamanho-fonte: 1em; cor: # 323232} .product-summary__item-value {margin-left: automático} .product-summary__item-currency {margin-left : 4px} .product - ativo {cursor: auto} .product-mini {largura: 100%; preenchimento-fundo: 15px; borda inferior: 1px sólido #ddd; margem-fundo: 15px} .product-mini__header {display : -webkit-box; display: -webkit-flex; display: -ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit -box-pack: justify; -webkit-justify-content: espaço entre; -ms-flex-pack: justificar; justificar-conteúdo: espaço entre} .product-mini__body {margin-top: 8px; display: -webkit -box; display: -webkit-flex; display: -ms-flexbox; display: flex; largura: 100%; - webkit-flex-envoltório: envoltório; -ms-flex-envoltório: envoltório; flex-envoltório: envoltório; -webkit-box-pack: justificar; -webkit-justificar-conteúdo: espaço entre; -ms-flex-pack: justificar; justificar-conteúdo:espaço entre eles: -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; itens de alinhamento: center} .product-mini__options {largura: calc (100% - 70px )} product-mini__button {largura: 28px; altura: 28px; borda-raio: 50%; margem direita: 5px; display: bloco inline; alinhamento de texto: centro; posição de fundo: centro; repetição de fundo: no-repeat; -webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum; cursor: ponteiro; -webkit-transição: 0.3s; o-transition: 0.3s; transition: 0.3s; overflow: oculto; text-indent: 999px} .product-mini__button: ultimo-filho {margin-right: 0} .product-mini__button - remove {background-image: url ("//cdn.jotfor.ms/assets/img/cardforms/delete.svg");background-color:rgba(215, 48, 39, .2)}. product-mini__button - edit {background-image: url ("// cdn.jotfor.ms/assets/img/cardforms/edit.svg");background-color:rgba(85, 163,255, .2)}. Product-mini__title, .product-mini__price {font-size: 1.1em; line-height: normal} .product-mini__option {display: bloco-inline; margem-direita: 20px; tamanho da fonte: 0.8em; cor: # 7287a6; peso da fonte: 400} .product-mini__option-name {margin-right: 5px} .product-mini__option: último filho {margin-right: 0} .product__sub-wrap {largura: 160px } .product__sub-button {largura: 100%; borda: 2px sólido # 2082f4; borda-raio: 5px; display: bloco; alinhamento de texto: centro; preenchimento: 10px; cor: # 2082f4; cursor: ponteiro; -webkit- user-select: none; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum} .product - subscription {border: 2px sólido # e6e9ed; preenchimento: 20px; cursor: ponteiro ; -webkit-box-sizing: border-box; box-sizing: border-box; margem inferior: 20px; border-radius: 6px} .product - assinatura .product__sale * {- webkit-transition: none; -transition: none; transição: none} .product - assinatura.product__header-right {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: coluna; -ms-flex-direction: coluna; flex-direção: coluna; -webkit-box -align: start; -webkit-align-items: flex-start; -ms-flex-align: start; itens de alinhamento: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex -start; -ms-flex-pack: iniciar; justificar-conteúdo: flex-start; largura: calc (100% - 180px); margem direita: auto; margem esquerda: 0} .product - assinatura .product__sale { color: rgba (40, 51, 72, 0.71)}. product - subscription.product - selecionado {background: #dbecff; border-color: # 2082f4} .product - subscription.product - selecionado: before {display : nenhum} .product - subscription.product - selected .product__title {color: # 2082f4} .product - subscription.product - selecionado .product__sub-wrap {background: none} .product - subscription.product - selecionado .product__sub-button {color: #fff; background:# 2082f4} .shopping-cart {background-color: # 51a1ff; imagem de fundo: url ("// cdn.jotfor.ms/assets/img/cardforms/bag-white.svg");background-position:center left 13px; background-repeat: sem repetição; background-size: 20px; max-width: 46px; altura: 46px; border-radius: 50%; cor: #fff; cursor: ponteiro; -webkit-transition: 0.34s; -o-transição: 0.34s; transição: 0.34s; -webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum; posição: absoluto; top: 1.5em; à direita: 2.4em} .shopping-cart__text {line-height: 46px; overflow: oculto; cor: transparente; white-space: nowrap; largura: 0; -webkit-transition: 0.34s; -o- transição: 0.34s; transição: 0.34s; tamanho da fonte: 15px; preenchimento-esquerdo: 45px} .shopping-cart__count {posição: absoluto; topo: 0; altura da linha: 1; raio-da-fronteira: 50%; largura: 24px; height: 24px; background: # e63a36; tamanho da fonte: 12px; display: -webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: centro; itens de alinhamento: center; -webkit-box-pack: center ; -webkit-justify-content: center; -ms-flex-pack: centro; justificar-conteúdo: centro; direito: -5px; -webkit-transform: escala (1); - ms-transformaçãoduct__header {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: coluna; -ms-flex-direction: coluna; flex-direção: coluna} .isMobile .product__header> * {largura: 100%}. isMobile .product__header-right {display: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms- Flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direção: normal; -webkit-flex-direção: coluna; -ms-flex-direction: coluna; direction: column} .isMobile .product__sale {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: coluna; -ms-flex-direction: coluna; flex-direção: coluna ; largura: 100%}. isMobile .new-payment-coupon {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; largura: 100%; - webkit- caixa-orientar: vertical; -webkit-box-direção: normal; -webkit-flex-direção: coluna;-ms-flex-direction: coluna; flex-direction: coluna} .isMobile .new-payment-coupon # coupon-container {largura: 100%}. isMobile .new-payment-coupon .jfField.isFilled .jfField-sublabel { padding-left: 0} .isMobile .product-summary__left {largura: 100%; padding-right: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2 ; order: 2} .isMobile .product-summary__right {width: 100%; margin-bottom: 20px} .isMobile .product-summary__header {margin-bottom: 20px} .isMobile .products: not (.products - selected). produto: não (.product - subscription) {padding: 10px 0} .isMobile .product - active .product__title {padding-right: 50px} .isMobile .product-mini__title, .isMobile .product-mini__price {largura: 100% ; tamanho da fonte: 1em} .isMobile .product-mini__button - remove {background-color: # d73027} .isMobile .product-mini__button - edit {background-color: # 55a3ff} .isMobile .jfProductModule {padding-bottom: 30px}.isMobile .new-payment-coupon .jfProduct-couponResponse {início: -16px; font-size: 0.7em} .isMobile .product - subscription {text-align: center; margem-bottom: 20px} .isMobile .product-- assinatura .product__header-right {margin-top: 0} .isMobile .product - assinatura .product__image {margin-bottom: 15px} .isMobile .product - assinatura .product__title {text-align: centre; largura: 100%}. isMobile .product - assinatura .product__sub-wrap {largura: 100%; margem-top: 10px; max-largura: 100%}. isMobile .paymentCardDetail-rodapé-wrapper {-webkit-box-pack: center; -webkit- justify-content: center; -ms-flex-pack: center; justificar-conteúdo: center; -webkit-box-align: centro; -webkit-align-items: centro; -ms-flex-align: center; alinhamento items: center; margin: 10px 0 46px} .isMobile .jfCard [data-pagamento = "newpayment"] {- webkit-transform: translate3d (0, 0, 0); transformar: translate3d (0, 0, 0)}. isMobile.jfCard [data-payment = "newpayment"] jfCard-question {z-index: 2; posição: inicial} .isMobile .jfSubProductTable> tbody tr {padding-top: 10 px; border-bottom: 1 px sólido rgba (0, 0 , 0, 1)}. IsMobile .jfSubProductTable> tbody td {display: bloco-inline; largura: 100%; margem-inferior: 10px; alinhamento vertical: linha de base; alinhamento de texto: esquerda! Importante;}. IsMobile. jfSubProductTable> tbody td: nth-filho (2) ,. isMobile .jfSubProductTable> tbody td: nth-filho (3) {largura: 50%}. isMobile .jfSubProductTable> tbody td: último filho {margin-bottom: 0} .isMobile .jfSubProductTable> tbody td: após {display: block; largura: 100%; tamanho da fonte: 0.75em; conteúdo: attr (data-title); cor: # 999; margin-top: 3px} .isMobile .jfSubProductTable > tbody .form-subproduct-quantity {border: 1px sólido # a6a8a9; padding: 0.6em; border-radius: 8px} .isMobile .jfSubProductTable> tbody th {display: bloco;text-align: left! importante; margin-bottom: 5px} .isMobile .jfSubProductTable> thead {display: nenhum} .isMobile .form-special-subtotal {display: bloco; texto-alinhamento: centro; preenchimento-topo: 0.5em } .isMobile .jfProduct-fixedBottom {margin-top: 1em} .isMobile .jfSubProductTable {margin-bottom: 0} .isMobile .jfProduct-options {padding: 0 0.5em} .isMobile .jfSoluções de produtos br {display: none} .isMobile .jfSubProductTable, .isMobile .jfSubProductTable> tbody, .isMobile .jfSubProductTable> tbody tr, .isMobile .jfSubProductTable> tbody th, .isMobile .jfProduct-options {display: block; largura: 100%}. isMobile .form-product -name {padding: 0 1em 0 2.2em} .isMobile .jfProductOption {width: 100%}. isMobile .jfProductOption .jfField {padding: 0} .isMobile .form-product-item-detail: não (.noPrice) .forImage {padding: 0 4em 0 2.2em} .isMobile .form-product-item-detail: not (.noPrice).form-product-name {padding: 0 4em 0.5em 2.2em; margin-bottom: 0.5em; border-bottom: 1px rgba sólido (0, 0, 0, 1)}. isMobile .paymentCard-footer {margin: 0 0 56px} .isMobile .jfCreditCardAddress .jfQuestion-fields {overflow: oculto} .product-mini: hover .product-mini__button - remove {background-color: # d73027} .product-mini: hover .produto-mini__button - editar {background-color: # 55a3ff} .product - subscription.product - selecionado .product__sale {color: # 2082f4} .product - assinatura .product__header-left + .product__header-right {largura: calc (100% - 250px) ; margem direita: auto; margem esquerda: 20px} .isMobile .product__header-left + .product__header-right {largura: 100%; margem: 0} .produtos - assinatura {margin-bottom: 0! important} .products --subscrição + .paymentCard-footer-wrapper {altura: auto! importante} .produtos - assinatura + .paymentCard-footer-wrapper .paymentCard-footer {margin-top: 0;padding-top: 0} .isMobile .products - assinatura .jfField {display: block; margem: 5px 0; largura: 100%}. produtos - assinatura ~ .paymentCard-footer-wrapper .new-payment-coupon {margin -top: 22px} .isMobile .jfQuestion-fields - doação [data-columncount] .jfField {largura: 50%}. isMobile .product - ativo .product__sale {-webkit-box-align: start; -webkit-align -items: flex-start; -ms-flex-align: iniciar; itens de alinhamento: flex-start} .produtos: não (.produtos - selecionados) .product - selected: not (.product - active) { padding: 20px; position: relative} .produtos: not (.products - selected) .product - selected: não (.product - active): antes {width: 5px; -webkit-transition: 0.3s; -o -transição: 0.3s; transição: 0.3s} .overlay {posição: fixo; largura: 100%; altura: 100%; fundo: rgba (0, 0, 0, .5); topo: 0; esquerda: 0; z-index: 1001} .overlay-content {posição: absoluta; exibição: inline-block; -webkit-transform: translate (-50%, -50%);-ms -transformar: translate (-50%, -50%); transform: translate (-50%, -50%); left: 50%; top: 50%; plano de fundo: #fff; padding: 20px; -webkit -box-shadow: 0 3px 5px 0 rgba (0, 0, 0, 0,2); box-shadow: 0 3px 5px 0 rgba (0, 0, 0, 0,2); - dimensionamento do webkit-box: conteúdo box; box-sizing: caixa de conteúdo} img-wrapper img {display: bloco} .lb-prev-button, .lb-next-button {posição: absoluto; largura: 70px; altura: 70px; início: 50% ; margin-top: -35px; cor: transparente; cursor: ponteiro; opacidade: 0; -webkit-transição: opacidade 0,15s facilidade; -o-transição: opacidade 0,15s facilidade; transição: opacidade 0,15s facilidade; : no-repeat; posição de fundo: centro central} .lb-prev-button {left: -70px; imagem de fundo: url ("https://cdn.jotfor.ms/assets/img/v3/lightbox/prev lp-next-button {right: -70px; imagem de fundo: url ("https://cdn.jotfor.ms/assets/img/v3/lightbox/next.png")}. lb -close-button {display: nenhum;posição: absoluto; largura: 40px; altura: 40px; topo: -40px; direito: -4px; cor: transparente; cursor: ponteiro; fundo: url ("https://cdn.jotfor.ms/assets/img/v3 /lightbox/close.png ") centro centro sem repetição} .overlay-content: passe o botão .lb-prev-button, .overlay-content: passe o mouse .lb-next-button {opacidade: 1} @ - webkit-keyframes product -adicionado {from {-webkit-transform: scale (0.6); transform: escala (0.6)} to {-webkit-transform: scale (1); transform: escala (1)}} @ keyframes product-added {from { -webkit-transform: escala (0,6); transformação: escala (0,6)} para {-webkit-transform: escala (1); transformação: escala (1)}}. isMobile .donation-special {clear: left} .plaid -wrapper {border: 1px tracejado # d7ddec; border-radius: 4px; cor de fundo: # f5f7fc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit -box-pack: justify; -webkit-justify-content: espaço entre; -ms-flex-pack: justificar; justificar-conteúdo:espaço intermediário; -webkit-box-align: centro; -webkit-align-items: centro; -ms-flex-align: centro; itens de alinhamento: centro; preenchimento: 21px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1} .plaid-wrapper.secondPhase {borda: 1px sólido # d7ddec; cor de fundo: #fff} .plaid-g {-webkit-box-flex : 1; -webkit-flex: 1; -ms-flex: 1; flex: 1} .plaid-textInfo {display: bloco; tamanho da fonte: 1rem; cor: # 9ba4ba; preenchimento: 4px 0} .plaid-button {border-radius: 4px; height: 66px; padding: 0 36px; espaçamento entre letras: 0.1em; white-space: nowrap; border: 0; tamanho da fonte: 1em; font-family: Roboto, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans de oxigênio, ubuntu, classe, "Helvetica Neue", sans-serif; cursor: ponteiro; text-transform: maiúsculo; -webkit-transition: todos os 0.15s fáceis; -o-transição : todos os 0,15s facilidade; transição: todos os 0,15s facilidade} .plaid-button: active {contorno: 0} .plaid-button.forAdicionar {color: #fff;background-color: # 4d79e2} .plaid-button.forAdicionar: hover {background-color: # 5f86e5} .plaid-button.forAdicionar: ativo {background-color: # 6c90e7} .plaid-button.forRemover {color: # a1a9bc ; cor de fundo: # f1f3f6} .plaid-button.forRemover: hover {background-color: # e5e8ee} .plaid-button.forRemove: active {cor de fundo: # dbe0e8} .plaid-link {color: # 2f66eb; text-decoration: underline} .plaid-bankImg {largura: 110px; margem-direita: 1rem} .payment-form-deposits-table {visibilidade: oculto; posição: absoluto! importante} .payment-form-deposits-table.active {visibility: unset; posição: relative! important} .jfCardForm.isMobile .jfForm-wrapper.hasTouch {padding-bottom: 60px; padding-top: 18px} .jfCardForm.isMobile .jfProgress {ponteiro-eventos: inicial! importante}. jfCardForm.isMobile .jsMobileSubmit.verifyButton {margin-top: 4px; tamanho da fonte: 1em; preenchimento: 0.6em 1em; text-transform: maiúscula; min-width: 50%; cor: #fff;border-radius: 3px; background: # 477894; border: nenhum} .jfCardForm.isMobile .payment-form-deposits-table {-webkit-box-align: center; -webkit-align-items: centro; -ms-flex -align: center; itens de alinhamento: center; min-height: unset! importante; preenchimento: 0! important} .jfCardForm.isMobile .payment-form-depósitos-tabela .jfCard-actions-payments {display: none} .jfCardForm .isMobile .deposit-table-container {altura: 100%; preenchimento: 0; topo de margem: 0! importante} .jfCardForm.isMobile .deposit-table-container .jfCard-question {preenchimento: 30px! importante; altura: 100 % jfCardForm.isMobile .deposit-table-container .jfCard-question .jfFrame-sublabel {left: 28px! importante} .jfCardForm.isMobile .deposit-table-container h3 {margem: 0; tamanho da fonte: 24px! important } .jfCardForm.isMobile .deposit-table-container p {tamanho-da-fonte: 15px} .jfCardForm.isMobile .deposit-table-container .inputs {-webkit-flex-wrap: wrap; -ms-flex-wrap:wrap; flex-wrap: envoltório} .jfCardForm.isMobile .deposit-table-container .inputs .jfField {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; - ms-flex: 0 0 100 %; flex: 0 0 100%; max-width: 100%; margem: 13px 0} .jfCardForm.isMobile .deposit-table-container .inputs input {padding-left: 25px! importante} .jfCardForm.isMobile .deposit- table-container .inputs .jfFields: primeiro filho {margin-bottom: 1.625em} .jfCardForm.isMobile [data-type = "depositA"]: depois, .jfCardForm.isMobile [data-type = "depositB"]: depois {margin-top: 0! important} .stripe-ach-manual-jfForm {-webkit-transform: translate3d (0, 0, 0) scale3d (1, 1, 1)! importante; transformar: translate3d (0, 0, 0) scale3d (1, 1, 1)! Important; width: auto! Importante} .stripe-ach-manual-jfForm .jfWelcome .jfWelcome-sectionInfo {visibilidade: oculto} .stripe-ach-manual-jfForm .payment-form -deposits-table {font-size: 17px; largura: 800px; max-width:90%! Importante; display: -webkit-box! Importante; display: -webkit-flex! Importante; display: -ms-flexbox! Importante; display: flex! Importante; -webkit-flex-wrap: nowrap; -ms- flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: iniciar; -webkit-align-items: flex-start; -ms-flex-align: iniciar; itens de alinhamento: flex-start; webkit-box-pack: iniciar; -webkit-justificar-conteúdo: flex-start; -ms-flex-pack: iniciar; justificar-conteúdo: flex-start; estouro: oculto} .stripe-ach-manual-jfForm .payment -formas-depósitos-tabela .deposit-table-container {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; - ms-flex: 0 0 100%; flex: 0 0 100%; máx. -width: 100%} stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-question {preenchimento: 0 15px} .stripe-ach-manual-jfForm .payment-form -deposits-table .deposit-table-container .jfCard-question h3 {alinhamento do texto: centro; borda inferior: 1px sólido #cdcdcf;padding-bottom: 15px; top de margem: 0; tamanho da fonte: 36px; peso da fonte: 500} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-question .inputs {padding: 0; margem: 0 -1%}. stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-question .inputs [data-type = "depositA" ], stripe-ach-manual-jfForm. pagamento-formulário-depósitos-tabela .deposit-table-container .jfCard-pergunta .inputs [data-type = "depositB"] {posição: relativo} .stripe-ach-manual -jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-question .inputs input {padding-left: 35px} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table -container .jfCard-question .inputs [tipo-de-dados = "depositA"]: depois, .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-question.inputs [data-type = "depositB"]: após {content: "$"; display: block; posição: absoluto; left: 22px; top: 50%; top-de-margem: 1px; -webkit-transform: translateY (- 50%); - ms-transformação: translateY (-50%); transform: translateY (-50%); cor: # b2b2b2} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table -container .jfCard-question .jfFrame-sublabel {left: 1.6em} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-question .jfField {exibição: -webkit- caixa; display: -webkit-flex; display: -ms-flexbox; exibição: flex} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-ações-pagamentos {preenchimento : 0 26px; margin-top: 35px; text-align: right} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-actions-payments .verifyButton {largura: 210 px ; padding: 13px 0; raio de borda:4px; cor de fundo: # 5dacda; cor: #fff; tamanho da fonte: 16px; cursor: ponteiro; -webkit-transição: facilidade de 150ms; -o-transição: facilidade de 150ms; transição: facilidade de 150ms; borda: nenhuma; : none} .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .deposit-table-container .jfCard-ações-pagamentos .verifyButton: hover {background-color: # 015e94} .stripe-ach-manual- jfForm .payment-form-deposits-table .jfEntrada de entrada: focus ~ .jfField-sublabel, .stripe-ach-manual-jfForm .payment-form-depósitos-tabela .jfField.isFilled .jfField-sublabel {left: 0.6em ! important} .stripe-ach-manual-progress .jfProgress-info {display: nenhum! importante} .stripe-ach-manual-progress .jfProgress-mobileNavigation .forNext {display: nenhum! importante} .stripe-ach-manual- progresso .jfProgress-mobileNavigation .forSubmit {display: bloco! importante; margem esquerda: auto; margem direita: auto} .stripe-ach-manual-ocultar-bem-vindo {opacidade:0! Important; display: nenhum! Important} @ - webkit-keyframes bulppp {0% {opacidade: 0; -webkit-transform: escala3d (1, 1, 1); transformação: escala3d (1, 1, 1)} 75 % {- webkit-transform: scale3d (1.05, 1.05, 1.05); transformar: scale3d (1.05, 1.05, 1.05)} 100% {opacidade: 1; -webkit-transform: scale3d (1, 1, 1); transformar: scale3d (1, 1, 1)}} @ quadros-chave bulppp {0% {opacidade: 0; -webkit-transformação: escala3d (1, 1, 1); transformação: escala3d (1, 1, 1)} 75% {- webkit-transform: scale3d (1.05, 1.05, 1.05); transformar: scale3d (1.05, 1.05, 1.05)} 100% {opacidade: 1; -webkit-transform: scale3d (1, 1, 1); transformar: scale3d (1 , 1, 1)}} @ - webkit-keyframes fieldTypesAnimation {0% {- webkit-transform: conversão (0, -100%) escala (0); transformação: conversão (0, -100%) escala (0)} 50% {- webkit-transform: traduzir (0, 20%) escala (1,05); transformar: traduzir (0, 20%) escala (1,05)} 80% {- webkit-transformar: traduzir (0, 0) escala ( 1.01); transformar: traduzir (0, 0) escala (1.01)} 100% {- webkit-transform: traduzir (0, 0) escala (1); transformar: traduzir (0, 0) escala (1)}} @ keyframes fieldTypesAnimation {0% {- webkit-transform: translate ( 0, -100%) escala (0); transformar: traduzir (0, -100%) escala (0)} 50% {- webkit-transformar: traduzir (0, 20%) escala (1,05); transformar: traduzir ( 0, 20%) escala (1.05)} 80% {- webkit-transform: conversão (0, 0) escala (1.01); transformar: traduzir (0, 0) escala (1.01)} 100% {- webkit-transform: traduzir (0, 0) escala (1); transformar: traduzir (0, 0) escala (1)}} @ - webkit-keyframes listAnimOpa {0% {opacidade: 0} 100% {opacidade: 1}} @ keyframes listAnimOpa {0% {opacidade: 0} 100% {opacidade: 1}} @ - lista webkit-keyframesAnimais {0% {- webkit-transformação: translateY (-40px); transformação: translateY (-40px); opacidade: 0} 90 % {- webkit-transform: translateY (2px); transform: translateY (2px); opacidade: 1} 100% {- webkit-transform: translateY (0); transforma: translateY (0); opacidade:1}} @ keyframes listAnim {0% {- webkit-transformar: traduzirY (-40px); transformar: translateY (-40px); opacidade: 0} 90% {- webkit-transformar: traduzirY (2px); transformar: translateY ( 2px); opacidade: 1} 100% {- webkit-transform: translateY (0); transformar: translateY (0); opacidade: 1}} @ - webkit-keyframes fullWidthInputAnimation {0% {margem-esquerda: -2%; width: 49%} 40% {margin-left: 0%} 100% {margin-left: 0%; largura: 92%}} @ keyframes fullWidthInputAnimation {0% {margin-left: -2%; width: 49% } 40% {margin-left: 0%} 100% {margin-left: 0%; largura: 92%}} @ - webkit-keyframes deleteFieldAnimation {0% {largura: 49%; borda: 1px sólido # ececf2; preenchimento : 0.4rem 2rem 1.4rem 0} 100% {largura: 0; borda: 1px sólido transparente; preenchimento: 0.4rem 0 1.4rem; margem: 0 0 0 -4px}} @ quadros-chave deleteFieldAnimation {0% {width: 49%; borda: 1px sólido # ececf2; preenchimento: 0,4rem 2rem 1,4rem 0} 100% {largura: 0; borda: 1px sólido transparente; preenchimento: 0,4rem 0 1,4rem; margem:0 0 0 -4px}} @ - webkit-keyframes deleteInputAnimation {0% {preenchimento: 0.5em 1em} 100% {preenchimento: 0.5em 0; borda: 1px sólido transparente}} @ keyframes deleteInputAnimation {0% {padding: 0.5em 1em} 100% {padding: 0.5em 0; border: 1px solid transparent}} - webkit-keyframes hideEditIconAnimation {0% {opacidade: 1} 100% {opacidade: 0; visibilidade: oculto; largura: 0; posição: absoluta ; left: -1000px}} @ keyframes hideEditIconAnimation {0% {opacidade: 1} 100% {opacidade: 0; visibilidade: oculto; largura: 0; posição: absoluto; esquerda: -1000px}} .jotform-form .jfQuestion- campos {max-height: none} .mixed-fieldTypes {fundo: #fff; borda: 1px rgba sólido (151, 151, 151, .25); - webkit-box-shadow: 0 2px 10px 0 rgba (0, 0 , 0, .2); box-shadow: 0 2px 10px 0 rgba (0, 0, 0, 0,2); raio-da-fronteira: 5px; margem: 50px 0 0; z-index: 1} .mixed-fieldTypes. mixed-fieldTypes-list {margin: 0; min-height: inicial; padding: 0; position: relative} .mixed-fieldTypes.mixed-fieldTypes-list li {overflow: oculto; cursor: ponteiro; tamanho da fonte: 1rem; cor: # 646464; espaçamento entre letras: 0.09px; altura da linha: 23px; borda inferior: 1px rgba sólida (151, 151 , 151, .25); estilo de lista: nenhum} .mixed-fieldTypes .mixed-fieldLista de tipos li .icon {opacity: 0; float: left; tamanho da fonte: 1.6rem; preenchimento: 0.4rem 0.8rem 0} .isMobile .mixed-fieldTypes .mixed-fieldTypes-list li .icon {display: nenhum} .mixed-fieldTypes .mixed-fieldTypes-list li .name {opacity: 0; float: esquerdo; vertical-align: top; preenchimento: Tamanho da fonte: 0.8rem; borda esquerda: 1px sólido rgba (151, 151, 151, .25)}. IsMobile .mixed-fieldTypes .mixed-fieldTypes-list li .name {largura: 100%; border -left: none} .mixed-fieldTypes .mixed-fieldLista de tipos li .button {float: right; tamanho do plano de fundo: 100%; recuo do texto: -999px; largura: 28px; altura: 28px; opacidade: 0; margem : 0,4rem; background-image: url ("dados: image / svg + xml; charset = utf8,% 3C? Xml versão = '1.0' codificação = 'UTF-8'?% 3E% 3Csvg largura = '28px' altura = '28px' viewBox = '0 0 28 28' versão = '1.1' xmlns = 'http: / /www.w3.org/2000/svg 'xmlns: xlink =' http: //www.w3.org/1999/xlink'%3E%3C! - Gerador: Sketch 47.1 (45422) - http: // www .bohemiancoding.com / sketch -% 3E% 3Ctitle% 3Combined Shape% 3C / title% 3E% 3Cdesc% 3Criado com Sketch.% 3C / desc% 3E% 3Cdefs% 3E% 3C / defs% 3E% 3Cg id = 'Page -1 'stroke =' nenhum 'stroke-width =' 1 'fill =' nenhum 'fill-rule =' evenodd '% 3E% 3Cg id =' Artboard-Copy-2 'transform =' traduzir (-334.000000, -249.000000 ) 'fill ='% 23009EF4 '% 3E% 3Cath d =' M348,277 C340.268014,277 334,270.731986 334.263 C334,255.268014 340,268014,249 348,249 C355.731986,249 362,255.268014 362,263 C362,270.731986 355.731986.277 348,277 Z M348.583333.269.416667 L348.583333.263.583333 L354.416667.263.583333 C354.738667.263.583333 355.263.322 355.263 C355, 2662.678 354.738667.262.416667 354.416667.262.416667 L348.583333,262.416667 L348.583333,256.583333 C348.583333,256.261333 348.322, 256 348256 C347.678,256 347.416667,256.261333 347.416667,256.583333 L347.416667,262.416667 L341.583333,262.416667 C341.261333,262.416667 341,262.678 341.263 C341,263.322 341.261333,263.583333 341.583333,263.583333 L347.416667,263.583333 L347.416667,269.416667 C347.416667 , 269.738667 347.678.270 348.270 C348.322.270 348.583333,269.738667 348.583333,269.416667 Z 'id =' Forma Combinada '% 3E% 3C / caminho% 3E% 3C / g% 3E% 3C / g% 3E% 3C / svg% 3E ")}. isMobile .mixed-fieldTypes .mixed-fieldTypes-list li .button {display: nenhum} .mixed-fieldTypes .mixed-fieldLista de tipos li: last-child {border-bottom: nenhum}.mixed-fieldTypes .mixed-fieldTypes-list li: hover {cor de fundo: # f0f0f8} .mixed-fieldTypes .mixed-fieldLista de tipos li: hover: first-child () {cor de fundo: # f0f0f8} .mixed- fieldTypes .mixed-fieldTypes-list li: hover .button {opacidade: 0} .mixed-fieldTypes .mixed-fieldTypes-list: depois de {content: ""; width: 12px; height: 12px; cor de fundo: #fff; display: block; position: absoluto; top: -7px; left: 12px; -webkit-transform: rotação (45deg); - ms-transform: rotação (45deg); transformação: rotação (45deg); border-top: 1px sólido rgba (151, 151, 151, .25); borda-esquerda: 1px sólido rgba (151, 151, 151, .25)} li [tipo de dados = "controle misto"], li [data-type = "control_flex" ] {cursor: initial} li [data-type = "control_mixed"] .jfQuestion-fields, li [data-type = "control_flex"] .jfQuestion-fields {exibição: bloco} li [data-type = "control_mixed"] .jfQuestion-fields.jfField [data-col = "1"], li [tipo-de-dados = "control_flex"] .jfQuestion-fields .jfField [data-col = "1"] {largura: 100%; exibição: inline-block; vertical- align: top} li [tipo-de-dados = "control_mixed"] .jfQuestion-fields .jfField [data-col = "2"], li [dados-tipo = "control_flex"] .jfQuestion-fields .jfField [data-col = "2"] {largura: 50%; exibição: inline-block; vertical-align: início} li [data-type = "control_mixed"] .jfQuestion-fields div.jfField [data-col = "2"]: nth-of-type (1), li [tipo-de-dados = "control_flex"] .jfQuestion-fields div.jfField [data-col = "2"]: número-de-tipo (1), li [tipo-de-dados = "control_mixed"] .jfQuestion-fields div.jfField [data-col = "2"]: número-de-tipo (2), li [tipo-de-dados = "control_flex"] .jfQuestion-fields div.jfField [data -col = "2"]: n-de-tipo (2),li [data-type = "control_mixed"] .jfQuestion-fields div.jfField [data-col = "1"]: n-de-tipo (1), li [tipo-de-dados = "control_flex"] .jfQuestion-fields div.jfField [data-col = "1"]: n-de-tipo (1) {margin-top: 0} li [data-type = "control_mixed"] .jfQuestion-fields div.jfField [data-col = "1"] + div.jfField [data-col = "2"], li [dados-tipo = "control_flex"] .jfQuestion-fields div.jfField [data-col = "1"] + div.jfField [dados -col = "2"] {margin: 1.5em 0 0} .isMobile li [data-type = "control_mixed"] .jfQuestion-fields div.jfField [data-col = "1"] + div.jfField [data- col = "2"], isMobile li [dados-tipo = "control_flex"] .jfQuestion-fields div.jfField [data-col = "1"] + div.jfField [data-col = "2"] {margem : 1.625em 0 0}.jfQuestion-description + li [dados-tipo = "control_mixed"] .jfQuestion-fields .jfField [data-col = "1"]: n-filho (1) ,. jfVersão-descrição + li [data-type = "control_flex "] .jfQuestion-fields .jfField [data-col =" 1 "]: n-filho (1) ,. jfQuestion-description + li [dados-tipo =" control_mixed "] .jfQuestion-fields .jfField [data-col = "2"]: nth-child (1), jfQuestion-description + li [data-type = "control_flex"] .jfQuestion-fields .jfField [data-col = "2"]: n-filho (1) , .jfQuestion-description + li [data-type = "control_mixed"] .jfQuestion-fields .jfField [data-col = "2"]: n-filho (2) ,. jfQuestion-description + li [data-type = "control_flex"] .jfQuestion-fields .jfField [data-col = "2"]: nth-child (2) {margin: 0.4rem 0 0} li [data-type = "control_mixed"] .jfQuestion-fields:depois, li [data-type = "control_flex"] .jfQuestion-fields: depois de {content: ""; display: table; clear: ambos} li [data-type = "control_mixed"] .mixed-newFormElement, li [dados -type = "control_flex"] .mixed-newFormElement {cursor: pointer; segundo plano: #fbfbff; preenchimento: 1.5rem 1rem; largura: 100%; limite: 2px tracejado # dadae5; -webkit-box-shadow: nenhum; box- shadow: none; color: # 7e7e7e; tamanho da fonte: 0.8rem; border-radius: 8px; alinhamento de texto: esquerdo; line-height: 20px; flutuante: esquerdo} li [data-type = "control_mixed"] .mixed -plusIcon, li [tipo-de-dados = "control_flex"] .mixed-plusIcon {texto-indent: -9999px; posição: relativo; conteúdo: ""; largura: 20px; altura: 20px; preenchimento: 0.48rem; border-radius : 8px; display: inline-block; vertical-align: médio; -webkit-transform: rotate (0); - ms-transform: rotacionar (0); transformar: rotacionar (0); tamanho do plano de fundo: 100%; transição de webkit: todos os 0.3s;-o-transição: todos os 0.3s; transição: todos os 0.3s; background-image: url ("dados: imagem / svg + xml; charset = utf8,% 3C? versão xml = '1.0' codificação = 'UTF-8' ?% 3E% 3Csvg largura = '20px' altura = '20px' viewBox = '0 0 20 20' versão = '1.1' xmlns = 'http: //www.w3.org/2000/svg' xmlns: xlink = ' http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -% 3E% 3Ctitle% 3Grupo 3 Copiar 8% 3C / título% 3E% 3Cdesc% 3Criado com esboço.% 3C / desc% 3E% 3Cdefs% 3E% 3C / defs% 3E% 3Cg id = 'Página-1' traçado = 'nenhum' traço-largura = '1 'fill =' none 'regra de preenchimento =' evenodd '% 3E% 3Cg id =' Grupo-3-Cópia-8 '% 3E% 3Circulo id =' Oval-4 'preenchimento ='% 23D2D2DF 'cx = '10' cy = '10 'r =' 10 '% 3E% 3C / circula% 3E% 3Campo d =' M15.2380952,9.52380952 L10.4761905,9.52380952 L10.4761905,4.76190476 C10.4761905,4.49904762 10.2628571,4.28571429 10,4.28571429 C9.73714286,4.28571429 9.52380952,4.49904762 9.52380952,4.76190476 L9.52380952,9.52380952 L4.76190476,9.52380952 C4.49904762,9.52380952 4.28571429,9.73714286 4.28571429, 10 C4.28571429,10.2628571 4.49904762,10.4761905 4.76190476,10.4761905 L9.52380952,10.4761905 L9.52380952,15.2380952 C9.52380952,15.5009524 9.73714286,15.7142857 10,15.7142857 C10.2628571,15.7142857 10.4761905,15.5009524 10.4761905,15.2380952 L10.4761905,10.4761905 L15 .2380952,10.4761905 C15.5009524,10.4761905 15.7142857,10.2628571 15.7142857,10 C15.7142857,9.73714286 15.5009524,9.52380952 15.2380952,9.52380952 'id =' Caminho 'preenchimento ='% 23FFFFFF '% 3E% 3C / caminho% 3E% 3C / g % 3E% 3C / g% 3E% 3C / svg% 3E ")} li [tipo-de-dados =" control_mixed "] .openedFieldTypes, li [data-type ="control_flex "] .openedFieldTypes {border-color: # 499fff; cor de fundo: # edf3fa} li [data-type =" control_mixed "] .openedFieldTypes .mixed-plusIcon, li [data-type =" control_flex "] .openedFieldTypes. mixed-plusIcon {-webkit-transform: rotate (45deg); - ms-transform: rotate (45deg); transform: rotacionar (45deg); background-image: url ("dados: imagem / svg + xml; charset = utf8, % 3C? Xml versão = '1.0' codificação = 'UTF-8'?% 3E% 3Csvg largura = '20px' altura = '20px' viewBox = '0 0 20 20' versão = '1.1' xmlns = 'http: / /www.w3.org/2000/svg 'xmlns: xlink =' http: //www.w3.org/1999/xlink'%3E%3C! - Gerador: Sketch 47.1 (45422) - http: // www .bohemiancoding.com / sketch -% 3E% 3Ctitle% 3Grupo 3 Copiar 10% 3C / title% 3E% 3Cdesc% 3Criado com Sketch.% 3C / desc% 3E% 3Cdefs% 3E% 3C / defs% 3E% 3Cg id = 'Página-1' traço = 'nenhum'stroke-width = '1' fill = 'nenhum' fill-rule = 'evenodd'% 3E% 3Cg id = 'Grupo-3-Cópia-10' transformação = 'traduzir (10.000000, 10.000000) rotação (-45,000000) translate ( -10,000000, -10,000000) '% 3E% 3Circle id =' Oval-4 'fill ='% 23EA243C 'cx = '10' cy = '10 'r =' 10 '% 3E% 3C / circulo% 3E% 3Campo d = 'M15.2380952,9.52380952 L10.4761905,9.52380952 L10.4761905,4.76190476 C10.4761905,4.49904762 10.2628571,4.28571429 10,4.28571429 C9.73714286,4.28571429 9.52380952,4.49904762 9.52380952,4.76190476 L9.52380952,9.52380952 L4.76190476,9.52380952 C4 .49904762,9.52380952 4.28571429,9.73714286 4.28571429,10 C4.28571429,10.2628571 4.49904762,10.4761905 4.76190476,10.4761905 L9.52380952,10.4761905 L9.52380952,15.2380952 C9.52380952,15.5009524 9.73714286,15.7142857 10,15.7142857 C10.2628571,15.7142857 10.4761905,15 .5009524 10.4761905,15.2380952 L10.4761905,10.4761905 L15.2380952,10.4761905 C15.5009524,10.4761905 15.7142857,10.2628571 15.7142857,10 C15.7142857,9.73714286 15.5009524,9.52380952 15.2380952,9.52380952 'id =' caminho 'preenchimento ='% 23FFFFFF 'transformação = 'translate (10.000000, 10.000000) rodar (-315.000000) translate (-10.000000, -10.000000)'% 3E% 3C / caminho% 3E% 3C / g% 3E% 3C / g% 3E% 3C / svg% 3E ")! important} li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes, li [data-type = "control_flex"] .openedFieldTypes .mixed-fieldTypes {-webkit-animação: fieldTypesAnimation; animação: fieldTypesAnimation; -webkit- duração da animação: 0.6s; duração da animação: 0.6s; -webkit-animation-fill-mode: forward10 C15.7142857,9.73714286 15.5009524,9.52380952 15.2380952,9.52380952 'id =' Percurso 'preenchimento ='% 23FFFFFF 'transformação =' traduzir (10.000000, 10.000000) rotação (-315,000000) translate (-10.000000, -10.000000) '% 3E% 3C / caminho% 3E% 3C / g% 3E% 3C / g% 3E% 3C / svg% 3E ")! Important} li [tipos de dados =" control_mixed "] .openedFieldTypes .mixed-fieldTypes, li [tipo de dados = "control_flex"] .openedFieldTypes .mixed-fieldTypes {-webkit-animação: fieldTypesAnimation; animação: fieldTypesAnimation; -webkit-animation-duration: 0.6s; animação-duração: 0.6s; -webkit-animation-fill-mode: forward10 C15.7142857,9.73714286 15.5009524,9.52380952 15.2380952,9.52380952 'id =' Percurso 'preenchimento ='% 23FFFFFF 'transformação =' traduzir (10.000000, 10.000000) rotação (-315,000000) translate (-10.000000, -10.000000) '% 3E% 3C / caminho% 3E% 3C / g% 3E% 3C / g% 3E% 3C / svg% 3E ")! Important} li [tipos de dados =" control_mixed "] .openedFieldTypes .mixed-fieldTypes, li [tipo de dados = "control_flex"] .openedFieldTypes .mixed-fieldTypes {-webkit-animação: fieldTypesAnimation; animação: fieldTypesAnimation; -webkit-animation-duration: 0.6s; animação-duração: 0.6s; -webkit-animation-fill-mode: forward)! important} li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes, li [data-type = "control_flex"] .openedFieldTypes .mixed-fieldTypes {-webkit-animação: fieldTypesAnimation; animação: fieldTypesAnimation; - webkit-animation-duration: 0.6s; duração da animação: 0.6s; -webkit-animation-fill-mode: forward)! important} li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes, li [data-type = "control_flex"] .openedFieldTypes .mixed-fieldTypes {-webkit-animação: fieldTypesAnimation; animação: fieldTypesAnimation; - webkit-animation-duration: 0.6s; duração da animação: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: encaminhamento; -webkit-animation-timing-function: facilidade; animation-timing-function: facilidade} li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes .icon, li [ data-type = "control_flex"] .openedFieldTypes .mixed-fieldTypes .icon, li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes .nome, li [data-type = "control_flex"] .openedFieldTypes .mixed -fieldTypes .name {-webkit-animation: listAnimOpa; animação: listAnimOpa; -webkit-animation-duration: 0.3s; animação-duração: 0.3s; -webkit-animation-fill-mode: forwards; animação-fill-mode: forward -webkit-animation-timing-function: facilidade; animation-timing-function: facilidade} li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes li: n-filho (1) .icon, li [ data-type = "control_flex"] .openedFieldTypes .mixed-fieldTypes li:nth-child (1) .icon, li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes li: n-filho (1) .name, li [data-type = "control_flex"] .openedFieldTypes .mixed -fieldTypes li: nth-filho (1) .name {-webkit-animação-delay: 0.3s; animação-atraso: 0.3s} li [data-type = "control_mixed"] .openedFieldTypes .mixed-fieldTypes li: nth- child (2) .icon, li [tipo-de-dados = "control_flex"] .openedTypeTypes .mixed-fieldTypes li: nth-child (2) .icon, li [tipo-de-dados = "control_mixed"] .openedTieldTypes .mixed-fieldTypes li: nth-filho (2) .name, li [tipo-de-dados = "control_flex"] .openedFieldTypes .mixed-fieldTypes li: n-filho (2) .name {-webkit-animation-delay: 0.35s; animação- delay: 0.35s} li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes li: n-filho (3) .icon, li [data-type = "control_flex"].openFieldTypes .mixed-fieldTypes li: nth-child (3) .icon, li [tipo-de-dados = "control_mixed"] .openedFieldTypes .mixed-fieldTypes li: n-filho (3) .name, li [data-type = " control_flex "] .openedFieldTypes .mixed-fieldTypes li: nth-filho (3) .name {-webkit-animation-delay: 0.4s; animação-delay: 0.4s} li [data-type =" control_mixed "] .openedFieldTypes. mixed-fieldTypes li: nth-child (4) .icon, li [tipo-de-dados = "control_flex"] .openedTieldTypes .mixed-fieldTypes li: n-filho (4) .icon, li [data-type = "control_mixed" ] .openedFieldTypes .mixed-fieldTypes li: nth-filho (4) .name, li [tipo-de-dados = "control_flex"] .openedFieldTypes .mixed-fieldTypes li: n-filho (4) .name {-webkit-animation- delay: 0.45s; delay de animação: 0.45s} li [data-type = "control_mixed"] .openedFieldTypes .mixed-newFormElement, li [data-type = "control_flex "] .openedFieldTypes .mixed-newFormElement {border-color: # 499fff; background-color: # edf3fa} li [data-type =" control_mixed "] .mixed-subFormElement, li [data-type =" control_flex "]. mixed-subFormElement {cursor: ponteiro; fundo: #fbfbff; borda: 2px tracejado # dadae5; -webkit-box-shadow: nenhum; caixa-sombra: nenhum; cor: # 7e7e7e; largura: 6%; tamanho da fonte: 0.8 rem: pad: 1.5rem 0; border-radius: 8px; text-align: centro; margin: 0.4rem 0 0 2%; - webkit-transition: todos os 0.3s; -o-transition: todos os 0.3s; transition: all 0.3s; position: relative; overflow: oculto; float: right; height: 73px} li [data-type = "control_mixed"] .mixed-subFormElement: hover, li [data-type = "control_flex"] .mixed-subFormElement : hover {border-color: # 499fff; cor de fundo: # edf3fa} li [data-type = "control_mixed"] .mixed-subFormElement: hover .mixed-plusIcon, li [data-type = "control_flex "] .mixed-subFormElement: hover .mixed-plusIcon {background-image: url (" dados: image / svg + xml; conjunto de caracteres = UTF-8,% 3csvg largura = '20 'altura = '20' viewBox = ' 0 0 20 20 'xmlns =' http: //www.w3.org/2000/svg'%3e%3ctitle%3eGroup 3 Copiar 19% 3c / title% 3e% 3cg preenchimento = 'nenhum' preenchimento-regra = 'evenodd '% 3e% 3circle fill ='% 232DA9FF 'cx = '10' cy = '10 'r = '10' /% 3e% 3cpath d = 'M15.2 9.5h-4.7V4.8c0-.3-.2 -.5-.5-.5s-.5.2-.5.5v4.7H4.8c-.3 0-.5.2-.5.5s.2.5.5.5h4.7v4.7c0 .3.2.5.5.5s.5-. 2.5-.5v-4.7h4.7c.3 0 .5-.2.5-.5s-.2-.5-.5-.5 'fill ='% 23FFF '/% 3e% 3c / g% 3e% 3c / svg% 3e ")} li [tipo-de-dados =" control_mixed "] .mixed-subFormElement .text, li [data-type =" control_flex "] .mixed-subFormElement .text {posição: absoluto; opacidade: 0; topo : 24px; left: -150px; -webkit-transition: opacidade 0.3s facilidade 0.3s, esquerda 0.1s; -o-transição: opacidade 0.3s facilidade 0.3s, esquerda 0.1s, transição: opacidade 0.3s facilidade 0.3s, esquerda 0.1s} li [data-type = "control_mixed"] .mixada -subFormElement.animate, li [data-type = "control_flex"] .mixed-subFormElement.animate {largura: 49%; preenchimento: 1.5rem; texto-alinhamento: esquerdo} li [data-type = "control_mixed"] .mixed -subFormElement.animate: passe o mouse, li [data-type = "control_flex"] .mixed-subFormElement.animate: hover {borda-cor: # 499fff; cor de fundo: # edf3fa} li [data-type = "control_mixed"] .mixed-subFormElement.animate .text, li [data-type = "control_flex"] .mixed-subFormElement.animate .text {opacidade: 1; esquerda: 50px} li [data-type = "control_mixed"] .jfField-actions , li [data-type = "control_flex"] .jfCampo-actions {estilo-lista: nenhum; largura: 16px; posição: absoluto; topo: 10px; direito: 8px; opacidade: 0.2} li [data-type = "control_mixed"] .jfCampo de ações-ação, li [data-type = "control_flex"] .jfCaminho de ações-ação {cursor: ponteiro; largura: 100%; exibição: bloco; margem-fundo : 0.6.6; background-color: transparent} li [data-type = "control_mixed"] .jfCampo de ações-de-ações: último-filho, li [data-type = "control_flex"] .jfCampo de ações-de-ação: último-filho { margin-bottom: 0} li [tipo-de-dados = "control_mixed"] .jfField-actions button.edit, li [tipo-de-dados = "control_flex"] .jfField-actions button.edit {texto-indent: -9999px; display : tamanho do plano de fundo: 100%; largura: 16px; preenchimento: 0; altura: 16px; borda: nenhum; imagem de fundo: url ("dados: imagem / svg + xml; charset = utf8,% 3C? xml versão = '1.0' codificação = 'UTF-8'?% 3E% 3Csvg largura = '16px' altura = '16px' viewBox = '0 0 16 16' versão = '1.1' xmlns = 'http: // www.w3.org/2000/svg 'xmlns: xlink =' http: //www.w3.org/1999/xlink'%3E%3C! - Gerador: Sketch 46.2 (44496) - http: //www.bohemiancoding. com / sketch -% 3E% 3Ctitle% 3EFill 1% 3C / título% 3E% 3Cdesc% 3Criado com Sketch.% 3C / desc% 3E% 3Cdefs% 3E% 3C / defs% 3E% 3Cg id = 'Page-1' stroke = 'nenhum' stroke-width = '1' fill = 'nenhum' fill-rule = 'evenodd'% 3E% 3Cg id = 'Preencher 1' fill = '% 23ADAEAE'% 3E% 3Campo d = 'M13. 7590354,0.00152388929 C13.5289092, -0,0117627543 13.3571204,0.0873710863 13.2069904,0.237329563 C11.314541,2.12738686 9.42144693,4.01686367 7.53086686,5.90879142 C7.45261106,5.98715681 7.37454865,6.07984083 7.33535629,6.18103861 C7.01027888,7.01977411 6.68861791,7.85992857 6.37888225,8.70446892 C6. 2730371,8.99316317 6,35644978,9,25799307 6,58071001,9,46716096 C6,79072432,9,6630422 7,0329692,9,71425383 7,3068639,9,9.60905715 C8.08387877,9.31320359 8.86256905,9.02618629 9.63610245,8.72601134 C9.79248511,8.66531847 9.95956833,8.58933951 10.0755983,8.4739521 C11.9721088,6.58757121 13.8619154,4.69441799 15.7510128,2.8005553 C15.9665063,2.5845506 16.0630691,2.32172015 15.956257,2.02231918 C15.9163556,1.91054368 15.8411939,1.80218658 15.7572011,1.71679087 C15.2828318,1.23460181 14.8010494,0.75970105 14.3213942,0.282671847 C14.1624331,0.124586588 13,9945119, -0,0162776332 13.7590354,0.00152388929 L13.7590354,0.00152388929 Z M7.18406605,1.60862728 L6.99809573,1.60862728 C4.94088367,1.60862728 2.88367162,1.61707655 0.826524019,1.60269344 C0.311092935,1.59908153 -0.00122117221,1.95201606 3.58899073e-06,2.42633634 C0.0112198232,6.6774818 0.010575212,10.9286273 0.00103496685,15.1797727 C-6.08721253e-05,15.6664767 0.325080997,16.0009647 0.814921018,15.9999327 C5.06361764,15.9910964 9.31231426,15.9908384 13.5610109,15.9999972 C14.0870136,16.0011582 14.3879825,15.6407418 14.3857264,15.1693885 C14.3759928,13.1110552 14.3815364,11.0526574 14.3815364,8.99425964 C14.3815364,8.93672719 14.3815364,8.87919473 14.3815364,8.81514795 L12.9578482,8.81514795 L12.9578482,14.5604603 L1.43632618,14.5604603 L1.43632618,3.02849219 L7.18406605,3.02849219 L7.18406605,1.60862728 Z '% 3E% 3C / caminho% 3E% 3C / g% 3E% 3C / g% 3E% 3C / svg% 3E ") } li [data-type = "control_mixed"] .jfField-actions button.delete, li [dados-tipo = "control_flex"] .jfField-actions button.delete {texto-recuo: -9999px; exibição: bloco; plano de fundo- tamanho: 100%; largura: 16px; preenchimento: 0; altura: 18px; borda: nenhum; imagem de fundo: url ("dados: imagem / svg + xml; charset = utf8,% 3C? xml versão = '1.0' codificação = 'UTF-8'?% 3E% 3Csvg largura = '15px' altura = '18px'viewBox = '0 0 15 18' version = '1.1' xmlns = 'http: //www.w3.org/2000/svg' xmlns: xlink = 'http: //www.w3.org/1999/xlink'% 3E% 3C! - Gerador: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -% 3E% 3Ctitle% 3EPage 1 Copiar 5% 3C / title% 3E% 3Cdesc% 3Criado com Sketch. 3C / desc% 3E% 3Cdefs% 3E% 3Colígono id = 'caminho-1' pontos = '0 17 15 17 15 0 0 0'% 3E% 3C / polígono% 3E% 3C / defs% 3E% 3Cg id = 'Página -1 'stroke =' nenhum 'stroke-width =' 1 'fill =' nenhum 'fill-rule =' evenodd 'opacidade =' 0.867697011 '% 3E% 3Cg id =' Página-1-Cópia-5 '% 3E% 3Cg id = 'Grupo-3' enchimento = '% 23969696'% 3E% 3Cpath d = 'M9.47274505,2.04243322 C9.47274505,1.85384898 9.47363614,1.6814733 9.47252228,1.50909762 C9.47111139,1.29441827 9.45492327,1.27968933 9.22242327,1.27968933 C8. 0547995,1.27948757 6.88725,1.27955482 5.7197005,1.27962208 C5.67640842,1.27962208 5.62524505,1.26744885 5.59190347,1.28412819 C5.54593812,1.30699504 5.48215099,1.35077833 5.48036881,1.38776882 C5.46982426,1.60338974 5.47517079,1.81961596 5.47517079,2.04243322 L9.47274505,2.04243322 Z M1.40727475,5.03590537 L13. 56225,5.03590537 L13.56225,3.32997126 L1.40727475,3.32997126 L1.40727475.5.03590537 Z M2.76848762,6.32936189 C2.76559158,6.38841216 2.76150743,6.43239721 2.76150743,6.47638227 C2.7612104,9.27279599 2.76106188,12.0692097 2.76217574,14.8656234 C2.76225, 14.9546696 2.76373515,15.0463388 2.78556683,15.1324257 C2.92086386,15.6659631 3.35601238,15.9577172 4.0302698,15.958457 C6.33202723,15.9608782 8.63378465,15.9544889 10.9354678,15.9620215 C11.7462847,15.9646445 12.2139579,15.3939821 12.2100965,14.8004529 C12.1919777,12.0377342 12.2020767,9.27488091 12,2020767, 6,5120949 L12.2020767,6.32936189 L2.76848762,6.32936189 Z M1.35544307,6.30145088 C0.894378713,6.28214857 0.528215347,6.11918865 0.278487624,5.79387412 C0.159007426,5.6383123 0.0381905941,5.44448213 0.0308391089,5.26423757 C0.00158168317,4.548707 -0.0188391089,3.82981365 0.0267549505,3.11582996 C0. 0641806931,2.53016963 0.675764851,2.06294613 1.32722525,2.05480822 C2.15623515,2.04445088 2.98554208,2.05063838 3.8147005,2.04976406 C3.88843812,2.04969681 3.96210149,2.04976406 4.06658168,2.04976406 C4.06658168,1.82593798 4.06598762,1.61018254 4.06665594,1.39442711 C4.06866089,0.757921671 4.51524505,0.224115285 5.19618564,0.0606173234 C5.34937871,0.0238286005 5.51333911,0.00950319293 5.67239851,0.00896514946 C6.87908168,0.0047953125 8.08576485,0.00466080163 9.29237376,0.00735101902 C10.2467302,0.0094359375 10.894255,0.601283764 10.8967054,1.46726474 C10.8972252,1.65201542 10.8967797,1.8367661 10.8967797,2.04976406 L11.0991312,2.04976406 C11.8788342,2.04976406 12.6594282,2.07108404 13.4379431,2.04384558 C14.239849,2.01573281 14.9406163,2.53090944 14.9613342,3.29250999 C14.9775965,3.8916214 14.9923738,4.49295224 14.9542797,5.09051678 C14.9103193,5.78022126 14.3994282,6.22235849 13.6079183,6.30333404 L13.6079183,6.50947194 C13.6078441,9.28369137 13.6088094,12.0579108 13.6073985,14.8321302 C13.6067302,15.9947749 12.802151,16.9103904 11.5553688,17.1636071 C11.3819777,17.1987817 11.1998985,17.2129054 11.0218292,17.2131071 C8.65806683,17.2162681 6,2942302 , 17.2211105 3.93046782,17.2127036 C2.6827203,17.2081975 1.68863614,16.4744407 1.41432921,15.3754196 C1.37118564,15.2026404 1.35804208,15.0205127 1.35781931,14.8426893 C1.35440347,12.0684699 1.35544307,9.29425048 1.35544307,6.52003105 C1.35544307,6.45338091 1.35544307,6.38666352 1,35544307,6,30145088 L1,35544307,6,30145088 Z 'id =' Fill-1 '% 3E% 3C / caminho% 3E% 3C / g% 3E% 3Crie id = preenchimento' mask-2 '=' branco '% 3E % 3Cuso xlink: href = '% 23path-1'% 3E% 3C / use% 3E% 3C / mask% 3E% 3Cg id = 'Clip-5'% 3E% 3C / g% 3E% 3Cpolygon id = 'Preenchimento 4 'preenchimento ='% 23969696 'máscara =' url (% 23mask-2) 'pontos =' 5 15 6 15 6 8 5 8 '% 3E% 3C / polígono% 3E% 3Cpolygon id =' Fill-6 'fill = '% 23969696' mask = 'url (% 23mask-2)' points = '7 15 8 15 8 8 7 8'% 3E% 3C / polígono% 3E% 3Cpolygon id = 'Fill-7' fill = '% 23969696' máscara = 'url (% 23mask-2)' pontos = '9 15 10 15 10 8 9 8'% 3E% 3C / polígono% 3E% 3C / g% 3E% 3C / g% 3E% 3C / svg% 3E " )} li [tipo-de-dados = "control_mixed"] div.jfField-wrapper, li [data-type = "control_flex"] div.jfField-wrapper {border: 1px sólido # ececf2; preenchimento:0.4rem 2rem 1.4rem 0; border-radius: 4px; margem: 0.4rem 0 0; -webkit-transition: todos os 0.3s; -o-transition: todos os 0.3s; transition: todos os 0.3s; position: relative; float: left; height: 73px;} li [data-type = "control_mixed"] div.jfField-wrapper.selected, li [data-type = "control_flex"] div.jfField-wrapper.selected {border: 1px sólido # 2da9ff} li [data-type = "control_mixed"] div.jfField-wrapper.selected .jfField-actions, li [data-type = "control_flex"] div.jfField-wrapper.selected .jfField-actions {opacidade: 1} li [ data-type = "control_mixed"] div.jfField-wrapper.deleted, li [data-type = "control_flex"] div.jfField-wrapper.deleted {-webkit-animation: deleteFieldAnimation; animação: deleteFieldAnimation; -webkit-animação- duração: 0.3s; animação-duração: 0.3s; -webkit-animação-fill-mode: forwards; animação-fill-mode: forwards;-webkit-animation-timing-function: facilidade; animação-tempo-função: facilidade} li [data-type = "control_mixed"] div.jfField-wrapper.deleted .jfField-actions, li [data-type = "control_flex" ] .jfField-actions {-webkit-animation: hideEditIconAnimation; animação: hideEditIconAnimation; -webkit-animation-duration: 0.1s; animação-duração: 0.1s; para frente; animação-fill-mode: para a frente; -webkit-animation-timing-function: facilidade; animação-tempo-função: facilidade} li [data-type = "control_mixed"] entrada de div.jfField-wrapper.deleted, li [ data-type = "control_flex"] div.jfField-wrapper.deleted input {-webkit-animação: deleteInputAnimation; animação: deleteInputAnimation; -webkit-animation-duration: 0.1s; animação-duração: 0.1s; -webkit-animação- modo de preenchimento: para a frente; modo de preenchimento de animação: para a frente;-webkit-animation-timing-function: facilidade; animation-timing-function: facilidade} li [tipo-de-dados = "control_mixed"] div.jfField-wrapper.deleted + .jfField-wrapper, li [data-type = "control_flex "] div.jfField-wrapper.deleted + .jfField-wrapper {-webkit-animação: fullWidthInputAnimation; animação: fullWidthInputAnimation; -webkit-animation-duration: 0.3s; animação-duração: 0.3s; -webkit-animation-fill- mode: forward; animação-fill-mode: para a frente; -webkit-animation-timing-function: facilidade; animação-timing-function: facilidade} li [data-type = "control_mixed"] div.jfField-wrapper [data-col = "1"], li [tipo-de-dados = "control_flex"] div.jfField-wrapper [data-col = "1"] {largura: 92%} li [data-type = "control_mixed"] div.jfField- wrapper [data-col = "2"], li [tipo-de-dados = "control_flex"] div.jfField-wrapper [data-col = "2"] {largura: 49%} li [tipo-de-dados = "control_mixed"] div.jfField-wrapper.animate, li [data-type = "control_flex"] div.jfField-wrapper.animate {largura: 49%} li [ tipo de dados = "control_mixed"] div.jfField-wrapper .jfField [data-col = "1"], li [data-type = "control_flex"] div.jfField-wrapper .jfField [data-col = "1" ], li [tipo-de-dados = "control_mixed"] div.jfField-wrapper .jfField [data-col = "2"], li [tipo-de-dados = "control_flex"] div.jfField-wrapper .jfField [data-col = "2"] {margin: 0} li [tipo-de-dados = "control_mixed"] div.jfField-wrapper: nth-child (2n + 2), li [tipo-de-dados = "control_flex"] div.jfField-wrapper : n-filho (2n + 2) {margin-left: 2%} li [tipo-de-dados = "control_mixed"] .mixed-newFormElementWrapper, li [data-type = "control_flex"] .mixed-newFormElementWrapper {largura: 100 %;margin-top: 1.5rem; float: left} li [tipo-de-dados = "control_mixed"] .mixed-newFormElementWrapper: hover .mixed-newFormElement, li [data-type = "control_flex"] .mixed-newFormElementWrapper: hover .mixed -newFormElement {border-color: # 499fff; cor de fundo: # edf3fa} li [data-type = "control_mixed"] .mixed-newFormElementWrapper: hover .mixed-newFormElement .mixed-plusIcon, li [data-type = "control_flex "] .mixed-newFormElementWrapper: hover .mixed-newFormElement .mixed-plusIcon {background-image: url (" dados: imagem / svg + xml; conjunto de caracteres = UTF-8,% 3csvg largura = '20 'altura = '20' viewBox = '0 0 20 20' xmlns = 'http: //www.w3.org/2000/svg'%3e%3ctitle%3eGroup 3 Copiar 19% 3c / title% 3e% 3cg fill =' nenhum 'preenchimento-regra = 'evenodd'% 3e% 3ccircle fill = '% 232DA9FF' cx = '10 'cy = '10' r = '10 '/% 3e% 3cpath d = 'M15.2 9.5h-4.7V4.8c0-.3-.2-.5-.5-.5s-.5.2-.5.5v4.7H4.8c-.3 0-. 5.2 -.5.5s.2.5.5.5h4.7v4.7c0 .3.2.5.5.5s.5-.2.5-.5v-4.7h4.7c.3 0 .5-.2.5-.5s-.2-.5 -.5-.5 'fill ='% 23FFF '/% 3e% 3c / g% 3e% 3c / svg% 3e ")}. IsMobile li [data-type =" control_mixed "] .jfEmbalagem-invólucro [data- col = "1"], isMobile li [data-type = "control_flex"] .jfField-wrapper [data-col = "1"] {largura: 88%}. isMobile li [data-type = "control_mixed"] .jfField-wrapper [data-col = "1"]. animar, .isMobile li [data-type = "control_flex"] .jfField-wrapper [data-col = "1"]. animar {largura: 49%}. isMobile li [tipo-de-dados = "control_mixed"] .mixed-subFormElement, .isMobile li [data-type = "control_flex"] .mixed-subFormElement {margin-top: 1.625em; tamanho da fonte: 1.0625rem; largura: 10 %; float: right} .isMobile li [data-type = "control_mixed "] .mixed-subFormElement.animate, .isMobile li [data-type =" control_flex "] .mixed-subFormElement.animate {largura: 49%}. isMobile li [data-type =" control_mixed "] .mixed-subFormElement .text, .isMobile li [data-type = "control_flex"] .mixed-subFormElement .text {tamanho da fonte: 0.8rem} .jfField div.jfField [data-type = "cidade"] ,. jfField div.jfField [ tipo de dados = "estado"], jfField div.jfField [data-type = "país"], jfField div.jfField [tipo de dados = "zip"] {- webkit-box-flex: 0; -webkit -flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-largura: 100%; margem-superior: 0} .jfMobileMatrix-questionList {largura: 100%; texto- align: center; padding: 0.5em 0} .jfMobileMatrix-questionList: antes, .jfMobileMatrix-questionList: após {content: ""; display: table} .jfMobileMatrix-questionList: após {clear: ambos}.jfMobileMatrix-question {max-height: 0; max-width: 0; preenchimento: 0; -webkit-transition: opacidade 0,15s facilidade 0,05s, -webkit-transform 0,2s facilidade; transição: opacidade 0,15s 0,05s, - facilidade de 0,2s do webkit-transe: -o-transição: facilidade de transformar 0,2s, opacidade 0,15s facilidade 0,05s; transição: transformar facilidade 0,2s, opacidade 0,15s facilidade 0,05s; transição: transformar facilidade 0,2s, opacidade 0,15s 0,05s s, -webkit-transform facilidade 0.2s; tamanho da fonte: 1.3125em; peso da fonte: 500; estouro: oculto; altura da linha: 1,25; opacidade: 0; -webkit-transformar: translateX (-100%); ms-transform: translateX (-100%); transform: translateX (-100%)}. jfMobileMatrix-question.isSelected, .jfMobileMatrix-question.isActive {max-height: herdar; max-width: 100%; - webkit- transform: translateX (0); - ms-transform: translateX (0); transform: translateX (0); opacidade: 1} .jfMobileMatrix-question.isSelected ~ .jfMobileMatrix-question, .jfMobileMatrix-question.isActive ~ .jfMobileMatrix-question {-webkit-transform: translateX (100%); - ms-transform: translateX (100%); transformar: translateX (100%)}. jfMatrix-choiceWrapper {exibição: nenhuma; max-height: 40vh; estouro-y: auto} .jfMatrix-choiceWrapper.isActive {display: bloco} .jfMatrixChoice-table {espaçamento entre bordas: 0; border-collapse: colapso; largura: 100%; display: tabela} .jfMatrixChoice-name { padding-left: 1em; padding-right: 0.5em; display: table-cell; vertical-align: médio} .jfMatrixChoice-name> div {padding: 12px 24px; tamanho da fonte: 14px; line-height: 20px}. jfMatrixChoice-inputCell {padding: 0; exibição: table-cell; vertical-align: médio} .jfMatrixChoice-row {exibição: table-row} .jfMatrixTable-row {exibição: table-row} .jfMatrixHeader {overflow: hidden; border -spacing: 0} .jfMatrixHeader-item {exibição: table-cell; alinhamento de texto: centro; tamanho da fonte: 14px; espaço em branco: nowrap} .jfMatrixHeader-item> div {padding: 0.6em 0.9em;min-width: 2.4em} .jfMatrixTable {max-height: 10em; max-height: 27vh; overflow-y: automático} .jfMatrixTable-cell {exibição: table-cell; text-align: center; vertical-align: médio ; width: 1px} .jfMatrixTable-cell: primeiro-filho {text-align: left; largura: auto} .jfMatrixTable-cell: primeiro-filho> div {padding: 0.6em 0.9em; font-size: 0.8em}. jfMatrix-inputWrapper {padding: 0.6em 0.3em; font-size: 0.8em} .jfMatrix-inputWrapper.forCheckbox, .jfMatrix-inputWrapper.forRadio {padding: 0.6em; cursor: ponteiro} .jfMatrix-inputWrapper.forDropdown {text- align: left; position: relativo} .jfMatrix.forDesktop.forTextInput .jfMatrixHeader-item div {min-width: 6.4em} .jfMatrix.forDesktop.forTextInput .jfMatrixHeader-item: primeiro filho div {min-width: inherit}. jfMatrix-inputWrapper.forRadio input [type = "radio"] {display: nenhum} .jfMatrix-inputWrapper.forRadio .jfMatrix-customRadio {largura: 16px; altura: 16px; border-radius:50%; display: bloco; margem: 0 auto; borda: 2px sólido # c5c5c5; cursor: ponteiro; posição: relativo; -webkit-transition: todos os 0,15s facilidade-in-out; -o-transição: todos os 0,15s facilidade -in-out; transição: todos os 0.15s facilidade-in-out} .jfMatrix-inputWrapper.forRadio .jfMatrix-customRadioInner {largura: 6px; altura: 6px; borda-raio: 50%; cor de fundo: #fff; posição : absolute; top: 3px; left: 3px; opacidade: 0; -webkit-transform-origin: centro-centro; -ms-transform-origin: centro-centro; transform-origin: centro-centro; -webkit-transition: todos os 0.15s easy-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s facilidade-in-out} .jfMatrix-inputWrapper.forRadio input [type = "radio"]: verificado + .jfMatrix -customRadio .jfMatrix-customRadioInner {opacidade: 1} .jfMatrix-inputWrapper.for Entrada de caixa de seleção [type = "checkbox"] {display: none} .jfMatrix-inputWrapper.forCheckbox .jfMatrix-customCheckbox {width:16px; height: 16px; border-radius: 2px; display: bloco; margem: 0 auto; borda: 1px sólido # 979797; cursor: ponteiro; posição: relativo; -webkit-transition: todos os 0,15s facilidade-in-out; -o-transição: todos os 0,15 facilitam a transição; todos os 0,15 facilitam e apagam} .jfMatrix-inputWrapper.forCheckbox .jfMatrix-customCheckboxInner {largura: 9px; altura: 5px; posição: absoluta; topo: 3px; left: 3px; border-width: 0 0 2px 2px; border-color: #fff; border-style: sólido; -webkit-transform: escala (0) rotação (0); - ms-transformação: scale (0 ) rotate (0); transform: escala (0) rotate (0); - webkit-transform-origin: centro-centro; -ms-transform-origin: centro central; transform-origin: centro-centro; -webkit-transition: todos 0,15s facilidade-in-out, -o-transição: todos os 0,15s facilidade-in-out; transição: todos os 0,15s facilidade-in-out} .jfMatrix-inputWrapper.forCheckbox input [type = "checkbox"]: checked + .jfMatrix-customCheckbox.jfMatrix-customCheckboxInner {-webkit-transform: escala (1) rotação (-40deg); - ms-transformação: escala (1) rotação (-40deg); transformação: escala (1) rotação (-40deg)}. jfMatrixLabelList {float : left; max-width: 50%; margem-direita: 6px} .jfMatrixLabelList-item {font-size: 0.8em; line-height: 1.5; preenchimento: 0.75em 1em 0.75em 0} .jfMatrixLabelList-item + .jfMatrixLabelList -item {margin-top: 6px} .jfMatrixInputList {overflow: oculto} .jfMatrixInputList-item {-webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; usuário- select: none; posição: relative} .jfMatrixInputList-item + .jfMatrixInputList-item {margin-top: 6px} .jfMatrixBinary {largura: 72px; altura: 30px; fronteira-raio: 15px; estouro: oculto; display: bloco; cursor : pointer; position: relativo; float: right; -webkit-transform: translate3d (0, 0, 0); transformada: translate3d (0, 0, 0)}. jfMatrixBinary-table {exibição: table; height: inherit; border espaçamento: 0; margem:0 auto} .jfMatrixBinary-tableCell {display: table-cell; vertical-align: meio} .jfMatrixBinary-input {display: nenhum} .jfMatrixBinary-custom {width: 122px; background-color: #c1c1c1; -webkit-transition: todos os 0,25s facilidade-in-out, -o-transição: todos os 0,25s facilidade-in-out, transição: todos os 0,25s facilidade-in-out, estouro: oculto, preenchimento: 4px 0; display: block; ; top: 0; left: -45px} .jfMatrixBinary-indicator {largura: 22px; altura: 22px; border-radius: 50%; plano de fundo: #fff; float: left} .jfMatrixBinary-label {cor: #fff; largura : 50px; float: left; text-transform: maiúscula; font-size: 1em; line-height: 22px; text-align: center; -webkit-user-select: nenhum; -moz-user-select: nenhum; ms-user-select: nenhum; user-select: nenhum; -webkit-transition: opacidade 0.1s facilidade-in-out 0.1s; -o-transição: opacidade 0.1s facilidade-in-out 0.1s; transição: opacidade 0.2 s easy-in-out 0,1s} .jfMatrixBinary-label.forSim {padding-left: 9px; opacidade: 0}.jfMatrixBinary-label.forNo {padding-right: 9px; opacidade: 1} .jfMatrixBinary-input: verificado ~ .jfMatrixBinary-custom {left: -5px} .jfMatrixBinary-input: verificado ~ .jfMatrixBinary-custom .jfMatrixBinary-label.forSim {opacity: 1} .jfMatrixBinary-input: verificado ~ .jfMatrixBinary-custom .jfMatrixBinary-label.forNão {opacidade: 0} .jfMatrixBinary-buttonWrapper {text-align: center; tamanho da fonte: 16px; padding-top: 1.5em } .jfMatrixBinary-button {padding: 1em 2.1em; display: inline-block; line-height: 1em; font-size: 1em; border-raio: 1.8em; background-color: transparent; -webkit-transition: todos 0.2 s-ease-in-out; -o-transition: todos os 0.2s ease-in-out; transition: todos os 0.2s ease-in-out; cursor: ponteiro} .jfMatrixBinary-button.isActive {color: #fff} .jfMatrixBinary -button + .jfMatrixBinary-button {margin-left: 0.6em} .jfMatrixScale {posição: relativa; fronteira-raio: 4px; altura: 8px; margem: 1.5em 1em 0.5em}.jfMatrixScale-sep {posição: absoluta; superior: -8px; esquerda: 0; largura: 100%; altura: 26px; exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex ; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; itens de alinhamento: center} .jfMatrixScale-sep span {altura: 100%; cursor: ponteiro; posição : relativo; -webkit-box-flex: 2; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; alinhamento de texto: centro} .jfMatrixScale-sep span: first- filho, .jfMatrixScale-sep span: último filho {-webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 automático; flex: 1 1 auto} .jfMatrixScale-sep span Primeiro filho {text-align: left} .jfMatrixScale-sep span: last-child {text-align: right} .jfMatrixScale-sep span: antes de {content: ""; display: inline-block; border-radius: 4px; width: 8px; height: 8px; top de margem: 8px; background-color: #cbcdce} .jfMatrixScale-item {altura: 12px; largura: 20%; posição:relative; top: -2px; background-color: # 7db6f9; border-raio: 6px 0 0 6px; ponteiro-eventos: nenhum} .jfMatrixScale-item.hasTransition {-webkit-transition: largura 0.2s facilidade-in-out; -o-transição: largura 0.2s easy-in-out; transição: largura 0.2s facilidade-in-out} .jfMatrixScale-button {tamanho da fonte: 1em; posição: absoluto; cursor: ponteiro; altura: 22px; largura: 22px; border: 0; padding: 0; margem: 0; border-radius: 50%; ponteiro-eventos: todos; topo: -5px; direito: -11px; cor de fundo: # 7db6f9; -webkit-transition: todos 0,15s facilidade; -o-transição: todos os 0,15s facilidade; transição: todos os 0,15s facilidade} .jfMatrixScale-button: antes de {content: ""; posição: absoluto; display: inline-block; largura: 200%; height: 200%; topo: -50%; esquerda: -50%} jfMatrixScale-labelWrapper {posição: absoluto; topo: 0; direito: 0; texto-alinhamento: direito; preenchimento-direito: 0.75em; tamanho da fonte: 0.75 em} .jfMatrixScale-label {display: none} .jfMatrixScale-label.isVisible {display: block}.isFullScreen .jfMatrix-innerScrollableArea {max-height: nenhum! importante} .jfMatrix.forMobile {estouro: oculto; exibição: nenhum} .jfMatrix.forMobile .jfInput-input {font-size: 0.75em} .jfMatrix.forMobile .jfMatrixInputList- item {height: auto; padding-bottom: 0.5em} .jfMatrix.forMobile .jfMatrixInputList-item.isHidden {display: nenhum} .jfMatrix.forMobile .jfMatrixScale {margin-top: 1em} .jfMatrix.forMobile .jfMatrixScale-label { display: block; max-height: 0; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: todos os 0.15s ease; overflow: oculto; opacidade: 0} .jfMatrix.forMobile. jfMatrixScale-label.isVisible {max-height: 3.75em; preenchimento: 1em 0 0.5em; opacidade: 1} .jfMatrix.forMobile .jfMatrixScale-labelWrapper {position: estático; text-align: center; display: bloco; font-size : 1.25em; line-height: 1; padding: 0; height: 2.5em} .jfMatrix.forDesktop {largura: auto; espaçamento entre bordas: 0 4px} .jfMatrix.forDesktop.isFun {espaçamento entre bordas: 0} .jfMatrix.forDesktop.isFun .jfMatrix-innerScrollableArea {estouro-y: automático} .jfMatrix.forDesktop.forCheckBox .jfMatrixLabelList-item, .jfMatrix.forDesktop.forRadioButton .jfMatrixLabelList-item {preenchimento : 0.425em 0.9em} .jfMatrix.forYesNo.forDesktop .jfMatrixInputList {float: right} .jfMatrix.forYesNo.forDesktop .jfMatrixInputList-item {display: bloco; preenchimento: 0.3em 0.3em 0 0} .jfMatrix.forYesNo.forDesktop. jfMatrixLabelList-item {padding: 0.75em 1em} .jfMatrix.forYesNo.forDesktop .jfMatrixLabelList {max-width: nenhum; flutuante: nenhum; margem-direita: 0} .jfMatrix.forEmojiSlider .jfMatrixScale {altura: 40px; margem: 0 20px ; border-radius: 20px} .jfMatrix.forEmojiSlider .jfMatrixScale-item {altura: 40px; borda-raio: 20px 0 0 20px; topo: 0} .jfMatrix.forEmojiSlider .jfMatrixScale-sep {altura: 100%; topo: 0 z-index: 1} .jfMatrix.forEmojiSlider .jfMatrixScale-sep>span {border-radius: 0; largura: 2px; altura: 40px; cor de fundo: transparente; posição: relativa} .jfMatrix.forEmojiSlider .jfMatrixScale-sep> span: antes de {content: ""; display: inline-block; height: 100%; largura: 2px; margin-top: 0; cor de fundo: rgba (255, 255, 255, .15)}. jfMatrix.forEmojiSlider .jfMatrixScale-sep> span: first-child: antes, .jfMatrix .forEmojiSlider .jfMatrixScale-sep> span: last-child: before {opacidade: 0} .jfMatrix.forEmojiSlider .jfMatrixScale-sep> span: após {display: none} .jfMatrix.forEmojiSlider .jfMatrixScale-button {altura: 40px; largura : 40px; border-radius: 50%; top: 0; direita: -20px; z-index: 2} .jfMatrix.forEmojiSlider .jfMatrixScale-button: antes {display: none} .jfMatrix.forEmojiSlider .jfMatrixScale-label {largura : 32px; height: 32px; margin-left: 4px} .jfMatrix.forEmojiSlider .jfMatrixScale-label.isVisible {padding: 0} .jfMatrix.forEmojiSlider.jfMatrixScale-label img {display: block; largura: 100%; ponteiro-eventos: nenhum; -webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select : nenhum} .jfMatrix.forEmojiSlider .jfMatrixInputList-item .jfMatrix-inputWrapper {display: nenhum} .jfMatrix.forEmojiSlider.forDesktop .jfMatrixInputList-item {min-height: 40px} .jfMatrix.forEmojiSlider.forDesktop .jfMatrixLabelList-item: empty { padding: 0} .jfMatrix.forEmojiSlider.forMobile .jfMobileMatrix-content {padding-top: 5em; -webkit-transform: translate3D (0, 0, 0); - ms-transformação: translate3D (0, 0, 0); : translate3D (0, 0, 0)}. jfMatrix.forEmojiSlider.forMobile .jfMatrixInputList-item {margin-top: 0} .jfMatrix.forEmojiSlider.forMobile .jfMatrixRecurso-label {posição: fixo; topo: 0.75em; esquerdo: 50 %; margin-left: -25px; largura: 50px; height: 50px; -webkit-transition-duration: 0.01s; -o-transição-duração: 0.01s; transição-duração: 0.01s} .jfMatrix.forSlider .jfMatrixInputList-item .jfMatrix-inputWrapper {display: nenhum} .jfMatrix.forSlider.forMobile .jfMatrixInputList-item {margin-top: 0} .jfMatrix.forSlider.forDesktop .jfMatrixInputList-item: before ,. jfMatrix.forSlider.forDesktop .jfMatrixInputList-item: após {content: ";; display: table} .jfMatrix.forSlider.forDesktop .jfMatrixInputList-item: após {clear: ambos} .jfMatrix.forSlider.forDesktop .jfMatrixInputList-item.isFilled .jfMatrixScale-label.isVisible, .jfMatrix.forSlider.forDesktop .jfMatrixInputList-item: hover .jfMatrixScale-label.isVisible {-webkit-transform: scale (1.2); - ms-transform: escala (1.2); transform: scale ( 1.2); - webkit-transform-origin: canto inferior direito; -ms-transform-origin: canto inferior direito; transformar origem: canto inferior direito; -webkit-transição: facilidade todos os 0,15s; -o-transição: facilidade todos os 0,15s; transição: todos os 0.15s facilitam} .jfMatrix.forSlider.forDesktop .jfMatrixInputList-item.isFilled .jfMatrixScale-button, .jfMatrix.forSlider.forDesktop .jfMatrixInputList-item: pairar .jfMatrixScale-button {-webkit-transform: escala (1.2); - ms-transform: escala (1.2); : scale (1.2)}. jfMatrix.forSlider.forDesktop .jfMatrixLabelList-item {padding: 1.5em 1em 1.5em 0} tela @media e (max-width: 736px) {jfMatrix.forDesktop {display: none} .jfMatrix. forMobile {display: bloco}} jfMobileMatrix-prevRow, .jfMobileMatrix-nextRow, .jfMatrixProgress-button {cursor: ponteiro; display: inline-block; largura: 14%; vertical-align: médio; preenchimento: 1em 5%; -color: transparent; border: 0} .jfMobileMatrix-prevRow svg, .jfMobileMatrix-nextRow svg, .jfMatrixProgress-button svg {preencher: # 4a85ef; -webkit-transition: all 0.15s ease; -o-transition: todos os 0.15s facilidade; transição: todos os 0.15s facilitam} .jfMobileMatrix-prevRow [disabled] svg ,.jfMobileMatrix-nextRow [desativado] svg, .jfMatrixProgress-button [desativado] svg {opacidade: 0} .jfMobileMatrix-nextRow, .jfMatrixProgress-button.forMatrixNext {-webkit-transform: rotate (180deg); - ms-transform: rotate ( 180deg); transform: rotação (180deg)}. JfMobileMatrix-columnDotlist {text-align: center; top-da-margem: 0.5em} .jfMobileMatrix-columnDotWrapper {largura: 72%; exibição: inline-block} .jfMobileMatrix-columnDot {height : 8px; width: 8px; border-radius: 50%; cor de fundo: # c9c9c9; display: inline-block; -webkit-transform-origin: centro central; -ms-transform-origin: centro central; transform-origin : center center; margin: 0 5px; -webkit-transition: todas as 0.2s ease; -o-transition: todas as 0.2s ease; transition: todas as 0.2s ease} .jfMobileMatrix-columnDot.isActive {-webkit-transformation: scale ( 1.5); - ms-transform: escala (1.5); transformação: escala (1.5); background-color: # 4a85ef; margem: 0 7px} body: não (.isMobile) .forMobile.forEmojiSlider, body: not (.isMobile) .forMobile.forSlider, body: não (.isMobile) .forMobile.forYesNo, body: not (.isMobile) .forMobile.forClassic {-webkit-transform: translate3d (0, 0, 0 ); transform: translate3d (0, 0, 0); padding-bottom: 5em} @media screen e (max-width: 736px) {jfMatrix.forMobile.forYesNo .jfMatrixTable-wrapper {border: 0} .jfMatrixTable {max -height: none; overflow-y: visível} .jfMatrix-inputWrapper.forCheckbox, .jfMatrix-inputWrapper.forRadio {padding: 12px} .jfMatrix.forMobile: não (.forYesNo) .jfMatrixChoice-table {espaçamento entre bordas: 0 3px ; border-collapse: initial}}. jfImage {limite: 0; max-largura: 100%; max-altura: herdar; largura: auto; altura: auto} .browserName-InternetExplorer .jfImage {largura: 100%}. jfImage -wrapper {position: relative; display: bloco; max-height: inherit; max-width: 100%}. jfImage-wrapper.isLeftAlign {text-align: esquerdo} .jfImage-wrapper.isCenterAlign {text-align:center} .jfImage-wrapper.isRightAlign {text-align: right} .jfImage-wrapper .jfImage-container {display: inline-block; posição: relative} .jfImage-wrapper .jfImage-container: botão em branco {opacidade: 1; -webkit-transition: facilidade da opacidade 0.15s; -o-transição: opacidade da facilidade 0.15s; transição: facilidade da opacidade 0.15s} .jfImage-enlargeButton {position: absolute; topo: 0.4em; right: 0.4em; background-color: # 111; border-radius: 4px; tamanho da fonte: 1em; padding: 0.3em; border: 0; display: bloco; cursor: ponteiro; largura: 1.4em; altura: 1.4em; opacidade: 0; -webkit-transição : facilidade da opacidade 0.15s; -o-transição: opacidade 0.15s facilidade; transição: opacidade 0,15s facilidade} .jfImage-enlargeButton: foco {contorno: 0} .jfImage-enlargeButton svg {preencher: #fff; largura: 100%} .jfOverlay {display: table; posição: fixo; topo: 0; esquerdo: 0; altura: 0; largura: 0; opacidade: 0; -webkit-transição: facilidade de 0,15s de facilidade; -o-transição: facilidade de 0,15s de opacidade transição: opacidade 0.Facilidade 15s; cor de fundo: rgba (0, 0, 0, 0.6); alinhamento de texto: centro; z-index: 11} .jfOverlay.isVisible {altura: 100%; largura: 100%; opacidade: 1}. jfOverlayImage {max-width: 80%; max-height: 80%; posição: relativo} .jfOverlayImage [src = "#"], jfOverlayImage: não ([src]) {display: none} .jfOverlay-close {posição : absoluto; certo: 1em; topo: 1em; cursor: ponteiro} .jfOverlay-close svg {preenchimento: #fff; altura: 2.5em} .jfOverlay-modalWrapper {exibição: table-cell; vertical-align: médio} .jfOverlay -modal {max-width: 740px; largura: 92%; preenchimento: 24px 36px; cor de fundo: #fff; margem: 0 auto; display: nenhum; alinhamento de texto: esquerdo; -webkit-box-shadow: 0 0 75px 15px rgba (0, 0, 0, 0.2); box-shadow: 0 0 75px 15px rgba (0, 0, 0, 0.2); raio-da-fronteira: 6px} .jfOverlay-modal.isVisible {display: block} body .isMobile .jfOverlay-modal {font-size: 0.8em; text-align: center} .jfOverlay-actions {margin-top: 1.6em} .jfOverlay-actions: antes ,.jfOverlay-actions: após {content: ""; display: table} .jfOverlay-actions: após {clear: both} body.isMobile .jfOverlay-actions {top de margem: 0} .jfOverlay-body {font-size: 1em line-height: 1.5} .jfOverlay-body p {margem: 1em 0} .jfOverlay-title {text-align: centro; cor de fundo: # f5f5f5; margem: -24px -36px 1em; tamanho da fonte: 1.5em ; text-transform: maiúscula; padding: 0.75em 0; color: # 5b5b5b; font-weight: 500; border-raio: 6px 6px 0 0} .jfTranslation {posição: fixa; z-index: 1; topo: 0.5em ; right: 0.5em} .jfTranslation .dd-placeholder {text-align: esquerdo; tamanho da fonte: 0.8em; border-radius: 0.4em} .jfTranslation .dd-placeholder: após {content: "\ 0025BE"; : absolute; right: 0.5em; font-size: 1.5em; top: -0.13em} .jfTranslation.only-nation .dd-placeholder {padding-left: 15px} .jfTranslation.only-nation .dd-placeholder: antes {background: none} .jfTranslation.only-nation.lang-list li {texto-indent: 0} .jfTranslation.only-nation .lang-list li: antes {background: none} .jfTradução .firstPageOnly {opacidade: 0; topo: -2.5em} .jfTranslation-dropdown {line -height: 1; border-radius: 0.4em; -webkit-transition: todos os 0.2s ease; -o-transition: todos 0.2s ease; transition: todos 0.2s ease; position: relative; largura: 100%; cursor: pointer} .jfTranslation-dropdown .jfLista de tradução {display: block; opacidade: 0; top-de-margem: -100%; - webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transição: all 0.2s facilidade; ponteiro-eventos: nenhum} .jfTranslation-dropdown .jfTradução-list: não (.dn) {opacidade: 1; margem-top: 0; -webkit-transição: todas as 0,2s facilidade; -o-transição: all 0.2s ease; transition: todos 0.2s ease; pointer-events: todos} .jfTranslation-dropdown .jfTradução-list.lang-list {border-radius: 0.4em; plano de fundo: #fff; estouro: oculto} .jfTranslation- dropdown .jfTranslation-list.lang-list li {texto-alinhamento: esquerdo; tamanho da fonte: 0.8em; texto-recuo: 1.8em; cor: # 666; fundo: nenhum; -webkit-transição: facilidade de todos os 0.2s; -o-transição: todos 0.2s facilidade; transição: todos os 0.2s facilidade; cursor: ponteiro; borda: nenhum} .jfTranslation-dropdown .jfTradução-list.lang-list li: hover {color: # 000; cor de fundo: #efefef; -webkit- transição: todos os 0.2s facilidade; -o-transição: todos 0.2s facilidade; transição: todos 0.2s facilidade} .formFooter-heightMask {altura: 56px} .formFooter {posição: fixo; esquerdo: 0; direito: 0; inferior: 0; color: #eee; padding: 6px 10px; cor de fundo: # 414247; text-align: left; índice-z: 901; font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", " Roboto "," Oxygen-Sans "," Ubuntu "," Cantarell "," Helvetica Neue ", sem serif.} .FormFooter-rightSide {float: right; padding-top: 5 px; text-align: right} .formFooter- logoLink {exibição:inline-block; vertical-align: médio} .formFooter-logo {display: block; margem: 0 auto; altura: 44px} .formFooter-text {alinhamento vertical: médio; cor: #bfbfbf; tamanho da fonte: 12px; display: bloco inline} .formFooter-button {display: bloco-inline; background-color: # 63c453; vertical-align: meio; preenchimento: 10px 18px; cor: #fff; border-radius: 3px; margin-left: 15px; tamanho da fonte: 14px; altura da linha: 1; decoração de texto: nenhuma} .formFooter-button: hover {cor de fundo: # 52bf41} .formFooter-mobileThankYou {display: block; height: 45px; border-radius : 23px; cor de fundo: # 59666e; posição: fixa; inferior: 2%; largura: 225px; -webkit-transformar: translateX (-50%); - transformação de ms: translateX (-50%); transformar: translateX (-50%); esquerda: 50%; tamanho da fonte: 12px; altura da linha: 20px; -webkit-box-shadow: 0 2px 4px 0 rgba (0, 0, 0, 0,21); box-shadow: 0 2px 4px 0 rgba (0, 0, 0, 0,21)}. FormFooter-mobileThankYou .formFooter-mobileLink {display: bloco;text-decoration: none; padding-left: 1.6em; padding-top: 4px; cor: #fff} .formFooter-mobileThankYou .formFooter-mobileLogo {exibição: bloco} .formFooter-mobileThankYou .formFooter-mobilePodo {position: absolute; parte inferior: -1px; altura: 59px; direita: 1,5em} .formFooter-mobile {display: nenhum} .isMobile .formFooter-mobile {display: block; margem: -6px -10px; height: 48px; background-color: # 59666e; posição: relativa; altura da linha: 48px; tamanho da fonte: 12px} .isMobile .formFooter-mobile .formFooter-mobileLink {exibição: block; text-decoration: nenhuma; preenchimento-esquerda: 1.5em; cor: #fff } .isMobile .formFooter-mobile .formFooter-mobileLogo {vertical-align: -4px; margem-esquerda: 0.8em} .isMobile .formFooter-mobile .formFooter-mobilePodo {posição: absoluta; inferior: -1px; direita: 1em} @media screen e (min-width: 981px) {.formFooter-text {font-size: 14px} .formFooter-button {font-size: 16px}} @ tela de mídia e (largura max:768px) e (min-width: 480px) {.formFooter-logoLink {float: esquerda} .formFooter-rightSide {float: none}} @ tela de mídia e (largura máxima: 640px) e (min-width: 481px) { .formFooter-button {margin-left: 8px; padding: 10px 12px; tamanho da fonte: 12px} .formFooter-text {width: 150px}} @ tela de mídia e (largura máxima: 480px) e (min-width: 280px ) {.formFooter-heightMask {altura: 45px} .formFooter {preenchimento: 6px} .formFooter-logo {altura: 33px} .formFooter-rightSide {padding-top: 0} .formFooter-text {display: nenhum} .formFooter- botão {margin-left: 0; preenchimento: 10px 12px; tamanho da fonte: 12px}} @ tela de mídia e (largura máxima: 400px) {. formFooter.formFooter-new .formFooter-button {font-size: 11px}} @media tela e (max-width: 348px) {. formFooter.formFooter-novo .formFooter-logoLink {largura: 27px; estouro: oculto}} @ tela de mídia e (max-width: 279px) {. formFooter-heightMask {altura : 45px} .formFooter {preenchimento: 6px}.formFooter-logoLink {display: nenhum} .formFooter-rightSide {padding-top: 0; flutuante: nenhum; text-align: center} .formFooter-text {display: nenhum} .formFooter-button {margin-left: 0; preenchimento : 10px 12px; tamanho da fonte: 12px} .formFooter.formFooter-new .formFooter-button {tamanho da fonte: 12px}}. Black-friday-2018 {exibir: nenhum} .eoy-2018 {background-color: # 04003f ; estouro: oculto} .eoy-2018 .formFooter-content: antes de {content: ""; position: absolute; largura: 96vw; altura: 90px; border-radius: 100%; topo: 0; z-index: 2; left: 110px; background: # 0c0a5e; -webkit-transform: translateY (-60%) translateX (-5vw); - ms-transforma: translateY (-60%) translateX (-5vw); transformar: translateY (-60%) ) translateX (-5vw)}. eoy-2018 .formFooter-logoLink {z-index: 3; posição: relativa} .eoy-2018 .formFooter-logoLink img {estilo de borda: nenhum} .eoy-2018 .formFooter-rightSide {z-index: 3; posição: relativa} .eoy-2018 .formFooter-rightSide.formFooter-text {tamanho da fonte: 0} .eoy-2018 .formFooter-rightSide .formFooter-text .formFooter-text-left {exibição: inline-block; vertical-align: médio; padding-top: 4px; min-width : 226px} .eoy-2018 .formFooter-rightSide .formFooter-text .formFooter-text-left img {largura: auto; altura: 26px; estilo de borda: nenhum} .eoy-2018 .formFooter-rightSide .formFooter-text. formFooter-text-right {exibição: inline-block; vertical-align: médio; preenchimento-esquerdo: 8px; min-width: 170px} .eoy-2018 .formFooter-rightSide .formFooter-text .formFooter-text-right img { width: auto; height: 29px; estilo de borda: nenhum} .eoy-2018 .formFooter-rightSide .formFooter-button-container {exibição: inline-block} .eoy-2018 .formFooter-rightSide .formFooter-button-container. formFooter-button {background-color: # 35c300; font-weight: 700; border-raio: 20px; preenchimento: 8px 22px; margem: 4px 0 4px 15px} @media screen e (max-width: 723px) {.eoy-2018 .formFooter-logoLink {superior: 6px} .eoy-2018 .formFooter-rightSide .formFooter-text {text-align: centro; largura: automático} .eoy-2018 .formFooter-rightSide .formFooter-text .formFooter- texto à esquerda {display: block; min-width: 170px} .eoy-2018 .formFooter-rightSide .formFooter-text .formFooter-text-right {display: bloco}} @ tela de mídia e (largura max: 520px) { .eoy-2018 .formFooter-rightSide .formFooter-text {exibição: inline-block} .eoy-2018 .formFooter-rightSide .formFooter-text .formFooter-text-left img {largura: auto; altura: 20px}. 2018 .formFooter-rightSide .formFooter-text .formFooter-text-right img {largura: auto; altura: 20px}} @ tela de mídia e (largura máxima: 430px) {. Eoy-2018 .formFooter-logoLink {exibição: nenhum }}. jfProgress {line-height: 1.6; posição: fixa; esquerda: 50%; - webkit-transform: translateX (-50%); - ms-transformação: translateX (-50%); transform: translateX (-50 %); - webkit-transition: todos os 0.2s facilidade; -o-transição: todos os 0.2s facilidade; transição: todos os 0.2s facilidade; opacidade: 0; texto-alinhamento: centro; inferior: -20%} @ media screen e (max-width: 736px) {.jfProgress {width: 320px}} @ tela de mídia e (min-width: 481px) e (max-width: 768px) {. jfProgress {largura: 540px}} @ tela de mídia e (min-width: 769px) e (largura máxima : 1200px) {. JfProgress {width: 720px}} @ tela de mídia e (min-width: 1201px) e (largura max: 1366px) {. JfProgress {largura: 800px}} @ tela de mídia e (min-width: 1367px ) {jfProgress {width: 1024px}}. jfProgress.isHidden {display: nenhum} @ - webkit-keyframes pulseMobile {0% {- webkit-box-shadow: 0 0 0 0 rgba (0, 0, 0, 0,4) caixa-sombra: 0 0 0 0 rgba (0, 0, 0, 0,4)} 70% {- webkit-box-sombra: 0 0 0 9px rgba (0, 0, 0, 0); caixa-sombra: 0 0 0 9px rgba (0, 0, 0, 0)} 100% {- webkit-box-shadow: 0 0 0 0 rgba (0, 0, 0, 0); box-shadow: 0 0 0 0 rgba (0 , 0, 0, 0)}} @ keyframes pulseMobile {0% {- webkit-box-shadow:0 0 0 0 rgba (0, 0, 0, 0,4); box-shadow: 0 0 0 0 rgba (0, 0, 0, 0,4)} 70% {- webkit-caixa-sombra: 0 0 0 9px rgba ( 0, 0, 0, 0); box-shadow: 0 0 0 rpp 9px (0, 0, 0, 0)} 100% {- webkit-box-shadow: 0 0 0 0 rgba (0, 0, 0, 0); box-shadow: 0 0 0 0 rgba (0, 0, 0, 0)}} - webkit-keyframes pulseMobile2 {0% {- webkit-box-shadow: 0 0 0 0 rgba (227, 67, 67, 0.4); box-shadow: 0 0 0 0 rgba (227, 67, 67, 0,4)} 90% {- webkit-box-shadow: 0 0 15px rgba (227, 67, 67, 0); caixa -sombra: 0 0 0 15px rgba (227, 67, 67, 0)} 100% {- webkit-box-shadow: 0 0 0 0 rgba (227, 67, 67, 0); box-shadow: 0 0 0 0 rgba (227, 67, 67, 0)}} @ quadros-chave pulseMobile2 {0% {- webkit-box-shadow: 0 0 0 0 rgba (227, 67, 67, 0,4); box-shadow: 0 0 0 0 rgba (227, 67, 67, 0,4)} 90% {- webkit-box-shadow: 0 0 15pg rgba (227, 67, 67, 0); box-shadow: 0 0 0 15px rgba (227, 67, 67, 0)} 100% {- webkit-box-shadow: 0 0 0 0 rgba (227, 67, 67, 0); caixa-sombra: 0 0 0 0 rgba (227, 67,67, 0)}} @ - webkit-keyframes flickerAnimation {0% {opacidade: 0.6} 40% {opacidade: 1} 60% {opacidade: 1} 100% {opacidade: 0.6}} @ keyframes flickerAnimação {0% {opacidade : 0,6} 40% {opacidade: 1} 60% {opacidade: 1} 100% {opacidade: 0,6}} @ - webkit-keyframes agitar {0% {esquerda: 0} 20% {esquerda: -10px} 40% { à esquerda: 10px} 60% {à esquerda: -5px} 80% {à esquerda: 5px} 100% {à esquerda: 0}} @ keyframes shake {0% {left: 0} 20% {left: -10px} 40% {left : 10px} 60% {left: -5px} 80% {left: 5px} 100% {left: 0}}. Animate-shake {-webkit-animação: shake 0.35s; animação: shake 0.35s} .jfProgress-itemPulse {posição: absoluta; topo: 0; esquerda: 0; largura: 100%; altura: 100%; raio de fronteira: 50%}. jfProgress-info {text-align: centro; -webkit-user-select: none; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum; ponteiro-eventos: nenhum} .cardProgress-questionCount {opacidade: 0.7} .cardProgress-seeAll {display: none} .cardProgress -goBack {display: none} .jfProgress-infoContent {cursor: ponteiro; preenchimento: 0.75em 1em; margin-bottom: 0.75em; line-height: 1; -webkit-box-shadow: 0 2px 4px 0 rgba (0, 0, 0, 0.15); sombra-box: 0 2px 4px 0 rgba (0, 0, 0, 0.15); ponteiro-eventos: all; vertical-align: bottom} .jfProgress-infoContent span {alinhamento vertical: médio} .jfProgress-infoContent: hover .cardProgress-currentIndex, .jfProgress-infoContent: hover .cardProgress -questionCount {display: none} .jfProgress-infoContent: hover .cardProgress-seeTudo {display: inline-block} tela @media e (max-width: 736px) {. jfProgress-infoContent: hover .cardProgress-currentIndex, .jfProgress- infoContent: hover .cardProgress-questionCount {display: inline} .jfProgress-infoContent: hover .cardProgress-seeAll {display: nenhum}} jfProgress-infoContent.forNew {-webkit-transition: facilidade de cor de fundo 0.15s; transição: facilidade de cor de fundo 0.15s; transição: facilidade de cor de fundo 0.15s} .jfProgress-infoContent.forNew: hover.cardProgress-currentIndex, .jfProgress-infoContent.forNew: hover .cardProgress-questionCount {display: inicial} .jfProgress-infoContent.isUntouched {position: relative} .jfProgress-infoContent.isUntouched: antes, .jfProgress-infoContent.isUntouched: after { display: inline-block; conteúdo: ""; posição: absoluto; topo: 0; esquerdo: 0; altura: 100%; largura: 100%; raio-de-fronteira: 1px; -webkit-animação-duração: 2.7s; animação -duration: 2.7s; -webkit-animation-timing-function: cubic-bezier (0,42, 0, 0, 1); função de temporização de animação: bezier cúbico (0,42, 0, 0, 1); animação-atraso: 0s; animação-atraso: 0s; -webkit-animação-iteração-contagem: infinito; animação-iteração-contagem: infinito; -webkit-animação-preenchimento-modo: encaminhar; animação-fill-mode: encaminhar} .jfProgress-infoContent.isUntouched: após {-webkit-animation-delay: 0.54s; atraso de animação: 0.54s} .jfProgress-infoContentText {padding: 0 1em;display: bloco} .jfProgress-itemWrapper {position: relative; display: table; largura: 100%} @ tela de mídia e (largura max: 736px) {. jfProgress-itemWrapper {exibição: nenhum; min-height: 100%} } .isLongForm: não (.onScrollMode) .jfProgress-itemWrapper {display: nenhum} .jfProgress-itemWrapperLine {display: bloco-inline; altura: 2px; posição: absoluto; topo: 21px; esquerdo: 0; largura: 100%; z-index: -1} tela @media e (max-width: 736px) {. jfProgress-itemWrapperLine {display: nenhum}}. isLongForm: não (.onScrollMode) .jfProgress-itemWrapperLine {display: nenhum} .jfProgress-itemLabel {position: absolute; topo: -16px; left: 4px; -webkit-transform: translateX (-50%); - ms-transform: translateX (-50%); transformação: translateX (-50%); largura máxima : 300px; espaço em branco: nowrap; estouro: oculto; -o-texto-estouro: reticências; texto-estouro: reticências; preenchimento: 8px 15px; borda-raio: 4px; tamanho da fonte: 14px; exibição: nenhum; texto -alinha: centro;-webkit-transform-origin: canto superior esquerdo; -ms-transform-origin: canto superior esquerdo; transformação-origem: canto superior esquerdo} .jfProgress-itemLabel: primeira letra {texto-transformação: maiúscula} tela @ media e (largura máxima : 736px) {. JfProgress-itemLabel {posição: relativo; -webkit-transformação: nenhum; -ms-transformação: nenhum; transformar: nenhum; max-largura: não definida; topo: não definido; esquerdo: não definido; cor de fundo: não definido ; cor: unset; exibição: bloco; espaço em branco: nowrap; estouro: oculto; -o-texto-estouro: reticências; texto-estouro: reticências; preenchimento: 0 15px}}. jfProgress-itemCircle {width: 8px; height : 8px; border-radius: 50%; top: 50%; top-da-margem: -4px; -webkit-transition: todos os 0.15s fáceis; -o-transition: todos os 0.15s ease; transition: all 0.15s ease; webkit-transform-origin: 50% 50%; - ms-transformação-origem: 50% 50%; transformação-origem: 50% 50%; posição: relativa; z-índice: 1; exibição: inline-block} .jfProgress -formError {position: absolute; padding: 0.5em 1.25em; cor: #fff;display: none; -webkit-transform: translateX (-50%); - ms-transform: translateX (-50%); transformação: translateX (-50%); esquerda: 50%; espaço em branco: nowrap; 0.5em; border-radius: 1.3em; background-color: # e34343} .jfProgress-statusIcon {posição: absoluta; altura: 18px; esquerda: 13px; topo: 13px; largura: 18px; exibição: nenhum} .jfProgress-statusIcon svg {opacidade: 0} .jfProgress-mobileNavigation {display: nenhuma; posição: absoluta; topo: 1px; largura: 100%} button.jfInput-button.forMobileNav {ponteiro-eventos: todos; margem-topo: 0; 0; padding: 0.75em 1.2em} button.jfInput-button.forMobileNav.forSubmit, button.jfInput-button.forMobileNav.forReview, button.jfInput-button.forMobileNav.forBackToForm {margin-top: 5px; tamanho-da-fonte: 1em ; padding: 0.6em 1em; text-transform: maiúscula; min-width: 50%} button.jfInput-button.forMobileNav .iconSvg {display: bloco; ponteiro-eventos: nenhum} button.jfInput-button.forMobileNav .iconSvg svg {preencher: # 444;largura: 15px; altura: 27px} button.jfInput-button.forMobileNav.forNext {-webkit-transform: rotação (180deg); - ms-transform: rotação (180deg); transformação: rotação (180deg); cor de fundo: transparente } .isMobile .jfProgress-statusIcon, .isMobile .jfProgress-mobileNavigation {exibição: bloco} .isMobile .form-button-error, .isMobile .jfProgress-item div.jfProgress-itemCircle {exibição: nenhum} .isMobile.sectionHeaderMode .formFooter {display: none} .isMobile.reviewMode .formFooter {display: nenhum} .isMobile .jfProgress-infoContent {margin: 0.5em 0; preenchimento: 0.5em 0.6em} .isMobile .jfProgress-itemLabel {text-align: left; preenchimento : 0 15px 0 42px} .jfProgress-item {max-width: 44px; altura: 44px; cursor: ponteiro; posição: relativo; ponteiro-eventos: todos} .jfProgress-item: hover .jfProgress-itemCircle {-webkit-transform : scale (3); - ms-transform: escala (3); transform: escala (3)} jfProgress-item: hover.jfProgress-itemLabel {display: bloco; -webkit-transform: translateY (-50%) translateX (-50%); - ms-transform: translateY (-50%) translateX (-50%); transformar: translateY (-50 %) translateX (-50%)}. jfProgress-item.isValid .jfProgress-itemCircle {-webkit-transform: escala (2); - ms-transform: escala (2); transform: escala (2)}. jfProgress- item.isValid span.icon_check svg {opacidade: 1} .jfProgress-item.hasError .jfProgress-itemCircle {-webkit-transform: escala (2); - ms-transformação: escala (2); transformação: escala (2)} .jfProgress-item.hasError .jfProgress-statusIcon {-webkit-transform: escala (0.5); - ms-transform: escala (0.5); transformação: escala (0.5); fronteira-raio: 50%; - webkit-animação: pulseMobile2 1s infinito; animação: pulseMobile2 1s infinito} .jfProgress-item.hasError: não (.isActive) .jfProgress-itemPulse {z-index: -1} .jfProgress-item.isActive .jfProgress-itemCircle {-webkit-transform: escala (2) - ms-transform:scale (2); transform: scale (2)}. jfProgress-item.isActive .jfProgress-itemCircle: após {content: ""; display: inline-block; posição: absoluto; height: 100%; width: 100%; border-radius: 50%; margem-top: -1px; esquerda: 50%; - webkit-transform: escala (1.5) translateX (-33.3333333333%); - ms-transformação: escala (1.5) translateX (-33.3333333333%) ; transform: scale (1.5) translateX (-33.3333333333%)}. jfProgress-item.isActive .jfProgress-statusIcon {-webkit-transform: escala (0,5); - ms-transform: escala (0,5); transformação: escala (0,5 ); border-radius: 50%; cor de fundo: # 444} .jfProgress-item.isActive.hasError .jfProgress-statusIcon {-webkit-transform: escala (0,5); - ms-transform: escala (0,5); : scale (0.5); border-raio: 50%} jfProgress-item.isActive: passe o mouse .jfProgress-itemLabel {display: none} @media screen e (max-width: 736px) {.jfProgress-item, .jfProgress- item.isActive {width: 100%; display: bloco;max-width: nenhum} .jfProgress-item: hover .jfProgress-itemLabel, .jfProgress-item.isActive: hover .jfProgress-itemLabel {exibição: bloco; -webkit-transformação: nenhum; -ms-transformação: nenhum; transformar: none}}. jfProgress-itemCell {text-align: esquerdo; display: table-cell} .jfProgress-itemCell.isÚltima {largura: 1%}. jfProgress-itemCell.isÚltimo .jfProgress-item {text-align: right}. jfProgress-itemCell.isFirst .jfProgress-item {text-align: esquerdo} .jfProgress-itemCell.isHidden {display: none} tela @media e (max-width: 736px) {. jfProgress-itemCell {display: block; margin: 10px} .jfProgress-itemCell: before {display: none} .jfProgress-itemCell.isFirst, .jfProgress-itemCell.isLast {largura: unset} .jfProgress-itemCell.isFirst .jfProgress-item, .jfProgress-itemCell.isLast .jfProgress -item {text-align: center}}. reviewMode.isMobile .jfProgress {opacidade: 1; inferior: 0; altura: 48px; z-index: 2; largura: 100%}. reviewMode.isMobile.jfProgress .jfInput-button.forMobileNav.forReview, .reviewMode.isMobile .jfProgress .jfInput-button.forMobileNav.forPrev {display: nenhum! importante} .reviewMode.isMobile .jfProgress .jfInput-button.forMobileNav.forSubmit {display: inline- bloco! importante; -webkit-transformar: translateX (0); - ms-transformar: translateX (0); transformar: translateX (0)}. reviewMode.isMobile .jfProgress .jfInput-button.forMobileNav.forBackToForm {exibição: bloco! important; position: absolute; left: 0; -webkit-transform: translateX (0); - ms-transform: translateX (0); transformar: translateX (0)}. formMode .jfProgress {opacidade: 1; fundo: 0; z-index: 1} tela @media e (max-width: 736px) {. formMode .jfProgress {largura: 100%; bottom: 0; altura: 54px; -webkit-transition: todos os 0s facilitam; -o-transition: all 0s ease; transition: toda facilidade 0}}. formMode .formFooter ~ .jfProgress {bottom: 54px} @media screen e (max-width: 736px) {.formMode .formFooter ~ .jfProgress {bottom: 45px}}. formMode.onScrollMode .jfProgress {bottom: 8%; largura: 90%} @ media screen e (max-width: 736px) {. formMode.onScrollMode div.jfProgress {estouro -y: auto; -webkit-transition: altura 0.2s facilidade; -o-transição: altura 0.2s facilidade; transição: altura 0.2s facilidade; altura: 100%; fundo: 0; largura: 100%; tamanho de fundo: cover; z-index: 5} .formMode.onScrollMode .jfProgress-mobileNavigation {display: nenhum! importante} .formMode.onScrollMode .jfCard-index {opacidade: 0} .formMode.onScrollMode .jfProgress-info {position: absolute; top : 0; z-index: 4; largura: 100%}. FormMode.onScrollMode .cardProgress-currentIndex, .formMode.onScrollMode .cardProgress-questionCount, .formMode.onScrollMode .cardProgress-seeAll {display: nenhum} .formMode.onScrollMode. cardProgress-goBack {display: bloco-inline} .formMode.onScrollMode .jfProgress-infoContent {margin-top: 0.5em} .formMode.onScrollMode .jfProgress-infoContent.forNew {min-width: inherit} .formMode.onScrollMode .jfProgress-infoContent.forNovo: último filho {margin-left: 0.5em} .formMode.onScrollMode .jfProgress-infoContentText.forSeeAll {display: none } .formMode.onScrollMode .jfProgress-infoContentText {preenchimento: 0} .formMode.onScrollMode .jfProgress-itemWrapper {display: bloco; preenchimento: 3em 0 0} .formMode.onScrollMode .jfProgress-itemWrapper: antes, .formMode.onScrollMode .jfProgress -itemWrapper: após {content: ""; display: table} .formMode.onScrollMode .jfProgress-itemWrapper: após {clear: ambos} .formMode.onScrollMode .formFooter ~ .jfProgress .jfProgress-itemWrapper {padding-bottom: 3em}} .formMode: não (.onScrollMode) .jfProgress {ponteiro-eventos: nenhum} .formMode.isMobile .jfProgress {altura: 48px; cor de fundo: rgba (255, 255, 255, .8)}. formMode.isMobile .formFooter {display: none} .formMode.isMobile .formFooter ~ .jfProgress {bottom: 0} .formMode.isMobile.onScrollMode .jfProgress-formError.isVisible {display: bloco} .formMode.isMobile.onScrollMode .jfProgress-infoContent {padding: 0,75em 1em} @media screen e ( max-width: 736px) {jfCard-index {display: nenhum} .jfProgress-item .jfProgress-itemCircle, .jfProgress-item .jfProgress-itemCircle: after {display: nenhum} .jfProgress-item.isActive .jfProgress-itemCircle , .jfProgress-item.isValid .jfProgress-itemCircle, .jfProgress-item.hasError .jfProgress-itemCircle {posição: absoluta; direita: 1em; -webkit-transformação: herança; -ms-transformação: herança; transformação: herança; exibição : block; border: 0} .jfProgress-item.isActive .jfProgress-itemCircle: depois, .jfProgress-item.isValid .jfProgress-itemCircle: depois, .jfProgress-item.hasError .jfProgress-itemCircle: after {display: none} .jfProgress-item.isActive .jfProgress-itemCircle {background:# f90} .jfProgress-item.hasError .jfProgress-itemCircle {border: 0; -webkit-transform: escala (1.5); - ms-transform: escala (1.5); transformação: scale (1.5)}. jfProgress-item. hasError: não (.isActive) .jfProgress-itemPulse {-webkit-animação: pulseMobile 3s infinito; animação: pulseMobile 3s infinito; índice z: -1}} @ - webkit-keyframes slideIn {0% {opacidade: 0; inferior : 0; -webkit -transformar: translateY (100%); transformar: translateY (100%)} 100% {opacidade: 1; inferior: 1em; -webkit-transformar: translateY (0); transformar: translateY (0)} } @keyframes slideIn {0% {opacidade: 0; inferior: 0; -webkit-transformação: translateY (100%); transformação: translateY (100%)} 100% {opacidade: 1; inferior: 1em; -webkit-transform : translateY (0); transformar: translateY (0)}}. jfEncrypt {posição: fixo; esquerdo: 0; direito: 0; fundo: 0; cor: #fff; alinhamento de texto: centro; altura de linha: 3em; font-weight: 100; ponteiro-eventos: nenhum; z-index: 1} .formMode .jfEncrypt {esquerda: 1em; inferior: 0.5em; direita:auto; line-height: inicial; text-align: esquerda; white-space: nowrap; exibição: table; -webkit-animation: nenhum; animação: nenhum} .welcomeMode .jfEncrypt, .sectionHeaderMode .jfEncrypt {-webkit-animation: slideIn 0.5s; animação: slideIn 0.5s; -webkit-animation-fill-mode: encaminhados; animation-fill-mode: encaminhados; -webkit-transform: translateY (100%); - ms-transform: translateY (100%) ; transformY: translateY (100%)}. reviewMode.isMobile .jfEncrypt {display: nenhum} .welcomeMode.isMobile .jfEncrypt, .sectionHeaderMode.isMobile .jfEncrypt {-webkit-animation: nenhum; animação: nenhum; inferior: 50px; webkit-transform: none; -ms-transform: nenhum; transform: none} .jfEncrypt-icon {largura: 32px; altura: 32px; claro: ambos; display: inline-block} .formMode.isMobile .jfEncrypt {top: 0.5 em; left: 0.5em; bottom: auto; display: nenhum; opacidade: 0} .formMode .jfEncrypt-text {exibição: table-cell; vertical-align: médio; padding-left: 0.5em;-webkit-transition: facilidade em todos os 0.33s: -o-transition: facilidade em todos os 0.33s, transição: facilidade em todos os 0.33s; opacidade: 0; tamanho da fonte: 0.875em} .formMode .jfEncyrpt-textContainer {padding: 4px 6px; background: # 4a4a4a; border-radius: 6px} .formMode .jfEncrypt-icon {float: left; clear: nenhum; ponteiro-eventos: todos; display: table-cell} .formMode .jfEncrypt-icon: hover + .jfEncrypt- text {-webkit-transition: all 0.33s ease; -o-transition: todos os 0.33s ease; transition: todos os 0.33s ease; opacidade: 1} @media print {.formMode .jfWelcome-wrapper, .formMode .jfThankYou-wrapper , .formMode .jfHeading-wrapper, .formMode .sectionHeaderMode-wrapper {top: 0! importante} .formMode .jfForm-wrapper, .welcomeMode .jfForm-wrapper, .thankyouMode .jfForm-wrapper, .reviewMode .jfForm-wrapper ,. sectionHeaderMode .jfForm-wrapper, .formMode .jfForm-all, .welcomeMode .jfForm-all, .thankyouMode .jfForm-all, .reviewMode .jfForm-all, .sectionHeaderMode.jfForm-all, .formMode .jfReview-wrapper, .welcomeMode .jfReview-wrapper, .thankyouMode .jfReview-wrapper, .reviewMode .jfReview-wrapper, .sectionHeaderMode .jfReview-wrapper {largura: 100%; altura: auto! importante} .jfProduct-wrapper {padding-bottom: 2em! importante; height: auto! importante} .jfProduct-list {altura: auto! importante} .jfProduct-fixedBottom {posição: estática! important} div.jfCard-wrapper {flutuante: nenhum ! importante; height: auto! importante; opacidade: 1! importante; visibilidade: visível! importante; display: bloco! importante; max-width: 750px! important; width: 80%! important; margin: 0 auto! important}. jfForm-wrapper {overflow-y: auto! import: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWNvbmQgUGluPC90aXRsZT4gICAgPGRlc2M + Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M + ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI + ICAgICAgICA8ZyBpZD0iU2Vjb25kLVBpbiIgZmlsbD0iI0ZGRkZGRiI + ICAgICAgICAgICAgPHBhdGggZD0iTTgsMjQuOTMwMjg4NSBMMjQsMjQuOTMwMjg4NSBMMjQsMjcgTDgsMjcgTDgsMjQuOTMwMjg4NSBaIE0xMy42OTA3MjE2LDEyLjMxMDA5NjIgQzEzLjY5MDcyMTYsMTIuODgyMjE0NCAxMy45MTk4MTQ0LDEzLjM3MDE5MDMgMTQuMzc4MDA2OSwxMy43NzQwMzg1IEMxNC44MzYxOTkzLDE0LjE3Nzg4NjYgMTUuMzgxNDQwMSwxNC4zNzk4MDc3IDE2LjAxMzc0NTcsMTQuMzc5ODA3NyBDMTYuNjQ2MDUxMywxNC4zNzk4MDc3IDE3LjE4NjcxMDIsMTQuMTc3ODg2NiAxNy42MzU3Mzg4LDEzLjc3NDAzODUgQzE4LjA4NDc2NzQsMTMuMzcwMTkwMyAxOC4zMDkyNzg0LDEyLjg4MjIxNDQgMTguMzA5Mjc4NCwxMi4zMTAwOTYyIEMxOC4zMDkyNzg0LDExLjczNzk3NzkgMTguMDgwMTg1NiwxMS4yNDE1ODg2IDE3LjYyMTk5MzEsMTAuODIwOTEzNSBDMTcuMTYzODAwNywxMC40MDAyMzgzIDE2LjYyMzE0MTcsMTAuMTg5OTAzOCAxNiwxMC4xODk5MDM4IEMxNS4zNzY4NTgzLDEwLjE4OTkwMzggMTQuODM2MTk5MywxMC40MDAyMzgzIDE0LjM3ODAwNjksMTAuODIwOTEzNSBDMTMuOTE5ODE0NCwxMS4yNDE1ODg2IDEzLjY5MDcyMTYsMTEuNzM3OTc3OSAxMy42OTA3MjE2LDEyLjMxMDA5NjIgWiBNMjIuODcyODUyMiwxMi4zMTAwOTYyIEMyMi44NzI4NTIyLDEzLjE4NTEwMDUgMjIuNjM0NTk1NywxNC4xODYyOTI0IDIyLjE1ODA3NTYsMTUuMzEzNzAxOSBDMjEuNzU0ODY2MywxNi4yNzI4NDEzIDIxLjE4NjcxNjIsMTcuMzA3Njg2OCAyMC40NTM2MDgyLDE4LjQxODI2OTIgQzE5Ljg2NzEyMTksMTkuMjkzMjczNiAxOS4xODkwMDczLDIwLjIwMTkxODQgMTguNDE5MjQ0LDIxLjE0NDIzMDggQzE3Ljg2OTQxMzEsMjEuODE3MzExMSAxNy4zMDEyNjMsMjIuNDY1MTQxMSAxNi43MTQ3NzY2LDIzLjA4Nzc0MDQgTDE2LDIzLjg0NDk1MTkgTDE1LjI4NTIyMzQsMjMuMDg3NzQwNCBDMTQuNjk4NzM3LDIyLjQ2NTE0MTEgMTQuMTMwNTg2OSwyMS44MTczMTExIDEzLjU4MDc1NiwyMS4xNDQyMzA4IEMxMi44MTA5OTI3LDIwLjIwMTkxODQgMTIuMTMyODc4MSwxOS4yOTMyNzM2IDExLjU0NjM5MTgsMTguNDE4MjY5MiBDMTAuODEzMjgzOCwxNy4zMDc2ODY4IDEwLjI0NTEzMzcsMTYuMjcyODQxMyA5Ljg0MTkyNDQsMTUuMzEzNzAxOSBDOS4zNjU0MDQyNiwxNC4xODYyOTI0IDkuMTI3MTQ3NzcsMTMuMTg1MTAwNSA5LjEyNzE0Nzc3LDEyLjMxMDA5NjIgQzkuMTI3MTQ3NzcsMTEuMTY1ODU5NyA5LjQzNDEzMjEsMTAuMTA5OTgwOCAxMC4wNDgxMSw5LjE0MjQyNzg4IEMxMC42NjIwODc4LDguMTc0ODc0OTcgMTEuNDk1OTg1Niw3LjQwOTI1NzYzIDEyLjU0OTgyODIsNi44NDU1NTI4OCBDMTMuNjAzNjcwOCw2LjI4MTg0ODE0IDE0Ljc1MzcxNjYsNiAxNiw2IEMxNy4yNDYyODM0LDYgMTguMzk2MzI5Miw2LjI4MTg0ODE0IDE5LjQ1MDE3MTgsNi44NDU1NTI4OCBDMjAuNTA0MDE0NCw3LjQwOTI1NzYzIDIxLjMzNzkxMjIsOC4xNzQ4NzQ5NyAyMS45NTE4OSw5LjE0MjQyNzg4IEMyMi41NjU4Njc5LDEwLjEwOTk4MDggMjIuODcyODUyMiwxMS4xNjU4NTk3IDIyLjg3Mjg1MjIsMTIuMzEwMDk2MiBaIiBpZD0icGluX2Ryb3AtLS1tYXRlcmlhbCI + PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c + PC9zdmc + "); - webkit-transform: rotateY (0deg); transform: rotateY (0deg); - webkit-transição: todos 0.4s facilidade; -o-transição: todos 0.4s facilidade; transição: todos 0.4s ease} .jfGeolocation-svg.isLoadingState {opacidade: 0} .jfQuestion-fields.form-address-table {padding-top: 0! importante} .isMobile .jfQuestion-fields.form-address-table {estouro: visível}. jfQuestion-fields.form-address-table .pac-container {top: auto! importante; esquerdo: 0! importante; inferior: 0; -webkit -transformar: translateY (calc (100% - 2px)); - ms-transform : translateY (calc (100% - 2px)); transformar: translateY (calc (100% - 2px)); margem: 0 1%}. isMobile .jfQuestion-fields.form-endereço-tabela .pac-container {margin: 0 3%}. JfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isFilled .forSearch ,.jfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isFilled .jfAddress-clear {opacidade: 0.3; -webkit-transition: all 0.33s ease; -o-transition: todos os 0.33s ease; transition: todos os 0.33 s ease} .jfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isPreenchido .forSearch: hover, .jfQuestion-fields: não (.jfAddress-clean) .jfAdress- search.isFilled .jfAddress-clear: hover , .jfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isPreenchido .forSearch: focus, .jfQuestion-fields: não (.jfAddress-clean) .jfAdresse-search.isFilled .jfAddress-clear: focus {opacidade : 1; -webkit-transition: facilidade em todos os 0.33s; -o-transition: todos os 0.33s ease; transition: todos os 0.33s ease} .jfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isFilled: hover .forPesquisa, .jfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isPreenchido: clique em .jfAddress-clear {opacidade: 1} .jfAddress-geolocation {left: auto; top:1px; direito: 1%; largura: 4em; altura: calc (100% - 1px); cursor: ponteiro; tamanho da fonte: 0.7em; posição: absoluto; plano de fundo: # 3575bc; borda: 1px sólido # 3575bc; radius: 3px; -webkit-transition: facilidade de todos os 0.4s; -o-transition: all 0.4s ease; transition: todos os 0.4s ease; will-change: auto; overflow: oculto} .jfAddress-geolocation .circularInner {-webkit -animation: circularRotate 2s linear infinito; animação: circularRotate 2s linear infinito; height: 100%; - webkit-transformar-origem: centro central; -ms-transformar-origem: centro central; transformar-origem: centro central; largura: 100 %; position: relative; preenchimento: 6px; margin: auto} .jfAddress-geolocation.circularPath {stroke-dasharray: 1, 200; traço-traço-traço: 0; -webkit-animação: circularDash 1.5s infinito; animação: circularDash 1.5s infinito, "stroke-linecap: round" .isMobile .jfAddress-geolocation {right: 3%} .jfAddress-geolocation.isLoading {background: #fff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transição: all 0.4s ease; vai mudar: auto; cursor: espera} .jfAddress-geolocation.isLoading .isNormalState {opacidade: 0; segundo plano: #fff} .jfAddress-geolocation.isLoading .isLoadingState {opacidade: 1} .jfAddress-geolocation: hover: não (.isLoading) .jfGeolocation-svg {-webkit-transform: rotateY (180deg ); transform: rotateY (180deg); - webkit-transição: facilidade de todos os 0.4s; -o-transição: facilidade de todos os 0.4s; transição: facilidade de todos os 0.4s; mudança de vontade: auto} .jfAddress-itemReady {display: block ; padding-bottom: 32px} .jfAddress-itemReady .pac-item-appended {posição: absoluta; esquerda: 0; inferior: 0; largura: 100%; cor de fundo: # f7f7f7; imagem de fundo: url ("https : //maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png "); background-position: centro de 18px à direita; repetição de fundo: sem repetição; altura da linha :34px} .isMobile .jfAddress-itemReady .pac-item-appended {tamanho de fundo: 40%; posição de fundo: centro 10px direito} .jfAddress-itemReady .pac-item-appended span.pac-ícone-marcador {largura: 15px; background-image: url ("dados: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QaW48L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM + PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJQaW4iIGZpbGw9IiMwMDlFRjQiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi4xNDI4NTcxLDYgQzE4LjEwNzE1MjcsNiAxOS43ODg2ODM1LDYuNjg0NTE2OTYgMjEuMTg3NSw4LjA1MzU3MTQzIEMyMi41ODYzMTY1LDkuNDIyNjI1ODkgMjMuMjg1NzE0MywxMS4wNzQzOTUxIDIzLjI4NTcxNDMsMTMuMDA4OTI4NiBDMjMuMjg1NzE0MywxNC41NTY1NTU0IDIyLjY5MDQ4MjEsMTYuNDE2NjU1OCAyMS41LDE4LjU4OTI4NTcgQzIwLjMwOTUxNzksMjAuNzYxOTE1NiAxOS4xMTkwNTM2LDIyLjU0NzYxMjEgMTcuOTI4NTcxNCwyMy45NDY0Mjg2IEwxNi4xNDI4NTcxLDI2IEMxNS45MzQ1MjI4LDI1Ljc5MTY2NTYgMTUuNjc0MTA4NywyNS41MDE0OSAxNS4zNjE2MDcxLDI1LjEyOTQ2NDMgQzE1LjA0OTEwNTYsMjQuNzU3NDM4NiAxNC40ODM2MzUsMjQuMDM1NzE5NiAxMy42NjUxNzg2LDIyLjk2NDI4NTcgQzEyLjg0NjcyMjEsMjEuODkyODUxOCAxMi4xMjUwMDMxLDIwLjg1MTE5NTUgMTEuNSwxOS44MzkyODU3IEMxMC44NzQ5OTY5LDE4LjgyNzM3NTkgMTAuMzAyMDg1OSwxNy42ODE1NTQgOS43ODEyNSwxNi40MDE3ODU3IEM5LjI2MDQxNDA2LDE1LjEyMjAxNzQgOSwxMy45OTEwNzYzIDksMTMuMDA4OTI4NiBDOSwxMS4wNzQzOTUxIDkuNjk5Mzk3NzcsOS40MjI2MjU4OSAxMS4wOTgyMTQzLDguMDUzNTcxNDMgQzEyLjQ5NzAzMDgsNi42ODQ1MTY5NiAxNC4xNzg1NjE2LDYgMTYuMTQyODU3MSw2IFogTTE2LjE0Mjg1NzEsMTUuNTA4OTI4NiBDMTYuODU3MTQ2NCwxNS41MDg5Mjg2IDE3LjQ1OTgxOSwxNS4yNjMzOTUzIDE3Ljk1MDg5MjksMTQuNzcyMzIxNCBDMTguNDQxOTY2NywxNC4yODEyNDc1IDE4LjY4NzUsMTMuNjkzNDU1OCAxOC42ODc1LDEzLjAwODkyODYgQzE4LjY4NzUsMTIuMzI0NDAxMyAxOC40NDE5NjY3LDExLjczNjYwOTYgMTcuOTUw== "); tamanho-do-fundo: 27px; margem-topo: 0; altura: 32px; repetição de fundo: não-repetição; posição de fundo: centro 3px; margem-direita: 6px} .jfAddress-itemReady .pac-item intervalo: {color: # 35aef3} .jfAddress-itemReady: not (.hasPreviousSelection) .pac-item-apagerado: hover {background-color: #eaeaea}.pac-container.pac-logo {font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sem -serif; border-radius: 6px; -webkit-box-shadow: 0 20px 30px rgba (0, 0, 0, 0,2); box-shadow: 0 20px 30px rgba (0, 0, 0, 0,2); 1px sólido # 979797; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translateY (-4px); - ms-transform: translateY (-4px); transformar: translateY ( -4px); texto-indent: 0.8em} .isMobile .pac-container.pac-logo {texto-indent: 0.2em} .pac-container.pac-logo .pac-icon-marker {largura: 0; -webkit -transição: largura facilidade de 0.33s; -o-transição: largura facilidade de 0.33s; transição: largura facilidade de 0.33s; vai mudar: auto} .pac-container.pac-logo.hasPreviousSelection .pac-item-ghost .pac- marcador de ícone, .pac-container.pac-logo.hasPreviousSelection .pac-item-ghost .pac-item-query {opacidade: 0} .pac-container.pac-logo .pac-item: não (.pac-item-appended) {altura da linha: 36px} .pac- container.pac-logo .pac-item: não (.pac-item-appended) .pac-item-selecionado .pac-icon-marker {largura: 20px; -webkit-transition: largura facilidade de 0.33s; -o-transição : largura 0.33s facilidade; transição: largura 0.33s facilidade; irá alterar: auto} .pac-container.pac-logo.mustDisplay {display: bloco! importante} .pac-icon {margin-top: 8px; margem-direita : 2px} .pac-logo: após {display: nenhum} .pac-corresponded {background: rgba (255, 253, 56, 0,5); cor: # 000; font-weight: 400} .isMobile .jfToolbar {display: none; padding-left: 1em; padding-right: 1em} .forFullScreen .jfToolbar {display: tabela; padding-top: 0.75em; padding-bottom: 0.75em; padding-right: 3em; max-width: 940px; largura : 100%; posição: fixa; topo: 0; esquerda: 50%; - webkit-transformar: translateX (-50%); - ms-transformação: translateX (-50%);transform: translateX (-50%); height: 2.2em; z-index: 2} .forFullScreen .jfToolbar: depois de {content: ""; background-color: #fff; largura: 1000%; height: 100%; esquerda : 0; topo: 0; posição: fixo; -webkit -transformar: translateX (-50%); - transformação-ms: translateX (-50%); transformação: translateX (-50%); índice-z: -1 ; -webkit-transition: facilidade em todos os 0.3s; -o-transition: todos os 0.3s ease; transition: todos os 0.3s ease; border-bottom: 1px solid # e3e3e3} .jfToolbar-icon {position: relative; width: 32px; height: 32px; ponteiro-eventos: nenhum} .jfToolbar-icon .iconSvg svg {posição: absoluto; largura: 20px; início: 50%; esquerdo: 50%; - webkit-transformar: translate (-50%, -50% ); - ms -transformar: translate (-50%, -50%); transform: traduzir (-50%, -50%)}. jfToolbar-item {min-width: 32px; altura: 32px; background: nenhum; border: none; -webkit-transition: todos os 0.33s ease; -o-transition: todos os 0.33s ease; transition: todos os 0.33s ease; position: relative; display: inline-block;vertical-align: início} .jfToolbar-item + .jfToolbar-item {margem-esquerda: 0.2em} .jfToolbar-item: hover {background-color: #efefef; -webkit-transition: facilidade com todos os 0.33s; -o- transição: facilidade todos os 0.33s; transição: facilidade todos os 0.33s} .jfToolbar-item: hover svg [preencher] {preencher: # 222} .jfToolbar-item.active {border-radius: 3px; cor de fundo: #efefef} .jfToolbar-item.active svg [preencher] {preencher: # 0293e2} .jfToolbar-item.isHidden {exibir: nenhum} .jfToolbar-item .hasDropdown, .jfToolbar-item.hasDropdown {padding-right: 14px; position: relative } .jfToolbar-item .hasDropdown: antes, .jfToolbar-item.hasDropdown: antes de {content: ""; position: absolute; altura: 100%; largura: 100%; topo: 0; direito: -2px; imagem de fundo : url ("dados: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM5Nzk3OTciIGQ9Ik0xNDA4IDcwNHEwIDI2LTE5IDQ1bC00NDggNDQ4cS0xOSAxOS00NSAxOXQtNDUtMTlsLTQ0OC00NDhxLTE5LTE5LTE5LTQ1dDE5LTQ1IDQ1LTE5aDg5NnEyNiAwIDQ1IDE5dDE5IDQ1eiIvPjwvc3ZnPg == "); background-size: 40%; background-position: direito 5px centro; background-repeat: no-repeat} .jfToolbar-item [classe ^ =" ícone - "] {min-width: 32px; min -hema: 32px; tamanho de fundo: 20px; posição de fundo: centro; repetição de fundo: não-repetição; ponteiro-eventos: nenhum} .jfToolbar-item [data-comando = "insertEmoji"] div [estilo] {- webkit-box-shadow: rgba (0, 0, 0, 0,12) 0px 3px 6px, rgba (0, 0, 0, 0.07) 0px 3px 6px! importante; box-shadow: rgba (0, 0, 0, 0,12) 0px 3px 6px, rgba (0, 0, 0, 0.07) 0px 3px 6px!important} .jfToolbar-item [data-comando = "insertEmoji"] div [estilo] ul [estilo] {exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex; - webkit-flex-wrap: wrap; -ms-flex-wrap: capa; flex-wrap: capa} .jfToolbar-item [data-comando = "insertEmoji"] div [estilo] ul [estilo] li [estilo] {largura : 25%; max-width: 25%; preenchimento: 0; margem: 0! Importante; alinhamento de texto: centro} .jfToolbar-modal {background: # 4b4b4b; -webkit-box-shadow: 0 2px 10px 0 rgba ( 0, 0, 0, 0.2); box-shadow: 0 2px 10px 0 rgba (0, 0, 0, 0.2); posição: absoluta; z-índice: 10; min-largura: 260px; -webkit-transformar: translateX (-50%) escala de translateY (16px) (1); - transformação de ms: translateX (-50%) escala de translateY (16px) (1); transformação: translateX (-50%) escala de translateY (16px) (1) ; -bebida-transição: todos os 0,33s bezier cúbico (0,5, 0,25, 0,5, 1,5); -o-transição: todos os 0,33s bezier cúbico (0,5, 0,25, 0,5, 1,5); transição: todos os 0.33s cúbico-bezier (0.5, 0.25, 0.5, 1.5); opacidade: 1; borda-raio: 50px} .jfToolbar-modal: não (.isVisível) {opacidade: 0; ponteiro-eventos: nenhum; -webkit-transformar: translateX (-50%) translateY (16px) escala (0); - ms-transformação: translateX (-50%) translateY (16px) escala (0); transformar: translateX (-50%) translateY (16px) escala (0 ) - webkit-transition: todos os 0,33s bezerro cúbico (0,5, 0,25, 0,5, 1,5); - o-transição: todos os 0,33s bezerro cúbico (0,5, 0,25, 0,5, 1,5); transição: todos os 0,33s cúbicos -bezier (0,5, 0,25, 0,5, 1,5)} .jfToolbar-modal: após {background: # 4b4b4b; conteúdo: ""; posição: absoluta; topo: 3px; esquerda: 50%; largura: 18px; altura: 18px; -webkit-transform: translate (0, -50%) gira (-45deg); - ms-transform: converte (0, -50%) gira (-45deg); transforma: converte (0, -50%) gira ( -45deg); z-index: -1} .jfTamanho da entrada da barra de ferramentas {largura: 100%; limite: nenhum; tamanho da fonte: 14px; preenchimento: 9px 36px 9px 12px; peso da fonte: 100;border-radius: 50px; background: transparent; cor: #fff; height: 36px} .jfToolbar-entrada modal :: - webkit-input-placeholder {cor: rgba (255, 255, 255, 0.33); peso da fonte: 100} .jfToolbar entrada modal: -ms-input-placeholder {cor: rgba (255, 255, 255, 0.33); peso da fonte: 100} .jfToolbar-modal input :: espaço reservado {cor: rgba (255, 255 , 255, 0.33); font-weight: 100} .jfBotão modal de barra de ferramentas {font-size: 15px; font-weight: 500} .jfBotão modal de barra de ferramentas {height: 40px; width: 80px; background: # 8383e4; display : bloco; cor: #fff; texto-transformar: maiúscula; tamanho da fonte: 15px; borda-raio: 5px; flutuante: direito; margem-direita: 25px} .jfToolbar-modal .modal-btn {altura: 28px; min -width: 28px; position: absolute; cor: #fff; text-indent: -9999px; background-image: url ("dados: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzM3B4IiBoZWlnaHQ9IjMzcHgiIHZpZXdCb3g9IjAgMCAzMyAzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5CdXR0b24gTm9ybWFsPC90aXRsZT4gICAgPGRlc2M + Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M + ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkNhcmQtVmlldyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI + ICAgICAgICA8ZyBpZD0iTW9kYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTIuMDAwMDAwLCAtNzcxLjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NDUuMDAwMDAwLCA3NTUuMDAwMDAwKSI + ICAgICAgICAgICAgICAgIDxnIGlkPSJCdXR0b24tTm9ybWFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDcuMDAwMDAwLCAxNi4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNCIgc3Ryb2tlPSIjMDBBQkZFIiBzdHJva2Utd2lkdGg9IjIiIGN4PSIxNi41IiBjeT0iMTYuNSIgcj0iMTUuNSI + PC9jaXJjbGU +LDE1Ljk4NDM3NSBDMTEuNTgzMzM1LDE1Ljk5NDc5MTcgMTEuODY0NTgyMiwxNi4xMzU0MTUzIDEyLjA5Mzc1LDE2LjQwNjI1IEwxNS4xODc1LDE5Ljc1IEwyMC44MTI1LDExLjUzMTI1IEMyMS4wMjA4MzQ0LDExLjI2MDQxNTMgMjEuMjg2NDU2NywxMS4wOTM3NTAzIDIxLjYwOTM3NSwxMS4wMzEyNSBDMjEuOTMyMjkzMywxMC45Njg3NDk3IDIyLjIyOTE2NTMsMTEuMDQxNjY1NiAyMi41LDExLjI1IFoiIGlkPSJpb24tY2hlY2ttYXJrLXJvdW5kLS0tSW9uaWNvbnMiIGZpbGw9IiMwMEFCRkUiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg == "); background-repeat: no-repeat; background-size: 100%; direita: 4px; top: 4px; cursor: ponteiro} .jfToolbar-modal .modal-btn: hover {background-image: url ( "dados: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzM3B4IiBoZWlnaHQ9IjMzcHgiIHZpZXdCb3g9IjAgMCAzMyAzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5CdXR0b24gTm9ybWFsIENvcHk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM + PC9kZWZzPiAgICA8ZyBpZD0iQ2FyZC1WaWV3IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJNb2RhbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk5OC4wMDAwMDAsIC03NzEuMDAwMDAwKSI + ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1MS4wMDAwMDAsIDc1NS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IkJ1dHRvbi1Ob3JtYWwtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ3LjAwMDAwMCwgMTYuMDAwMDAwKSI + ICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTQiIGZpbGw9IiMwMEFCRkUiIGN4PSIxNi41IiBjeT0iMTYuNSIgcj0iMTYuNSI + PC9jaXJjbGU +NSBDMTEuNTgzMzM1LDE1Ljk5NDc5MTcgMTEuODY0NTgyMiwxNi4xMzU0MTUzIDEyLjA5Mzc1LDE2LjQwNjI1IEwxNS4xODc1LDE5Ljc1IEwyMC44MTI1LDExLjUzMTI1IEMyMS4wMjA4MzQ0LDExLjI2MDQxNTMgMjEuMjg2NDU2NywxMS4wOTM3NTAzIDIxLjYwOTM3NSwxMS4wMzEyNSBDMjEuOTMyMjkzMywxMC45Njg3NDk3IDIyLjIyOTE2NTMsMTEuMDQxNjY1NiAyMi41LDExLjI1IFoiIGlkPSJpb24tY2hlY2ttYXJrLXJvdW5kLS0tSW9uaWNvbnMiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg == ")} jfToolbar-select {linha-altura: 1; posição:. Absoluta; -webkit-caixa-sombra: 0 2px 10px 0 rgba (0, 0, 0, 0,2); caixa-sombra: 0 2px 10px 0 rgba (0, 0, 0, 0,2); repetição de fundo: sem repetição; margem: 0; preenchimento: 0 0.85em; alinhamento de texto: esquerdo; z-índice: 2} .jfToolbar-select: não (.isVisible) {display: nenhum} .jfToolbar-select li {background: #fff; color: # 222; padding: 12px 44px; cursor: ponteiro; posição: relativo; -webkit-transition: all 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade} .jfToolbar-select li: hover {fundo: #eee; cor: # 000; -webkit-transição: todos os 0.3s facilidade; -transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade} .jfToolbar-select li [data-selecionados = "true"]: antes de {content: "âœ" "; position: absolute; color: # 717171; -webkit -transição: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; tamanho da fonte: 19px; -webkit-transformar: translateX (calc (-100% - 10px)) translateY (- 50%); - ms -transformar: translateX (calc (-100% - 10px)) translateY (-50%); transformar: translateX (calc (-100% - 10px)) translateY (-50%); topo: 50 %}. jfQuestion-fields [data-render-tipo = "mde"] .mdInput {display: nenhum} .jfCard [data-type = "control_textarea"] .jfQuestion-fields [data-render-tipo = "mde"] {padding: 0! important; overflow: hidden} .jfCard [data-type = "control_textarea "] .jfQuestion-fields [data-render-tipo =" mde "] .jfField {max-height: herdar; preenchimento: 0} .jfCard [data-type =" control_textarea "] .jfToolbar {margin-top: - 4px; padding: 0 2.4em 0.4em} .jfTextarea-infoSpan {font-size: 14px; font-weight: 100; float: right; padding: 5px; vertical-align: middle; -webkit-transition: todas as facilidades de 0.3s ; -o-transition: todos os 0.3s ease; transition: todos os 0.3s ease} .jfTextarea-infoSpan.isHidden {display: none} .jfTextarea-infoSpan span {flutuante: esquerda} #jfQuestion-proxy .jfTextarea-infoSpan {posição: fixed; bottom: 0.5em; right: 0.5em} #jfQuestion-proxy .jfTextarea-infoSpan.isHidden {display: bloco} .isMobile # jfQuestion-proxy .jfTextarea-infoSpan {fundo: 0.25em; direito: 0.25em; segundo plano: #fff; border-radius: 12px; padding: 0.25em 1em; z-index: 10} .jfTextarea-limitSpan {line-height: 24px} .jfTextarea-modeSpan {cursor: ponteiro; exibição: nenhum; margem esquerda:4px; largura: 24px; altura: 24px; posição de fundo: centro; repetição de fundo: sem repetição; tamanho de fundo: 18px; posição: relativo; imagem de fundo: url ("dados: imagem / svg + xml; base64 ,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgaWQ9Ikljb25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJNb29uIj4gICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDUuMDAwMDAwKSI + ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC45NjI0MjQ0LDIyIEM2LjM3MjgwNzg0LDIyIDIuMjMzNTkwMjEsMTkuMDkwMTI3NSAwLjY2MjA0NjEyNCwxNC43NTgyNzQ4IEMtMS40MDU1NjQ3Miw5LjA1Nzc0NDY2IDEuNTMyMzAzNjQsMi43MzA3NjM3MiA3LjIxMTA5Nzg4LDAuNjUzOTYxODg2IEM4LjMzMzk1NTU2LDAuMjQzODc0NDgxIDkuNTI1NjAwNDEsMC4wMjQwNzIyMTY2IDEwLjc1MjYzNzgsMCBDMTAuOTMxNTk4NiwwLjAwMjAwNjAxODA1IDExLjEwMDU2OTYsMC4xMTAzMzA5OTMgMTEuMTYzMzYyOCww+ PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuMDc3MzA0Niw4LjQ5MjA0NjQ3IEwxMy4wMzgwOTAzLDguOTc2Njc3OTUgTDEzLjAzODA5MDMsOC45NzY2Nzc5NSBDMTIuNjg5NDM1MSw5LjEzOTI3MTIzIDEyLjI3NDk4NjQsOC45ODg0MzgyNyAxMi4xMTIzOTMxLDguNjM5NzgzMTEgQzEyLjA1MDYzMTMsOC41MDczNDQ4NCAxMi4wMzIwODUyLDguMzU4ODM2NjQgMTIuMDU5Mzc5Nyw4LjIxNTI3NjgxIEwxMi4yMDYzMzA4LDcuNDQyMzYzMzQgTDEyLjIwNjMzMDgsNy40NDIzNjMzNCBDMTIuMjcyNjcyOSw3LjA5MzQyNjQxIDEyLjE0ODk0NTUsNi43MzU0ODQxNiAxMS44ODEyODIzLDYuNTAyMDAwNDQgTDExLjIyNjY5MTUsNS45MzA5OTgxNSBMMTEuMjI2NjkxNSw1LjkzMDk5ODE1IEMxMC45NTU4MTcxLDUuNjk0NzEzMzEgMTAuOTI3Nzc2OCw1LjI4MzU3OTU0IDExLjE2NDA2MTYsNS4wMTI3MDUxNiBDMTEuMjY4MjkzOSw0Ljg5MzIxNDQgMTEuNDEyNTYyNSw0LjgxNTg4NDk3IDExLjU2OTc3NjEsNC43OTUyMzgxNSBMMTIuNjQ5Njk1OCw0LjY1MzQxMjU5IEwxMi42NDk2OTU4LDQuNjUzNDEyNTkgQzEyLjk2MzU2MDMsNC42MTIxOTI4NSAxMy4yMzkzNzI1LDQuNDI0Nzk2NDUgMTMuMzkzMzAxMiw0LjE0ODE4MTI4IEwxMy44MjQyODI5LDMuMzczNjkyMTYgTDEzLjgyNDI4MjksMy4zNzM2OTIxNiBDMTQuMDMxOTM2NCwzLjAwMDUzMTQ4IDE0LjUwMjc3OTQsMi44NjYzNjE0NiAxNC44NzU5NDAxLDMuMDc0MDE1MDIgQzE1LjAwMTc5MjUsMy4xNDQwNDg0MiAxNS4xMDU1ODM4LDMuMjQ3ODM5NyAxNS4xNzU2MTcyLDMuMzczNjkyMTYgTDE1LjYwNjU5ODksNC4xNDgxODEyOCBMMTUuNjA2NTk4OSw0LjE0ODE4MTI4IEMxNS43NjA1Mjc2LDQuNDI0Nzk2NDUgMTYuMDM2MzM5OCw0LjYxMjE5Mjg1IDE2LjM1MDIwNDMsNC42NTM0MTI1OSBMMTcuNDMwMTIzOSw0Ljc5NTIzODE1IEwxNy40MzAxMjM5LDQuNzk1MjM4MTUgQzE3Ljc4NjUxMjUsNC44NDIwNDI1NyAxOC4wMzc0OCw1LjE2ODg5NTA0IDE3Ljk5MDY3NTYsNS41MjUyODM1OSBDMTcuOTcwMDI4OCw1LjY4MjQ5NzIgMTcuODkyNjk5Myw1LjgyNjc2NTg3IDE3Ljc3MzIwODYsNS45MzA5OTgxNSBMMTcuMTE4NjE3Nyw2LjUwMjAwMDQ0IEwxNy4xMTg2MTc3LDYuNTAyMDAwNDQgQzE2Ljg1MDk1NDUsNi43MzU0ODQxNiAxNi43MjcyMjcyLDcuMDkzNDI2NDEgMTYuNzkzNTY5Myw3LjQ0MjM2MzM0IEwxNi45NDA1MjAzLDguMjE1Mjc2ODEgTDE2Ljk0MDUyMDMsOC4yMTUyNzY4MSBDMTcuMDEyMzc1NCw4LjU5MzIxMDQ1IDE2Ljc2NDI0OTcsOC45NTc4MzYyNiAxNi4zODYzMTYxLDkuMDI5NjkxMzQgQzE2LjI0Mjc1NjMsOS4wNTY5ODU4MiAxNi4wOTQyNDgxLDkuMDM4NDM5NzYgMTUuOTYxODA5OCw4Ljk3NjY3Nzk1IEwxNC45MjI1OTU0LDguNDkyMDQ2NDcgTDE0LjkyMjU5NTQsOC40OTIwNDY0NyBDMTQuNjU0NjgyMSw4LjM2NzEwNjY1IDE0LjM0NTIxOCw4LjM2NzEwNjY1IDE0LjA3NzMwNDYsOC40OTIwNDY0NyBaIiBpZD0iU3RhciIgZmlsbD0iI0Y4RTcxQyI + PC9wYXRoPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg == ")} jfTextarea-modeSpan: antes {content:". "; Position: absolute; top: 0; left: 0; direita: 0; bottom: 0; background-color: rgba (0, 0, 0, 0.12); fronteira-raio: 50%; z-índice: -1; -bebida-transformada: escala (0); - ms-transformação: escala (0); transformação: escala (0); opacidade: 0; -webkit-transition: todos os 0,33s bezerro cúbico (0,5, 0,25, 0,5, 1,5); -o-transição: todos os 0,33s bezerro cúbico (0,5, 0,25, 0,5, 1,5); transição: todos os 0,33s bezier cúbico (0.5, 0.25, 0.5, 1.5)}. JfTextarea-modeSpan: hover:before {-webkit-transform: escala (1); - ms-transform: escala (1); transformação: escala (1); opacidade: 1; -webkit-transição: todos os 0,33s cúbicos-bezier (0,5, 0,25, 0,5 , O) - o-transition: todos os 0,33s bezier cúbico (0,5, 0,25, 0,5, 1,5); transição: todos os 0,33s bezier cúbico (0,5, 0,25, 0,5, 1,5)} éMobile .jfTextarea-modeSpan: passe o mouse: antes de {display: none} #jfQuestion-proxy .jfTextarea-modeSpan {display: bloco-in}} .jfTextarea-editor [contenteditable] {min-height: 150px; max-height: calc (100% - 300px); margem : 0 auto; padding: 8px; -webkit-transition: all 0s ease; -o-transition: all 0s ease; transição: all 0s ease; tamanho da fonte: 0.8em; espaçamento entre letras: 0.4px; posição: relativa; border: 1px solid; estouro: auto} .isMobile .jfTextarea-editor [contenido] {margem: 0 3%}. jfTextarea-editor [contenido]: antes de {ponteiro-eventos: nenhum; mostrador: bloco-inline} .jfTextarea- editor [contenteditable]: focus: before {display: none}.jfTextarea-editor [contenteditable]: vazio: antes de {content: attr (data-placeholder)} .jfTextarea-editor [contenteditable] h1, .jfTextarea-editor [contenteditable] h2, .jfTextarea-editor [contenteditable] h3, .jfTextarea- editor [conteúdo editável] h4, .jfTextarea-editor [conteúdo editável] h5, .jfTextarea-editor [conteúdoeditável] h6 {fonte-peso: 400} .isFullScreen .jfTextarea-editor [conteúdoeditável] {borda: nenhum} .jfTexto editor-editor [contenteditable ]: focus, .jfTextarea-editor [conteúdoeditável]: active {estrutura: 0} .jfTextarea-editor [contenteditable] .pen-placeholder: depois de {left: 8px; top: 8px} #jfQuestion-proxy .jfTextarea-editor [contenteditable ] .pen-placeholder: depois de {left: 0; topo: 0} .jfTextarea-editor [contenteditable] p {preenchimento: 0 0 1.2em; margin: 0} .jfTextarea-editor [contenteditable] ul {tipo-estilo-de-lista : disc; list-style-position: dentro} .jfTextarea-editor [contenteditable] ol {tipo-estilo-de-lista:decimal; list-style-position: dentro} .jfTextarea-editor [contenteditable] ul ul, .jfTextarea-editor [contenteditable] ol ul {tipo-de-estilo-de-lista: circle; list-style-position: dentro; margin-left: 15px} .jfTextarea-editor [conteúdo editável] ol ol, .jfTextarea-editor [conteúdo editável] ul ol {lista-estilo-tipo: baixo-latin; lista-estilo-posição: dentro; margem-esquerda: 15px} .jfTextarea-editor [contenteditable] blockquote {background-color: rgba (128, 128, 128, 0.05); borda-esquerda: 0.55em rgba sólido (128, 128, 128, 0.075); preenchimento: 0.85em 1.1em} .jfEmoji-picker { à direita: 2px; z-index: 999; largura: 223px; estrutura de tópicos: nenhum; display: nenhum; margem superior: 5px; estouro: oculto; segundo plano: #fff; border-radius: 2px; posição: absoluto; preenchimento: 7px ; -webkit-transform: translateX (calc (50% - 23px)) - ms-transformação: translateX (calc (50% - 23px)); transformação: translateX (calc (50% - 23px)) - webkit-box -sombra: 0 3px 6px rgba (0, 0, 0, 0,46),0 3px 6px rgba (0, 0, 0, 0,7); box-shadow: 0 3px 6px rgba (0, 0, 0, 0,46), 0 3px 6px rgba (0, 0, 0, 0,7)} jfEmoji-picker -list {largura: 100%; max-height: 150px; estouro: auto} .jfEmoji-picker-item {display: bloco-inline; largura: 20%; alinhamento de texto: centro} .jfEmoji-picker-link {texto -decoração: nenhum; margem: 5px; posição: inicial; tamanho da fonte: 24px; cursor: ponteiro} # jfQuestion-proxy.isNightMode {background-color: # 252525; -webkit-transição: facilidade de cor de fundo 0.3s; o-transition: facilidade de cor de fundo 0.3s; transição: cor de fundo 0.3s facilidade; cor: #fff} # jfQuestion-proxy.isNightMode .jfQuestion-fullScreen {background-color: # 222; imagem de fundo: url (" dados: image / svg + xml; base64,= ")} # jfQuestion-proxy.isNightMode .jfTextarea-editor {cor: #fff; -webkit-transition: all 0s ease; -o-transition: all 0s facilidade;transição: todos os 0s facilitam} # jfQuestion-proxy.isNightMode .jfTextarea-editor: vazio: antes de {cor: rgba (255, 255, 255, 0.4)} #jfQuestion-proxy.isNightMode .jfTextarea-infoSpan {background: # 101010; -webkit-transition: toda a facilidade 0.3s; -o-transition: todos os 0.3s ease; transition: todos os 0.3s ease} #jfQuestion-proxy.isNightMode .jfTextarea-modeSpan {background-image: url ("dados: image / svg + xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgaWQ9Ikljb25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJTdW4iPiAgICAgICAgICAgIDxnIGlkPSJpZl93ZWF0aGVyXzNfMjY4Mjg0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDQuMDAwMDAwKSI + ICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNFRkNDMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjExIiBjeT0iMTIiIHI9IjYiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMCBMMTEsMyIgaWQ9IlNoYXBlIiBzdHJva2U9IiNFRkNDMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI + PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjEgTDExLDI0IiBpZD0iU2hhcGUiIHN0cm9rZT0iI0VGQ0MwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg ++ PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNCw0IEwzLDMiIGlkPSJTaGFwZSIgc3Ryb2tlPSIjRUZDQzAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4gICAgICAgICAgICA8L2c + ICAgICAgICA8L2c + ICAgIDwvZz48L3N2Zz4 = ");background-size: 20px} # jfQuestion-proxy.isNightMode .jfTextarea-modeSpan: antes de {background-color: rgba (255, 255, 255, 0,12)} # jfQuestion-proxy.isNightMode .jfQuestion-label {cor: #fff} # jfQuestion-proxy.isNightMode .jfQuestion-description {color: #efefef} # jfQuestion-proxy.isNightMode .jfToolbar: após {background: # 252525; -webkit-transition: todas as facilidades de 0.3s; -o-transition: todas as 0.3s facilidade; transição: todos os 0.3s facilidade; borda inferior: 1px sólido # 474747} # jfQuestion-proxy.isNightMode .jfToolbar .jfToolbar-ícone .iconSvg svg [preencher] {preencher: #fff} # jfQuestion-proxy.isNightMode .jfToolbar .jfToolbar-item.active {background: # 101010} #jfQuestion-proxy.isNightMode .jfToolbar .jfToolbar-item.active .iconSvg svg [preenchimento] {preenchimento: # 0293e2} # jfQuestion-proxy.isNightMode .jfToolbar .jfToolbar-item [data-command = "insertEmoji"] + div {background: # 151515! important} # jfQuestion-proxy.isNightMode .jfToolbar .jfToolbar-item: hover {cor de fundo: # 000} # jfQuestion-proxy.isNightMode .jfToolbar .jfToolbar-select li {fundo: # 101010; cor: #fff} # jfQuestion-proxy.isNightMode .jfToolbar. jfToolbar-select li: hover {fundo: # 404040} # jfQuestion-proxy.isNightMode .jfEmoji-picker {fundo: # 101010} @ - webkit-keyframes becomeVisible {0% {opacidade: 0} 100% {opacidade: 1}} @keyframes visibleVisible {0% {opacidade: 0} 100% {opacidade: 1}} # jfQuestion-proxy {posição: fixo; esquerdo: 0; topo: 0; largura: 100%; altura: 100%; fundo: #fff z-index: -1; overflow: auto; opacidade: 0; -webkit-transform: escala (0.75); - ms-transform: escala (0.75); transformação: escala (0.75); - webkit-transition: todos os 0.33 s facilidade; -o-transição: todos os 0.33s facilidade; transição: todos os 0.33s facilidade; tamanho da fonte: 20px} .isFullScreen # jfQuestion-proxy {opacidade: 1; -webkit-transformação: nenhum; -ms-transformar: nenhum ; transform: none; -webkit-transition: todos os 0.33s facilidade; -o-transição: todos os 0.33s facilidade; transição: todos os 0.33s facilidade; z-índice: 903} # jfQuestion-proxy .jfCard-question {largura max: 940px; largura: 100%; display: tabela; margin: auto; background: none; -webkit-transition: todos os 0.33s ease; -o-transition: todos os 0.33s ease; transition: todos os 0.33s ease} # jfQuestion-proxy .jfCard-question .jfQuestion-label {font- size: 1.4em; max-height: inicial} #jfQuestion-proxy .jfCard-question .jfQuestion-description {tamanho da fonte: 1em; preenchimento: 0.4em 1% 0.6em; peso da fonte: 400; altura-máx: inicial } #jfQuestion-proxy .jfCard-question .jfQuestion-fields {max-height: inicial! important; overflow: inicial} #jfQuestion-proxy [data-type = "control_textarea"] .jfCard-question {preenchimento: 5.5em 0 0 } # jfQuestion-proxy [data-type = "control_textarea"]: não (.hasToolbar): não (: vazio): depois de {content: ""; cor de fundo: #fff; largura: 100%; altura: 56px; esquerda: 0; topo: 0;posição: fixo; z-index: -1; border-bottom: 1px sólido # e3e3e3} # jfQuestion-proxy [tipo-de-dados = "controle_texto"] .jfField .form-html img {largura: 100%} # jfQuestion-proxy .jfCard-mobileError {display: nenhum} # jfQuestion-proxy .form-error-message {posição: fixo; início: 60px; largura: 100%; preenchimento: 1em 0; alinhamento de texto: esquerdo; tamanho da fonte: 0.8em ; cor de fundo: # e82220; z-index: 1; opacidade: 0; max-width: 665px; esquerda: 50%; - webkit-transformar: translateX (-50%); - ms-transformação: translateX (-50 %); transform: translateX (-50%)}. isMobile #jfQuestion-proxy .form-error-message {início: 70px} # jfQuestion-proxy .form-erro-mensagem: antes de {content: "\ 2022 \ 00A0" } # jfQuestion-proxy .form-erro-mensagem: após {content: ""; background-color: # e82220; largura: 1000%; height: 100%; left: 0; top: 0; posição: fixo; -webkit -transforma: translateX (-50%); - ms-transform: translateX (-50%); transformar: translateX (-50%); z-index:-1} # jfQuestion-proxy.hasError .jfCard-question {padding-top: 7.5em; -webkit-transition: all 0.33s ease; -o-transition: all 0.33s ease; transição: all 0.33s ease} .isMobile # jfQuestion-proxy.hasError .jfCard-question {padding-top: 8.5em} # jfQuestion-proxy.hasError .form-error-message {opacidade: 1; -webkit-transition: facilidade com todos os 0.33s; -o-transition: todos os 0.33s são fáceis; transição: todos os 0.33s são fáceis; -webkit-animation: becomeVisible 0.33s; animação: becomeVisible 0.33s; -webkit-animação-fill-mode: encaminhados; animation-fill-mode: forwards} # jfQuestion-proxy .jfTextarea {max-width: 680px; largura: 100%} # jfQuestion-proxy .jfTextarea-editor {tamanho da fonte: 0.8em; espaçamento entre letras: 0.4px; min-height: 40vh; preenchimento: 0 0 20vh; -break: break-word; -webkit-transition: all 0s ease; -o-transition: all 0s ease; transição: all 0s ease; cor: # 000; overflow-x: oculto; overflow-y: visível; peso: 400}.isMobile #jfQuestion-proxy .jfTextarea-editor {padding-bottom: 0} .jfQuestion-fullscreen {position: absoluto; largura: 2em; altura: 2em; border-radius: 100%; cor de fundo: # e0eafb; z-index : 2; background-image: url ("dados: image / svg + xml; base64,+ ICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDE2IEw2LjIyMjIyMjIyLDkuNzc3Nzc3NzgiPjwvcGF0aD4gICAgICAgICAgICA8L2c + ICAgICAgICA8L2c + ICAgIDwvZz48L3N2Zz4 = "); tamanho do fundo: 50%; cursor: ponteiro; background-repeat: no-repeat; posição de fundo: centro; opacidade: 1; -webkit-transition: todas as facilidades de 0.3s; -transição: todos os 0.3s facilidade, transição: todos os 0.3s facilidade; topo: 0.5em; direita: 0.5em} .isMobile .jfQuestion-fullscreen {posição: fixo; topo: 0.33em; direito: 0.33em; z-índice: 5} .jfQuestion-fullscreen.isHidden {opacidade: 0; -webkit-transition: todos os 0.3s facilidade; -o-transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; ponteiro-eventos: nenhum; z-index: -1} .onScrollMode .jfQuestion-fullscreen {opacity: 0; -webkit-transition: toda a facilidade 0.3s; -o-transition: todos os 0.3s ease; transition: todos os 0.3s ease} # jfQuestion-proxy .jfQuestion-fullscreen { direita: 1.2em; topo: 0.8em; posição: fixo; background-image: url ("dados: image / svg + xml; base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI + IDxnPiAgPGcgaWQ9InN2Z18xIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI + ICAgPGcgaWQ9InN2Z18yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZEODNBOSAiPiAgICA8ZyBpZD0ic3ZnXzMiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfNCIgcG9pbnRzPSIyLjExMjY4MTM4ODg1NDk4MDUsMTAuNTUzOTg1NTk1NzAzMTI1IDcuNDQ2MDE0NDA0Mjk2ODc1LDEwLjU1Mzk4NTU5NTcwMzEyNSA3LjQ0NjAxNDQwNDI5Njg3NSwxNS44ODczMTkwODc5ODIxNzggIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzYiIGQ9Im03LjQ0NjAxNCwxMC41NTM5ODZsLTYuMjIyMjIsNi4yMjIyMiIvPiAgICA8L2c + ICAgPC9nPiAgPC9nPiAgPGcgaWQ9InN2Z18xNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgIDxnIGlkPSJzdmdfMTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNkQ4M0E5ICI + ICAgIDxnIGlkPSJzdmdfMTIiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfOSIgcG9pbnRzPSIxNS45NzE4NDk5MTgzNjU0NzksNy4zNjE0ODM1NzM5MTM1NzQgMTAuNjM4NTE2NDI2MDg2NDI2LDcuMzYxNDgzNTczOTEzNTc0IDEwLjYzODUxNjQyNjA4NjQyNiwyLjAyODE1MDU1ODQ3MTY3OTcgIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzExIiBkPSJtMTAuNjM4NTE2LDcuMzYxNDg0bDYuMjIyMjIsLTYuMjIyMjIiLz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg == "); índice z: 5; display: block; opacidade: 1; apontadora de eventos: todos} .jfForm-ecrã completo {display: nenhuma; posição: fixo; largura: 2em; altura: 2em; fronteira -radius: 100%; cor de fundo: # e0eafb; índice z: 2; fundo-imagem: URL ( "dados: imagem / SVG + XML; base64,+ ICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDE2IEw2LjIyMjIyMjIyLDkuNzc3Nzc3NzgiPjwvcGF0aD4gICAgICAgICAgICA8L2c + ICAgICAgICA8L2c + ICAgIDwvZz48L3N2Zz4 = "); tamanho do fundo: 50%; cursor: ponteiro; background-repeat: no-repeat; posição de fundo: centro; opacidade: 1; -webkit-transition: todas as facilidades de 0.3s; -transição: todos os 0.3s facilidade; transição: todos os 0.3s facilidade; topo: 0.5em; direito: 0.5em} .fsOpenedOnce .jfForm-fullscreen {display: bloco}: - webkit-tela cheia .jfForm-fullscreen {background- image: url ("dados: image / svg + xml; base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI + IDxnPiAgPGcgaWQ9InN2Z18xIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI + ICAgPGcgaWQ9InN2Z18yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZEODNBOSAiPiAgICA8ZyBpZD0ic3ZnXzMiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfNCIgcG9pbnRzPSIyLjExMjY4MTM4ODg1NDk4MDUsMTAuNTUzOTg1NTk1NzAzMTI1IDcuNDQ2MDE0NDA0Mjk2ODc1LDEwLjU1Mzk4NTU5NTcwMzEyNSA3LjQ0NjAxNDQwNDI5Njg3NSwxNS44ODczMTkwODc5ODIxNzggIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzYiIGQ9Im03LjQ0NjAxNCwxMC41NTM5ODZsLTYuMjIyMjIsNi4yMjIyMiIvPiAgICA8L2c + ICAgPC9nPiAgPC9nPiAgPGcgaWQ9InN2Z18xNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgIDxnIGlkPSJzdmdfMTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNkQ4M0E5ICI + ICAgIDxnIGlkPSJzdmdfMTIiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfOSIgcG9pbnRzPSIxNS45NzE4NDk5MTgzNjU0NzksNy4zNjE0ODM1NzM5MTM1NzQgMTAuNjM4NTE2NDI2MDg2NDI2LDcuMzYxNDgzNTczOTEzNTc0IDEwLjYzODUxNjQyNjA4NjQyNiwyLjAyODE1MDU1ODQ3MTY3OTcgIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzExIiBkPSJtMTAuNjM4NTE2LDcuMzYxNDg0bDYuMjIyMjIsLTYuMjIyMjIiLz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg == ")}: - moz-fullscreen .jfForm-fullscreen {background-image: url (" dados: image / svg + xml; base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI + IDxnPiAgPGcgaWQ9InN2Z18xIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI + ICAgPGcgaWQ9InN2Z18yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZEODNBOSAiPiAgICA8ZyBpZD0ic3ZnXzMiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfNCIgcG9pbnRzPSIyLjExMjY4MTM4ODg1NDk4MDUsMTAuNTUzOTg1NTk1NzAzMTI1IDcuNDQ2MDE0NDA0Mjk2ODc1LDEwLjU1Mzk4NTU5NTcwMzEyNSA3LjQ0NjAxNDQwNDI5Njg3NSwxNS44ODczMTkwODc5ODIxNzggIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzYiIGQ9Im03LjQ0NjAxNCwxMC41NTM5ODZsLTYuMjIyMjIsNi4yMjIyMiIvPiAgICA8L2c + ICAgPC9nPiAgPC9nPiAgPGcgaWQ9InN2Z18xNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgIDxnIGlkPSJzdmdfMTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNkQ4M0E5ICI + ICAgIDxnIGlkPSJzdmdfMTIiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfOSIgcG9pbnRzPSIxNS45NzE4NDk5MTgzNjU0NzksNy4zNjE0ODM1NzM5MTM1NzQgMTAuNjM4NTE2NDI2MDg2NDI2LDcuMzYxNDgzNTczOTEzNTc0IDEwLjYzODUxNjQyNjA4NjQyNiwyLjAyODE1MDU1ODQ3MTY3OTcgIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzExIiBkPSJtMTAuNjM4NTE2LDcuMzYxNDg0bDYuMjIyMjIsLTYuMjIyMjIiLz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg == ")}: - ms-fullscreen .jfForm-fullscreen {background-image: url (" dados: image / svg + xml; base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI + IDxnPiAgPGcgaWQ9InN2Z18xIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI + ICAgPGcgaWQ9InN2Z18yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZEODNBOSAiPiAgICA8ZyBpZD0ic3ZnXzMiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfNCIgcG9pbnRzPSIyLjExMjY4MTM4ODg1NDk4MDUsMTAuNTUzOTg1NTk1NzAzMTI1IDcuNDQ2MDE0NDA0Mjk2ODc1LDEwLjU1Mzk4NTU5NTcwMzEyNSA3LjQ0NjAxNDQwNDI5Njg3NSwxNS44ODczMTkwODc5ODIxNzggIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzYiIGQ9Im03LjQ0NjAxNCwxMC41NTM5ODZsLTYuMjIyMjIsNi4yMjIyMiIvPiAgICA8L2c + ICAgPC9nPiAgPC9nPiAgPGcgaWQ9InN2Z18xNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgIDxnIGlkPSJzdmdfMTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNkQ4M0E5ICI + ICAgIDxnIGlkPSJzdmdfMTIiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfOSIgcG9pbnRzPSIxNS45NzE4NDk5MTgzNjU0NzksNy4zNjE0ODM1NzM5MTM1NzQgMTAuNjM4NTE2NDI2MDg2NDI2LDcuMzYxNDgzNTczOTEzNTc0IDEwLjYzODUxNjQyNjA4NjQyNiwyLjAyODE1MDU1ODQ3MTY3OTcgIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzExIiBkPSJtMTAuNjM4NTE2LDcuMzYxNDg0bDYuMjIyMjIsLTYuMjIyMjIiLz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg == ")}: fullscreen .jfForm-fullscreen {background-image: url (" dados: image / svg + xml; base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI + IDxnPiAgPGcgaWQ9InN2Z18xIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI + ICAgPGcgaWQ9InN2Z18yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZEODNBOSAiPiAgICA8ZyBpZD0ic3ZnXzMiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfNCIgcG9pbnRzPSIyLjExMjY4MTM4ODg1NDk4MDUsMTAuNTUzOTg1NTk1NzAzMTI1IDcuNDQ2MDE0NDA0Mjk2ODc1LDEwLjU1Mzk4NTU5NTcwMzEyNSA3LjQ0NjAxNDQwNDI5Njg3NSwxNS44ODczMTkwODc5ODIxNzggIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzYiIGQ9Im03LjQ0NjAxNCwxMC41NTM5ODZsLTYuMjIyMjIsNi4yMjIyMiIvPiAgICA8L2c + ICAgPC9nPiAgPC9nPiAgPGcgaWQ9InN2Z18xNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgIDxnIGlkPSJzdmdfMTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNkQ4M0E5ICI + ICAgIDxnIGlkPSJzdmdfMTIiPiAgICAgPHBvbHlsaW5lIGlkPSJzdmdfOSIgcG9pbnRzPSIxNS45NzE4NDk5MTgzNjU0NzksNy4zNjE0ODM1NzM5MTM1NzQgMTAuNjM4NTE2NDI2MDg2NDI2LDcuMzYxNDgzNTczOTEzNTc0IDEwLjYzODUxNjQyNjA4NjQyNiwyLjAyODE1MDU1ODQ3MTY3OTcgIi8 + ICAgICA8cGF0aCBpZD0ic3ZnXzExIiBkPSJtMTAuNjM4NTE2LDcuMzYxNDg0bDYuMjIyMjIsLTYuMjIyMjIiLz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg == ")} fsOpenedOnce .jfTranslation. {direita: 70px} @ - webkit-keyframes boxAnimation {100% {top: 0; left: 0; direita: 0; bottom: 0; opacidade: 1}} @ keyframes boxAnimation {100% {top: 0; left: 0; right: 0; bottom: 0; opacidade: 1}} @ - webkit-keyframes strokeAnimation {100% {traço-traço: 0}} @ keyframes strokeAnimation {100% { stroke-dashoffset: 0}} @ - webkit-keyframes scaleAnimation {0%, 100% {- webkit-transformação: nenhum; transformar: nenhum} 50% {- webkit-transform: scale3d (1.1, 1.1, 1); scale3d (1.1, 1.1, 1)}} @ keyframes scaleAnimation {0%, 100% {- webkit-transform: nenhum; transformar:nenhum} 50% {- webkit-transform: scale3d (1.1, 1.1, 1); transformar: scale3d (1.1, 1.1, 1)}} @ - webkit-keyframes fillAnimation {100% {- webkit-box-shadow: inserção 0 0 0 63px # 7ac142; box-shadow: inserção 0 0 0 63px # 7ac142}} @ keyframes fillAnimação {100% {- webkit-box-shadow: inserção 0 0 0 63px # 7ac142; box-shadow: inserção 0 0 63px # 7ac142}} # jfThankYou-type-svg.jfThankYou-image {largura: 114px; altura: 114px; fronteira-raio: 50%; display: bloco; traço-largura: 2; traço: #fff; traço-limite de mitologia: 10 ; margin: 40px auto 0; -webkit-box-shadow: inserção 0 0 0 # 7ac142; box-shadow: inserção 0 0 0 # 7ac142; -webkit-animação: fillAnimation 0.4s facilidade-in-out 0.4s para a frente, scaleAnimation 0.3s de 0,9s facilitada: animação: fillAnimação 0,4s 0,4s para frente, escalaAnimação 0,3s 0,9s 0,9s} {jfThankYou-type-image {margin-top: 1.5em } .thankyouMode # jfThankYou-type-svg.jfThankYou-image {max-height: nenhum}.thankyouMode .jfThankYou-header {font-size: 2em; font-weight: 400; top-da-margem: 0} .jfThankYou-description {font-size: 1em; font-weight: 200; espaçamento entre letras: 1px} .jfThankYou- description a {cor: herdar} .jfThankYou-image-circle {stroke: trace: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-mitrelimit: 10; stroke: # 7ac142; preenchimento: nenhum; -webkit- animação: strokeAnimation 0.6s cúbico-bezier (0,65, 0, 0,45, 1) para a frente, animação: strokeAnimation 0.6s cúbico-bezier (0,65, 0, 0,45, 1) encaminhar} .jfThankYou-image-check {-webkit-transformar- origem: 50% 50%; - ms-transformação-origem: 50% 50%; origem-transformação: 50% 50%; traço-traição: 48; traço traço-traço: 48; -webkit-animação: traçoAnimação 0.3s cúbico- bezier (0.65, 0, 0.45, 1) 0.8s para frente; animação: strokeAjimação 0.3s cúbico-bezier (0.65, 0, 0.45, 1) 0.8s para frente} .jfThankYou-wrapper {padding: 2.5em 1em 2.7em} .jfThankYou -wrapper: antes de {content:";; position: absolute; top: -500px; esquerda: -500px; direita: -500px; inferior: -500px; z-index: -1; opacidade: 0; -webkit-animação: 0.66s boxAnimation forwards; animação: 0.66s boxAnimation forwards} .thankyouMode - embed .jfThankYou-wrapper {largura: 80%; max-altura: 80%; visor: tabela; esquerda: 50%; topo: 50%; - webkit-transformar: translate (-50 %, -50%); - ms-transform: translate (-50%, -50%); transform: translate (-50%, -50%)} thankyouMode - integra .jfThankYou {display: table-cell; vertical-align: médio} [data-type = "control_yesno"] .jfField {text-align: centro; largura: 100%; - webkit-box-flex: 0; -webkit-flex: nenhum; -ms-flex: none; flex: nenhum; display: bloco} .jfYesno-label {text-align: center; display: bloco; border-radius: 4px; tamanho da fonte: 1.25em; preenchimento: 0.6em 0; borda: 1px sólido; cursor : ponteiro; altura da linha: 1; peso da fonte: 300} .jfYesno-label: hover {cor: #fff} .jfYesno {display: bloco-inline; max-width: 270px; width:45%} .jfYesno entrada [type = "radio"] {display: none} @media screen e (max-width: 736px) {. JfYesno {max-width: nenhum; largura: 100%}}. JfYesno + .jfYesno {margin-left: 1.5em} @media screen e (max-width: 736px) {.jfYesno + .jfYesno {margin-left: 0; margin-top: 0.75em}}. jfYesno.notSelected .jfYesno-label {border -color: # 979797; color: # 323232} corpo: não (.isMobile) .jfYesno.forMatrix {largura: auto; max-largura: herdar} corpo: não (.isMobile) .jfYesno.forMatrix + corpo: não (. isMobile) .jfYesno.forMatrix {margin-left: 0.3em} body: não (.isMobile) .jfYesno.forMatrix .jfYesno-label {font-size: 0.9em; padding: 0.4em 0.8em} .jfEmojiSlider {altura: 40px ; margin: 0 20px; border-radius: 20px; posição: relative; background-color: # e8e8e8} .jfEmojiSlider-scaleSepList {largura: 100%; altura: 100%; display: -webkit-box; display: -webkit- flex: display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items:center; -ms-flex-align: center; itens de alinhamento: center; position: absoluto; top: 0; left: 0; z-index: 1} .jfEmojiSlider-scaleSep {-webkit-box-flex: 2; webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; alinhamento de texto: centro; fronteira-raio: 0; cor de fundo: transparente; posição: relativo} .jfEmojiSlider-scaleSep: primogênito {text-align: left} .jfEmojiSlider-scaleSep: último filho {text-align: right} .jfEmojiSlider-scaleSep: primeiro filho, .jfEmojiSlider-scaleSep: último filho {-webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto} .jfEmojiSlider-scaleSep: antes de {content: ""; display: inline-block; altura: 100%; largura : 2px; position: absolute; cor de fundo: rgba (255, 255, 255, .15)}. JfEmojiSlider-faceList {altura: 40px; fronteira-raio: 20px 0 0 20px; topo: 0; posição: relativo; -color: # 7db6f9; ponteiro-eventos: nenhum; -webkit-transition: facilidade de cor de fundo 0.15s;-o-transição: facilidade de cor de fundo 0.15s; transição: facilidade de cor de fundo 0.15s} .jfEmojiSlider-faceList.hasTransition {-webkit-transition: largura 0.2s facilidade-in-out; -o-transição: largura 0.2s easy-in-out; transição: largura 0.2s facilidade-in-out} .jfEmojiSlider-face {largura: 32px; altura: 32px; margem esquerda: 4px; exibição: nenhuma} .jfEmojiSlider-face img {display: block; width: 100%; ponteiro-eventos: nenhum; -webkit-user-select: nenhum; -moz-user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum} .jfEmojiSlider-face.isVisible {display: bloco} .jfEmojiSlider-radioLabel {height: 100%; display: bloco; cursor: ponteiro} .jfEmojiSlider-radioLabel input [type = "rádio"] {exibição: nenhum} .jfEmojiSlider-button {font-size: 1em ; position: absolute; cursor: ponteiro; border: 0; padding: 0; margin: 0; ponteiro-eventos: todos; background-color: # 7db6f9; -webkit-transition: todos os 0.15s ease; -o-transition: all 0,15s facilidade, transição: todos os 0.15s facilidade; altura: 40px; largura: 40px; borda-raio: 50%; topo: 0; direito: -20px; z-índice: 2} .jfEmojiSlider-wrapper {largura: 100%}. JfEmojiSlider-wrapper.isFilled. jfEmojiSlider-faceList {cor de fundo: # 4a85ef} .jfEmojiSlider-wrapper.isFilled .jfEmojiSlider-button {cor de fundo: # 5390ff} .isMobile .jfEmojiSlider-wrapper {padding-top: 5em; -webkit-transform: translate3D (0 , 0, 0); - ms-transform: translate3D (0, 0, 0); transformar: translate3D (0, 0, 0)}. IsMobile .jfEmojiSlider-face {posição: fixa; topo: 0.75em; esquerda: 50 %; margin-left: -25px; largura: 50px; altura: 50px; -webkit-transition-duration: 0.01s; -o-transição-duração: 0.01s; transição-duração: 0.01s} body.isMobile .jfForm- background-mask, body.forMiniCard .jfForm-background-mask {altura: 100%! important} body.isMobile .jotform-form, body.forMiniCard .jotform-form {-webkit-overflow-scrolling: touch} body.isMobile. jfWelcome-wrapper, body.forMiniCard .jfWelcome-wrapper {top: 0; left: 0; largura: 100%; height: 100%; - webkit-transform: nenhum; -ms-transform: none; transformação: none; padding-top: 0} body. isMobile .jfWellcome-wrapper .jfWelcome, body.forMiniCard .jfWellcome-wrapper .jfWelcome {altura: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit -box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: coluna; -ms-flex-direction: coluna; flex-direção: coluna; -webkit-box-pack: center; webkit-justify-content: center; -ms-flex-pack: center; justificar-conteúdo: center} body.isMobile .jfWelcome-wrapper .jfWelcome .jfWelcome-button, body.forMiniCard .jfWelcome-wrapper .jfWelcome .jfBotão de boas-vindas {posição: absoluta; inferior: 0; esquerda: 0; largura: 100%; borda-raio: 0; margem: 0} body.isMobile.sectionHeaderMode .jfWelcome .jfWelcome-buttonWrapper, body.forMiniCard.sectionHeaderMode.jfWelcome .jfWelcome-buttonWrapper {posição: absoluta; inferior: 0; esquerda: 0; margem: 0; borda-raio: 0} body.isMobile.sectionHeaderMode .jfWelcome .jfWelcome-buttonWrapper: último-filho, body.forMiniCard.sectionHeaderMode. jfWelcome .jfWelcome-buttonWrapper: último filho {left: auto; right: 0} body.isMobile.sectionHeaderMode .jfWelcome .jfWelcome-buttonWrapper button.jfWelcome-button, body.forMiniCard.sectionHeaderMode .jfWelcome .jfWelcome-buttonWrapper button.jfWelcome- button {border-radius: 0; preenchimento: 1em; text-align: right; cor: transparente} body.isMobile.sectionHeaderMode .jfWelcome .jfWelcome-buttonBotão do wrapper.jfWelcome-button: after, body.forMiniCard.sectionHeaderMode .jfWelcome .jfWelcome -buttonWrapper button.jfWelcome-button: após {right: 0} body.isMobile.osName-Android.browserOrientation-landscape.isTouchKeyboardAbra .jfProgress {display: none} body.isMobile.osName-Android.browserOrientation-landscape.isTouchKeyboardAbra .jfForm-wrapper {padding-bottom: 12px! importante} body.forMiniCard.isEmberta .jfCard-question, body.forMiniCard.isEmbed .jfReview-content {max-height: inherit} @media screen e (max-width: 736px) {div.jfThankYou-wrapper {top: 0; left: 0; largura: 100%; height: 100%; - webkit-transform: nenhum; -ms-transform: none; transformar: none; padding: 0} div.jfThankYou {posição: relativo; -webkit-transform: translateY (-50%); - ms-transformação: translateY (-50%); transform: translateY (-50%); topo: 50 %} # jfThankYou-type-svg.jfThankYou-image {margin: 0}}. cf-minimal .jfInput-button: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forNext: after ,. cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forNext-heading: depois, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (. forLink): não (.forContinueLater).forPrev-heading: antes, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forPrev: antes, .cf-minimal .jfWelcome-button: not (.forPrev -heading): não (.forNext-heading): após {content: ""; width: 1.2em; height: 0.7em; exibição: inline-block; background-size: 1.15em; background-position: right; Relativo: background-repeat: no-repeat, topo: 1px} :: - moz-focus-inner {limite: nenhum} .cf-minimal {}. cf-minimal .jfCard-actionsNotification {largura: auto; posição: relativo; z-index: 1; display: bloco-inline} .cf-minimal .jfCard-actions {padding: 0; posição: relativa} .cf-minimal .jfCard-actions .cf {posição: absoluto; esquerda: 50%; topo : 50%; - webkit-transform: translate (-50%, -50%); - ms-transform: tradução (-50%, -50%); transform: translate (-50%, -50%); max -width: 50%; text-align: center; z-index: 2} .fc-mínimo .jfCard [data-type = "control_image"].jfQuestion-fields {padding: 0 0 0.4em 0! important} .cf-mínimo .jfCard [data-type = "control_mixed"] .jfField {min-height: 2.7em} .cf-minimum .jfDropdown-toggle: before { top-da-margem: 1.1em} .cf-minimal .jfInput-dropdown {tamanho-da-fonte: 0.95em; peso-da-letra: 500} .cf-minimal .jfQuestion-fields: não (.jfProductModule-wrapper): not ([dados -component = "imagem"]) {padding-top: 2px! importante} .cf-minimal .jfRadio, .cf-minimal .jfCheckbox {tamanho-da-fonte: 0.9em} .cf-minimum .jfProgress-infoContent {border-radius : Box-shadow: none; min-width: 130px -size: 0.9em; peso da fonte: 500} .cf-minimal .jfEntrada-textarea {font-size: 0.9em; font-weight: 500} .cf-mínimo .jfQuestion-fields: not (.jfAddress-clean) .jfAddress-search.isFilled .forSearch {opacidade: 1; borda-cor: # 4a85ef; fundo: # ebf6ff;color: # 4a85ef} .cf-minimal .jfQuestion-fields: não (.jfAddress-clean) .jfAddress-search.isFilled .jfAddress-clear {opacidade: 0.6} .cf-minimal .jfWelcome-sectionInfo {padding-top: 0.6 em .cf-minimal.singleQuestion .jfCard {border: 2px sólido #deddde; -webkit-box-shadow: nenhum; box-shadow: nenhum; fronteira-raio: 5px} .cf-minimal.singleQuestion .jfCard-actions { border-radius: 0 0 4px 4px} .cf-minimal.singleQuestão .jfCard-actions .jfInput-button.forNext, .cf-minimal.singleQuestion .jfCard-actions .jfInput-button.forEnviar {border-bottom-right-radius : 4px} .cf-minimum.singleQuestion .jfCard-actions .jfInput-button.forPrev {border-bottom-left-radius: 4px} .cf-minimal.singleQuestão .jfCard-question {border-radius: 4px 4px 0 0} .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) {largura: 50%; borda: nenhuma; preenchimento: 1.3em 2.5em; plano de fundo: transparente; peso da fonte :400; espaçamento entre letras: 0.13em; margem: 0; texto-transformada: maiúscula; posição: relativa; z-índice: 1; -bebida-transição: 0.3s; -o-transição: 0.3s; transição: 0.3s; -webkit-transform: nenhum; -ms-transform: nenhum; transformar: nenhum} .cf-minimum .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forPrev {border-bottom -left-radius: 6px; alinhamento de texto: esquerdo} .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forNext: hover: after, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forNext-heading: hover: depois de {-webkit-animation: animateNext 1s 1; animação: animateNext 1s 1} .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReviewButton, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater ) .forReview, .cf-minimal .jfInput-button: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forSubmit {background: rgba (0, 0, 0, .1)} .min-mín .jfInput-button: not (.forMobileNav): não (.forLink ): não (.forContinueLater) .forNext, .cf-minimal .jfInput-button: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReviewButton, .cf-minimal .jfInput-button: not ( .forMobileNav): não (.forLink): não (.forContinueLater) .forReview, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forSubmeter {border-bottom -right-radius: 6px; alinhamento de texto: direito; borda-esquerda: 1px sólido rgba (255, 255, 255, .1)} .fin-minimal .jfInput-button: não (.forMobileNav): não (.forLink ): não (.forContinueLater) .forNext: hover, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReviewButton: hover, .cf-minimal .jfInput- botão: não (.forMobileNav): não (.forLink): não (.forContinueLater).forReview: hover, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forSubmeter: hover, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forNext: ativo, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReviewButton: ativo, .cf- Botão .jfInput mínimo: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReview: ativo, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forSubmeter: active, .cf-minimal .jfInput-button: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forNext: foco, .cf-minimum .jfInput-button: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReviewButton: foco, .cf-minimal .jfNome da entrada: não (.forMobileNav): não (.forLink): não (.forContinueLater) .forReview: foco, .cf-minimal .jfInput-button:não (.forMobileNav): não (.forLink): não (.forContinueLater) .forSubmit: focus {borda-esquerda: 1px rgba sólido (255, 255, 255, .1)}. cf-minimal .jfWelcome-button {texto -transform: maiúscula; largura: 100%; preenchimento: 0.9em} .cf-minimal .jfWellcome-wrapper {text-align: center; preenchimento-top: 2em} .cf-minimal .jfWelcome-description {font-size: 1em ; padding: 0 2em} .cf-minimal .jfBem-descrição: empty {padding: 0} .cf-minimal .jfThankYou-wrapper, .cf-minimal .jfHeading-wrapper, .cf-minimal .sectionHeaderMode-wrapper {text- alinhe: center} .cf-minimal .jfThankYou-button, .cf-minimal .jfHeading-button, .cf-minimal .sectionHeaderMode-button {texto-transformação: maiúscula; largura: 100%; preenchimento: 0.9em} .cf- mínimo .jfThankYou-header, .cf-minimal .jfHeading-header, .cf-minimal .sectionHeaderMode-header {tamanho-da-fonte: 1.6em; text-align: centro; margin: 0} .cf-minimal .jfThankYou-description, .cf-minimal .jfHeading-description ,.cf-minimal .sectionHeaderMode-description {font-size: 1em; padding-top: 5px} .cf-minimal .jfThankYou-description: vazio, .cf-minimal .jfHeading-description: vazio, .cf-minimal .sectionHeaderMode-description : vazio {padding: 0} .cf-minimal .jfField-sublabel {font-size: 0.85em} .cf-minimal #jfCard-welcome-start: hover: depois, .cf-minimal .animateNextButton: após {-webkit- animação: animateNext 1s 1; animação: animateNext 1s 1} .cf-minimal .form-error-message {display: nenhum} .cf-minimal .form-line-error .form-error-message {display: bloco} .cf -minimal .form-line [data-type = "control_text"] img {max-width: 100%}. cf-minimal.isMobile .jfInput-button {largura: auto; preenchimento: 0.75em 1.2em} .cf-minimal .isMobile .jfInput-button.forPrev-heading {text-align: esquerdo! importante} .cf-minimal.isMobile .jfInput-button.forPrev-heading: antes {right: 0! important} .cf-minimal.isMobile.jfWelcome {padding-top: 0} .cf-minimal.isMobile.formMode .jfWelcome-wrapper, .cf-minimal.isMobile.sectionHeaderMode .jfWelcome-wrapper {padding-top: 0} .cf-minimal.isMobile.formMode .jfWelcome -header, .cf-minimal.isMobile.sectionHeaderMode .jfWelcome-header {font-size: 1.2em; line-height: 2} .cf-minimal.isMobile.formMode .jfInput-button: depois, .cf-minimal.isMobile .formMode .jfInput-button: before {display: nenhum} .cf-minimal.isMobile .form-line [data-type = "control_mixed"] .form-dropdown {preenchimento: 1em 0.6em 1em 0.5em} .cf-minimal .isMobile .jfQuestion-fields {overflow-y: inicial} .cf-minimal.isMobile .is-clearable {background: #dedede} .cf-minimal.isMobile .é possível limpar .Select-placeholder {max-width: 90% } .cf-minimal.isMobile .isFilled [dados-tipo = "caixa de texto"] + .hidden-field-warning {margem: 6px 3%! important} .cf-minimal.forMiniCard .jfInput-button: after ,.cf-minimal.forMiniCard .jfInput-button: before {display: nenhum} .cf-minimal.forMiniCard .jfInput-button.forNext {text-align: esquerdo} .cf-minimal.sectionHeaderMode .jfProgress {-webkit-transition: none ; -o-transição: nenhum; transição: nenhum} .cf-minimal: não (.isMobile) .jfCard [data-payment = "newpayment"] .jfReferência de rótulo, .cf-minimal: não (.isMobile) .jfCard [data-payment = "newpayment"] .jfQuestion-description {padding-right: 70px} .cf-minimal: não (.isMobile) .jfCard [data-payment = "newpayment"] .jfQuestion-label.isRightAlign {padding- à direita: 0; padding-left: 70px} .cf-minimal: não (.isMobile) .jfCard [data-payment = "newpayment"] .jfQuestion-label.isRightAlign ~ .jfQuestion-description {padding-right: 0; preenchimento -left: 70px} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress {max-width: 100%; - webkit-transição: todos os 1.1s; -o-transition: todos os 1.1s;transição: todos os 1.1s; z-index: 1} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress-info {opacidade: 1; visibilidade: visível; -webkit-transição: todos os 0.3s; -o-transição: todos os 0.3s; transição: todos os 0.3s; -webkit-transição-atraso: 0.15s; -o-transição-atraso: 0.15s; transição-atraso: 0.15s} .cf-minimal: não (. isMobile): não (.forMiniCard) .jfProgress-item.isActive {ponteiro-eventos: nenhum} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress-itemCell {opacidade: 1; ponteiro-eventos: auto; visibilidade: visível; -webkit-transition: todos 0.5s facilidade 0.7s; -o-transição: todos 0.5s facilidade 0.7s; transição: todos 0.5s facilidade 0.7s} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress-itemCell.isFirst {position: relative} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress-itemCell.isFirst .jfProgress-item {-webkit-transform: scale ( 1); - ms-transform: escala (1); transform: escala (1); - webkit-transition: todos os 0.5s;-o-transição: todos os 0.5s; transição: todos os 0.5s} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress-itemWrapperLine {-webkit-transition: todos os 0.5s aceleram 0.4s; -transição: todos os 0.5s aliviam 0.4s; transição: todos os 0.5s aliviam 0.4s} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress.progress-animate {max-width: 30px; overflow: hidden} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress.progress-animate .jfProgress-info {opacidade: 0; visibilidade: oculto} .cf-minimal: não (.isMobile): não ( .forMiniCard) .jfProgress.progress-animate .jfProgress-itemCell {opacidade: 0; visibilidade: oculta; ponteiro-eventos: nenhum} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress.progress-animate .jfProgress-itemCell.isFirst {left: 11px; visibilidade: visible; opacidade: 1;}. cf-minimal: not (.isMobile): não (.forMiniCard) .jfProgress.progress-animate .jfProgress-itemCell.isFirst.jfProgress-item {-webkit-transform: escala (0); - ms-transform: escala (0); transformação: escala (0);}. cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress .progress-animate .jfProgress-itemWrapperLine {largura: 0} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress.no-animate {-webkit-transition: todos os 0.2s; -o-transition: todas as 0,2s; transição: todas as 0,2s} .cf-minimal: não (.isMobile): não (.forMiniCard) .jfProgress .jfProgress-hiddenWrapper {display: nenhum} .cf-minimal .jfForm-background {posição: absoluto; esquerdo: 0; topo: 0; largura: 100%; altura: 100%; display: -webkit-box ; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: centro; -ms-flex-align: centro; itens de alinhamento: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justificar-conteúdo: center} .cf-minimal .jfForm-background-mask {-webkit-transition : 0.5s; -o-transition: 0.5s; transição: 0.5s} .cf-minimal.formMode .jfWindress-description, .cf-minimal.formMode .jfThankYou-description, .cf-minimal.formMode .jfHeading-description, .cf-minimal.formMode .sectionHeaderMode-description {display: nenhum} .cf-minimal.formMode .jfWelcome-wrapper.isHeader .jfWelcome {padding-top: 0} .cf-minimal.formMode .jfForm-background {ponteiro-eventos : nenhum} .cf-minimal.formMode.jfForm-background-mask {left: 0; top: 0; largura: 100%! important; height: 100%! important; border-radius: 0; background: transparente; -webkit-transform: translate (0, 0); -ms-transform: translate (0, 0); Transformar: translate (0, 0)}. cf-minimal.formMode.isMobile .jfProgress {z-index: 1} .cf-minimal.formMode.isMobile .jfInput-button .forMobileNav: não (.forSubmit): não (.forReview) {border-radius: 0; plano de fundo: transparente; posição: absoluto} .cf-minimal.formMode.isMobile .jfInput-button.forMobileNav: not (.forSubmit): não (.forReview) .forNext {right: 0} .cf-minimal.formMode.isMobile .jfInput-button.forMobileNav: não (.forSubmit): não (.forReview) .forPrev {left: 0} .cf-minimal. formMode: não (.isMobile) .jfWelcome-wrapper, .cf-minimal.formMode: não (.isMobile) .jfThankYou-wrapper, .cf-minimal.formMode: não (.isMobile) .jfHeading-wrapper, .cf-minimal .formMode: não (.isMobile).sectionHeaderMode-wrapper {padding-top: 0} .cf-minimal.formMode: não (.isMobile) .jfWelcome-header, .cf-minimal.formMode: não (.isMobile) .jfThankYou-header, .cf-minimal.formMode : não (.isMobile) .jfHeading-header, .cf-minimal.formMode: não (.isMobile) .sectionHeaderMode-header {tamanho da fonte: 1.6em} .cf-minimal.formMode: não (.isMobile): não ( .stageContainer) .jfProductModule-wrapper {max-height: nenhum; altura: auto} .cf-minimal.formMode: não (.isMobile): não (.stageContainer) .jfLista de produtos, .cf-minimal.formMode: not ( .isMobile): não (.stageContainer) .jfProduct-wrapper {altura: automático} .cf-minimal .jfWelcome-imageWrapper {margin-bottom: 0.5em; altura: 90px} .cf-minimal.sectionHeaderMode .jfWelcome-imageWrapper {display : nenhum} .cf-minimal .jfWelcome-wrapper.isHeader {padding-top: 0} .cf-minimal .jfWelcome-wrapper.isHeader .jfWelcome {padding-top: 1.5em} .cf-minimal .jfWelcome-wrapper.isHeader .jfInput-button.jfWelcome-button {-webkit-transform: nenhum; -ms-transform: none; transform: nenhum; opacidade: 1; margem: 0; preenchimento: 1em 1.5em; largura: 100%}. cf-minimal. jfWelcome-wrapper.isHeader .jfInput-button.jfWelcome-button # jfCard-welcome-start {posição: estática} .cf-minimal .jfWelcome-wrapper.isHeader .jfWelcome-buttonWrapper {largura: 50%; estouro: oculto; margem: 1.2em auto 0} .cf-minimal .jfWelcome-wrapper.isHeader .jfWelcome-buttonWrapper: hover {-webkit-transition: todos os 0.3s; -o-transition: todos os 0.3s; transition: todos os 0.3s} .cf-minimal .jfWelcome-wrapper.isHeader.noPrevButton .jfWelcome-buttonWrapper {display: nenhum} .cf-minimal .jfWelcome-wrapper.isHeader.noPrevButton .jfWelcome-buttonWrapper + .jfWelcome-buttonWrapper {display: bloco; largura: 100%}. cf -minimal.reviewMode .jfForm-background {display: nenhum} @ - webkit-keyframes animateNext {25% {right: -1.2em} 50% {right: -0.7em} 75% {right:-1em} 100% {right: -0.7em}} @ keyframes animateNext {25% {right: -1.2em} 50% {right: -0.7em} 75% {right: -1em} 100% {right: -0.7 em}} @ tela de mídia e (min-width: 737px) e (max-width: 992px) {.fc-minimal.formMode .jfWelcome-description {exibição: nenhum} .cf-minimal .jfWelcome-sectionInfo, .cf- minimal .jfThankYou-sectionInfo, .cf-minimal .jfHeading-sectionInfo, .cf-minimal .sectionHeaderMode-sectionInfo {tamanho-da-fonte: 0.9em; opacidade: 0.7} .cf-minimal .jfQuestion-label {font-size: 1.2em }} @ media screen e (min-width: 860px) {.fc-minimal .jfCard {font-size: 18px} .cf-minimal .jfQuestion-label {tamanho-da-fonte: 1.4em} .cf-minimal .jfQuestion- descrição {font-size: 0.9em} .cf-minimal .jfIntrodução-entrada {font-size: 1em; -webkit-box-shadow: 0 0 0 0 transparente; box-shadow: 0 0 0 0 transparente; -webkit- transição: 0.3s; -o-transition: 0.3s; transição: 0.3s} .cf-minimal .jfInput-input: focus {-webkit-box-shadow:0 0 0 2px rgba (74, 133, 239, .3); box-shadow: 0 0 0 2px rgba (74, 133, 239, .3)}. Cf-minimal .jfNome da entrada: not (.forMobileNav) {font-size: 0.9em} .cf-minimal .jfPlant-sublabel {padding: 1em}}. cf-minimal [class * = "- hosted-fields"] {padding: 0.6em 0.8em 0; height: 2.4em } .cf-minimal [classe * = "- campos hospedados"] ~ .jfField-sublabel {top: 100%; preenchimento: 0.6em 0; tamanho da fonte: 0.6em} .cf-minimal .questionSelected .jfCard [data -type = "control_textbox"] .jfQuestion-fields {-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: extensão; align-items: extensão} .cf-minimal. questionSelecionado .é preenchido [data-type = "textbox"] {- webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1} .cf-minimal .questionSelected .isPreenchido [dados -type = "textbox"] + .hidden-field-warning {margem: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; alinhamento de conteúdo: center; -webkit-box-align: centro; -webkit-align-items: centro; -flex-align: center; itens de alinhamento: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1} .cf-minimal .questionSelected.isPreenchido [dados -type = "textbox"] + .hidden-field-warning .ji {início: 5px} .cf-minimal.isCardFormMobile .questionSelected .jfCard [data-type = "control_textbox"] .jfQuestion-fields {-webkit-box- orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: coluna; -ms-flex-direction: coluna; flex-direção: coluna} .cf-minimal.isCardFormMobile .questionSelected.isFilled [data- type = "textbox"] + .hidden-field-warning {margin: 6px 0; largura: auto} .cf-minimal.isCardFormMobile .questionSelected .isFilled [data-type = "caixa de texto"] .jfField-sublabel {top:202%} @ media screen e (max-height: 1024px) {.fc-minimal .jfWelcome-description, .cf-minimal .jfThankYou-description, .cf-minimal .jfHeading-description, .cf-minimal .sectionHeaderMode-description {max-height: 40vh}} @ tela de mídia e (max-height: 800px) e (max-width: 1366px) e (min-width: 1201px) {.fim-minimal .jfCard {font-size: 18px}} @media screen e (max-width: 859px) {.fc-minimal .jfCard {font-size: 20px} .fc-mínimo .form-error-message {margin-top: 0} .fc-mínimo .jfRequiredStar {fonte -size: 1em} .cf-minimal .jfRequiredStar-message {tamanho da fonte: 0.5em} .cf-minimum .form-line [data-type = "controle_imagechoice"] .jfQuestion-fields [data-columncount = "4" ] df.jfField {max-width: 25%; - webkit-box-flex: 0; -webkit-flex: 0 0 25%; - ms-flex: 0 0 25%; flex: 0 0 25%}. cf -minimal .form-line [data-type = "control_mixed"] .jfDropdown-wrapper {min-height:unset}} @ media screen e (max-width: 600px) {.fc-minimal .form-line [data-type = "controle_imagechoice"] .jfQuestion-fields [data-columncount = "4"] div.jfField {max -width: 50%; - webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%}} @ tela de mídia e (max- largura: 480px) {. cf-minimal .jfCard {tamanho da fonte: 16px}} corpo * {- tamanho da caixa de webkit: caixa de borda; caixa de dimensionamento: caixa de borda} body.formMode, body.welcomeMode, corpo .sectionHeaderMode, body.reviewMode, body.thankyouMode {margin: 0; preenchimento: 0; limite: 0; alinhamento vertical: linha de base; opacidade: 1; -webkit-transição: facilidade de 0,15s da opacidade; -o-transição: opacidade 0,15 s facilidade; transição: opacidade 0,15s facilidade} body.formMode ol, body.welcomeMode ol, body.sectionHeaderMode ol, body.reviewMode ol, body.thankyouMode ol, body.formMode ul, body.welcomeMode ul, body.sectionHeaderMode ul, body.reviewMode ul, body.thankyouMode ul {list-style:none; margin: 0; padding: 0} tabela body.formMode, tabela body.welcomeMode, tabela body.sectionHeaderMode, tabela body.reviewMode, tabela body.thankyouMode {border-collapse: collapse; espaçamento entre bordas: 0} div.u -left, button.u-left, span.u-left, pu-left {flutuante: esquerda} div.u-direita, button.u-direita, span.u-direita, pu-direita {float: right}. u-hidden {display: none} @ media (-webkit-min-device-pixel-ratio: 1.25), (- o-min-device-pixel-ratio: 1.25), (resolução mínima: 120dpi) {. browserName -Chrome.osName-macOS {-webkit-font-smoothing: antialiased; font-weight: 500; text-rendering: optimizeLegibility}} forma {margin-bottom: herdar} .jfForm-all {opacity: 1} .jfForm-backgroundOverlay , .jfForm-backgroundUnderlay, .jfForm-backgroundContainer {posição: fixa; topo: -1px; esquerda: -1px; direita: -1px; inferior: -1px; -webkit-transição: todos os 0.66s facilidade; -o-transição: todos os 0,66s facilidade, transição: todos os 0,66s facilidade, tamanho de fundo: capa;background-repeat: não-repetição; background-position: center center; ponteiro-eventos: nenhum} .jfForm-backgroundUnderlay {-webkit-filter: blur (50px); filtro: blur (50px); margem: -100px; -webkit -transição: facilidade de opacidade 0.66s; -o-transição: opacidade 0.66s facilidade; transição: opacidade 0.66s facilidade; vai mudar: opacidade} .backgroundImageReady .jfForm-backgroundUnderlay {opacidade: 0; -webkit-transição: opacidade 0.66s facilidade; -o-transição: facilidade da opacidade 0.66s; transição: opacidade da facilidade 0.66s; mudança de vontade: opacidade} .formMode .jfForm-wrapper, .welcomeMode .jfForm-wrapper, .thankyouMode .jfForm-wrapper, .reviewMode .jfForm -wrapper, .sectionHeaderMode .jfForm-wrapper, .formMode .jfForm-backgroundContainer, .welcomeMode .jfForm-backgroundContainer, .thankyouMode .jfForm-backgroundContainer, .reviewMode .jfForm-backgroundContainer, .sectionHeaderMode .jfForm-backgroundContainer, .formMode .jfReview- embrulho,.welcomeMode .jfReview-wrapper, .thankyouMode .jfReview-wrapper, .reviewMode .jfReview-wrapper, .sectionHeaderMode .jfReview-wrapper {overflow: oculto; line-height: 1.6; margem: 0; background-size: cover} .formMode. jfForm-wrapper, .welcomeMode .jfForm-wrapper, .thankyouMode .jfForm-wrapper, .reviewMode .jfForm-wrapper, .sectionHeaderMode .jfForm-wrapper, .formMode .jfForm-all, .welcomeMode .jfForm-all, .thankyouMode .jfForm -all, .reviewMode .jfForm-all, .sectionHeaderMode .jfForm-all, .formMode .jfReview-wrapper, .welcomeMode .jfReview-wrapper, .thankyouMode .jfReview-wrapper, .reviewMode .jfReview-wrapper, .sectionHeaderMode .jfReview- wrapper {largura: 100%; altura: 100%}. formMode.isMobile .jfForm-wrapper, .welcomeMode.isMobile .jfForm-wrapper, .thankyouMode.isMobile .jfForm-wrapper, .reviewMode.isMobile .jfForm-wrapper, .sectionHeaderMode .isMobile.jfForm-wrapper {-webkit-transition: facilidade de preenchimento de 0.15s; -o-transição: preenchimento de facilidade de 0.15s; transição: preenchimento de facilidade de 0.15s} .formMode.isMobile .jfReview-wrapper, .welcomeMode.isMobile .jfReview-wrapper ,. thankyouMode.isMobile .jfReview-wrapper, .reviewMode.isMobile .jfReview-wrapper, .sectionHeaderMode.isMobile .jfReview-wrapper {preenchimento: 64px 0 75px} @media screen e (max-width: 736px) {. formMode .jfWelcome-header .isLong, .welcomeMode .jfWelcome-header.isLong, .thankyouMode .jfWelcome-header.isLong, .reviewMode .jfWelcome-header.isLong, .sectionHeaderMode .jfWelcome-header.isLong {font-size: 0.9em} .formMode .jfWelcome -description.isLong, .welcomeMode .jfWelcome-description.isLong, .thankyouMode .jfWelcome-description.isLong, .reviewMode .jfWelcome-description.isLong, .sectionHeaderMode .jfWelcome-description.isLong {font-size: 0.75em; margin: 0.8em 0 0}}. WelcomeMode.jfForm-all, .thankyouMode .jfForm-all, .reviewMode .jfForm-all, .sectionHeaderMode .jfForm-all {opacidade: 0; visibilidade: oculta; ponteiro-eventos: nenhum} .jfWelcome, .jfThankYou, .jfHeading, .sectionHeaderMode {text-align: center} .jfWindow-image, .jfThankYou-image, .jfHeading-image, .sectionHeaderMode-image {exibição: inline-block; margem: 0; max-height: 90px; max-width: 100%} .jfWelcome-image svg, .jfThankYou-image svg, .jfHeading-image svg, .sectionHeaderMode-image svg {altura: 100%; max-altura: 90px; largura: auto; largura max: 100%}. jfWelcome-header , .jfThankYou-header, .jfHeading-header, .sectionHeaderMode-header {line-height: 1.6; margem: 0.75em 0 0; -webkit-transition: todas as 0.2s ease; -o-transition: todas as 0.2s ease; transition : todos os 0.2s facilidade; overflow-x: oculto; overflow-y: auto; max-altura: 30vh} .formMode .jfWelcome-header, .formMode .jfThankYou-header, .formMode .jfHeading-header, .formMode.sectionHeaderMode-header {margin: 0} .jfWindows-description, .jfThankYou-description, .jfHeading-description, .sectionHeaderMode-description {line-height: 1.6; margin: 0.25em 0 0; -webkit-transition: todos 0.2s facilidade ; -o-transition: all 0.2s ease; transition: todos 0.2s ease; overflow-x: oculto; overflow-y: auto; max-height: 25vh} .jfWelcome-description: vazio, .jfThankYou-description: vazio, Descrição: vazio, .sectionHeaderMode-description: vazio {margin: 0} ; font-weight: 300; opacidade: 0.8; -webkit-transition: todos os 0.2s ease; -o-transition: all 0.2s ease; transition: todos 0.2s ease} .jfWelcome-sectionInfo: empty, .jfThankYou-sectionInfo: empty, .jfHeading-sectionInfo: empty, .sectionHeaderMode-sectionInfo: empty {margin: 0} .jfWelcome-sectionInfo-text: não (:vazio), jfThankYou-sectionInfo-text: não (: vazio) ,. jfHeading-sectionInfo-text: não (: vazio) ,. sectionHeaderMode-sectionInfo-text: não (: vazio) {margin-left: 5px} .formMode .jfWelcome-sectionInfo, .formMode .jfThankYou-sectionInfo, .formMode .jfHeading-sectionInfo, .formMode .sectionHeaderMode-sectionInfo {display: nenhum} .jfWelcome-button, .jfThankYou-button, .jfHeading-button, .sectionHeaderMode-button { line-height: 1; padding: 0.6em 2.4em; border-radius: 1.1em; border: 0; margin: 1em 0 0; display: bloco-inline; cursor: ponteiro; -webkit-user-select: nenhum; moz-user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum; esboço: none} tela somente para media e (max-device-width: 736px) e (orientação: landscape) {. isMobile Botão .jfWelcome, .isMobile .jfThankYou-button, .isMobile .jfHeading-button, .isMobile .sectionHeaderMode-button {posição: fixa; inferior: 36px; esquerda: 50%}}. jfWelcome-wrapper ,.jfThankYou-wrapper, .jfHeading-wrapper, .sectionHeaderMode-wrapper {posição: fixa; topo: 50%; esquerda: 50%; - webkit-transformação: translate (-50%, -50%); - ms-transform: translate (-50%, -50%); transform: translate (-50%, -50%); - webkit-transition: todos os 0.25s com facilidade, padding top 0s easy; -o-transition: todos os 0.25s com facilidade, padding facilidade 0-stop 0s; transição: facilidade todos os 0,25s, facilidade 0s de preenchimento superior; largura: 80%; largura máxima: 768px} @media screen e (max-width: 736px) {. jfWelcome-wrapper, .jfThankYou-wrapper , .jfHeading-wrapper, .sectionHeaderMode-wrapper {font-size: 16px}} @ tela de mídia e (min-width: 481px) e (max-width: 768px) {. jfWelcome-wrapper, .jfThankYou-wrapper, .jfHeading -wrapper, .sectionHeaderMode-wrapper {font-size: 18px}} @ tela de mídia e (min-width: 769px) e (max-width: 1200px) {. jfWelcome-wrapper, .jfThankYou-wrapper, .jfHeading-wrapper, .sectionHeaderMode-wrapper {font-size: 18px; width:60%}} @ tela de mídia e (min-width: 1201px) e (max-width: 1366px) {. JfWelcome-wrapper, .jfThankYou-wrapper, .jfHeading-wrapper, .sectionHeaderMode-wrapper {font-size: 20px} } @media screen e (min-width: 1367px) {.jfWelcome-wrapper, .jfThankYou-wrapper, .jfHeading-wrapper, .sectionHeaderMode-wrapper {font-size: 22px}}. formMode .jfWelcome-wrapper, .formMode. jfThankYou-wrapper, .formMode .jfHeading-wrapper, .formMode .sectionHeaderMode-wrapper {-webkit-transform: conversão (-50%, 0); - ms-transformação: translate (-50%, 0); transform: translate ( -50%, 0); topo: 5%; índice-z: 0} .formMode .jfWelcome-imageWrapper, .formMode .jfThankYou-imageWrapper, .formMode .jfHeading-imageWrapper, .formMode .sectionHeaderMode-imageWrapper {display: none} @media somente tela e (max-device-width: 736px) e (orientação: paisagem) {. isMobile .formFooter ~ .jfForm-wrapper .jfWelcome-button {bottom: 54px}}.emptyNotification {posição: fixa; z-index: 1; topo: 50%; esquerda: 50%; - webkit-transform: translate (-50%, -50%); - ms-transform: translate (-50%, - 50%); transform: translate (-50%, -50%); - webkit-transition: todos os 0.25s ease; -o-transition: todos os 0.25s ease; transition: todos os 0.25s ease; width: 80%; max -width: 768px; text-align: center} .emptyNotification-image {display: bloco-inline; margem: 0; max-height: 90px} .emptyNotification-imagem svg {altura: 100%; altura-máx: 90px; largura : auto} .emptyNotification-header {font-size: 1.2em; top-margin: 1em} html, corpo {largura: 100%; altura: 100%}. cf: antes, .cf: após {content: ""; display: table} .cf: depois de {clear: both} .transition-all-03s {-webkit-transition: todos os 0.3s easy; -o-transition: todos os 0.3s ease; transition: todos os 0.3s ease} .transition- all-015s {-webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transição: all 0.15s facilidade} .jfCard {posição: relativa;-webkit-transform: translateY (-50%); - ms-transform: translateY (-50%); transforma: translateY (-50%); top: 50%; margem: 0 3em; -webkit-transition: top 0.3 s facilidade-in-out, -webkit-transform 0,3s facilidade-in-out, transição: topo 0,3s facilidade-in-out, -webkit-transformação 0,3s facilidade-in-out; -o-transição: topo 0,3s facilidade-para-fora, transforme 0.3s facilidade-em-fora; transição: topo 0.3s facilidade-em-fora, transforme 0.3s facilidade-em-fora; transição: topo 0.3s facilidade-em-fora, transforme 0.3s facilidade -em-out, -webkit-transform 0.3s facilidade-in-out} .isFullScreen .jfCard {-webkit-transform: escala (1.15) translateY (-50%); - ms-transformação: escala (1.15) translateY (- 50%); transformar: escala (1,15) translateY (-50%); - webkit-transformar-origem: centro; -ms-transformar-origem: centro; transformar-origem: centro; opacidade: 0,1; -webkit-transição: todos os 0.33s facilidade, -o-transição: todos os 0.33s facilidade, transição: todos os 0.33s facilidade} tela @media e (max-width: 736px) {.jfCard {font-size: 14px; margem: 0 3%}}. isMobile .jfCard {tamanho da fonte: 16px; margem: 0 6%; topo: 0; posição: relativo; altura: 100%; - webkit-transform: none; -ms-transform: none; transformar: none} @media screen e (min-width: 481px) e (max-width: 768px) {. jfCard {tamanho da fonte: 18px; margem: 0 3%}} @ tela de mídia e (min-width: 769px) e (max-width: 1200px) {.jfCard {font-size: 16px}} @ tela de mídia e (min-width: 1201px) e (max-width: 1366px) e ( max-height: 800px) {.jfCard {font-size: 16px}} @ tela de mídia e (min-width: 1201px) e (max-width: 1366px) e (min-height: 801px) {. jfCard {font- tamanho: 18px}} @ tela de mídia e (min-width: 1367px) e (max-height: 900px) {.jfCard {font-size: 18px}} @ tela de mídia e (min-width: 1367px) e (min- altura: 901px) {jfCard {font-size: 20px}}. jfCard.forReview {margem: 0 auto; largura: 94%; max-largura: 800px} .jfReview-content {altura max: 64vh; estouro-y : auto} .isMobile.jfReviewItem-list {padding: 0 1em} .isMobile .jfInput-input {tamanho-da-fonte: 1em; preenchimento: 0.375em 0.8em; altura da linha: 1.65em} .jfCard-question, .jfReview-content {padding: 1.5em 2.4em 0.7em; -webkit-transition: none; -o-transição: none; transição: none} @media screen e (max-width: 736px) {.jfCard-question, .jfReview-content {padding: 1.5em 1.5 em 0.7em}}. isMobile .jfCard-question, .isMobile .jfReview-content {padding: 1.2em 1em 0.7em; background-color: transparente; border-radius: 0; posição: relativo; overflow-y: auto; max -hema: 100%; largura: 100%}. isEmbed .jfCard-question, .isEmbed .jfReview-content {max-height: 80vh; estouro: auto} .jfReview-content .jfQuestion-fields {max-height: none! important} .jfCard-actions {padding: 0.75em 2.7em; text-align: center} .jfCard-actions: antes, .jfCard-actions: após {content: ""; display: table} .jfCard-actions: após { Claro:as duas} tela @media e (max-width: 736px) {. jfCard-actions {padding: 0 1.5em 0.75em}} jfCard-actionsNotification {display: table-cell; alinhamento vertical: top; largura: 1000px}. jfQuestion-description {margin: 0; text-align: center; display: bloco; font-size: 0.75em; quebra de texto: quebra-palavra; quebra de palavras: quebra-palavra; preenchimento-à direita: 1%; preenchimento- left: 1%}. isMobile .jfQuestion-description {padding-left: 3%; padding-right: 3%; max-height: inicial} .jfCard-mobileError {font-size: 0.8em; text-align: center; padding-left: 3%; padding-right: 3%}. jfQuestion-label {display: bloco; padding-right: 1%; padding-left: 1%; quebra de palavras: break-word} .jfQuestion-label. isLeftAlign, .jfQuestion-label.isLeftAlign ~ .jfQuestion-description, .jfQuestion-label.isLeftAlign ~ .jfCard-mobileError {text-align: esquerdo} .jfQuestion-label.isCenterAlign, .jfQuestion-label.isCenterAlign ~ .jfQuestion-description , .jfQuestion-label.isCenterAlign ~.jfCard-mobileError {text-align: center} .jfQuestion-label.isRightAlign, .jfQuestion-label.isRightAlign ~ .jfQuestion-descrição, .jfQuestion-label.isRightAlign ~ .jfCard-mobileError {text-align: right} .isMobile. jfQuestion-label {font-size: 1.25em; padding-left: 3%; padding-right: 3%; font-weight: 500} .isMobile .jfQuestion-label.isLeftAlign, .isMobile .jfQuestion-label.isCenterAlign ,. isMobile .jfQuestion-label.isRightAlign {text-align: center} .isMobile .jfQuestion-label.isLeftAlign ~ .jfQuestion-description, .isMobile .jfQuestion-label.isCenterAlign ~ .jfQuestion-description, .isMobile .jfQuestion-label.isRightAlign ~ .jfQuestion-description, .isMobile .jfQuestion-label.isLeftAlign ~ .jfCard-mobileError, .isMobile .jfQuestion-label.isCenterAlign ~ .jfCard-mobileError, .isMobile .jfQuestion-label.isRightAlign ~ .jfCard-mobileError {texto- alinhar: center} .isMobile.jfQuestion-label.p1 {font-size: 1.3125em} .isMobile .jfQuestion-label.p2 {font-size: 1.25em} .isMobile .jfQuestion-label.p3 {font-size: 1.125em} .isMobile .jfQuestion- label.p4 {font-size: 1em} .isMobile .jfQuestion-label.p5 {font-size: 0.75em} .forMiniCard .jfQuestion-label.isLeftAlign, .forMiniCard .jfQuestion-label.isCenterAlign, .forMiniCard .jfQuestion-label .isRightAlign {text-align: center} .forMiniCard .jfQuestion-label.isLeftAlign ~ .jfQuestion-description, .forMiniCard .jfQuestion-label.isCenterAlign ~ .jfQuestion-description, .forMiniCard .jfQuestion-label.isRightAlign ~ .jfQuestion-description , .forMiniCard .jfQuestion-label.isLeftAlign ~ .jfCard-mobileError, .forMiniCard .jfQuestion-label.isCenterAlign ~ .jfCard-mobileError, .forMiniCard .jfQuestion-label.isRightAlign ~ .jfCard-mobileError {text-align: center}. formMode: não (.isMobile): não (.forMiniCard).jfQuestion-label {max-height: 7.2em; max-height: 16vh; overflow-y: automático} .formMode: not (.isMobile): não (.forMiniCard) .jfCard-mobileError {display: nenhum} .jfField-sublabel {font-size: 0.7em; line-height: 1; cor: # 999; posição: absoluto; topo: 1px; esquerda: 0.6em; ponteiro-eventos: nenhum; -webkit-transição: todos os 0.15s fáceis; -transição: todos os 0,15s facilidade; transição: todos os 0,15s facilidade; preenchimento: 1em; max-largura: 90%; espaço em branco: nowrap; estouro: oculto; -o-texto-estouro: reticências; texto-estouro: reticências } .jfField-sublabel: vazio {padding: 0} .isMobile .jfField-sublabel {font-size: 0.8em; preenchimento: 1.1em 1em 1em} .jfField-svgWrapper {cursor: ponteiro; posição: absoluto; display: bloco; largura: 1.75em; altura: 1.75em; direita: 0.75em; topo: 0.45em; estouro: oculto} .jfField-svgWrapper svg {preencher: # 979797} div.jfField-wrapper [data-col = "1"] { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; - ms-flex: 1 1 100%; flex: 1 1 100%; top de margem: 1.5em} .isMobile div.jfField-wrapper [data-col = "1"] {margin-top: 1.625em} div.jfField-wrapper [data-col = "2"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; top-da-margem: 1.5em} .isMobile div.jfField-wrapper [data-col = "2"] {margin-top: 1.625em} div.jfCampo [data-col = "1"] {- webkit-box-flex: 1; -webkit-flex: 1 1 100%; - ms-flex: 1 1 100%; flex: 1 1 100%; top-de-margem: 1.5em} .isMobile div.jfField [data-col = "1"] {top de margem: 1.625em} div.jfField [data-col = "2"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%; topo da margem: 1.5em} .isMobile div.jfField [data- col = "2"] {margin-top: 1.625em} div.jfEmbro [data-type = "address_line_1"] {- webkit-box-flex: 1; -webkit-flex: 1 1 100%; - ms-flex : 1 1 100%; flex: 1 1 100%} div.jfCampo [data-type = "address_line_2"] {- webkit-box-flex: 1;-webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; top-de-margem: 1.5em} .isMobile div.jfField [data-type = "address_line_2"] {margin -top: 1.625em} div.jfField [data-type = "cidade"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; top-da-margem: 1.5em} .isMobile div.jfField [data-type = "cidade"] {margin-top: 1.625em} div.jfField [data-type = " state "], div.jfField [tipo de dados =" país "] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; top-de-margem: 1.5em} .isMobile div.jfField [data-type = "estado"] ,. isMobile div.jfField [data-type = "country"] {margin-top : 1.625em} div.jfField [tipo de dados = "zip"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; top-de-margem: 1.5em} .isMobile div.jfField [data-type = "zip"] {margin-top: 1.625em} div.jfCampo [data-type = "cc_firstName"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50% flex: 0 0 50%} div.jfField [data-type = "cc_lastName"], div.jfField [data-type = "ec_routingNumber"], div.jfField [data-type = "ec_accountNumber"] {- webkit- box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%} div.jfCampo [data-type = "cc_number"] {- webkit-box -flex: 0; -webkit-flex: 0 0 75%; - ms-flex: 0 0 75%; flex: 0 0 75%; topo da margem: 1.5em} .isMobile div.jfField [data-type = " cc_number "] {margin-top: 1.625em} div.jfEntrada [data-type =" cc_ccv "] {- webkit-box-flex: 0; -webkit-flex: 0 0 25%; - ms-flex: 0 0 25%; flex: 0 0 25%; top-de-margem: 1.5em} .isMobile div.jfField [data-type = "cc_ccv"] {top de margem: 1.625em} div.jfField [data-type = "cc_exp_month" ], div.jfField [data-type = "exp_month"],div.jfField [data-type = "cc_exp"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%; margem -top: 1.5em} .isMobile div.jfField [data-type = "cc_exp_month"], isMobile div.jfField [data-type = "exp_mês"], isMobile div.jfField [data-type = "cc_exp"] {margin-top: 1.625em} div.jfField [data-type = "cc_exp_year"], div.jfField [data-type = "exp_year"], div.jfField [data-type = "cc_postal"], div.jfField [data-type = "ec_nameOnAccount"], div.jfField [data-type = "ec_bankName"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50 %; flex: 0 0 50%; topo da margem: 1.5em} .isMobile div.jfField [data-type = "cc_exp_year"] ,. isMobile div.jfField [data-type = "exp_year"], isMobile div. jfField [data-type = "cc_postal"] ,. isMobile div.jfField [data-type = "ec_nameOnAccount "] ,. isMobile div.jfField [data-type =" ec_bankName "] {margin-top: 1.625em} div.jfField [data-type =" ec_bankAccountType "] {- webkit-box-flex: 0; -webkit -flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%} div.jfCampo [data-type = "ec_bankAccountType"] ~ div.jfField [data-type = "ec_accountNumber"] , div.jfField [data-type = "ec_bankAccountType"] ~ div.jfField [data-type = "ec_routingNumber"] {margin-top: 1.5em} .isMobile div.jfField [data-type = "ec_bankAccountType"] ~ div .jfField [data-type = "ec_accountNumber"] ,. isMobile div.jfField [data-type = "ec_bankAccountType"] ~ div.jfField [data-type = "ec_routingNumber"] {margin-top: 1.625em} div.jfField [data-type = "primeiro"], div.jfField [data-type = "intermedio"], div.jfField [data-type = "last"] {- webkit-box-flex: 2;-webkit-flex-grow: 2; -ms-flex-positivo: 2; flex-grow: 2} .isMobile div.jfField [data-type = "primeiro"] ,. isMobile div.jfField [data-type = " middle "],. isMobile div.jfField [data-type =" last "], forMiniCard div.jfField [data-type =" first "] ,. forMiniCard div.jfField [data-type =" middle "] ,. forMiniCard div.jfField [data-type = "last"] {- webkit-flex-base: 100%; - ms-flex-preferido-size: 100%; flex-base: 100%; margin-bottom: 1.625em} .isMobile div.jfField [data-type = "prefixo"] {- webkit-flex-base: 100%; - ms-flex-tamanho-preferido: 100%; base flexível: 100%; margem-inferior: 1.625em } div.jfField [data-type = "countryCode"], div.jfField [data-type = "areaCode"] {- webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex- positivo: 2; flex-grow: 2} div.jfField [tipo de dados = "telefone"] {- webkit-box-flex: 5; -webkit-flex-grow: 5;-ms-flex-positive: 5; flex-crescer: 5} div.jfField [data-type = "ano"] {- webkit-box-flex: 2; -webkit-flex-crescer: 2; -ms-flex -positivo: 2; flex-grow: 2} div.jfCampo [data-type = "liteDate"] {- webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positivo: 3 flex-grow: 3; min-height: 2.2em} div.jfField [data-type = "hora"] {margin-left: 3%} div.jfField.jfTime-range, div.jfField.jfTime-until { -webkit-box-flex: 0; -webkit-flex: 0 1 0; -ms-flex: 0 1 0px; flex: 0 1 0; -webkit-align-self: centro; -ms-flex-item-align : center; align-self: centro; espaço em branco: nowrap} div.jfField.jfTime-range: empty, div.jfField.jfTime-until: empty {padding: 0} tela @media e (max-width: 736px) {div.jfField [data-type = "hour"], div.jfField [data-type = "minuto"], div.jfField [data-type = "ampm"] {top-da-margem: 1.5em; margem-direita : 0; margem-esquerda: 0} div.jfField [data-type = "liteDate"] {- webkit-box-flex: 1; -webkit-flex: 1 1 100%; - ms-flex: 1 1 100%; flex: 1 1 100%} div.jfCampo [data-type = "hora"] , div.jfField [data-type = "minute"] {- webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50%; flex: 0 0 50%} div.jfField.hasAMPM [data-type = "hora"], div.jfField.hasAMPM [data-type = "minute"], div.jfField.hasAMPM [data-type = "ampm"] {- webkit-box- flex: 0; -webkit-flex: 0 0 33,333%; - ms-flex: 0 0 33,333%; flex: 0 0 33,333%}}. jfInnerQuestion + .jfInnerQuestion {top de margem: 2,4em} .jfPressEnter {texto- align: right; float: right; text-transform: maiúscula; font-size: 0.6em; padding: 0.7em 1em; line-height: 1.2; opacidade: 1; -webkit-transform: translateY (0); - ms- transformar: translateY (0); transformar: translateY (0); - webkit de transição: opacidade 0,15s facilidade, -webkit-transformar 0,15s facilidade; transição: opacidade 0,15s facilidade, -webkit-transformar 0,15s facilidade;-o-transição: facilidade de 0,15s, facilidade de transformação 0,15s, transição: opacidade 0,15s facilidade, facilidade de transformação 0,15s, transição: opacidade 0,15s facilidade, facilidade de transformação 0,15s, -webkit-transformar facilidade 0,15s, cor: # 323232; overflow: oculto; border-radius: 5px; background: #fff} .jfPressEnter.isHidden {opacidade: 0; largura: 0; preenchimento: 0; altura: 0; -webkit-transformação: translateY (4px); -transform: translateY (4px); transformar: translateY (4px)} @ media screen e (max-width: 736px), tela e (min-width: 481px) e (max-width: 768px) {. jfPressEnter {display: none}} jfField {-webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; posição: relativa; exibição: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; padding-left: 1%; padding-right: 1%} jfField [data-type = "paymentDonation"] {margin-bottom: 1.35em} .jfField.isFilled .jfClass-sublabel {top: 100%; preenchimento: 0.6em 0; tamanho da fonte: 0.6em} .isMobile .jfField.isFilled .jfField-sublabel {padding: 0.33em 0 0 0.4em; tamanho da fonte: 0.75em} .jfField .hasNoSublabel ~ .jfField-sublabel {display: none } .jfField.isHidden {display: none} .isMobile .jfField {padding-left: 3%; padding-right: 3%}. jfQuestion-fields {margin-top: 1em; display: -webkit-box; display: - webkit-flex; display: -ms-flexbox; display: flex; posição: relativo; -webkit-box-align: início; -webkit-align-items: flex-start; -ms-flex-align: início; alinhamento itens: flex-start; max-height: 180px; max-height: 36vh; overflow-y: automático} .jfQuestion-fields: empty, .jfQuestion-fields [data-component]: vazio {display: none} .jfCard: not ([data-type = "control_widget"]): não ([data-type = "control_checkbox"]): não ([data-type = "control_radio"]) .jfQuestion-fields: não (.jfProductModule-wrapper) {padding-top: 1px; padding-bottom: 1.35em} @media screen e (min-width:321px) e (max-device-width: 736px) {.jfQuestion-fields {max-height: 27vh}} @ tela de mídia e (largura max: 240px) e (largura máxima do dispositivo: 736px), tela e ( orientação: retrato) {. jfQuestion-fields {max-height: 45vh}}. jfQuestion-fields [data-componente = "texto"] {largura: 100%}. jfQuestion-fields.isCompoundField {-webkit-flex-wrap: envoltório; -ms-flex-wrap: wrap; flex-wrap: envoltório} .jfCreditCardAddress-addressWrapper .jfQuestion-fields {preenchimento: 0; margem: 0; max-height: inicial; estouro-y: inicial; -webkit-box -flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; largura: 100%}. jfQuestion-fields [data-componente = "pagamento"] {padding-top: 0; padding- bottom: 0} .jfQuestion-fields [data-componente = "pagamento"], jfQuestion-fields.jfCreditCardAddress, .jfQuestion-fields.jfPaymentType {display: bloco; preenchimento à direita: 1%; preenchimento à esquerda: 1%} .isMobile .jfQuestion-fields [data-component = "payment "] ,. isMobile .jfQuestion-fields.jfCreditCardAddress, .isMobile .jfQuestion-fields.jfPaymentType {padding-left: 3%; padding-right: 3%} [data-type =" control_email "] .jfQuestion-fields, div [data-type = "control_email"] .jfQuestion-fields {overflow-y: inicial; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box- align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; itens-de-alinhamento: stretch} .isMobile [data-type = "control_email"] .jfQuestion-fields .jfField, .isMobile div [ data-type = "control_email"] .jfQuestion-fields .jfField, .forMiniCard [data-type = "control_email"] .jfQuestion-fields .jfField, .forMiniCard div [data-type = "control_email"] .jfQuestion-fields. jfField {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; - ms-flex: 0 0 100%; flex: 0 0 100%}. jfQuestion-campos [data-componente = "radio "], jfQuestion-fields [data-component =" caixa de seleção "] {padding-bottom: 1px; margem-bottom: 1.275em; display: bloco} .jfQuestion-fields [data-component =" rádio "] .jfField , .jfQuestion-fields [data-component = "caixa de seleção"] .jfField {margin: 0 0 0.75em; float: left; largura: 100%; display: bloco} body {} body: não (.isMobile): not ( .forMiniCard) .jfQuestion-fields [data-componente = "rádio"] .jfField.jfField-lastRowItem, body: not (.isMobile): não (.forMiniCard) .jfQuestion-fields [data-componente = "caixa de seleção"]. jfField.jfField-lastRowItem {margin-bottom: 0} body.isMobile .jfQuestion-fields [data-componente = "rádio"]: não ([data-columncount = "1"]): not ([data-columncount = " 2 "]): not ([data-columncount =" 3 "]) .jfField: last-of-type, body.forMiniCard .jfQuestion-fields [data-componente =" rádio "]:não ([data-columncount = "1"]): not ([data-columncount = "2"]): não ([data-columncount = "3"]) .jfField: último-tipo, body.isMobile .jfQuestion-fields [data-component = "caixa de seleção"]: not ([data-columncount = "1"]): não ([data-columncount = "2"]): not ([data-columncount = "3" ]) .jfField: last-of-type, body.forMiniCard .jfQuestion-fields [data-component = "caixa de seleção"]: not ([data-columncount = "1"]): not ([data-columncount = "2 "]): not ([data-columncount =" 3 "]) .jfField: last-of-type {margin-bottom: 0} body.isMobile .jfCard [data-type =" control_imagechoice "] .jfQuestion-fields [ data-component = "radio"]: não ([data-columncount = "1"]): não ([data-columncount = "2"]): não ([data-columncount = "3"]) .jfField: n-último filho (2), body.forMiniCard.jfCard [data-type = "control_imagechoice"] .jfQuestion-fields [data-componente = "rádio"]: não ([data-columncount = "1"]): não ([data-columncount = "2"]): not ([data-columncount = "3"]) .jfField: n-último-filho (2), body.isMobile .jfCard [data-type = "control_imagechoice"] .jfQuestion-fields [data-componente = "caixa de seleção" ]: não ([data-columncount = "1"]): not ([data-columncount = "2"]): não ([data-columncount = "3"]) .jfField: n-último filho (2 ), body.forMiniCard .jfCard [data-type = "control_imagechoice"] .jfQuestion-fields [data-componente = "caixa de seleção"]: not ([data-columncount = "1"]): not ([data-columncount = "2"]): não ([data-columncount = "3"]) .jfField: n-último-filho (2) {margin-bottom: 0} .jfQuestion-fields [data-componente = "textarea"] { display: bloco}.jfQuestion-fields [data-componente = "textarea"] .jfField {-webkit-box-flex: 0; -webkit-flex: nenhum; -ms-flex: nenhum; flex: nenhum; display: bloco} .jfQuestion-fields [data-component = "imagem"] {padding-bottom: 0; preenchimento-top: 0} .jfQuestion-fields [data-componente = "matriz2"] .jfField {largura: auto; largura max: 100%; webkit-box-flex: 0; -webkit-flex: nenhum; -ms-flex: nenhum; flex: nenhum; margem: 0 auto; display: bloco} .jfQuestion-fields [data-component = "matrix"] {estouro -y: initial; max-height: inicial} .jfQuestion-fields [data-componente = "matriz"] .jfField {largura: auto; largura max: 100%; - webkit-box-flex: 0; -webkit- flex: none; -ms-flex: nenhum; flex: none; margin: 0 auto; display: bloco} .isMobile .jfQuestion-fields [data-componente = "matriz"] .jfField {largura: 100%} @ tela de mídia e (max-width: 736px) {. jfQuestion-fields [data-componente = "matriz"].jfField {largura: 100%}} @ media screen e (max-width: 736px) {.jfQuestion-fields [data-columncount] div.jfField {largura: 100%; margin-bottom: 0.75em! important}}. jfQuestion -fields [data-columncount = "1"] .jfField {largura: 100%}. jfQuestion-fields [data-columncount = "2"] .jfField {largura: 50%}. jfQuestion-fields [data-columncount = " 2 "] .jfField: nth-child (2n + 1) {clear: esquerda} .jfQuestion-fields [data-columncount =" 3 "] .jfField {largura: 33,333%}. JfQuestion-fields [data-columncount =" 3 "] .jfField: nth-child (3n + 1) {clear: esquerda} .jfQuestion-fields [data-columncount =" 4 "] .jfField {largura: 25%}. JfQuestion-fields [data-columncount =" 4 "] .jfField: n-filho (4n + 1) {clear: esquerda} .jfCard-wrapper {altura: 100%! Importante; posição: relativo; float: esquerda; display: bloco; opacidade: 0; visibilidade: oculto } .jfCard-wrapper.isVisible {opacidade: 1; visibilidade:visible} .isMobile .jfCard-wrapper .jfCard: não ([data-type = "control_widget"]) {exibição: nenhum; -webkit-tap-highlight-color: rgba (255, 255, 255, 0)}. isMobile .jfCard-wrapper.isVisible .jfCard {z-index: 5; display: -webkit-box; display: -webkit-flex; exibição: -ms-flexbox; display: flex; -webkit-box-align: center; webkit-align-items: center; -ms-flex-align: center; itens de alinhamento: center; irá alterar: transformar} .isMobile .jfCard-wrapper.prevQuestion, .isMobile .jfCard-wrapper.nextQuestion {opacity: 1 ; visibilidade: visível} .isMobile .jfCard-wrapper.prevQuestion .jfCard, .isMobile .jfCard-wrapper.nextQuestion .jfCard {exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; itens de alinhamento: center} .isMobile .jfCard-wrapper.prevQuestion .jfCard {-webkit-transform : escala translateX (20%) (0,8);-ms-transform: escala translateX (20%) (0.8); transformação: translateX (20%) escala (0.8); z-index: 4} .isMobile .jfCard-wrapper.nextQuestion .jfCard {-webkit-transform: translateX (-20%) escala (0,8); - ms-transformação: traduzirX (-20%) escala (0,8); transformar: traduzirX (-20%) escala (0,8); z-índice: 4} .always-hidden { display: nenhum} .form-line [data-type = "control_text"], para forFullScreen [data-type = "control_text"] {cor: # 323232} .form-line [data-type = "control_text"] ul, .forFullScreen [data-type = "control_text"] ul, .form-line [data-type = "control_text"] ol, .forFullScreen [data-type = "control_text"] ol {padding-left: 2em} .form- linha [data-type = "control_text"] ul, .forFullScreen [tipo-de-dados = "control_text"] ul {estilo-lista: disco fora} .form-line [data-type = "control_text"] ol, .forFullScreen [ tipo de dados = "control_text "] ol {tipo-estilo-de-lista: decimal} .form-line [data-type =" control_imagechoice "] .jfQuestion-fields {-webkit-box-align: stretch; -webkit-align-items: stretch; ms-flex-align: stretch; itens-de-alinhamento: stretch; margin-bottom: 0} .form-line [data-type = "control_imagechoice"] .jfQuestion-fields .jfField {exibição: -webkit-box; exibição: - webkit-flex; display: -ms-flexbox; display: flexível} .form-line [data-type = "control_imagechoice"] .jfQuestion-fields .jfField .jfRadio, .form-line [data-type = "controle_imagechoice"] .jfQuestion-fields .jfField .jfCheckbox {exibir: herdar} .form-line [data-type = "control_imagechoice"] .jfQuestion-fields .jfField .jfRadio-label, .form-line [data-type = "control_imagechoice"] .jfQuestion-fields .jfField .jfCheckbox-label {largura: 100%} .form-line [data-type = "control_imagechoice"].jfQuestion-fields [data-columncount = "1"] {exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms- flex-wrap: wrap; flex-wrap: capa} .form-line [data-type = "control_imagechoice"] .jfQuestion-fields [data-columncount = "1"] .jfField {largura max: 100%; - webkit -box-flex: 0; -webkit-flex: 0 0 100%; - ms-flex: 0 0 100%; flex: 0 0 100%} @ tela de mídia e (largura máxima: 736px) {. form-line [data-type = "control_imagechoice"] .jfQuestion-fields [data-columncount = "1"] div.jfField {largura: 100%}}. form-line [data-type = "controle_imagechoice"] .jfQuestion-fields [ data-columncount = "2"] {exibição: -webkit-box; exibição: -webkit-flex; exibição: -ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: envoltório} .form-line [data-type = "control_imagechoice"].jfQuestion-fields [data-columncount = "2"] .jfField {max-width: 50%; - webkit-box-flex: 0; -webkit-flex: 0 0 50%; - ms-flex: 0 0 50% ; flex: 0 0 50%} @ media screen e (max-width: 736px) {.form-line [data-type = "control_imagechoice"] .jfQuestion-fields [data-columncount = "2"] div.jfField { largura: 50%}}. form-line [dados-tipo = "control_imagechoice"] .jfQuestion-fields [data-columncount = "3"] {exibição: -webkit-box; exibição: -webkit-flex; exibição: - ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap} .form-line [data-type = "control_imagechoice"] .jfQuestion-fields [ data-columncount = "3"] .jfField {max-width: 33.3333333333%; - webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; - ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%}@media screen e (max-width: 736px) {. Form-line [data-type = "control_imagechoice "] .jfQuestion-fields [data-columncount =" 3 "] div.jfField {largura: 50%}}. form-line [dados-tipo =" control_imagechoice "] .jfQuestion-fields [data-columncount =" 4 "] {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; exibição: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap} .form-line [data-type = "controle_imagechoice"] .jfQuestion-fields [data-columncount = "4"] .jfField {largura max: 25%; - webkit-box-flex: 0; -webkit- flex: 0 0 25%; - ms-flex: 0 0 25%; flex: 0 0 25%} @ tela de mídia e (largura máxima: 736px) {. form-line [data-type = "control_imagechoice"]. jfQuestion-fields [data-columncount = "4"] div.jfField {largura: 50%}}. isMobile .form-line [data-type = "control_fullname"] .jfQuestion-fields, .forMiniCard .form-line [dados -type = "control_fullname"].jfQuestion-fields {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap} .isMobile .form-line.form-line-error .jfQuestion-label {color: initial} @ tela de mídia e (max-width: 736px) {jfCard [data-type = "control_matrix2"] jfQuestion-label {font-size: 14px}}. jfCard-index {opacidade: 0; text-align: center; fonte -tamanho: 8em; linha-altura: 1,25; posição: absoluta; largura: 100%; topo: -1,25em; -webkit-transição: todos os 0,2s facilidade; -o-transição: todos os 0,2s facilidade; transição: todos 0,2 s facilidade; cursor: padrão} .form-error-message {float: right; tamanho da fonte: 0.75em; altura da linha: 1.5; background: rgba (0, 0, 0, 0.7); cor: #fff; : 0.4em 0.8em; font-weight: 300; border-radius: 3px} tela @media e (max-width: 736px) {.form-error-message {margin-top: 1.5em}}. JfRequiredStar-message { posição: fixo; largura max: 300px; espaço em branco: nowrap; -o-texto-transbordamento: reticências; transbordamento de texto: reticências; preenchimento: 0.75em 1.25em;font-size: 0.66em; line-height: 1; text-align: centro; -webkit-transform: translate (-50%, -100%); - ms-transform: translate (-50%, -100%) ; transformar: translate (-50%, -100%); ponteiro-eventos: none; z-index: -1; opacidade: 0; -webkit-transition: todas as 0.3s ease; -o-transition: todas as 0.3s ease ; transição: toda a facilidade 0.3s} .jfRequiredStar {padding-left: 0.1em; -webkit-transform: scale (1); - ms-transform: scale (1); transformar: scale (1)} @ media screen e ( max-width: 736px) {. jfRequiredStar {tamanho da fonte: 2em} .jfRequiredStar .jfRequiredStar-message {font-size: 0.3em}}. isMobile .jfRequiredStar {posição: relativa; topo: 0.2em; direita: -0.1em ; line-height: 0; tamanho-da-fonte: 2em} .jfRequiredStar: hover .jfRequiredStar-message {z-index: 2; -webkit-transition: toda a facilidade 0.3s; -o-transition: todos os 0.3s ease; transition: todos os 0.3s facilidade; opacidade: 1} .form-required {display: none} .form-botão-erro, .jfCard-disableSubmitError {posição: absoluto; largura:100%; alinhamento de texto: centro; tamanho da fonte: 1em; cor: #fff; cor de fundo: # e34343; borda-raio: 8px; topo: 100%; topo de margem: 0.6em} .form-button- erro p, .jfCard-disableSubmitError p {margin: 8px} .jfCard-disableSubmitError {display: nenhum; esquerda: 0} .noselect {-webkit-touch-callout: nenhum; -webkit-user-select: nenhum; -moz- user-select: nenhum; -ms-user-select: nenhum; user-select: nenhum} #recaptcha_invisible {display: none} .jfForm-logo {display: bloco; posição: absoluto; topo: 5%; esquerdo: 5% ; -webkit-transform: escala (0); - transformação-ms: escala (0); transformação: escala (0); margem: 0; altura-máx: 100px; altura mínima: 42px; largura: 120px; alinhar: center} @media screen e (max-width: 736px) {.jfForm-logo {display: none}} @ tela de mídia e (min-width: 481px) e (max-width: 768px) {. jfForm-logo {display: none}} jfForm-logo span {display: bloco; largura: 100%; altura: 100%}. jfForm-logo img, .jfForm-logo svg {max-height: 100px; max-largura: 100% ;-webkit-transform: escala (1); - ms-transform: escala (1); transformação: escala (1); opacidade: 1; -webkit-transição: facilidade todos os 0.25s; -o-transição: facilidade todos os 0.25s ; transição: toda a facilidade de 0.25s} .jfForm-logo.isHidden img, .jfForm-logo.isHidden svg {-webkit-transform: escala (0); - ms-transformação: escala (0); transformação: escala (0) ; opacidade: 0; -webkit-transition: todos os 0.25s ease; -o-transition: todos os 0.25s ease; transition: todos os 0.25s ease} .form-line [data-type = "control_text"] p {min-height : @Memite_keykit-keyframes animateLogo {70% {- webkit-transform: escala (1,01); transformação: escala (1,01)} 100% {- webkit-transform: escala (1); transformação: escala (1) }} @ keyframes animateLogo {70% {- webkit-transformação: escala (1.01); transformação: escala (1.01)} 100% {- webkit-transform: escala (1); transformação: escala (1)}}. jfReview { posição: fixa; largura: 100%; altura: 100%; topo: 0; esquerda: 0; z-índice: -1; opacidade: 0; -webkit-transição: todos os 0.3s facilidade; -o-transição: todos 0 .3s facilidade; transição: todos os 0.3s facilidade; -webkit-transformar: escala (1.2); - ms-transformação: escala (1.2); transformar: escala (1.2)}. JfReviewItem-header {margin-left: -1em; -size: 0.75em} .jfReviewItem-header.hasError {color: # e34343} .jfReviewItem-index {display: inline-block; margem-direita: 5px} .jfReviewItem-index: after {content: "."}. jfReviewItem -editLink {display: none; margem esquerda: 0.75em; cor: # 5688db; cursor: ponteiro; texto-decoração: sublinhado} .isMobile .jfReviewItem-editLink {display: inline-block} .jfReviewItem {padding: 0.75em 0 } .jfReviewItem + .jfReviewItem {border-top: 1px sólido #ececec} .jfReviewItem: hover .jfReviewItem-editLink {display: bloco-inline} .reviewMode .jfReview {z-index: 1; opacidade: 1; -webkit-transform : scale (1); - ms-transform: scale (1); transform: escala (1)}. reviewMode .jfForm-all {-webkit-transition: nenhum; -o-transition: none; transição: none} .reviewMode .jfWelcome-wrapper {display: nenhum} .formMode.isMobile .jfWelcome-wrapper {altura: auto; -webkit-transition: altura 0.3s facilidade-in-out 0.3s; -o-transição: altura 0.3s facilidade-in-out 0.3s; transição: altura 0.3s 0.3s de ease-in-out} .isMobile .jfForm-logo {display: nenhum} .onScrollMode .jfCard-question {ponteiro-eventos: nenhum} .onScrollMode .jfCard-actions {ponteiro-eventos : none} .onScrollMode .jfCard-wrapper {opacidade: 1; visibilidade: visível} .onScrollMode .jfProgress-toggle {opacity: 0; -webkit-animação: nenhum; animação: nenhum; ponteiro-eventos: nenhum} .onScrollMode .jfCard -index {opacidade: 0.5} .onScrollMode: não (.isMobile) .jfForm-backgroundUnderlay {opacity: 1; -webkit-transition: all 0.66s ease; -o-transition: all 0.66s ease; transition: all 0.66s facilidade } .onScrollMode.isMobile .jfWelcome-wrapper {display: nenhum; índice z: -1} tela @media e (max-width: 736px) {. onScrollMode .jfWelcome-wrapper {display: nenhum;z-index: -1}}. isMobile .jfCard .jfCard-actions {display: nenhum} .onWelcomeMode .jfProgress, .onThankyouMode .jfProgress, .onSectionHeaderMode .jfProgress {opacidade: 0; ponteiro-eventos: todos; parte inferior: -20 %} .jotform-form {-webkit-transition: opacidade 0.3s facilidade; -o-transição: opacidade 0.3s facilidade; transição: opacidade 0.3s facilidade} .formMode .jfForm-logo {-webkit-animação: animateLogo 0.5s 1 animação: animateLogo 0.5s 1; -webkit-animation-fill-mode: para a frente; animação-fill-mode: para frente} .formMode.isMobile .jfWelcome-header {white-space: nowrap; estouro: oculto; -o-texto -overflow: reticências; text-overflow: reticências} .formMode.isMobile .jfWelcome-description {exibição: nenhuma} .formMode.isMobile.onScrollMode .jfForm-wrapper .jotform-form {opacidade: 0; -webkit-transition: opacity 0.3 s facilidade; -o-transição: opacidade 0.3s facilidade; transição: opacidade 0.3s facilidade} tela @media e (max-width: 736px) {. formMode.jfWelcome-header {white-space: nowrap; overflow: oculto; -o-text-overflow: reticências; text-overflow: reticências} .formMode .jfWelcome-description {exibição: nenhum} .formMode.onScrollMode .jfForm-wrapper .jotform -forma {opacidade: 0; -webkit-transição: opacidade 0.3s facilidade; -o-transição: opacidade 0.3s facilidade; transição: opacidade 0.3s facilidade}}. formMode.isTouchKeyboardOpen.isMobile .jfProgress, .formMode.isTouchKeyboardOpen.isMobile .jfWelcome-wrapper {display: block} .formMode.isTouchKeyboardOpen.isMobile .jfWelcome-wrapper {altura: 0} .formMode.isTouchKeyboardOpen.isMobile .jfForm-wrapper {padding-top: 12px! importante} @media screen e (min- width: 480px) e (max-height: 540px), tela e (largura max: 736px) {. formMode.isTouchKeyboardOpen .jfWelcome-wrapper, .formMode.isTouchKeyboardOpen .jfProgress, .formMode.isTouchKeyboardOpen .formFooter {display: none} } tela @media e (min-width:480px) e (max-height: 540px) {. FormMode .jfWelcome-description, .formMode .jfProgress-itemWrapper, .formMode .jfProgress-itemWrapperLine {display: nenhum}} jfForm-videoBg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; ponteiro-events: none; -webkit-transition: todos os 0.66s ease; -o-transition: todos os 0.66s ease; transition: todos os 0.66s ease } .onScrollMode .jfForm-videoBg {-webkit-filter: blur (50px); filtro: blur (50px); top: -100px; esquerda: -100px; direita: -100px; inferior: -100px; -webkit-transition: todas as 0.66s fáceis; -o-transition: todas as 0.66s ease; transition: todas as 0.66s ease} .jfForm-videoBg .jfFormVideoBg-foreground, .jfForm-videoBg .jfFormVideoBg-iframe de primeiro plano {width: 100%; height: 100% } vídeo .jfForm-videoBg {min-height: 100%; min-width: 100%; esquerda: 50%; topo: 50%; - webkit-transform: translate (-50%, -50%); Transformar: traduzir (-50%, -50%); transformar: traduzir (-50%, -50%); posição: absoluta}.buttonMenu-linkList {largura: 180px; posição: absoluta; topo: 100%; margem-topo: 1.5em; direita: -2em; exibição: nenhum; cor de fundo: #fff; tamanho da fonte: 0.8em; altura da linha : 2; -webkit-box-shadow: 0 1px 3px 0 rgba (0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba (0, 0, 0, 0.2)}. ButtonMenu-link {largura : 100%; display: bloco; cor: # 3782b9; cursor: ponteiro; preenchimento: 5px 8px} .buttonMenu-link + .buttonMenu-link {limite superior: 1px rgba sólido (0, 0, 0, 1)} .buttonMenu-caret {enchimento: 0.75em 0.6em 0.75em 0.8em; margem: -0.75em -1.8em -0.75em 0.8em; mostrador: bloco; altura: 2.5em; cursor: ponteiro; posição: relativo; borda-raio : 0 1.5em 1.5em 0; -webkit-transition: facilidade de cor de fundo 0.15s; -o-transição: facilidade de cor de fundo 0.15s; transição: facilidade de cor de fundo 0.15s} .buttonMenu-caret span {-webkit- transform: rotate (-45deg); - ms-transform: rotaciona (-45deg); transform: rotate (-45deg); - webkit-transform-origin:centro inferior; -ms-transformação-origem: centro inferior; origem-transformação: centro inferior; largura: 0.6em; altura: 0.6em; borda esquerda: 2px sólido # fff; borda inferior: 2px sólido # ff; inline-block; ponteiro-eventos: nenhum} .buttonMenu {posição: relativo; exibição: inline-block; vertical-align: início} .buttonMenu.isAbrir .buttonMenu-linkList {exibição: bloco} body.sectionHeaderMode .buttonMenu {exibição: none} .jfInput-button.forContinueLater {border-color: # 4084f3; cor de fundo: # 4084f3; cor: #fff; border-radius: 6px} .jfInput-button.forContinueLater [desativado] {border-color: #bcbcbc ; cor de fundo: # bcc3cf} body.isMobile .jfInput-button.forContinueLater {display: bloco; largura: 100%}. jfInput-button.forLink {padding: 0.25em; alinhamento vertical: meio; margem direita: 0.5 em; border-color: # 4084f3; cor de fundo: # 4084f3; margin-top: 0; borda-raio: 6px} .sacl-textarea {redimensionar: nenhuma} .sacl-textarea.isHidden {position:absoluto; inferior: -9999px} body.isMobile .jfInput-input.sacl-input {margin-top: 1.5em} .sacl-linkWrapper.isHidden {exibição: nenhum} .sacl-linkWrapper> span {display: inline-block; vertical-align: meio} .sacl-linkWrapper .iconSvg {largura: 2em; altura: 2em; exibição: bloco-inline} .sacl-linkWrapper .iconSvg svg {preencher: #fff} body.isMobile .sacl-linkWrapper {padding- top: 1em; text-align: esquerdo} .sacl-mailWrapper {float: right} body.isMobile .sacl-mailWrapper {flutuante: nenhum} .sacl-modal-icon {largura: 24px; altura: 24px; display: inline- block; vertical-align: superior; margin-right: 6px} .sacl-state-icon {largura: 20px; altura: 20px; display: inline-block; margem: -2px -5px} .sacl-state-text {margem -left: 0; position: absolute; left: 100%; white-space: nowrap; border-radius: 0 4px 4px 0; padding: 0.75em 1em 0.75em 0; topo: 0; opacidade: 0; -webkit-transição : opacidade 0.3s facilidade, -o-transição: opacidade 0.3s facilidade, transição: opacidade 0.3s facilidade} .jfProgress-infoContent.jfProgress-sacl {margin-left: 5px; min-width: herdar; position: relative; overflow: oculto} .jfProgress-infoContent.jfProgress-sacl .jfProgress-infoContentText {preenchimento: 0}. jfProgress-infoContent.jfProgress-sacl: hover {border-radius: 4px 0 0 4px; estouro: visível} .jfProgress-infoContent.jfProgress-sacl: hover .sacl-state-text {opacidade: 1} .isMobile.formMode: não (.onScrollMode) .jfProgress-infoContent.jfProgress-sacl {display: nenhum} .saclLinkButton-tooltip {white-space: nowrap; margem: 11px -2px auto automático} .saclLinkButton-text {posição: absoluto; espaço em branco: nowrap ; height: 100%; top: 0; left: 100%; margin-left: 12px; padding-top: 0.75em} body.isMobile .saclLinkButton-text {tamanho da fonte: 16px} .jfHipaa {position: fixed; : 0; direita: 0; inferior: 1em; ponteiro-eventos: nenhum; text-align: centro; z-index: 1; -webkit-transition: todas as facilidades de 0.3s; -o-transition: todas as 0.3s ease; transition :todas as facilidades 0.3s} .jfHipaa-logo {width: 16.8em} .isMobile .jfHipaa {opacidade: 0} .isMobile .jfHipaa-logo {width: 12em} .isMobile.welcomeMode .jfHipaa, .isMobile.sectionHeaderMode .jfHipaa {opacidade : 1; bottom: 3.6em} .jfProgress: não (.progress-animate) + .jfHipaa {bottom: 110px; -webkit-transition: todos os 0.3s ease; -o-transition: todos os 0.3s ease; transition: todos os 0.3 s facilidade} @media screen e (device-width: 414px) e (device-height: 896px) e (-webkit-device-pixel-ratio: 2) e (orientação: retrato) {. isMobile .jfCard {altura: 80 %; top: 10%}} @ media screen e (device-width: 375px) e (device-height: 812px) e (-webkit-device-pixel-ratio: 3) e (orientação: retrato) {. isMobile. jfCard {altura: 80%; topo: 10%}} @ media screen e (device-width: 414px) e (device-height: 896px) e (-webkit-device-pixel-ratio: 3) e (orientação: retrato ) {. isMobile .jfCard {altura: 80%; topo: 10%}}. isLongForm:not (.onScrollMode): não (.reviewMode) .jfCard {display: nenhum} .isLongForm: not (.onScrollMode): não (.reviewMode) .isVisible .jfCard {display: bloco} :: - webkit-scrollbar {largura: 9px; altura: 9px} :: - webkit-scrollbar-track {borda-raio: 5px; fundo: rgba (0, 0, 0, 0.1)} :: - webkit-scrollbar-thumb {borda-raio: 5px; fundo : rgba (0, 0, 0, 0.2)} :: - webkit-scrollbar-thumb: hover {fundo: rgba (0, 0, 0, 0.4)} :: - webkit-scrollbar-thumb: janela-inativo {fundo : rgba (0, 0, 0, 0,05)}-webkit-scrollbar-thumb: window-inactive {background: rgba (0, 0, 0, 0.05)}-webkit-scrollbar-thumb: window-inactive {background: rgba (0, 0, 0, 0.05)}