/* /Components/BaseComponents/CompareAnswersToQuestions.razor.rz.scp.css */
table th:first-child[b-mtsexew6uc], table td:first-child[b-mtsexew6uc] {
    position: sticky;
    left: -1px;
}
/* /Components/BaseComponents/CustomTabMenu.razor.rz.scp.css */
a.nav-link[b-k3prujwrda] {
    cursor: pointer; /* Ensure the pointer (hand) icon is shown */
}
/* /Components/BaseComponents/CustomTreeViewNodeWithCheckboxComponent.razor.rz.scp.css */
/** CustomTreeViewNodeWithCheckboxComponent.razor **/

/* Remove bullet points from ul and li elements with the treeview class */
ul.treeview[b-mtb3smwvj9] {
    list-style-type: none !important; /* Remove default bullet points */
    padding-left: 0;                  /* Remove default padding */
}

ul.treeview li.treeview-node[b-mtb3smwvj9] {
    list-style-type: none !important; /* Explicitly remove bullets */
    padding-left: 1rem;               /* Indentation for nested items */
}

/* Icon styling for expand/collapse */
i.bi[b-mtb3smwvj9] {
    margin-right: 5px; /* Add spacing between the icon and the checkbox */
    cursor: pointer;   /* Change cursor to pointer for icons */
}
/* /Components/BaseComponents/UserMenu.razor.rz.scp.css */
/** UserMenu.razor.css **/

.user-menu[b-gc62muhudv] {
    position: relative;
    display: inline-block;
    min-width: 150px;
}

.user-menu button[b-gc62muhudv] {
    outline: none;
    border: none;
    box-shadow: none;
}

.user-menu button:focus[b-gc62muhudv] {
    outline: none;
    border: none;
    box-shadow: none;
}

.user-menu button:hover[b-gc62muhudv] {
    outline: none;
}

.profile-image[b-gc62muhudv] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    object-fit: cover;
}

.dropdown-menu[b-gc62muhudv] {
    position: absolute;
    top: 100%;
    left: 0;
    display: none; /* Hidden by default */
    width: max-content; /* Dynamically adjust the width based on content */
    white-space: nowrap; /* Prevent text from wrapping */
    z-index: 1000;
    box-sizing: border-box; /* Prevent padding from causing overflow */
}



.dropdown-menu.show[b-gc62muhudv] {
    display: block;
}

.dropdown-toggle[b-gc62muhudv]::after {
    display: none; /* Remove default Bootstrap caret */
}
/* /Components/BaseComponents/UserMenuWithRole.razor.rz.scp.css */
/** UserMenuWithRole.razor.css **/

.user-menu[b-mct2lk75hg] {
    position: relative;
    display: inline-block;
    min-width: 150px;
}

.user-menu button[b-mct2lk75hg] {
    outline: none;
    border: none;
    box-shadow: none;
}

.user-menu button:focus[b-mct2lk75hg] {
    outline: none;
    border: none;
    box-shadow: none;
}

.user-menu button:hover[b-mct2lk75hg] {
    outline: none;
}

.profile-image[b-mct2lk75hg] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    object-fit: cover;
}

.dropdown-menu[b-mct2lk75hg] {
    position: absolute;
    top: 100%;
    left: 0;
    display: none; /* Hidden by default */
    width: max-content; /* Dynamically adjust the width based on content */
    white-space: nowrap; /* Prevent text from wrapping */
    z-index: 1000;
    box-sizing: border-box; /* Prevent padding from causing overflow */
}



.dropdown-menu.show[b-mct2lk75hg] {
    display: block;
}

.dropdown-toggle[b-mct2lk75hg]::after {
    display: none; /* Remove default Bootstrap caret */
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/** MainLayout.razor.css **/
/* Ensure the page layout fills the entire viewport height */
.page[b-q2b5a3ys98] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    width: 100vw;
    overflow: hidden; /* Prevent page-level scrolling */
    padding: 0;
}

/* Header at the top */
.header[b-q2b5a3ys98] {
    background-color: #f8f9fa;
    width: 100%;
    position: sticky; /* Sticks to the top */
    top: 0;
    z-index: 1000; /* Ensure it stays on top of other content */
}

/* Main content area should grow and allow scrolling within its own area */
.content[b-q2b5a3ys98] {
    flex-grow: 1;
    padding: 0px;
    overflow-y: auto; /* Enable scrolling only within the content area */
    overflow-x: hidden;
    max-height: calc(100vh - 40px - 40px); /* Adjust height between header and footer */
}

