@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Charts/MasterdataAuditChart.razor.rz.scp.css */
.chart-container[b-we3o3v77ac] {
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    padding: 1rem;
}
.chart-navigation[b-we3o3v77ac] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    color: white;
}

.nav-button[b-we3o3v77ac] {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0 10px;
}

    .nav-button:hover[b-we3o3v77ac] {
        color: grey;
    }
/* /Components/Charts/UsageChart.razor.rz.scp.css */
.chart-container[b-eszniwts2c] {
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    padding: 1rem;
}
.chart-navigation[b-eszniwts2c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    color: white;
}

.nav-button[b-eszniwts2c] {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0 10px;
}

    .nav-button:hover[b-eszniwts2c] {
        color: grey;
    }
/* /Components/IBButton.razor.rz.scp.css */


.button-danger[b-fb0l8li1yf] {
    background-color: var(--ib-secondary-danger);
    color: var(--ib-text-primary);
    border: none;
    border-radius: 2.7vh; /* 26px @ 945px height*/
    padding: 1.2vh;
    padding-right: 2.9vh;
    padding-left: 2.9vh;
    font-size: 0.8rem;
    cursor: pointer;
}

.button-secondary[b-fb0l8li1yf] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 2px solid;
    border-color: var(--ib-secondary-green); 
    border-radius: 2.7vh; /* 26px @ 945px height*/
    padding: 1.2vh;
    padding-right: 2.9vh;
    padding-left: 2.9vh;
    font-size: 0.8rem;
    cursor: pointer;
}

.button-primary:disabled[b-fb0l8li1yf] {
    background-color: var(--ib-secondary-danger);
}

.masterdata-header-container .header-buttons-container .button-primary[b-fb0l8li1yf] {
    margin: 0px;
}
/* /Components/IBRibbonButton.razor.rz.scp.css */
/* /Components/Modals/ApproveSheetModal.razor.rz.scp.css */
.viewport[b-i9lzeq8mwd] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CopySheetModal.razor.rz.scp.css */
.viewport[b-d0e5z98ypq] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateAssetTypeModal.razor.rz.scp.css */
.input-select-fixed-width[b-tagi68i9je] {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.commands-table[b-tagi68i9je] {
    background-color: var(--ib-primary-light);
    margin: auto;
}

    .commands-table td[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }

    .commands-table th[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }

.new-command-table[b-tagi68i9je] {
    background-color: var(--ib-primary-light);
    margin: auto;
}

    .new-command-table td[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }

    .new-command-table th[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }
/* /Components/Modals/CreateDrawingAreaModal.razor.rz.scp.css */
.viewport[b-4dyylh70re] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateDrawingModal.razor.rz.scp.css */
.viewport[b-8psr7z51mt] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateIsolationTypeModal.razor.rz.scp.css */
.checkbox-grid[b-zecwmxve1m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px; /* Adjust the gap between columns as needed */
}
.e-container.e-color-picker[b-zecwmxve1m] {
    width: 100%;
}
/* /Components/Modals/CreateManualIsolationModal.razor.rz.scp.css */
.viewport[b-37q9gcwume] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateTextItemIsolationModal.razor.rz.scp.css */
.viewport[b-zb7p4wb312] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/EditDrawingPropertiesAdminModal.razor.rz.scp.css */
.viewport[b-ohax12jq18] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}

.versions-table[b-ohax12jq18] {
    margin-top: 1rem;
}
/* /Components/Modals/EditDrawingPropertiesModal.razor.rz.scp.css */
/* /Components/Modals/EditIsolationPointModal.razor.rz.scp.css */
.viewport[b-qoq4t7u7v1] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
.note-text[b-qoq4t7u7v1] {
    color: var(--ib-text-primary);
}
.modal-form-group[b-qoq4t7u7v1] {
    color: var(--ib-text-primary);
    margin-bottom: 1rem;
}
.dropdown[b-qoq4t7u7v1]{
    width: 100%;
}
/* /Components/Modals/EditLinkModal.razor.rz.scp.css */
.viewport[b-dzwq2clhba] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
.modal-snippet-container[b-dzwq2clhba] {
    width: 100%;
    aspect-ratio: 4 / 3; /* 4:3 preview window – adjust to taste       */
    max-height: 50vh; /* don’t exceed half the viewport             */
    overflow: hidden;
}

    .modal-snippet-container svg[b-dzwq2clhba] {
        width: 100%;
        height: 100%;
    }
/* /Components/Modals/EditNodeModal.razor.rz.scp.css */
.viewport[b-t94kznn1lu] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
.note-text[b-t94kznn1lu] {
    color: var(--ib-text-primary);
}
.modal-form-group[b-t94kznn1lu] {
    color: var(--ib-text-primary);
    margin-bottom: 1rem;
}
.dropdown[b-t94kznn1lu]{
    width: 100%;
}
.modal-snippet-container[b-t94kznn1lu] {
    width: 100%;
    aspect-ratio: 4 / 3; /* 4:3 preview window – adjust to taste       */
    max-height: 50vh; /* don’t exceed half the viewport             */
    overflow: hidden;
}

    .modal-snippet-container svg[b-t94kznn1lu] {
        width: 100%;
        height: 100%;
    }

    .search-header[b-t94kznn1lu]{
        display: flex;
        flex-direction: row;
    }
/* /Components/Modals/ForwardSheetModal.razor.rz.scp.css */
.viewport[b-azmq2v1rs1] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/IsolateNodeModal.razor.rz.scp.css */
.isolation-dropdown-menu[b-owpyr0urh1] {
    background-color: var(--ib-primary-light);
}

    .isolation-dropdown-menu li[b-owpyr0urh1] {
        background-color: var(--ib-primary-light);
        color: var(--ib-text-primary);
    }

/* Full-screen overlay preventing clicks from reaching the diagram */
.isolate-node-overlay[b-owpyr0urh1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
/* /Components/Modals/PublishDrawingModal.razor.rz.scp.css */
.viewport[b-vhbxlr9kir] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/RejectSheetModal.razor.rz.scp.css */
.viewport[b-5c144948em] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/RoleEditModal.razor.rz.scp.css */
.dropdown-grid[b-4z4it0rab4] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
/* /Components/Modals/SetExpiryDateModal.razor.rz.scp.css */
.viewport[b-g8xniufrh1] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/UserRolesModal.razor.rz.scp.css */
.checkbox-grid[b-hcbbfgwf33] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px; /* Adjust the gap between columns as needed */
}
/* /Components/Nav/SidebarNavButton.razor.rz.scp.css */
/* /Components/PdfView.razor.rz.scp.css */
.pdfView[b-96sc9meq5x] {
    width: 100%;
    height: 100%;
}
/* /Components/TabbedView.razor.rz.scp.css */
.tabbedView[b-40jqd9ro4u] {
    background-color: var(--ib-primary-dark);
    padding-left: var(--ib-margin-standard);
    padding-right: var(--ib-margin-standard);
    padding-bottom: var(--ib-margin-standard);
    border-radius: 3.2vh;
    margin-left: 0;
    margin-right: 0;
}

.ib-table-header[b-40jqd9ro4u] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
    margin-bottom: var(--ib-margin-smaller);
}

.ib-table-header-button-container[b-40jqd9ro4u] {
    align-self: flex-end; /* Align this specific container to the top */
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
}

.ib-table-header .button-primary[b-40jqd9ro4u] {
}

.ib-table-header-table-header-text[b-40jqd9ro4u] {
    color: var(--ib-text-primary);
    align-self: flex-end; /* Align this specific container to the top */
    margin-right: auto; /* Pushes the button container to the left */
}

    .ib-table-header-table-header-text h4[b-40jqd9ro4u] {
        display: inline-block; /* Display li elements inline */
        margin-right: 1rem;
    }

/* Styles for the container that holds the tabs */
.ib-table-header-tabs[b-40jqd9ro4u] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    justify-content: center; /* Center the items horizontally */
    background-color: var(--ib-primary-light); /* Background color for the container */
    border-radius: 0px 0px 4.2vh 4.2vh; /* Round the corners of the container */
    padding: var(--ib-margin-smaller); /* Add some spacing inside the container */
    padding-left: var(--ib-margin-standard);
    padding-right: var(--ib-margin-standard);
    width: fit-content; /* Set width based on content */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    padding-top: 0;
}

    /* Remove the default list styling for ul and li */
    .ib-table-header-tabs ul[b-40jqd9ro4u] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: 5px; /* Space between tab items */
    }

    .ib-table-header-tabs li[b-40jqd9ro4u] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .ib-table-header-tabs .nav-link[b-40jqd9ro4u] {
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        padding: 1vh;
        border-radius: 2.7vh; /* 26px @ 945px height*/
        background-color: var(--ib-primary-dark); /* Darker background color for each tab */
        color: #ffffff; /* Text color */
        cursor: pointer; /* Cursor style on hover */
        transition: background-color 0.3s ease; /* Smooth background color change */
        font-size: var(--ib-font-size-small);
    }

        /* Change background color for the active tab */
        .ib-table-header-tabs .nav-link.active[b-40jqd9ro4u] {
            background-color: var(--ib-secondary-green); /* Highlight color for the active tab */
            color: #1c1c1e; /* Text color for the active tab */
            font-weight: 400; /* Keep font weight consistent across tabs */
        }

        /* Hover effect for tab items */
        .ib-table-header-tabs .nav-link:hover[b-40jqd9ro4u] {
            background-color: #38383a; /* Slightly lighter background on hover */
        }

/* Optional: Styling for the close button */
.close-tab-button[b-40jqd9ro4u] {
    margin-left: 8px; /* Space between text and close button */
    color: #ffffff; /* Close button color */
    cursor: pointer; /* Change cursor to pointer */
}

    .close-tab-button:hover[b-40jqd9ro4u] {
        color: #f44336; /* Change close button color on hover */
    }
/* /Components/Tables/IsolationPointsTable.razor.rz.scp.css */
/* /Components/TabPageTopRibbon.razor.rz.scp.css */
.ribbon-header[b-mrdd5eh5ki] {
    padding: 1rem;
}
.bb-ribbon-item[b-mrdd5eh5ki] {
    color: #fff;
}
.nav[b-mrdd5eh5ki] {
    display: none !important;
}
#button[b-mrdd5eh5ki] {
    padding: 4rem;
}

.drawing-header-table[b-mrdd5eh5ki] {
    margin-left: auto;
}

.drawing-info-cell[b-mrdd5eh5ki] {
    display: flex;
    color: white;
}
.attach-new-drawing-button:hover[b-mrdd5eh5ki] {
    opacity: 0.8; /* Optional: Change opacity on hover */
}

.tab-content[b-mrdd5eh5ki] {
    align-items: center;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.top-row[b-1gm8dkca5s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--ib-primary-dark);
    position: sticky;
    margin: var(--ib-margin-standard);
    top: 0;
    z-index: 1000;
    border-radius: 40px;
    padding: 1.4vh;
    padding-left: 1.99vh;
}

.fullscreen-spacer[b-1gm8dkca5s] {
    margin-bottom: var(--ib-margin-standard);
}

.navbar-breadcrumb[b-1gm8dkca5s] {
    margin-left: 0.2rem;
    color: var(--ib-text-primary);
    text-decoration: none;
    font-size: var(--ib-font-size-smaller);
}

.site-title[b-1gm8dkca5s] {
    margin-right: auto;
}

.user-area-header[b-1gm8dkca5s] {
    display: flex;
    align-items: center; /* Centers vertically */
    flex-direction: row;
    flex-wrap: inherit;
    margin-bottom: var(--ib-margin-standard);
}

.user-area-heading[b-1gm8dkca5s] {
    margin: 0px;
    margin-right: 24px;
    margin-left: var(--ib-margin-standard);
}

