/*
.mediaViewInfo {
	--web-view-name: GEO - Login - 1;
	--web-view-id: GEO___Login___1;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
:root {
	--web-view-ids: GEO___Login___1;
}
*/
/*
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}*/

#cuadro_login {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
    width: 308px;
	height: 388px;
	background-color: white;
	opacity: 0.95;
	border-radius: 30px;
}

/*
#GEO___Login___1 {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	--web-view-name: GEO - Login - 1;
	--web-view-id: GEO___Login___1;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
*/

#Rect_ngulo_18 {
	opacity: 0.95;
}
.Rect_ngulo_18 {
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.161));
	position: absolute;
	overflow: visible;
	width: 308px;
	height: 388px;
	left: calc(50% - 154px);
	top: calc(50% - 194px);
}

/* Este grupo representa el logo*/
#logo_crux {
	position: relative;
	margin: 10% 15%;
	width: 70%;
	height: 20%;
	overflow: visible;
}
#Grupo_14 {
	position: absolute;
	width: 69.88px;
	height: 84.054px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Grupo_12 {
	position: absolute;
	width: 69.88px;
	height: 69.882px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.Trazado_1 {
	overflow: visible;
	position: absolute;
	width: 20.894px;
	height: 33.931px;
	left: 0px;
	top: 11.438px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_2 {
	overflow: visible;
	position: absolute;
	width: 45.538px;
	height: 38.98px;
	left: 2.795px;
	top: 30.902px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_3 {
	overflow: visible;
	position: absolute;
	width: 58.453px;
	height: 65.808px;
	left: 11.427px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Grupo_13 {
	position: absolute;
	width: 15.799px;
	height: 18.246px;
	left: 48.334px;
	top: 65.808px;
	overflow: visible;
}
.Trazado_4 {
	overflow: visible;
	position: absolute;
	width: 15.799px;
	height: 18.246px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Grupo_15 {
	position: absolute;
	width: 107.097px;
	height: 28.359px;
	left: 84.773px;
	top: 18.609px;
	overflow: visible;
}
.Trazado_5 {
	overflow: visible;
	position: absolute;
	width: 19.026px;
	height: 19.957px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_6 {
	overflow: visible;
	position: absolute;
	width: 17.029px;
	height: 19.171px;
	left: 29.378px;
	top: 0.394px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_7 {
	overflow: visible;
	position: absolute;
	width: 17.31px;
	height: 19.594px;
	left: 55.784px;
	top: 0.394px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_8 {
	overflow: visible;
	position: absolute;
	width: 24.731px;
	height: 27.965px;
	left: 82.366px;
	top: 0.394px;
	transform: matrix(1,0,0,1,0,0);
}
#Grupo_16 {
	position: absolute;
	width: 85.604px;
	height: 8.142px;
	left: 88.598px;
	top: 45.369px;
	overflow: visible;
}
.Trazado_9 {
	overflow: visible;
	position: absolute;
	width: 8.284px;
	height: 8.094px;
	left: 0px;
	top: 0.048px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_10 {
	overflow: visible;
	position: absolute;
	width: 8.427px;
	height: 8.142px;
	left: 17.166px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_11 {
	overflow: visible;
	position: absolute;
	width: 6.951px;
	height: 8.094px;
	left: 35.203px;
	top: 0.048px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_12 {
	overflow: visible;
	position: absolute;
	width: 1.428px;
	height: 8.094px;
	left: 51.316px;
	top: 0.048px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_13 {
	overflow: visible;
	position: absolute;
	width: 7.154px;
	height: 8.094px;
	left: 62.658px;
	top: 0.048px;
	transform: matrix(1,0,0,1,0,0);
}
.Trazado_14 {
	overflow: visible;
	position: absolute;
	width: 5.88px;
	height: 8.094px;
	left: 79.724px;
	top: 0.048px;
	transform: matrix(1,0,0,1,0,0);
}

/* Este grupo representa el boton*/
.Trazado_20 {
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.102));
	overflow: visible;
	position: absolute;
	width: 122px;
	height: 52px;
	left: calc(50% - 75px);
	top: calc(50% + 110px);
	transform: matrix(1,0,0,1,0,0);
}
#ENTRAR {
	position: absolute;

	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: rgba(255,255,255,1);
}

/* Este grupo representa el user y el login*/
#formulario {
	position: relative;
	width: 70%;
	height: 50%;
	margin-left: 15% ;
	margin-right: 15% ;
	margin-top: 0%;
	margin-bottom: 10%;
	overflow: visible;
	text-align: center;
}
#_Olvidaste_tu_contrase_a_ {
	overflow: visible;
	white-space: nowrap;
	text-align: right;
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: rgba(112,112,112,1);
}
.form_element {
	position: relative;
	left: 0.5px;
	overflow: visible;
	width: 100%;
	text-align: left;
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: rgba(191,191,191,1);
}

.form_element.contrase_a {
	padding-top: 35px;
}

.form_element.errores {
	width: auto;
	color: cornflowerblue;
	font-size: x-small;
}
.Linea {
	overflow: visible;
	width: 100%;
	height: 1px;
	left: 0px;
	transform: matrix(1,0,0,1,0,0);
}

.boton {
	position: relative;
	background-color: rgba(0,155,255,1);
	border-radius: 25px;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}

input
{
    background: transparent;
    border: none;
}

input::placeholder
{
    background: transparent;
    border: none;
}