/* Additional style to ensure sidebar layout sidebar height is 100% of the available space */
.sidebar-layout .sidebar[b-q2b5a3ys98] {
    height: 100%; /* Ensure sidebar takes the full height of the layout */
    overflow-y: auto; /* Scrollable sidebar content if it's too long */
    background-color: #343a40; /* Dark background for the sidebar */
    color: white; /* White text in the sidebar */
}

/* Style the sidebar links */
.sidebar-layout .nav-link[b-q2b5a3ys98] {
    color: white; /* Sidebar links are white */
}

.sidebar-layout .nav-link.active[b-q2b5a3ys98] {
    background-color: #007bff; /* Highlight active link */
    color: white;
}

/* Footer sticks to the bottom */
footer.footer[b-q2b5a3ys98] {
    background-color: #f8f9fa; /* Light grey background */
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    color: #6c757d; /* Dark grey text */
    position: sticky;
    bottom: 0;
    height: 40px; /* Fixed height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: flex-end; /* Right-align content */
    margin: 0; /* No margins */
    padding: 0; /* No padding */
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/** NavMenu.razor.css **/
.navbar-collapse[b-4k4326cdnk] {
    flex-grow: 1;
}

.collapse[b-4k4326cdnk] {
    display: none;
}

.collapse.show[b-4k4326cdnk] {
    display: block;
}

.navbar[b-4k4326cdnk] {
    background-color: #f8f9fa; /* Light background */
    border-bottom: 1px solid #ddd;
}

.navbar-brand[b-4k4326cdnk] {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav[b-4k4326cdnk] {
    display: flex;
    align-items: center;
}

.nav-item .nav-link[b-4k4326cdnk] {
    padding: 10px 15px;
}

.navbar-toggler[b-4k4326cdnk] {
    border: none; /* Remove border around hamburger button */
}

.navbar-toggler-icon[b-4k4326cdnk] {
    color: #000; /* Customize color of the hamburger icon */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav[b-4k4326cdnk] {
        flex-direction: column;
    }

    .navbar-collapse[b-4k4326cdnk] {
        text-align: center;
    }
}
/* /Components/Pages/Admin/JobOffer/JobOfferCompareResponses.razor.rz.scp.css */
/* Layout tweaks for comparison page */
.respondent-list[b-97b6pq1oj5] {
    max-height: 70vh;
}
.respondent-list[b-97b6pq1oj5]::-webkit-scrollbar {
    width: 8px;
}
.respondent-list[b-97b6pq1oj5]::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.respondent-list[b-97b6pq1oj5]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
/* /Components/Pages/Admin/Layout/AdminLayout.razor.rz.scp.css */
/** EmployerLayout.razor.css **/

/* Ensure the page layout fills the entire viewport height */
.page[b-5sncjkh9w3] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    width: 100vw;
    overflow: hidden; /* Prevent page-level scrolling */
    padding: 0;
}

/* Header at the top */
.header[b-5sncjkh9w3] {
    background-color: #f8f9fa;
    width: 100%;
    position: sticky; /* Sticks to the top */
    top: 0;
    z-index: 1000; /* Ensure it stays on top of other content */
}

/* Main content area should grow and allow scrolling within its own area */
.content[b-5sncjkh9w3] {
    flex-grow: 1;
    padding: 0px;
    overflow-y: auto; /* Enable scrolling only within the content area */
    overflow-x: hidden;
    max-height: calc(100vh - 40px - 40px); /* Adjust height between header and footer */
}

/* Additional style to ensure sidebar layout sidebar height is 100% of the available space */
.sidebar-layout .sidebar[b-5sncjkh9w3] {
    height: 100%; /* Ensure sidebar takes the full height of the layout */
    overflow-y: auto; /* Scrollable sidebar content if it's too long */
    background-color: #343a40; /* Dark background for the sidebar */
    color: white; /* White text in the sidebar */
}

/* Style the sidebar links */
.sidebar-layout .nav-link[b-5sncjkh9w3] {
    color: white; /* Sidebar links are white */
}

.sidebar-layout .nav-link.active[b-5sncjkh9w3] {
    background-color: #007bff; /* Highlight active link */
    color: white;
}

