/* Reset Css */

    *{
        padding: 0;
        margin: 0;
        box-sizing: border-box;

    }
    body{
        font-family: Georgia, 'Times New Roman', Times, serif;
        margin: 0;
    }
    a{
        text-decoration: none;
        color:rgb(39, 25, 228);
    }
    nav a{
        font-weight: 600;
        padding-right: 10;
        margin-right: 40px;
    }
    nav a:hover{
        color:lawngreen;
    }

    header{
        display: flex;
        background: #f9f4f4; 
        justify-content: space-between;  
        min-height: 105px;
        align-items: center;
        padding: 10px;
    }
    .logo{
        display: flex;
        align-items: center;
    }
    .logo img {
        height: 100px;
    }
    @media (max-width:700px){
        header{
            flex-direction: column;
        }
        nav{
            padding: 10px 0px;
        }
    }

    .container{
        width: 100%;
        min-height: 50vh;
        padding: 5%;
        background-image: linear-gradient(rgba(0, 8, 51, 0.9), #bc895a), url("images/logo-07.png");
        
        background-position: center;
        background-size: cover;
        /*display:  list-item;*/
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        align-items: center;
        justify-content: center;
        display: grid;
        place-content: center;
        gap: 20px;
    }
    .search-bar{
        width: 100%;
        max-width: 700px;
        background: rgb(255, 255, 255);
        display: flex;
        align-items: center;
        border-radius: 60px;
        padding: 10px 20px;
    }
    .search-bar input {
        background-color: transparent;
        flex: 1;
        border: 0;
        outline: none;
        padding: 24px 20px;
        font-size: 20px;
        color: #000000;

    }
    ::placeholder{
        color: black;
    }
    .search-bar img{
        width: 25px;
    }
    .search-bar button{
        border: 0;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        background: #6b6c6c;
        cursor: pointer;
    }
    @media (max-width:700px){
        .search-bar input  {
            width: 150px;        
        }
    }
    .table-striped{
        width: 100%;
        max-width: 750PX;
        color:#f9f4f4;
        font-size: 14;
        table-layout: fixed;
    /* border-collapse: collapse;*/
    /* display:list-item;*/
        align-items: center;    
        border-radius: 10px;
    /* padding: 10px 20px;    */ 
        position: relative;
    }
    thead {
        background: #6b6c6c;
    }
    th {
        padding: 20px 15px;
        font-weight: 700;
        text-transform: uppercase;
    }
    td {
        padding: 15px;
        border-bottom: solid 1px ;
    }
    tbody tr{
        cursor: pointer;
    }
    tbody tr :hover{
        background: #67b0e0;
    }
    .accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }
    
    .active, .accordion:hover {
        background-color: #ccc;
    }
    
    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }
    
    .active:after {
        content: "\2212";
    }
    
    .panel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    /*
    .btn-success{
        padding: 15px 15px;
        margin-top: 30px;
        margin-left: 30px;
        background-color: rgba(165, 174, 223, 0.9);
        border-radius: 5px;
        border: none;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
    }
   
*/
            .modal-content{
                width: 350px;
                height: auto;
                padding: 10px;
                border-radius: 10px;
                background-color: #ffffff2b;
                text-align: center;
            }
            /*
            .table-resumen{
            position: absolute; 
            top: 0;
            left: 0;
            width: 100vw;
            min-height: 100vw;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(165, 174, 223, 0.9);
            z-index: 1;
            visibility: hidden;
   
        }   
        */
        /*
        .table-resumen{
            width: 100%;
            max-width: 750PX;
            color:#f9f4f4;
            font-size: 14;
            table-layout: fixed;
            border-collapse: collapse;
            display:list-item;
            align-items: center;    
            border-radius: 10px;
         padding: 10px 20px;     
            position: relative;    
            visibility: "";
        }
        */

        .modal-content h2 {
            font-size: 25px;
            font-weight: 500;
        }
        .modal-content p{
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 30px;
        }
        .close{
            width: 100%;
            height: 30px;
            line-height: 50px;
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0.9);
            cursor: pointer;
        }
        .close p{
            color: #fff;
            font-weight: 400;
        }
        .close :hover{
            background-color: hsla(0, 87%, 44%, 0.9);
        }
   
        .btn-btnback {
            display: flex;
            justify-content: center;
            width: auto;
          }