html {
  font-size: 1rem;
}


@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

input[type=text], select {
  padding: 8px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=password], select {

  padding: 8px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=submit] {

  background-color: #0A0C5F;
  color: white;
  padding: 8px 10px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #D61316;
}

.color{
	color: white;
}
.color2{
	background-color: #295ba7;
}
.slider{
	background: url("../imagenes/header-bg.jpg");
	height: 100vh;
	background-size: cover;
	background-position: center;
}


.borde1{border: 1px #800 solid; text-align: center; height: 2000px;}
.borde2{border: 1px #800 solid; text-align: center; height: 50px;}

.index-1{border: 1px; height: 700px}
.index-2{border: 1px; background: #295ba7; height: 100px}


.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}

.redondeado{
	padding: 5px;
	/*background-color: #E8E7E3;*/
        background-color: #475076;
        color: white;
	border-radius: 5px;
	position: relative;
	top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
        border: 2px solid #D3D3D3;
	font-size: 0.75rem;
}
  
.boton2{
        background-color: #0A0C5F;
        color: white;
        padding: 8px 10px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
}

.contenedor{
    color: #181818;
    background-color: #FBF9F9;
    border-radius: 5px;
    border: 2px solid #D3D3D3;

    font-size: 0.75rem;
}
       
        
table th {
    color: #181818;
    background-color: #BEBEBB;
    padding: 5px;
}
table{
	padding: 5px;
	font-size: 1rem;
}
.tableMin{
	padding: 5px;
	font-size: 0.75rem;
}
.thMin{
	padding: 5px;
	font-size: 0.75rem;
}
.fijo {
	position: fixed;
}

.fondoDrop {
	background-color: #295ba7;
	font-size: 0.75rem;
}

/**********************************************************/
.container2{

}

.grid-Index{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
    margin: 35px 0;
}
.grid-Index-elemento1{
    grid-column: 1/7;
}
.grid-Index-elemento2{
    grid-column: 1/5;
}
.grid-Index-elemento3{
    grid-column: 5/7;
}
.grid-VuelosActivos{
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    gap: 25px;
    margin: 35px 0;

}
.grid-VuelosActivos-elemento1{
    background: #BEBEBB;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    background-color: #475076;
    grid-column: 1/17;
}