.body {
  width:100%;
  height: 100%;
  padding:0;
  margin:0;
  background-color: #ffffff;
}

.logo{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.logo_imagem{
  position: absolute;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.login{
  background: rgb(166 196 233);
  background-image: url("../imagem/wallpaper_login_cimpoints.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-attachment: fixed;
  background-size: cover;
}

.login_cards{
  background: #43667cc9;
  padding: 20px;
  border-radius: 9px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  font-family: sans-serif;
  font-size: 25px;
  text-align: center;
  color: #ffff;
  backdrop-filter: blur(5px) opacity(1.5);
}

.login_cards_formulario{
  display: flex;
  flex-direction: row;
}

.login_cards_subtitulo{
}

.login_cards_cadastro{
  font-family: sans-serif;
  font-size: 25px;
  text-align: center;
  color: #ffff;
}

.login{
  background: rgb(166 196 233);
  background-image: url("../imagem/wallpaper_login_cimpoints.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-attachment: fixed;
  background-size: cover;
  z-index: 1;
  position: absolute;
}

#phone{
  padding-top: 0px;
  padding-bottom: 1px;
  border: 1px solid #2aa6ff;
  border-radius: 9px;
  width: 270px;
  height: 35px;
}

.btn{
  color: #ffffff;
  background-color: #428BCA;
  border-color: #357EBD;
  font-size: 15px;
  outline: none;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  padding: 5px;
  width: 100%;
  height: 40px;
}

.cadastro_formulario{
  display: flex;
  flex-direction: column;
  text-align: left;
  font-family: sans-serif;
  font-size: 20px;
  padding: 5px;
}

.cadastro_formulario p{
  text-align: center;
}

#topo,#banner_popup{
  display: none;
  background: #101d21a8;
  width: 100%;
  height: 100%; 
  position: fixed;
  z-index: 1;
  backdrop-filter: blur(4px) opacity(3.5);
}

a {
  color: inherit;
}

#menu_home{
  display: none;
  height: 35px;
  flex-direction: row;
  padding: 15px;
  height: 50px;
  justify-content: space-around;
  position: relative;
  border-bottom: 2px solid #128cff;
}

.menu_home_inicio,.menu_home_usuario{
  padding: 10px;
  font-size: 25px;
  font-family: sans-serif;
  position: relative;
  min-width: 40%;
  text-align: center;
  height: 30px;
  border-radius: 9px;
}

.menu_home_inicio{
  color: #329d10;
  background-color: #adff4026;
  background-image: url("../imagem/icone_cimpoints12.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.menu_home_usuario{
  color: #177eff;
  background-color: #3a9bff30;
  background-image: url("../imagem/icone_cimpoints11.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

#menu_marketplace{
  display: none;
  flex-direction: column;
  position: relative;
  padding: 15px 15px 20px 15px;
}

#menu_marketplace a {
  text-decoration: inherit;
}

#menu_livre{
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  height: 60%;
}

#menu_livre a {
  text-decoration: inherit;
}

#menu_home a {
  text-decoration: inherit;
}

.menu_marketplace_icon{
  width: 90%;
  height: auto;
  border-radius: 9px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 15px;
  padding: 20px;
  text-align: center;
  font-size: 25px;
  font-family: sans-serif;
}

.menu_marketplace_icon_pontos{
/* Flat white mode */
  background-image: url("../imagem/icone_cimpoints9.png");
  background-color: #eafd9b;
  color: #875f00;
}

.menu_marketplace_icon_marketplace{
/* flat white mode */
  background-image: url("../imagem/icone_cimpoints8.png");
  background-color: #fdd29b;
  color: #852c00;
}

.menu_marketplace_icon_ajuda{
/* flat white mode */
  background-image: url("../imagem/icone_cimpoints10.png");
  background-color: #9bcbfd;
  color: #072763;
}

