html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
margin: 0;
font-family: "Roboto", Arial, Helvetica, sans-serif;
background: #f5f5f5;
color: #333;
}
.topo-texto h1{
margin:0;
font-size:2rem;
font-weight:700;
}
.topo-texto h2{
margin-top:8px;
font-size:1.1rem;
font-weight:300;
}
header{
padding:20px;
background:#1976d2;
color:white;
}
#breadcrumb{
margin-top:10px;
}
#breadcrumb a{
color:white;
text-decoration:none;
margin-right:5px;
}
table{
width:100%;
border-collapse:collapse;
background:white;
}
th{
text-align:left;
padding:12px;
background:#eeeeee;
}
td{
padding:12px;
border-bottom:1px solid #ddd;
}
tbody tr:hover{
background:#f8f8f8;
cursor:pointer;
}
.toolbar{
display:flex;
gap:15px;
margin:20px;
flex-wrap:wrap;
}
.toolbar input{
padding:8px;
width:350px;
font-size:15px;
}
.toolbar select{
padding:8px;
font-size:15px;
}
.topo{
display:flex;
align-items:center;
gap:25px;
padding:25px;
background:#00284B;
color:white;
}
.topo-logo img{
width:267px;
height:auto;
}
.topo-texto h1{
margin:0;
font-size:30px;
}
.topo-texto h2{
margin-top:6px;
font-weight:normal;
font-size:18px;
}
#breadcrumb{
background:#ececec;
padding:12px 25px;
font-size:15px;
}
#breadcrumb a{
text-decoration:none;
color:#005baa;
}
main{
padding:25px;
}
footer{
margin-top:40px;
padding:25px;
background:#005baa;
color:white;
display:flex;
justify-content:center;
align-items:center;
gap:20px;
text-align:center;
}
footer img{
width:206px;
height:auto;
}
@media (max-width:700px){
.topo{
flex-direction:column;
text-align:center;
}
.topo-logo img{
width:70px;
}
.topo-texto h1{
font-size:24px;
}
.topo-texto h2{
font-size:16px;
}
table{
font-size:14px;
}
th,
td{
padding:8px;
}
footer{
flex-direction:column;
}
footer img{
width:206px;
}
}
.arquivo {
display: flex;
align-items: center;
gap: 10px;
}
.arquivo svg {
flex-shrink: 0;
}
.arquivo span {
word-break: break-word;
}