/* Footer sticks to the bottom */
footer.footer[b-5sncjkh9w3] {
    background-color: #f8f9fa; /* Light grey background */
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    color: #6c757d; /* Dark grey text */
    position: sticky;
    bottom: 0;
    height: 40px; /* Fixed height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: flex-end; /* Right-align content */
    margin: 0; /* No margins */
    padding: 0; /* No padding */
}
/* /Components/Pages/Admin/Layout/AdminNavMenu.razor.rz.scp.css */
/** EmployerNavMenu.razor.css **/

.navbar-collapse[b-amv3diu6b6] {
    flex-grow: 1;
}

.collapse[b-amv3diu6b6] {
    display: none;
}

.collapse.show[b-amv3diu6b6] {
    display: block;
}

.navbar[b-amv3diu6b6] {
    background-color: #f8f9fa; /* Light background */
    border-bottom: 1px solid #ddd;
}

.navbar-brand[b-amv3diu6b6] {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav[b-amv3diu6b6] {
    display: flex;
    align-items: center;
}

.nav-item .nav-link[b-amv3diu6b6] {
    padding: 10px 15px;
}

.navbar-toggler[b-amv3diu6b6] {
    border: none; /* Remove border around hamburger button */
}

.navbar-toggler-icon[b-amv3diu6b6] {
    color: #000; /* Customize color of the hamburger icon */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav[b-amv3diu6b6] {
        flex-direction: column;
    }

    .navbar-collapse[b-amv3diu6b6] {
        text-align: center;
    }
}
/* /Components/Pages/Candidate/Layout/CandidateLayout.razor.rz.scp.css */
/** CandidateLayout.razor.css **/

/* Ensure the page layout fills the entire viewport height */
.page[b-at1isl26ye] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    width: 100vw;
    overflow: hidden; /* Prevent page-level scrolling */
    padding: 0;
}

/* Header at the top */
.header[b-at1isl26ye] {
    background-color: #f8f9fa;
    width: 100%;
    position: sticky; /* Sticks to the top */
    top: 0;
    z-index: 1000; /* Ensure it stays on top of other content */
}

/* Main content area should grow and allow scrolling within its own area */
.content[b-at1isl26ye] {
    flex-grow: 1;
    padding: 0px;
    overflow-y: auto; /* Enable scrolling only within the content area */
    overflow-x: hidden;
    max-height: calc(100vh - 40px - 40px); /* Adjust height between header and footer */
}

/* Additional style to ensure sidebar layout sidebar height is 100% of the available space */
.sidebar-layout .sidebar[b-at1isl26ye] {
    height: 100%; /* Ensure sidebar takes the full height of the layout */
    overflow-y: auto; /* Scrollable sidebar content if it's too long */
    background-color: #343a40; /* Dark background for the sidebar */
    color: white; /* White text in the sidebar */
}

/* Style the sidebar links */
.sidebar-layout .nav-link[b-at1isl26ye] {
    color: white; /* Sidebar links are white */
}

.sidebar-layout .nav-link.active[b-at1isl26ye] {
    background-color: #007bff; /* Highlight active link */
    color: white;
}

/* Footer sticks to the bottom */
footer.footer[b-at1isl26ye] {
    background-color: #f8f9fa; /* Light grey background */
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    color: #6c757d; /* Dark grey text */
    position: sticky;
    bottom: 0;
    height: 40px; /* Fixed height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: flex-end; /* Right-align content */
    margin: 0; /* No margins */
    padding: 0; /* No padding */
}
/* /Components/Pages/Candidate/Layout/CandidateNavMenu.razor.rz.scp.css */
/** CandidateNavMenu.razor.css **/

.navbar-collapse[b-z2du9mt27b] {
    flex-grow: 1;
}

.collapse[b-z2du9mt27b] {
    display: none;
}

.collapse.show[b-z2du9mt27b] {
    display: block;
}

.navbar[b-z2du9mt27b] {
    background-color: #f8f9fa; /* Light background */
    border-bottom: 1px solid #ddd;
}

.navbar-brand[b-z2du9mt27b] {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav[b-z2du9mt27b] {
    display: flex;
    align-items: center;
}

.nav-item .nav-link[b-z2du9mt27b] {
    padding: 10px 15px;
}

.navbar-toggler[b-z2du9mt27b] {
    border: none; /* Remove border around hamburger button */
}

.navbar-toggler-icon[b-z2du9mt27b] {
    color: #000; /* Customize color of the hamburger icon */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav[b-z2du9mt27b] {
        flex-direction: column;
    }

    .navbar-collapse[b-z2du9mt27b] {
        text-align: center;
    }
}
/* /Components/Pages/Candidate/PreInterview/Index.razor.rz.scp.css */
/* General styling for the chat container */
.chat-container[b-5dotjlahhc] {
    min-width: 500px;
    margin: 3px;
    padding: 1rem;
    background-color: #f8f9fa; /* Light gray background */
    border: 1px solid #dee2e6; /* Light border */
    border-radius: 0.375rem;
}

