#sal-track-trace-app li {
    margin-bottom: 0;
}

#sal-track-trace-app ul {
    padding-left: 0;
}

#sal-track-trace-app p {
    padding-bottom: 0px;
}


.sal-track-trace-container {
    display: flex;
    border: 2px solid #00ADED;
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
    min-width: 260px;
}

.sal-track-trace-search-input {
    flex: 1;
    padding: 10px;
    border: none;
    font-size: 16px;
    outline: none;
    color: #333;
}

.sal-track-trace-container input[type=text] {
    all: unset;
    background-color: #fff;
    text-align: left;
    padding: 0px 0px 0px 10px;
    font-weight: 400;
    width: 100%;
}


button.sal-track-trace-search-btn {
    all: unset;
    padding: 0px 20px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
    margin-left: -4px;
    min-height: 50px;
}

.sal-track-trace-search-btn:hover {
    background-color: #444;
}

.sal-track-trace-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 15px;
}


/* Styles for the custom table */
/* General styles for the table */
.sal-track-trace-custom-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.sal-track-trace-status {
    text-transform: uppercase;
}

#sal-track-trace-results-container thead, .sal-track-trace-reference-header {
    background-color: #333;
}

    #sal-track-trace-results-container thead th, #sal-track-trace-results-container tr th, .sal-track-trace-reference-header {
        color: #fff;
    }

    .sal-track-trace-custom-table th,
    .sal-track-trace-custom-table td {
        padding: 10px;
        text-align: left;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
    }

/* Link styles */
.sal-track-trace-link {
    color: #007acc;
    text-decoration: none;
}

    .sal-track-trace-link:hover {
        text-decoration: underline;
    }

.sal-track-trace-mobile-results {
    display: none;
}

.sal-track-trace-card {
    background-color: #fff;
    margin-bottom: 20px;
}

.sal-track-trace-card-content {
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.sal-track-trace-card-sub-header {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

.sal-track-trace-card-link {
    display: flex;
    justify-content: center;
    padding: 10px 0px 0px 0px;
   
}

.sal-track-trace-card-sub-content {
    margin-top: 0px;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

p.sal-track-trace-card-sub-content {
    margin-bottom: 0px;
}


/* Responsive styles */
@media (max-width: 768px) {
    .sal-track-trace-desktop-results {
        display: none;
    }

    .sal-track-trace-mobile-results {
        display: block;
    }
}



@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-cyrillic-ext-400-normal.woff2) format("woff2"),url(fonts/inter-cyrillic-ext-400-normal.woff) format("woff");
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-cyrillic-400-normal.woff2) format("woff2"),url(fonts/inter-cyrillic-400-normal.woff) format("woff");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-greek-ext-400-normal.woff2) format("woff2"),url(fonts/inter-greek-ext-400-normal.woff) format("woff");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-greek-400-normal.woff2) format("woff2"),url(fonts/inter-greek-400-normal.woff) format("woff");
    unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-vietnamese-400.woff2) format("woff2"),url(fonts/inter-vietnamese-400-normal.woff) format("woff");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-latin-ext-400.woff2) format("woff2"),url(fonts/inter-latin-ext-400-normal.woff) format("woff");
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/inter-latin-400-normal.woff2) format("woff2"),url(fonts/inter-latin-400-normal.woff) format("woff");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}