/* 
    Documento   : gbl_resposive.css
    Creado : 03/07/2020, 13:38:28
    Autor     : Alberto Parraguirre Covarrubias
    Description:
        Este Documento Proporciona: lo necesario para formularios responsive
*/


.contenedor_gbl_input
 {
 	padding         : 10px 15px;
 	display         : flex;
 	flex-wrap       : wrap;
 	justify-content : space-between;
 }
 
.e_gbl_formulario
 {
 	width         : 95%;
 	max-width     : 800px;
 	margin        : auto;
	background    : #E5FBFD;
	border-radius : 7px;
 }
 
.e_gbl_input_100
 {
	width         : 150%;
 }

.e_gbl_input_48
 {
	width         : 100%;
 }

input
{
	margin-bottom : 15px;
	padding       : 8px;
	border-radius : 3px;
}

textarea
{
	width         : 100%;
	resize        : none;	
}	


select:focus~label,
select:valid~label,
input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label
{
	position  : absolute;
	top       : -14px;
	left      : 10px;
	font-size : 14px;
	color     : #2196F3;
}


label 
{
   position       : absolute;
   left           : 5px;
   top            : 10px;
   transition     : 0.3s ease all;
   color          : #C2C2C2;
   font-size      : 16px;
   pointer-events : none;  	
}
 
.e_gbl_boton_enviar 
 {
	background : #F6149D;
	color      : #FFFFFF
	margin     : auto;
	padding    : 8px 15px;
	cursor     : pointer;
	font-size  : 20px;
 }
 
.e_gbl_grupo_input
{
  position : relative;	
  margin   : 3%;
}

.e_gbl_boton_enviar : active
 {
	transform : scale(2.5);
 }