html, body {
	font-family: 'Nunito Sans', sans-serif !important;
}

#btnVerGraficas {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0px rgba(255, 193, 7, 0.7); }
  50% { box-shadow: 0 0 10px 5px rgba(255, 193, 7, 0.5); }
}

.leyenda {
  position: absolute;
  top: 10px;
  left: 50px;
  z-index: 1000;
  background: white;
  padding: 10px 15px;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
  font-size: 14px;
  line-height: 1.4;
}
.leyenda h5 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
}
.leyenda div {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}
.leyenda span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #333;
}
.barra-inferior {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #007bff; /* Color primary de Bootstrap 4 */
    z-index: 1030;
}

.mapa-container {
    text-align: center;
    overflow: hidden;
    cursor: move;
    position: relative;
}
.mapaGenerico, .pantalla-completa{
	height: 95vh;
}
.text-magenta {
  	color: #d9007e;
}
.mapaGenerico path{
	fill: rgba(0,0,0,0);
	stroke : #171814;
	stroke-width: 1px;
}
.mapaGenerico path:hover{
	stroke-width: 3px;
	fill: rgba(23,24,20,0.2);
}
.autoscroll{
	height: 75vh;
  	overflow-y: scroll;
}
#previewExcel {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 400px;
    border: 1px solid #dee2e6;
    padding: 10px;
}

#previewExcel table {
    min-width: 1000px; /* asegura scroll horizontal si muchas columnas */
}
.row{
	padding: 0;
	margin: 0;
}
.contCanvas{
	width: 450px;
	margin: 0 auto;
	max-width: 450px;
}
.bordeMenu{
	border-bottom: 5px solid #dee2e6;
}
.bordeSeparador{
	padding-bottom: 5px;
	border-bottom: 4px solid #c38ea9;
	margin-bottom: 5px;
}
.cursorManita{
	cursor: pointer;
}
.tablaSolictudes > div, .tablaReportes{
	height: 400px;
	overflow-x:auto;
	overflow-y:scroll;
	/*white-space:nowrap;*/
	width: 100%;
}
.table thead tr th{
	background: #171814 !important;
	color: white !important;
	position: sticky;
    top: 0;
    z-index: 10;
}
.table{
	color: black !important;
}
.bg-gris{
	background: #c0c0c0;
}
.menuSecundario{
	background: #563d7c;
}
.menuSecundario button, .menuSecundario a{
	margin-top: 10px;
	margin-bottom: 10px;
}
.separador{
	background: #d8008b;
}
.card{
	box-shadow: 2px 2px 4px #9e9e9e;
}
.sombra{
	box-shadow: 2px 2px 4px #9e9e9e;
}
input[type=number], input[type=email], input[type=password], input[type=text], .tipoSelector, .selectGenerico{
	height: 45px !important;
	background: #f2f4f8 !important;
	border: none;
}
.card-header{
	background: #f7f7f7 !important;
}
input[type=number]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=text]:disabled, .tipoSelector:disabled, .selectGenerico:disabled{
	background: #DCDCDC !important;
}
.tipoSelector option, .selectGenerico option{
	font-size: 1.1em;
}

.select2-container .select2-selection--multiple {
    min-height: 45px; /* o el valor que necesites */
}

.bordeMenu{
	border-bottom: 5px solid #dee2e6;
}
.menuSolicitudDetalles{
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
}
.custom-file-input ~ .custom-file-label::after {
    content: "Cargar";
}
.centrado{
	text-align: center !important; 
}
.pm{
	display: none;
}
.ocultar {
    display: none;
}
.mostrar {
    display: block;
}
input[type=number]{ 
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  -o-appearance: textfield !important;
  appearance: textfield !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
	margin: 0;
}

