.contenedor
{
	z-index: 1;
}

.ventana_modal
{
	z-index: 3;
}

.credenciales
{
	z-index: 5;
}

.alerta
{
	z-index: 7;
}




/* INICIO DE ESTILOS  */






.contenedor
{
	display: inline-block;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

	background-color: var(--gris-bajito);

	background-image:  radial-gradient(#3D5A80 0.5px, transparent 0.5px), radial-gradient(#3D5A80 0.5px, #e5e5f7 0.5px);

	background-size: 20px 20px;

	background-position: 0 0,10px 10px;

}

.contenedor > .header
{
	display: flex;

	position: fixed;

	align-items: center;

	justify-content: right;

	top: 0;

	left: 0;

	width: 100%;

	height: 45px;

	background: var(--color-uno);

	border-bottom: 2px solid var(--color-cuatro);
}

.contenedor > .header > div
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.contenedor > .header > div > label
{
	

}

.contenedor > .header > div > label > img
{
	width: 100%;

	height: 100%;

	cursor: pointer;
}

.contenedor > .header > div:nth-child(1)
{
	position: absolute;
	left: 0;
}

.contenedor > .header > div:nth-child(1) > label
{
	margin-left: 10px;

	color: var(--blanco);

	background: transparent;

	width: auto;
}

.contenedor > .header > div:nth-child(2)
{
	justify-content: right;
}

.contenedor > .header > div:nth-child(2) > label
{
	width: 32px;

	height: 28px;

	margin-right: 15px;

	padding: 3px;

	background: var(--blanco);

	border-radius: 3px;

	margin-top: 4px;

	cursor: pointer;
}


.contenedor > .contenido
{
	display: inline-block;

	position: fixed;

	width: 100%;

	height: calc(100% - 80px);

	border: 1px solid black;

	margin-top: 50px;

	overflow-y: auto;

	-ms-overflow-style:  auto;

    scrollbar-width:  auto;

}


.contenedor > .footer
{
	display: grid;

	grid-template-columns: repeat(2, 50%);

	position: fixed;

	top: calc(100% - 25px);

	left: 0;

	width: 100%;

	height: 25px;

	background: var(--color-uno);

	border-top: 2px solid var(--color-cuatro);

}

.contenedor > .footer > div
{
	width: 100%;

	padding-left: 5px;

	padding-right: 5px;

	color: var(--blanco);

	font-size: 14px;
}

.contenedor > .footer > div:nth-child(2)
{
	text-align: right;
}




/* ----- DISEÑO DE LAS ALERTAS ----- */

.alerta::-webkit-scrollbar
{
    display: none;
}


.alerta
{
    -ms-overflow-style:  none;
    scrollbar-width:  none;
}

.alerta
{
    position: fixed;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 100%;

	height: calc(100% - 80px);

	border: 1px solid black;

	margin-top: 50px;

	background: rgba(61, 90, 128, 0.35);

	top: 100%;

	transition: all .3s ease-in-out;

}

.alerta > .contenedor_mensaje
{
    width: 410px;

    height: auto;

    margin: auto;

    margin-top: 20px;

    background-color: #f8f8f8;

    border-radius: 5px;

    padding: 10px;

    border: 0px solid #666666;

    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.85);
             
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.85);

    margin-bottom: 20px;

    transition: all 0.3s ease-in-out;
}


.alerta > .contenedor_mensaje > div:nth-child(1) /*imagen y tipo de alerta*/
{
    display: grid;

    grid-template-columns: 40px calc(100% - 40px);

    margin-bottom: 15px;
}

.alerta > .contenedor_mensaje > div:nth-child(1) > div > img,
.alerta > .contenedor_mensaje > div:nth-child(1) > div > label
{
    width: 100%;

    height: 40px;
}


.alerta > .contenedor_mensaje > div:nth-child(1) > div > label
{
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    background: transparent;
    font-size: 20px;
    padding-left: 10px;
}

.alerta > .contenedor_mensaje > div:nth-child(2) /*mensaje*/
{
	display: inline-flex;

	justify-content: center;

	align-items: center;

    margin-bottom: 20px;

    height: 50px;

    max-height: 50px;

    width: 100%;
}

.alerta > .contenedor_mensaje > div:nth-child(2) > div
{
	display: inline-block;

	width: 100%;

	height: auto;

	max-height: 50px;

	overflow: hidden;

	overflow-y: auto;

	scrollbar-width: thin;

}



.alerta > .contenedor_mensaje > div:nth-child(3) /*barra de tiempo*/
{
   
}


.alerta > .contenedor_mensaje > div:nth-child(3) > label
{
    background: #ddd;
    color: var(--negro);
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    cursor: pointer;
}

.alerta > .contenedor_mensaje > div:nth-child(3) > label:hover
{
    cursor: pointer;
    background: #cacaca;
}





/* --- FIN DISEÑO DE LAS ALERTAS --- */






/* ----- DISEÑO CREDENCIALES ----- */