.logo-section[b-1gm8dkca5s] {
    display: flex;
    align-items: center;
}

.logo-image[b-1gm8dkca5s] {
    height: 3vh;
    margin-right: 1rem;
}

.user-section[b-1gm8dkca5s] {
    display: flex;
    align-items: center;
}

.icon-button[b-1gm8dkca5s] {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

    .icon-button:hover[b-1gm8dkca5s] {
        color: #bbb;
    }

/* /Layout/NavMenu_Admin.razor.rz.scp.css */
/* /Layout/NavMenu_Help.razor.rz.scp.css */

/* /Layout/NotificationsWindow.razor.rz.scp.css */
.icon-container[b-jyjwudbvp4] {
    position: relative;
    display: inline-block;
}

.notification-dot[b-jyjwudbvp4] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2vh;
    height: 1.2vh;
    background-color: red;
    border-radius: 50%;
    border: 0.3vh solid white; /* Optional: adds a white border around the red dot */
}

.notification-window[b-jyjwudbvp4] {
}

.notification-item[b-jyjwudbvp4] {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s ease; /* Smooth transition */
}

    .notification-item:hover[b-jyjwudbvp4] {
        background-color: #f0f0f0; /* Change background color on hover */
    }

.close-button[b-jyjwudbvp4] {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    border: none;
    color: #888;
    font-size: 16px;
    cursor: pointer;
}

    .close-button:hover[b-jyjwudbvp4] {
        color: #000;
    }

.unread-dot[b-jyjwudbvp4] {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    margin-left: 10px;
}
/* /Layout/Searchbar.razor.rz.scp.css */

.search-results-overlay[b-9o3we15viz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-9o3we15viz] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/Searchbar_FreeText.razor.rz.scp.css */

.search-results-overlay[b-9f34pm6j44] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-9f34pm6j44] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/Searchbar_NodesDrawings.razor.rz.scp.css */

.search-results-overlay[b-bll5akgsnu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-bll5akgsnu] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/Searchbar_Sheets.razor.rz.scp.css */

.search-results-overlay[b-ywc9dkrfze] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-ywc9dkrfze] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Pages/Areas/Admin/AdminMasterdata.razor.rz.scp.css */
.masterdata-header-container[b-g2dgpug40a] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
    margin-left: var(--ib-margin-standard);
    margin-right: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-standard);
}

.masterdata-header-container h4[b-g2dgpug40a] {
    margin: 0px;
}

.csv-buttons-container[b-g2dgpug40a] {
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
    margin-bottom: var(--ib-margin-standard);
    margin-right: var(--ib-margin-standard);
}

.masterdata-header-container .header-buttons-container[b-g2dgpug40a] {
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
}
/* /Pages/Areas/Admin/AdminPatchRecords.razor.rz.scp.css */


/* Container for the entire patch item list */
.patch-item-list[b-z669k51nzs] {
    width: 100%;
    padding-left: var(--ib-margin-standard);
    flex-direction: column;
    overflow: hidden;
}

.action-button[b-z669k51nzs] {
    padding: 0;
    color: var(--ib-text-primary) !important;
    background: none;
    border: none;
    font-size: x-large;
}
.patch-card-header[b-z669k51nzs] {
    display: grid;
    grid-template-columns: 15% 10% 54% 8% 8% 5%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    font-weight: bold;
    align-items: center;
    padding: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-smaller);
}

/* Generic card styling */
.patch-card[b-z669k51nzs] {
    display: grid;
    grid-template-columns: 15% 10% 54% 8% 8% 5%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    align-items: center;
    position: relative;
    padding: var(--ib-margin-smaller);
    margin-bottom: var(--ib-margin-smaller);
}

    /* greyed out card for migrated patches */
    .patch-card.migrated[b-z669k51nzs] {
        background-color: var(--ib-primary-light);
        color: gray;
    }
    .patch-card.approved[b-z669k51nzs] {
        background-color: var(--ib-green-faded);
    }
    .patch-card.rejected[b-z669k51nzs] {
        background-color: #7D3939;
    }

.patch-card-item[b-z669k51nzs] {
    padding-right: var(--ib-margin-smaller);
}

/* Adjustments for specific columns */
.patch-number[b-z669k51nzs] {
    text-align: center;
}

.patch-action[b-z669k51nzs] {
    display: flex;
    justify-content: center;
}

/* Style for the comment button */
.comment-button[b-z669k51nzs] {
    background-color: #6ADC32; /* Match the comment button color */
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

    .comment-button:hover[b-z669k51nzs] {
        background-color: #58b22b;
    }

/* Style for the comment input text area */
.comments-input[b-z669k51nzs] {
    display: flex;
    flex-direction: row;
    padding-top: var(--ib-margin-standard);
    grid-column: 1/7;
}

.comments-area[b-z669k51nzs] {
    width: 50%;
    margin-left: 1rem;
    margin-right: 1rem;
}

.patch-text-area[b-z669k51nzs] {
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Remove spacing for the first and last items */
.patch-container > :first-child[b-z669k51nzs] {
    margin-top: 0;
}

.patch-container > :last-child[b-z669k51nzs] {
    margin-bottom: 0;
}
/* /Pages/Areas/Admin/AdminSite.razor.rz.scp.css */
.site-config-container[b-zqr64l196h] {
    margin-left: var(--ib-margin-standard);
    margin-right: var(--ib-margin-standard);
}

/* /Pages/Areas/Admin/Components/NotifyAllUsersOffcanvas.razor.rz.scp.css */
.approve-reject-buttons[b-bry120s5k6] {
    margin-top: 1rem;
}
/* /Pages/Areas/Workspace/SheetWorkspace.razor.rz.scp.css */
body[b-uu94y4przg] {
}
/* /Pages/Areas/Workspace/Workspace.razor.rz.scp.css */
body[b-2z1debvfba] {
}
/* /Pages/Shared/PermissionDenied.razor.rz.scp.css */
.access-denied-container[b-snm84jg9ll] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height: 60vh;
    width: 100vw;
    background-color: var(--ib-primary-dark);
    border-radius: var(--ib-border-radius);
}
.access-denied-col[b-snm84jg9ll] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.access-denied-col-left[b-snm84jg9ll] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
    .access-denied-col-left h2[b-snm84jg9ll] {
        color: #FF7474
    }
.button-row[b-snm84jg9ll] {
    display: flex;
    flex-direction: row;
}
/* /Pages/Shared/RequestAccessOffcanvas.razor.rz.scp.css */
.approve-reject-buttons[b-vy897zxb7q] {
    margin-top: 1rem;
}
/* /Pages/Shared/Unauthorized.razor.rz.scp.css */
.access-denied-container[b-4p5gl80l7c] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height: 60vh;
    width: 100vw;
    background-color: var(--ib-primary-dark);
    border-radius: var(--ib-border-radius);
}
.access-denied-col[b-4p5gl80l7c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.access-denied-col-left[b-4p5gl80l7c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
    .access-denied-col-left h2[b-4p5gl80l7c] {
        color: #FF7474
    }
/* /Pages/Shared/UnusedIsolationPointsOffcanvas.razor.rz.scp.css */
.dark-background[b-d8269f4pk6] {
    background-color: var(--ib-primary-dark) !important;
}
/* /Workspace/Drawings/Components/BrushPropertiesPanel.razor.rz.scp.css */
.slidecontainer[b-ikelmsj5p0] {
    color: var(--ib-text-primary);
}

.brush-properties-card[b-ikelmsj5p0] {
}

.colour-picker-button[b-ikelmsj5p0] {
    width: 100%;
    height: 4vh;
    background: var(--ib-primary-light);
    border: none;
    border-radius: 1rem;
    color: var(--ib-text-primary) !important;
    display: flex;
}

.set-property-row[b-ikelmsj5p0] {
    display: flex;
    padding-bottom: 1rem;
}

/* Slider Track */
.properties-slider[b-ikelmsj5p0] {
    -webkit-appearance: none; /* Remove default styling */
    appearance: none;
    width: 100%;
    height: 6px; /* Adjust track height for better proportion */
    background-color: #ddd; /* Track background color */
    outline: none;
    transition: opacity 0.15s ease-in-out;
    border-radius: 5px; /* Round the edges of the track */
}

    /* Slider Thumb for WebKit Browsers (Chrome, Safari, etc.) */
    .properties-slider[b-ikelmsj5p0]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px; /* Smaller thumb size */
        height: 16px; /* Match width and height for a circular thumb */
        background-color: var(--ib-secondary-green); /* Custom thumb color */
        cursor: pointer;
        border-radius: 50%; /* Make the thumb circular */
        margin-top: -5px; /* Adjust vertical alignment of the thumb */
    }

    /* Slider Track for WebKit Browsers */
    .properties-slider[b-ikelmsj5p0]::-webkit-slider-runnable-track {
        background-color: var(--ib-secondary-green); /* Custom track color */
        height: 6px; /* Match track height to the updated thumb */
        border-radius: 5px; /* Smooth out the edges */
    }

    /* Slider Thumb for Firefox */
    .properties-slider[b-ikelmsj5p0]::-moz-range-thumb {
        width: 16px; /* Smaller thumb size */
        height: 16px;
        background-color: var(--ib-secondary-green);
        cursor: pointer;
        border-radius: 50%; /* Circular thumb */
    }

    /* Slider Track for Firefox */
    .properties-slider[b-ikelmsj5p0]::-moz-range-track {
        background-color: var(--ib-secondary-green);
        height: 6px;
        border-radius: 5px;
    }


h6[b-ikelmsj5p0] {
    color: rgb(255 255 255, 0.5) !important;
}
/* /Workspace/Drawings/Components/DrawingTab.razor.rz.scp.css */
.drawing-view[b-v1162e1lh5] {
    height: 100%;
}


/* /Workspace/Drawings/Components/DrawingTopRibbon.razor.rz.scp.css */
.ribbon-header[b-hoiz6asx6n] {
    padding: 1rem;
}
.bb-ribbon-item[b-hoiz6asx6n] {
    color: #fff;
}
.nav[b-hoiz6asx6n] {
    display: none !important;
}
#button[b-hoiz6asx6n] {
    padding: 4rem;
}

.drawing-header-table[b-hoiz6asx6n] {
    margin-left: auto;
}

.drawing-info-cell[b-hoiz6asx6n] {
    display: flex;
    color: white;
}
.attach-new-drawing-button:hover[b-hoiz6asx6n] {
    opacity: 0.8; /* Optional: Change opacity on hover */
}

.tab-content[b-hoiz6asx6n] {
    align-items: center;
}
/* /Workspace/Drawings/Components/DrawingView.razor.rz.scp.css */
.diagram-container[b-6jjt106so1] {
    width: 100%;
    height: 100%;
    border: 1px solid black; /* Just visual */
    position: relative;
    background: black;
}

.horizontal-panel[b-6jjt106so1] {
    display: flex;
    flex-direction: row;
    position: relative;
}

.colour-picker-container[b-6jjt106so1] {
    position: absolute;
    top: 12px; /* tweak to taste */
    right: 12px;
    z-index: 10000; /* above the Syncfusion canvas */
    pointer-events: all;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0,0,0,.25);
    padding: 4px;
}

.viewport[b-6jjt106so1] {
    position: relative;
    overflow: hidden;
    background: white;
    width: 100%;
    height: 100%;
}


/* /Workspace/Drawings/Components/HintsOffcanvas.razor.rz.scp.css */
/*
    ApproveRejectOffcanvas.razor.css
    Matches the 4-column table layout you provided, 
    but keeps the same approve/reject logic and button styles.
*/

/* Status color-coding for approvals. */
.sheet-approval-state-approved[b-7paxvlszzb] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-7paxvlszzb] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-7paxvlszzb] {
    color: #FFBD5F !important;
}

/* Main table styling. */
.approval-requests-table[b-7paxvlszzb] {
    width: 100%;
    border-spacing: 0 0.7vh; /* Add vertical spacing between rows */
    border-collapse: separate; /* Separate borders to ensure proper spacing */
}

    /* Header cells: center text, dark background. */
    .approval-requests-table th[b-7paxvlszzb] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

    /* Body cells: center by default; we adjust text-align in logic if needed. */
    .approval-requests-table td[b-7paxvlszzb] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

        /* Rounded corners for the left-most and right-most cells. */
        .approval-requests-table td:first-child[b-7paxvlszzb] {
            border-top-left-radius: 4vh;
            border-bottom-left-radius: 4vh;
            padding-left: var(--ib-margin-standard);
        }

    .approval-requests-table tr td:last-child[b-7paxvlszzb] {
        border-top-right-radius: 4vh;
        border-bottom-right-radius: 4vh;
    }

    /* Optional: remove any box shadow or focus outlines. */
    .approval-requests-table tr td[b-7paxvlszzb],
    .approval-requests-table tr th[b-7paxvlszzb] {
        box-shadow: none;
        outline: none;
        margin: 0;
        padding: 0;
        padding-right: 3vw;
        vertical-align: middle; /* Align text vertically in the middle */
        padding-top: var(--ib-margin-smaller);
        padding-bottom: var(--ib-margin-smaller);
    }

/* 
    Text area for comments. Matches your original snippet's 
    dark input styling, ensuring consistency.
*/
.comments-area[b-7paxvlszzb] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 1px solid #444444;
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
    resize: none;
}

/* Buttons container */
.approve-reject-buttons[b-7paxvlszzb] {
    display: flex;
    gap: var(--ib-margin-smaller);
    justify-content: center;
}

/* Approve button styling */
.approve-button[b-7paxvlszzb] {
    background-color: var(--ib-secondary-green);
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}

.irs-form-text-area span[b-7paxvlszzb] {
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Reject button styling */
.reject-button[b-7paxvlszzb] {
    background-color: #B80101;
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}
/* /Workspace/IRSView/Components/ApproveRejectOffcanvas.razor.rz.scp.css */
/*
    ApproveRejectOffcanvas.razor.css
    Matches the 4-column table layout you provided, 
    but keeps the same approve/reject logic and button styles.
*/

/* Status color-coding for approvals. */
.sheet-approval-state-approved[b-6cj8wut6ml] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-6cj8wut6ml] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-6cj8wut6ml] {
    color: #FFBD5F !important;
}

/* Main table styling. */
.approval-requests-table[b-6cj8wut6ml] {
    width: 100%;
    border-spacing: 0 0.7vh; /* Add vertical spacing between rows */
    border-collapse: separate; /* Separate borders to ensure proper spacing */
}

    /* Header cells: center text, dark background. */
    .approval-requests-table th[b-6cj8wut6ml] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

    /* Body cells: center by default; we adjust text-align in logic if needed. */
    .approval-requests-table td[b-6cj8wut6ml] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

        /* Rounded corners for the left-most and right-most cells. */
        .approval-requests-table td:first-child[b-6cj8wut6ml] {
            border-top-left-radius: 4vh;
            border-bottom-left-radius: 4vh;
            padding-left: var(--ib-margin-standard);
        }

    .approval-requests-table tr td:last-child[b-6cj8wut6ml] {
        border-top-right-radius: 4vh;
        border-bottom-right-radius: 4vh;
    }

    /* Optional: remove any box shadow or focus outlines. */
    .approval-requests-table tr td[b-6cj8wut6ml],
    .approval-requests-table tr th[b-6cj8wut6ml] {
        box-shadow: none;
        outline: none;
        margin: 0;
        padding: 0;
        padding-right: 3vw;
        vertical-align: middle; /* Align text vertically in the middle */
        padding-top: var(--ib-margin-smaller);
        padding-bottom: var(--ib-margin-smaller);
    }

/* 
    Text area for comments. Matches your original snippet's 
    dark input styling, ensuring consistency.
*/
.comments-area[b-6cj8wut6ml] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 1px solid #444444;
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
    resize: none;
}

/* Buttons container */
.approve-reject-buttons[b-6cj8wut6ml] {
    display: flex;
    gap: var(--ib-margin-smaller);
    justify-content: center;
}

/* Approve button styling */
.approve-button[b-6cj8wut6ml] {
    background-color: var(--ib-secondary-green);
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}

.irs-form-text-area span[b-6cj8wut6ml] {
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Reject button styling */
.reject-button[b-6cj8wut6ml] {
    background-color: #B80101;
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}
/* /Workspace/IRSView/Components/IRSTabbedView.razor.rz.scp.css */
.tabbedView[b-rrsztgtzoz] {
    background-color: var(--ib-primary-dark);
    padding-left: var(--ib-margin-standard);
    padding-right: var(--ib-margin-standard);
    padding-bottom: var(--ib-margin-standard);
    border-radius: 3.2vh;
    margin-left: 0;
    margin-right: 0;
}

.ib-table-header[b-rrsztgtzoz] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
}
.ib-table-header-text-container[b-rrsztgtzoz]{
    display: flex;
}
.drawing-info-cell[b-rrsztgtzoz] {
    display: flex;
}

.ib-table-header-button-container[b-rrsztgtzoz] {
    align-self: flex-end; /* Align this specific container to the top */
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
}

.ib-table-header .button-primary[b-rrsztgtzoz] {
}

.ib-table-header-table-header-text[b-rrsztgtzoz] {
    color: var(--ib-text-primary);
    align-self: flex-end; /* Align this specific container to the top */
    margin-right: auto; /* Pushes the button container to the left */
}

    .ib-table-header-table-header-text h4[b-rrsztgtzoz] {
        display: inline-block; /* Display li elements inline */
        margin-right: 1rem;
    }

/* Styles for the container that holds the tabs */
.ib-table-header-tabs[b-rrsztgtzoz] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    justify-content: center; /* Center the items horizontally */
    background-color: var(--ib-primary-light); /* Background color for the container */
    border-radius: 0px 0px 4.2vh 4.2vh; /* Round the corners of the container */
    padding: var(--ib-margin-smaller); /* Add some spacing inside the container */
    padding-left: var(--ib-margin-standard);
    padding-right: var(--ib-margin-standard);
    width: fit-content; /* Set width based on content */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    padding-top: 0;
    margin-left: auto;
}

    /* Remove the default list styling for ul and li */
    .ib-table-header-tabs ul[b-rrsztgtzoz] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: 5px; /* Space between tab items */
    }

    .ib-table-header-tabs li[b-rrsztgtzoz] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .ib-table-header-tabs .nav-link[b-rrsztgtzoz] {
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        padding: 1vh;
        border-radius: 2.7vh; /* 26px @ 945px height*/
        background-color: var(--ib-primary-dark); /* Darker background color for each tab */
        color: #ffffff; /* Text color */
        cursor: pointer; /* Cursor style on hover */
        transition: background-color 0.3s ease; /* Smooth background color change */
        font-size: var(--ib-font-size-small);
    }

        /* Change background color for the active tab */
        .ib-table-header-tabs .nav-link.active[b-rrsztgtzoz] {
            background-color: var(--ib-secondary-green); /* Highlight color for the active tab */
            color: #1c1c1e; /* Text color for the active tab */
            font-weight: 400; /* Keep font weight consistent across tabs */
        }

        /* Hover effect for tab items */
        .ib-table-header-tabs .nav-link:hover[b-rrsztgtzoz] {
            background-color: #38383a; /* Slightly lighter background on hover */
        }

/* Optional: Styling for the close button */
.close-tab-button[b-rrsztgtzoz] {
    margin-left: 8px; /* Space between text and close button */
    color: #ffffff; /* Close button color */
    cursor: pointer; /* Change cursor to pointer */
}

    .close-tab-button:hover[b-rrsztgtzoz] {
        color: #f44336; /* Change close button color on hover */
    }
/* /Workspace/IRSView/Components/RequestApprovalOffcanvas.razor.rz.scp.css */


.sheet-approval-state-approved[b-dmeoshy1y6] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-dmeoshy1y6] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-dmeoshy1y6] {
    color: #FFBD5F !important;
}

.approval-requests-table[b-dmeoshy1y6] {
    width: 100%;
    border-spacing: 0 0.7vh; /* Add vertical spacing between rows */
    border-collapse: separate; /* Separate borders to ensure proper spacing */
}

    .approval-requests-table th[b-dmeoshy1y6] {
        text-align: center;
    }

    .approval-requests-table td[b-dmeoshy1y6] {
        text-align: center;
    }

    .approval-requests-table tr[b-dmeoshy1y6] {
        border: none; /* Remove any border from table rows */
        background-color: var(--ib-primary-dark); /* Background color for rows */
    }

    .approval-requests-table th[b-dmeoshy1y6] {
        border: none; /* Remove any border from table rows */
        background-color: var(--ib-primary-dark); /* Background color for rows */
    }

    /* Remove borders from each cell */
    .approval-requests-table tr td[b-dmeoshy1y6] {
        border: none; /* Remove any borders from cells */
    }

    .approval-requests-table td:first-child[b-dmeoshy1y6] {
        border-top-left-radius: 4vh; /* Top-left corner */
        border-bottom-left-radius: 4vh; /* Bottom-left corner */
        padding-left: var(--ib-margin-standard);
    }

    .approval-requests-table tr td:last-child[b-dmeoshy1y6] {
        border-top-right-radius: 4vh; /* Top-right corner */
        border-bottom-right-radius: 4vh; /* Bottom-right corner */
    }

    /* Optional: Remove box shadow if any */
    .approval-requests-table tr td[b-dmeoshy1y6] {
        box-shadow: none; /* Remove any shadows */
    }

    /* Ensure no unwanted margins or padding */
    .approval-requests-table tr[b-dmeoshy1y6],
    .approval-requests-table tr td[b-dmeoshy1y6] {
        margin: 0; /* Remove any margin */
        padding: 0; /* Remove padding */
        padding-right: 3vw;
    }

        /* Remove default outline */
        .approval-requests-table tr td:focus[b-dmeoshy1y6],
        .approval-requests-table tr td[b-dmeoshy1y6] {
            outline: none; /* Remove any focus outline */
        }

        /* Vertically align text to the middle of each cell */
        .approval-requests-table tr td[b-dmeoshy1y6] {
            vertical-align: middle; /* Align text to the middle vertically */
            text-align: left; /* Align text horizontally  */
            padding-top: var(--ib-margin-smaller);
            padding-bottom: var(--ib-margin-smaller);
        }





    .approval-requests-table th[b-dmeoshy1y6] {
        border: none; /* Remove any border from table rows */
        background-color: var(--ib-primary-dark); /* Background color for rows */
    }

    /* Remove borders from each cell */
    .approval-requests-table tr th[b-dmeoshy1y6] {
        border: none; /* Remove any borders from cells */
    }

    .approval-requests-table th:first-child[b-dmeoshy1y6] {
        border-top-left-radius: 4vh; /* Top-left corner */
        border-bottom-left-radius: 4vh; /* Bottom-left corner */
        padding-left: var(--ib-margin-standard);
    }

    .approval-requests-table tr th:last-child[b-dmeoshy1y6] {
        border-top-right-radius: 4vh; /* Top-right corner */
        border-bottom-right-radius: 4vh; /* Bottom-right corner */
    }

    /* Optional: Remove box shadow if any */
    .approval-requests-table tr th[b-dmeoshy1y6] {
        box-shadow: none; /* Remove any shadows */
    }

    /* Ensure no unwanted margins or padding */
    .approval-requests-table tr[b-dmeoshy1y6],
    .approval-requests-table tr th[b-dmeoshy1y6] {
        margin: 0; /* Remove any margin */
        padding: 0; /* Remove padding */
        padding-right: 3vw;
    }

        /* Remove default outline */
        .approval-requests-table tr th:focus[b-dmeoshy1y6],
        .approval-requests-table tr th[b-dmeoshy1y6] {
            outline: none; /* Remove any focus outline */
        }

        /* Vertically align text to the middle of each cell */
        .approval-requests-table tr th[b-dmeoshy1y6] {
            vertical-align: middle; /* Align text to the middle vertically */
            text-align: left; /* Align text horizontally to the center */
            padding-top: var(--ib-margin-smaller);
            padding-bottom: var(--ib-margin-smaller);
        }
/* /Workspace/IRSView/Components/SheetTopRibbon.razor.rz.scp.css */
.ribbon-header[b-byqneup85l] {
    padding: 1rem;
}
.bb-ribbon-item[b-byqneup85l] {
    color: #fff;
}
.nav[b-byqneup85l] {
    display: none !important;
}
#button[b-byqneup85l] {
    padding: 4rem;
}
.danger[b-byqneup85l] {
    color: var(--ib-secondary-danger) !important;
}

    .attach-new-drawing-button:hover[b-byqneup85l] {
        opacity: 0.8; /* Optional: Change opacity on hover */
    }
/* /Workspace/IRSView/Components/SheetView.razor.rz.scp.css */
.sheet-view-column[b-khxjuvlb6q] {
    color: var(--ib-text-primary);
    width: 30vw;
    border: none;
    overflow: unset;
}

.sheet-view-approvals[b-khxjuvlb6q] {
    background-color: var(--ib-primary-light);
    border: none;
    width: 30vw;
    margin-bottom: var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
}
.sheet-view-approvals-header[b-khxjuvlb6q] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sheet-approvals-integration-status[b-khxjuvlb6q] {
    display: flex;
    flex-direction: row;
}

.sheet-view-form[b-khxjuvlb6q] {
    background-color: var(--ib-primary-light);
    border: none;
    width: 30vw;
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
    overflow-y: auto;
}

.integration-status-indicator[b-khxjuvlb6q] {
    color: #000000;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    text-align: center;
    line-height: 1.5em;
}

    .integration-status-indicator.notintegrated[b-khxjuvlb6q] {
        background-color: #808080;
    }

    .integration-status-indicator.queued[b-khxjuvlb6q] {
        background-color: #FF850F;
    }

    .integration-status-indicator.processing[b-khxjuvlb6q] {
        background-color: #FFC90E;
    }

    .integration-status-indicator.integrated[b-khxjuvlb6q] {
        background-color: #377D22;
    }

    .integration-status-indicator.failed[b-khxjuvlb6q] {
        background-color: #EB3324;
    }

.sheet-form-inner[b-khxjuvlb6q] {
    width: 100%;
}

.irs-form-table td[b-khxjuvlb6q] {
    padding-bottom: var(--ib-margin-smaller);
}

.irs-form-table tr:first-child td[b-khxjuvlb6q] {
    padding-top: 0; /* Remove padding on the top of the first row */
}

.irs-form-table tr:last-child td[b-khxjuvlb6q] {
    padding-bottom: 0; /* Remove padding on the bottom of the last row */
}

/* Header column styling */
.irs-form-header-column[b-khxjuvlb6q] {
    text-align: right;
    vertical-align: central;
    font-size: var(--ib-font-size-standard);
    padding-right: var(--ib-margin-standard);
    width: 30%;
}

/* Input column styling */
.irs-form-input-column[b-khxjuvlb6q] {
    text-align: left;
    vertical-align: top;
    width: 70%;
}

    /* Input field styling */
    .irs-form-text-area[b-khxjuvlb6q],
    .irs-form-input-column span[b-khxjuvlb6q] {
        width: 100%;
        background-color: var(--ib-primary-dark); /* Dark background for input fields */
        color: var(--ib-text-primary); /* White text color */
        border: 1px solid #444444; /* Border color */
        border-radius: var(--ib-text-element-border-radius);
        font-size: var(--ib-font-size-standard);
        resize: none; /* Disable resizing for text areas */
    }

        /* Disabled fields */
        .irs-form-text-area[disabled][b-khxjuvlb6q] {
            background-color: #2a2a2a; /* Slightly darker for disabled fields */
            border: 1px solid #555555; /* Border color for disabled fields */
        }

    /* Style for read-only span fields */
    .irs-form-input-column span[b-khxjuvlb6q] {
        display: block;
        padding: var(--ib-text-padding);
        font-size: var(--ib-font-size-standard);
        color: var(--ib-text-primary); /* Light gray text */
    }

/* Label styling */
.form-label[b-khxjuvlb6q] {
    display: inline-block;
    margin-bottom: 5px;
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary); /* Lighter gray for labels */
}

.sheet-approvals-items-row[b-khxjuvlb6q] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    width: 100%;
}

    /* Remove the default list styling for ul and li */
    .sheet-approvals-items-row ul[b-khxjuvlb6q] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: var(--ib-margin-smaller); /* Space between tab items */
        width: 100%;
    }

    .sheet-approvals-items-row li[b-khxjuvlb6q] {
        display: inline-block; /* Display li elements inline */
        padding: var(--ib-text-padding);
        border-radius: 2.7vh;
        background-color: var(--ib-primary-dark); /* Darker background color for each tab */
    }

    /* Styles for each tab item */
    .sheet-approvals-items-row .sheet-approvals-item[b-khxjuvlb6q] {
        color: #ffffff; /* Text color */
        font-size: var(--ib-font-size-standard);
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        overflow: clip;
        width: 100%;
    }
        .sheet-approvals-items-row .sheet-approvals-item.clickable[b-khxjuvlb6q] {
            border: dashed 1px var(--ib-secondary-green);
        }
            .sheet-approvals-items-row .sheet-approvals-item.clickable.danger[b-khxjuvlb6q] {
                border: dashed 1px var(--ib-secondary-danger);
            }

.sheet-approvals-headers-row[b-khxjuvlb6q] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    width: 100%;
}

    /* Remove the default list styling for ul and li */
    .sheet-approvals-headers-row ul[b-khxjuvlb6q] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: var(--ib-margin-smaller); /* Space between tab items */
        width: 100%;
    }

    .sheet-approvals-headers-row li[b-khxjuvlb6q] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .sheet-approvals-headers-row .sheet-approvals-header[b-khxjuvlb6q] {
        color: #ffffff; /* Text color */
        font-size: var(--ib-font-size-standard);
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        overflow: clip;
        width: 100%;
    }

.clickable[b-khxjuvlb6q] {
    cursor: pointer;
}

.sheet-approval-state-approved[b-khxjuvlb6q] {
    background-color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-khxjuvlb6q] {
    background-color: #B80101 !important;
}

.sheet-approval-state-requested[b-khxjuvlb6q] {
    background-color: #FFBD5F !important;
}

.sheet-request-approval-button[b-khxjuvlb6q] {
}
/* /Workspace/IRSView/IRSController.razor.rz.scp.css */
.sheet-view-row[b-c8w2f5fn33] {
    display: flex;
    flex-direction: row;
}

/* Container for the entire isolation item list */
.isolation-item-list[b-c8w2f5fn33] {
    width: 100%;
    padding-left: var(--ib-margin-standard);
    flex-direction: column;
    overflow: hidden;
}

/* Container for the isolation cards */
.isolation-container[b-c8w2f5fn33] {
}

.truncate-text[b-c8w2f5fn33] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; /* Adjust the width as needed */
    display: inline-block;
    vertical-align: middle;
}

.ordinal-item[b-c8w2f5fn33] {
    display: flex;
    flex-direction: row;
}

.reorder-button[b-c8w2f5fn33] {
    background: none;
    border: none;
    color: var(--ib-text-primary);
}
.sendToPosition-button[b-c8w2f5fn33] {
    background: var(--ib-secondary-green);
    border: none;
    color: var(--ib-text-primary);
    border-radius: 0.4rem;
}
    .sendToPosition-button:disabled[b-c8w2f5fn33] {
        background: var(--ib-secondary-danger);
        border: none;
        color: var(--ib-text-primary);
    }

.reorder-item-input[b-c8w2f5fn33] {
    color: var(--ib-text-primary) !important;
    background-color: var(--ib-primary-dark);
    border: 2px solid white;
    border-radius: 1rem;
    width: 3vw;
    pointer-events: auto;
    user-select: text;
    -webkit-user-drag: none; /* Prevents drag in WebKit browsers */
    -moz-user-drag: none; /* Prevents drag in Firefox */
    user-drag: none; /* Standard property */
}
/* Header Styling */
.isolation-card-header[b-c8w2f5fn33] {
    display: grid;
    grid-template-columns: 5% 10% 22% 22% 8% 14% 14% 5%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    font-weight: bold;
    align-items: center;
    padding: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-smaller);
}

/* Generic card styling */
.isolation-card[b-c8w2f5fn33] {
    display: grid;
    grid-template-columns: 5% 10% 22% 22% 8% 14% 14% 5%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    align-items: center;
    position: relative;
    padding: var(--ib-margin-smaller);
    margin-bottom: var(--ib-margin-smaller);
}

    .isolation-card .comment-span[b-c8w2f5fn33] {
        grid-column: 3 / span 5; /* 3 → 7 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.alt-colour[b-c8w2f5fn33] {
    background-color: #464A57 !important; /* Lighter gray for every second element */
}

/* Generic card styling */
.isolation-textItem-card[b-c8w2f5fn33] {
    display: grid;
    grid-template-columns: 5% 10% 80% 5%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    align-items: center;
    position: relative;
    padding: var(--ib-margin-smaller);
    margin-bottom: var(--ib-margin-smaller);
}

.action-button[b-c8w2f5fn33] {
    padding: 0;
    color: #74B0FF !important;
    background: none;
    border: none;
}
    .action-button.danger[b-c8w2f5fn33] {
        color: var(--ib-secondary-danger) !important;
    }
        .action-button.danger.margin-left[b-c8w2f5fn33] {
            margin-left: var(--ib-margin-smaller);
        }

/* Table column content */
.isolation-card-item[b-c8w2f5fn33] {
    padding-right: var(--ib-margin-smaller);
}

/* Adjustments for specific columns */
.isolation-number[b-c8w2f5fn33] {
    text-align: center;
}

.isolation-action[b-c8w2f5fn33] {
    display: flex;
    justify-content: center;
}

/* Style for the comment button */
.comment-button[b-c8w2f5fn33] {
    background-color: #6ADC32; /* Match the comment button color */
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

    .comment-button:hover[b-c8w2f5fn33] {
        background-color: #58b22b;
    }

/* Style for the comment input text area */
.comments-input[b-c8w2f5fn33] {
    padding-top: var(--ib-margin-standard);
    grid-column: 1/9;
}

.comments-input.collapsed[b-c8w2f5fn33] {
    padding-top: 0px;
}

.text-item-input[b-c8w2f5fn33] {
    padding-top: 0 !important;
    grid-column: 3/4 !important;
}

.isolation-text-area[b-c8w2f5fn33] {
    width: 100%;
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Remove spacing for the first and last items */
.isolation-container > :first-child[b-c8w2f5fn33] {
    margin-top: 0;
}

.isolation-container > :last-child[b-c8w2f5fn33] {
    margin-bottom: 0;
}
/* /Workspace/Toolbars/ToolbarButton.razor.rz.scp.css */
/* /Workspace/Toolbars/WorkspaceToolbar.razor.rz.scp.css */
.btn-toolbar[b-x7mvtb4vcq] {
    background-color: darkgrey;
}
.btn-toolbar-danger[b-x7mvtb4vcq] {
    background-color: red;
}

.btn-selected[b-x7mvtb4vcq] {
    background-color: var(--ib-button-background-color);
}