/**
* Folha de estilos do gerador de qrcode
*/


#apresentacao .media {
   height: 45vh;
   min-height: 355px;
}
#apresentacao .grid {
   height: 100%;
}



#aplication {
   padding: 80px 0;
   background-color: #EEEEEE;  /*#F5FFF5;*/
}
#aplication .grid {
   grid-gap: 0 10%;
   grid-template-columns: 45% 45%;
   grid-template-areas: 'a b';
}
#aplication form {
   /*margin-top: 40px;*/
}
#aplication form h1 {
   margin-bottom: 40px;
}
#aplication form fieldset {
   margin: 10px 0 25px 0;
}

.label_tipo {
   display: inline;
   margin-right: 30px;
}

#mensagem {
   width: 100%;
   height: 200px;
}


#view {
   /*display: none;*/
}



#show_qrcode #qrc {
   display: block;
   width: 100%;
   text-align: center;
}
#show_qrcode #qrc img {
   margin: 0 auto;
}



/*** MOBILE MEDIA */
@media (max-width:767px) {

   #voltar.btn {
      display: initial;
   }


   #apresentacao .media {
      height: auto;
   }


   #aplication .grid {
      grid-gap: 0 0;
      grid-template-columns: 100%;
      grid-template-areas: 'b' 'a';
   }
   #aplication .grid .b {
      display: none;
      text-align: center;
   }

   #mensagem {
      width: 100%;
      height: 100px;
   }

}

/*** TABLE MEDIA */
@media (min-width:768px) and (max-width:1023px) {

   #voltar.btn {
      display: initial;
   }

   #aplication .grid {
      grid-gap: 60px 0;
      grid-template-columns: 100%;
      grid-template-areas: 'b' 'a';
   }

   #aplication .grid .b {
      display: none;
   }

}

/*** DESKTOP MEDIA */
@media (min-width: 1024px) {

}