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 Avaliação Regular Avaliação Iniciado em quarta, 22 mar 2023, 16:57 Estado Finalizada Concluída em quarta, 22 mar 2023, 18:14 Tempo empregado 1 hora 16 minutos Avaliar 6,00 de um máximo de 6,00(100%) Questão 1 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão Em termos militares, podemos dizer que a estratégia é uma ciência referente aos movimentos guerreiros fora do campo de visão do general, onde a tática é a ciência dos movimentos guerreiros dentro do campo de visão de seu general, em que ainda podemos dizer que a estratégia cuida de como serão dispostos os exércitos para a batalha; e a tática, de como deverão lutar, e quanto lemos a frase:“ Se você conhece o inimigo e conhece a si mesmo, não precisa temer o resultado de cem batalhas”, ela quer nos dizer que: a. O conhecimento por menor que seja, deve ser buscado para a elaboração de estratégias. b. Um inimigo forte ou fraco sucumbe ao fracasso quando não conhece as estratégias de guerrilha de seu adversário. c. Por mais forte que seja seu inimigo, você não precisa temê-lo se você conhecer seus pontos fracos. d. Conhecer as melhores estratégias é uma garantia de vitória em centenas de batalhas. e. Conhecer-se e conhecer ao inimigo, adversário ou concorrente, é premissa básica para ter sucesso em qualquer estratégia Questão 2 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão A cultura organizacional é responsável por moldar o comportamento das pessoas no ambiente de trabalho. Dependendo do tipo de estrutura de uma empresa, a cultura pode variar de rígida para mais flexível, proporcionado diferentes efeitos nos funcionários em suas atividades de trabalho. A partir dessas considerações, avalie as afirmativas a seguir: ( ) A cultura organizacional é moldada pelos níveis inferiores, pois eles que exercem pressão para mudanças mais significativas. ( ) A cultura organizacional não está relacionada com a estrutura da empresa, pois faz parte dos mais diferentes setores. ( ) Uma cultura organizacional é um sistema de valores, crenças, ritos e mitos que moldam a organização e são replicados pelos funcionários. ( ) A cultura organizacional interfere na forma de agir e se comportar dos funcionários, que replicam esses comportamentos enquanto trabalham em uma empresa. ( ) A cultura organizacional é a identidade da empresa, é a forma como ela se apresenta para a sociedade e principalmente seu público alvo. Assinale a alternativa correta: a. F, V, V, F, F. b. V, F, F, V, V. c. V, V, V, F, F. d. V, V, F, V, V. e. F, F, V, V, V. Questão 3 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão A cultura organizacional sofre influencia do ambiente externo que, de uma forma ou de outra, acaba moldando o comportamento das pessoas em suas atividades diárias. Nesse sentido, é necessário que a gestão da empresa mantenha um clima de harmonia que garanta a produtividade, minimizando conflitos e mantendo a motivação dos funcionários da empresa. Considerando as informações apresentadas, avalie as afirmações a seguir: I- Os gestores não conseguem manter o clima favorável a produtividade nem motivação, por conta da falta de autonomia dada em todas as empresas brasileiras. II- Os gestores precisam instituir uma política interna de colaboração e participação dos funcionários nas decisões e soluções de problemas, a fim de, engajar a todos nos propósitos estabelecidos. III- As empresas perdem muito tempo tentando criar um clima de trabalho motivador e livre de conflitos, sendo que, deveriam deixar de fazer intervenções e modificações no ambiente de trabalho. IV- A gestão do clima organizacional somente é bem-sucedida em pequenas empresas, pois tem uma estrutura pequena e de fácil controle. Assinale a alternativa correta: a. I e II. b. I, II, III e IV. c. Somente III. d. Somente II. e. I, II e III. Questão 4 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão A estrutura organizacional conhecida como matricial, leva em consideração a multidimensionalidade, ou seja, compartilha das virtudes de todas as demais estruturas existentes e ainda minimiza eventuais problemas ou defeitos. Diante disso, se utiliza de uma gestão por projetos para organizar a sua estrutura. A partir dessas informações, marque a única alternativa correta: a. A estrutura matricial é caracterizada pelas equipes multidisciplinares que se autogerenciam e definem todas as ações e correções a serem feitas. b. A estrutura matricial se caracteriza por ter um gestor de projetos presente na hierarquia, isto é, gerenciando equipes de projetos executivos. c. A estrutura matricial é composta por pessoas mais jovens, pois detém maior conhecimento técnico e operacional para tomar decisões dos que os demais da empresa. d. A estrutura matricial se caracteriza por dois chefes no comando, vertical e horizontalmente que comandam as equipes em caso de graves conflitos. e. A estrutura matricial tem como característica a elaboração, execução e controle de projetos em caráter permanente. Questão 5 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão Em se tratando da importância da criatividade como forma de sobrevivência das organizações, se fez com que mudasse significativamente a percepção dos gestores sobre o ambiente interno e suas relações. Dada a grande quantidade de produtos e serviços oferecidos, apresentar algo novo ao público-alvo pode ser a diferença entre se manter vivo no mercado ou estar destinado ao fracasso. Tendo por base essas informações, assinale a única alternativa correta a respeito da criatividade: a. A criatividade não está ligada a mudança de postura ou visão de mercado, é um fenômeno que acontece isoladamente. b. A criatividade não tem relação alguma com a cultura organizacional de uma empresa, porque ocorre de forma independente. c. A criatividade está ligada a tecnologia, logo, produtos tecnológicos são muito mais inovadores do que aqueles que não são. d. A criatividade não significa necessariamente um produto ou serviço novo, mas sim, a ideia, a abordagem e interpretação de um fenômeno qualquer. e. Ao criar um produto novo uma empresa mostra toda a sua capacidade criativa e inovadora, sem necessidade de inovar em seus processos. Questão 6 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão Na empresa em que Maria Eduarda trabalha a cultura organizacional estabelece mecanismos de controle claros, rígidos, hierarquia e disciplina, que estão bem explícitas a todos os funcionários. Logo, todos sabem o que deve ser feito e quem responde pelos resultados. Diante disso, a estrutura torna-se bem definida e também gera um clima organizacional menos participativo e também menos criativo e inovador. Com base nessas informações, assinale a resposta correta que apresenta o tipo de estrutura organizacional que corresponde ao exposto acima: a. Estrutura de linha-staff. b. Estrutura matricial. c. Estrutura de projetos. d. Estrutura híbrida. e. Estrutura linear. Questão 7 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão O uso de indicadores de clima organizacional é fundamental para a implantação de melhorias nos processos internos e em consequência disso, no ambiente de trabalho. Os estudos apontam que o ambiente interno é responsável pela alta ou baixa produtividade dos funcionários de uma empresa e, nesse caso, é preciso monitorar constantemente. Sendo assim, assinale a única alternativa correta que apresenta indicadores de clima organizacional: a. Poder aquisitivo da alta gestão e patrimônio dos donos de uma empresa. b. Indicadores de venda dos produtos e problemas da concorrência. c. Despesas com exportações e importações de produtos. d. Comportamento de compra dos consumidores e exportações do período. e. Relacionamento em equipe e condições de trabalho. Questão 8 Correto Atingiu 0,60 de 0,60 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 interno das empresas. Sendo assim, assinale a única alternativa correta que apresenta essas dimensões apontadas pela autora: a. Resistência à mudança, estresse, liderança e motivação. b. Compromisso, retidão, consenso e envolvimento. c. Eficiência, habilidades, comprometimentos e paixão. d. Comprometimento, vontade, espírito de equipe e paixão. e. Indiferença, competências, habilidades e atitudes. Questão 9 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão Em se tratando da avaliação do clima nas empresas, a literatura aponta para os principais instrumentos a serem utilizados no processo de avaliação e que possuem uma estrutura bastante definida. A partir dessas informações, assinale a alternativa correta: a. A estrutura é composta por folha de identificação do respondente, cadastro de reserva, parametrização, escala de medida. b. A estrutura é composta por cadastro de reserva, folha de instrução, quadro de aproveitamento e folha de recados. c. A estrutura é formada por folha de intenção, quadro de aproveitamento, pasta de arquivos, espaço para críticas e folha de recados. d. A estrutura é composta por instrução de preenchimento, identificação da unidade do respondente, questionário, espaço para sugestões e folha de resposta. e. A estrutura é composta por instruções de preenchimento, identificação de cadastro, folha de intenções, escala de medida. Questão 10 Correto Atingiu 0,60 de 0,60 Marcar questão Texto da questão Para que um ambiente organizacional seja propício para fomentar a criatividade e a inovação, é necessário que a gestão esteja próxima dos funcionários. Desse modo, o papel da liderança é essencial para a melhoria do ambiente de trabalho e produtividade dos funcionários da empresa. A partir dessas informações, assinale a única alternativa correta quanto as características da gestão: a. Os gestores devem controlar a comunicação dentro da empresa, evitando assim, a participação dos níveis inferiores na tomada de decisão. b. O líder deve ser rígido em suas correções e restringir as decisões coletivas, pois de maneira geral, os funcionários são incapazes de pensar ou decidir alguma coisa. c. O papel da liderança é justamente estabelecer regras claras sobre quem comanda e quem obedece, logo, quanto mais distancia mantiver dos níveis inferiores melhores serão as decisões tomadas. d. O gestor deve ser centralizador e disciplinador para poder ter controle sobre os funcionários que, em sua grande maioria, são indisciplinados e improdutivos. e. O líder e gestor devem ser democráticos e promover discussões, debates, integração de pessoas e setores, para que os trabalhos possam fluir sem interferências. Terminar revisão Atividade anterior ◄ Avalie a sua disciplina 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 Avaliação - Unidade III 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 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: none; } .que.ddmarker .dropbackground.img-responsive.img-fluid { width: 100%; } .que.ddmarker div.dragitems div.draghome, .que.ddmarker div.dragitems div.dragitem, form.mform fieldset#id_previewareaheader div.draghome, form.mform fieldset#id_previewareaheader div.drag { font: 13px / 1.231 arial, helvetica, clean, sans-serif; } .que.ddmarker .droparea .marker span.markertext, .que.ddmarker .draghomes .marker span.markertext, .que.ddmarker div.markertexts span.markertext, form.mform fieldset#id_previewareaheader div.markertexts span.markertext { margin: 0px 5px; z-index: 3; background-color: rgb(255, 255, 255); border: 2px solid rgb(0, 0, 0); padding: 5px; display: inline-block; zoom: 1; border-radius: 10px; color: rgb(0, 0, 0); opacity: 0.6; } .que.ddmarker .droparea .marker span.markertext, .que.ddmarker .draghomes .marker span.markertext { white-space: nowrap; } .que.ddmarker div.markertexts span.markertext { z-index: 2; background-color: yellow; border: 2px solid khaki; position: absolute; white-space: nowrap; } .que.ddmarker span.wrongpart { background-color: yellow; border: 2px solid khaki; padding: 5px; border-radius: 10px; opacity: 0.6; margin: 5px; display: inline-block; } .que.ddmarker .droparea .marker img.target, .que.ddmarker .draghomes .marker img.target { position: absolute; left: -7px; top: -7px; } .que.ddmarker div.dragitems div.draghome img.target { display: none; } .que.ddmarker .marker.beingdragged { position: absolute; } .que.ddmarker .marker.beingdragged span.markertext { z-index: 3; box-shadow: rgb(0, 0, 0) 3px 3px 4px; } .que.ddmarker .dropzone .shape { fill: rgb(255, 255, 255); fill-opacity: 0.5; stroke: rgb(0, 0, 0); stroke-width: 1; } .que.ddmarker .dropzone.active .shape { stroke-width: 2; } .que.ddmarker .dropzone.color0 .shape { fill: rgb(255, 255, 255); } .que.ddmarker .dropzone.color1 .shape { fill: rgb(176, 196, 222); } .que.ddmarker .dropzone.color2 .shape { fill: rgb(220, 220, 220); } .que.ddmarker .dropzone.color3 .shape { fill: rgb(216, 191, 216); } .que.ddmarker .dropzone.color4 .shape { fill: rgb(135, 206, 250); } .que.ddmarker .dropzone.color5 .shape { fill: rgb(218, 165, 32); } .que.ddmarker .dropzone.color6 .shape { fill: gold; } .que.ddmarker .dropzone.color7 .shape {