.search-card-gradient {
    background: #1e3c72; /* Fallback */
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    border-radius: 10px;
}

.search-card-gradient label {
    color: #ffffff;
    font-weight: 500;
}
body {
    background-image: url('../images/bg.jpg');
    background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
    min-height: 100vh;
    width: 100%;
    margin: 0;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    /* background: transparent; */
    background-color: rgba(245, 245, 245, 0.4);
   /* background-color: grey; */
    padding: 70px 15px 20px;
}
/* Makes table rows more spacious and professional */
.table td, .table th {
    padding: 1.2rem 0.75rem !important;
    vertical-align: middle;
}

/* Adds a subtle blue glow to the row being hovered */
.table-hover tbody tr:hover {
    background-color: rgba(0, 86, 179, 0.03);
    box-shadow: inset 3px 0 0 #0056b3; /* Subtle blue line on the left of hovered row */
}
.badge-info { 
    background-color: #3f68b5 !important; 
}
html {
    font-size: 75% !important; /* Forces 12px based on 16px default */
}

body {
    font-size: 1rem !important; /* Inherits the 75% from html */
}