:root {
	--main-color: red;
	--head-color: #d6d4da;
	--menu-color: #c8c8c6;
	--logo-color: #d5c211;
	--gris-color: #EDEBEA;
  }

input:invalid+span:after {
	content: '✖';
	padding-left: 5px;
  }
  
input:valid+span:after {
	content: '✓';
	padding-left: 5px;
  }

body {
	background: #fff;
	font-family: 'Raleway';
}

li {
	font-size:14px;
}

/* Set the size of the div element that contains the map */
#map {
	height: 400px;
	/* The height is 400 pixels */
	width: 100%;
	/* The width is the width of the web page */
  }

  .container {
	min-height:380px;
}

table.dataTable td, th {
	font-size: 12px;
	border-bottom: 1px solid #bbb3b0;
  }

.dataTables_wrapper { 
	font-size:12px}

.contenedor {
 
  height: auto;
  display: flex !important; 
  flex-wrap: wrap;
  
}

.fondoGeneral {
	background:linear-gradient( #e9b664 , #fefdfd);
}

.sombra {
	box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.17);
}

.botoncito {
	box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.17);
	width:32px;
	border-radius:1px;
}

.botonGuardar {
	
	font-family: Poppins, sans-serif;
	color:white;
	box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.12);
	border:1px solid var(--main-color);
	font-size: 12px;
	border-radius:1px;
	width:6rem;
	margin-right:10px;
	background: var(--main-color);
}

.botonGuardar:hover {
	background-color:rgb(126, 11, 11);
	border:1px solid rgb(126, 11, 11);
	color: white;
	transition: 0.7s;
	
}

.botonRegresar {

	font-family: Poppins, sans-serif;
	color:white;
	border:1px solid rgb(152, 149, 149);
	background-color: rgb(152, 149, 149);
	font-size: 12px;
	border-radius:1px;
	width:6rem;
	margin-right:10px;
	box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.12);
}

.botonRegresar:hover {
	background-color:rgb(71, 70, 70);
	border:1px solid rgb(71, 70, 70);
	color: white;
	transition: 0.7s;
}

.card {
    border:solid 1px rgb(184, 181, 181); 
    border-radius: 0px;
}

.card .card-header {
	
    border-radius: 0px;
	background-color: red;
}

.stroke {
	-webkit-text-fill-color: white;
	-webkit-text-stroke: 1px black;
	
	}

.strokeRed {
	-webkit-text-fill-color: red;
	-webkit-text-stroke: 1px black;
	
	}

@keyframes entradaTitulo {
	from {
		opacity: 0;
		transform: translateY(-25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes entradaSubtitulo {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}