#myInput1 {
            background-position: 10px 10px;
            background-repeat: no-repeat;
            width: 100%;
            font-size: 16px;
            padding: 12px 20px 12px 20px;
            border: 1px solid #ddd;
            margin-bottom: 12px;
            border-radius: 10px;
        }

        #table-container {
            width: 100%;
            max-height: 320px; /* Ajusta esta altura según sea necesario */
            overflow-y: auto;
            border: 1px solid silver; 
					background-color:white;
					font-family: Roboto;
          margin: 20px;
        }

        #myTable {
            border-collapse: collapse;
            width: 100%;
					font-size: 14px;
					background-color:white;
					color:black;
			   
        }

        th, td {
            text-align: center; 
            padding: 1px 10px 0px 1px
            border: 1px solid silver;
					
        }

        th {
          
            color: black;
					 padding: 3px 0 0 3px;
        }

        td a {
            display: flex;
            justify-content: center;
            align-items: center;
					padding: 3px 0 0 3px;
        }

        #myTable tr:hover {
            background-color: #F8F6F5;
            color: black;
        }

        @media screen and (max-width: 768px) {
            th, td {
                font-size: 14px;
                padding:10px;
            }
            
            td a img {
                width: 40px;
                height: 40px;
            }
        }

        @media screen and (max-width: 480px) {
            th, td {
                font-size: 12px;
                padding: 8px;
            }

            td a img {
                width: 30px;
                height: 30px;
            }

            #myInput1 {
                font-size: 14px;
                padding: 10px 15px;
            }
        }