.pzj-grades-wrapper,
.pzj-grades-search {
margin: 1.5rem 0;
}
.pzj-grades-wrapper {
overflow-x: auto;
}
.pzj-grades-title {
text-align: center;
margin-bottom: 1rem;
} .pzj-grades-wrapper .dt-container,
.pzj-grades-wrapper .dt-container * {
box-sizing: border-box;
}
.pzj-grades-wrapper .dt-container input,
.pzj-grades-wrapper .dt-container select,
.pzj-grades-wrapper .dt-container button {
font: inherit;
line-height: normal;
text-transform: none;
letter-spacing: normal;
}
.pzj-grades-wrapper .dt-paging-button {
border-radius: 6px;
} .pzj-grades-search-form {
margin-bottom: 1rem;
}
.pzj-grades-search-controls {
display: flex;
gap: 0.75rem;
}
.pzj-grades-search-controls input[type="text"] {
flex: 1;
max-width: 360px;
padding: 0.5rem;
}
.pzj-grades-search-controls button {
padding: 0.5rem 1rem;
} .pzj-grades-date {
color: #1b6e2a;
font-weight: 600;
}
.pzj-col-lp {
width: 80px;
white-space: nowrap;
}
.pzj-grades-empty,
.pzj-grades-error {
text-align: center;
font-weight: 600;
} @media (max-width: 640px) {
.pzj-grades-search-controls {
display: block;
}
.pzj-grades-search-controls input[type="text"] {
width: 100%;
max-width: none;
margin-bottom: 0.5rem;
}
.pzj-grades-search-controls button {
width: 100%;
}
}