.credenciales
{

	position: fixed;

	display: inline-flex;

	width: 100%;

	height: calc(100% - 80px);

	border: 1px solid black;

	margin-top: 50px;

	background: rgba(61, 90, 128, 0.35);

	justify-content: center;

	align-items: center;

	top: 100%;

	transition: all .3s ease-in-out;

}

.credenciales > div
{
	width: 15px;

	height: 15px;

	background-color: var(--blanco);

	animation: salto 1s alternate infinite;

	border-radius: 50%;

	margin-right: 5px;
}

.credenciales > div:nth-child(2)
{ 
  animation-delay: 0.20s; 
}

.credenciales > div:nth-child(3)
{ 
  animation-delay: 0.40s; 
}

.credenciales > div:nth-child(4)
{ 
  animation-delay: 0.60s; 
}

@keyframes salto 
{
    from 
    {
        opacity: 1;
    }

    to
    {
        opacity: 0;
    }
}


/* --- FIN DISEÑO CREDENCIALES --- */






/* ----- DISEÑO VENTANA MODAL ----- */

.ventana_modal 
{
	display: inline-block;

	position: fixed;

	width: 100%;

	height: calc(100% - 80px);

	border: 1px solid black;

	margin-top: 50px;

	overflow-y: auto;

	-ms-overflow-style:  auto;

    scrollbar-width:  auto;

    background: rgba(0, 0, 0, 0.5);

    background: rgba(61, 90, 128, 0.35);

    justify-content: center;

    align-items: center;

    left: 100%;

    transition: all 0.3s ease-in-out;
}


.ventana_modal > .form
{
	background-color: var(--blanco);

	width: 90%;

	max-width: 407px;

	height: 90%;

	max-height: 470px;

	box-shadow: 0 5px 10px -5px rgb(0 0 0 / 30%);

	text-align: center;

	margin: 5px auto !important;

	border-radius: 3px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%) translateY(calc(-50% + 25px));

	top: calc(50% - 30px);

	transition: all 0.3s ease-in-out;


}

.ventana_modal > .form > .cerrar
{
	display: inline-block;

	width: 100%;

	height: 20px;

	text-align: right;

	margin: 0;

	padding: 0;

	margin-top: 5px;

}

.ventana_modal > .form > .cerrar > label
{
	display: inline-block;

	width: 20px;

	height: 100%;

	border-radius: 50%;

	margin-right: 5px;

	background: #df0000;

	color: var(--blanco);

	font-weight: bold;

	text-align: center;

	line-height: 15px;

	border: 1px solid var(--negro);

	padding: 0;

	cursor: pointer;

}


.ventana_modal > .form > .titulo
{
	display: inline-block;

	margin: 0;

	width: 100%;

	height: 40px;

	margin-bottom: 5px;

}

.ventana_modal > .form > .titulo > .texto_titulo
{
	display: inline-flex;

	width: 95%;

	height: 100%;

	text-align: center;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	justify-content: center;

	align-items: center;

	padding-bottom: 10px;

	border-bottom: 1px solid var(--gris-bajito);

}

.ventana_modal > .form > .contenido_modal
{
	width: 100%;

	height: calc(100% - 80px);

	overflow-y: scroll;

	-ms-overflow-style:  thin;

    scrollbar-width:  thin;

    padding: 10px;


}

.ventana_modal > .form > .contenido_modal > .formulario_modal
{
	margin-top: 20px;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs
{
	display: inline-block;

	width: 100%;

	margin-bottom: 15px;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > label
{
	margin-bottom: 3px;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > label,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > select,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > select > option,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="text"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="file"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="password"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="color"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="time"]
{
	width: 100% !important;

	text-align: left;

	background: var(--blanco);

	margin: 0;

	padding: 0;
}


.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > select,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > select > option,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="text"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="password"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="color"],
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="time"]
{
	padding-left: 5px;

	font-weight: normal;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="text"]:focus,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > select:focus,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="color"]:focus,
