Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
Ir para o conteúdo principal Tamanho da fonte A- A A+ Cor do site R A A A Painel lateral English (en) Español - Internacional (es) Português - Brasil (pt_br) 0 Notificações Marcar tudo como lido Preferências de notificação Você não tem nenhuma notificação Mostrar todos 0 BRUNA JAINARA GERVASONI Painel Perfil Notas Mensagens Preferências Sair 2023/1 - Cultura e Clima Organizacional Página inicial Minhas disciplinas 2023/1 - Cultura e Clima Organizacional UNIDADE III Avaliação - Unidade III Iniciado em quarta, 22 fev 2023, 20:00 Estado Finalizada Concluída em quarta, 22 fev 2023, 20:33 Tempo empregado 33 minutos 24 segundos Avaliar 0,50 de um máximo de 0,50(100%) Questão 1 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Os estudos de clima organizacional feitos por Souza (2010) identificaram quatro dimensões que afetam diretamente o clima nas empresas. Com base nessas informações, assinale a única alternativa correta que apresenta essas dimensões: a. Eficiência, habilidades, comprometimentos e paixão. b. Comprometimento, vontade, espírito de equipe e paixão. c. Resistência a mudança, estresse, liderança e motivação. d. Indiferença, competências, habilidades e atitudes. e. Compromisso, retidão, consenso e envolvimento. Feedback A resposta correta é: Resistência a mudança, estresse, liderança e motivação. Questão 2 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Nos últimos tempos os estudos sobre o ambiente interno das organizações ganharam mais atenção, sobretudo, diante da concorrência acirrada entre setores da economia, que trouxe mudanças significativas no ambiente interno. Assim, o tema clima organizacional faz parte da rotina dos gestores no seu dia a dia. Com base nessas considerações, assinale a alternativa correta: a. O clima é o resultado da interação entre a alta gestão e os níveis inferiores que não conseguem fazer bem o seu trabalho. b. O clima organizacional existe para garantir a disciplina, a comunicação verticalizada e a unidade de comando centrada e um único gestor. c. O clima organizacional está diretamente ligado a cultura da empresa, ou seja, é fruto da cultura e com ela interage o tempo todo. d. O clima é resultado do aprendizado das empresas quando passam por situações de crise e falta de recursos. e. O clima e a sua influência faz parte da dinâmica de uma empresa e, se manifesta mais fortemente em tempos de crise. Feedback A resposta correta é: O clima organizacional está diretamente ligado a cultura da empresa, ou seja, é fruto da cultura e com ela interage o tempo todo. Questão 3 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Para avaliar o clima organizacional das empresas, é necessário o estabelecimento de alguns indicadores. Como o clima se refere muitas vezes a questões psicológicas, não há como um gestor identificar sozinho as variáveis que interferem ou não no ambiente interno da empresa. A partir dessas considerações, assinale a alternativa correta quanto a utilidade dos indicadores de clima organizacional: a. Servem para determinar a cadeia de comando da empresa, assim como às funções a serem exercidas pelo departamento de recursos humanos. b. Servem para distribuir as tarefas entre os setores da empresa, além de estabelecer a hierarquia e a disciplina. c. Servem para reforçar a estratégia funcional da empresa, limitando-se a assuntos departamentais e seus conflitos internos. d. Servem para verificar como é possível atrair e reter os talentos e identificar que pontos podem e devem ser reforçados para a melhoria da produtividade. e. Servem para dar a organização a noção de que os níveis inferiores estão ou não sendo obedientes as normas e regulamentos da empresa. Feedback A resposta correta é: Servem para verificar como é possível atrair e reter os talentos e identificar que pontos podem e devem ser reforçados para a melhoria da produtividade. Questão 4 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão As empresas buscam consolidar suas posições no mercado em que competem por meio de estratégias de produtos e serviços. Para alcançar seus objetivos, mobilizam seus recursos e pessoas a fim de atingir seus objetivos. O ambiente interno torna-se fundamental para aumentar a produtividade e alcançar os resultados pretendidos. A partir dessas informações, marque a alternativa correta em relação a uma das características do clima organizacional: a. É que ele é um dos principais fatores na determinação da qualidade de vida no trabalho. b. O clima organizacional tem efeito no longo prazo, afetando as estruturas com o passar dos anos. c. Ele serve como o rumo a ser seguido por todos, e a forma como devem ser feitas as negociações com terceiros. d. Ele define a personalidade e as crenças, os valores, ritos e mitos das empresas. e. O clima organizacional tem pouca ou quase nenhuma relação com a cultura organizacional da empresa. Feedback A resposta correta é: É que ele é um dos principais fatores na determinação da qualidade de vida no trabalho. Questão 5 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Diante da acirrada disputa pelo mercado, as empresas se esforçam para atrair, manter e reter seus clientes. Em muitos casos, isso pode gerar tensão e estresse no ambiente interno, causando problemas no desempenho dos funcionários. Diante disso, os gestores exercem grande influência na dinâmica do ambiente interno. Com base nessas informações, assinale a alternativa correta: a. Os gestores não se dão bem tratando com os níveis inferiores, logo, o clima é sempre hostil e de pouca produtividade. b. O clima geralmente é ruim nas empresas por conta da grande diferença cultural dos níveis inferiores. c. O clima não é responsabilidade da gestão da empresa, mas sim, dos acionistas e demais interessados. d. Os gestores tem pouca interferência no clima da empresa, tendo em vista serem os responsáveis pelo controle dos demais níveis. e. Os resultados anteriores de sucesso podem causar um certo comodismos nos gestores que deixam de observar as mudanças e tendências. Feedback A resposta correta é: Os resultados anteriores de sucesso podem causar um certo comodismos nos gestores que deixam de observar as mudanças e tendências. Questão 6 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Os estudos sobre clima organizacional destacam a existência de dois tipos de clima, sendo o primeiro deles chamado de favorável ou positivo e o outro desfavorável e negativo. Em relação ao conceito de clima favorável, é correto dizer que: a. O clima favorável ou positivo trata das relações para com os sindicatos dos trabalhadores, que, nesse caso, devem ser satisfatórios. b. Um clima favorável ou positivo diz respeito a interação entre a empresa e o mercado consumidor, isto é, a forma como a sociedade enxerga a empresa. c. Um clima favorável ou positivo é aquele em que a alta cúpula tem bom relacionamento com a média gerencia. d. É aquele em que a unidade de comando é centralizadora mantendo a hierarquia e a disciplina a todo o momento. e. Um clima favorável é aquele que permite um bom fluxo de comunicação entre setores e departamentos da empresa. Feedback A resposta correta é: Um clima favorável é aquele que permite um bom fluxo de comunicação entre setores e departamentos da empresa. Questão 7 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Os estudos sobre cultura organizacional mencionam o clima como sendo o chamado termômetro da organização. Para que se possa atingir um elevado nível de produtividade e assim atingir os resultados esperados, é preciso compreender o ambiente interno da empresa. Com base nessas informações assinale a resposta certa: a. O clima organizacional é o que determina a motivação ou não dos funcionários, a produtividade individual e coletiva dos funcionários, assim como, o engajamento de todos, nos propósitos da empresa. b. O clima é influenciado unicamente pelo mercado consumidor nas estratégias da empresa, ou seja, o comportamento de compra dos consumidores é o que determina o clima interno da empresa. c. O chamado clima organizacional diz respeito a relação existente entre os níveis da organização, superior, médio e inferior e, não tem relação com aspectos culturais da empresa. d. O clima organizacional tem pouca ou quase nenhuma relação com a cultura organizacional da empresa, pois trata de relações pontuais de trabalho entre trabalhadores e seus superiores. e. Um clima organizacional trata da relação entre a gestão da empresa para com o mercado consumidor, isto é, a forma pela qual a sociedade interpreta as ações da empresa. Feedback A resposta correta é: O clima organizacional é o que determina a motivação ou não dos funcionários, a produtividade individual e coletiva dos funcionários, assim como, o engajamento de todos, nos propósitos da empresa. Questão 8 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Para atingir os resultados projetados em seu planejamento estratégico, as empresas lançam mão de estratégias voltadas para o mercado e seus clientes. Seus processos produtivos devem estar alinhados aos interesses mercadológicos, porém, nada é feito sem a participação das pessoas. Proporcionar a essas pessoas um ambiente propício para criarem e inovarem é essencial para o futuro dos negócios da empresa. A partir dessas considerações, assinale a resposta certa: a. É necessário treinar os gestores de nível médio, porque estão entre a alta gestão e os níveis inferiores que, de maneira geral, não conseguem se desenvolver nem cumprir direito as suas tarefas. b. É preciso flexibilizar a participação e todos na tomada de decisões, engajar pessoas em projetos, horizontalizar a comunicação entre setores da empresa e ainda oferecer benefícios aos funcionários. c. É importante que as empresas contratem empresas terceirizadas para cuidar do clima organizacional, pois, quase sempre, são incapazes de fazer a sua própria gestão interna. d. É importante recrutar pessoas com potencial criativo, motivadas e com espírito de equipe, pois capacitar o público interno custo caro e consome tempo. e. É preciso focar na formação de grupos de trabalho permanentes pois, a alternância de pessoas em projetos, trabalhos, e equipes causa confusão e gera improdutividade. Feedback A resposta correta é: É preciso flexibilizar a participação e todos na tomada de decisões, engajar pessoas em projetos, horizontalizar a comunicação entre setores da empresa e ainda oferecer benefícios aos funcionários. Questão 9 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Um clima organizacional favorável a criatividade e a inovação estão diretamente relacionadas ao comportamento dos gestores. Nesse caso, são os principais responsáveis pela gestão do clima dentro das empresas, pois estão no dia a dia junto com os seus funcionários. A partir dessas considerações, assinale a única alternativa correta: a. Para que o clima organizacional seja bom, é necessário que os líderes mantenham a disciplina e a hierarquia de forma rígida e intransigente. b. Todos os líderes precisam estabelecer regras mais duras para com os funcionários que contribuem de forma negativa para o clima organizacional. c. Uma liderança deve evitar aproximação com os funcionários da empresa para evitar insubordinação e muita intimidade. d. Os líderes devem desempenhar suas funções e deixar que os funcionários valorizem seu próprio trabalho, ou seja, por si só devem fazer sua parte. e. Os líderes devem assumir seu papel não apenas de gestor, mas sim, de agente transformador e condutor das mudanças. Feedback A resposta correta é: Os líderes devem assumir seu papel não apenas de gestor, mas sim, de agente transformador e condutor das mudanças. Questão 10 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Uma organização que deseja obter sucesso em seus negócios precisa levar em conta o seu ambiente interno. Os funcionários é que criam, inovam, reinventam e fazem da empresa um processo continuo de aprendizagem. Diante disso, é importante que seja feito uma boa gestão do clima organizacional. Com base nessas considerações, assinale a alternativa correta: a. O objeto de estudo da gestão do clima organizacional é a contratação de pessoas motivadas e criativas, para suprir a falta existente dentro das empresas. b. O foco da gestão do clima organizacional é ajustar a estrutura da organização de forma que os níveis inferiores estejam sob a vigilância e controle da alta gestão e produzam com mais eficiência. c. O objetivo principal da gestão do clima organizacional é determinar a estrutura organizacional e a unidade de comando e hierarquia da empresa para controlar os funcionários. d. O foco da gestão do clima organizacional é verticalizar a comunicação para garantir a uniformidade das informações, estreitar as relações entre a alta gestão e os níveis intermediários. e. O principal objetivo dos estudos da gestão do clima organizacional é justamente identificar e analisar o grau de satisfação e de motivação das pessoas que trabalham nas empresas. Feedback A resposta correta é: O principal objetivo dos estudos da gestão do clima organizacional é justamente identificar e analisar o grau de satisfação e de motivação das pessoas que trabalham nas empresas. Terminar revisão Atividade anterior ◄ Slides Videoaula 3 Seguir para... Seguir para... Mural de avisos ATIVIDADES COMPLEMENTARES COMO CALCULAR A SUA NOTA ESTUDO DE CASO - ATENÇÃO AO ENVIO Plano de Ensino Apresentação da Disciplina CALENDÁRIO LETIVO 2022 Apostila de Cultura e Clima Organizacional Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Videoaula 3 Slides Videoaula 3 Avaliação - Unidade I Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Videoaula 3 Slides Videoaula 3 Avaliação - Unidade II Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Videoaula 3 Slides Videoaula 3 Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Videoaula 3 Slides Videoaula 3 Avaliação - Unidade IV Conclusão da Disciplina FÓRUM - Cultura e Clima Organizacional Estudo de Caso - Cultura e Clima Organizacional Avalie a sua disciplina Avaliação Próxima atividade Videoaula 1 ► Pular <span id="mod_quiz_navblock_title">Navegação do questionário</span> Navegação do questionário Questão 1 Esta página Questão 2 Esta página Questão 3 Esta página Questão 4 Esta página Questão 5 Esta página Questão 6 Esta página Questão 7 Esta página Questão 8 Esta página Questão 9 Esta página Questão 10 Esta página Terminar revisão Seções do curso E-BOOK UNIDADE I UNIDADE II UNIDADE III UNIDADE IV FÓRUM ESTUDO DE CASO AVALIE A DISCIPLINA Avaliação Regular Participantes Notas Desativar navegação animada Preferência dos dados Página inicial Painel Calendário Minhas disciplinas Ambientacao Nivelamento - Portugues 2022 Nivelamento - Matematica 2022 Uninga em Movimento 2023/1 - Administração De Marketing 2023/1 - Cultura e Clima Organizacional 2022/4 - Gestão De Custos 2022/4 - Gestão de Projetos 2022/3 - Contabilidade Introdutória 2022/3 - Negociação e Tomada de Decisão 2022/2 - Matemática Financeira Mais... Arquivos privados Mais... Configurações de acessibilidade Manter contato UNINGÁ https://www.uninga.br Mobile : 0800 800 5009 Obter o aplicativo para dispositivos móveis @charset "utf-8"; [vp] .vpw-vlibras-span { font-family: "Open Sans", sans-serif; } [vp] .vpw-settings { position: relative; width: 100%; height: calc(100% - 40px); } [vp] .vpw-settings .vpw-content { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 6; background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-settings .vpw-content .vpw-flag { position: absolute; height: 24px; margin-top: -12px; margin-left: 4px; border: none; border-radius: 5px; } [vp] .vpw-settings .vpw-content > .vpw-bar { position: absolute; width: 100%; height: 54px; } [vp] .vpw-settings .vpw-content > .vpw-bar .vpw-title { position: absolute; top: 16px; left: 50px; color: rgb(100, 129, 184); font-size: 12px; font-weight: bold; } [vp] .vpw-settings .vpw-content > ul { list-style-type: none; margin: 0px; padding: 0px 11%; font-family: "Open Sans", sans-serif; } [vp] .vpw-settings .vpw-content > ul li { position: relative; padding: 19px 0px; color: white; border-bottom: 0px; } [vp] .vpw-settings .vpw-content > ul li .vpw-name { position: absolute; left: 0px; margin-top: -10px; font-size: 14px; } [vp] .vpw-settings .vpw-content > ul li .vpw-percent { float: right; margin-top: -7px; font-size: 11px; color: rgba(255, 255, 255, 0.6); width: 30px; margin-right: -6px; margin-left: -4px; text-align: center; } [vp] .vpw-settings .vpw-content > ul li .arrow-right-opac, [vp] .vpw-settings .vpw-content > ul li .arrow-left-opac { margin-top: -13px; width: 25px; float: right; } [vp] .vpw-settings .vpw-content > ul li:hover { color: rgb(103, 200, 213); } [vp] .vpw-settings .vpw-content > ul .vpw-position { display: none; } [vp] .vpw-settings .vpw-content > ul .vpw-opacity { display: none; } [vp] .vpw-settings .vpw-content > ul .vpw-localism { padding: 24px 0px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-flag { right: 27px; height: 24px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-abbrev { position: absolute; right: 0px; margin-top: -9px; font-size: 14px; font-weight: bold; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-arrow { position: absolute; right: 16px; height: 13px; margin-top: -6px; } [vp] .vpw-settings .vpw-content > .vpw-localism { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 7; background-color: white; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } [vp] .vpw-settings .vpw-content > .vpw-localism:not(.active) { visibility: hidden; opacity: 0; transition: visibility 0s ease 0s, opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism.active { visibility: visible; opacity: 1; transition: visibility 0s ease 0s, opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-name { position: absolute; margin-top: -7px; margin-left: 9px; font-size: 14px; font-weight: bold; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-national { position: relative; width: calc(33.33%); margin-top: 6px; padding-top: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-national .vpw-name { color: black; position: relative; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-national .vpw-flag { position: relative; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions { position: relative; width: 100%; height: 100%; box-sizing: content-box; padding: 0px 8px; left: 0px; top: 50%; transform: translateY(-50%); } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions { display: inline-block; position: relative; width: 33.33%; margin-bottom: 1px; padding: 6px 0px; margin-top: 1%; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions.selected, [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions:hover { opacity: 1; transition: opacity 0.3s ease 0s; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions .vpw-cont { display: flex; flex-direction: row; justify-content: center; align-items: center; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions > .vpw-cont .vpw-flag { position: relative; margin: 0px; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions > .vpw-cont .vpw-name { position: relative; margin: 0px 10px; color: grey; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 6; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-vlibras-span { left: 50%; transform: translateX(-50%); position: absolute; bottom: 15%; align-items: center; font-size: 14px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-logo { width: 100%; } [vp] .vpw-settings > .vpw-wall { position: absolute; inset: 0px; z-index: 5; } [vp] .vpw-settings.active { display: block; } [vp] .vpw-settings.active .vpw-content { left: 0px; transition: left 0.3s ease 0s; } [vp] .vpw-settings.active .vpw-wall { visibility: visible; } [vp] .vpw-settings:not(.active) { display: none; } [vp] .vpw-settings:not(.active) .vpw-content { left: 0px; visibility: hidden; transition: left 0.3s ease 0s; } [vp] .vpw-settings:not(.active) .vpw-wall { visibility: hidden; } [vp] .vpw-settings .vpw-clickable { cursor: pointer; } [vp] .vpw-settings .vpw-clickable:not(:hover) { background-color: inherit; transition: background-color 0.12s ease 0s; } [vp] .vpw-settings .vpw-clickable:hover { transition: background-color 0.2s ease 0s; } [vp] .vpw-controls-dictionary:not(.vpw-loading-dictionary)::before { content: "Dicionário"; font-size: 14px; position: absolute; margin-top: -11px; } [vp] .vpw-controls-dictionary.vpw-loading-dictionary { min-width: 22px; min-height: 22px; margin-top: -17px; position: absolute; border-width: 3px; border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.6) white rgba(255, 255, 255, 0.2); border-style: inset; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin; } @charset "utf-8"; [vp] { } [vp] .vpw-switch { position: relative; display: inline-block; width: 60px; height: 21px; float: right; margin-top: -12px; } [vp] .vpw-switch input { opacity: 0; width: 0px; height: 0px; } [vp] .vpw-slider-check { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(33, 150, 243); } [vp] .vpw-slider-check::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; } [vp] input:checked + .vpw-slider-check { background-color: rgb(33, 150, 243); } [vp] input:focus + .vpw-slider-check { box-shadow: rgb(204, 204, 204) 0px 0px 1px; } [vp] input:checked + .vpw-slider-check::before { transform: translateX(26px); } [vp] .vpw-slider-check.vpw-round { border-radius: 34px; } [vp] .vpw-slider-check.vpw-round::before { border-radius: 50%; top: -3px; } @charset "utf-8"; [vp] .vpw-settings-btn { position: absolute; z-index: 1; height: 100%; width: 100%; cursor: pointer; } [vp] .vpw-settings-btn .vpw-settings-btn-menu { display: none; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 18px; left: 20px; } [vp] .vpw-settings-btn .vpw-settings-btn-menu.active { display: block; } [vp] .vpw-settings-btn .vpw-settings-btn-close { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; } @charset "utf-8"; [vp] .vpw-info-screen { position: relative; padding: 1em; width: 100%; height: calc(100% - 40px); z-index: 4; background-color: white; color: black; font-family: "Open Sans", sans-serif; text-align: center; align-items: center; font-size: 11px; display: none; box-sizing: border-box; } [vp] .vpw-info-screen.active { display: flex; } [vp] .vpw-info-screen .vpw-arrow { flex-grow: 1; visibility: hidden; } [vp] .vpw-info-screen .vpw-arrow.active { visibility: visible; } [vp] .vpw-info-screen #vpw-info-tabset { position: relative; top: 0px; flex-grow: 4; display: flex; flex-direction: column; padding: 0px; height: 100%; width: 100%; align-items: center; } [vp] .vpw-info-screen #vpw-info-main { max-width: 600px; font-family: "Open Sans", sans-serif; flex-direction: column; } [vp] .vpw-info-screen #vpw-info-main.active { display: flex; place-content: center; align-items: center; } [vp] .vpw-info-screen #vpw-info-logo img { height: 90px; } [vp] .vpw-info-screen #vpw-info-realizadores { height: 100%; min-width: 230px; width: 50%; flex-direction: column; align-items: stretch; } [vp] .vpw-info-screen #vpw-info-realizadores #vpw-realiz { font-size: 20px; } [vp] .vpw-info-screen #vpw-info-realizadores.active { display: flex; place-content: center; align-items: center; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-siz { max-width: 55% !important; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo { margin: 0.5em 0.35em; min-width: 10%; max-width: 29%; max-height: 15vh; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo .vpw-short-ver { max-width: none; min-height: 16px; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group { display: flex; padding: 0.5% 2%; flex-flow: row wrap; align-items: center; justify-content: space-around; line-height: 1.1; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group .p-separator { margin-top: 10px; margin-bottom: 10px; width: 118px; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group .format-text { margin: 0px; } [vp] .vpw-info-screen .vpw-info-tab { flex-grow: 3; display: none; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label { position: absolute; top: 0%; font-size: 16px; font-family: "Open Sans", sans-serif; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label-two { font-size: 16px; font-family: "Open Sans", sans-serif; margin-top: 10px; } [vp] .vpw-info-screen .vpw-info-tab.active { display: block; } [vp] .vpw-info-screen #vpw-info-meta p { margin: 0.5em 0px 0px; } [vp] .vpw-info-screen #vpw-info-meta a { text-decoration: none; } [vp] .vpw-info-screen .vpw-info-bullet { background-size: 15px 15px; display: inline-block; width: 15px; height: 15px; content: ""; } [vp] .vpw-info-screen #vpw-info-tab-bullets { width: 100%; height: auto; position: absolute; bottom: 0%; text-align: center; flex-grow: 1; cursor: pointer; } [vp] .vpw-info-screen .vpw-close-btn { position: absolute; top: 8px; right: 6px; z-index: 4; } [vp] .vpw-info-screen .vpw-close-btn img.icon { width: 34px; height: 34px; } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { [vp] #vpw-info-realizadores .vpw-logo { margin: 0.5em 0.35em; min-width: 10%; max-width: 50%; max-height: 18vh; } } @media only screen and (max-height: 360px) { [vp] #vpw-info-main { font-size: 0.84em; } } @charset "utf-8"; [vp] .vpw-dictionary { display: none; position: relative; width: 100%; height: calc(100% - 40px); min-width: 300px; min-height: 300px; font-family: "Open Sans", sans-serif; background-color: white; } [vp] .vpw-dictionary.active { display: block; } [vp] .vpw-dictionary .vpw-panel { position: relative; height: 114px; background-color: white; } [vp] .vpw-dictionary .vpw-panel .vpw-bar { text-align: center; padding-top: 20px; } [vp] .vpw-dictionary .vpw-panel .vpw-search { position: absolute; width: 80%; left: 50%; transform: translateX(-50%); margin-top: 20px; } [vp] .vpw-dictionary .vpw-panel .vpw-search input { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); padding: 10px; border-radius: 6px; border: 1px solid rgb(221, 221, 221); outline: none; } [vp] .vpw-dictionary .vpw-panel .vpw-search input:focus { border: 1px solid rgb(0, 221, 249); } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon { display: block; position: relative; } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon img { position: absolute; height: 24px; width: 24px; top: 6px; right: 7px; } [vp] .vpw-dictionary .vpw-dict-container { position: absolute; width: 80%; height: 68%; left: 50%; transform: translateX(-50%); } [vp] .vpw-dictionary .vpw-dict-container ul { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; list-style-type: none; } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar { width: 8px; } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar-track { background-color: rgb(221, 221, 221); } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar-thumb { background-color: rgb(188, 188, 188); } [vp] .vpw-dictionary .vpw-dict-container ul li { font-size: 14px; cursor: pointer; } [vp] .vpw-dictionary .vpw-dict-container ul li:hover { background-color: rgb(234, 234, 234); transition: brackground-color 0.4s ease 0s; } [vp] .vpw-dictionary .vpw-dict-container ul li.margin { height: 114px; } [vp] .vpw-dictionary .vpw-dict-container ul li:not(.margin) { padding: 9px 10px; } @charset "utf-8"; .noUi-target, .noUi-target * { touch-action: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-origin { position: absolute; inset: 0px; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { transition: left 0.3s ease 0s, top 0.3s ease 0s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base, .noUi-handle { transform: translate3d(0px, 0px, 0px); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-background { background: rgb(250, 250, 250); box-shadow: rgb(240, 240, 240) 0px 1px 1px inset; } .noUi-connect { background: rgb(63, 184, 175); box-shadow: rgba(51, 51, 51, 0.45) 0px 0px 3px inset; transition: background 450ms ease 0s; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid rgb(211, 211, 211); box-shadow: rgb(240, 240, 240) 0px 1px 1px inset, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-target.noUi-connect { box-shadow: rgba(51, 51, 51, 0.45) 0px 0px 3px inset, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); cursor: default; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(235, 235, 235) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-active { box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(221, 221, 221) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-handle::after, .noUi-handle::before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: rgb(232, 231, 230); left: 14px; top: 6px; } .noUi-handle::after { left: 17px; } .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle::after { top: 17px; } [disabled] .noUi-connect, [disabled].noUi-connect { background: rgb(184, 184, 184); } [disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { position: absolute; color: rgb(153, 153, 153); } .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: rgb(204, 204, 204); font-size: 10px; } .noUi-marker { position: absolute; background: rgb(204, 204, 204); } .noUi-marker-large, .noUi-marker-sub { background: rgb(170, 170, 170); } .noUi-pips-horizontal { padding: 10px 0px; height: 80px; top: 100%; left: 0px; width: 100%; } .noUi-value-horizontal { transform: translate3d(-50%, 50%, 0px); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0px 10px; height: 100%; top: 0px; left: 100%; } .noUi-value-vertical { transform: translate3d(0px, -50%, 0px); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); padding: 5px; text-align: center; } .noUi-horizontal .noUi-handle-lower .noUi-tooltip { top: -32px; } .noUi-horizontal .noUi-handle-upper .noUi-tooltip { bottom: -32px; } .noUi-vertical .noUi-handle-lower .noUi-tooltip { left: 120%; } .noUi-vertical .noUi-handle-upper .noUi-tooltip { right: 120%; } @charset "utf-8"; [vp] .vpw-controls { display: flex; -webkit-box-align: center; align-items: center; height: 60px; background: white; width: 100%; } [vp] .vpw-controls .vpw-controls-subtitles, [vp] .vpw-controls .vpw-controls-slider { margin: 0px 9px; cursor: pointer; } [vp] .vpw-controls .vpw-controls-play .vpw-component-play { display: block; margin: 0px 8.5px; cursor: pointer; } [vp] .vpw-controls .vpw-controls-play .vpw-component-pause { display: none; } [vp] .vpw-controls .vpw-controls-play .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-play .vpw-component-play { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-play .vpw-component-pause { display: block; margin: 0px 11px; cursor: pointer; } [vp] .vpw-controls.vpw-playing .vpw-controls-play .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-play .vpw-component-play { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-play .vpw-component-pause { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-play .vpw-component-restart { display: block; margin: 0px 2px; cursor: pointer; } [vp] .vpw-controls.vpw-subtitles .vpw-controls-subtitles .vpw-legenda-habilitar { display: block; } [vp] .vpw-controls.vpw-subtitles .vpw-controls-subtitles .vpw-legenda-desabilitar { display: none; } [vp] .vpw-controls .vpw-controls-subtitles .vpw-legenda-habilitar { display: none; } [vp] .vpw-controls .vpw-controls-subtitles .vpw-legenda-desabilitar { display: block; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [vp] .vpw-speed-default { border: 1px solid grey; border-radius: 3px; padding: 3px 4px; height: 100%; color: grey; font-size: 15px; cursor: pointer; font-family: "Open Sans", sans-serif; } [vp] .vpw-img-default { display: none; padding: 2px 2px 2px 2.2px; cursor: pointer; } [vp] .vpw-border-default { display: none; border: 1px solid rgb(153, 153, 153); border-radius: 0px 0px 3px 3px; } [vp] .vpw-elem-speed { display: none; position: absolute; bottom: 22px; cursor: pointer; } [vp] .vpw-block-speed { list-style-type: none; background-color: rgb(0, 63, 134); color: white; font-size: 10px; width: 25.5px; text-align: center; } [vp] .vpw-block-speed:hover { color: rgb(103, 200, 213); } [vp] .vpw-controls-speed { position: relative; user-select: none; } [vp] .vpw-controls-speed-number { width: 25.5px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; font-family: "Open Sans", sans-serif; } [vp] .vpw-block-speed-3 { border-radius: 5px 5px 0px 0px; } [vp] .vpw-controls-slider { appearance: none; width: 50%; margin: 2.5px 0px; height: 7px; background-color: transparent; } [vp] .vpw-controls-slider .vpw-slider { width: 100%; height: 7px; } [vp] .vpw-controls-slider .vpw-slider.noUi-target { box-shadow: none; border: 0px; } [vp] .vpw-controls-slider .vpw-slider.noUi-connect { background-color: rgb(0, 63, 134); } [vp] .vpw-controls-slider .vpw-slider .noUi-background { background-color: rgb(184, 184, 184); box-shadow: none; } [vp] .vpw-controls-slider .vpw-slider .noUi-origin { border-radius: 1px; } [vp] .vpw-controls-slider .vpw-slider .noUi-handle { width: 0px; height: 0px; left: -8px; top: -8px; border-radius: 50%; } [vp] .vpw-controls-slider .vpw-slider .noUi-handle::after, [vp] .vpw-controls-slider .vpw-slider .noUi-handle::before { display: none; } @charset "utf-8"; [vp] .vpw-message-box { top: -5em; left: 0px; width: 100%; padding: 1em; font-size: 13px; overflow-wrap: break-word; color: rgb(0, 0, 0); opacity: 0; transition: all 0.15s ease 0.15s; box-shadow: rgb(136, 136, 136) 0px 2px 5px; text-align: center; font-family: "Open Sans", sans-serif; } [vp] .vpw-message-box.active { top: 0px; opacity: 1; } [vp] .vpw-message-box.info { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box.warning { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box.success { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box.default { background-color: rgb(0, 63, 134); color: white; } [vp] .vpw-message-box a { color: inherit; } @charset "utf-8"; [vp] .vpw-box { width: calc(100%); height: 40px; font-size: 1em; opacity: 1; position: relative; background-color: rgb(0, 63, 134); color: rgb(255, 255, 255); background-size: 100% 100%; z-index: 2; } [vp] .vpw-box .vpw-mes { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: "Open Sans", sans-serif; font-size: 15px !important; } @charset "utf-8"; [vp] .vpw-btn-close { position: absolute; top: 0px; width: 100%; height: 100%; display: none; z-index: 7; cursor: pointer; } [vp] .vpw-btn-close.active { display: block; } [vp] .vpw-btn-close .vpw-img { position: absolute; top: 50%; transform: translateY(-50%); width: 37.92px; height: 37.92px; right: 5px; } @charset "utf-8"; [vp] [vp-rate-button] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; width: 100%; bottom: 60px; z-index: 2; visibility: hidden; max-width: 0px; opacity: 0; transition: max-width 0s ease 0s, visibility 0s ease 0s, opacity 0.4s ease 0s; } [vp] [vp-rate-button] .vp-button { display: flex; justify-content: center; align-items: center; margin-right: 26px; margin-bottom: 20px; z-index: 1; cursor: pointer; } [vp] [vp-rate-button] .vp-button img { width: 43px; margin-right: -13px; margin-bottom: -13px; max-width: none; } [vp] [vp-rate-button].vp-enabled { z-index: 2; visibility: visible; max-width: 100%; opacity: 1; } @charset "utf-8"; [vp] [vp-rate-box] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; width: 100%; bottom: 68px; overflow: hidden; z-index: 2; } [vp] [vp-rate-box] .vp-container { display: flex; flex-direction: column; width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: rgba(255, 255, 255, 0.96); max-height: 0px; transform: translateY(69px); transition: max-height 0s ease 0s, transform 0.4s linear 0.05s; } [vp] [vp-rate-box] .vp-container .vp-text { text-align: center; font-size: 14px; font-weight: bold; color: rgb(0, 63, 134); } [vp] [vp-rate-box] .vp-container .vp-buttons { display: flex; flex-direction: row; justify-content: center; margin-top: 10px; } [vp] [vp-rate-box] .vp-container .vp-buttons .vp-button { display: flex; flex-direction: row; align-items: center; font-size: 13px; font-weight: bold; color: rgb(84, 84, 84); cursor: pointer; } [vp] [vp-rate-box] .vp-container .vp-buttons .vp-button:not(:last-child) { margin-right: 22px; } [vp] [vp-rate-box] .vp-container .vp-buttons .vp-button img { height: 22px; margin-right: 6px; } [vp] [vp-rate-box].vp-enabled { z-index: 4; } [vp] [vp-rate-box].vp-enabled .vp-container { max-height: 100%; transform: translateY(0px); transition: transform 0.4s ease 0s, max-height 0s linear 0.4s; } @charset "utf-8"; [vp] [vp-suggestion-button] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; width: 100%; bottom: 68px; z-index: 2; } [vp] [vp-suggestion-button] .vp-bounderies { width: 100%; overflow: hidden; } [vp] [vp-suggestion-button] .vp-bounderies .vp-container { display: flex; flex-direction: column; align-items: center; padding-top: 10px; padding-bottom: 10px; background-color: rgba(255, 255, 255, 0.96); z-index: 1; transform: translateY(69px); transition: transform 0.4s ease 0.4s; } [vp] [vp-suggestion-button] .vp-bounderies .vp-container .vp-open-screen-button { margin-bottom: 16px; } [vp] [vp-suggestion-button] .vp-button-container { position: absolute; display: flex; flex-direction: column; align-items: center; bottom: 0px; width: 100%; padding-bottom: 10px; z-index: 1; opacity: 0; transition: opacity 0.4s ease 0s; } [vp] [vp-suggestion-button] .vp-button-container .vp-close-button { position: absolute; bottom: -13px; } [vp] [vp-suggestion-button].vp-enabled { z-index: 4; } [vp] [vp-suggestion-button].vp-enabled .vp-container { transform: translateY(0px); transition-delay: 0s; } [vp] [vp-suggestion-button].vp-enabled .vp-button-container { opacity: 1; transition-delay: 0.4s; } @charset "utf-8"; [vp] [vp-suggestion-screen] { display: flex; flex-direction: column; align-items: center; position: absolute; inset: 45px 0px 0px 100%; width: 100%; padding: 16px; background-color: white; z-index: 3; transition: left 0.4s ease-in 0s; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar { width: 10px; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-track { background: rgba(209, 209, 209, 0.945) !important; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-thumb { background: rgb(139, 139, 153); } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); } [vp] [vp-suggestion-screen] .vp-dropdown-suggest { display: none; font-family: "Open Sans", sans-serif; } [vp] [vp-suggestion-screen] .vp-dropdown-suggest.vp-enabled { display: block; position: absolute; height: 54px; width: 120px; overflow: hidden auto; color: white; background: rgb(0, 63, 134); border-radius: 3px; font-weight: 600; list-style-type: none; padding: 0px; } [vp] [vp-suggestion-screen] .vp-dropdown-item { cursor: pointer; font-size: 12px; margin: 5px 0px -4px 6px; } [vp] [vp-suggestion-screen] .vp-dropdown-item:hover { color: rgb(128, 182, 243); } [vp] [vp-suggestion-screen] .vp-title { text-align: center; font-size: 14px; font-weight: bold; color: rgb(0, 63, 134); } [vp] [vp-suggestion-screen] .vp-text { display: none; flex: 1 1 0%; align-self: stretch; margin-top: 10px; margin-left: 20px; margin-right: 20px; padding: 8px 10px 6px; font-size: 12px; border: none; border-radius: 12px; background-color: rgb(239, 239, 242); } [vp] [vp-suggestion-screen] .vp-close-button { margin-top: 8px; } [vp] [vp-suggestion-screen].vp-enabled { left: 0px; transition: left 0.4s ease-out 0.8s; } @charset "utf-8"; [vp] [vp-change-avatar] { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; z-index: 2; visibility: hidden; max-width: 100%; opacity: 1; transition: max-width 0s ease 0s, visibility 0s ease 0s, opacity 0.4s ease 0s; left: 13px; top: 50px; } [vp] [vp-change-avatar] .vp-button-change-avatar { display: flex; justify-content: center; align-items: center; z-index: 1; cursor: pointer; background: rgba(0, 0, 0, 0.3); border-radius: 50px; width: 32px; height: 32px; box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px 1px; } [vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-icon { width: 22px; margin-right: 1px; filter: brightness(0) invert(1); display: none; } [vp] [vp-change-avatar] .vp-button-change-avatar .active { display: block; } [vp] [vp-change-avatar].vp-disabled { visibility: visible; } @charset "utf-8"; [vp] [vp-blue-button] { padding: 7px; border-radius: 6px; font-size: 12px; text-align: center; font-weight: bold; color: white; background-color: rgb(0, 63, 134); cursor: pointer; margin: 10px 5px; align-self: center; } [vp] [vp-visualize-signal-button] { padding: 7px; border-radius: 6px; font-size: 12px; text-align: center; font-weight: bold; color: rgb(0, 63, 134); background: white; border: 1px solid rgb(0, 63, 134); cursor: pointer; margin: 10px 5px; align-self: center; } [vp] [vp-sugestion-area] { display: flex; } [vp] [vp-close-button] { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 28px; height: 28px; border-radius: 14px; background-color: rgb(179, 179, 179); cursor: pointer; } [vp] [vp-close-button] img { width: 100%; } #gameContainer { background: rgb(235, 235, 235) !important; } @charset "utf-8"; [vw] [vw-access-button] { display: none; width: 140px; text-align: center; cursor: pointer; margin: 0px 0px 0px -100px; max-width: none; } [vw] [vw-access-button].active { display: block; } [vw] [vw-access-button] .access-button { width: 27%; float: right; } [vw] [vw-access-button] span { font-size: 13px; color: rgb(0, 64, 136); } [vw] [vw-access-button] .access-button:hover + .pop-up { width: 68%; } [vw] [vw-access-button] .pop-up { float: right; width: 0%; margin-right: 6px; transition: width 0.5s ease 0s; } [vw] [vw-access-button] .pop-up.left { margin-right: 0px; float: left !important; } [vw] [vw-access-button] .access-button.left { margin-right: 6px; float: left !important; } @charset "utf-8"; .vw-links { top: -100px; left: -100px; position: absolute; } .vw-links .vw-tooltip { position: relative; opacity: 1; } .vw-links .vw-tooltip__item { text-align: center; position: absolute; min-width: 123px; padding: 8px; visibility: hidden; opacity: 0; background: white; transition: all 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; color: rgb(72, 72, 72); border: 1px solid rgb(206, 206, 206); border-radius: 3px; font-weight: 500; box-shadow: rgb(188, 188, 188) 0px 2px 1px; z-index: 4; } .vw-links .vw-tooltip__item::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; } .vw-links .vw-tooltip__initiator { cursor: pointer; z-index: 5; } .vw-links .vw-tooltip .vw-tooltip__item { top: calc(100% + 1em); left: 50%; transform: translate3d(-50%, -15px, 0px); } .vw-links .vw-tooltip .vw-tooltip__item::after { top: -0.5em; left: 50%; transform: translate3d(-50%, 0px, 0px); border-width: 0px 0.5em 0.5em; border-color: transparent transparent white; filter: drop-shadow(rgb(188, 188, 188) 1px -1px 1px); } .vw-links .vw-tooltip.active > .vw-tooltip__item { transform: translate3d(-50%, 0px, 0px); visibility: visible; opacity: 1; } [vw].maximize [vw-plugin-wrapper] { width: 100%; height: 100% !important; max-height: initial !important; } [vw].left [vw-plugin-wrapper] { float: left; } [vw] [vw-plugin-wrapper] { display: none; width: 300px; height: 100%; float: right; overflow: hidden; background: white; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 9px 0px; } [vw] [vw-plugin-wrapper].active { display: flex; flex-direction: column; height: 450px; max-width: 100%; overflow: hidden; min-height: 100%; } @charset "utf-8"; [vw] { } [vw] html, [vw] body, [vw] div, [vw] span, [vw] applet, [vw] object, [vw] iframe, [vw] h1, [vw] h2, [vw] h3, [vw] h4, [vw] h5, [vw] h6, [vw] p, [vw] blockquote, [vw] pre, [vw] a, [vw] abbr, [vw] acronym, [vw] address, [vw] big, [vw] cite, [vw] code, [vw] del, [vw] dfn, [vw] em, [vw] img, [vw] ins, [vw] kbd, [vw] q, [vw] s, [vw] samp, [vw] small, [vw] strike, [vw] strong, [vw] sub, [vw] sup, [vw] tt, [vw] var, [vw] b, [vw] u, [vw] i, [vw] center, [vw] dl, [vw] dt, [vw] dd, [vw] ol, [vw] ul, [vw] li, [vw] fieldset, [vw] form, [vw] label, [vw] legend, [vw] table, [vw] caption, [vw] tbody, [vw] tfoot, [vw] thead, [vw] tr, [vw] th, [vw] td, [vw] article, [vw] aside, [vw] canvas, [vw] details, [vw] embed, [vw] figure, [vw] figcaption, [vw] footer, [vw] header, [vw] hgroup, [vw] menu, [vw] nav, [vw] output, [vw] ruby, [vw] section, [vw] summary, [vw] time, [vw] mark, [vw] audio, [vw] video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; display: block; } [vw] article, [vw] aside, [vw] details, [vw] figcaption, [vw] figure, [vw] footer, [vw] header, [vw] hgroup, [vw] menu, [vw] nav, [vw] section { display: block; } [vw] img { width: unset; } [vw] body { line-height: 1; } [vw] ol, [vw] ul { list-style: none; } [vw] blockquote, [vw] q { quotes: none; } [vw] blockquote::before, [vw] blockquote::after, [vw] q::before, [vw] q::after { content: none; } [vw] table { border-collapse: collapse; border-spacing: 0px; } @charset "utf-8"; @media (max-width: 450px) { div[vw] canvas { filter: blur(0px); min-height: calc(238px) !important; min-width: calc(147px) !important; } div[vw] [vw-plugin-wrapper].active { height: 358px !important; width: 210px !important; } #gameContainer { display: flex !important; justify-content: center !important; top: -75px !important; left: -90px !important; width: 100% !important; height: 70% !important; } [vp] [vp-controls] { background: white; left: 36% !important; bottom: 20% !important; } [vp] .vpw-controls-slider { width: 27% !important; } [vp] .vpw-box .vpw-mes { left: 36% !important; font-size: 12px !important; } [vp] .vpw-settings-btn .vpw-settings-btn-close, [vp] .vpw-btn-close .vpw-img { right: 100px; } [vp] [vp-rate-box].vp-enabled .vp-container { margin-right: 70px; margin-bottom: 80px; } [vp] [vp-rate-button] .vp-button { margin-right: 110px; margin-bottom: 130px; } [vp] [vp-rate-button] .vp-button img { width: 32px; margin-bottom: -37px; margin-right: -14px; } [vp] .vpw-message-box { font-size: 0.7em; } [vp] .vpw-message-box .vpw-message { margin-left: 10px; margin-right: 93px; margin-bottom: 3px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo { left: 39%; bottom: 125px; } [vp] .vpw-settings .vpw-content > ul { margin-left: -20px; } [vp] .vpw-settings .vpw-content > ul li .vpw-name { font-size: 12px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-flag { right: 88px; height: 24px; } [vp] .vpw-switch { width: 48px; height: 15px; margin-top: -10px; right: 64px; } [vp] .vpw-slider-check.vpw-round::before { top: -3px; } [vp] .vpw-slider-check::before { height: 21px; width: 20px; bottom: 4px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-logo { width: 51%; margin-left: 32px; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo .vpw-vlibras-span { left: 44%; bottom: 5%; } [vp] .vpw-settings .vpw-content .vpw-vlibras-logo { left: 39%; transform: translateX(-50%); bottom: 125px; } [vp] .vpw-settings .vpw-content > ul .vpw-localism .vpw-abbrev { right: 65px; } [vp] .vpw-controls-dictionary:not(.vpw-loading-dictionary)::before { font-size: 12px; } [vp] .vpw-info-screen #vpw-info-tab-bullets { right: 47px; bottom: 100px; } [vp] .vpw-info-screen .vpw-arrow-right.active { right: 94px; position: absolute; top: 137px; z-index: 4; } [vp] .vpw-info-screen .vpw-arrow-left.active { right: initial; position: absolute; top: 137px; z-index: 4; } [vp] .vpw-info-screen #vpw-info-main.active { font-size: 0.7125em; margin-right: 99px; margin-bottom: 136px; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label { margin-top: -8px; font-size: 14px; } [vp] .vpw-info-screen .vpw-info-tab .vpw-info-tab-label-two { font-size: 14px; margin-top: 6px; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo.ufpb { max-width: 20%; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group.text { display: block; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group.logo1 { max-width: 70%; } [vp] .vpw-info-screen #vpw-info-realizadores .vpw-logo-group.logo2 { max-width: 86%; } [vp] .vpw-info-screen #vpw-info-realizadores.active { font-size: 0.8125em; margin-right: 81px; margin-bottom: 113px; } [vp] .vpw-settings .vpw-content .vpw-flag { height: 18px; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions > .vpw-container-regions { margin-top: -1%; margin-bottom: -2px; } [vp] .vpw-settings .vpw-content > .vpw-localism { width: 71%; } [vp] .vpw-settings .vpw-content > .vpw-localism .vpw-regions { left: -3px !important; } [vp] .vpw-settings .vpw-content > ul .vpw-opacity { margin-right: 56px; } [vp] .vpw-dictionary .vpw-dict-container { width: 64%; height: 44%; left: 44%; } [vp] .vpw-bar .vpw-title { margin-right: 40px; } [vp] .vpw-dictionary .vpw-panel .vpw-search input { width: 73%; left: 39%; } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon img { right: 70px; } [vp] [vp-dictionary] { right: 18px !important; } [vp] .vpw-dictionary .vpw-dict-container ul li:not(.margin) { padding: 5px; } [vp] [vp-suggestion-button].vp-enabled { right: 40px; bottom: 150px !important; } [vp] [vp-suggestion-screen] { width: 72%; height: 60%; top: 41px; } [vp] [vp-change-avatar] { left: 9px; top: 265px; } [vp] [vp-change-avatar] .vp-button-change-avatar { width: 30px; height: 30px; } [vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-female { width: 15px; } [vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-male { width: 15px; } } div[vw] { position: fixed; max-width: 95vw; right: 0px; top: 60%; margin-top: -32vh; z-index: 99999999; display: none; font-family: Arial; color: rgb(0, 0, 0); line-height: 1.3; } div[vw].enabled { display: block; } div[vw].active { margin-top: -285px; } div[vw].maximize { inset: 6vh; max-width: initial; margin-top: 0px; } div[vw].left { left: 0px; right: initial; } div[vw] #gameContainer { inset: -25px 0px 0px; min-height: calc(315px); min-width: calc(270px); width: 100%; height: 80%; overflow: hidden; border-radius: 0px; position: absolute !important; margin: auto !important; background: none !important; } div[vw] #gameContainer canvas { min-height: calc(315px); min-width: calc(270px); height: 100%; width: 100%; filter: blur(0px); } div[vw] [vp] { position: relative; height: 100%; width: 100%; min-width: 300px; min-height: 450px; z-index: 1; overflow: hidden; } div[vw] [vp] [vp-message-box] { position: absolute; z-index: 5; } div[vw] [vp] [vp-info-screen] { z-index: 3; } div[vw] [vp] [vp-info-screen] #info-text { font-size: 1em !important; } div[vw] [vp] [vp-info-screen] #info-realizadores { font-size: 11px !important; } div[vw] [vp] [vp-controls] { position: absolute; display: flex; align-items: center; justify-content: center; left: 50%; transform: translateX(-50%); bottom: 0%; max-width: 900px; z-index: 2; } div[vw] [vp] [vp-settings-btn] { z-index: 2; } div[vw] [vp] [vp-dictionary] { z-index: 8; } div[vw] [vp] [vp-rate-box] { bottom: 58px; } div[vw] [vp] [vp-suggestion-button].vp-enabled, div[vw] [vp] [vp-suggestion-button] { bottom: 58px; } div[vw] [vp] [vp-suggestion-screen] { top: 41px; } .vw-text:hover { background-color: rgba(0, 63, 134, 0.2); color: rgb(0, 0, 0); cursor: pointer; } .vw-text-active { background-color: rgba(30, 63, 134, 0.2); color: rgb(0, 0, 0); } @charset "utf-8"; .yui3-widget-hidden { display: none; } .yui3-widget-content { overflow: hidden; } .yui3-widget-content-expanded { box-sizing: border-box; height: 100%; } .yui3-widget-tmp-forcesize { overflow: hidden !important; } #yui3-css-stamp.skin-sam-widget-base { display: none; } .yui3-widget-stacked .yui3-widget-shim { opacity: 0; position: absolute; border: 0px; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: -1; width: 100%; height: 100%; } #yui3-css-stamp.skin-sam-widget-stack { display: none; } .yui3-overlay { position: absolute; } .yui3-overlay-hidden { visibility: hidden; } .yui3-widget-tmp-forcesize .yui3-overlay-content { overflow: hidden !important; } #yui3-css-stamp.skin-sam-overlay { display: none; } .yui3-skin-sam .yui3-widget-mask { background-color: black; zoom: 1; opacity: 0.4; } #yui3-css-stamp.skin-sam-widget-modality { display: none; } .yui3-panel { position: absolute; } .yui3-panel-hidden { visibility: hidden; } .yui3-widget-tmp-forcesize .yui3-panel-content { overflow: hidden !important; } .yui3-panel .yui3-widget-hd { position: relative; } .yui3-panel .yui3-widget-hd .yui3-widget-buttons { position: absolute; top: 0px; right: 0px; } .yui3-panel .yui3-widget-ft .yui3-widget-buttons { display: inline-block; zoom: 1; } .yui3-skin-sam .yui3-panel-content { box-shadow: rgb(51, 51, 51) 0px 0px 5px; border: 1px solid black; background: white; } .yui3-skin-sam .yui3-panel .yui3-widget-hd { padding: 8px 28px 8px 8px; min-height: 13px; color: white; background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(38, 71, 160)), color-stop(0.07, rgb(38, 71, 160)), color-stop(0.5, rgb(61, 103, 206)), to(rgb(66, 111, 217))); } .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-widget-buttons { padding: 8px; } .yui3-skin-sam .yui3-panel .yui3-widget-bd { padding: 10px; } .yui3-skin-sam .yui3-panel .yui3-widget-ft { background: rgb(237, 245, 255); padding: 8px; text-align: right; } .yui3-skin-sam .yui3-panel .yui3-widget-ft .yui3-button { margin-left: 8px; } .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close { background: transparent; filter: none; border: 0px; border-radius: 0px; box-shadow: none; width: 13px; height: 13px; padding: 0px; overflow: hidden; vertical-align: top; } .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close::before { content: url("/theme/yui_image.php?file=3.17.2/sprite_icons.png"); display: inline-block; text-align: center; font-size: 0px; line-height: 0; width: 13px; margin: 1px 0px 0px 1px; } .yui3-skin-sam .yui3-panel-hidden .yui3-widget-hd .yui3-button-close { display: none; } #yui3-css-stamp.skin-sam-panel { display: none; } @charset "utf-8"; .que.calculated .answer { padding: 0.3em; display: inline; } .que.calculated .answer input[type="text"] { width: 30%; } #page-question-type-calculated input[name^="answer"], #page-question-type-calculated input[name^="unit"], #page-question-type-calculated input[name^="multiplier"], #page-question-type-calculated input[name^="calcmax"], #page-question-type-calculated input[name^="calcmin"], #page-question-type-calculated input[name^="number"], #page-question-type-calculated input[name^="tolerance"] { direction: ltr; text-align: left; } body#page-question-type-calculated div[id^="fgroup_id_"][id*="answeroptions_"], body#page-question-type-calculatedmulti div[id^="fgroup_id_"][id*="answeroptions_"] { background: rgb(238, 238, 238); margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(187, 187, 187); border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } body#page-question-type-calculated div[id^="fgroup_id_"][id*="answeroptions_"] .fgrouplabel label, body#page-question-type-calculatedmulti div[id^="fgroup_id_"][id*="answeroptions_"] .fgrouplabel label { font-weight: 700; } body#page-question-type-calculated div[id^="fgroup_id_"][id*="answeroptions_"] label[for^="id_answer_"], body#page-question-type-calculated div[id^="fgroup_id_"][id*="answertolerance_"] label[for^="id_tolerance_"], body#page-question-type-calculated div[id^="fgroup_id_"][id*="answerdisplay_"] label[for^="id_correctanswerlength_"], body#page-question-type-calculatedmulti div[id^="fgroup_id_"][id*="answeroptions_"] label[for^="id_answer_"], body#page-question-type-calculatedmulti div[id^="fgroup_id_"][id*="answerdisplay_"] label[for^="id_correctanswerlength_"] { position: absolute; left: -10000px; font-weight: 400; font-size: 1em; } body#page-question-type-calculated div[id^="fgroup_id_"][id*="answertolerance_"], body#page-question-type-calculated div[id^="fgroup_id_"][id*="answerdisplay_"], body#page-question-type-calculatedmulti div[id^="fgroup_id_"][id*="answertolerance_"], body#page-question-type-calculatedmulti div[id^="fgroup_id_"][id*="answerdisplay_"] { background: rgb(238, 238, 238); margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; } body#page-question-type-calculated div[id^="fitem_id_"][id*="feedback_"], body#page-question-type-calculatedmulti div[id^="fitem_id_"][id*="feedback_"] { background: rgb(238, 238, 238); margin-bottom: 2em; margin-top: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(187, 187, 187); border-bottom-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-top-style: initial; border-top-color: initial; } .que.calculatedmulti .answer .specificfeedback { display: inline; padding: 0px 0.7em; background: rgb(255, 243, 191); } .que.calculatedmulti .answer .specificfeedback * { display: inline; background: rgb(255, 243, 191); } .que.calculatedmulti .answer .specificfeedback script { display: none; } .que.calculatedmulti .answer div.r0, .que.calculatedmulti .answer div.r1 { display: flex; margin: 0.25rem 0px; align-items: flex-start; } .que.calculatedmulti .answer div.r0 input, .que.calculatedmulti .answer div.r1 input { margin: 0.3rem 0.5rem; width: 14px; } .que.calculatedsimple .answer { padding: 0.3em; display: inline; } .que.calculatedsimple .answer input[type="text"] { width: 30%; } body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answeroptions_"] { background: rgb(238, 238, 238); margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(187, 187, 187); border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answeroptions_"] .fgrouplabel label { font-weight: 700; } body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answeroptions_"] label[for^="id_answer_"], body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answertolerance_"] label[for^="id_tolerance_"], body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answerdisplay_"] label[for^="id_correctanswerlength_"] { position: absolute; left: -10000px; font-weight: 400; font-size: 1em; } body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answertolerance_"], body#page-question-type-calculatedsimple div[id^="fgroup_id_"][id*="answerdisplay_"] { background: rgb(238, 238, 238); margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; } body#page-question-type-calculatedsimple div[id^="fitem_id_"][id*="feedback_"] { background: rgb(238, 238, 238); margin-bottom: 2em; margin-top: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(187, 187, 187); border-bottom-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-top-style: initial; border-top-color: initial; } .que.ddimageortext .qtext { margin-bottom: 0.5em; display: block; } .que.ddimageortext div.ddarea, form.mform fieldset#id_previewareaheader div.ddarea { text-align: center; } .que.ddimageortext div.droparea, form.mform fieldset#id_previewareaheader div.ddarea { position: relative; } .que.ddimageortext div.droparea { display: inline-block; } .que.ddimageortext div.droparea .draghome { position: absolute; cursor: move; white-space: nowrap; } .que.ddimageortext div.droparea .dropzones { position: absolute; top: 0px; left: 0px; } .que.ddimageortext .dropbackground, form.mform fieldset#id_previewareaheader .dropbackground { border: 1px solid rgb(0, 0, 0); margin: 0px auto; } form.mform fieldset#id_previewareaheader .dropbackground { max-width: none; } .que.ddimageortext .dropbackground.img-responsive.img-fluid { width: 100%; } .que.ddimageortext .dropzone { display: none; position: absolute; opacity: 0.5; border: 1px solid rgb(0, 0, 0); } .que.ddimageortext .dropzone.active { display: block; } .que.ddimageortext .dropzone:focus, .que.ddimageortext .droparea .draghome:focus, .que.ddimageortext .dropzone.valid-drag-over-drop, .que.ddimageortext .draghome.placed.valid-drag-over-drop { border-color: rgb(0, 170, 0); box-shadow: rgb(255, 255, 150) 0px 0px 5px 5px; outline: 0px; } .que.ddimageortext .draghome, .que.ddimageortext .drag, form.mform fieldset#id_previewareaheader .droppreview { border: 1px solid rgb(0, 0, 0); display: inline-block; font: 13px / 1.231 arial, helvetica, clean, sans-serif; } .que.ddimageortext .draghomes .draghome { vertical-align: top; margin: 5px; height: auto; width: auto; cursor: move; } .que.ddimageortext .draghomes.readonly .draghome, .que.ddimageortext .droparea.readonly .draghome { cursor: auto; } .que.ddimageortext .draghomes .draghome.dragplaceholder { display: none; } .que.ddimageortext .draghomes .draghome.dragplaceholder.active { visibility: hidden; display: inline-block; } .que.ddimageortext .dragitems, form.mform fieldset#id_previewareaheader .dragitems { height: 0px; } .que.ddimageortext .drag, form.mform fieldset#id_previewareaheader .droppreview { position: absolute; cursor: move; } .que.ddimageortext .dragitems.readonly .drag { cursor: auto; } form.mform fieldset#id_previewareaheader .drag.beingdragged, .que.ddimageortext .drag.beingdragged, .que.ddimageortext .draghomes .draghome.beingdragged, .que.ddimageortext .droparea .draghome.beingdragged { box-shadow: rgb(0, 0, 0) 3px 3px 4px; } .que.ddimageortext .draghomes .draghome.beingdragged, .que.ddimageortext .droparea .draghome.beingdragged { position: absolute; } .que.ddimageortext .group1, form.mform fieldset#id_previewareaheader .group1 { background-color: rgb(255, 255, 255); } .que.ddimageortext .group2, form.mform fieldset#id_previewareaheader .group2 { background-color: rgb(176, 196, 222); border-radius: 10px 0px 0px; } .que.ddimageortext .group3, form.mform fieldset#id_previewareaheader .group3 { background-color: rgb(220, 220, 220); border-radius: 0px 10px 0px 0px; } .que.ddimageortext .group4, form.mform fieldset#id_previewareaheader .group4 { background-color: rgb(216, 191, 216); border-radius: 0px 0px 10px; } .que.ddimageortext .group5, form.mform fieldset#id_previewareaheader .group5 { background-color: rgb(135, 206, 250); border-radius: 0px 0px 0px 10px; } .que.ddimageortext .group6, form.mform fieldset#id_previewareaheader .group6 { background-color: rgb(218, 165, 32); border-radius: 0px 10px 10px 0px; } .que.ddimageortext .group7, form.mform fieldset#id_previewareaheader .group7 { background-color: gold; border-radius: 10px 0px 0px 10px; } .que.ddimageortext .group8, form.mform fieldset#id_previewareaheader .group8 { background-color: khaki; border-radius: 10px; } body#page-question-type-ddimageortext div[id^="fgroup_id_"][id*="drags_"] { background: rgb(238, 238, 238); margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(187, 187, 187); border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } body#page-question-type-ddimageortext div[id^="fgroup_id_"][id*="drags_"] .fgrouplabel label { font-weight: 700; } body#page-question-type-ddimageortext div[id^="fitem_id_"][id*="dragitem_"] { background: rgb(238, 238, 238); margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; } body#page-question-type-ddimageortext div[id^="fitem_id_"][id*="draglabel_"] { background: rgb(238, 238, 238); margin-bottom: 2em; margin-top: 0px; padding-bottom: 5px; padding-top: 5px; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(187, 187, 187); border-bottom-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; border-top-style: initial; border-top-color: initial; } .que.ddmarker .qtext { margin-bottom: 0.5em; display: block; } .que.ddmarker .droparea { display: inline-block; position: relative; } .que.ddmarker .droparea .dropzones, .que.ddmarker .droparea .markertexts { position: absolute; top: 0px; left: 0px; } .que.ddmarker .draghomes .marker, .que.ddmarker .droparea .marker { vertical-align: top; cursor: move; } .que.ddmarker .draghomes.readonly .marker, .que.ddmarker .droparea.readonly .marker { cursor: auto; } .que.ddmarker .droparea .marker { position: absolute; } .que.ddmarker .draghomes .marker { position: relative; display: inline-block; margin: 10px; } .que.ddmarker .draghomes .marker.dragplaceholder { display: none; } .que.ddmarker .draghomes .marker.dragplaceholder.active { visibility: hidden; display: inline-block; } .que.ddmarker div.ddarea, form.mform fieldset#id_previewareaheader div.ddarea { text-align: center; } form.mform fieldset#id_previewareaheader div.ddarea .markertexts { min-height: 80px; } .que.ddmarker .dropbackground, form.mform fieldset#id_previewareaheader .dropbackground { margin: 0px auto; border: 1px solid rgb(0, 0, 0); } form.mform fieldset#id_previewareaheader .dropbackground { max-width: