/* _content/RDL/Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.nav-link.active[b-ssnk4xmkbn] {
    color: #308798 !important;
}

ul.nav.nav-pills .nav-link.active[b-ssnk4xmkbn] {
    color: #308798 !important;
}

.nav-link .active[b-ssnk4xmkbn] {
    color: #308798 !important;
}

/* Optionally, to change the background color of buttons */
button[b-ssnk4xmkbn] {
    background-color: #308798 !important;
    color: white; /* Adjust the text color as needed */
}
/* _content/RDL/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.nav-link.active[b-riqb32cbj8] {
    color: #308798 !important;
}

ul.nav.nav-pills .nav-link.active[b-riqb32cbj8] {
    color: #308798 !important;
}

/* Optionally, to change the background color of buttons */
button[b-riqb32cbj8] {
    background-color: #308798 !important;
    color: white; /* Adjust the text color as needed */
}
/* _content/RDL/Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.nav-item.active[b-rvhf5sreld] {
    color: #308798 !important;
    background-color: #308798 !important;

}

ul.nav.nav-pills .nav-item .active[b-rvhf5sreld] {
    color: #308798 !important;
    background-color: #308798 !important;

}

/* Optionally, to change the background color of buttons */
button[b-rvhf5sreld] {
    background-color: #308798 !important;
    color: white; /* Adjust the text color as needed */
}
/* _content/RDL/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pp3f5qszno] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-pp3f5qszno] {
    flex: 1;
}

.sidebar[b-pp3f5qszno] {
    background-image: linear-gradient(180deg, #346b7a, #308798 90%);
    width: 250px; /* default width */
    transition: width 0.3s ease; /* smooth transition for width change */
}

/* Add a class for the collapsed state of the sidebar */
.sidebar.collapsed[b-pp3f5qszno] {
    width: 80px; /* collapsed width */
}

.top-row[b-pp3f5qszno] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 4rem;
    display: flex;
    align-items: center;
}

.top-row[b-pp3f5qszno]  a, .top-row[b-pp3f5qszno]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-pp3f5qszno]  a:hover, .top-row[b-pp3f5qszno]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-pp3f5qszno]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-pp3f5qszno] {
        justify-content: space-between;
    }

    .top-row[b-pp3f5qszno]  a, .top-row[b-pp3f5qszno]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-pp3f5qszno] {
        flex-direction: row;
    }

    .sidebar[b-pp3f5qszno] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-pp3f5qszno] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-pp3f5qszno]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-pp3f5qszno], article[b-pp3f5qszno] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-pp3f5qszno] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-pp3f5qszno] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}



.navbar-toggler-icon bi[b-pp3f5qszno] {
    color: black !important;
}


.navbar-toggler-icon[b-pp3f5qszno] {
    position: absolute;
    top: 25px;
    left: 15px;
    transform: translateY(-50%);
    color: black !important;
    margin-left: 2px; /* Horizontal spacing from the left wall */
    z-index: 2000; /* Ensures the icon is clickable and on top of other elements */
}

.navbar-toggler-icon[b-pp3f5qszno] {
    z-index: 2000; /* Increase if needed */
    position: absolute;
    /* Other styles */
}

.navbar-toggler-icon[b-pp3f5qszno] {
    /* Existing styles */
    padding: 10px; /* Increase padding for larger clickable area */
    cursor: pointer; /* To indicate it's clickable */
}

/* Targeting the text inside nav links to hide it when the sidebar is collapsed */
.sidebar.collapsed .nav-scrollable .nav-link span[b-pp3f5qszno] {
    display: none !important;
}

.opaque[b-pp3f5qszno] {
    opacity: 1; /* Fully opaque */
    transition: opacity 0.3s ease; /* Smooth transition for opacity change */
}

.transparent[b-pp3f5qszno] {
    opacity: 0; /* Fully transparent */
    transition: opacity 0.3s ease; /* Smooth transition for opacity change */
}
/* _content/RDL/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-alpq1w1fpq] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: black;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-alpq1w1fpq] {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.top-row[b-alpq1w1fpq] {
    height: 4rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
}

.navbar-brand[b-alpq1w1fpq] {
    font-size: 1.1rem;
    margin-left: 10px;
}

.bi[b-alpq1w1fpq] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-alpq1w1fpq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-alpq1w1fpq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-alpq1w1fpq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-alpq1w1fpq] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-alpq1w1fpq] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-alpq1w1fpq] {
    padding-bottom: 1rem;
}

.nav-item[b-alpq1w1fpq]  .nav-link {
    color: #d7d7d7 !important;
    background: none !important;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-alpq1w1fpq]  a.active {
    background-color: rgba(255,255,255,0.37) !important;
    color: white !important;
}

.nav-item[b-alpq1w1fpq]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1) !important;
    color: white !important;
}

.nav-scrollable[b-alpq1w1fpq] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-alpq1w1fpq] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-alpq1w1fpq] {
        display: none;
    }

    .nav-scrollable[b-alpq1w1fpq] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.category-title[b-alpq1w1fpq] {
    font-weight: bold;
    color: white !important; /* Ensuring text is white */
    margin-left: 50px; /* Added left margin */
}

.ds-number[b-alpq1w1fpq] {
    margin-left: 50px; /* Indentation for dsNumber items */
}

.ds-number span[b-alpq1w1fpq] {
    margin-left: 50px; /* Indentation for dsNumber items */
}

.nav-link[b-alpq1w1fpq] {
    color: white !important; /* Ensuring text is white */
}

.navbar-toggler-icon bi[b-alpq1w1fpq] {
    color: black !important;
}

.container-fluid[b-alpq1w1fpq] {
    position: relative;
}

.bi[b-alpq1w1fpq] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    margin-left: 13px; /* Added left margin */
    top: -1px;
    background-size: cover;
}
/* _content/RDL/Components/Pages/CDD.razor.rz.scp.css */
.pill-container[b-5fav9sy9yf] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 0.8em;
}

.pill-button[b-5fav9sy9yf] {
    margin-right: 9px;
    border: none;
    border-radius: 50px;
    padding: 5px 15px;
    cursor: pointer;
    background-color: lightgray;
    transition: background-color 0.3s;
}

.pill-button:hover[b-5fav9sy9yf] {
    background-color: gray;
}

.pill-button.selected[b-5fav9sy9yf] {
    background: #346b7a;
    color: white;
}

/* _content/RDL/Components/Pages/Cfihos.razor.rz.scp.css */
.iframe-container[b-3y5oedxllp] {
    overflow: hidden;
    height: 880px; /* Adjust this to the desired visible height of the iframe */
    position: relative;
    width: 100%;
}

.iframe-container iframe[b-3y5oedxllp] {
    height: 42rem; /* Total height of the iframe content */
    width: 100%;
    border: none;
    position: absolute;
    top: -50px; /* Shifts the iframe content upwards */
    left: 0;
}

.flex-container[b-3y5oedxllp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 30px; /* Add padding to the left side of the flex container */
}

.logo[b-3y5oedxllp] {
    height: 60px; /* Adjust the height as needed */
    width: auto;
}

.flex-container p[b-3y5oedxllp] {
    margin-top: 0; /* Remove default top margin from paragraph if needed */
}
/* _content/RDL/Components/Pages/DsDetails.razor.rz.scp.css */
.attribute-list[b-z2yntn8pbu] {
    border: 1px solid #ccc; /* Light grey border */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); /* Drop shadow */
    background-color: white; /* White background */
    padding: 15px; /* Some padding around the content */
    margin-bottom: 10px; /* Space between buttons */
    border-radius: 4px; /* Slightly rounded corners for the card effect */
    overflow-y: auto; /* Only vertical scrolling */
    overflow-x: hidden; /* No horizontal scrolling */
    max-height: 75vh; /* Maximum height before scrolling */
    word-wrap: break-word; /* Ensures that long words will wrap and not overflow */
}