a, a:hover{
	text-decoration: none !important;
}
.menuPrincipal, button{
	margin-top: 12px;
	margin-bottom: 8px;
}
.navPrincipal li{
	text-align: center;
	color: #788288;
}
.navPrincipal li a, .menuPrincipal svg{
	color: #788288;
}
.imgCreditos{
	width: 80%;
	min-width: 80%;
}
.imgfooder{
	width: 20%;
	min-width: 20%;
	margin: 10px 30px;
	padding: 0;
}
.margin0{
	margin: 0;
	padding-right: 10px;
	padding-left: 20px;
}
.filaImagenes button, a{
	margin: 0;
	font-size: 1.5em;
}
.textoFooder2 a{
	color: #788288 !important;
}
.filaImagenes button:hover, .filaImagenes a:hover{
	color: white;
	font-size: 1.6em;
}
.bannerSCredito, .bannerComercial{
	font-size: 3.5em;
	background: #ff6800;
	color: white;
	font-weight: bold;
	padding: 50px;
	text-align: center;
}
.bannerSCredito a{
	margin: 0 auto;
	width: 145px;
	border-radius: 5em;
	background: #d90a8f;
	text-decoration: none;
	font-size: .55em;
}
.bannerComercial{
	background: #ac1db0 !important;
}
.bannerContacto{
	background: #d8008b;
	color: white;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.redesSocialesIconos{
	padding-top: 25px;
	color: #727d83;
	font-weight: bold;
	padding-left: 5px;
}
.textoFooder1{
	color: #727d83;
	padding-top: 15px;
	font-size: .70em;
}
.textoFooder2{
	padding-top: 5px;
	font-size: .70em;
	color: #727d83;
	padding-bottom: 25px;
}
.fondoAzul{
	background: #00ade0;
	color: white !important;
	border-radius: 5px;
	text-decoration: none;
}
.fondoAmarillo{
	background: #f1c55f;
	color: white !important;
	border-radius: 5px;
	text-decoration: none;
}
.paddingAl40{
	padding-top: 12%;
	padding-bottom: 10%;
}
.paddingtop35px{
	padding-top: 35px;
}
.paddingtop15px{
	padding-top: 15px;
}
.paddingBottom35px{
	padding-bottom: 35px;
}
.avisoPrincipal{
	text-align: center;
	border-radius: 5px;
	padding-top: 50px;
	padding-bottom: 35px;
}
.avisoPrincipal{
	color: white;
}
.colorPasosCredito{
	color: #d8008b;
}
.active{
	background: #81C784 !important;
}
.bg-f3ebde, .card-header, #sidebarCollapse{
	background: #f3ebde !important;
}
.pasosCredito{
	background: white;
	color: #d8008b;
	padding-top: 35px;
	padding-bottom : 35px;
}
.menufixed{
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
	opacity: 0.99;
}
.section-margin{
	margin-top: 95px;
}
.section-margin-sesion{
	margin-top: 125px;
}
.btnRojo{
	background: #eb2038 !important;
}
#caroselFooder{
	display: none;
}

/* Colores Background */
.credito1{
	background: #002197;
}
.credito2{
	background: #f75800;
}
.credito3{
	background: #00a27e;
}
.credito4{
	background: #9d17a0;
}
.credito5{
	background: #6db942;
}
.credito6{
	background: #00a2db;
}
.credito7{
	background: #009b4e;
}
.credito8{
	background: #21b3a0;
}
.credito9{
	background: #90179a;
}
.credito10{
	background: #00a6dd;
}
.credito11{
	background: #aa1cac;
}
.credito12{
	background: #0024a0;
}
.backBanner{
	background: #af1eb2;
}
.colorRosa{
	color: #d8008b !important;
}
.avisoPrivacidad{
	color: #788288;
}
/* Fin de background color*/
@media only screen and (max-width: 992px) {
	#imgsFooder{
		display: none;
	}
	#caroselFooder{
  		display: block;
  	}
}
@media only screen and (max-width: 1200px) {
  	.navPrincipal li{
		width: 100%;
	}
}