/** {*/
/*            margin: 0;*/
/*            padding: 0;*/
/*            box-sizing: border-box;*/
/*            font-family: Arial, sans-serif;*/
/*        }*/

        /*body {*/
        /*    min-height: 100vh;*/
        /*    display: flex;*/
        /*}*/

        .container {
            display: flex;
            width: 100%;
            border: 1px solid #f8d7da;
        }

        .sidebar {
            width: 220px;
            border-right: 1px solid #f8d7da;
        }

        .search-label {
            font-weight: 500;
            color: #4c9a2a;
            margin-bottom: 8px;
            display: block;
        }

        .search-box {
            display: flex;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .search-input {
            flex: 1;
            padding: 8px;
            font-size: 14px;
            border: none;
            outline: none;
        }

        .search-button {
            background-color: #4c9a2a;
            color: white;
            border: none;
            padding: 4px;
            cursor: pointer;
        }

        .filter-container {
            padding: 16px;
        }

        .filter-section {
            margin-bottom: 24px;
        }

        .filter-title {
            font-weight: 500;
            color: #4c9a2a;
            margin-bottom: 8px;
        }

        .filter-item {
            display: flex;
            align-items: center;
            margin-bottom: 4px;
        }

        .filter-checkbox {
            margin-right: 8px;
        }

        .filter-label {
            font-size: 14px;
        }

        .main-content {
            flex: 1;
            overflow-x: auto;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        thead {
            background-color: #4c9a2a;
            color: white;
        }

        th, td {
            padding: 12px;
            text-align: left;
        }

        tbody tr {
            border-bottom: 1px solid #eee;
        }

        tbody tr:hover {
            background-color: #f9f9f9;
        }

        .qualification-link {
            color: #28AAE1;
            text-decoration: none;
        }

        .qualification-link:hover {
            text-decoration: underline;
        }

        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
            
            .sidebar {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid #f8d7da;
            }
        }
        
        .qualification-container {
display:flex;
width: 100%;
gap:20px;
Font-family:'work sans';
}

.qualification-main-content {
    width: 100%;
}


#qualification-results {
    font-size: 15px;
    color:#000;
}

.search-container {
    padding: 16px;
    border: 1px solid #C4C4C4;
}