.PopPainel.EdicaoAmbientes { height: 60vh; top: 10vh; left: 40vw; } .PopPainel.EdicaoAmbientes .fecharPainel { width: 100%; height: 12vh; display: flex; justify-content: start; align-items: center; } .PopPainel.EdicaoAmbientes .fecharPainel button { background: none; border: none; outline: none; width: 8vw; height: 5vh; background-color: #c6c6c6; box-shadow: 5px 5px 0px #9a9a9a; font-size: 1vw; color: var(--Matriz); transition: 1s ease; cursor: pointer; } .PopPainel.EdicaoAmbientes .fecharPainel button:hover { background-color: var(--Cor_Segundaria_5_1); box-shadow: -5px 5px 0px var(--Cor_Segundaria_5_2); } .PopPainel.EdicaoAmbientes .CorpoPainel { width: 90%; padding: 2vw; height: 70vh; overflow-y: auto; display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 2vh; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs { width: 100%; padding-top: 2vh; margin-top: 0.8vh solid var(--Matriz); display: flex; flex-direction: column; justify-content: start; align-items: center; margin-bottom: 2vh; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_1 { width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_1 .TitutloPopup { width: 40%; height: 8vh; display: flex; flex-direction: row; justify-content: start; align-items: center; font-family: var(--font_titulo); color: var(--Matriz); font-size: 1vw; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_1 .PesquisaPopup { width: 70%; height: 8vh; display: flex; flex-direction: row; justify-content: space-around; align-items: center; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_1 .PesquisaPopup input { background: none; outline: none; border: none; width: 15vw; height: 4vh; background-color: var(--Matriz); border: 0.4vw solid var(--Cor_Segundaria_5_1); box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_5_2); padding-left: 1vw; padding-right: 1vw; font-size: 0.8vw; font-family: var(--font_titulo); color: var(--Cor_Segundaria_5_1); } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_1 .PesquisaPopup button { background: none; outline: none; border: none; width: 4vw; height: 6vh; background-color: var(--Cor_Segundaria_5_1); box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_5_2); } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_1 .PesquisaPopup img { width: 2vw; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2 { width: 100%; height: 30vh; margin-top: 2vh; padding-top: 2vh; overflow-y: auto; display: flex; flex-direction: column; justify-content: start; align-items: center; align-content: center; background-color: var(--Matriz); gap: 1vw; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2 .DashbordItem { width: 18vw; height: 8vh; display: flex; align-items: center; justify-content: space-around; align-content: center; font-family: var(--font_titulo); color: var(--Matriz); font-size: 0.6vw; background-color: var(--Cor_Segundaria_5_1); box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_5_2); } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2 .DashbordItem button { background: none; border: none; outline: none; width: 6vw; height: 3vh; background-color: #c6c6c6; box-shadow: 5px 5px 0px #9a9a9a; font-size: 1vw; color: var(--Matriz); transition: 1s ease; } .PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2 .DashbordItem button:hover { background-color: var(--Cor_Segundaria_2_1); box-shadow: -5px 5px 0px var(--Cor_Segundaria_2_2); }