.menu_marketplace_icon_funcionamento, .menu_marketplace_icon_settings, .menu_marketplace_icon_help{
  background-color: #021e2552;
  color: #02b0ff;
  width: 70%;
  border: 2px solid;
}

.menu_marketplace_icon_exit{
  background-color: #5c0000;
  color: #ff0202;
  width: 70%;
}

#menu_transaction{
  padding: 5px;
  left: 50%;
  position: relative;
  height: auto;
  transform: translateX(-50%);
  display: none;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
}

/* ABA COLETORES */
#container {
  width: 100%;
  height: 100%;
}

#video {
/*  display: none;*/
  width: 100%;
  height: 100%;
  background: black;
  border-radius: 30px;
  border: solid 3px #2fb2f1;
  position: absolute;
}

#canvas {
/*  display: none;*/
  width: 100%;
  height: 100%;
  background: black;
  border-radius: 30px;
  border: solid 3px #2fb2f1;
}

.canvas_correction{
  width: 300px;
  height: 300px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
}

.perfil_foto{
  width: 150px;
  height: 150px;
  top: 0px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.perfil_text{
  text-align: center;
  font-size: 25px;
  font-family: sans-serif;
  color: white;
}

.menu_transactions_icon{
    width: 45%;
    border-radius: 9px;
    margin-bottom: 15px;
}

.webcam{
  display: none;
  padding: 25px;
}

.btn_stop{
  width: 90%;
  height: auto;
  border-radius: 9px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 15px;
  padding: 20px;
  text-align: center;
  font-size: 25px;
  font-family: sans-serif;
  background-image: url("../imagem/icone_cimpoints17.png");
  background-color: #fd9b9b;
  color: #f90000;
}

.bip{
  display: none;
}

.fundo_reciclagem{
  background-color: #dcfdb0;
}

.fundo_transferir{
  background-color: #fdd29b;
}

.fundo_cupons{
  background-color: #fd9b9b;
}

.fundo_unidade{
  background-color: #9bcbfd;
}

.toggle {
  margin-bottom: 20px;
  font-family: sans-serif;
  font-size: 15px;
  text-align: center;
  position: relative;
}

.toggle > input {
  display: none;
}

.toggle > label {
  position: relative;
  display: block;
  height: 28px;
  width: 52px;
  background-color: #f7f7f7;
  border: 1px #a2e3e6 solid;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 15px;
}

.toggle > label:after {
  position: absolute;
  left: 1px;
  top: 1px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
  content: '';
  transition: all 0.3s ease;
}
.toggle > label:active:after {
    transform: scale(1.15, 0.85);
}
.toggle > input:checked ~ label {
  background-color: #4cda64;
  border-color: #4cda64;
}
.toggle > input:checked ~ label:after {
  left: 25px;
}
.toggle > input:disabled ~ label {
  background-color: #d5d5d5;
  pointer-events: none;
}
.toggle > input:disabled ~ label:after {
  background-color: rgba(255, 255, 255, 0.3);
}

#card_pontos{
  display: none;
  width: 90%;
  padding: 15px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.banner{
  color: black;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  border-radius: 9px;
  width: 100%;
  height: 120px;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
  padding: 5px;
  background-image: url(../imagem/raios.png);
  background-color: #fffa6e;
}

.subtitulo{
  font-family: sans-serif;
  font-size: 25px;
  text-align: center;
  color: #8d6200;
  width: 100%;
  position: absolute;
}

.titulo{
  font-family: sans-serif;
  font-size: 35px;
  text-align: center;
  color: #684e00;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.extrato{
  width: 100%;
}

.card_pontos{
  padding: 5px 15px 5px 15px;
  border-radius: 9px;
  margin: 7px;
  font-family: sans-serif;
  font-size: 15px;
  background: #fff25d;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.ponto_verde{
  color: #01bd01;
}

.ponto_vermelho{
  color: #ef0000;
}


table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  text-align: center;
  padding: 5px 15px 5px 15px;
  margin: 8px;
}

tr{
  background-color: #fdd29b;
  border: 5px white solid;
  font-size: 13px;
  color: #684e00;
  font-family: sans-serif;
}

#card_marketplace{
  display: none;
  width: 100%;
  background: #dadedf;
}

#card_marketplace a{
  text-decoration: inherit;
}

#card_marketplace_cupons{
  display: flex;
  width: 100%;
  background: #dadedf;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 260px;
  align-items: stretch;
}

#card_meus_cupons{
  display: none;
  width: 100%;
  background: #d9edf1;
  position: relative;
}

.meus_cupons_title{
  font-size: 20px;
  font-family: sans-serif;
  text-align: center;
  color: #4a4a4a;
}

.meus_cupons_subtitle{
  font-size: 20px;
  font-family: sans-serif;
  text-align: center;
  color: #000000;
}

.meus_cupons_layout{
  width: 100%;
  display: flex;
  position: relative;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 10px;
}

.meus_cupons_queimar{
  padding: 15px;
}

.meus_cupons_layout_queima{
  position: relative;
}

.meus_cupons_layout_queima_title{
  font-family: sans-serif;
  font-size: 18px;
  text-align: center;
}

.marketplace_card{
  background: white;
  padding: 5px;
  width: 180px;
  border-radius: 13px;
  margin: 5px;
}

.marketplace_imagem{
  width: 100%;
  border-radius: 9px;
  height: 8.5rem;
}

.marketplace_titulo{
  font-family: sans-serif;
  font-size: 20px;
  text-align: center;
  color: #4e4e4e;
}

.marketplace_infos{
  font-family: sans-serif;
  font-size: 15px;
  text-align: left;
  margin-top: 15px;
  color: #525252;
}

.marketplace_infos_title{
  color: #101010;
  font-size: 15px;
}

.margens{
  padding: 10px;
}

@media (max-width: 500px) {
  #card_marketplace{
    width: 100%;
    background: #dadedf;
    display: none;
    justify-content: center;
    padding: 10px 0px 10px 0px;
    flex-wrap: wrap;
  }
  .marketplace_card{
    width: 43%;
  }
}

#resultado_positivo,#resultado_negativo,#resultado_positivo_login,#resultado_negativo_login,.resultado_positivo,.resultado_negativo{
  display: none;
  border-radius: 9px;
  padding: 15px;
  font-size: 20px;
  font-family: sans-serif;
  width: 85%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-top: 10px;
}

#resultado_positivo,#resultado_positivo_login,.resultado_positivo{
  border: solid 2px #1ded1b;
  background: #8eed84;
  color: #0c4c08;
}

#resultado_negativo,#resultado_negativo_login,.resultado_negativo{
  border: solid 2px #ed291b;
  background: #ed8a84;
  color: #4c0d08;
}

.qrcode_square{
  width: 80%;
  height: 80%;
  border: solid 2px red;
  position: absolute;
  z-index: 1;
  left: 51%;
  top: 51%;
  transform: translate(-50%, -50%);
  border-radius: 9px;
}

.titulo_scaner{
  text-align: center;
  font-family: sans-serif;
  font-size: 25px;
}

#card_transferencia{
  display: none;
  text-align: center;
  font-family: sans-serif;
  font-size: 20px;
  width: 100%;
}

.transferencia_session{
  display: none;
  flex-direction: row;
  font-family: sans-serif;
  font-size: 15px;
  text-align: center;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}

.transferencia_session_layout{
  display: flex;
  flex-direction: column;
}

.transferencia_session_formulario{
  padding: 10px;
}

.transferencia_session_formulario_title{
  font-size: 20px;
}

.transferencia_session_tipo{
  padding: 5px;
  border-radius: 9px;
  background: #ffeead;
  color: #ffa500;
  font-size: 20px;
  font-family: sans-serif;
}

.transferencia_session_margem{
  padding: 15px;
}