/* Styling for the messages container */
.messages[b-5dotjlahhc] {
    height: 250px;
    overflow-y: auto; /* Enable scrolling for long conversations */
    padding: 0.5rem;
    margin-bottom: 1rem;
    white-space: pre-wrap;
    scroll-behavior: smooth;
    background-color: #ffffff;
    border-radius: 5px;
}

/* General message styling */
.message[b-5dotjlahhc] {
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    word-wrap: break-word; /* Handle long messages gracefully */
    line-height: 1.5;
}

/* User message styles */
.user-message[b-5dotjlahhc] {
    background-color: #d1e7dd; /* Light green (Bootstrap success color background) */
    color: #0f5132; /* Dark green text */
    align-self: flex-end; /* Aligns message to the right */
    text-align: left;
    max-width: 70%;
}

/* Chatbot message styles */
.bot-message[b-5dotjlahhc] {
    background-color: #f0f0f0; /* Light red (Bootstrap danger color background) */
    color: #000000; /* Blue Grey text */
    align-self: flex-start; /* Aligns message to the left */
    text-align: left;
    max-width: 70%;
}

    /* Optional: Add a little more space between consecutive user and bot messages */
    .user-message + .bot-message[b-5dotjlahhc],
    .bot-message + .user-message[b-5dotjlahhc] {
        margin-top: 1rem;
    }

/*---------------- Blinking effekt ----------------*/
@keyframes blink-b-5dotjlahhc {
    50% {
        opacity: 0.0;
    }
}

.blink[b-5dotjlahhc] {
    animation: blink-b-5dotjlahhc 1s step-start 0s infinite;
}
/* /Components/Pages/Employee/Layout/EmployeeLayout.razor.rz.scp.css */
/** EmployeeLayout.razor.css **/

/* Ensure the page layout fills the entire viewport height */
.page[b-sllubawck6] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    width: 100vw;
    overflow: hidden; /* Prevent page-level scrolling */
    padding: 0;
}

/* Header at the top */
.header[b-sllubawck6] {
    background-color: #f8f9fa;
    width: 100%;
    position: sticky; /* Sticks to the top */
    top: 0;
    z-index: 1000; /* Ensure it stays on top of other content */
}

/* Main content area should grow and allow scrolling within its own area */
.content[b-sllubawck6] {
    flex-grow: 1;
    padding: 0px;
    overflow-y: auto; /* Enable scrolling only within the content area */
    overflow-x: hidden;
    max-height: calc(100vh - 40px - 40px); /* Adjust height between header and footer */
}

/* Additional style to ensure sidebar layout sidebar height is 100% of the available space */
.sidebar-layout .sidebar[b-sllubawck6] {
    height: 100%; /* Ensure sidebar takes the full height of the layout */
    overflow-y: auto; /* Scrollable sidebar content if it's too long */
    background-color: #343a40; /* Dark background for the sidebar */
    color: white; /* White text in the sidebar */
}

/* Style the sidebar links */
.sidebar-layout .nav-link[b-sllubawck6] {
    color: white; /* Sidebar links are white */
}

.sidebar-layout .nav-link.active[b-sllubawck6] {
    background-color: #007bff; /* Highlight active link */
    color: white;
}

/* Footer sticks to the bottom */
footer.footer[b-sllubawck6] {
    background-color: #f8f9fa; /* Light grey background */
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    color: #6c757d; /* Dark grey text */
    position: sticky;
    bottom: 0;
    height: 40px; /* Fixed height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: flex-end; /* Right-align content */
    margin: 0; /* No margins */
    padding: 0; /* No padding */
}
/* /Components/Pages/Employee/Layout/EmployeeNavMenu.razor.rz.scp.css */
/** EmployeeNavMenu.razor.css **/

.navbar-collapse[b-k2p4h8qvwr] {
    flex-grow: 1;
}

.collapse[b-k2p4h8qvwr] {
    display: none;
}

.collapse.show[b-k2p4h8qvwr] {
    display: block;
}

.navbar[b-k2p4h8qvwr] {
    background-color: #f8f9fa; /* Light background */
    border-bottom: 1px solid #ddd;
}

.navbar-brand[b-k2p4h8qvwr] {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav[b-k2p4h8qvwr] {
    display: flex;
    align-items: center;
}

.nav-item .nav-link[b-k2p4h8qvwr] {
    padding: 10px 15px;
}

.navbar-toggler[b-k2p4h8qvwr] {
    border: none; /* Remove border around hamburger button */
}

.navbar-toggler-icon[b-k2p4h8qvwr] {
    color: #000; /* Customize color of the hamburger icon */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav[b-k2p4h8qvwr] {
        flex-direction: column;
    }

    .navbar-collapse[b-k2p4h8qvwr] {
        text-align: center;
    }
}
/* /Components/Pages/Employer/CandidatePool/CompareStaffWithCandidates/ViewResult/index.razor.rz.scp.css */
/** index.razor.css **/

.btn-group-vertical .btn[b-r1m81ob0mu] {
    text-align: left;
    padding: 10px 15px;
}

.nav-link[b-r1m81ob0mu] {
    cursor: pointer; /* Ensure the pointer (hand) icon is shown */
}

treeview .nav-link[b-r1m81ob0mu] {
    cursor: pointer;
    color: #495057; /* Bootstrap's text-muted color */
    text-decoration: none;
}

.treeview .nav-link:hover[b-r1m81ob0mu] {
    color: #007bff; /* Bootstrap's primary color */
}

.treeview i[b-r1m81ob0mu] {
    margin-right: 5px;
}
/* /Components/Pages/Employer/CandidatePool/ViewCandidatePool/ViewResult/index.razor.rz.scp.css */
/** index.razor.css **/

.btn-group-vertical .btn[b-6z6ak8t35k] {
    text-align: left;
    padding: 10px 15px;
}

.nav-link[b-6z6ak8t35k] {
    cursor: pointer; /* Ensure the pointer (hand) icon is shown */
}

treeview .nav-link[b-6z6ak8t35k] {
    cursor: pointer;
    color: #495057; /* Bootstrap's text-muted color */
    text-decoration: none;
}

.treeview .nav-link:hover[b-6z6ak8t35k] {
    color: #007bff; /* Bootstrap's primary color */
}

.treeview i[b-6z6ak8t35k] {
    margin-right: 5px;
}
/* /Components/Pages/Employer/CompetenceMapping/ViewCompetence/ViewSelectedCompetence.razor.rz.scp.css */
/** ViewSelectedCompetence.razor.css **/

.btn-group-vertical .btn[b-w5e72ff335] {
    text-align: left;
    padding: 10px 15px;
}

.nav-link[b-w5e72ff335] {
    cursor: pointer; /* Ensure the pointer (hand) icon is shown */
}
/* /Components/Pages/Employer/Layout/EmployerLayout.razor.rz.scp.css */
/** EmployerLayout.razor.css **/

/* Ensure the page layout fills the entire viewport height */
.page[b-sofl6sfljr] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    width: 100vw;
    overflow: hidden; /* Prevent page-level scrolling */
    padding: 0;
}

/* Header at the top */
.header[b-sofl6sfljr] {
    background-color: #f8f9fa;
    width: 100%;
    position: sticky; /* Sticks to the top */
    top: 0;
    z-index: 1000; /* Ensure it stays on top of other content */
}

/* Main content area should grow and allow scrolling within its own area */
.content[b-sofl6sfljr] {
    flex-grow: 1;
    padding: 0px;
    overflow-y: auto; /* Enable scrolling only within the content area */
    overflow-x: hidden;
    max-height: calc(100vh - 40px - 40px); /* Adjust height between header and footer */
}

/* Additional style to ensure sidebar layout sidebar height is 100% of the available space */
.sidebar-layout .sidebar[b-sofl6sfljr] {
    height: 100%; /* Ensure sidebar takes the full height of the layout */
    overflow-y: auto; /* Scrollable sidebar content if it's too long */
    background-color: #343a40; /* Dark background for the sidebar */
    color: white; /* White text in the sidebar */
}

/* Style the sidebar links */
.sidebar-layout .nav-link[b-sofl6sfljr] {
    color: white; /* Sidebar links are white */
}

.sidebar-layout .nav-link.active[b-sofl6sfljr] {
    background-color: #007bff; /* Highlight active link */
    color: white;
}

