body{font-family: 'Inter', sans-serif !important; overflow-wrap: break-word !important;}
.w700{font-weight:700;}
.w900{font-weight:900;}
.title-list{font-size:1.5em;}
.featured{font-weight:700;font-size:1.5em;}
.results{font-variant: small-caps;font-size:1.5em;}
.query{color: #5c0d3e;}
.error{font-size:28px;}
::-moz-selection { /* codigo para Firefox */
  color: #fff;
  background: #3b3b3b;
}
::selection{
	color: #fff;
	background: #3b3b3b;
}
#skipmaincontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
#skipmaincontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}
.navbar {    
  background: #2C3E50;
  .navbar-nav li a {
    color: #eee;
    &:hover, &:focus, &:active {
      color: #18BC9C;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
  }
}
.dropdown-item{
    color:#000 !important;
    &:hover, &:focus, &:active {
      background-color: #18BC9C !important;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
}
.footer-divide{
    border: 1px solid #18BC9C !important;
}
caption {padding-bottom: 5px;padding-left:5px;font-size: 14pt;font-weight: bold;color:#000000;}
    table {font-size: 14pt;color:#000000;border-collapse: collapse;border: 3px solid #CCCCCC;margin: 2px auto;}
    tr{border-bottom: 2px solid #EEEEEE;}
    th{border-left: 2px solid #EEEEEE;border-right: 2px solid #EEEEEE;padding: 12px 15px;border-collapse: collapse;}
    th[scope="col"]{background-color: #ffffee;}
    th[scope="row"]{background-color: #f0fcff;text-align:left;}
    td{border-left: 2px solid #EEEEEE;border-right: 2px solid #EEEEEE;padding: 12px 15px;border-collapse:collapse;
    	/* alinear celdas numericas a la derecha para facilitar lectura*/
        text-align:right;
    }
#container, #container2{
    height:600px;
}
.custom-select {
    width: 150px !important;
}
.custom-select-sm {
    max-width: 250px; /* Ajusta el valor según tus necesidades */
    width: auto; /* Esto permite que el ancho se ajuste automáticamente al contenido seleccionado */
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px; /* Set the fixed height of the footer here */
  /*line-height: 60px; Vertically center the text there */
  background-color: #fff;
  color:#000;
}

.main{
    margin-bottom:200px;
}