.attribute-button[b-z2yntn8pbu] {
    display: block; /* Make the button fill the container */
    text-align: left; /* Align text to the left */
    width: 100%; /* Full width */
    margin: 5px 0; /* Margin top and bottom */
    padding: 10px; /* Padding inside the button */
    padding-left: 15px; /* Increase left padding to create space between the line and text */
    border: none; /* No border */
    background-color: transparent; /* Transparent background */
    border-radius: 4px; /* Slightly rounded corners */
    cursor: pointer; /* Cursor to indicate it's clickable */
    position: relative; /* Needed for absolute positioning of the red line */
}

.attribute-button:hover[b-z2yntn8pbu] {
    background-color: #f0f0f0; /* Light grey background on hover */
}

.pill-container[b-z2yntn8pbu] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 0.8em;
}

.pill-button[b-z2yntn8pbu] {
    margin-right: 9px;
    border: none;
    border-radius: 50px;
    padding: 5px 15px;
    cursor: pointer;
    background-color: lightgray;
    transition: background-color 0.3s;
}

.pill-button:hover[b-z2yntn8pbu] {
    background-color: gray;
}

.pill-button.selected[b-z2yntn8pbu] {
    background: #346b7a;
    color: white;
}

 .clickable-row[b-z2yntn8pbu] {
     cursor: pointer;
     border: none; /* No border */
     background-color: transparent; /* Transparent background */
     border-radius: 4px; /* Slightly rounded corners */
 }

.clickable-row:hover[b-z2yntn8pbu] {
    background-color: #f0f0f0; /* Light grey background on hover */
}

.attribute-button[b-z2yntn8pbu]::before {
    content: ""; /* The pseudo-element content */
    position: absolute; /* Position relative to the button */
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px; /* Width of the red line */
    height: 70%; /* Height of the red line as a percentage of the button's height */
    background-color: var(--line-color, red); /* Use the variable, default to red */
    border-radius: 1px; /* Slightly rounded corners for the line */
}

.selected-attribute[b-z2yntn8pbu] {
    box-shadow: 0 0 0 0.2rem rgba(52, 107, 122, 0.50); /* Bootstrap-like focus box-shadow */
    padding-left: 25px;
    font-size:  1.2rem;
}

.slide-out-search[b-z2yntn8pbu] {
    position: fixed;
    right: -800px; /* Adjust the width */
    top: 0;
    width: 800px; /* Adjust the width */
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    transition: right 0.3s ease;
    z-index: 1000;
}

.slide-out-search.active[b-z2yntn8pbu] {
    right: 0;
}

#searchButton[b-z2yntn8pbu] {
    position: fixed;
    right: -42px; /* Align with the right edge of the viewport */
    top: 18%; /* Start at the vertical middle of the viewport */
    transform: translateY(-50%) rotate(-90deg); /* Rotate the entire button and center vertically */
    z-index: 1010; /* Ensure it's above the slide-out-search */
    height: 30px;  /* Adjust the height as needed */
    width: 120px; /* Adjust the width as needed */
    background: rgba(128, 128, 128, .4);
    color: black;
    border-radius: 50px;
}

#searchButton:hover[b-z2yntn8pbu], #searchButton.active[b-z2yntn8pbu] {
    background-color: #346b7a; /* Green color on hover and when active */
    color: white; /* Change text color to white */
}

#searchButton.active[b-z2yntn8pbu] {
    background: #346b7a;
    color: white;
}

.slide-out-search[b-z2yntn8pbu] {
    position: fixed;
    right: -800px; /* This width should match the actual width of the component */
    /* ... other styles ... */
}

.slide-out-search.active + #searchButton[b-z2yntn8pbu] {
    right: 758px; /* Adjust this value to match the slide-out width */
}

.slide-out-search[b-z2yntn8pbu] {
    /* Other styles */
    transition: right 0.5s ease-in-out; /* Increased duration and changed timing function */
}

#searchButton[b-z2yntn8pbu] {
    /* Other styles */
    transition: right 0.5s ease-in-out; /* Same duration and timing function as the search bar */
}

#searchButton[b-z2yntn8pbu] {
    /* ... existing styles ... */
    background: rgba(194, 194, 194, 0.41); /* Lighter grey background */
    color: rgba(0, 0, 0, 0.38); /* Semi-transparent black text for better visibility */
    /* ... other styles ... */
    border-color: rgba(194, 194, 194, 0.41); /* Lighter grey background */

}


.btn-close[b-z2yntn8pbu] {
    position: absolute;
    top: 1rem; /* Adjust as needed */
    right: 1rem; /* Adjust as needed */
    z-index: 1050; /* Ensure it's above other content */
}


/* _content/RDL/Components/Pages/Home.razor.rz.scp.css */
/* Existing styles */
.has-search .form-control[b-coikr6u7k5] {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback[b-coikr6u7k5] {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/* Styles for wrapping the search box */

.main[b-coikr6u7k5] {
    width: 50%;
    margin: 50px auto;
}

/* Bootstrap 4 text input with search icon */

.has-search .form-control[b-coikr6u7k5] {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback[b-coikr6u7k5] {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/* Styling for the button group with wrapping */
.cutoff[b-coikr6u7k5] {
    display: flex;
    flex-wrap: wrap; /* Enable wrapping of items */
    gap: 10px; /* Optional: adds some space between buttons */
}

/* Styling for individual buttons */
.cutoff .btn[b-coikr6u7k5] {
    margin-bottom: 10px; /* Space below each button for when they wrap */
    white-space: nowrap; /* Prevents the text inside buttons from wrapping */
}

.slide-out-search[b-coikr6u7k5] {
    position: fixed;
    right: -800px; /* Adjust the width */
    top: 0;
    width: 800px; /* Adjust the width */
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    transition: right 0.3s ease;
    z-index: 1000;
}

.slide-out-search.active[b-coikr6u7k5] {
    right: 0;
}

#searchButton[b-coikr6u7k5] {
    position: fixed;
    right: -42px; /* Align with the right edge of the viewport */
    top: 18%; /* Start at the vertical middle of the viewport */
    transform: translateY(-50%) rotate(-90deg); /* Rotate the entire button and center vertically */
    z-index: 1010; /* Ensure it's above the slide-out-search */
    height: 30px;  /* Adjust the height as needed */
    width: 120px; /* Adjust the width as needed */
    background: rgba(128, 128, 128, .4);
    color: black;
    border-radius: 50px;
}

#searchButton:hover[b-coikr6u7k5], #searchButton.active[b-coikr6u7k5] {
    background-color: #346b7a; /* Green color on hover and when active */
    color: white; /* Change text color to white */
}

#searchButton.active[b-coikr6u7k5] {
    background: #346b7a;
    color: white;
}

.slide-out-search[b-coikr6u7k5] {
    position: fixed;
    right: -800px; /* This width should match the actual width of the component */
    /* ... other styles ... */
}

.slide-out-search.active + #searchButton[b-coikr6u7k5] {
    right: 758px; /* Adjust this value to match the slide-out width */
}

.slide-out-search[b-coikr6u7k5] {
    /* Other styles */
    transition: right 0.5s ease-in-out; /* Increased duration and changed timing function */
}

#searchButton[b-coikr6u7k5] {
    /* Other styles */
    transition: right 0.5s ease-in-out; /* Same duration and timing function as the search bar */
}

#searchButton[b-coikr6u7k5] {
    /* ... existing styles ... */
    background: rgba(194, 194, 194, 0.41); /* Lighter grey background */
    color: rgba(0, 0, 0, 0.38); /* Semi-transparent black text for better visibility */
    /* ... other styles ... */
    border-color: rgba(194, 194, 194, 0.41); /* Lighter grey background */

}


.btn-close[b-coikr6u7k5] {
    position: absolute;
    top: 1rem; /* Adjust as needed */
    right: 1rem; /* Adjust as needed */
    z-index: 1050; /* Ensure it's above other content */
}
/* _content/RDL/Components/Pages/NormalizedViewer.razor.rz.scp.css */
.container[b-6j195bit7f] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: 'Segoe UI', Arial, sans-serif;
    padding: 15px;
    border-radius: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    min-height: 50vh;
    position: relative;
}

.block[b-6j195bit7f] {
    border: 1px solid rgba(173, 216, 230, 0.6);
    margin: 8px;
    padding: 15px;
    flex-grow: 1;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    width: 100%;
}

.header[b-6j195bit7f] {
    background-color: #346b7a;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.att-label[b-6j195bit7f] {
    background-color: #346b7a;
    color: white;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
}

.olop[b-6j195bit7f], .dlop1[b-6j195bit7f], .dlop2[b-6j195bit7f] {
    flex: 1;
    margin-right: 10px;
}

.block:hover[b-6j195bit7f] {
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.3);
    transform: scale(1.02);
}

.container-wrapper[b-6j195bit7f], .glassmorphism-container[b-6j195bit7f] {
    position: relative;
    width: 90%;
    margin: 5% auto;
    display: flex;
}

.glassmorphism-container[b-6j195bit7f] {
    height: 20%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(128, 128, 128, 0.5);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding-top: 3em;
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.search-bar[b-6j195bit7f] {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
    padding: 10px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.search-bar input[b-6j195bit7f] {
    width: 80%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    outline: none;
}


.search-bar button[b-6j195bit7f], .search-button[b-6j195bit7f]{
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    background-color: #555;
    color: #fff;
    transition: background-color 0.3s ease;
    outline: 2px solid #308798;
}

.container-wrapper .search-bar .search-button[b-6j195bit7f] {
    background-color: #308798;
    color: white;
}

.search-button[b-6j195bit7f] {
    background-color: #308798 !important;
    color: white !important;
}

.message-text[b-6j195bit7f] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    color: #346b7a;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .container[b-6j195bit7f] {
        flex-direction: column;
        align-items: center;
    }
    .block[b-6j195bit7f] {
        margin: 8px 0;
    }
    body[b-6j195bit7f] {
        font-size: 0.9em;
    }
    .search-bar[b-6j195bit7f] {
        width: 95%;
        top: -30px;
    }
    .message-text[b-6j195bit7f] {
        font-size: 1em;
        padding: 15px;
        margin-top: 15px;
    }
}
/* _content/RDL/Components/Pages/PCA.razor.rz.scp.css */
.iframe-container[b-alif4g9o4q] {
    overflow: hidden;
    height: 880px; /* Adjust this to the desired visible height of the iframe */
    position: relative;
    width: 100%;
}

.iframe-container iframe[b-alif4g9o4q] {
    height: 42rem; /* Total height of the iframe content */
    width: 100%;
    border: none;
    position: absolute;
    top: -50px; /* Shifts the iframe content upwards */
    left: 0;
}

.flex-container[b-alif4g9o4q] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 30px; /* Add padding to the left side of the flex container */
}

.logo[b-alif4g9o4q] {
    height: 60px; /* Adjust the height as needed */
    width: auto;
}

.flex-container p[b-alif4g9o4q] {
    margin-top: 0; /* Remove default top margin from paragraph if needed */
}
/* _content/RDL/Components/Pages/SearchAtt.razor.rz.scp.css */
.slide-out-search[b-id62ee2ams] {
    position: fixed;
    right: -800px; /* Adjust the width */
    top: 0;
    width: 800px; /* Adjust the width */
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    transition: right 0.3s ease;
    z-index: 1000;
}

.slide-out-search.active[b-id62ee2ams] {
    right: 0;
}

#searchButton[b-id62ee2ams] {
    position: fixed;
    right: -42px; /* Align with the right edge of the viewport */
    top: 18%; /* Start at the vertical middle of the viewport */
    transform: translateY(-50%) rotate(-90deg); /* Rotate the entire button and center vertically */
    z-index: 1010; /* Ensure it's above the slide-out-search */
    height: 30px;  /* Adjust the height as needed */
    width: 120px; /* Adjust the width as needed */
    background: rgba(128, 128, 128, .4);
    color: black;
    border-radius: 50px;
}

#searchButton:hover[b-id62ee2ams], #searchButton.active[b-id62ee2ams] {
    background-color: #346b7a; /* Green color on hover and when active */
    color: white; /* Change text color to white */
}

#searchButton.active[b-id62ee2ams] {
    background: #346b7a;
    color: white;
}

.slide-out-search[b-id62ee2ams] {
    position: fixed;
    right: -800px; /* This width should match the actual width of the component */
    /* ... other styles ... */
}

.slide-out-search.active + #searchButton[b-id62ee2ams] {
    right: 758px; /* Adjust this value to match the slide-out width */
}

.slide-out-search[b-id62ee2ams] {
    /* Other styles */
    transition: right 0.5s ease-in-out; /* Increased duration and changed timing function */
}

#searchButton[b-id62ee2ams] {
    /* Other styles */
    transition: right 0.5s ease-in-out; /* Same duration and timing function as the search bar */
}

#searchButton[b-id62ee2ams] {
    /* ... existing styles ... */
    background: rgba(194, 194, 194, 0.41); /* Lighter grey background */
    color: rgba(0, 0, 0, 0.38); /* Semi-transparent black text for better visibility */
    /* ... other styles ... */
    border-color: rgba(194, 194, 194, 0.41); /* Lighter grey background */

}


.btn-close[b-id62ee2ams] {
    position: absolute;
    top: 1rem; /* Adjust as needed */
    right: 1rem; /* Adjust as needed */
    z-index: 1050; /* Ensure it's above other content */
}
/* _content/RDL/Components/Shared/AttributeSearch.razor.rz.scp.css */
.container-wrapper[b-z64kh73ws7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    position: absolute;
    top: 60px;
    left: 60px;
    width: calc(100% - 120px); /* Adjust the width based on the left and top positioning */
}

.search-form[b-z64kh73ws7] {
    display: flex; /* Align form items inline */
    justify-content: center;
    max-width: 500px;
    width: 100%;
    margin-bottom: 20px;
}

.search-input[b-z64kh73ws7] {
    flex-grow: 1;
    padding: 10px;
    margin-right: -1px; /* Adjust for border alignment */
    border: 1px solid #ccc;
    border-radius: 25px 0 0 25px;
    border-right: none;
}

.search-button[b-z64kh73ws7] {
    padding: 10px 20px;
    border: 1px solid #346b7a;
    border-radius: 0 25px 25px 0;
    background-color: #346b7a;
    color: white;
    cursor: pointer;
}

.glassmorphism-container[b-z64kh73ws7] {
    margin-top: 50px; /* Adjust as needed */
    display: flex;
    gap: 20px;
    height: auto; /* Adjust based on content */
}

.left-panel[b-z64kh73ws7], .right-panel[b-z64kh73ws7] {
    flex: 1;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 20px;
    overflow-y: auto; /* For scrollable content */
}

.group-header[b-z64kh73ws7] {
    cursor: pointer;
    margin-bottom: 10px;
}

.result-table[b-z64kh73ws7] {
    width: 100%;
    border-collapse: collapse;
}

.result-table th[b-z64kh73ws7], .result-table td[b-z64kh73ws7] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.collapse-button[b-z64kh73ws7] {
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    border: none;
    background-color: transparent;
    color: #346b7a;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    vertical-align: middle;
}

.group-header[b-z64kh73ws7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.group-header h6[b-z64kh73ws7] {
    margin: 0;
    flex-grow: 1;
    /* additional styles if needed */
}

.right-panel table[b-z64kh73ws7] {
    width: 100%;
    /* Add other styles as necessary */
}

.right-panel table[b-z64kh73ws7], .right-panel th[b-z64kh73ws7], .right-panel td[b-z64kh73ws7] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

/* ... other styles ... */

.clickable-label[b-z64kh73ws7] {
    cursor: pointer;
    color: #346b7a; /* Bootstrap primary color, or choose your own */
    text-decoration: underline; /* Optional: underlines the text to indicate it's clickable */
}

.clickable-label:hover[b-z64kh73ws7] {
    color: #346b7a; /* Darker blue on hover */
}

.adjusted-height[b-z64kh73ws7] {
    height: 300px; /* Set the height to 100px */
    /* Add other styles if necessary */
}


.glassmorphism-container[b-z64kh73ws7] {
    display: flex;
    flex-direction: column; /* Stack main sections vertically */
    gap: 20px;
    width: 100%;
}

.top-panels[b-z64kh73ws7] {
    display: flex; /* This will hold the left and right panels side by side */
    gap: 20px;
}

.left-panel[b-z64kh73ws7], .right-panel[b-z64kh73ws7] {
    flex: 1; /* Each panel takes half the width of the container */
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 20px;
    height: 200px; /* Fixed height for both panels */
    overflow-y: auto; /* Enable vertical scrolling */
    word-wrap: normal; /* Wrap long words */
}

.fuzzy-matches[b-z64kh73ws7] {
    background: rgba(255, 255, 255, 0.8); /* Match the styling of the top panels */
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px; /* Space between top panels and fuzzy matches */
    height: calc(100vh - 350px); /* Adjust the height based on your layout */
    overflow-y: auto; /* Enable vertical scrolling */
    word-wrap: normal; /* Wrap long words */
}

/* Adjustments to tables to ensure proper word wrapping and scrolling */
.result-table[b-z64kh73ws7], .fuzzy-matches table[b-z64kh73ws7] {
    width: 100%;
    border-collapse: collapse;
    word-wrap: normal; /* Wrap words in tables */
}

.result-table th[b-z64kh73ws7], .result-table td[b-z64kh73ws7], .fuzzy-matches th[b-z64kh73ws7], .fuzzy-matches td[b-z64kh73ws7] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    word-break: break-all; /* Break words to avoid horizontal scrolling */
}

.container-wrapper[b-z64kh73ws7] {
    display: flex;
    justify-content: center; /* Horizontally center the search bar */
    padding-top: 20px;
    width: 100%; /* Full width to center within */
}

.search-form[b-z64kh73ws7] {
    display: flex; /* Align form items inline */
    justify-content: center;
    max-width: 500px;
    width: 100%;
    margin: 0 auto; /* Center the form in the available space */
    margin-bottom: 20px;
}

/* ... other styles remain unchanged ... */

/* Remove duplicate styles for .glassmorphism-container and ensure it's only defined once */
.glassmorphism-container[b-z64kh73ws7] {
    display: flex;
    flex-direction: column; /* Stack main sections vertically */
    gap: 20px;
    width: 100%;
}

/* Ensure the top-panels container only appears once in your CSS */
.top-panels[b-z64kh73ws7] {
    display: flex; /* This will hold the left and right panels side by side */
    gap: 20px;
}

/* ... */
.top-panels[b-z64kh73ws7] {
    display: flex;
    gap: 20px;
    background: rgba(52, 107, 122, 0.1); /* Very transparent blue */
    border-radius: 10px;
    padding: 20px;
}

.fuzzy-matches[b-z64kh73ws7] {
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    overflow-y: auto;
    word-wrap: normal;
    
}

/* ... other styles remain unchanged ... */

/* Update the left-panel and right-panel background to match if needed */
.left-panel[b-z64kh73ws7], .right-panel[b-z64kh73ws7] {
    flex: 1;
    background: rgba(255, 255, 255, 0.8) !important; /* This is the existing style, adjust if you want the same transparency */
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 20px;
    height: 195px;
    overflow-y: auto;
}





/* General font size reduction */
*[b-z64kh73ws7], *[b-z64kh73ws7]::before, *[b-z64kh73ws7]::after {
    font-size: 0.96em; /* Reduces font size to 75% of its original */
}

/* Reduce padding and margin for various elements */
.left-panel[b-z64kh73ws7], .right-panel[b-z64kh73ws7], .fuzzy-matches[b-z64kh73ws7], .result-table th[b-z64kh73ws7], .result-table td[b-z64kh73ws7], .fuzzy-matches th[b-z64kh73ws7], .fuzzy-matches td[b-z64kh73ws7] {
    padding: 6px; /* Smaller padding */
}

/* Adjusting table cell sizes */
.result-table th[b-z64kh73ws7], .result-table td[b-z64kh73ws7], .fuzzy-matches th[b-z64kh73ws7], .fuzzy-matches td[b-z64kh73ws7] {
    font-size: 1em; /* Slightly smaller text in tables */
}

/* Adjust form input and button sizes */
.search-input[b-z64kh73ws7], .search-button[b-z64kh73ws7] {
    font-size: 1em; /* Smaller text inside inputs and buttons */
    padding: 6px 6px; /* Smaller padding for inputs and buttons */
}

/* Ensure changes are not too drastic */
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)[b-z64kh73ws7] {
    min-font-size: 10px; /* Ensure text does not become too small to read */
}

.fuzzy-matches[b-z64kh73ws7] {
    min-font-size: 10px; /* Ensure text does not become too small to read */

}


.close-button[b-z64kh73ws7] {
    border: none;
    background: transparent;
    cursor: pointer;
    /* Style as needed */
}


/* Initial (minimized) state of the div */
.left-panel[b-z64kh73ws7] {
    transition: transform 0.5s ease; /* Transition effect over 0.5 seconds */
    transform: scale(1); /* Normal size */
    position: relative; /* Needed for absolute positioning of children */
}

/* Class to be toggled for expanding the div */
.expanded[b-z64kh73ws7] {
    height: 800px; /* Increased height when expanded */
}

.expand-text[b-z64kh73ws7] {
    position: absolute;
    top: 0; /* Stick to the bottom of the left-panel */
    right: 0px; /* Align to the right side */
    padding: 10px; /* Optional padding */
    cursor: pointer; /* Change cursor to indicate clickability */
    background-color: white; /* Optional: for better visibility */
}
.left-panel[b-z64kh73ws7] {
    padding-top: 20px; /* Adjust as needed based on the height of the EXPAND text */
    /* ... other styles ... */
}

.left-panel[b-z64kh73ws7] {
    /* ... existing styles ... */
    transition: height 0.3s ease-in-out; /* Smooth transition for height change */
}

.right-panel[b-z64kh73ws7] {
    /* ... existing styles ... */
    transition: height 0.4s ease-in-out; /* Smooth transition for height change */
}

.search-button:hover[b-z64kh73ws7], .close-button:hover[b-z64kh73ws7] {
    background-color: #2f5968; /* Darker shade on hover */
    transform: scale(1.05); /* Slightly enlarge on hover */
}

.search-input:focus[b-z64kh73ws7] {
    border-color: #346b7a; /* Highlight border on focus */
    transition: border-color 0.2s ease-in-out;
}

a:hover[b-z64kh73ws7], .clickable-label:hover[b-z64kh73ws7] {
    color: #2f5968; /* Darker color on hover */
    transition: color 0.2s ease-in-out; /* Smooth color transition */
}

a:hover[b-z64kh73ws7], .clickable-label:hover[b-z64kh73ws7] {
    color: #2f5968; /* Darker color on hover */
    transition: color 0.2s ease-in-out; /* Smooth color transition */
}

.glassmorphism-container:hover[b-z64kh73ws7] {
    box-shadow: 0px 0px 15px rgba(52, 107, 122, 0.2); /* Soft glow effect */
    transition: box-shadow 0.3s ease-in-out;
}

.expand-text:hover[b-z64kh73ws7] {
    color: #2f5968; /* Change color on hover */
    background-color: #e6e6e6; /* Light background on hover */
    transition: all 0.2s ease-in-out; /* Smooth transition for all properties */
}
/* _content/RDL/Components/Shared/FuzzyMatchTable.razor.rz.scp.css */
/* Centering and styling the total records count */
.total-records[b-fq0738hd39] {
    text-align: center;
    font-size: 1em; /* Adjust the font size as needed */
    color: #346b7a; /* Adjust the color to match your design */
    margin: 0.5em 0; /* Adds some space around the text */
}

/* Styling the align buttons */
.align-button[b-fq0738hd39] {
    padding: 5px 10px;
    border: 1px solid #387485;
    border-radius: 25px; /* Adjust as per your design */
    background-color: #387485;
    color: white;
    cursor: pointer;
    font-size: 1em; /* Adjust the font size as needed */
    text-align: center;
    display: inline-block;
    text-decoration: none; /* Removes underline from text if it's a link */
    
}

.align-button:hover[b-fq0738hd39] {
    background-color: rgba(69, 138, 161, 0.73); /* Slightly darker on hover */
}

/* Class to center content in a table cell */
.centered-content[b-fq0738hd39] {
    text-align: center; /* Centers horizontally */
    display: flex;
    justify-content: center; /* Centers horizontally for flex items */
    align-items: center; /* Centers vertically for flex items */
    height: 100%; /* Take full height of the cell */
}

.button-group-container[b-fq0738hd39] {
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center, if needed */
    margin: 0.5em 0; /* Adjust margin as needed */
}

.no-data[b-fq0738hd39] {
    /* Styles for highlighted button, e.g., different background color */
    background-color: grey; /* Example color */
}
/* _content/RDL/Components/Shared/Loading.razor.rz.scp.css */
.loading-container[b-vnzldrq5hm] {
    /* Your specific styles for the root element */
    --fg: #e3e4e8;
    --bg: #346b7a; /* Updated color for foreground elements */
    --dur: 8s;
    font-size: calc(20px + (30 - 20) * (100vw - 320px) / (1280 - 320));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 10%;
    left: 10%;
}


.loading-container p[b-vnzldrq5hm] {
    margin-top: 20px; /* Adjust as needed */
    text-align: center;
    color: var(--fg); /* Use the foreground color variable */
}

body[b-vnzldrq5hm] {
    background: var(--bg);
    color: var(--fg);
    font: bold 1em/1.5 "Comfortaa", sans-serif;
    display: grid;
    place-items: center;
    align-content: center;
    height: 100vh;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.hexagon[b-vnzldrq5hm] {
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;
    width: 15em;
    height: 15em;
}
.hexagon__group[b-vnzldrq5hm], .hexagon__sector[b-vnzldrq5hm], .hexagon__sector[b-vnzldrq5hm]:before, .hexagon__sector[b-vnzldrq5hm]:after {
    position: absolute;
}
.hexagon__group[b-vnzldrq5hm] {
    width: 100%;
    height: 100%;
}
.hexagon__group:nth-child(2) .hexagon__sector[b-vnzldrq5hm],
.hexagon__group:nth-child(2) .hexagon__sector[b-vnzldrq5hm]:before,
.hexagon__group:nth-child(2) .hexagon__sector[b-vnzldrq5hm]:after {
    animation-delay: calc(var(--dur) * -1/6);
}
.hexagon__group:nth-child(3) .hexagon__sector[b-vnzldrq5hm],
.hexagon__group:nth-child(3) .hexagon__sector[b-vnzldrq5hm]:before,
.hexagon__group:nth-child(3) .hexagon__sector[b-vnzldrq5hm]:after {
    animation-delay: calc(var(--dur) * -2/6);
}
.hexagon__group:nth-child(4) .hexagon__sector[b-vnzldrq5hm],
.hexagon__group:nth-child(4) .hexagon__sector[b-vnzldrq5hm]:before,
.hexagon__group:nth-child(4) .hexagon__sector[b-vnzldrq5hm]:after {
    animation-delay: calc(var(--dur) * -3/6);
}
.hexagon__group:nth-child(5) .hexagon__sector[b-vnzldrq5hm],
.hexagon__group:nth-child(5) .hexagon__sector[b-vnzldrq5hm]:before,
.hexagon__group:nth-child(5) .hexagon__sector[b-vnzldrq5hm]:after {
    animation-delay: calc(var(--dur) * -4/6);
}
.hexagon__group:nth-child(6) .hexagon__sector[b-vnzldrq5hm],
.hexagon__group:nth-child(6) .hexagon__sector[b-vnzldrq5hm]:before,
.hexagon__group:nth-child(6) .hexagon__sector[b-vnzldrq5hm]:after {
    animation-delay: calc(var(--dur) * -5/6);
}
.hexagon__group:nth-child(odd)[b-vnzldrq5hm] {
    transform: rotate(30deg);
}
.hexagon__sector[b-vnzldrq5hm], .hexagon__sector[b-vnzldrq5hm]:before, .hexagon__sector[b-vnzldrq5hm]:after {
    animation-duration: var(--dur);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /*animation-play-state: paused;*/
    width: 0.2em;
    height: 0.2em;
}
.hexagon__sector[b-vnzldrq5hm] {
    animation-name: moveOut1-b-vnzldrq5hm;
    top: calc(50% - 0.1em);
    left: calc(50% - 0.1em);
}
.hexagon__sector:nth-child(2)[b-vnzldrq5hm] {
    animation-name: moveOut2-b-vnzldrq5hm;
}
.hexagon__sector:nth-child(3)[b-vnzldrq5hm] {
    animation-name: moveOut3-b-vnzldrq5hm;
}
.hexagon__sector:nth-child(4)[b-vnzldrq5hm] {
    animation-name: moveOut4-b-vnzldrq5hm;
}
.hexagon__sector:nth-child(5)[b-vnzldrq5hm] {
    animation-name: moveOut5-b-vnzldrq5hm;
}
.hexagon__sector:nth-child(6)[b-vnzldrq5hm] {
    animation-name: moveOut6-b-vnzldrq5hm;
}
.hexagon__sector[b-vnzldrq5hm]:before, .hexagon__sector[b-vnzldrq5hm]:after {
    animation-name: ripple-b-vnzldrq5hm;
    background-color: currentColor;
    border-radius: 0.1em;
    content: "";
    display: block;
    top: 0;
    left: 0;
    transform-origin: 0.1em 0.1em;
}
.hexagon__sector[b-vnzldrq5hm]:before {
    transform: rotate(-30deg)
}
.hexagon__sector[b-vnzldrq5hm]:after {
    transform: rotate(-150deg)
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
    .loading-container[b-vnzldrq5hm] {
        --bg: #e3e4e8;
        --fg: #346b7a; /* Updated color for foreground elements */
    }
}
/* Animations */
@keyframes moveOut1-b-vnzldrq5hm {
    from { transform: translateY(0) scale(0); }
    3% { transform: translateY(0.2em) scale(1); }
    97% { transform: translateY(7.3em) scale(1); }
    to { transform: translateY(7.5em) scale(0); }
}
@keyframes moveOut2-b-vnzldrq5hm {
    from { transform: rotate(60deg) translateY(0) scale(0); }
    3% { transform: rotate(60deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(60deg) translateY(7.3em) scale(1); }
    to { transform: rotate(60deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut3-b-vnzldrq5hm {
    from { transform: rotate(120deg) translateY(0) scale(0); }
    3% { transform: rotate(120deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(120deg) translateY(7.3em) scale(1); }
    to { transform: rotate(120deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut4-b-vnzldrq5hm {
    from { transform: rotate(180deg) translateY(0) scale(0); }
    3% { transform: rotate(180deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(180deg) translateY(7.3em) scale(1); }
    to { transform: rotate(180deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut5-b-vnzldrq5hm {
    from { transform: rotate(240deg) translateY(0) scale(0); }
    3% { transform: rotate(240deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(240deg) translateY(7.3em) scale(1); }
    to { transform: rotate(240deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut6-b-vnzldrq5hm {
    from { transform: rotate(300deg) translateY(0) scale(0); }
    3% { transform: rotate(300deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(300deg) translateY(7.3em) scale(1); }
    to { transform: rotate(300deg) translateY(7.5em) scale(0); }
}
@keyframes ripple-b-vnzldrq5hm {
    from, to { width: 0.2em; }
    33% { width: 2.4em; }
}

.hexagon__sector[b-vnzldrq5hm], .hexagon__sector[b-vnzldrq5hm]:before, .hexagon__sector[b-vnzldrq5hm]:after {
    background-color: var(--fg); /* Use the foreground color variable */
}

.loading-container[b-vnzldrq5hm] {
    /* Your specific styles for the root element */
    --bg: #e3e4e8;
    --fg: #346b7a;
    --dur: 8s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed; /* This will ensure it's relative to the viewport */
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    z-index: 1500; /* Make sure this is above other content */
}
/* _content/RDL/Components/Shared/LoadingIframe.razor.rz.scp.css */
.loading-container[b-6aizdu2jit] {
    /* Your specific styles for the root element */
    --fg: #e3e4e8;
    --bg: #346b7a; /* Updated color for foreground elements */
    --dur: 8s;
    font-size: calc(20px + (30 - 20) * (10vw - 320px) / (1280 - 320));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 10vh;
    width: 10vw;
    position: absolute;
    top: 10%;
    left: 10%;
}


.loading-container p[b-6aizdu2jit] {
    margin-top: 20px; /* Adjust as needed */
    text-align: center;
    color: var(--fg); /* Use the foreground color variable */
}

body[b-6aizdu2jit] {
    background: var(--bg);
    color: var(--fg);
    font: bold 1em/1.5 "Comfortaa", sans-serif;
    display: grid;
    place-items: center;
    align-content: center;
    height: 100vh;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.hexagon[b-6aizdu2jit] {
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;
    width: 15em;
    height: 15em;
}
.hexagon__group[b-6aizdu2jit], .hexagon__sector[b-6aizdu2jit], .hexagon__sector[b-6aizdu2jit]:before, .hexagon__sector[b-6aizdu2jit]:after {
    position: absolute;
}
.hexagon__group[b-6aizdu2jit] {
    width: 100%;
    height: 100%;
}
.hexagon__group:nth-child(2) .hexagon__sector[b-6aizdu2jit],
.hexagon__group:nth-child(2) .hexagon__sector[b-6aizdu2jit]:before,
.hexagon__group:nth-child(2) .hexagon__sector[b-6aizdu2jit]:after {
    animation-delay: calc(var(--dur) * -1/6);
}
.hexagon__group:nth-child(3) .hexagon__sector[b-6aizdu2jit],
.hexagon__group:nth-child(3) .hexagon__sector[b-6aizdu2jit]:before,
.hexagon__group:nth-child(3) .hexagon__sector[b-6aizdu2jit]:after {
    animation-delay: calc(var(--dur) * -2/6);
}
.hexagon__group:nth-child(4) .hexagon__sector[b-6aizdu2jit],
.hexagon__group:nth-child(4) .hexagon__sector[b-6aizdu2jit]:before,
.hexagon__group:nth-child(4) .hexagon__sector[b-6aizdu2jit]:after {
    animation-delay: calc(var(--dur) * -3/6);
}
.hexagon__group:nth-child(5) .hexagon__sector[b-6aizdu2jit],
.hexagon__group:nth-child(5) .hexagon__sector[b-6aizdu2jit]:before,
.hexagon__group:nth-child(5) .hexagon__sector[b-6aizdu2jit]:after {
    animation-delay: calc(var(--dur) * -4/6);
}
.hexagon__group:nth-child(6) .hexagon__sector[b-6aizdu2jit],
.hexagon__group:nth-child(6) .hexagon__sector[b-6aizdu2jit]:before,
.hexagon__group:nth-child(6) .hexagon__sector[b-6aizdu2jit]:after {
    animation-delay: calc(var(--dur) * -5/6);
}
.hexagon__group:nth-child(odd)[b-6aizdu2jit] {
    transform: rotate(30deg);
}
.hexagon__sector[b-6aizdu2jit], .hexagon__sector[b-6aizdu2jit]:before, .hexagon__sector[b-6aizdu2jit]:after {
    animation-duration: var(--dur);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /*animation-play-state: paused;*/
    width: 0.2em;
    height: 0.2em;
}
.hexagon__sector[b-6aizdu2jit] {
    animation-name: moveOut1-b-6aizdu2jit;
    top: calc(50% - 0.1em);
    left: calc(50% - 0.1em);
}
.hexagon__sector:nth-child(2)[b-6aizdu2jit] {
    animation-name: moveOut2-b-6aizdu2jit;
}
.hexagon__sector:nth-child(3)[b-6aizdu2jit] {
    animation-name: moveOut3-b-6aizdu2jit;
}
.hexagon__sector:nth-child(4)[b-6aizdu2jit] {
    animation-name: moveOut4-b-6aizdu2jit;
}
.hexagon__sector:nth-child(5)[b-6aizdu2jit] {
    animation-name: moveOut5-b-6aizdu2jit;
}
.hexagon__sector:nth-child(6)[b-6aizdu2jit] {
    animation-name: moveOut6-b-6aizdu2jit;
}
.hexagon__sector[b-6aizdu2jit]:before, .hexagon__sector[b-6aizdu2jit]:after {
    animation-name: ripple-b-6aizdu2jit;
    background-color: currentColor;
    border-radius: 0.1em;
    content: "";
    display: block;
    top: 0;
    left: 0;
    transform-origin: 0.1em 0.1em;
}
.hexagon__sector[b-6aizdu2jit]:before {
    transform: rotate(-30deg)
}
.hexagon__sector[b-6aizdu2jit]:after {
    transform: rotate(-150deg)
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
    .loading-container[b-6aizdu2jit] {
        --bg: #e3e4e8;
        --fg: #346b7a; /* Updated color for foreground elements */
    }
}
/* Animations */
@keyframes moveOut1-b-6aizdu2jit {
    from { transform: translateY(0) scale(0); }
    3% { transform: translateY(0.2em) scale(1); }
    97% { transform: translateY(7.3em) scale(1); }
    to { transform: translateY(7.5em) scale(0); }
}
@keyframes moveOut2-b-6aizdu2jit {
    from { transform: rotate(60deg) translateY(0) scale(0); }
    3% { transform: rotate(60deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(60deg) translateY(7.3em) scale(1); }
    to { transform: rotate(60deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut3-b-6aizdu2jit {
    from { transform: rotate(120deg) translateY(0) scale(0); }
    3% { transform: rotate(120deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(120deg) translateY(7.3em) scale(1); }
    to { transform: rotate(120deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut4-b-6aizdu2jit {
    from { transform: rotate(180deg) translateY(0) scale(0); }
    3% { transform: rotate(180deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(180deg) translateY(7.3em) scale(1); }
    to { transform: rotate(180deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut5-b-6aizdu2jit {
    from { transform: rotate(240deg) translateY(0) scale(0); }
    3% { transform: rotate(240deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(240deg) translateY(7.3em) scale(1); }
    to { transform: rotate(240deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut6-b-6aizdu2jit {
    from { transform: rotate(300deg) translateY(0) scale(0); }
    3% { transform: rotate(300deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(300deg) translateY(7.3em) scale(1); }
    to { transform: rotate(300deg) translateY(7.5em) scale(0); }
}
@keyframes ripple-b-6aizdu2jit {
    from, to { width: 0.2em; }
    33% { width: 2.4em; }
}

.hexagon__sector[b-6aizdu2jit], .hexagon__sector[b-6aizdu2jit]:before, .hexagon__sector[b-6aizdu2jit]:after {
    background-color: var(--fg); /* Use the foreground color variable */
}

.loading-container[b-6aizdu2jit] {
    --bg: #e3e4e8;
    --fg: #346b7a;
    --dur: 8s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute; /* Position it over the iframe */
    top: 19px%;
    left: 0;
    width: 100%; /* Match the width of the iframe-container */
    height: 500px; /* Match the height of the iframe-container */
    background: white;
    z-index: 2000;
}
/* _content/RDL/Components/Shared/NormalizeRdl.razor.rz.scp.css */
.container[b-1m4q84okej] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.top-row[b-1m4q84okej] {
    display: flex;
    flex: 0 1 auto; /* Do not grow, but can shrink and is automatically sized */
}

.left-box[b-1m4q84okej], .right-box[b-1m4q84okej] {
    width: 30%;
    overflow-y: auto; /* Allows vertical scrolling */
    white-space: nowrap; /* For left-box to prevent word wrapping */
    word-break: break-all; /* For left-box to break long words */
}

.right-box[b-1m4q84okej] {
    white-space: normal; /* Overrides the nowrap from left-box for right-box */
    word-break: normal; /* Overrides the break-all from left-box for right-box */
}

.bottom-box[b-1m4q84okej] {
    flex-grow: 1; /* Takes up the remaining space */
    overflow-y: auto; /* Allows vertical scrolling */
}

/* Additional styling for scrollbar, box sizes, and any other desired styles */
/* _content/RDL/Components/Shared/RdlSearchComponent.razor.rz.scp.css */
.pill-container[b-k6tfvmu0pl] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 0.6em;
    padding-left:33px; /* Add padding to the left side of the flex container */
}

.pill-button[b-k6tfvmu0pl] {
    margin-right: 9px;
    border: none;
    border-radius: 50px;
    padding: 5px 15px;
    cursor: pointer;
    background-color: lightgray;
    transition: background-color 0.3s;
}

.pill-button:hover[b-k6tfvmu0pl] {
    background-color: gray;
}

.pill-button.selected[b-k6tfvmu0pl] {
    background: #346b7a;
    color: white;
}

.iframe-container[b-k6tfvmu0pl] {
    overflow: hidden;
    height: 80vh; /* Adjust this to the desired visible height of the iframe */
    position: relative;
    width: 100%;
}

/* CSS for CDD iframes */
.special-iframe[b-k6tfvmu0pl] {
    height: 55rem;
    width: 100%;
    border: none;
    position: absolute;
    top: -60px; /* Default shift */
    left: 0;
}

/* CSS for POSC and CFIHOS iframes */
.default-iframe[b-k6tfvmu0pl] {
    height: 55rem;
    width: 100%;
    border: none;
    position: absolute;
    top: -80px; /* Additional shift for POSC and CFIHOS */
    left: 0;
}


.loading-container[b-k6tfvmu0pl] {
    --bg: #e3e4e8;
    --fg: #346b7a;
    --dur: 8s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute; /* Position it over the iframe */
    top: 5%;
    left: 0;
    width: 100%; /* Match the width of the iframe-container */
    height: 80vh; /* Adjust this to the desired visible height of the iframe */
    background: white;
    z-index: 2000;
}




.flex-container[b-k6tfvmu0pl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left:33px; /* Add padding to the left side of the flex container */
}

.logo[b-k6tfvmu0pl] {
    height: 60px; /* Adjust the height as needed */
    width: auto;
}

.flex-container p[b-k6tfvmu0pl] {
    margin-top: 0; /* Remove default top margin from paragraph if needed */
}
/* _content/RDL/Components/Shared/SearchComp.razor.rz.scp.css */
.container-wrapper[b-g0dcyuz3hi] {
    position: relative; /* This allows absolute positioning inside */
    width: 90%;
    margin: 5% auto; /* Center the container */
}

.search-bar[b-g0dcyuz3hi] {
    position: absolute;
    top: -40px; /* Adjust this value to 'hug' the container top as desired */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
    padding: 10px;
    background: #fff; /* Adjust the background color as needed */
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 100; /* Ensure the search bar is above other elements */
}

.search-bar input[b-g0dcyuz3hi] {
    width: 80%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    outline: none;
}

.search-bar button[b-g0dcyuz3hi] {
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    background-color: #555; /* Button background color */
    color: #fff; /* Button text color */
}

.glassmorphism-container[b-g0dcyuz3hi] {
    position: relative;
    width: 90%;
    height: 20%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    margin: 5% auto;
    display: flex;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(128, 128, 128, 0.5); /* grey border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding-top: 10px;

}

.sidebar[b-g0dcyuz3hi] {
    width: 20%;
    height: 100%;
    background: rgba(128, 128, 128, 0.5); /* grey background */
    padding: 20px;
    box-sizing: border-box;
    border-right: 2px solid rgba(128, 128, 128, 0.5); /* border between sections */
}

.content[b-g0dcyuz3hi] {
    width: 80%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}





.glassmorphism-container[b-g0dcyuz3hi] {
    display: flex;
    /* ...existing styles... */
}

.sidebar[b-g0dcyuz3hi] {
    flex: 1; /* Adapt this value to fit the sidebar width you want */
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.1); /* Adjust for glassmorphism effect */
    backdrop-filter: blur(10px);
    border-right: 2px solid rgba(128, 128, 128, 0.5); /* Separator line */
    overflow-y: auto; /* Allows scrolling if the content is too long */
}

.container[b-g0dcyuz3hi] {
    max-width: 100%; /* Ensures the container does not exceed the sidebar width */
}

.row[b-g0dcyuz3hi] {
    margin-right: 0;
    margin-left: 0;
}

.col-md-4[b-g0dcyuz3hi] {
    max-width: 100%; /* Ensures the column fits within the sidebar without horizontal overflow */
    flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Styles for inputs and controls */
.form-control[b-g0dcyuz3hi] {
    background: #fff;
    border: 1px solid rgba(128, 128, 128, 0.5);
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 1rem; /* Space between controls */
}

/* Generic button styles */
.btn[b-g0dcyuz3hi] {
    margin-right: 5px; /* Space between buttons */
    border-radius: 20px;
}

/* Outline buttons */
.btn-outline-primary[b-g0dcyuz3hi], .btn-outline-secondary[b-g0dcyuz3hi], .btn-outline-dark[b-g0dcyuz3hi] {
    border-color: rgba(128, 128, 128, 0.5);
    color: rgba(128, 128, 128, 0.9);
}

.btn-outline-primary:hover[b-g0dcyuz3hi], .btn-outline-secondary:hover[b-g0dcyuz3hi], .btn-outline-dark:hover[b-g0dcyuz3hi] {
    background: rgba(128, 128, 128, 0.2);
    border-color: rgba(128, 128, 128, 0.7);
}

/* Active button styles */
.btn-primary[b-g0dcyuz3hi] {
    background-color: #308798; /* Adjust the color to fit your theme */
    border-color: #308798;
}

.btn-primary:hover[b-g0dcyuz3hi] {
    background-color: #308798;
    border-color: #308798;
}

/* Radio buttons and labels */
.form-check-input[b-g0dcyuz3hi] {
    margin-right: 10px;
}

.form-check-label[b-g0dcyuz3hi] {
    margin-bottom: 10px;
}

/* Slider styles */
.form-range[b-g0dcyuz3hi] {
    width: 100%; /* Ensures slider fits within the sidebar */
    padding: 0;
}

/* Adjusting button groups for responsiveness */
.btn-group[b-g0dcyuz3hi] {
    display: flex;
    flex-wrap: wrap; /* Allows buttons to wrap in smaller spaces */
}

.btn-group .btn[b-g0dcyuz3hi] {
    flex-grow: 1; /* Allows buttons to grow and fill the space */
    text-overflow: ellipsis; /* Ensures text does not overflow buttons */
    overflow: hidden;
    white-space: nowrap;
}

/* Search button */
.btn-search[b-g0dcyuz3hi] {
    width: 100%; /* Full width within the sidebar */
    padding: 10px;
    margin-top: 20px; /* Space above the search button */
}

/* Styles for content area */
.content[b-g0dcyuz3hi] {
    flex: 3; /* Adapt this value to adjust the content area width */
    padding: 20px;
    /* ...existing styles... */
}

/* Ensures content does not exceed the height of the sidebar */
.content p[b-g0dcyuz3hi] {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.container-wrapper .search-bar .search-button[b-g0dcyuz3hi] {
    background-color: #308798;
    color: white;
}
.search-button[b-g0dcyuz3hi] {
    background-color: #308798 !important;
    color: white !important;
}

/* General Styles for the Container */
.glassmorphism-container[b-g0dcyuz3hi] {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Add any additional styling for the glassmorphism effect here */
}

/* Sidebar Styles */
.sidebar[b-g0dcyuz3hi] {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Adjust as needed */
    /* Add any additional styling for the sidebar here */
}

/* Update Button Container */
.update-button[b-g0dcyuz3hi] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto; /* Pushes it to the bottom if the sidebar has extra space */
    /* Add any additional styling for the button container here */
}

/* Styles for other elements */
.container[b-g0dcyuz3hi], .row[b-g0dcyuz3hi], .col-md-4[b-g0dcyuz3hi], .btn-group[b-g0dcyuz3hi], .form-label[b-g0dcyuz3hi], .form-range[b-g0dcyuz3hi] {
    /* Add common styles for your layout here, if needed */
}

/* You might want to add specific styles for buttons and other elements here */
.btn[b-g0dcyuz3hi] {
    /* Style your buttons here */
}

/* Additional styles for responsive design or specific adjustments */
@media (max-width: 768px) {
    /* Add responsive styles here if needed */
}


/* Existing styles... */

/* Styles for the item overview */
.item-overview[b-g0dcyuz3hi] {
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* Styles for the details table */
.details-table[b-g0dcyuz3hi] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.details-table td[b-g0dcyuz3hi] {
    padding: 5px;
    border: 1px solid #ddd;
}

/* Styles for the remarks section */
.remarks[b-g0dcyuz3hi] {
    padding: 10px;
    background-color: #eef;
    border-radius: 5px;
}



.content[b-g0dcyuz3hi] {
    height: 50vh; /* Adjust this value as needed */
    overflow-y: auto;
    /* Keep the rest of your styles as they are */
}

.item-overview[b-g0dcyuz3hi], .details-section[b-g0dcyuz3hi], .remarks[b-g0dcyuz3hi] {
    word-break: break-all; /* Breaks long unbroken text */
    /* ... other existing styles ... */
}


/* Container of the close button */
.details-section[b-g0dcyuz3hi] {
    position: relative;
    /* ... other styles ... */
}

/* Close button styles */
.close-button[b-g0dcyuz3hi] {
    position: absolute;
    top: 0px;  /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    cursor: pointer;
    /* ... other styles like padding, background, etc. ... */
}

/* Slider styles */
.form-range[b-g0dcyuz3hi] {
    width: 75%; /* Reduced width */
    padding: 5px; /* Reduced padding */
}

/* Styles for buttons in rows */
.btn[b-g0dcyuz3hi] {
    padding: 5px 10px; /* Reduced padding */
    font-size: 0.8rem; /* Reduced font size */
    margin-right: 3px; /* Adjusted margin */
}

/* Update Button styles */
.update-button .btn[b-g0dcyuz3hi] {
    padding: 5px 15px; /* Reduced padding */
    font-size: 0.9rem; /* Reduced font size */
}

/* Table Styles to match the glassmorphism theme of the page */
.fuzzy-match-section[b-g0dcyuz3hi] {
    padding: 20px;
    margin: 20px;
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent white for glassmorphism effect */
    border-radius: 20px; /* Rounded corners */
    backdrop-filter: blur(10px); /* Blur effect */
    border: 1px solid rgba(128, 128, 128, 0.5); /* Grey border for subtle definition */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

.fuzzy-match-section h3[b-g0dcyuz3hi] {
    color: #308798; /* Color to match the button styles */
    margin-bottom: 20px; /* Space between the title and the table */
}

.fuzzy-match-section table[b-g0dcyuz3hi] {
    width: 100%; /* Full width */
    border-collapse: collapse; /* Remove space between borders */
    background: rgba(255, 255, 255, 0.1); /* Apply glassmorphism effect */
}

.fuzzy-match-section th[b-g0dcyuz3hi], .fuzzy-match-section td[b-g0dcyuz3hi] {
    text-align: left; /* Align text to the left */
    padding: 10px; /* Padding inside cells */
    border-bottom: 1px solid rgba(128, 128, 128, 0.3); /* Light border for rows */
    color: rgba(128, 128, 128, 0.9); /* Text color for contrast */
}

.fuzzy-match-section th[b-g0dcyuz3hi] {
    background: rgba(128, 128, 128, 0.3); /* Slightly darker background for headers */
}

/* Add hover effect for rows */
.fuzzy-match-section tr:hover[b-g0dcyuz3hi] {
    background-color: rgba(128, 128, 128, 0.2); /* Highlight on hover */
}

/* Responsive table scrolling on smaller screens */
@media (max-width: 768px) {
    .fuzzy-match-section[b-g0dcyuz3hi] {
        overflow-x: auto; /* Allows table to scroll horizontally on small devices */
    }
}

.header-with-pagination[b-g0dcyuz3hi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination-controls[b-g0dcyuz3hi] {
    display: flex;
    gap: 10px; /* Adjust the gap as needed */
    align-items: center;
}

/* You may want to style the buttons and the span within .pagination-controls to match the design */
.pagination-controls button[b-g0dcyuz3hi] {
    /* Button styles */
}

.pagination-controls span[b-g0dcyuz3hi] {
    /* Span styles */
}