/* Footer sticks to the bottom */
footer.footer[b-sofl6sfljr] {
    background-color: #f8f9fa; /* Light grey background */
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    color: #6c757d; /* Dark grey text */
    position: sticky;
    bottom: 0;
    height: 40px; /* Fixed height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: flex-end; /* Right-align content */
    margin: 0; /* No margins */
    padding: 0; /* No padding */
}
/* /Components/Pages/Employer/Layout/EmployerNavMenu.razor.rz.scp.css */
/** EmployerNavMenu.razor.css **/

.navbar-collapse[b-k9pf8gvyd0] {
    flex-grow: 1;
}

.collapse[b-k9pf8gvyd0] {
    display: none;
}

.collapse.show[b-k9pf8gvyd0] {
    display: block;
}

.navbar[b-k9pf8gvyd0] {
    background-color: #f8f9fa; /* Light background */
    border-bottom: 1px solid #ddd;
}

.navbar-brand[b-k9pf8gvyd0] {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav[b-k9pf8gvyd0] {
    display: flex;
    align-items: center;
}

.nav-item .nav-link[b-k9pf8gvyd0] {
    padding: 10px 15px;
}

.navbar-toggler[b-k9pf8gvyd0] {
    border: none; /* Remove border around hamburger button */
}

.navbar-toggler-icon[b-k9pf8gvyd0] {
    color: #000; /* Customize color of the hamburger icon */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav[b-k9pf8gvyd0] {
        flex-direction: column;
    }

    .navbar-collapse[b-k9pf8gvyd0] {
        text-align: center;
    }
}
/* /Components/Pages/Employer/RecruitmentProcess/CheckExistingStaff/Layout/SidebarLayout.razor.rz.scp.css */
/** SidebarLayout.razor.css **/

div.sidebar-layout[b-jdt2a4td33] {
    display: flex;
}

/* Sidebar styles */
aside.sidebar[b-jdt2a4td33] {
    width: 275px !important; /* Fixed width for the sidebar */
    background-color: #f8f9fa; /* Light grey background */
    flex-shrink: 0; /* Prevent shrinking of the sidebar */
    border-right: 1px solid #ddd; /* Light border for visual separation */
}

/* Content area styles */
section.content-area[b-jdt2a4td33] {
    flex-grow: 1; /* Takes up the remaining space */
    padding: 36px;
    overflow-y: auto; /* Allow scrolling within the content area */
}
/* /Components/Pages/Employer/RecruitmentProcess/OngoingRecruitmentOfNewStaff/Layout/SidebarLayout.razor.rz.scp.css */
/** SidebarLayout.razor.css **/
div.sidebar-layout[b-89mz4g6svz] {
    display: flex;
}

/* Sidebar styles */
aside.sidebar[b-89mz4g6svz] {
    width: 275px !important; /* Fixed width for the sidebar */
    background-color: #f8f9fa; /* Light grey background */
    flex-shrink: 0; /* Prevent shrinking of the sidebar */
    border-right: 1px solid #ddd; /* Light border for visual separation */
}

/* Content area styles */
section.content-area[b-89mz4g6svz] {
    flex-grow: 1; /* Takes up the remaining space */
    padding: 36px;
    overflow-y: auto; /* Allow scrolling within the content area */
}
/* /Components/Pages/Employer/RecruitmentProcess/OngoingRecruitmentOfNewStaff/Step01-MatchCandidates/index.razor.rz.scp.css */
/** index.razor.css **/

.btn-group-vertical .btn[b-q8hi195uk5] {
    text-align: left;
    padding: 10px 15px;
}

.nav-link[b-q8hi195uk5] {
    cursor: pointer; /* Ensure the pointer (hand) icon is shown */
}

treeview .nav-link[b-q8hi195uk5] {
    cursor: pointer;
    color: #495057; /* Bootstrap's text-muted color */
    text-decoration: none;
}

.treeview .nav-link:hover[b-q8hi195uk5] {
    color: #007bff; /* Bootstrap's primary color */
}

.treeview i[b-q8hi195uk5] {
    margin-right: 5px;
}
/* /Components/Pages/Employer/RecruitmentProcess/RecruitNewStaff/Layout/SidebarLayout.razor.rz.scp.css */
/** SidebarLayout.razor.css **/

div.sidebar-layout[b-1him7l18h0] {
    display: flex;
}

