.modal-backdrop.show {
	z-index: 10!important;
}

#menuModulos
{
	z-index: 100!important;
}

.d-flex.align-items-center > ul > li {
	margin: 0px 10px;
}

.dropdown-imP::after
{
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.dropdown-imP::marker
{
	content: "";
}

.nav-dropdown
{
	position: absolute;
	z-index: 1000;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	inset: 15px 0px auto auto;
	transform: translate(-16px, 24px);
}

 

.h2 {
	margin:2px;
	text-shadow: -2px -2px 4px #AB3032;
	text-align: center;
}

.button
{
	width: 100%;
	color: #fff;
	background-color: #1bbcd6;
	margin: 5px 0px;
	border: none;
	cursor: pointer;
	height: 30px;
}

a.button
{
	text-decoration: none;
	display: inherit;
	color: white!important;
}

button:hover
{
	background-color: #42b3f5;
}

.button:active {
	border: 1px solid #2699ff;
  }

.popup-cerrar 
{
	position: absolute;
	top:3px;
	right:3px;
	background-color: #333;
	padding:7px 10px;
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
	color:#fff;
	width: 25px;
	border-radius:20px;
}

.cuadricula
{
	display: grid;
}

.t2 
{
	grid-template-columns: auto auto;
}

.t3 
{
	grid-template-columns: auto auto auto;
}	

.t4 
{
	grid-template-columns: auto auto auto auto;
}

.t5 
{
	grid-template-columns: auto auto auto auto auto;
}

.t6 
{
	grid-template-columns: auto auto auto auto auto auto;
}

.t8 
{
	grid-template-columns: auto auto auto auto auto auto auto auto auto;
}

.t9 
{
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
}

.t10 
{
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
}

.cuadriculas 
{
	font-size: 14px;
	display: grid;
	color: #fff;
	grid-gap: 1px;
	grid-template-columns: auto auto;
	grid-auto-rows: 35px;
	max-width: 800px;
	margin: auto;
}	


.head
{
	padding: 5px;
	background: linear-gradient(to bottom, #2c539e 0%,#2c539e 100%);
	color:#ffff;
}

.qdlocales 
{
	font-size: 14px;
	display: grid;
	color: #333;
	grid-gap: 1px;
	grid-template-columns: 1.8fr 6.5fr 1.8fr 1.8fr;
	grid-auto-rows: 30px;
	max-width: 800px;
	margin: auto;
}

.qdadmin_pagos 
{
	font-size: 14px;
	display: grid;
	color: #333;
	grid-gap: 1px;
	grid-template-columns: 5fr 1.9fr 2.2fr 1.7fr ;
	grid-auto-rows: auto;
	max-width: 800px;
	margin: auto;
}

.collapse-menu
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
	overflow: auto;
}

.collapse-menu > div
{
	position: absolute;
	width: 100%;
	
	overflow: auto;
}

@media only screen and (max-width: 690px) {
	.acom{
		width: 10%;
	}

	.princ{
		width: 100%;		
	}

	.photo1{
		width: 100%;	
	}

	.descripcion{
		width: 100%;
		text-align: center;
	}
	.descripcion1{
		width: 100%;
		height:250px;
		text-align: center;
	}

	.dop{
		width:100%;		
	}

	.button1{
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		width: 30%;
		color: #fff;
		background-color:#009bd2;
		padding: 6px;
		margin: 10px 0px 10px 0px;
		cursor: pointer;
		height: 30px;
		text-align: right;
	}

	.lign{
		margin-left:auto; 
		margin-top:15px; 
		border-color:#1A1A1A; 
		width: 55%;
		text-align: center;
	}

	.collapse-menu > div
	{
		height: 100%;
	}

}

@media only screen and (min-width: 1201px) {



}

@media only screen and (min-width: 481px) and (max-width: 1200px) {


}

@media only screen and (max-width: 480px) {

	.form_space
	{
		grid-auto-rows: 80px;
	}

	
}




@media only screen and (max-width: 400px) {
	.campo
	{
		width: 170px;
	}
		
	.div_camp1 
	{
		float: none;
		text-align: center;
		margin-left: 25%;
		height: 50px;
		margin-bottom: 20px;
		margin-top: 25px;
		width: 50%;
	}

	.camp_file
	{
	
		margin-top:10px;
	
		margin-left: 17%;
	}

	.env_temp{
		margin-top: 230px;
	}

}

.modal
{
	display: block;
	position: fixed;
	z-index: 1000;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.ventana
{
	color: black!important;
    border-radius: 2px;
    border: none;
    background-color: white;
    width: 100%;
    max-width: 650px;
    text-align: center;
    padding: 25px;
    min-height: 300px;
	max-height: 500px;
	overflow: auto;
    display: none;
    -webkit-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 40px 20px rgb(0 0 0 / 75%);
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    margin-top: 50px;
}

.ventana1 {
	color: black;
	border-radius: 2px;
	border: none;
	background-color: white;
	width: 100%;
	max-width: 650px;
	text-align: center;
	padding: 25px;
	
	/* Centrado vertical y horizontal */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	/* Sombra */
	-webkit-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.75);
	
	/* Asegura que sea visible en la pantalla */
	z-index: 1000;
	
	/* Ajustes responsivos */
	margin: 0;
	box-sizing: border-box;
	display: block;
}


.aceptar_ventana
{
	border-top: 1px;
	border-color: black;
	left: 0px;
	right: 0px;
	bottom: 10px;
	width:100%;
}

#cont_msg
{
	text-align: center;
	font-size: 21px;
	padding: 30px 0px;
}

.click 
{
	cursor: pointer;
}

/*
canvas {
	1background-color: white;
	1border-bottom: 1px solid;
}*/ 

.line1{
	color: black;
	background-color: white;
}



.line2{
	color: #000;
	background-color: lavender;
}

.line1:hover,.line2:hover
{
  background-color: #d5d5f5;
}

.button_close 
{
	background-color: #1bbcd6;
	color: white !important;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	z-index: 10;
	height: 25px;
	border: 1px solid white;
}

/*------------------------------- Toast -------------------------*/

.snackbar1 {
	visibility: hidden;
	min-width: 250px;
	max-width: 90%; /* Limita el ancho máximo */
	width: fit-content; /* Se ajusta al contenido */
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 30;
	left: 50%; /* Centra horizontalmente */
	transform: translateX(-50%); /* Corrige el centrado */
	bottom: 30px;
	font-size: 17px;
	box-sizing: border-box;
	word-wrap: break-word; /* Rompe palabras largas */
	overflow-wrap: break-word; /* Alternativa para mayor compatibilidad */
  }
  
  @media screen and (max-width: 600px) {
	.snackbar1 {
	  width: calc(100% - 40px); /* Ancho responsivo con márgenes */
	  margin: 0 20px; /* Márgenes laterales */
	}
  }
  
.snackbar1.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;} 
to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;} 
to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}


/*----------------------Modales--------------------------*/
.modalModulos 
{
	width: 100%;
	display: flex;
    flex-direction: column;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.contentModalModul
{
	width: 100%;
	overflow: auto;
	padding: 0px 25px;
	flex: 1;
	overflow-y: auto;
	position: relative;
}

.back-light
{
	color: #000;
	background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%);
	background-color: white;
}

.back-black
{
	color: white;
	background: linear-gradient(90deg, rgba(190, 51, 255, 0.09), rgba(77, 61, 255, 0.11));
	background-color: white;
}

.chips
{
	background-color: #512da8;
	color: white;
	padding: 5px;
	margin: 5px;
	border-radius: 3px;
}

.buttonModalClose{
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: right;
	height: 25px;
	left: 0px;
	background: linear-gradient(to bottom, #2c539e 0%,#2c539e 100%);
	color: white;
	cursor: pointer;
}

.buttonModalClose>label
{
	width: 35px;
	cursor:pointer;
}

.buttonModalClose:hover {
	background: #1bbcd6;
  }