.kp-hints {
cursor: pointer;
list-style-type: none;
background: white;
border: 1px solid #96C21F;
position: absolute;
width: 100%;
z-index: 10000;
border-radius: 5px;
padding: 5px 10px;
overflow-y: auto;
overflow-x: hidden;
}
.kp-hints li {
padding-top: 2px;
padding-left: 1rem !important;
}
.kp-display-none {
display: none;
}
.kody-pocztowe-container {
height: auto;
display: grid;
border-radius: 5px;
background-color: #96c21f;
}
.kody-pocztowe-container h2{
text-align: center;
font-weight: bold;
color: white !important;
font-size: 2.5rem !important;
}
.kody-pocztowe-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.kody-pocztowe-buttons button {
background-color: #96c21f;
border: 1px solid white;
color: white;
border-radius: 5px;
outline: none;
font-size: 14px;
height: 40px;
width: auto;
transition: all .2s;
padding: 0 25px;
letter-spacing: 1px;
}
.kody-pocztowe-buttons button:hover {
cursor: pointer;
}
.kody-pocztowe-buttons button[state=active] {
background-color: #1E3042;
color: white;
}
#kody-pocztowe-kody {
display: none;
}
.kody-pocztowe-container .kp-form {
display: flex;
width: 100%;
margin-top: 15px;
justify-content: center;
align-items: center;
padding: 0 15px;
gap: 15px;
margin-bottom: 15px;
}
.kody-pocztowe-container .kp-form input {
background-color: white;
border-radius: 5px;
padding: 10px 20px;
margin: 0;
width: 100%;
}
.kody-pocztowe-container .kp-form button {
background-color: #cf0000;
color: white;
padding: 10px 25px;
border-radius: 5px;
}
.kody-pocztowe-container .kp-form select { 
background-color: white;
border-radius: 5px;
padding: 10.5px 20px;
margin: 0;
border: none;
height: auto;
width: 100%;
}
.kody-pocztowe-container .kp-form ::placeholder {
color: #afafaf;
}
.search-results-container {
width: 100%;
height: auto;
margin-top: 15px;
}
.search-results-container {
width: 100%;
height: auto;
}
.search-results-container .kptable{
width: 100%;
height: auto;
}
table.dataTable td {
text-align: center;
}
table.dataTable thead {
background-color: #d9d9d9;
}
.kp-form select {
flex: 1 0 20%;
}
.kp-form div {
flex: 1 0 20%;
}
.kp-form button {
flex: 1 0 20%;  
}
.kp-form button:hover {
flex: 1 0 20%;
background-color: #ff1a1a;
cursor: pointer;
}
.search-results-container .dtr-details li::before {
content: none;
}
.input-with-hint {
position: relative;
}
.kody-pocztowe-buttons button {
margin: 0 5px 10px 5px;
}
.kp-loader-container {
display: none;
}
.notify-container {
background-color: #d0d0d0;
border-radius: 5px;
padding: 10px;
text-align: center;
display: none;
}
.kp-loader {
display: flex;
justify-content: center;
align-items: center;
}
.kp-loader img {
width: 35px;
}
@media screen and (max-width: 991px) {
.kp-form {
flex-wrap: wrap;
}
.kp-form select {
flex: 1 0 100%;
}
.kp-form div {
flex: 1 0 100%;
}
.kp-form button {
flex: 1 0 100%;
}
}