.alinhamento_btn{
  display: flex;
  flex-direction: column;
}

.transferencia_options{
  width: 130px;
  height: 150px;
  padding: 5px;
  border-radius: 9px;

}

.transferencia_options_enviar{
  background: #ffdf81;
  color: #ff601b;
}

.transferencia_options_receber{
  background: #81c5ff;
  color: #0057dd;
}

.transferencia_options_imagem{
  width: 100px;
}

.transferencia_session_mediador{
  font-size: 20px;
  font-family: sans-serif;
  color: #838383;
}

.transferencia_button{
  padding: 15px;
  width: auto;
  border: 2px solid #006edf;
  background: #9bcbfd;
  color: #0565ff;
  height: auto;
  font-size: 20px;
  margin-bottom: 10px;
}

.transferencia_session_formulario{
  flex-direction: column;
}

.transferencia_session_image{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  border: solid white 10px;
  border-radius: 9px;
  background-color: white;
}

.meus_cupons_layout_queima_description{
  font-family: sans-serif;
  font-size: 17px;
  text-align: center;
}

#card_locais_proximos{
  display: none;
  padding: 15px;
}

.locais_proximos_title{
  font-family: sans-serif;
  font-size: 20px;
  text-align: center;
}

.locais_proximos_subitle{
  font-size: 15px;
  font-family: sans-serif;
  text-align: center;
}

.locais_proximos_lista{
  display: flex;
  flex-direction: column;
}

.locais_proximos_lista a{
  text-decoration: inherit;
}

.locais_proximos_itens{
  padding: 15px;
  background: #c3e3f5;
  border-radius: 9px;
  font-family: sans-serif;
  font-size: 15px;
  margin-top: 10px;
}

.locais_proximos_layout{
  display: flex;
  flex-direction: column;
}

.marketplace_card_visualizar{
  padding: 5px;
  background: white;
}

.marketplace_imagem_visualizar{
  border-radius: 9px;
  width: 90%;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}

.marketplace_card_visualizar_pontos{
  font-family: sans-serif;
  font-size: 15px;
  color: #6c6c6c;
}

.marketplace_adquirir{
  font-family: monospace;
  font-size: 20px;
}

.marketplace_adquirir{
  max-width: 200px;
  position: relative;
  background: #cd8eff;
  border-radius: 9px;
  text-align: center;
  color: #8400eb;
  font-size: 25px;
  font-family: sans-serif;
  transform: translateX(-50%);
  left: 50%;
  padding: 10px;
}

.marketplace_adquirir_imagem{
  width: 90%;
  left: 50%;
}

.marketplace_adquirir_title{
  text-align: center;
  margin: 5px;
  font-size: 25px;
}

.marketplace_card_visualizar_pontos{
  padding: 15px;
}

.marketplace_popup_confirmar{
  font-family: sans-serif;
  font-size: 25px;
  text-align: center;
  transform: translateX(-50%);
  display: none;
  background: #FFF;
  position: fixed;
  width: 90%;
  height: 90%;
  top: 50%;
  left: 50%;
  z-index: 1;
  border-radius: 9px;
  border: solid #1b81e4 1px;
  transform: translate(-50%,-50%);
}


