.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-source-toggle {
display: inline-flex;
flex-wrap: wrap;
gap: 0;
margin: 0 0 1rem;
border: 1px solid currentColor;
border-radius: 8px;
overflow: hidden;
}
.pzj-source-btn {
padding: 0.5rem 1.1rem;
border: 0;
background: transparent;
color: inherit;
font: inherit;
cursor: pointer;
line-height: 1.2;
}
.pzj-source-btn + .pzj-source-btn {
border-left: 1px solid currentColor;
} .pzj-source-btn.is-active {
background: rgba(127, 127, 127, 0.22);
font-weight: 700;
}
.pzj-grades-source {
white-space: nowrap;
} .pzj-grades-search-form {
margin-bottom: 1rem;
}
.pzj-grades-search-controls {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.pzj-grades-search-controls input[type="text"] {
flex: 1 1 240px;
max-width: 360px;
padding: 0.5rem;
}
.pzj-grades-search-controls select {
flex: 0 1 200px;
max-width: 220px;
padding: 0.5rem;
}
.pzj-grades-search-controls button {
padding: 0.5rem 1rem;
} .pzj-grades-pesel {
font-family: monospace;
white-space: nowrap;
}
.pzj-col-lp {
width: 80px;
white-space: nowrap;
}
.pzj-grades-date {
white-space: nowrap;
}
.pzj-grades-empty,
.pzj-grades-error {
text-align: center;
font-weight: 600;
}
.pzj-grades-note {
margin-top: 0.75rem;
font-size: 0.875em;
opacity: 0.75;
} @media (max-width: 640px) {
.pzj-grades-search-controls {
display: block;
}
.pzj-grades-search-controls input[type="text"],
.pzj-grades-search-controls select {
width: 100%;
max-width: none;
margin-bottom: 0.5rem;
}
.pzj-grades-search-controls button {
width: 100%;
}
}