.tab_btn{
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid black;
    color: #484848;
    border-radius: 6px;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-bottom: 10px;
    align-content: space-evenly;
}
.tab_btn.active{
    background: #0057FF;
    color: #fff !important;
   
    border:1px solid #0057FF !important;        
}

.gps_tracker_outer{
    padding-top: var(--desktop-padding-top);
    padding-bottom: var(--desktop-padding-bottom);
}
.manufacturer-link{
    color: white;
}
.manufacturer-link:hover{
    color: white;
    opacity: 0.9;
}
.tab-panel table, .tab-panel table tr, .tab-panel table tr td{
    /* border-radius: 8px !important; */
    border: 0.5px solid #ddd;
}

 #info.tab-panel table:not(:has(thead)) tr:nth-child(odd):nth-child(n+2) td, 
#info.tab-panel table:has(thead) tbody tr:nth-child(odd) td, 
#info.tab-panel table:not(:has(thead)) tr:nth-child(even):nth-child(n+2) td {
    background-color: #ffffff !important;
}
#info.tab-panel table:not(:has(thead)) tr:first-child td, 
#info.tab-panel table:has(thead) tbody tr:nth-child(even) td, 
#info.tab-panel table:has(thead) thead tr th {
    background-color: #EBF5FF  !important; 
} 

/* 1. DEFAULT CASE: If NO thead is present */
/* We style rows starting from the 2nd row (n+2) to exclude the 'fake' header */
 /* table:not(:has(thead)) tr:nth-child(even):nth-child(n+2) td {
    background-color: #EBF5FF !important;
}
l table:not(:has(thead)) tr:nth-child(odd):nth-child(n+2) td {
    background-color: #ffffff !important;
}
 table:not(:has(thead)) tr:first-child td {
    background-color: #EBF5FF !important;
    font-weight: bold;
} */

/* 2. OVERRIDE CASE: If thead IS present */
/* Here, we can use normal odd/even because thead handles the header */
 table:has(thead) tbody tr:nth-child(even) td {
    background-color: #EBF5FF !important;
}
 table:has(thead) tbody tr:nth-child(odd) td {
    background-color: #ffffff !important;
}
 table:has(thead) thead tr th {
    background-color: #EBF5FF !important;
    font-weight: bold;
}


/* 1. The Table Container */
.tab-panel  table {
    border-collapse: separate; /* Required for radius */
    border-spacing: 0;        /* Removes the gaps between cells */
    width: 100%;
    border: 1px solid #ddd; /* The outer border */
    border-radius: 8px;      /* Your desired roundness */
    overflow: hidden;         /* Clips the cell backgrounds to the radius */
}

/* 2. The Internal Lines (Borders) */
.tab-panel  td, .tab-panel  th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 12px;
}

/* 3. Cleanup: Remove the "Double Border" on the edges */

/* Remove the right border from the very last column */
.tab-panel  td:last-child, 
.tab-panel  th:last-child {
    border-right: none;
}

/* Remove the bottom border from the very last row */
.tab-panel  tr:last-child td {
    border-bottom: none;
}



@media (max-width:768px){
   .gps_tracker_outer{
    padding-top: var(--mobile-padding-top);
    padding-bottom: var(--mobile-padding-bottom);
    } 
}