.footer{
font-size:15px;
height:10px;
padding-top:5px;
}

html{
scrollbar-width: thin;
}

body{
padding:0;
margin:0;
font-size:13px;
min-width:800px;
}

.qso_comment {
color:red;
}

.message {
   border: 1px solid #cccccc;
   border-radius:3px;
   padding:5px;
   background-color: #eeeeee;
}

.uploadform {
padding:10px;
margin:10px;
background:rgba(255, 255, 255, 0.6);
border:1px solid #cccccc;
border-radius:3px;
}

.paginationlink {
text-decoration:none;
}

.bold {
font-weight:700;
}

.hidden {
display: none;
}

/* Table */
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border:1px solid #cccccc;
}

/* Table Header */
th {
background-color: #dddddd;
position: sticky;
top: 0;
z-index: 1;
}

/* Alternating Row Colors */
tr:nth-child(even) {
background: rgba(233, 233, 233, 0.6);
}

tr:nth-child(odd) {
background: rgba(255, 255, 255, 0.6);
}

/* Table Cell Styles */
td, th {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
text-align: left;
border-bottom: 1px solid #ddd;
}

@media only screen and (max-width: 800px) {
   button, input, select {
   height: 40px !important;
   }

   td, th {
   padding-top: 0px;
   padding-bottom: 0px;
   }
}

/* Hover Effect */
tr:hover {
background-color: #dddddd;
}

th.gridsquare
{
padding-left:15px;
}

td.gridsquare
{
font-family:NotoSansMono;
color:red;
padding-left:15px;
}

.name, .qth, .qsl_via, .comment
{
min-width:190px;
}

.app_qrzlog_status, .lotw_qsl_rcvd, .lotw_qsl_sent, .qsl_rcvd, .qsl_sent, .rst_rcvd, .rst_sent, .flag {
max-width:15px;
}

.email {
max-width:170px;
overflow-wrap: break-word;
}

.qso_date, .country, .lat, .lon, .call {
white-space: nowrap;
}

.call {
font-family:NotoSansMono;
}

.filter {
text-decoration:none;
}

#pagination {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f2f2f2; /* Adjust as needed */
    border-top: 1px solid #ccc; /* Optional: Add a border for separation */
    padding: 10px; /* Adjust padding as needed */
    z-index: 999; /* Ensure it's above other content */
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better visibility */
}

#call, #mode, #orderby, #band, #country, #date, #station_callsign, #dxcc {
max-width:100px;
}

.flag{
font-size:20px;
}

.band{
font-weight:700;
}

.band-2m {
color: Black;
}

span.band-2m {
border:1px solid white;
}

.band-10m {
color: DarkSlateGray;
}

.band-12m {
color: Indigo;
}

.band-15m {
color: Navy;
}

.band-17m {
color: DeepSkyBlue;
}

.band-20m {
color: #00cc00;
}

.band-30m {
color: #004d00;
}

.band-40m {
color: #ccad00;
}

.band-60m {
color: OrangeRed;
}

.band-80m {
color: Red;
}

.band-160m {
color: DarkRed;
}

label {
min-width:110px;
display:inline-block;
}