body{
font-family: arial;
}

input {
    /*background-image: url('searchicon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;  */
    /*width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 12px 12px 12px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

#myInput {
    background-image: url('searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    background-color: #15232c; /* Do not repeat the icon image */
    color: #d7dbe1; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 14px; /* Increase font-size */
    background-color: #15232c; /* Do not repeat the icon image */
    color: #d7dbe1; /* Do not repeat the icon image */
}

#myTable th, #myTable td {
    text-align: center; /* Left-align text */
    padding: 12px; /* Add padding */
    background-color: #15232c; /* Do not repeat the icon image */
    color: #d7dbe1; /* Do not repeat the icon image */
}

#myTable tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #ddd; 
}

.tbl tr:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: rgba(255,233,0,0.35); /* Do not repeat the icon image */
    color: rgba(255,170,0,1.0);
}

.trh:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: rgba(255,233,0,0.35); /* Do not repeat the icon image */
    color: rgba(255,170,0,1.0);
}

.tbl {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 14px; /* Increase font-size */
}

.tbl td{
    border-collapse: collapse; /* Collapse borders */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 14px; /* Increase font-size */
}

th, td {
    text-align: center; /* Left-align text */
    padding: 12px; /* Add padding */
}

tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #ddd; 
}

th.header {
    /* Add a grey background color to the table header and on hover */
    background-color: #263F4C; /* Do not repeat the icon image */
    color: #d7dbe1; /* Do not repeat the icon image */
}