/* =============================================================================
_________                             .___               _________.__  __                 
\_   ___ \_____    ___________      __| _/____  ______  /   _____/|__|/  |_  ____   ______
/    \  \/\__  \  /  ___/\__  \    / __ |/  _ \/  ___/  \_____  \ |  \   __\/ __ \ /  ___/
\     \____/ __ \_\___ \  / __ \_ / /_/ (  <_> )___ \   /        \|  ||  | \  ___/ \___ \ 
 \______  (____  /____  >(____  / \____ |\____/____  > /_______  /|__||__|  \___  >____  >
        \/     \/     \/      \/       \/          \/          \/               \/     \/ 
Criado e desenvolvido por: Casa dos sites
CEO / CTO: Fabio Augusto
Website: https://www.casadossites.com
/* =============================================================================*/

/* VARIÁVEIS DE AMBIENTE */
:root {
  --hover_lateral_menu: #009ddc;
}

.fundo_vidro {
  background-color: rgba(51, 51, 51, 0.15);
  box-shadow: 3px 2px 5px rgba(17, 17, 17, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.fundo_login {
  background: url("./../img/fixas/bg.jpg");
  background-position: top right;
  background-size: 102%;
  background-repeat: no-repeat;
}

.home_login {
  width: 35%;
  background-color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 2%;
  margin-top: 4%;
  margin-left: 4%;
}

.home_login .home_logo {
  width: 70%;
  padding: 2%;
  margin-left: 15%;
  margin-bottom: 2%;
}
.home_login .home_logo img {
  width: 100%;
}

.barra_fixa {
  width: 100%;
  padding: 1%;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.barra_itens {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 19%;
}

.barra_itens .avatar {
  border: 2px solid #b2b2b2;
  width: 12%;
}

.barra_fixa .cursor_ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 55.5%;
}

.menu_flutuante {
  width: 250px;
  background-color: #000000;
  height: 107ch;
  position: absolute;
  left: -310px;
  top: 0;
  color: #fff;
  z-index: 100;
}

.menu_flutuante .menu_fechar {
  margin-left: 250px;
  margin-top: 0px;
  padding: 22px 40px 10px 16px;
  background-color: #000;
}
.menu_flutuante .menu_fechar figure {
  color: #fff;
  cursor: pointer;
  font-size: 1.3em;
}
.menu_flutuante .logo {
  background-color: #fff;
  padding: 20% 5%;
  margin-top: -12%;
  width: 70%;
  margin-left: 15%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.menu_flutuante .logo img {
  width: 100%;
}

.menu_flutuante .aba_menu {
  width: 100%;
  margin-top: 8%;
}
.menu_flutuante .aba_menu .config_aba {
  border-left: 10px solid #fff;
  background-color: #2b2b2b;
  cursor: pointer;
  padding: 4% 6%;
  width: 100%;
  color: #fff;
  font-size: 0.8em;
  margin-top: 2%;
}
.menu_flutuante .aba_menu .config_aba:hover {
  /* border-left: 10px solid var(--hover_lateral_menu); */
  background-color: #555;
  color: #fff;
}

.menu_flutuante .config_aba_interna {
  background-color: #2b2b2b;
}
.menu_flutuante .config_aba_interna a {
  border-left: 10px solid #fff;
  background-color: #fff;
  cursor: pointer;
  padding: 4% 6%;
  width: 100%;
  color: #000;
  font-size: 0.8em;
  margin-top: 1.5%;
}
.menu_flutuante .config_aba_interna a figure {
  margin-right: 4%;
}
.menu_flutuante .config_aba_interna a:hover {
  border-left: 10px solid var(--hover_lateral_menu);
  background-color: #fff;
  color: #000;
}

/* CONFIGURAÇÕES DAS BOXS */
.testa {
  background-color: #fff;
  padding: 2%;
}
.testa h1 {
  border-left: 10px solid #000;
  font-size: 0.9em;
  font-weight: 600;
  padding: 1% 3% 1% 4%;
  width: 100%;
  background: #f1f1f1;
  margin-bottom: 2%;
}

/* GENÉRICOS */
.avisos {
  font-size: 0.8em;
  font-weight: 500;
  color: #000;
}
.imagem_lista {
  width: 30px;
}

.galeria {
  position: relative;
  padding: 1%;
}
.galeria img {
  width: 100%;
}
.deletar-galeria {
  font-size: 1.5em;
  color: #fff;
  left: 0%;
  background: rgba(255, 0, 0, 0.9);
  padding: 3%;
  display: none;
  top: 0;
  cursor: pointer;
}
.galeria:hover .deletar-galeria {
  display: block !important;
  z-index: 777;
  position: absolute;
}

.deletar-galeria-imovel {
  font-size: 1.5em;
  color: #fff;
  left: 0%;
  background: rgba(255, 0, 0, 0.9);
  padding: 3%;
  display: none;
  top: 0;
  cursor: pointer;
}
.galeria:hover .deletar-galeria-imovel {
  display: block !important;
  z-index: 777;
  position: absolute;
}
.deletar-galeria2 {
  font-size: 1.5em;
  color: #fff;
  left: 0%;
  background: rgba(255, 0, 0, 0.9);
  padding: 3%;
  display: none;
  top: 0;
  cursor: pointer;
}
.galeria:hover .deletar-galeria2 {
  display: block !important;
  z-index: 777;
  position: absolute;
}

.box_relata {
  margin-bottom: 1%;
}
.box_relata div {
  padding: 20px 28px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #f1f1f1;
}

.box_relata div em {
  font-size: 14px;
  margin-left: 4px;
  text-transform: uppercase;
}

.box_relata div p {
  font-size: 28px;
}

.box_relata div h2 {
  font-size: 0.8em;
  margin-top: 2%;
  color: #3a3a3a;
  font-weight: 400;
}
.box_relata div:hover {
  opacity: 0.6;
}

.info_nypag p {
  font-size: 0.9em;
}

.info_nypag h1 {
  width: 100%;
  padding: 11px 17px;
  background-color: #f1f1f1;
  margin-bottom: 2%;
}

.legenda_color {
  text-align: center;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
}

.legenda_color div {
  margin-bottom: 6px;
  padding: 10px;
}

.legenda_color .edan {
  background: red;
  color: #fff;
}

.legenda_color .gb {
  background: #3aa6c3;
  color: #fff;
}

.legenda_color .infi {
  background: green;
  color: #fff;
}

.legenda_color .safra {
  background: #f8ff32;
  color: #000;
}

.legenda_color .hera {
  background: #79077f;
  color: #fff;
}

.legenda_color .helots {
  background: #4876ff;
  color: #fff;
}

.legenda_color .helots_r {
  background: #ff1493;
  color: #fff;
}

.legenda_color .recebaaqui {
  background: #00ac6d;
  color: #fff;
}

.legenda_color .pagseguro {
  background: #ffbf2b;
  color: #fff;
}
.legenda_color .cielo {
  background: #000;
  color: #fff;
}
.legenda_color .nypagrs {
  background: #68228b;
  color: #fff;
}