.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="time"]:focus,
{
	border: 1px solid var(--color-uno);
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[type="color"]
{
	padding: 2px;

	cursor: pointer;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > input[tipo="dinero"]
{
	background-image: url(../image/dinero.png) !important;
    background-size: 15px 15px !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;

    padding-left: 25px;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > textarea
{
	resize: none;
	width: 100% !important;
	height: 100px !important;
	background: transparent !important;
	font-weight: normal;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .inputs > .alerta_mayusc
{
	width: 100%;

	text-align: right;

	height: 16px;

	font-size: 10px;

	color: var(--color-cuatro);

	font-size: bold;

	vertical-align: top !important;

	display: none;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .grid-1
{

}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .botones
{

	margin-top: 30px;
}

.ventana_modal > .form > .contenido_modal > .formulario_modal > .botones > button
{
	width: 100%;

	overflow: hidden;

	background: var(--color-uno);

	color: var(--blanco);
}

	/* TABLA DE PREPAGOS */

	.tabla_saldo_prepago
	{
		width: 100%;

		height: auto;

		margin: 0;

		padding: 0;

		background: pink;
	}

	.tabla_saldo_prepago > div
	{
		display: grid;

		width: 100%;

		height: 20px;

		overflow: hidden;
	}

	.tabla_saldo_prepago > .fila_datos
	{
		grid-template-columns: repeat(3, calc(100% / 3));
	}

	.tabla_saldo_prepago > .fila_total
	{
		grid-template-columns: 55px calc(100% - 55px);

	}

	.tabla_saldo_prepago > div > div
	{
		display: inline-block;

		width: 100%;

		height: 100%;

		border: 1px solid black;

		border-top: none;
	}

	.tabla_saldo_prepago > div > .encabezado
	{
		border-top: 1px solid black;

	}

	.tabla_saldo_prepago > .fila_datos > div:nth-child(1),
	.tabla_saldo_prepago > .fila_datos > div:nth-child(2),
	.tabla_saldo_prepago > .fila_total > div:nth-child(1)
	{
		border-right: none;
	}


	.tabla_saldo_prepago > div > div > label
	{
		display: flex;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		background: var(--blanco) !important;
		color: var(--negro) !important;
	}

	.tabla_saldo_prepago > div > .encabezado > label,
	.tabla_saldo_prepago > .fila_total > div > label
	{
		color: var(--blanco) !important;

		background: var(--color-uno) !important;

		font-weight: bold !important;
	}

	.tabla_saldo_prepago > .fila_total > div:nth-child(2) > label
	{
		background: var(--blanco) !important;

		color: var(--negro) !important;

		font-size: 10.5px;

	}

	.tabla_saldo_prepago > div > div[tipo='opcion'] > label:hover
	{
		cursor: pointer;

		background: var(--gris-bajito) !important;
	}

	/* FIN TABLA DE PREPAGOS  */



/* --- FIN DISEÑO VENTANA MODAL --- */






/* ----- DISEÑO LOGIN ----- */


.contenedor > .contenido > form
{
	background-color: var(--blanco);

	width: 90%;

	max-width: 400px;

	height: 472px;

	box-shadow: 0 5px 10px -5px rgb(0 0 0 / 30%);

	text-align: center;

	padding: 30px 20px;

	border-radius: 3px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%) translateY(calc(-50% - 3px));

	top: calc(50%);

	transition: all 0.3s ease-in-out;

	padding-top: 10px;

}


.contenedor > .contenido > form > .titulo
{

	margin-bottom: 60px;
	color: var(--blanco);
	text-align: center;
	font-size: 70px;

	-moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);

	-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
	-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
	-ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
	transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
	/*-----------------------*/
	text-shadow: 1px 1px var(--color-uno), 2px 2px var(--color-uno), 3px 3px var(--color-uno), 4px 4px var(--color-uno), 5px 5px var(--color-uno), 6px 6px var(--color-uno), 7px 7px var(--color-uno), 8px 8px var(--color-uno), 9px 9px var(--color-uno), 10px 10px var(--color-uno), 12px 12px 14px var(--color-cuatro);
				
}


.contenedor > .contenido > form > .texto
{

	text-align: center;

	border-bottom: 1px solid var(--gris-medio);

	width: 100%;

	height: 90px;

	overflow: hidden;

	margin-bottom: 70px;
}

.contenedor > .contenido > form > .texto > img
{
	width: 100%;

	height: 100%;
}

.contenedor > .contenido > form > .contenedor_input
{
	margin-bottom: 25px;

}

.contenedor > .contenido > form > .contenedor_input > label,
.contenedor > .contenido > form > .contenedor_input > input
{
	width: 100%;

	text-align: left;

	padding-left: 5px;

	margin: 0;

	background: transparent;
}

.contenedor > .contenido > form > .contenedor_input > input[type='text']
{
	color: var(--entrada-texto) !important;
}

.contenedor > .contenido > form > .contenedor_input > #usuario
{
	text-transform: uppercase;
}

.contenedor > .contenido > form > .contenedor_input > label
{
	margin-bottom: 5px;

	font-weight: bold;
}



.contenedor > .contenido > form > .boton
{
	display: inline-block;

	width: 100%;

	margin-top: 65px;
}


.contenedor > .contenido > form > .boton > input
{
	background: var(--color-uno);

	color: var(--blanco);

	width: 100%;

	border: none;

	padding: 4px 10px;

	font-weight: bold;

	cursor: pointer;

	border-radius: 3px;
}




/* --- FIN DISEÑO LOGIN --- */





/* ----- DISEÑO PAGINA PRINCIPAL -----  */

.contenedor > .contenido > .sub_header
{

	display: inline-grid;

	width: 100%;

	height: 25px;

	grid-template-columns: repeat(2, 1fr);

	padding-left: 10px;

	padding-right: 10px;

	border-bottom: 1px solid var(--gris-medio);
}

.contenedor > .contenido > .sub_header > div:nth-child(1) /* titulo de la ventana */
{
	*background: red;

	overflow: hidden;

	display: inline-flex;

	width: 100%;

	height: 100%;

	align-items: center;

	font-family: 'Croissant One', cursive;

	font-weight: bold;

	padding-right: 10px;

	font-size: 19px;

}

.contenedor > .contenido > .sub_header > div:nth-child(2) /* contenedor usuario */
{

	display: inline-grid;

	grid-template-columns: calc(100% - 20px) 20px;

	width: 100%;
}

.contenedor > .contenido > .sub_header > div:nth-child(2) > div:nth-child(1) /* usuario */
{
	text-align: right;

	padding-right: 10px;
}

.contenedor > .contenido > .sub_header > div:nth-child(2) > div:nth-child(2) /* menu_usuario */
{

	text-align: center;
}


.contenedor > .contenido > .sub_contenido
{


	width: 100%;

	height: auto;

	max-height: calc(100% - 33px);

	overflow-y: auto;

	-ms-overflow-style:  thin;

    scrollbar-width:  thin;

	padding-left: 10px;

	padding-right: 10px;

	margin-top: 5px;
}


/* FILTRO MODULO VENTAS */

div[tipo='actualizacion_ventas']
		{
			background: red !important;
		}

		div[tipo='actualizacion_ventas'] > div
		{
			display: grid;
			width: 100%;
			overflow: hidden;
			border-top: 1px solid var(--color-uno);
		}

		div[tipo='actualizacion_ventas'] > div:nth-child(1)
		{
			grid-template-columns: 100%;
			height: 36px;
			background: yellow;
			border-top: none;
		}

		div[tipo='actualizacion_ventas'] > div:nth-child(2)
		{
			grid-template-columns: 60px calc(100% - 60px);
			height: calc(50% - 18px);
			background: purple;
		}

		div[tipo='actualizacion_ventas'] > div:nth-child(3)
		{
			grid-template-columns: 60px calc(100% - 60px);
			height: calc(50% - 18px);
			background: orange;
		}

		div[tipo='actualizacion_ventas'] > div > div
		{
			display: inline-flex;
			width: 100%;
			height: 100%;
			justify-content: center;
			align-items: center;
		}

		div[tipo='actualizacion_ventas'] > div > div > label
		{
			display: inline-flex;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			overflow-y: auto;
			scrollbar-width: thin;
			justify-content: center;
			align-items: center;
			color: var(--negro);
			background: var(--blanco);
		}

		div[tipo='actualizacion_ventas'] > div:nth-child(2) > div > label,
		div[tipo='actualizacion_ventas'] > div:nth-child(3) > div > label
		{
			font-size: 12px;
		}

		div[tipo='actualizacion_ventas'] > div:nth-child(3) > div:nth-child(2) > label
		{
			font-size: 14px ;
			font-weight: bold;
		}

		div[tipo='actualizacion_ventas'] > div:nth-child(2) > div:nth-child(1),
		div[tipo='actualizacion_ventas'] > div:nth-child(3) > div:nth-child(1)
		{
			border-right: 1px solid var(--color-uno);
		}

.card > .total_tickets,
		.card > .venta_individual
		{
			display: inline-flex;

			flex-direction: column;

			align-items: center;

			justify-content: center;

			width: 100%;

			height: 100%;

			justify-content: center;

			align-items: center;


		}

		.card > .total_tickets > label
		{
			display: block;
			width: 100% !important;
			min-width: 100%;
			max-width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			margin: 5px 0px;
			background: var(--blanco);
		}

		.card > .total_tickets > label:nth-child(2)
		{
			height: auto;

			font-size: 35px;

			color: var(--negro);
		}

		


		.card > .venta_individual > div
		{
			display: inline-grid;
			width: 100%;
			height: 23px;
			margin: 0;
			padding: 0;
			border: 1px solid var(--color-uno);
			border-right: none;
			border-left: none;
			border-top: none;
		}

		.card > .venta_individual > div:nth-child(6)
		{
			border-bottom: none;
		}

		.card > .venta_individual > div:nth-child(4)
		{
			height: calc(100% - (23px * 5) );
		}



		.card > .venta_individual > div:nth-child(1)
		{
			grid-template-columns: calc(100% - 20px) 20px;
		}

		.card > .venta_individual > div:nth-child(2)
		{
			grid-template-columns: 60px calc(100% - 60px);
		}

		.card > .venta_individual > div:nth-child(3)
		{
			grid-template-columns: 35px 25px 45px calc(100% - 105px);
		}

		.card > .venta_individual > div:nth-child(4)
		{
			grid-template-columns: 100%;
		}

		.card > .venta_individual > div:nth-child(5)
		{
			
		}

		.card > .venta_individual > div:nth-child(6)
		{
			
		}

		.card > .venta_individual > div:nth-child(7)
		{
			
		}

		.card > .venta_individual > div > div
		{
			display: inline-block;

			width: 100%;

			height: 100%;

			overflow: hidden;
		}

		.card > .venta_individual > div > div > label
		{
			color: var(--negro);

			display: inline-block;

			font-size: 10px;

			text-align: center;

			width: 100%;

			height: 100%;

			line-height: 18px;

			background: var(--blanco);
		}

		.card > .venta_individual > div > div > .color-negro
		{
			color: var(--negro);
		}

		.card > .venta_individual > div:nth-child(4) > div > label
		{
			font-size: 28px;

			line-height: 65px;

			background: var(--color-uno);

			color: var(--blanco);

			font-weight: 300;
		}

		.card > .venta_individual > div:nth-child(2) > div:nth-child(1),
		.card > .venta_individual > div:nth-child(3) > div:nth-child(1),
		.card > .venta_individual > div:nth-child(3) > div:nth-child(2),
		.card > .venta_individual > div:nth-child(3) > div:nth-child(3)
		{
			border-right: 1px solid var(--color-uno);
		}

		.card > .venta_individual > div:nth-child(1) > div:nth-child(2) > label
		{
			background: var(--color-uno);
			color: var(--blanco);
		} 

		.card > .venta_individual > div > div > .color-negro
		{
			color: var(--negro) !important;
			font-weight: bold;
		}

	.filtro_ventas
	{
		width: 100%;
	}

	.filtro_ventas > form
	{
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	
	.filtro_ventas > form > .contenedor_input_ventas
	{
		display: inline-block;
		width: 130px;
		margin: 0px 5px;
		border-radius: 3px;
		border: 1px solid var(--gris-medio);
	}

	.filtro_ventas > form > .contenedor_input_ventas > label,
	.filtro_ventas > form > .contenedor_input_ventas > input,
	.filtro_ventas > form > .contenedor_input_ventas > select
	{
		width: 100%;
		display: inline-flex;
		margin: 0;
		padding: 0;
		justify-content: center;
		align-items: center;
		text-align: center;
		background: var(--blanco);
		border: none;
		border-radius: 0px;
	}

	.filtro_ventas > form > .contenedor_input_ventas > button
	{
		width: 100%;
		display: inline-flex;
		margin: 0;
		padding: 0;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: none;
		border-radius: 0px;
	}

	.filtro_ventas > form > .contenedor_input_ventas > button:hover
	{
		text-decoration: none;
	}

	.filtro_ventas > form > .contenedor_input_ventas > #fecha
	{
		text-align: left !important;
		padding-left: 5px;
	}

	.filtro_ventas > form > .contenedor_input_ventas > label
	{
		color: var(--negro);
	}

	@media screen and (max-width: 600px) /*Tamaño del form center*/
	{
		.filtro_ventas > form > .contenedor_input_ventas
		{
			margin-bottom: 5px;
		}

	}

/* FIN FILTRO MODULO VENTAS  */

.contenedor > .contenido > .sub_contenido > .filtro
{

	display: flex;

	justify-content: center;

	align-items: center;

	height: 40px;

}

.contenedor > .contenido > .sub_contenido > .filtro > form
{

	display: inline-flex;

	align-items: center;

	justify-content: center;

	height: 100%;

	width: auto;

	max-width: 100%;

	margin: 0;

	padding: 0;
}

.contenedor > .contenido > .sub_contenido > .filtro > form > input
{
	margin: 0;
	padding: 0;
}

.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_usuarios"] > input,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_servicios"] > input,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_clientes"] > input,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_motivos"] > input,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_productos"] > input
{
	width: 650px;

	max-width: 100%;

	height: 35px;

	border-radius: 50px;

	border: 1px solid var(--color-uno);

	background-image: url(../image/busqueda.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) center !important;

    padding-left: 15px;
    padding-right: 45px;

    font-weight: bold;
    text-transform: uppercase;

    background: var(--blanco);


}

.contenedor > .contenido > .sub_contenido > .filtro > form > label
{
	width: 650px;

	max-width: 100%;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border-radius: 50px;

	border: 1px solid var(--color-uno);

    padding-left: 15px;
    
    padding-right: 45px;

    font-weight: bold;

    background: var(--blanco);

    color: var(--entrada-texto)
}

.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_mant_disp"] > select
{
	background-position: calc(100% - 30px) center !important;

	text-transform: none;
}

.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_placas"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_chips"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_propietarios"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_saldos"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_clientesSAT"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_formato_serv"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_equipo"] > input::placeholder,
.contenedor > .contenido > .sub_contenido > .filtro > form[tipo="busqueda_tipo_equipo"] > input::placeholder
{
	text-transform: none;
}


/* --- FIN DISEÑO PAGINA PRINCIPAL --- */








/* ----- DISEÑO DEL BANNER DE OPCIONES DE LA PAGINA PRINCIPAL ----- */

.contenedor > .contenido > .sub_contenido > .contenedor_opciones
{


	width: 90%;

	max-width: 1000px;

	background: var(--blanco);

	box-shadow: 4px 4px 12px #aaaa;

	margin: 40px auto;

	border-radius: 5px;

	padding: 20px 10px;

	padding-top: 0px;

	text-align: center;
}

.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .titulo_opciones
{

	margin-bottom: 30px;

	color: var(--color-uno);
}


.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card
{

	display: inline-block;

	background: var(--blanco);

	width: 140px;

	height: 165px;

	border-radius: 5px;

	overflow: hidden;

	border: 1px solid var(--color-uno);

	margin: 0;

	padding: 0;

	box-shadow: 2px 2px 12px var(--color-uno);

	margin-right: 15px;
	
}

.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card:hover
{
	cursor: pointer;
}

.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card:hover > div > img
{
	transform: scale(1.15);
}

.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card > .imagen_opcion,
.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card > .imagen_opcion_placas
{
	display: inline-flex;

	width: 100%;

	height: 140px;

	align-items: center;

	justify-content: center;

}

.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card > .imagen_opcion > img,
.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card > .imagen_opcion_placas > img
{
	width: 60%;

	transition: all 0.2s ease-in-out;
}


.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card > .informacion
{
	display: inline-block;

	width: 100%;

	height: 100%;

	background: var(--color-uno);
}

.contenedor > .contenido > .sub_contenido > .contenedor_opciones > .card > .informacion > h2
{
	display: inline-block;

	text-align: center;

	line-height: 25px;

	width: 100%;

	height: 100%;

	overflow: hidden;

	align-items: center;

	justify-content: center;

	color: var(--blanco);

	font-weight: bold;

	font-size: 14px;
}



/* ----- FIN DISEÑO DEL BANNER DE OPCIONES DE LA PAGINA PRINCIPAL --- */







/* ----- DISEÑO DEL BANNER DE USUARIOS ----- */

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios
{

	width: 90%;

	max-width: 1000px;

	background: var(--blanco);

	background: transparent;

	*box-shadow: 4px 4px 12px #aaaa;

	margin: 40px auto;

	border-radius: 5px;

	padding: 20px 10px;

	padding-bottom: 5px;

	text-align: center;
}


.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card
{

	display: inline-block;

	background: var(--blanco);

	width: 160px;

	height: 188px;

	border-radius: 5px;

	overflow: hidden;

	border: 1px solid var(--color-uno);

	margin: 0;

	padding: 0;

	box-shadow: 2px 2px 12px var(--color-uno);

	margin-right: 15px;

	
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones
{
	display: inline-block;

	width: 100%;

	height: 25px;

	border-bottom: 1px solid var(--color-uno);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > div[tipo="sin_opciones"]
{
	height: calc(188px - 25px);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid
{
	width: 100%;

	height: 100%;

	display: grid;

	margin: 0;

	padding: 0;

	grid-template-columns: repeat(2, 1fr);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div > a
{
	color: var(--color-uno);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="una_opcion"]
{
	grid-template-columns: repeat(1, 1fr);

}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="tres_opciones"]
{
	grid-template-columns: repeat(3, 1fr);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="cuatro_opciones"]
{
	grid-template-columns: repeat(4, 1fr);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div
{
	display: inline-flex;

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	justify-content: center;

	align-items: center;

	transition: all 0.2s ease-in-out;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div:hover
{
	cursor: pointer;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div:nth-child(1),
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="tres_opciones"] > div:nth-child(2),
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="cuatro_opciones"] > div:nth-child(2),
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="cuatro_opciones"] > div:nth-child(3)
{
	border-right: 1px solid var(--color-uno);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="una_opcion"] > div
{
	border-right: 0px !important;
}



.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div > i,
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div > a > i
{
	font-size: 14px;

	color: var(--color-uno);
}


.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div:hover > i,
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > .grid > div:hover > a > i
{
	color: var(--negro);

	cursor: pointer;
}


.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="cuatro_opciones"] > div:nth-child(4) > div,
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .opciones > div[tipo="tres_opciones"] > div:nth-child(3) > div
{
	display: block;

	width: 50%;

	height: calc(100% - 12px);

	border-radius: 3px;

	border: 1px solid var(--color-uno);
}


.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .imagen_opcion
{
	display: block;

	width: 100%;

	height: 100px;

	align-items: center;

	justify-content: center;

	background-image: url("../image/usuario.png");

    background-repeat: no-repeat;

    background-position: center;

    *background-attachment: fixed;

    *background-size: cover;

    background-size: 60px;

    transition: all 0.3s ease-in-out;

}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .imagen_opcion_placas
{
	display: block;

	width: 100%;

	height: 100px;

	align-items: center;

	justify-content: center;

	background-image: url("../image/placa_modulo_placas.png");

    background-repeat: no-repeat;

    background-position: center;

    *background-attachment: fixed;

    *background-size: cover;

    background-size: 60px;

    transition: all 0.3s ease-in-out;

}


.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='agregar_nuevo']
{
	background-image: url("../image/nuevo_registro.png");
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='atras']
{
	background-image: url("../image/atras.png") !important;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='actualizar']
{
	background-image: url("../image/actualizar.png") !important;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='registro_servicio']
{
	background-image: url("../image/servicio_registro.png") !important;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='registro_cliente']
{
	background-image: url("../image/cliente_registro.png") !important;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='registro_motivo']
{
	background-image: url("../image/motivo_registro.png") !important;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='sin_resultados']
{
	background-image: url("../image/sin_resultados.png") !important;
}




.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > div[tipo='registro_producto'] > label
{
	display: inline-block;
	text-align: justify;
	width: 100%;
	height: 100%;
	background: var(--blanco);
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	border: none;
	overflow: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	color: var(--entrada-texto);
}



.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .imagen_opcion > img,
.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .imagen_opcion_placas > img
{
	height: 60%;

	transition: all 0.2s ease-in-out;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion
{
	
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion > label
{
	display: block;

	width: 100%;

	margin: 0px !important;

	overflow-y: auto;

	-ms-overflow-style:  thin;

    scrollbar-width:  thin;

    margin: 0;

    padding: 0;

    background: transparent;

}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion > label:nth-child(1)
{
	height: 24px !important;

	padding-bottom: 1px !important;

	font-size: 13px;

	margin-bottom: 5px !important;

	margin-top: 9px !important;

	font-weight: bold;

	color: var(--negro);
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion > label:nth-child(2)
{
	font-size: 11px;

	height: 22px !important;

	padding-bottom: 1px !important;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;
}

/*

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion > label
{
	width: 100%;

	height: 27px;

	overflow-y: auto;

	-ms-overflow-style:  thin;

    scrollbar-width:  thin;

    margin: 0;

    padding: 0;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background: transparent;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion > label:nth-child(1)
{
	margin-bottom: 5px;

	font-size: 13px;

	color: var(--negro);

	font-weight: bold;

	width: 100%;

	word-wrap: break-word;

	display: block;

	height: 28px;
}

.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .informacion > label:nth-child(2)
{
	font-size: 11px;

	width: 100%;

	word-wrap: break-word;

	display: block;

	height: 25px;
}*/

	/* ESTILOS TARJETAS DE LAS PLACAS */

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas
	{
		display: inline-block;

		width: 100%;

		height: calc(100% - 26px) !important;

		min-height: calc(100% - 26px) !important;

		max-height: calc(100% - 26px) !important;

		padding: 0;

		margin: 0;

		overflow: hidden;

	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > div
	{
		display: grid;

		width: 100%;

		height: calc(100% / 7);
		
		padding: 0;
		margin: 0;

		position: relative;

	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .uno
	{
		grid-template-columns: 100%;
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .dos
	{
		grid-template-columns: 50px calc(100% - 50px);

	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres
	{
		grid-template-columns: 75px 45px calc(100% - 120px);

	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > div > div
	{
		display: inline-block;
		
		width: 100%;

		height: 100%;

		max-height: 100%;

		position: absolute;

	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > div:nth-child(1) > div > label
	{
		font-weight: bold;
		border-top: none;
		font-size: 13px;
		color: var(--negro);

		padding-top: 1px;
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .dos > div:nth-child(1)
	{
		width: 50px;
		
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .dos > div:nth-child(1) > label
	{
		display: flex;
		align-items: center;
		justify-content: left !important;
		text-align: left !important;
		font-size: 10px;
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .dos > div:nth-child(2)
	{
		width: calc(100% - 50px);
		margin-left: 50px;
	}









	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres > div:nth-child(1)
	{
		width: 75px;
		
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres > div:nth-child(1) > label
	{
		display: flex;
		align-items: center;
		justify-content: left !important;
		text-align: left !important;
		font-size: 10px;
		border-right: 1px solid var(--color-uno);
		justify-content: center !important;
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres > div:nth-child(2)
	{
		width: 45px;
		margin-left: 75px;
		
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres > div:nth-child(2) > label
	{
		display: flex;
		align-items: center;
		justify-content: right !important;
		text-align: left !important;
		font-size: 10px;
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres > div:nth-child(3)
	{
		width: calc(100% - 120px);
		margin-left: 120px;
		
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .tres > div:nth-child(3) > label
	{
		display: flex;
		align-items: center;
		justify-content: left !important;
		text-align: left !important;
		font-size: 10px;
	}

	






	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > div > div > label
	{
		display: block;

	
      	
    
      	width: 100%;
      	height: 100%;


      	align-items: center;
      	padding: 0;
      	padding-left: 3px;
     	padding-right: 3px;
     	font-size: 11.5px;

     	overflow-y: auto;

		-ms-overflow-style:  thin;

	    scrollbar-width:  thin;

	    justify-content: center;

	    background: transparent;

	    border-top: 1px solid var(--color-uno);


	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > .dos > div:nth-child(1) > label
	{
		border-right: 1px solid var(--color-uno);
	}

	.contenedor > .contenido > .sub_contenido > .contenedor_usuarios > .card > .info_placas > div:nth-child(7)
	{
		height: 23px;

		font-weight: bold;
	}

	

	/* FIN ESTILOS TARJETAS DE LAS PLACAS */





	/* TABLA CONSTANCIA DE SITUACION FISCAL */

	.tabla_sat
	{
		width: 100%;

		height: auto;

		margin: 0;

		padding: 0;
	}

	.tabla_sat > .titulo
	{

		display: inline-flex;

		width: 100%;

		height: 20px;

		justify-content: center;

		align-items: center;

		background: var(--gris-fuerte);

		color: var(--blanco);

		font-weight: bold;

		margin: 0;

		padding: 0;

		font-size: 12px;

		margin-top: 5px;

		border: 1px solid var(--negro);

		border-radius: 2px;
	}

	.tabla_sat > div[tipo="subtitulo"]
	{
		background: var(--gris-bajito);
		color: var(--negro);
		justify-content: left;
		padding-left: 2px;
	}

	.tabla_sat > .seccion_1
	{
		margin-top: 5px;
		margin-bottom: 15px;
		width: 100%;
		height: 100px;
		overflow: hidden;
		display: grid;
		grid-template-columns: 100px calc(100% - 100px);
	}

	.tabla_sat > .seccion_1 > div
	{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
		flex-direction: column;
		border: 1px solid var(--negro);
	}

	.tabla_sat > .seccion_1 > div:nth-child(1)
	{
		border-right: none;

		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.tabla_sat > .seccion_1 > div:nth-child(2)
	{
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}

	.tabla_sat > .seccion_1 > div > img
	{
		width: 100%;
		height: 100%;
	}

	.tabla_sat > .seccion_1 > div > div
	{
		width: 100%;
		height: 44px;
		overflow: hidden;
		margin-bottom: 3px;
	}

	.tabla_sat > .seccion_1 > div > div:nth-child(2)
	{
		margin-bottom: 0px;
	}

	.tabla_sat > .seccion_1 > div > div > div
	{
		width: 100%;
		height: 50%;
		font-size: 12px;
		overflow: hidden;
		overflow-y: auto;
		scrollbar-width: thin;
		font-weight: bold;
		padding-bottom: 1px;
	}


	.tabla_sat > .seccion_1 > div > div > div:nth-child(2)
	{
		color: var(--gris-fuerte);
	}



	.tabla_sat > .grid
	{
		display: grid;
	}

	.tabla_sat > div[tipo="datos"]
	{
		margin-top: 2px;
		grid-template-columns: 100px calc(100% - 100px);
	}

	.tabla_sat > div[tipo="datos"] > div
	{
		display: flex;

		width: 100%;

		height: 20px;

		font-size: 12px;

		color: var(--negro);

	}

	.tabla_sat > div[tipo="datos"] > div:nth-child(1)
	{
		font-weight: bold;
	}

	.tabla_sat > div[tipo="datos"] > div:nth-child(2)
	{
		text-align: left;

		justify-content: left;

		overflow-y: auto;

		scrollbar-width: thin;

		justify-content: left !important;
	}

	.tabla_sat > div[tipo="regimenes"]
	{
		margin-top: 2px;
		grid-template-columns: repeat(1, 100%);
	}

	.tabla_sat > div[tipo="regimenes"] > div
	{
		display: flex;

		width: 100%;

		height: 20px;

		font-size: 12px;

		color: var(--negro);
	}

	.tabla_sat > div[tipo="regimenes"] > div:nth-child(1)
	{
		text-align: left;

		justify-content: left;

		overflow-y: auto;

		scrollbar-width: thin;

		justify-content: left !important;
	}


	/* FIN TABLA CONTANCIAS DE SITUACION FISCAL */






/* --- FIN DISEÑO DEL BANNER DE ARCHIVOS --- */








@media screen and (max-width: 580px) /*Tamaño del form center*/
{
    .alerta
    {
        align-items: flex-end;
    }
    .contenedor_mensaje
    {
        width: 90%;

    }

}

@media screen and (max-height: 220px)
{
    .alerta
    {
        display: block;
        text-align: center;
    }

}

@media (max-height: 610px) 
{

	.ventana_modal > form
	{
		height: calc(100% - 10px);
	}
}

@media (max-height: 590px) 
{
	.contenedor > .contenido > form
	{

		top: 0;

		left: 0;

		position: relative;

		transform: translateX(0%) translateY(0%);

		margin: 10px auto !important;

	}
}

@media (max-width: 200px)
{
	.contenedor > .contenido,
	.contenedor > .header > img,
	.ventana_modal
	{
		display: none;
	}
} 



@media (max-height: 280px) 
{
	.contenedor > .contenido,
	.ventana_modal,
	.alerta
	{
		display: none;
	}
}

@media (max-height: 75px)
{
	.contenedor > .footer
	{
		display: none;
	}
}