canvas{
  border: white solid 20px;
  border-radius: 9px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.marketplace_popup_confirmar_layout{
  display: flex;
  justify-content: space-around;
}

.marketplace_card_buttom{
  padding: 15px;
  border-radius: 9px;
  font-size: 30px;
  width: 25%;
  text-align: center;
}

.marketplace_card_buttom_yes{
  background: #00e2ff63;
  color: #034cf4;
}

.marketplace_card_buttom_no{
  background: #ff000054;
  color: #f40323;
}

.card_marketplace_vazio{
  background: white;
  padding: 15px;
  transform: translateX(-50%);
  border-radius: 9px;
  font-size: 20px;
  font-family: sans-serif;
  left: 48%;
  position: relative;
  width: 90%;
}

input[type="text"]:focus{
    border-color: #ced4da;
    box-shadow: 0 0 0 0;
    outline: 0;
}

input{
  margin-left: 10px;
  border: 1px solid #2aa6ff;
  background: #1b2644;
  color: #2aa6ff;
  width: 245px;
  height: 20px;
  padding: 10px;
  font-size: 15px;
  border-radius: 9px;
  margin: 5px;
}

.config_formulario_buttom{
  font-size: 20px;
  padding: 15px;
  background: #1b2644;
  color: #a3d0c9;
  border-radius: 9px;
  margin-top: 15px;
  width: 95%;
}

.login_cards_subtitulo{
  font-size: 15px;
}

.Form_Logni_inputs{
  margin-top: 15px;
}

.paginador{
  height:50px;
  background: #2196f3;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  font-size: 17px;
  font-family: sans-serif;
  color: #FFF;
  align-items: center;
}

.paginador_lados{
  padding: 10px;
  cursor: pointer;
}

.paginador_lados:hover{
  font-size: 20px;
  color: #003b6a;
}

.paginador_numero_fila{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.paginador_numero{
  padding: 10px;
  cursor: pointer;
}

.paginador_numero:hover{
  font-size: 20px;
  color: #003b6a;
}

.paginador_indicador{
  border: solid white 2px;
  padding: 5px;
  border-radius: 9px;
}

#paginador_marketplace{
  width: 100%;
  position: relative;
}

.expansor{
  border: solid 2px #5e93bd;
  margin: 10px 1px;
  border-radius: 9px;
}

.ajuda_title{
  font-family: sans-serif;
  font-size: 20px;
  text-align: left;
  position: relative;
  padding: 5px;
  background: rgb(195,206,229);
  background: linear-gradient(0deg, rgba(195,206,229,1) 0%, rgba(209,218,235,1) 100%);
  text-shadow: 0 1px 1px rgb(255 255 255 / 90%);
  color: #283a5d;
  border-radius: 8px;
  outline: none;
  border: none;
  width: 100%;
}

.ajuda_title:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.ajuda_text{
  padding: 10px;
  font-family: sans-serif;
  font-size: 15px;
  display: none;
  overflow: hidden;
}

.ajuda_concatc{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.ajuda_concatc a{
  text-decoration: inherit;
}

.ajuda_btn_whatsapp{
  background: #c3ffc5;
  padding: 10px;
  border-radius: 9px;
  color: #2bbb30;
  font-family: sans-serif;
  font-size: 20px;
}

.ajuda_btn_email{
  background: #ffc3c3;
  padding: 10px;
  border-radius: 9px;
  color: #bb2b2b;
  font-family: sans-serif;
  font-size: 20px;
}

.ajuda_imagens{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.ajuda_imagens img{
  width: 50%;
}

.ajuda_imagens p{
  font-size: 15px;
  font-family: sans-serif;
}

.config{
  padding: 5px;
  background: #cbd9d6;
}

.config_cards{
  background: white;
  padding: 15px;
  display: flex;
  flex-direction: column;
  margin: 15px;
  border-radius: 9px;
  font-family: sans-serif;
  font-size: 16px;
}

.config_formulario{
  display: flex;
  flex-direction: column;
}

.corretivo_Text_centrado{
  text-align: center;
}

.blue_button{
  background-color: #9bcbfd;
  color: #0065ff;
}


.config_tema_image{
  border-radius: 9px;
  width: 130px;
  border: solid 3px #536772;
}

.config_tema p{
  text-align: center;
}

.config_tema_selection{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 5px;
}

.config_theme_selection_margin{
  margin-bottom: 15px;
}

.settings_privacy{
  color: #164e7a;
  font-family: sans-serif;
  font-size: 15px;
  margin: 15px;
  text-align: center;
}

.config_formulario_confirmation{
  display: none;
  font-family: sans-serif;
  font-size: 16px;
  padding: 15px;
}

.config_formulario_confirmation_layout{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 15px;
}

.input_config{
  margin-left: 10px;
  border: 1px solid #2aff31;
  background: #9bfda8;
  color: #000000;
  width: 245px;
  height: 20px;
  padding: 10px;
  font-size: 15px;
  border-radius: 9px;
  margin: 5px;
  width: 90%;
  height: 110px;
}

.input_config_simple{
  margin-left: 10px;
  border: 1px solid #2aff31;
  background: #9bfda8;
  color: #000000;
  width: 245px;
  height: 20px;
  padding: 10px;
  font-size: 15px;
  border-radius: 9px;
  margin: 5px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

#gerenciar_card{
  display: none;
  justify-content: space-around;
  background: #d9d9d9;
  padding: 5px;
}

.gerenciar_buttom{
  background: #2196f3;
  color: white;
  padding: 10px;
  border-radius: 9px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
}

.gerenciar_buttom:hover{
  color: #003b6a;
}

.anuncio_card{
  display: none;
  padding: 15px;
}

.anuncio_title{
  font-family: sans-serif;
  font-size: 15px;
  text-align: center;
}

.anuncio_subtitle{
  font-family: sans-serif;
  font-size: 15px;
  color: #4c4c4c;
  text-align: center;
}

.anuncio_imagem{
  width: 100%;
  border-radius: 9px;
  margin-top: 15px;
}

.anuncio_buttom{
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  font-family: sans-serif;
  font-size: 20px;
  background: #c3e4ff;
  color: #008eff;
  border-radius: 9px;
  text-align: center;
}

button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.anuncio_inserir_codigo{
  display: none;
}

.marketplace_popup_confirmar{
  display: none;
}

.dados_de_usuario{
  font-size: 20px;
  font-family: sans-serif;
  text-align: left;
  padding: 20px;
}

.dados_de_usuario_title{
  font-size: 20px;
  font-family: sans-serif;
}

#qrcode{
  display: none;
  font-family: sans-serif;
  text-align: center;
  font-size: 20px;
}

input:invalid {
  border: 1px solid #ff0000;
  background: #441b1b;
  color: #ff492a;
}

#sem_internet{
  display: none;
  font-size: 20px;
  font-family: sans-serif;
  text-align: center;
  position: absolute;
  z-index: 1;
  background: #000000;
  color: white;
  height: 100%;
  width: 100%;
  margin:0;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sem_internet_imagem{
  width: 50%;
}

#upload-photo {
  width: 433px;
  height: 60px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

input[type="file" i] {
  cursor: pointer;
  background: none;
  border: none;
  color: #4c4c4c;
  font-size: 15px;
  font-family: sans-serif;
}

input[type=file]::file-selector-button{
  border: 1px solid #2aa6ff;
  background: #1b2644;
  color: #2aa6ff;
  width: 245px;
  height: 50px;
  padding: 10px;
  font-size: 15px;
  border-radius: 9px;
  margin: 5px;
}

.transferencia_session_image img{
  display: block;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  border: solid white 10px;
  border-radius: 9px;
}

.marketplace_imagem_visualizar img{
  display: block;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  border: 15px solid white;
  border-radius: 10px;
}

.red_button{
  background-color: #fd9b9b;
  color: #f90000;
}

.expandir{
  font-size: 15px;
  font-family: sans-serif;
  position: absolute;
  background: #000000ad;
  padding: 3px;
  border-radius: 50%;
}

.banner_image{
  height: 75%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: relative;
  border-radius: 15pt;
}

.banner_button{
  position: absolute;
  right: 3%;
  top: 7%;
  font-size: 20pt;
  background: rgba(255, 255, 255, 0.747);
  border-radius: 50%;
  padding: 5pt;
  border: black solid 2px;
  width: 35pt;
  height: 35pt;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_button img{
  width: 100%;
}