body,html{
	height: 100vh;
}
/* Contenedores */
.container {
	display: flex;
	text-align: center;
	justify-content: center;
	padding-right: 0 !important;
	padding-left: 0 !important;
	height: 100vh !important;
}

#container {
	color: yellow;
	width: 50%;
	background-color: none;
	background-image: url("./TECNO.jpg");
	padding: 25px;
	height: 100%;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	#container {
		width: 100%;
		display: table;
	}
}

@media only screen and (max-width: 512px) {
	#enviar {
		width: 100%;
		float: none !important;
	}
}

.title { margin: 20px; }

/* Estilos para los inputs y el textarea */
input, #mensaje , select{
	border: solid 2px #CCCCCC !important;
}

#enviar{
	margin-top: 15px;
}
/* Para ocultar todo lo relacionado a subir archivos solo quite el comentario en display:none; */
.labelFile, .porcentage {
	display: none;
}

/* Estilos del botón(label) de subir archivos */
.labelFile {
	background-color: yellow;
	color: black;
	padding: 8px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
}

/* Estilos al pasar el mouse */
.labelFile:hover {
	background-color: blue;
	color: white;
}


#mensaje { resize: none; }


/* BOTÓN ENVIAR */
input[type='submit'] {
	border: none !important;
	font-weight: bold;
	align-self: flex-end !important;
}

/* AL PASAR EL MOUSE */
input[type='submit']:hover {
	background-color: blue !important;;
	color: white !important;
}

/* MENSAJES DE PROCESOS */
.success,.warning{
	color: white; /*Color del mensaje*/
	margin: 20px;
	font-family: "Times New Roman", sans-serif;
	font-size: 17px;
}

/* Porcentaje */
.porcentage {
	float: left;
	margin: 8px 15px ;
	font-weight: bold;
}

/* Color Fucsia y estilo de alertas */
.fucsia { color: #f0f; }
.success {display: none !important; }
.warning { display: none !important; }