body {
    font-family: Arial, sans-serif;
    margin: 10px;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidj18Smxg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

h1 {
    color: #333;
    padding-bottom: 5px;
}

form {
    margin-bottom: 5px;
    margin: auto;
}

#searchTerm {
    padding: 8px;
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 4px;
    
}

#datos {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 1em;
    width: 80%;
    border-collapse: collapse;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    margin: auto;
}

#rdatos {
    width: 100%; 
}

#datos tr:nth-child(even) {
    background: #98a2a5;
}

#datos td, #datos th {
    padding: 8px;
    border: 1px solid #ddd;
}

#datos th {
    background-color: #99124d;
    color: white;
    text-transform: uppercase;
}

#datos tr.noSearch {
    background: White;
    font-size: 0.8em;
}

#datos tr.noSearch td {
    padding-top: 5px;
    text-align: right;
}

.hide {
    display: none;
}

.red {
    color: Red;
}

#datos tr:hover {
    background-color: #e0e0e0;
}

#sombra1 {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    }

    .tramyser-idt{
    font-size: 16px;
    color:#494949;
}

.tramysert{
    font-size: 18px;
    color:#98a2a5;
}
.tramysert-dept{
    font-size: 12px;
    color:#6e659a;
}