body{
    background: #DBDBDB;
    font-family: Arial, Helvetica, sans-serif;
}
 
#main-container{
    /* margin: 20px auto;
    width: 950px; */
    width: 100%;
    padding: 20px 20px;
    position: relataive;
    display: inline-table;
    align-self: center;

  
}
#tablita{
    margin: 20px auto;
    width: max-content;
    /* align-items: center; */
}
/* #datos{
    margin: 20px auto;
    width: 950px;
    align-items: center;
} */
.apat{
    padding-left: 20px;
}
 
.form_warp{
    height: auto;
    width: 1050px;
    margin: 50px auto;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    align-items: center;
}
.form_warp h1{
    margin-bottom: 20px;
    text-align: center;
}

#caja_busqueda{
    text-align: left;
    font-family: 'Ubuntu';
    padding: 0 2.5em 0 0.6em;
    font-size: 25px;
    font-weight: 400;
    margin-right: 10%;
}


table{
    background-color: white;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}


th, td{
    padding: 20px;
}
thead{
    background-color: #073b66;
    border-bottom: solid 5px #040b13;
    color:  white;
}
tr:nth-child(even){
    background-color: #ddd;
}

tr:hover td{
    background-color: #1b5a8d;
    color: white;
}

.inicio{
    display: inline-block;
    border-radius: 35px;
    align-content: flex-end;
    padding: 10px 30px;
    background: #4091ec;
    text-decoration: none;
    color: #e5ff00;
    text-align: right;

 
}

.inicio:hover{
    background: #1b5a8d;
}
.color{
    width: 120px;
    background: #4091ec;
    margin-left: 20px;
    border: none;
    border-radius: 25px;
    color: #ffffff;
    font-family: 'Open sans';
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    padding: 10px 30px;
    text-decoration: none;
    align-self: flex-end;
    margin-left: 80%;

}