/* Sidebar styles */
aside.sidebar[b-1him7l18h0] {
    width: 275px !important; /* Fixed width for the sidebar */
    background-color: #f8f9fa; /* Light grey background */
    flex-shrink: 0; /* Prevent shrinking of the sidebar */
    border-right: 1px solid #ddd; /* Light border for visual separation */
}

/* Content area styles */
section.content-area[b-1him7l18h0] {
    flex-grow: 1; /* Takes up the remaining space */
    padding: 36px;
    overflow-y: auto; /* Allow scrolling within the content area */
}
/* /Components/Pages/JobOffer/Layout/JobOfferLayout.razor.rz.scp.css */
/** CandidateLayout.razor.css **/

/* Ensure the page layout fills the entire viewport height */
:root[b-dwn6tfokts], html[b-dwn6tfokts], body[b-dwn6tfokts] {
    height: 100%;
}

.page[b-dwn6tfokts] {
    min-height: 100vh; /* full viewport height */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(225, 223, 217);
}

/* Header at the top */
.header[b-dwn6tfokts] {
    background-color: rgb(225, 223, 217);
    width: 100%;
    position: sticky; /* Sticks to the top */
    top: 0;
    z-index: 1000; /* Ensure it stays on top of other content */
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    max-width: 1000px;
}

/* Push the language switcher to the right */
.lang-switcher[b-dwn6tfokts] {
    margin-left: auto; /* works without Bootstrap */
}

/* Main content area should grow and allow scrolling within its own area */
.content[b-dwn6tfokts] {
    flex: 1 0 auto; /* take remaining space */
    padding: 0px;
    margin-bottom: 0 !important;
    overflow-y: auto; /* Enable scrolling only within the content area */
    overflow-x: hidden;
    max-height: calc(100vh - 40px - 40px); /* Adjust height between header and footer */
    max-width: 1000px;
}

/* Additional style to ensure sidebar layout sidebar height is 100% of the available space */
.sidebar-layout .sidebar[b-dwn6tfokts] {
    height: 100%; /* Ensure sidebar takes the full height of the layout */
    overflow-y: auto; /* Scrollable sidebar content if it's too long */
    background-color: #343a40; /* Dark background for the sidebar */
    color: white; /* White text in the sidebar */
}

/* Style the sidebar links */
.sidebar-layout .nav-link[b-dwn6tfokts] {
    color: white; /* Sidebar links are white */
}

.sidebar-layout .nav-link.active[b-dwn6tfokts] {
    background-color: #007bff; /* Highlight active link */
    color: white;
}

/* Footer sticks to the bottom */
footer.footer[b-dwn6tfokts] {
    background-color: rgb(225, 223, 217);
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    color: #6c757d; /* Dark grey text */
    position: sticky;
    bottom: 0;
    height: 40px; /* Fixed height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: flex-end; /* Right-align content */
    margin: 0 !important; /* No margins */
    padding: 0 !important; /* No padding */
    max-width: 1000px;
}

/* Optional: remove default margin from the last element inside content to avoid extra gap */
.content > :last-child[b-dwn6tfokts] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Header brand styling: "Framsti" */
.brand-framsti[b-dwn6tfokts] {
    color: rgb(32, 157, 80);
    cursor: pointer;
    font-family: "Shrikhand", cursive;
    font-size: 25.5px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.51px;
    line-height: 30.6px;
    opacity: 1;
    overflow-wrap: break-word;
    pointer-events: auto;
    text-decoration-color: rgb(32, 157, 80);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-transform: none;
}

/* Center body area and align width constraints to page sections */
.prei-center[b-dwn6tfokts] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.prei-chat-wrap[b-dwn6tfokts] {
    width: 100%;
    max-width: 1000px;   /* was 900px */
    min-width: 500px;    /* add min width */
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
/* /Components/Pages/JobOffer/Layout/JobOfferNavMenu.razor.rz.scp.css */
/** CandidateNavMenu.razor.css **/

.navbar-collapse[b-eqm7gpn8xm] {
    flex-grow: 1;
}

.collapse[b-eqm7gpn8xm] {
    display: none;
}

.collapse.show[b-eqm7gpn8xm] {
    display: block;
}

.navbar[b-eqm7gpn8xm] {
    background-color: #f8f9fa; /* Light background */
    border-bottom: 1px solid #ddd;
}

.navbar-brand[b-eqm7gpn8xm] {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav[b-eqm7gpn8xm] {
    display: flex;
    align-items: center;
}

.nav-item .nav-link[b-eqm7gpn8xm] {
    padding: 10px 15px;
}

.navbar-toggler[b-eqm7gpn8xm] {
    border: none; /* Remove border around hamburger button */
}

.navbar-toggler-icon[b-eqm7gpn8xm] {
    color: #000; /* Customize color of the hamburger icon */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav[b-eqm7gpn8xm] {
        flex-direction: column;
    }

    .navbar-collapse[b-eqm7gpn8xm] {
        text-align: center;
    }
}
/* /Components/Pages/JobOffer/PreInterview/Index.razor.rz.scp.css */
/* Center the chat area horizontally on the page */
.prei-center[b-2omnqqsk6r] {
    display: flex;
    justify-content: center; /* horizontal center */
    width: 100%;
}

/* Constrain content width and keep it centered */
.prei-chat-wrap[b-2omnqqsk6r] {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Typography */
.prei-text[b-2omnqqsk6r] {
    font-family: "Bitter", serif;
    font-size: 23.6px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 35.4px;
    /*margin: 16px 0;*/
    overflow-wrap: break-word;
    text-align: justify;
    text-transform: none;
    white-space-collapse: collapse;
    text-wrap-mode: wrap;
}

.prei-heading[b-2omnqqsk6r] {
    font-family: "Bitter", serif;
    font-size: 23.6px;
    font-style: normal;
    font-weight: 600;
    line-height: 35.4px;
    margin: 16px 0;
    text-align: justify;
}

/* Override Bootstrap button typography for THIS page (scoped CSS will apply only to this component) */
/* Make all buttons on this page use the same typography as normal text (.prei-text) */
.btn[b-2omnqqsk6r],
.btn.prei-button[b-2omnqqsk6r] {
    font-family: "Bitter", serif !important;
    font-size: 23.6px !important;    /* match .prei-text */
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 35.4px !important;  /* match .prei-text */
    text-transform: none !important;
    text-align: justify; /* consistent with body text */
    white-space: normal;
}

/* Optional: ensure button text inherits the same rendering behavior as other text */
.btn span[b-2omnqqsk6r],
.btn pre[b-2omnqqsk6r],
.btn code[b-2omnqqsk6r] {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Inputs: Bitter but normal control sizing */
.form-control.prei-form-control[b-2omnqqsk6r] {
    font-family: "Bitter", serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Match chat textbox (textarea) font to standard text (.prei-text) */
textarea.form-control.prei-form-control[b-2omnqqsk6r],
input.form-control.prei-form-control[b-2omnqqsk6r] {
    font-family: "Bitter", serif !important;
    font-size: 23.6px !important;      /* same as .prei-text */
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 35.4px !important;     /* same as .prei-text */
    text-transform: none !important;
    text-align: justify;                /* match body text alignment */
    white-space: normal;
}

/* Chat container */
.chat-container[b-2omnqqsk6r] {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 1rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

/* Make inner sections full width too */
.chat-container .messages[b-2omnqqsk6r],
.chat-container .input-area[b-2omnqqsk6r] {
    width: 100%;
}

/* Avoid accidental width reductions from nested containers */
.chat-container .prei-text[b-2omnqqsk6r] {
    margin-left: 0;
    margin-right: 0;
}

.messages[b-2omnqqsk6r] {
    height: 250px;
    overflow-y: auto;
    padding: 0.5rem;
    margin-bottom: 1rem;
    white-space: pre-wrap;
    scroll-behavior: smooth;
    background-color: #ffffff;
    border-radius: 5px;
}

.message[b-2omnqqsk6r] {
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    word-wrap: break-word;
    line-height: 1.5;
}

.user-message[b-2omnqqsk6r] {
    background-color: #d1e7dd;
    color: #0f5132;
    align-self: flex-end;
    text-align: left;
    max-width: 70%;
}

.bot-message[b-2omnqqsk6r] {
    background-color: #f0f0f0;
    color: #000000;
    align-self: flex-start;
    text-align: left;
    max-width: 70%;
}

.user-message + .bot-message[b-2omnqqsk6r],
.bot-message + .user-message[b-2omnqqsk6r] {
    margin-top: 1rem;
}

@keyframes blink-b-2omnqqsk6r { 50% { opacity: 0.0; } }
.blink[b-2omnqqsk6r] { animation: blink-b-2omnqqsk6r 1s step-start 0s infinite; }

/* Optional: if you still want a little spacing around the chat, add it to the card-body instead */
.card-body.prei-text[b-2omnqqsk6r] {
    padding: 1rem;
}