@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Components/AccessManagementFilterComponent .razor.rz.scp.css */

.d-flex.flex-wrap[b-oz8kn7z36n]{
    gap:10px;
}
.container-fluid[b-oz8kn7z36n] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    /*overflow-x: auto;*/
    white-space: nowrap;
    padding: 10px;
}
/* Style for the select dropdown */
.form-select[b-oz8kn7z36n] {
    width: auto;
    min-width: 180px;
    padding: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
}

/* Dropdown container styles */
.dropdown-container[b-oz8kn7z36n] {
    position: relative;
    display: inline-block;
    min-width: 180px; /* Adjust as needed */
    max-width: 220px;
    flex-shrink: 0; /* Prevents shrinking */
}
/* Dropdown button */
.dropdown-toggle[b-oz8kn7z36n] {
    width: 100%;
    padding: 8px;
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s;
}
    .dropdown-toggle:hover[b-oz8kn7z36n] {
        background: #f0f0f0;
    }

/* Dropdown content */
.dropdown-content[b-oz8kn7z36n] {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
    .dropdown-content input.form-control[b-oz8kn7z36n] {
        width: auto !important; /* Forces auto width */
        max-width: 200px; /* Adjust as needed */
        display: inline-block; /* Prevents full-width stretching */
    }
    /* Style scrollbar */
    .dropdown-content[b-oz8kn7z36n]::-webkit-scrollbar {
        width: 8px;
    }


    .dropdown-content[b-oz8kn7z36n]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }


  /*  .dropdown-content::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
*/
    .dropdown-content label[b-oz8kn7z36n] {
        display: block;
        padding: 8px;
        cursor: pointer;
        font-size: 14px;
    }

        .dropdown-content label:hover[b-oz8kn7z36n] {
            background-color: #f0f0f0;
        }



/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .container-fluid[b-oz8kn7z36n] {
        flex-direction: column;
        align-items: stretch;
    }

    .dropdown-container[b-oz8kn7z36n] {
        width: 100%;
        max-width: 100%;
    }

    .dropdown-toggle[b-oz8kn7z36n] {
        font-size: 14px;
        padding: 8px;
    }

    .dropdown-content[b-oz8kn7z36n] {
        max-height: 180px;
    }
}

@media (max-width: 768px) {
    .d-flex.flex-wrap[b-oz8kn7z36n] {
       margin-top:0px!important;
    }
}
/* /Components/BranchFilterComponent.razor.rz.scp.css */

.d-flex.flex-wrap[b-eu7t2nno8x]{
    gap:10px;
}
.container-fluid[b-eu7t2nno8x] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    /*overflow-x: auto;*/
    white-space: nowrap;
    padding: 10px;
}
/* Style for the select dropdown */
.form-select[b-eu7t2nno8x] {
    width: auto;
    min-width: 180px;
    padding: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
}

/* Dropdown container styles */
.dropdown-container[b-eu7t2nno8x] {
    position: relative;
    display: inline-block;
    min-width: 180px; /* Adjust as needed */
    max-width: 220px;
    flex-shrink: 0; /* Prevents shrinking */
}
/* Dropdown button */
.dropdown-toggle[b-eu7t2nno8x] {
    width: 100%;
    padding: 8px;
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s;
}
    .dropdown-toggle:hover[b-eu7t2nno8x] {
        background: #f0f0f0;
    }

/* Dropdown content */
.dropdown-content[b-eu7t2nno8x] {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
    .dropdown-content input.form-control[b-eu7t2nno8x] {
        width: auto !important; /* Forces auto width */
        max-width: 200px; /* Adjust as needed */
        display: inline-block; /* Prevents full-width stretching */
    }
    /* Style scrollbar */
    .dropdown-content[b-eu7t2nno8x]::-webkit-scrollbar {
        width: 8px;
    }


    .dropdown-content[b-eu7t2nno8x]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }


  /*  .dropdown-content::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
*/
    .dropdown-content label[b-eu7t2nno8x] {
        display: block;
        padding: 8px;
        cursor: pointer;
        font-size: 14px;
    }

        .dropdown-content label:hover[b-eu7t2nno8x] {
            background-color: #f0f0f0;
        }



/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .container-fluid[b-eu7t2nno8x] {
        flex-direction: column;
        align-items: stretch;
    }

    .dropdown-container[b-eu7t2nno8x] {
        width: 100%;
        max-width: 100%;
    }

    .dropdown-toggle[b-eu7t2nno8x] {
        font-size: 14px;
        padding: 8px;
    }

    .dropdown-content[b-eu7t2nno8x] {
        max-height: 180px;
    }
}

@media (max-width: 768px) {
    .d-flex.flex-wrap[b-eu7t2nno8x] {
       margin-top:0px!important;
    }
}
/* /Components/CustomDropdown.razor.rz.scp.css */
/*.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: none;
    float: left;
    min-width: 100%;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

    .dropdown-menu.show {
        display: block;
    }




.form-control {
    padding: 0.375rem 1.75rem;
}
*/
/* /Components/GenericSearch.razor.rz.scp.css */
.search-icon[b-lsspw1onxy] {
    top: 50%;
    left: 10px;
    font-size: 16px;
    color: #999;
    transform: translateY(-50%);
}

.pl-4[b-lsspw1onxy] {
    padding-left: 2.5rem; /* Adjusted padding for better spacing */
}

@media (max-width: 576px) {
    .search-icon[b-lsspw1onxy] {
        left: 8px;
        font-size: 14px; /* Adjust the icon size for smaller screens */
    }

    .pl-4[b-lsspw1onxy] {
        padding-left: 2rem; /* Reduce padding for smaller screens */
    }
}

@media (min-width: 768px) {
    .search-icon[b-lsspw1onxy] {
        left: 8px;
        font-size: 18px; /* Larger icon on bigger screens */
    }

    .pl-4[b-lsspw1onxy] {
        padding-left: 3rem; /* Increase padding for larger screens */
    }
}




/* /Components/TreeView.razor.rz.scp.css */
.treeview-container[b-zccsk0ekyh] {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.treeview-node[b-zccsk0ekyh] {
    display: flex;
    align-items: center;
    gap: 8px; /* Space between elements */
    margin-bottom: 5px;
}

    .treeview-node button[b-zccsk0ekyh] {
        width: 20px;
        height: 20px;
        font-size: 14px;
        background-color: #f8f8f8;
        border: 1px solid #ccc;
        cursor: pointer;
        text-align: center;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .treeview-node button:hover[b-zccsk0ekyh] {
            background-color: #e0e0e0;
        }

    .treeview-node input[type="checkbox"][b-zccsk0ekyh] {
        margin: 0;
    }

    .treeview-node span[b-zccsk0ekyh] {
        margin-left: 4px;
        white-space: nowrap;
    }

/* Indentation for hierarchical levels */
ul[b-zccsk0ekyh] {
    list-style-type: none;
    padding-left: 20px; /* Indentation for each level */
    margin: 0;
}

li[b-zccsk0ekyh] {
    margin: 0;
}

/* Highlight for selected nodes (optional) */
.treeview-node.selected[b-zccsk0ekyh] {
    background-color: #f0f8ff;
}
/* /ModalPopup/RejectionReasion.razor.rz.scp.css */
.modal[b-thucsnw4sm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
}

.modal-overlay[b-thucsnw4sm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.modal-content[b-thucsnw4sm] {
    position: relative;
    width: 90%;
    max-width: 500px;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    animation: fadeIn-b-thucsnw4sm 0.3s ease-in-out;
}

@keyframes fadeIn-b-thucsnw4sm {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.close[b-thucsnw4sm] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #888;
    cursor: pointer;
}

    .close:hover[b-thucsnw4sm] {
        color: #333;
    }

.modal-header[b-thucsnw4sm] {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
}

.modal-textarea[b-thucsnw4sm] {
    width: 100%;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    resize: none;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.modal-actions[b-thucsnw4sm] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.btn[b-thucsnw4sm] {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-submit[b-thucsnw4sm] {
    background-color: #28a745;
    color: white;
}

    .btn-submit:hover[b-thucsnw4sm] {
        background-color: #218838;
    }

.btn-cancel[b-thucsnw4sm] {
    background-color: #dc3545;
    color: white;
}

    .btn-cancel:hover[b-thucsnw4sm] {
        background-color: #c82333;
    }
/* /Pages/AdminManagement/AddUser.razor.rz.scp.css */
.text-danger[b-yiczgk8oxl] {
    color: red;
}

svg[b-yiczgk8oxl] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%);
    width: 13px;
    height: auto;
    fill: #90a4ae;
}

[b-yiczgk8oxl] input::placeholder {
    font-size: 14px;
}

[b-yiczgk8oxl] input, [b-yiczgk8oxl] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-yiczgk8oxl] input:active,
    [b-yiczgk8oxl] input:focus {
        background-color: #e8f0fe;
    }

.grid[b-yiczgk8oxl] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.form-group[b-yiczgk8oxl]
{
    margin-bottom: 15px;
}

/* /Pages/AdminVendor/AdminAbstractNotic.razor.rz.scp.css */



[b-2524qor9ih] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-2524qor9ih] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    [b-2524qor9ih] .quickgrid[theme=corporate] tbody tr {
        height: 30px;
        border-bottom: 0.5px solid silver;
    }

[b-2524qor9ih] tbody tr:hover {
    background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

[b-2524qor9ih] .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-2524qor9ih] .quickgrid[theme=corporate] thead tr th {
    height: 30px;
    color: white;
}

[b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
   
  
}

[b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
   
}

[b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 9%;
    
}

[b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width:6%;
  
}
[b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
    
}
[b-2524qor9ih] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}

.grid[b-2524qor9ih] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 6px 6px 0px 0px;
}

@media(max-width: 1024px) {
    .grid[b-2524qor9ih] {
        overflow-x: scroll;
    }

        .grid[b-2524qor9ih]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-2524qor9ih]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-2524qor9ih]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-2524qor9ih]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-2524qor9ih]::-webkit-scrollbar {
    display: none;
}

.grid[b-2524qor9ih]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-2524qor9ih] thead[theme=corporate] {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}
@media(min-width: 768px)
{
    /* The grid container */
    .grid-container[b-2524qor9ih] {
        grid-template-columns: repeat(5, 1fr); /* 5 equal columns */
    }
}

/* The grid container */
.grid-container[b-2524qor9ih] {
    display: grid;
    gap: 10px; /* Space between columns */
    width: 100%; /* Full width of the screen */
    margin: 0 auto; /* Center the grid container */
    box-sizing: border-box; /* Ensure padding/margin doesn't affect width */
}

/* Each grid item */
.grid-item[b-2524qor9ih] {
    margin: 4px;
    box-sizing: border-box; /* Prevent padding from affecting width */
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-2524qor9ih] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-2524qor9ih] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-2524qor9ih] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-2524qor9ih] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-2524qor9ih] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-2524qor9ih] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-2524qor9ih] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-2524qor9ih] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-2524qor9ih] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-2524qor9ih] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-2524qor9ih] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-2524qor9ih] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-2524qor9ih] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-2524qor9ih] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-2524qor9ih] {
        background-color: #5a6268;
    }
/* /Pages/AdminVendor/AdminAgreementWorkOrder.razor.rz.scp.css */



.grid[b-7tcv7mybgs] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-7tcv7mybgs]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-7tcv7mybgs]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7tcv7mybgs] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-7tcv7mybgs] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-7tcv7mybgs] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-7tcv7mybgs] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-7tcv7mybgs] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-7tcv7mybgs] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-7tcv7mybgs] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}


[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
   
}

[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 15%;
}

[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
[b-7tcv7mybgs] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 15%;
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-7tcv7mybgs] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-7tcv7mybgs] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-7tcv7mybgs] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-7tcv7mybgs] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-7tcv7mybgs] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-7tcv7mybgs] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-7tcv7mybgs] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-7tcv7mybgs] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-7tcv7mybgs] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-7tcv7mybgs] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-7tcv7mybgs] {
        background-color: #5a6268;
    }
/* /Pages/AdminVendor/AdminAnnualReturn.razor.rz.scp.css */



.grid[b-8tuahey22c] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-8tuahey22c]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-8tuahey22c]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8tuahey22c] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-8tuahey22c] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-8tuahey22c] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-8tuahey22c] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-8tuahey22c] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-8tuahey22c] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-8tuahey22c] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-8tuahey22c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-8tuahey22c] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-8tuahey22c] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-8tuahey22c] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-8tuahey22c] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-8tuahey22c] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-8tuahey22c] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-8tuahey22c] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-8tuahey22c] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-8tuahey22c] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-8tuahey22c] {
        background-color: #5a6268;
    }
[b-8tuahey22c] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-8tuahey22c] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-8tuahey22c] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-8tuahey22c] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-8tuahey22c] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-8tuahey22c] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
/* /Pages/AdminVendor/AdminCentralRegisterAndRecord.razor.rz.scp.css */



.grid[b-k461rwqg23] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-k461rwqg23]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-k461rwqg23]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-k461rwqg23] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-k461rwqg23] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-k461rwqg23] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-k461rwqg23] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-k461rwqg23] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-k461rwqg23] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-k461rwqg23] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-k461rwqg23] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-k461rwqg23] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-k461rwqg23] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-k461rwqg23] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-k461rwqg23] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-k461rwqg23] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-k461rwqg23] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-k461rwqg23] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-k461rwqg23] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-k461rwqg23] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-k461rwqg23] {
        background-color: #5a6268;
    }
[b-k461rwqg23] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 8%;
}

[b-k461rwqg23] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-k461rwqg23] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-k461rwqg23] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-k461rwqg23] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 15%;
}

[b-k461rwqg23] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
/* /Pages/AdminVendor/AdminEPFO.razor.rz.scp.css */



.grid[b-opjyi0mgpi] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-opjyi0mgpi]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-opjyi0mgpi]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-opjyi0mgpi] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-opjyi0mgpi] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-opjyi0mgpi] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); 
        cursor: pointer; 
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-opjyi0mgpi] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-opjyi0mgpi] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-opjyi0mgpi] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-opjyi0mgpi] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-opjyi0mgpi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-opjyi0mgpi] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-opjyi0mgpi] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-opjyi0mgpi] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-opjyi0mgpi] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-opjyi0mgpi] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-opjyi0mgpi] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-opjyi0mgpi] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-opjyi0mgpi] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-opjyi0mgpi] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-opjyi0mgpi] {
        background-color: #5a6268;
    }
[b-opjyi0mgpi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 9%;
}

[b-opjyi0mgpi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-opjyi0mgpi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-opjyi0mgpi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-opjyi0mgpi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-opjyi0mgpi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
/* /Pages/AdminVendor/AdminESIC.razor.rz.scp.css */



.grid[b-qsww9uuw9n] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-qsww9uuw9n]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-qsww9uuw9n]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-qsww9uuw9n] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-qsww9uuw9n] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-qsww9uuw9n] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-qsww9uuw9n] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-qsww9uuw9n] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-qsww9uuw9n] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-qsww9uuw9n] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-qsww9uuw9n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-qsww9uuw9n] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-qsww9uuw9n] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-qsww9uuw9n] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-qsww9uuw9n] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-qsww9uuw9n] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-qsww9uuw9n] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-qsww9uuw9n] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-qsww9uuw9n] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-qsww9uuw9n] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-qsww9uuw9n] {
        background-color: #5a6268;
    }
[b-qsww9uuw9n] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-qsww9uuw9n] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-qsww9uuw9n] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-qsww9uuw9n] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-qsww9uuw9n] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
}

[b-qsww9uuw9n] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
/* /Pages/AdminVendor/AdminLabourWelfareFund.razor.rz.scp.css */



.grid[b-b2nbwiyput] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-b2nbwiyput]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-b2nbwiyput]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-b2nbwiyput] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-b2nbwiyput] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-b2nbwiyput] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-b2nbwiyput] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-b2nbwiyput] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-b2nbwiyput] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-b2nbwiyput] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-b2nbwiyput] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-b2nbwiyput] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-b2nbwiyput] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-b2nbwiyput] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-b2nbwiyput] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-b2nbwiyput] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-b2nbwiyput] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-b2nbwiyput] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-b2nbwiyput] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-b2nbwiyput] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-b2nbwiyput] {
        background-color: #5a6268;
    }
[b-b2nbwiyput] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-b2nbwiyput] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-b2nbwiyput] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-b2nbwiyput] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-b2nbwiyput] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-b2nbwiyput] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
/* /Pages/AdminVendor/AdminLicense.razor.rz.scp.css */



.grid[b-49q0y3nmth] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-49q0y3nmth]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-49q0y3nmth]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-49q0y3nmth] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-49q0y3nmth] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-49q0y3nmth] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-49q0y3nmth] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-49q0y3nmth] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-49q0y3nmth] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-49q0y3nmth] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-49q0y3nmth] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    backdrop-filter: blur(5px); 
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; 
}

/* Modal box with responsive width */
.custom-modal[b-49q0y3nmth] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-49q0y3nmth] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-49q0y3nmth] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-49q0y3nmth] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-49q0y3nmth] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-49q0y3nmth] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-49q0y3nmth] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-49q0y3nmth] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-49q0y3nmth] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-49q0y3nmth] {
        background-color: #5a6268;
    }
[b-49q0y3nmth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 8%;
}

[b-49q0y3nmth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
}

[b-49q0y3nmth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 9%;
}

[b-49q0y3nmth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-49q0y3nmth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
}

[b-49q0y3nmth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/AdminVendor/AdminProfessionalTax.razor.rz.scp.css */



.grid[b-x2fqtjl3mw] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-x2fqtjl3mw]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-x2fqtjl3mw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-x2fqtjl3mw] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-x2fqtjl3mw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-x2fqtjl3mw] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-x2fqtjl3mw] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-x2fqtjl3mw] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-x2fqtjl3mw] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-x2fqtjl3mw] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-x2fqtjl3mw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-x2fqtjl3mw] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-x2fqtjl3mw] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-x2fqtjl3mw] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-x2fqtjl3mw] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-x2fqtjl3mw] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-x2fqtjl3mw] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-x2fqtjl3mw] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-x2fqtjl3mw] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-x2fqtjl3mw] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-x2fqtjl3mw] {
        background-color: #5a6268;
    }
[b-x2fqtjl3mw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-x2fqtjl3mw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-x2fqtjl3mw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-x2fqtjl3mw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-x2fqtjl3mw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-x2fqtjl3mw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}
/* /Pages/AdminVendor/AdminRegistration.razor.rz.scp.css */



.grid[b-ka0x3zxjak] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ka0x3zxjak]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ka0x3zxjak]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ka0x3zxjak] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ka0x3zxjak] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ka0x3zxjak] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* Default styling (for larger screens) */
.btn-custom-vw[b-ka0x3zxjak] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-ka0x3zxjak] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-ka0x3zxjak] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-ka0x3zxjak] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-ka0x3zxjak] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-ka0x3zxjak] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-ka0x3zxjak] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-ka0x3zxjak] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-ka0x3zxjak] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-ka0x3zxjak] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-ka0x3zxjak] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-ka0x3zxjak] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-ka0x3zxjak] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-ka0x3zxjak] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-ka0x3zxjak] {
        background-color: #5a6268;
    }
[b-ka0x3zxjak] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-ka0x3zxjak] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
}

[b-ka0x3zxjak] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 9%;
}

[b-ka0x3zxjak] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-ka0x3zxjak] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
}

[b-ka0x3zxjak] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/AdminVendor/AdminStateRegisterAndRecord.razor.rz.scp.css */



.grid[b-tj8i1b86br] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-tj8i1b86br]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-tj8i1b86br]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tj8i1b86br] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-tj8i1b86br] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-tj8i1b86br] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }


[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 11%;
}

[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 5%;
}

[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 5%;
}

[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 6%;
}
[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 20%;
}

[b-tj8i1b86br] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 20%;
}


/* Default styling (for larger screens) */
.btn-custom-vw[b-tj8i1b86br] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-tj8i1b86br] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-tj8i1b86br] {
        /*max-width: 30px;*/
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-tj8i1b86br] {
        /*max-width: 25px;*/
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-tj8i1b86br] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-tj8i1b86br] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left:300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-tj8i1b86br] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-tj8i1b86br] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-tj8i1b86br] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd; 
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-tj8i1b86br] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-tj8i1b86br] {
        background: #333;
        color: #fff; 
        border-color: #fff;
    }


.custom-modal-body[b-tj8i1b86br] {
    padding: 10px 20px 20px 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-tj8i1b86br] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-tj8i1b86br] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-tj8i1b86br] {
        background-color: #5a6268;
    }
/* /Pages/AllocationManagement/AllocationManagement.razor.rz.scp.css */
/* /Pages/Approver/ClientAapprover.razor.rz.scp.css */
.h5[b-0kyy53wzm9] {
    padding:4px;
    margin:4px;
}

.form-group[b-0kyy53wzm9] {
    padding-top : 18px;

}

svg[b-0kyy53wzm9] {
    fill: #90a4ae !important;
}

[b-0kyy53wzm9] input, [b-0kyy53wzm9] input[type = "text"] {
    width: 100% !important;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-0kyy53wzm9] input {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
}

fluent-text-field[b-0kyy53wzm9]::part(root) {
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
}

[b-0kyy53wzm9] input::part(end) {
    display: none;
}
/* /Pages/BranchNotices/BranchNotices.razor.rz.scp.css */
[b-od1q32ol7l] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-od1q32ol7l] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 300 !important;
        border-radius: 20px 20px 0px 0px;
    }

    [b-od1q32ol7l] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    [b-od1q32ol7l] .quickgrid[theme=corporate] tbody tr {
        height: 30px;
        border-bottom: 0.5px solid silver;
    }

[b-od1q32ol7l] tbody tr:hover {
    background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

[b-od1q32ol7l] .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-od1q32ol7l] .quickgrid[theme=corporate] thead tr th {
    display: none;
}

[b-od1q32ol7l] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}


[b-od1q32ol7l] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-od1q32ol7l] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 80%;
    font-weight: 100;
}

.grid[b-od1q32ol7l] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 6px 6px 0px 0px;
}

@media(max-width: 1024px) {
    .grid[b-od1q32ol7l] {
        overflow-x: scroll;
    }

        .grid[b-od1q32ol7l]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-od1q32ol7l]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-od1q32ol7l]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-od1q32ol7l]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-od1q32ol7l]::-webkit-scrollbar {
    display: none;
}

.grid[b-od1q32ol7l]  table {
    min-width: 100%;
}

[b-od1q32ol7l] thead {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}
/* /Pages/BranchProfileContainer.razor.rz.scp.css */
@media(max-width: 1024px) {
    .d-flex[b-t663kitzqj] {
        flex-direction: column;
    }

    .center[b-t663kitzqj] {
        justify-content: center !important;
    }

    .hidden-profile[b-t663kitzqj] {
        display: none;
    }
}

.bi-bell-fill[b-t663kitzqj] {
    font-size: 18px;
    color: orange;
    cursor: pointer;
}

.notification-before[b-t663kitzqj] {
    position: relative;
}

    .notification-before[b-t663kitzqj]::before {
        content: "";
        position: absolute;
        top: 15%;
        left: 4%;
        width: 5px;
        height: 5px;
        background-color: red;
        border-radius: 25px;
        cursor: pointer;
    }

.dropdown-menu[b-t663kitzqj] {
    top: 65%;
    max-width: 100%;
    left: 20%;
}
.hide-branch-changer[b-t663kitzqj] {
    background: linear-gradient(to right, #ffe0e0, #e8e0ff);
    padding: 10px 15px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between; /* Distribute items evenly */
    align-items: center;
    gap: 15px;
    box-sizing: border-box;
    max-width: 100%; /* Allow the container to adjust to screen size */
    flex-wrap: nowrap; /* Prevent wrapping */
}

    .hide-branch-changer span[b-t663kitzqj] {
        font-size: 14px;
        font-family: Arial, sans-serif;
        white-space: nowrap; /* Ensure text stays in a single line */
    }

    .hide-branch-changer .dropdown[b-t663kitzqj] {
        position: relative;
        display: flex; /* Keep dropdown inline */
        align-items: center; /* Align icon vertically */
        gap: 5px; /* Space between the icon and dropdown */
    }

    .hide-branch-changer .dropdown-trigger[b-t663kitzqj] {
        cursor: pointer;
    }

    .hide-branch-changer .dropdown-menu[b-t663kitzqj] {
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        padding: 5px;
        z-index: 1000;
        min-width: 150px;
    }

    .hide-branch-changer .bi-caret-down-fill[b-t663kitzqj] {
        font-size: 16px;
    }
@media(max-width: 1024px) {
    .hide-branch-changer[b-t663kitzqj] {
        display: none;
    }

    .show-branch-changer-for-mobile[b-t663kitzqj] {
        display: block !important;
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hide-branch-changer[b-t663kitzqj] {
        gap: 10px; /* Reduce spacing between items */
    }

        .hide-branch-changer span[b-t663kitzqj] {
            font-size: 12px; /* Reduce text size for smaller screens */
        }

        .hide-branch-changer .dropdown[b-t663kitzqj] {
            gap: 3px; /* Reduce gap for dropdown */
        }
}


@media (max-width: 480px) {
    .hide-branch-changer[b-t663kitzqj] {
        gap: 5px; /* Further reduce spacing for mobile views */
        padding: 5px; /* Compact padding */
    }

        .hide-branch-changer span[b-t663kitzqj] {
            font-size: 10px; /* Further reduce font size */
        }
}


/* /Pages/Branch/AddBranch.razor.rz.scp.css */
.row[b-1dc0551q69] {
    margin-bottom: 1rem;
    overflow:hidden; 
}

.form-group[b-1dc0551q69] {
    margin-bottom: 1rem;
}
.text-danger[b-1dc0551q69] {
    color: red;
}



svg[b-1dc0551q69] {
    width: 100%;
    height: 100%;
    fill: #90a4ae;
}

.grid[b-1dc0551q69] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .grid[b-1dc0551q69]  table {
        min-width: 100%;
    }

[b-1dc0551q69] input::placeholder, [b-1dc0551q69] select::placeholder {
    font-size: 14px;
}

[b-1dc0551q69] input, [b-1dc0551q69] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-1dc0551q69] input:active,
    [b-1dc0551q69] input:focus {
        background-color: #e8f0fe;
    }
@media (max-width: 768px) {
    .btn-custom-green[b-1dc0551q69] {
        max-width: 30%;
        min-width: 30%;
        max-height: 70px;
        height: auto;
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .btn-custom-gray[b-1dc0551q69] {
        max-width: 15%;
        min-width: 15%;
        max-height: 70px;
        height: auto;
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
    }
}
/* /Pages/Branch/AllBranches.razor.rz.scp.css */
[b-eukcrfftzf] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 15%;
    }


    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 20%;
        font-weight: 300;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 15%;
        font-weight: 300;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-eukcrfftzf] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-eukcrfftzf] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-eukcrfftzf]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-eukcrfftzf]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-eukcrfftzf] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-eukcrfftzf] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-eukcrfftzf] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-eukcrfftzf] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-eukcrfftzf] {
    font-size: 13px !important;
}

[b-eukcrfftzf] .summary {
   /* font-weight: 300 !important;*/
}

[b-eukcrfftzf] input, [b-eukcrfftzf] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

/*#shadow-root div.root {
    border: none;
    outline: none;*/ /* Optionally remove outline */
/*}*/


/* Flex container to keep items in a single row */
.d-flex[b-eukcrfftzf] {
    display: flex;
    /*flex-wrap: wrap;*/ /* Allows wrapping if necessary */
    align-items: center; /* Vertically centers items */
    gap: 10px; /* Space between items */
}


@media(min-width: 768px)
{
    .container-fluid[b-eukcrfftzf] 
    {
        grid-template-columns: auto auto;
        display: grid;
    }

    .d-grid.top[b-eukcrfftzf] {
        grid-template-columns: auto auto;
    }

    .d-grid.secondTop[b-eukcrfftzf] {
        grid-template-columns: auto auto;
    }
}

.d-grid.top[b-eukcrfftzf] {
    grid-template-columns: 5fr auto;
}

.d-grid.secondTop[b-eukcrfftzf] {
    grid-template-columns: auto auto;
}

.d-grid.bottom[b-eukcrfftzf] {
    grid-template-columns: 5fr auto;
}


[b-eukcrfftzf] select.special {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
    padding-left: 28px !important;
    font-family: inherit;
    font-size: 1rem;
}
/* SVG styling */
/*svg {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    fill: gray;
    pointer-events: none;
}*/

/* Responsive Breakpoints */

@media (max-width: 1024px) {
    .form-select.special[b-eukcrfftzf] {
        font-size: 0.9rem; /* Adjust font size for smaller screens */
    }

    .btn[b-eukcrfftzf] {
        font-size: 0.85rem;
    }

    .col-12.col-md-3[b-eukcrfftzf] {
        margin-bottom: 10px; /* Add spacing for dropdowns in small screens */
    }

    svg[b-eukcrfftzf] {
        width: 1rem;
        height: 1rem;
    }
}


/* /Pages/Branch/ChangePassword.razor.rz.scp.css */
.row[b-85trkef9jy] {
    margin-bottom: 1rem;
    overflow: hidden;
}

.form-group[b-85trkef9jy] {
    margin-bottom: 1rem;
}

.text-danger[b-85trkef9jy] {
    color: red;
}



svg[b-85trkef9jy] {
    width: 100%;
    height: 100%;
    fill: #90a4ae;
}

.grid[b-85trkef9jy] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .grid[b-85trkef9jy]  table {
        min-width: 100%;
    }

[b-85trkef9jy] input::placeholder, [b-85trkef9jy] select::placeholder {
    font-size: 14px;
}

[b-85trkef9jy] input, [b-85trkef9jy] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-85trkef9jy] input:active,
    [b-85trkef9jy] input:focus {
        background-color: #e8f0fe;
    }
/* /Pages/Branch/CustomeFilterBranches.razor.rz.scp.css */
[b-qe66wt4gkj] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 15%;
    }


    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 20%;
        font-weight: 300;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 15%;
        font-weight: 300;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-qe66wt4gkj] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-qe66wt4gkj] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-qe66wt4gkj]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-qe66wt4gkj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-qe66wt4gkj] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-qe66wt4gkj] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-qe66wt4gkj] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-qe66wt4gkj] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-qe66wt4gkj] {
    font-size: 13px !important;
}

[b-qe66wt4gkj] .summary {
    /* font-weight: 300 !important;*/
}

[b-qe66wt4gkj] input, [b-qe66wt4gkj] input[type = "file"] {
    /*width: 100%;*/
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

/*#shadow-root div.root {
    border: none;
    outline: none;*/ /* Optionally remove outline */
/*}*/


/* Flex container to keep items in a single row */
.d-flex[b-qe66wt4gkj] {
    display: flex;
    /*flex-wrap: wrap;*/ /* Allows wrapping if necessary */
    align-items: center; /* Vertically centers items */
    gap: 10px; /* Space between items */
}


@media(min-width: 768px) {
    .container-fluid[b-qe66wt4gkj] {
        grid-template-columns: auto auto;
        display: grid;
    }

    .d-grid.top[b-qe66wt4gkj] {
        grid-template-columns: auto auto;
    }

    .d-grid.secondTop[b-qe66wt4gkj] {
        grid-template-columns: auto auto;
    }
}

.d-grid.top[b-qe66wt4gkj] {
    grid-template-columns: 5fr auto;
}

.d-grid.secondTop[b-qe66wt4gkj] {
    grid-template-columns: auto auto;
}

.d-grid.bottom[b-qe66wt4gkj] {
    grid-template-columns: 5fr auto;
}


[b-qe66wt4gkj] select.special {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
    padding-left: 28px !important;
    font-family: inherit;
    font-size: 1rem;
}
/* SVG styling */
/*svg {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    fill: gray;
    pointer-events: none;
}*/

/* Responsive Breakpoints */

@media (max-width: 1024px) {
    .form-select.special[b-qe66wt4gkj] {
        font-size: 0.9rem; /* Adjust font size for smaller screens */
    }

    .btn[b-qe66wt4gkj] {
        font-size: 0.85rem;
    }

    .col-12.col-md-3[b-qe66wt4gkj] {
        margin-bottom: 10px; /* Add spacing for dropdowns in small screens */
    }

    svg[b-qe66wt4gkj] {
        width: 1rem;
        height: 1rem;
    }
}
/* /Pages/Branch/FilterBranches.razor.rz.scp.css */
[b-c2mzym5yzq] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 15%;
    }


    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 20%;
        font-weight: 300;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 15%;
        font-weight: 300;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-c2mzym5yzq] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-c2mzym5yzq] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-c2mzym5yzq]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-c2mzym5yzq]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-c2mzym5yzq] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-c2mzym5yzq] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-c2mzym5yzq] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-c2mzym5yzq] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-c2mzym5yzq] {
    font-size: 13px !important;
}

[b-c2mzym5yzq] .summary {
    /* font-weight: 300 !important;*/
}

[b-c2mzym5yzq] input, [b-c2mzym5yzq] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

/*#shadow-root div.root {
    border: none;
    outline: none;*/ /* Optionally remove outline */
/*}*/


/* Flex container to keep items in a single row */
.d-flex[b-c2mzym5yzq] {
    display: flex;
    /*flex-wrap: wrap;*/ /* Allows wrapping if necessary */
    align-items: center; /* Vertically centers items */
    gap: 10px; /* Space between items */
}


@media(min-width: 768px) {
    .container-fluid[b-c2mzym5yzq] {
        grid-template-columns: auto auto;
        display: grid;
    }

    .d-grid.top[b-c2mzym5yzq] {
        grid-template-columns: auto auto;
    }

    .d-grid.secondTop[b-c2mzym5yzq] {
        grid-template-columns: auto auto;
    }
}

.d-grid.top[b-c2mzym5yzq] {
    grid-template-columns: 5fr auto;
}

.d-grid.secondTop[b-c2mzym5yzq] {
    grid-template-columns: auto auto;
}

.d-grid.bottom[b-c2mzym5yzq] {
    grid-template-columns: 5fr auto;
}


[b-c2mzym5yzq] select.special {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
    padding-left: 28px !important;
    font-family: inherit;
    font-size: 1rem;
}
/* SVG styling */
/*svg {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    fill: gray;
    pointer-events: none;
}*/

/* Responsive Breakpoints */

@media (max-width: 1024px) {
    .form-select.special[b-c2mzym5yzq] {
        font-size: 0.9rem; /* Adjust font size for smaller screens */
    }

    .btn[b-c2mzym5yzq] {
        font-size: 0.85rem;
    }

    .col-12.col-md-3[b-c2mzym5yzq] {
        margin-bottom: 10px; /* Add spacing for dropdowns in small screens */
    }

    svg[b-c2mzym5yzq] {
        width: 1rem;
        height: 1rem;
    }
}
/* /Pages/Branch/ViewBranch.razor.rz.scp.css */
span[b-9b3qhepa2m] {
    font-weight: 300;
}

p[b-9b3qhepa2m] {
    font-weight: 400;
}
/* /Pages/Client/AddClients.razor.rz.scp.css */
.form-column[b-vuqglc615p] {
    display: flex;
    flex-direction: column;
}

.form-group[b-vuqglc615p] {
    margin-bottom: 15px;
}

.form-actions[b-vuqglc615p] {
    display: flex;
    justify-content: space-between;
}

.row.col-md-6[b-vuqglc615p] {
    padding: 0px;
    margin: 0px;
}

.form-control[b-vuqglc615p] {
    width: 100%;
}

label[b-vuqglc615p] {
    margin-bottom: 0.2rem !important;
}

.table[b-vuqglc615p] {
    width: 100%;
}

[b-vuqglc615p] input::placeholder, [b-vuqglc615p] input[type = "file"], [b-vuqglc615p] select::placeholder {
    font-size: 14px;
}

[b-vuqglc615p] input, [b-vuqglc615p] input[type = "file"], [b-vuqglc615p] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.grid[b-vuqglc615p]::-webkit-scrollbar {
    width: 6px; /* Smaller width for the scrollbar */
}

.grid[b-vuqglc615p]::-webkit-scrollbar-track {
    background-color: transparent; /* Transparent background for the scrollbar track */
}

.grid[b-vuqglc615p]::-webkit-scrollbar-thumb {
    background-color: #f7941e; /* Orange color for the scrollbar thumb */
    border-radius: 4px; /* Rounded edges for the scrollbar thumb */
}



svg[b-vuqglc615p] {
    width: 100%;
    height: 100%;
    fill: #90a4ae;
}

.grid[b-vuqglc615p] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-vuqglc615p]  table {
        min-width: 100%;
    }
[b-vuqglc615p] fluent-autocomplete::part(control), input#control.control[b-vuqglc615p] {
    padding-left: 28px !important;
}

/* /Pages/Client/AddClientUser.razor.rz.scp.css */
.text-danger[b-d7e14devlw] {
    color: red;
}

svg[b-d7e14devlw] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%);
    width: 13px;
    height: auto;
    fill: #90a4ae;
}

[b-d7e14devlw] input::placeholder {
    font-size: 14px;
}

[b-d7e14devlw] input, [b-d7e14devlw] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-d7e14devlw] input:active,
    [b-d7e14devlw] input:focus {
        background-color: #e8f0fe;
    }

.grid[b-d7e14devlw] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.form-group[b-d7e14devlw]
{
    margin-bottom: 15px;
}

/* /Pages/Client/AllClients.razor.rz.scp.css */
[b-8oleahr731] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-8oleahr731] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 10%;
    }


    [b-8oleahr731] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 20%;
        font-weight: 300;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
        font-weight: 300;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-8oleahr731] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-8oleahr731] {
    width: 100%;
    height: calc(80%);
    overflow: scroll;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-8oleahr731]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-8oleahr731]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8oleahr731] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-8oleahr731] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-8oleahr731] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-8oleahr731] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-8oleahr731] {
    font-size: 13px !important;
}

[b-8oleahr731] .summary {
   /* font-weight: 300 !important;*/
}

[b-8oleahr731] input, [b-8oleahr731] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.d-grid[b-8oleahr731] {
    grid-template-columns: 5fr auto;
}

/* /Pages/Client/ViewClient.razor.rz.scp.css */
span[b-c8xzwjz80n]
{
    font-weight: 300;
}

p[b-c8xzwjz80n]
{
    font-weight: 400;
}
/* /Pages/Client/ViewClientUser.razor.rz.scp.css */
[b-6o69rjwi0k] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 10%;
    }


    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 20%;
        font-weight: 300;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
        font-weight: 300;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-6o69rjwi0k] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-6o69rjwi0k] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-6o69rjwi0k]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-6o69rjwi0k]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-6o69rjwi0k] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6o69rjwi0k] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-6o69rjwi0k] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-6o69rjwi0k] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-6o69rjwi0k] {
    font-size: 13px !important;
}

[b-6o69rjwi0k] .summary {
    /*font-weight: 300 !important;*/
}

[b-6o69rjwi0k] input, [b-6o69rjwi0k] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.d-grid[b-6o69rjwi0k] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/ComplianceChecklistDetails/AgreementDetails.razor.rz.scp.css */
[b-3qh11j2uhj] .quickgrid[theme=corporate] .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    opacity: 1 !important;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    border-radius: 20px 20px 0px 0px !important;
}
/* /Pages/ComplianceChecklist/AbstractNotices.razor.rz.scp.css */
[b-f96ni0fj6m] input::placeholder {
    font-size: 14px;
}

[b-f96ni0fj6m] input, [b-f96ni0fj6m] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-f96ni0fj6m] input[type="date"] {
        padding-left: 8px !important;
    }

/* /Pages/ComplianceChecklist/AccidentBook.razor.rz.scp.css */
[b-5p6i1b0ixs] input::placeholder {
    font-size: 14px;
}

[b-5p6i1b0ixs] input, [b-5p6i1b0ixs] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-5p6i1b0ixs] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/ComplianceChecklist/Agreement.razor.rz.scp.css */
[b-i9qemwnc2c] input::placeholder {
    font-size: 14px;
}

[b-i9qemwnc2c] input, [b-i9qemwnc2c] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-i9qemwnc2c] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/ComplianceChecklist/AnnualReturn.razor.rz.scp.css */
[b-og0g0q5jdv] input::placeholder {
    font-size: 14px;
}

[b-og0g0q5jdv] input, [b-og0g0q5jdv] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-og0g0q5jdv] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/ECR.razor.rz.scp.css */
[b-r9jil3q14n] input::placeholder {
    font-size: 14px;
}

[b-r9jil3q14n] input, [b-r9jil3q14n] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-r9jil3q14n] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/ComplianceChecklist/EmploymentCard.razor.rz.scp.css */
[b-go459dqhdv] input::placeholder {
    font-size: 14px;
}

[b-go459dqhdv] input, [b-go459dqhdv] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-go459dqhdv] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/ComplianceChecklist/EPFChallanAndPaymentConfirmationSlip.razor.rz.scp.css */
[b-7qvijkbfdn] input::placeholder {
    font-size: 14px;
}

[b-7qvijkbfdn] input, [b-7qvijkbfdn] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-7qvijkbfdn] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/ComplianceChecklist/EPFO.razor.rz.scp.css */
[b-l6d2j7jv7b] input::placeholder {
    font-size: 14px;
}

[b-l6d2j7jv7b] input, [b-l6d2j7jv7b] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-l6d2j7jv7b] input[type="date"] {
        padding-left: 8px !important;
    }



/* /Pages/ComplianceChecklist/ESIC.razor.rz.scp.css */
[b-66osrde0c7] input::placeholder {
    font-size: 14px;
}

[b-66osrde0c7] input, [b-66osrde0c7] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-66osrde0c7] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/LabourWelfareFund.razor.rz.scp.css */
[b-hchf4nokqm] input::placeholder {
    font-size: 14px;
}

[b-hchf4nokqm] input, [b-hchf4nokqm] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-hchf4nokqm] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/License.razor.rz.scp.css */
[b-htjwomxpul] input::placeholder {
    font-size: 14px;
}

[b-htjwomxpul] input, [b-htjwomxpul] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-htjwomxpul] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/ProfessionalTax.razor.rz.scp.css */
[b-0ywrxxfbz4] input::placeholder {
    font-size: 14px;
}

[b-0ywrxxfbz4] input, [b-0ywrxxfbz4] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-0ywrxxfbz4] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/ProofOfPaymentOfWorkersWhoLeft.razor.rz.scp.css */
[b-kub9wvqf05] input::placeholder {
    font-size: 14px;
}

[b-kub9wvqf05] input, [b-kub9wvqf05] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-kub9wvqf05] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/ComplianceChecklist/RegisterAndRecords.razor.rz.scp.css */
[b-f2rowuu8rs] input::placeholder {
    font-size: 14px;
}

[b-f2rowuu8rs] input, [b-f2rowuu8rs] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-f2rowuu8rs] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/RegisterAndRecordsCentral.razor.rz.scp.css */
[b-u2p2eht8ck] input::placeholder {
    font-size: 14px;
}

[b-u2p2eht8ck] input, [b-u2p2eht8ck] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-u2p2eht8ck] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/Registration.razor.rz.scp.css */
[b-l1i1idi4ot] input::placeholder {
    font-size: 14px;
}

[b-l1i1idi4ot] input, [b-l1i1idi4ot] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-l1i1idi4ot] input[type="date"] {
        padding-left: 8px !important;
    }





/* /Pages/ComplianceChecklist/WorkmenCompensation.razor.rz.scp.css */
[b-11of04xaoh] input::placeholder {
    font-size: 14px;
}

[b-11of04xaoh] input, [b-11of04xaoh] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-11of04xaoh] input[type="date"] {
        padding-left: 8px !important;
    }


/* /Pages/Config/Minset.razor.rz.scp.css */
.form-control[b-hjz7w9p9vj] {
     padding: 0.375rem 0.5rem; 
}

.grid[b-hjz7w9p9vj] {
    width: 100%;
    height: calc(80%);
    overflow: scroll;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-hjz7w9p9vj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hjz7w9p9vj] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hjz7w9p9vj] tbody tr {
    border-bottom: 0.5px solid silver;
}

    [b-hjz7w9p9vj] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
 [b-luvv3czvt6] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-luvv3czvt6] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-luvv3czvt6] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-luvv3czvt6] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-luvv3czvt6] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

        [b-luvv3czvt6] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
            color: rgb(25, 135, 84);
            width: 10%;
        }


        [b-luvv3czvt6] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
            width: 20%;
            font-weight: 300;
        }

        [b-luvv3czvt6] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
            width: 20%;
        }

        [b-luvv3czvt6] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
            width: 20%;
            font-weight: 300;
        }

        [b-luvv3czvt6] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
            width: 30%;
        }

    [b-luvv3czvt6] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-luvv3czvt6] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/

/* Sticky header while scrolling */
[b-luvv3czvt6] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}


.grid[b-luvv3czvt6] {
    width: 100%;
    height: 94%;
    overflow: scroll;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-luvv3czvt6]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-luvv3czvt6]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-luvv3czvt6] .quickgrid[theme=corporate] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-luvv3czvt6] .quickgrid[theme=corporate] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-luvv3czvt6] .quickgrid[theme=corporate] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-luvv3czvt6] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-luvv3czvt6] {
    font-size: 13px !important;
}

[b-luvv3czvt6] .summary
{
    font-weight: 300 !important;
}

[b-luvv3czvt6] input, [b-luvv3czvt6] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}
/* Overlay for the popup */
.popup-overlay[b-luvv3czvt6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensures it's above other elements */
    display: flex;
    align-items: flex-start; /* Align popup to the top */
    justify-content: center; /* Center horizontally */
}

/* Popup content container */
.popup-content[b-luvv3czvt6] {
    background-color: #fff; /* White background for the popup */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    max-width: 400px;
    width: 90%; /* Responsive width */
    /*margin-top: 20px;*/ /* Space from the top */
    z-index: 10000;
}

/* Custom center-top alignment */
.center-top[b-luvv3czvt6] {
    /*margin-top: 10px;*/ /* Slight offset from the top */
    position: relative;
}

/* Close button styling */
.popup-content button[b-luvv3czvt6] {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    border: none;
    background-color: #007bff;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

    .popup-content button:hover[b-luvv3czvt6] {
        background-color: #0056b3;
    }

/* Text styling for the list */
.popup-content ul[b-luvv3czvt6] {
    list-style-type: none;
    padding: 0;
}

    .popup-content ul li[b-luvv3czvt6] {
        margin: 10px 0;
    }

        .popup-content ul li a[b-luvv3czvt6] {
            color: #007bff;
            text-decoration: none;
        }

            .popup-content ul li a:hover[b-luvv3czvt6] {
                text-decoration: underline;
            }
/* /Pages/Dashboard/DashboardBranch.razor.rz.scp.css */
[b-gsrujexeue] input::placeholder {
    font-size: 14px;
}

[b-gsrujexeue] input, [b-gsrujexeue] select {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-gsrujexeue] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-gsrujexeue]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-gsrujexeue]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-gsrujexeue] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-gsrujexeue] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-gsrujexeue] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-gsrujexeue] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-gsrujexeue] {
    font-size: 13px !important;
}







[b-gsrujexeue] .quickgrid[theme=corporat] {
    overflow-x: auto;
}

[b-gsrujexeue] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

[b-gsrujexeue] .quickgrid[theme=download] {
    overflow-x: auto;
}

[b-gsrujexeue] .quickgrid[theme=corporat] .col-title {
    gap: 0.4rem; 
    opacity: 1 !important;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    border-radius: 20px 20px 0px 0px !important;
}

    [b-gsrujexeue] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; 
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }
    
    [b-gsrujexeue] .quickgrid[theme=download] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }
[b-gsrujexeue] .quickgrid[theme=corporat] .col-justify-start {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 4px;
}

    [b-gsrujexeue] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }
    
    [b-gsrujexeue] .quickgrid[theme=download] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }
[b-gsrujexeue] .quickgrid[theme=corporat] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}
    [b-gsrujexeue] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }
    
    [b-gsrujexeue] .quickgrid[theme=download] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }
[b-gsrujexeue] .quickgrid[theme=corporat] thead tr th {
    height: 10px;
    text-align: center;
}
[b-gsrujexeue] .quickgrid[theme=corporate] thead tr th {
    height: 10px;
}
    
    [b-gsrujexeue] .quickgrid[theme=download] thead tr th {
        height: 10px;

    }

[b-gsrujexeue] .quickgrid[theme=corporat] .col-justify-start:nth-last-child(1) {
    width: 5%;
    /*text-align: center;*/
}

[b-gsrujexeue] .quickgrid[theme=corporat] .col-justify-start:nth-last-child(2) {
    width: 45%;
}

[b-gsrujexeue] .quickgrid[theme=corporat] .col-justify-start:nth-last-child(3) {
    width: 50%;
}


[b-gsrujexeue] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
    /*text-align: center;*/
}

[b-gsrujexeue] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 30%;
}

[b-gsrujexeue] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 30%;
}

[b-gsrujexeue] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 30%;
    font-weight: 100;
}


    [b-gsrujexeue] .quickgrid[theme=download] .col-justify-start:nth-last-child(1) {
        width: 5%;
        text-align: center;
    }

    [b-gsrujexeue] .quickgrid[theme=download] .col-justify-start:nth-last-child(2) {
        width: 20%;
    }

    [b-gsrujexeue] .quickgrid[theme=download] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-gsrujexeue] .quickgrid[theme=download] .col-justify-start:nth-last-child(4) {
        width: 40%;
        font-weight: 100;
    }
    [b-gsrujexeue] .quickgrid[theme=download] .col-justify-start:nth-last-child(5) {
        width: 15%;
    }



.btn-custom-blue[b-gsrujexeue] {
    background-color: rgba(0, 102, 255, 0.2);
      Light blue background ;
    border: 1px solid #005ce6;
   border-radius: 6px;
    color: #005ce6 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}
/* /Pages/Employee/AddEmployee.razor.rz.scp.css */
[b-m3oalf3tuq] input {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.form-group[b-m3oalf3tuq] {
    margin-bottom: 15px;
}



svg[b-m3oalf3tuq] {
    width: 100%;
    height: 100%;
    fill: #90a4ae;
}

[b-m3oalf3tuq] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.bi[b-m3oalf3tuq] {
    fill: #90a4ae !important;
}
/* /Pages/Employee/AllEmployees.razor.rz.scp.css */
[b-e7jpqsn521] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 10%;
    }


    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 15%;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
        font-weight: 300;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 20%;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-e7jpqsn521] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-e7jpqsn521] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-e7jpqsn521]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-e7jpqsn521]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-e7jpqsn521] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-e7jpqsn521] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-e7jpqsn521] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-e7jpqsn521] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-e7jpqsn521] {
    font-size: 13px !important;
}

[b-e7jpqsn521] .summary {
    /*font-weight: 300 !important;*/
}

[b-e7jpqsn521] input, [b-e7jpqsn521] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.Page-size[b-e7jpqsn521] {
    width: 11%;
}

.Search-input-size[b-e7jpqsn521] {
    width: 90%;
}

@media(max-width: 1024px) {
    .Page-size[b-e7jpqsn521] {
        width: 13%;
    }

    .Search-input-size[b-e7jpqsn521] {
        width: 88%;
    }
}
/* /Pages/Employee/EmployeeDetail.razor.rz.scp.css */
p[b-w3pbi4smga]
{
    margin-bottom: 6px !important;
}

span[b-w3pbi4smga] {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.w-100 > div[b-w3pbi4smga] {
    margin-bottom: 10px !important;
}
/* /Pages/EmpPayRoll/Apply.razor.rz.scp.css */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    button[b-0at1ewrgtn] {
        max-width: 80% !important;
        text-align: center;
    }

    a[b-0at1ewrgtn] {
        text-align: center;
    }
    .mrgn[b-0at1ewrgtn] {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    button[b-0at1ewrgtn] {
        text-align: center;
    }

    a[b-0at1ewrgtn] {
        text-align: center;
    }
    .mrgn[b-0at1ewrgtn]{
        margin-bottom:20px;
    }
}
@keyframes fadeIn-b-0at1ewrgtn {
    from {
        opacity: 0;
        transform: translate(-50%, -55%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.custom-popup[b-0at1ewrgtn] {
    height: auto;
    max-height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    z-index: 1050;
    animation: fadeIn-b-0at1ewrgtn 0.3s ease-in-out;
    overflow-y: auto;
}

@media (max-width: 1024px) {
    .custom-popup[b-0at1ewrgtn] {
        width: 90%;
        height: auto;
        max-height: 90%;
    }
}

@media (max-width: 768px) {
    .custom-popup[b-0at1ewrgtn] {
        width: 95%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .custom-popup[b-0at1ewrgtn] {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
        border-radius: 0;
        padding: 10px;
    }
}

.custom-popup-header[b-0at1ewrgtn] {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-popup-body[b-0at1ewrgtn] {
    padding: 15px;
}

.d-flex[b-0at1ewrgtn] {
    display: flex;
}

.flex-wrap[b-0at1ewrgtn] {
    flex-wrap: wrap;
}

.gap-3[b-0at1ewrgtn] {
    gap: 15px;
}

.mb-3[b-0at1ewrgtn] {
    margin-bottom: 15px;
}

.flex-grow-1[b-0at1ewrgtn] {
    flex-grow: 1;
    min-width: 150px;
}

@media (max-width: 768px) {
    .flex-grow-1[b-0at1ewrgtn] {
        flex-basis: 100%;
    }
}

.form-control[b-0at1ewrgtn] {
    width: 100%;
    max-width: 300px;
}

.date-row[b-0at1ewrgtn] {
    display: flex;
   /* gap: 15px;
    justify-content: space-between;*/
    align-items: center;
}

    .date-row .form-control[b-0at1ewrgtn] {
        flex: 1;
        min-width: 0; /* Prevent overflow on smaller screens */
    }

@media (max-width: 480px) {
    .date-row[b-0at1ewrgtn] {
        flex-wrap: nowrap; /* Ensure items stay on one row */
    }
}

.custom-popup-footer[b-0at1ewrgtn] {
    padding: 15px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    background-color: white;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

@media (max-width: 480px) {
    .custom-popup-footer[b-0at1ewrgtn] {
        flex-wrap: wrap;
        justify-content: center;
    }

        .custom-popup-footer button[b-0at1ewrgtn] {
            flex: 1;
            max-width: 200px;
        }
}

.custom-popup-backdrop[b-0at1ewrgtn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.btn-close[b-0at1ewrgtn] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
}

#leaveReason[b-0at1ewrgtn] {
    margin-top: 30px;
}
.form-check-input:checked[b-0at1ewrgtn] {
    background-color: #f7941e; 
    border-color: #f7941e; 
}

 
    .form-check-label:hover[b-0at1ewrgtn] {
        color: #e87e00; 
    }

.grid[b-0at1ewrgtn] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-0at1ewrgtn]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-0at1ewrgtn]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-0at1ewrgtn] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    /*z-index: 1;*/
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-0at1ewrgtn] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-0at1ewrgtn] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* /Pages/EmpPayRoll/Attendance/Clock.razor.rz.scp.css */
@keyframes fadeIn-b-vlu0xvjfl0 {
    from {
        opacity: 0;
        transform: translate(-50%, -55%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.custom-popup[b-vlu0xvjfl0] {
    height: auto;
    max-height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    z-index: 1050;
    animation: fadeIn-b-vlu0xvjfl0 0.3s ease-in-out;
    overflow-y: auto;
}

@media (max-width: 1024px) {
    .custom-popup[b-vlu0xvjfl0] {
        width: 90%;
        height: auto;
        max-height: 90%;
    }
}

@media (max-width: 768px) {
    .custom-popup[b-vlu0xvjfl0] {
        width: 95%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .custom-popup[b-vlu0xvjfl0] {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
        border-radius: 0;
        padding: 10px;
    }
}

.custom-popup-header[b-vlu0xvjfl0] {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-popup-body[b-vlu0xvjfl0] {
    padding: 15px;
}

.d-flex[b-vlu0xvjfl0] {
    display: flex;
}

.flex-wrap[b-vlu0xvjfl0] {
    flex-wrap: wrap;
}

.gap-3[b-vlu0xvjfl0] {
    gap: 15px;
}

.mb-3[b-vlu0xvjfl0] {
    margin-bottom: 15px;
}

.flex-grow-1[b-vlu0xvjfl0] {
    flex-grow: 1;
    min-width: 150px;
}

@media (max-width: 768px) {
    .flex-grow-1[b-vlu0xvjfl0] {
        flex-basis: 100%;
    }
}

.form-control[b-vlu0xvjfl0] {
    width: 100%;
    max-width: 300px;
}

.date-row[b-vlu0xvjfl0] {
    display: flex;
    /* gap: 15px;
    justify-content: space-between;*/
    align-items: center;
}

    .date-row .form-control[b-vlu0xvjfl0] {
        flex: 1;
        min-width: 0; /* Prevent overflow on smaller screens */
    }

@media (max-width: 480px) {
    .date-row[b-vlu0xvjfl0] {
        flex-wrap: nowrap; /* Ensure items stay on one row */
    }
}

.custom-popup-footer[b-vlu0xvjfl0] {
    padding: 15px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    background-color: white;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

@media (max-width: 480px) {
    .custom-popup-footer[b-vlu0xvjfl0] {
        flex-wrap: wrap;
        justify-content: center;
    }

        .custom-popup-footer button[b-vlu0xvjfl0] {
            flex: 1;
            max-width: 200px;
        }
}

.custom-popup-backdrop[b-vlu0xvjfl0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.btn-close[b-vlu0xvjfl0] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
}

#leaveReason[b-vlu0xvjfl0] {
    margin-top: 30px;
}

.form-check-input:checked[b-vlu0xvjfl0] {
    background-color: #f7941e;
    border-color: #f7941e;
}


.form-check-label:hover[b-vlu0xvjfl0] {
    color: #e87e00;
}
/* /Pages/EmpPayRoll/Attendance/Geofencing.razor.rz.scp.css */
.btn-custom-load[b-4dnixm0ixi] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-right: 10px;
}
/* Custom Popup Styles */
.custom-popup[b-4dnixm0ixi] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 8px;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1050; /* Ensure it is above other content */
    display: none; /* Initially hidden */
}

.custom-popup-header[b-4dnixm0ixi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #ddd;
}

    .custom-popup-header h5[b-4dnixm0ixi] {
        margin: 0;
        font-size: 18px;
    }

.custom-popup-body[b-4dnixm0ixi] {
    padding: 20px;
    font-size: 16px;
}

    .custom-popup-body h5[b-4dnixm0ixi] {
        margin-top: 0;
    }

.custom-popup-backdrop[b-4dnixm0ixi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Blackish background */
    z-index: 1040; /* Below the popup */
    display: none; /* Initially hidden */
}

    /* Make popup visible */
    .custom-popup.show[b-4dnixm0ixi], .custom-popup-backdrop.show[b-4dnixm0ixi] {
        display: block;
    }
/* /Pages/EmpPayRoll/Attendance/Hours.razor.rz.scp.css */
.btn-custom-load[b-hw6t8p8cwk] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-right: 10px;
}
.dropdown-container[b-hw6t8p8cwk] {
    position: relative;
    display: inline-block;
    width: 200px;
}

.dropdown-toggle[b-hw6t8p8cwk] {
    width: 100%;
    padding: 10px;
    /*background-color: #007bff;*/
    color: black;
    border: none;
    cursor: pointer;
    text-align: left;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: "Segoe UI Variable Text", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.dropdown-menu[b-hw6t8p8cwk] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1050; /* Ensure it overlays other components */
    padding: 8px 12px;
}

    .dropdown-menu .form-check[b-hw6t8p8cwk] {
        margin-bottom: 8px;
    }

        .dropdown-menu .form-check:last-child[b-hw6t8p8cwk] {
            margin-bottom: 0;
        }

.selected-statuses[b-hw6t8p8cwk] {
    font-size: 14px;
}

body[b-hw6t8p8cwk] {
    overflow: visible; /* Ensure dropdowns are not clipped */
}
.form-check-input:checked[b-hw6t8p8cwk] {
    background-color: #fd7e14;
    border-color: #fd7e14;
}
/* /Pages/EmpPayRoll/Attendance/Locations.razor.rz.scp.css */
.btn-custom-load[b-wv79yw39b9] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-right: 10px;
}
.heading[b-wv79yw39b9] {
    color: rgba(0, 0, 0, 0.8);
    padding-bottom: 10px;
}
/* /Pages/EmpPayRoll/Attentance/EmployeeAttentancePage.razor.rz.scp.css */
body[b-oi5zwp713m] {
}
/* /Pages/EmpPayRoll/Balances.razor.rz.scp.css */
.modal[b-m57dyoef1q] {
    z-index: 1055 !important;
}
.modal-backdrop[b-m57dyoef1q] {
    display: none !important;
}

/* Optional: Adjust modal width for responsiveness */
.modal-dialog[b-m57dyoef1q] {
    max-width: 600px; 
    margin: auto;
}

/* Optional: Improve spacing for links and buttons */
.modal-body a[b-m57dyoef1q], .modal-body button[b-m57dyoef1q] {
    margin-top: 10px;
    text-align: left;
    width: 100%;
}
/* /Pages/EmpPayRoll/CompOff.razor.rz.scp.css */
/* /Pages/EmpPayRoll/EditEmployeePayroll.razor.rz.scp.css */
.row[b-q4dl5ketbn] {
    display: flex;
    flex-wrap: wrap; /* Wraps columns to the next line if needed */
    gap: 10px; /* Optional spacing */
}

.column[b-q4dl5ketbn] {
    flex: 1 1 100%; /* Default: Full width */
    text-align: center; /* Optional: Center text */
    border: 1px solid #ccc; /* Optional: Visualization */
    padding: 10px; /* Optional: Add padding */
}

/* For small screens (smaller than 768px) */
@media (min-width: 576px) {
    .column[b-q4dl5ketbn] {
        flex: 1 1 50%; /* Two columns per row */
    }
}

/* For medium screens (768px and larger) */
@media (min-width: 768px) {
    .column[b-q4dl5ketbn] {
        flex: 1 1 33.33%; /* Three columns per row */
    }
}
/* /Pages/EmpPayRoll/EmpPayRollDashboard.razor.rz.scp.css */

.card[b-j8xnvqqskq]{
    height:285px;
}
.linkbtn[b-j8xnvqqskq] {
    text-align: end;
    padding: 0px 10px 20px 15px;
    margin-top: auto;
    font-size: 0.7rem;
}
@media(max-width:1024){
    .linkbtn[b-j8xnvqqskq] {
        text-align: end;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .linkbtn[b-j8xnvqqskq] {
        text-align: end;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .linkbtn a[b-j8xnvqqskq] {
        text-align: center;
        font-size: 14px;
    }
}

/* Card Styling */
.employee-card[b-j8xnvqqskq] {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

/* Title Styling */
.card-title[b-j8xnvqqskq] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #343a40;
    text-align: center;
    margin-bottom: 20px;
}

/* Employee Details Styling */
.employee-details[b-j8xnvqqskq] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .employee-details li[b-j8xnvqqskq] {
        padding: 5px;
        margin: 2px 0;
        border-radius: 4px;
        font-size: 0.5rem;
        display: flex;
        justify-content: space-between;
        background: #e9ecef;
        transition: background-color 0.3s ease;
    }

        /* Alternating Colors for List Items */
        .employee-details li:nth-child(odd)[b-j8xnvqqskq] {
            background: #d6e9f9;
        }

        .employee-details li:nth-child(even)[b-j8xnvqqskq] {
            background: #f8d7da;
        }

.detail-key[b-j8xnvqqskq] {
    font-weight: bold;
    color: #495057;
}

.detail-value[b-j8xnvqqskq] {
    color: #212529;
}

    .linkbtn .btn:hover[b-j8xnvqqskq] {
        background-color: #0056b3;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .card-title[b-j8xnvqqskq] {
        font-size: 1.25rem;
    }

    .employee-details li[b-j8xnvqqskq] {
        font-size: 0.9rem;
        padding: 8px;
    }

    .linkbtn .btn[b-j8xnvqqskq] {
        font-size: 0.6rem;
        padding: 8px;
    }
}

/* Card Styling */
.employee-card[b-j8xnvqqskq] {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 10px auto;
    width: 100%;
    max-width: 700px;
}

    .employee-card .card-title[b-j8xnvqqskq] {
        font-size: 1.5rem;
        font-weight: bold;
        color: #4f46e5;
        text-align: center;
        margin-bottom: 15px;
    }

    /* Table Styling */
    .employee-card .table-container[b-j8xnvqqskq] {
        overflow-x: auto;
        overflow-y: auto;
        max-height: 200px; /* Limit height for Y scrolling */
    }

    .employee-card table[b-j8xnvqqskq] {
        width: 100%;
        border-collapse: collapse;
    }

    .employee-card th[b-j8xnvqqskq], .employee-card td[b-j8xnvqqskq] {
        padding: 10px;
        text-align: left;
        border: 1px solid #d1d5db;
        font-size: 0.9rem;
    }

    .employee-card th[b-j8xnvqqskq] {
        background-color: #4f46e5;
        color: #ffffff;
        font-weight: bold;
    }

    .employee-card tbody tr:nth-child(even)[b-j8xnvqqskq] {
        background-color: #f9fafb;
    }

    .employee-card tbody tr:hover[b-j8xnvqqskq] {
        background-color: #e0e7ff;
    }

/* Responsive Adjustments */
@media (max-width: 768px) {
  
    .employee-card .table-container[b-j8xnvqqskq] {
        overflow-x: auto;
        overflow-y: auto;
        max-height: 200px; /* Limit height for Y scrolling */
    }

    .employee-card th[b-j8xnvqqskq], .employee-card td[b-j8xnvqqskq] {
        font-size: 0.8rem;
        text-align: center;
        position:sticky;
        top:0;
    }
}

@media (max-width: 668px) {
   
    .employee-card .table-container[b-j8xnvqqskq] {
        overflow-x: auto;
        overflow-y: auto;
        max-height: 200px; /* Limit height for Y scrolling */
    }

    .employee-card th[b-j8xnvqqskq], .employee-card td[b-j8xnvqqskq] {
        font-size: 0.8rem;
        text-align: center;
        position: sticky;
        top: 0;
    }
}
/* /Pages/EmpPayRoll/Holidays.razor.rz.scp.css */
/* /Pages/EmpPayRoll/Policies.razor.rz.scp.css */
/* /Pages/EmpPayRoll/Requests.razor.rz.scp.css */
/* /Pages/ForgotPassword/ForgotPassword.razor.rz.scp.css */
h1[b-iblgqtu1rt] {
    font-size: 17px !important;
    color: #333333;
}

h2[b-iblgqtu1rt] {
    font-size: 13px !important;
    color: #999999
}

[b-iblgqtu1rt] input::placeholder {
    font-size: 14px;
}

[b-iblgqtu1rt] input {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #f7941e;
}

    [b-iblgqtu1rt] input:active,
    [b-iblgqtu1rt] input:focus {
        background-color: #e8f0fe;
        border-bottom: none;
    }

svg[b-iblgqtu1rt] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%);
    width: 13px;
    height: auto;
    fill: #90a4ae;
}

.icon-object svg[b-iblgqtu1rt] {
    fill: #f7941e;
}

.icon-object[b-iblgqtu1rt] {
    border-radius: 50%;
    text-align: center;
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 30px;
    display: inline-block;
    border-color: #f7941e;
}

    .icon-object svg[b-iblgqtu1rt] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 34px;
    }

div.py-3 div[b-iblgqtu1rt] {
    margin-bottom: 20px;
}

.text-end[b-iblgqtu1rt] {
    margin-bottom: 5px !important;
    margin-top: 10px !important;
}

button[b-iblgqtu1rt] {
    background-color: #f7941e;
}

    button:hover[b-iblgqtu1rt] {
        background-color: #f8a23a;
    }

    button:active[b-iblgqtu1rt] {
        background-color: #f68b09; /* Subtle lighter shade */
    }

.captcha-input input[b-iblgqtu1rt] {
    border: 1px solid #f7941e !important;
    padding-left: 0px !important;
    background-color: #fff;
}

    .captcha-input input:active[b-iblgqtu1rt], .captcha-input input:focus[b-iblgqtu1rt] {
        background-color: #fff;
    }

    .captcha-input input[b-iblgqtu1rt]::placeholder {
        text-align: center;
        color: #f7941e !important;
    }

/* Disable scrolling */
html[b-iblgqtu1rt], body[b-iblgqtu1rt] {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Ensures that elements don't overflow */
*[b-iblgqtu1rt] {
    box-sizing: border-box;
}

/* Container styles */
.no-scrollbar[b-iblgqtu1rt] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.vh-100[b-iblgqtu1rt] {
    height: 100vh;
}

.vw-100[b-iblgqtu1rt] {
    width: 100vw;
}

/* Your existing styles here */

/* For better alignment without scrollbars */
.d-flex[b-iblgqtu1rt] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    min-width: 100vw;
}
/* /Pages/Inspection/ComplianceReportACK.razor.rz.scp.css */
[b-58v5ak89y0] input::placeholder {
    font-size: 14px;
}

[b-58v5ak89y0] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-58v5ak89y0] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-58v5ak89y0]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-58v5ak89y0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-58v5ak89y0] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-58v5ak89y0] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-58v5ak89y0] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-58v5ak89y0] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-58v5ak89y0] {
    font-size: 13px !important;
}

[b-58v5ak89y0] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-58v5ak89y0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Inspection/ComplianceReportACKForm.razor.rz.scp.css */
/* /Pages/Inspection/InspectionReport.razor.rz.scp.css */
[b-fpz88i6muj] input::placeholder {
    font-size: 14px;
}

[b-fpz88i6muj] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-fpz88i6muj] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-fpz88i6muj]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-fpz88i6muj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-fpz88i6muj] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-fpz88i6muj] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-fpz88i6muj] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-fpz88i6muj] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-fpz88i6muj] {
    font-size: 13px !important;
}

[b-fpz88i6muj] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-fpz88i6muj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Inspection/InspectionReportForm.razor.rz.scp.css */
/* /Pages/LIC/AllLicenses.razor.rz.scp.css */
[b-rr06sq8bap] input::placeholder {
    font-size: 14px;
}

[b-rr06sq8bap] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}


.grid[b-rr06sq8bap] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-rr06sq8bap]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-rr06sq8bap]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-rr06sq8bap] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-rr06sq8bap] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-rr06sq8bap] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-rr06sq8bap] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-rr06sq8bap] {
    font-size: 13px !important;
}


[b-rr06sq8bap] .quickgrid[theme=download] {
    overflow-x: auto;
}

[b-rr06sq8bap] .quickgrid[theme=download] .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    opacity: 1 !important;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    border-radius: 20px 20px 0px 0px !important;
}

    [b-rr06sq8bap] .quickgrid[theme=download] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-rr06sq8bap] .quickgrid[theme=download] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-rr06sq8bap] .quickgrid[theme=download] thead tr th {
        height: 10px;
    }

[b-rr06sq8bap] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}


[b-rr06sq8bap] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 20%;
}

[b-rr06sq8bap] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 50%;
}

[b-rr06sq8bap] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 20%;
    font-weight: 300;
}



[b-rr06sq8bap] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
    text-align: center;
}


[b-rr06sq8bap] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 95%;
}




.d-grid[b-rr06sq8bap]
{
    grid-template-columns: 1fr auto;
}
/* /Pages/LIC/CLRAVendor.razor.rz.scp.css */
[b-0axrdfexi2] input::placeholder {
    font-size: 14px;
}

[b-0axrdfexi2] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-0axrdfexi2] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-0axrdfexi2]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-0axrdfexi2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-0axrdfexi2] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-0axrdfexi2] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-0axrdfexi2] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-0axrdfexi2] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-0axrdfexi2] {
    font-size: 13px !important;
}

[b-0axrdfexi2] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-0axrdfexi2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-0axrdfexi2] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/LIC/CLRAVendorForm.razor.rz.scp.css */
/* /Pages/LIC/OtherLicenses.razor.rz.scp.css */
[b-2ve2wlf1rw] input::placeholder {
    font-size: 14px;
}

[b-2ve2wlf1rw] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-2ve2wlf1rw] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-2ve2wlf1rw]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-2ve2wlf1rw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-2ve2wlf1rw] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-2ve2wlf1rw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-2ve2wlf1rw] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-2ve2wlf1rw] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-2ve2wlf1rw] {
    font-size: 13px !important;
}

[b-2ve2wlf1rw] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-2ve2wlf1rw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-2ve2wlf1rw] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/LIC/OtherLicensesForm.razor.rz.scp.css */
/* /Pages/Loader.razor.rz.scp.css */
.loader-overlay[b-fll0dt3ci7] {
    position: fixed; /* Position it on top of everything */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
    backdrop-filter: blur(15px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* High z-index to ensure it overlays other elements */
}
/* /Pages/Login.razor.rz.scp.css */

h1[b-jpigpgy58z]
{
    font-size: 17px !important;
    color: #333333;
}

h2[b-jpigpgy58z]
{
    font-size: 13px !important;
    color: #999999
}

[b-jpigpgy58z] input::placeholder {
    font-size: 14px;
}

[b-jpigpgy58z] input {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #f7941e;
}

    [b-jpigpgy58z] input:active,
    [b-jpigpgy58z] input:focus {
        background-color: #e8f0fe;
        border-bottom: none;
    }

svg[b-jpigpgy58z] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%);
    width: 13px;
    height: auto;
    fill: #90a4ae;
}

.icon-object svg[b-jpigpgy58z] {
    fill: #f7941e;
}

.icon-object[b-jpigpgy58z] {
    border-radius: 50%;
    text-align: center;
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 30px;
    display: inline-block;
    border-color: #f7941e;
}

.icon-object svg[b-jpigpgy58z] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 34px;
}

div.py-3 div[b-jpigpgy58z] {
    margin-bottom: 20px;
}

.text-end[b-jpigpgy58z]
{
    margin-bottom: 5px !important;
    margin-top: 10px !important;
}

button[b-jpigpgy58z] {
    background-color: #f7941e;
}

    button:hover[b-jpigpgy58z] {
        background-color: #f8a23a;
    }

    button:active[b-jpigpgy58z] {
        background-color: #f68b09; /* Subtle lighter shade */
    }

.captcha-input input[b-jpigpgy58z] {
    border: 1px solid #f7941e !important;
    padding-left: 0px !important;
    background-color: #fff;
}

    .captcha-input input:active[b-jpigpgy58z], .captcha-input input:focus[b-jpigpgy58z] {
        background-color: #fff;
    }

    .captcha-input input[b-jpigpgy58z]::placeholder {
        text-align: center;
        color: #f7941e !important;
    }

/* Disable scrolling */
html[b-jpigpgy58z], body[b-jpigpgy58z] {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Ensures that elements don't overflow */
*[b-jpigpgy58z] {
    box-sizing: border-box;
}

/* Container styles */
.no-scrollbar[b-jpigpgy58z] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.vh-100[b-jpigpgy58z] {
    height: 100vh;
}

.vw-100[b-jpigpgy58z] {
    width: 100vw;
}

/* Your existing styles here */

/* For better alignment without scrollbars */
.d-flex[b-jpigpgy58z] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    min-width: 100vw;
}


/* /Pages/ManagePage/ManagePage.razor.rz.scp.css */
.form-group[b-a2pe3d19aw] {
    margin-bottom: 15px;
}

.grid[b-a2pe3d19aw] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-a2pe3d19aw]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-a2pe3d19aw]  table {
        min-width: 100%;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-a2pe3d19aw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-a2pe3d19aw] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

[b-a2pe3d19aw] input::placeholder, [b-a2pe3d19aw] input[type = "file"], [b-a2pe3d19aw] select::placeholder {
    font-size: 14px;
}

[b-a2pe3d19aw] input, [b-a2pe3d19aw] input[type = "file"], [b-a2pe3d19aw] select {
    width: 100%;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-a2pe3d19aw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
    width: 20%;
}


[b-a2pe3d19aw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 80%;
}


[b-a2pe3d19aw] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}


[b-a2pe3d19aw] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-a2pe3d19aw] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }
@media(max-width:1024px) {
    .d-flex.button[b-a2pe3d19aw] {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
}
/* /Pages/Notice/Notices.razor.rz.scp.css */
[b-kc8j47r6cw] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-kc8j47r6cw] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 300 !important;
        border-radius: 20px 20px 0px 0px;
    }

    [b-kc8j47r6cw] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    [b-kc8j47r6cw] .quickgrid[theme=corporate] tbody tr {
        height: 30px;
        border-bottom: 0.5px solid silver;
    }

[b-kc8j47r6cw] tbody tr:hover {
    background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

[b-kc8j47r6cw] .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-kc8j47r6cw] .quickgrid[theme=corporate] thead tr th {
    height: 5px;
}
[b-kc8j47r6cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}
[b-kc8j47r6cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
}

[b-kc8j47r6cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width:25%;
}

[b-kc8j47r6cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 40%;
}
.grid[b-kc8j47r6cw] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 6px 6px 0px 0px;
}

@media(max-width: 1024px) {
    .grid[b-kc8j47r6cw] {
        overflow-x: scroll;
    }

        .grid[b-kc8j47r6cw]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-kc8j47r6cw]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-kc8j47r6cw]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-kc8j47r6cw]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-kc8j47r6cw]::-webkit-scrollbar {
    display: none;
}

.grid[b-kc8j47r6cw]  table {
    min-width: 100%;
}

[b-kc8j47r6cw] thead {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

select[b-kc8j47r6cw] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 1rem;
}

.page-size-chooser[b-kc8j47r6cw] {
    font-size: 13px !important;
}

[b-kc8j47r6cw] input::placeholder, [b-kc8j47r6cw] input[type = "file"], [b-kc8j47r6cw] select::placeholder {
    font-size: 14px;
}

[b-kc8j47r6cw] input, [b-kc8j47r6cw] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-kc8j47r6cw] select {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
    font-size: 1rem;
}

.btn[b-kc8j47r6cw] {
    max-width: 50px;
    min-width: 50px;
}


.d-grid[b-kc8j47r6cw] {
    grid-template-columns: 1fr 1fr ;
    padding: 8px;
}
@media (max-width: 1024px) {
    .d-grid[b-kc8j47r6cw] {
        display: grid;
        grid-template-columns: 1fr;
        padding: 6px;
        margin-top: 10px;
    }
}
/* Default styling (for larger screens) */
.btn-custom-redDel[b-kc8j47r6cw] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-kc8j47r6cw] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-kc8j47r6cw] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-kc8j47r6cw] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
.btn-custom-vw[b-kc8j47r6cw] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-kc8j47r6cw] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-kc8j47r6cw] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-kc8j47r6cw] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* /Pages/Notification/Notifications.razor.rz.scp.css */
[b-1xei1pxcma] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-1xei1pxcma] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-1xei1pxcma] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    [b-1xei1pxcma] .quickgrid[theme=corporate] tbody tr {
        height: 30px;
        border-bottom: 0.5px solid silver;
    }

[b-1xei1pxcma] tbody tr:hover {
    background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

[b-1xei1pxcma] .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-1xei1pxcma] .quickgrid[theme=corporate] thead tr th {
    height: 30px;
}

[b-1xei1pxcma] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
    text-align: center;
}


[b-1xei1pxcma] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 25%;
    font-weight: 300;
}

[b-1xei1pxcma] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 35%;
    font-weight: 300;
}

[b-1xei1pxcma] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 20%;
}
.grid[b-1xei1pxcma] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 6px 6px 0px 0px;
}

@media(max-width: 1024px) {
    .grid[b-1xei1pxcma] {
        overflow-x: scroll;
    }

        .grid[b-1xei1pxcma]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-1xei1pxcma]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-1xei1pxcma]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-1xei1pxcma]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-1xei1pxcma]::-webkit-scrollbar {
    display: none;
}

.grid[b-1xei1pxcma]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-1xei1pxcma] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

select[b-1xei1pxcma] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 12px;
   
   
}

.page-size-chooser[b-1xei1pxcma] {
    font-size: 13px !important;
}

[b-1xei1pxcma] input::placeholder, [b-1xei1pxcma] input[type = "file"], [b-1xei1pxcma] select::placeholder {
    font-size: 14px;
}

[b-1xei1pxcma] input, [b-1xei1pxcma] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}


[b-1xei1pxcma] select {
    /*padding: 8px;*/
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    padding-left: 25px;
    gap: 20px;
}

[b-1xei1pxcma] thead {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

[b-1xei1pxcma] select
{
    width: 100% !important;
}

.col-md[b-1xei1pxcma] {
    padding-left: 4px;
    padding-right: 4px;
}

@media(min-width: 768px)
{
    /* The grid container */
    .grid-container[b-1xei1pxcma] {
        grid-template-columns: 1fr 1fr 1fr 1fr auto;
    }
}

/* The grid container */
.grid-container[b-1xei1pxcma] {
    display: grid;
    /*gap: 10px;*/ /* Space between columns */
    width: 100%; /* Full width of the screen */
    margin: 0 auto; /* Center the grid container */
    box-sizing: border-box; /* Ensure padding/margin doesn't affect width */
}

/* Each grid item */
.grid-item[b-1xei1pxcma] {
    margin:4px;
    box-sizing: border-box; /* Prevent padding from affecting width */
}

div.position-relative div[b-1xei1pxcma] {
    position: absolute;
    top: 44%;
    left: 7px;
    transform: translate(0, -50%);
    width: 13px;
    height: auto;
}

svg[b-1xei1pxcma] 
{
    fill: #90a4ae !important;
}

/* /Pages/PDFDownloadLoader.razor.rz.scp.css */
.loader-overlay[b-2lrctirbj8] {
    position: fixed; /* Position it on top of everything */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
    backdrop-filter: blur(15px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* High z-index to ensure it overlays other elements */
}

.dots[b-2lrctirbj8]::after {
    content: "";
    display: inline-block;
    animation: dots-b-2lrctirbj8 1.5s infinite;
}

@keyframes dots-b-2lrctirbj8 {
    0% {
        content: "";
    }

    33% {
        content: ".";
    }

    66% {
        content: "..";
    }

    100% {
        content: "...";
    }
}
/* /Pages/PendingApprovals/PendingApprovals.razor.rz.scp.css */
[b-d04dzk5rmk] input::placeholder {
    font-size: 14px;
}

[b-d04dzk5rmk] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-d04dzk5rmk] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-d04dzk5rmk]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-d04dzk5rmk]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-d04dzk5rmk] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-d04dzk5rmk] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-d04dzk5rmk] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-d04dzk5rmk] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-d04dzk5rmk] {
    font-size: 13px !important;
}

[b-d04dzk5rmk] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-d04dzk5rmk] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-d04dzk5rmk] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Playground.razor.rz.scp.css */
.notification-before[b-aazjlzaa4c] {
    position: relative;
}

    .notification-before[b-aazjlzaa4c]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 2%;
        height: auto;
        color: red;
    }
/* /Pages/Profile.razor.rz.scp.css */
@media(max-width: 1024px) {
    .hidden-profile[b-btrtru2j68] {
        display: none;
    }
}


.dropdown-menu[b-btrtru2j68] {
    top: 120%;
    max-width: 100%;
    left: 20%;
}


button[b-btrtru2j68] {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0); /* Transparent background */
    color: #6c757d !important; /* Default color when idle */
}

    button:hover[b-btrtru2j68], button:active[b-btrtru2j68], button[b-btrtru2j68]::selection {
        background-color: #f7941e; /* Orange background color on hover, click, focus, or selection */
        color: white !important; /* Text color white */
        outline: none;
    }

    button:focus[b-btrtru2j68] {
        background-color: #faba6b; /* Orange background color on hover, click, focus, or selection */
        color: white !important; /* Text color white */
        outline: none;
    }

@media (min-width: 1024px)
{
    .my-auto[b-btrtru2j68]
    {
        width: 40px;
        height: 35px;
    }
}

.dropdown-item[b-btrtru2j68]
{
    font-size: clamp(11px, 2.1vw, 13px);
}
/* /Pages/ProfileContainer.razor.rz.scp.css */
@media(max-width: 1024px)
{
    .d-flex[b-9ouzet7eka]
    {
        flex-direction: column;
    }

    .center[b-9ouzet7eka]
    {
        justify-content: center !important;
    }

    .hidden-profile[b-9ouzet7eka], .notification-before[b-9ouzet7eka]::before {
        display: none;
    }

    .hidden-profile-two[b-9ouzet7eka], .notification-before[b-9ouzet7eka]::before {
        display: none;
    }

    .Profile-height[b-9ouzet7eka] {
        height: 3% !important;
    }
}

.Profile-height[b-9ouzet7eka]
{
    height: 6%;
}

.bi-bell-fill[b-9ouzet7eka] {
    font-size: 18px;
    color: orange;
    cursor: pointer;
}

.notification-before[b-9ouzet7eka] {
    position: relative;
}

    .notification-before[b-9ouzet7eka]::before {
        content: "";
        position: absolute;
        top: 15%;
        left: 4%;
        width: 5px;
        height: 5px;
        background-color: red;
        border-radius: 25px;
        cursor: pointer;
    }

@media (max-width: 768px) {
    .row.mt-3[b-9ouzet7eka] {
        padding-top: 20px;
    }
}
/* /Pages/ProfileMobile.razor.rz.scp.css */
@media(min-width: 1026px) {
    .hidden-profile[b-pzkozymb2k] {
        display: none;
    }
}


.dropdown-menu[b-pzkozymb2k] {
    top: 120%;
    max-width: 100%;
    left: 20%;
}


button[b-pzkozymb2k] {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0); /* Transparent background */
    color: #6c757d !important; /* Default color when idle */
}

    button:hover[b-pzkozymb2k], button:active[b-pzkozymb2k], button[b-pzkozymb2k]::selection {
        background-color: #f7941e; /* Orange background color on hover, click, focus, or selection */
        color: white !important; /* Text color white */
        outline: none;
    }

    button:focus[b-pzkozymb2k] {
        background-color: #faba6b; /* Orange background color on hover, click, focus, or selection */
        color: white !important; /* Text color white */
        outline: none;
    }

@media (min-width: 1024px)
{
    .my-auto[b-pzkozymb2k]
    {
        width: 40px;
        height: 35px;
    }
}

.dropdown-item[b-pzkozymb2k]
{
    font-size: clamp(11px, 2.1vw, 13px);
}
/* /Pages/Records/CentralRules/AccidentRegister.razor.rz.scp.css */
[b-vwb2i8tiy0] input::placeholder {
    font-size: 14px;
}

[b-vwb2i8tiy0] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-vwb2i8tiy0] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-vwb2i8tiy0]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-vwb2i8tiy0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-vwb2i8tiy0] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-vwb2i8tiy0] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-vwb2i8tiy0] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-vwb2i8tiy0] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-vwb2i8tiy0] {
    font-size: 13px !important;
}

[b-vwb2i8tiy0] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-vwb2i8tiy0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/CentralRules/BOCRegister.razor.rz.scp.css */
[b-2f2obpwqw3] input::placeholder {
    font-size: 14px;
}

[b-2f2obpwqw3] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-2f2obpwqw3] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-2f2obpwqw3]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-2f2obpwqw3]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-2f2obpwqw3] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-2f2obpwqw3] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-2f2obpwqw3] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-2f2obpwqw3] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-2f2obpwqw3] {
    font-size: 13px !important;
}

[b-2f2obpwqw3] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-2f2obpwqw3] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/CentralRules/BonusRegister.razor.rz.scp.css */
[b-g05xgoeuqg] input::placeholder {
    font-size: 14px;
}

[b-g05xgoeuqg] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-g05xgoeuqg] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-g05xgoeuqg]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-g05xgoeuqg]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-g05xgoeuqg] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-g05xgoeuqg] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-g05xgoeuqg] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-g05xgoeuqg] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-g05xgoeuqg] {
    font-size: 13px !important;
}

[b-g05xgoeuqg] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-g05xgoeuqg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/CentralRules/CentralRules.razor.rz.scp.css */
button[b-klxjmgbv2e] {
    max-width: 80% !important;
    text-align: center;
}



[b-klxjmgbv2e] input::placeholder, [b-klxjmgbv2e] input[type = "file"], [b-klxjmgbv2e] select::placeholder {
    font-size: 14px;
}

[b-klxjmgbv2e] input, [b-klxjmgbv2e] input[type = "file"], [b-klxjmgbv2e] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

a[b-klxjmgbv2e]
{
    text-align: center;
}
/* /Pages/Records/CentralRules/CentralRulesForm.razor.rz.scp.css */
/* /Pages/Records/CentralRules/FormA.razor.rz.scp.css */
[b-eec9s5gr0q] input::placeholder {
    font-size: 14px;
}

[b-eec9s5gr0q] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-eec9s5gr0q] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-eec9s5gr0q]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-eec9s5gr0q]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-eec9s5gr0q] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-eec9s5gr0q] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-eec9s5gr0q] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-eec9s5gr0q] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-eec9s5gr0q] {
    font-size: 13px !important;
}

[b-eec9s5gr0q] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-eec9s5gr0q] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/CentralRules/FormB.razor.rz.scp.css */
[b-7elumyxgcy] input::placeholder {
    font-size: 14px;
}

[b-7elumyxgcy] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-7elumyxgcy] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-7elumyxgcy]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-7elumyxgcy]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7elumyxgcy] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-7elumyxgcy] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-7elumyxgcy] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-7elumyxgcy] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-7elumyxgcy] {
    font-size: 13px !important;
}

[b-7elumyxgcy] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-7elumyxgcy] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/CentralRules/FormC.razor.rz.scp.css */
[b-owwq3x02cw] input::placeholder {
    font-size: 14px;
}

[b-owwq3x02cw] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-owwq3x02cw] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-owwq3x02cw]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-owwq3x02cw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-owwq3x02cw] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-owwq3x02cw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-owwq3x02cw] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-owwq3x02cw] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-owwq3x02cw] {
    font-size: 13px !important;
}

[b-owwq3x02cw] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-owwq3x02cw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/CentralRules/FormD.razor.rz.scp.css */
[b-lvk0f1sswz] input::placeholder {
    font-size: 14px;
}

[b-lvk0f1sswz] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-lvk0f1sswz] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-lvk0f1sswz]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-lvk0f1sswz]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-lvk0f1sswz] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-lvk0f1sswz] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-lvk0f1sswz] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-lvk0f1sswz] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-lvk0f1sswz] {
    font-size: 13px !important;
}

[b-lvk0f1sswz] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-lvk0f1sswz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/CentralRules/FormE.razor.rz.scp.css */
[b-tfeabtrps8] input::placeholder {
    font-size: 14px;
}

[b-tfeabtrps8] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-tfeabtrps8] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-tfeabtrps8]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-tfeabtrps8]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tfeabtrps8] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-tfeabtrps8] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-tfeabtrps8] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-tfeabtrps8] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-tfeabtrps8] {
    font-size: 13px !important;
}

[b-tfeabtrps8] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-tfeabtrps8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/CentralRules/RegisterOfContractors.razor.rz.scp.css */
[b-n593zkv5y7] input::placeholder {
    font-size: 14px;
}

[b-n593zkv5y7] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-n593zkv5y7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-n593zkv5y7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-n593zkv5y7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-n593zkv5y7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-n593zkv5y7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-n593zkv5y7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-n593zkv5y7] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-n593zkv5y7] {
    font-size: 13px !important;
}

[b-n593zkv5y7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-n593zkv5y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/CLRA/CLRA.razor.rz.scp.css */
button[b-d5why1bgpx]
{
    max-width: 80% !important;
    text-align: center;
}

a[b-d5why1bgpx] {
    text-align: center;
}
/* /Pages/Records/CLRA/CLRAForm.razor.rz.scp.css */
/* /Pages/Records/CLRA/FormEight.razor.rz.scp.css */
[b-81axymkxyc] input::placeholder {
    font-size: 14px;
}

[b-81axymkxyc] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-81axymkxyc] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-81axymkxyc]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-81axymkxyc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-81axymkxyc] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-81axymkxyc] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-81axymkxyc] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-81axymkxyc] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-81axymkxyc] {
    font-size: 13px !important;
}

[b-81axymkxyc] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-81axymkxyc] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-81axymkxyc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-81axymkxyc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/CLRA/FormSevenComencement.razor.rz.scp.css */
[b-ju9rri9mlb] input::placeholder {
    font-size: 14px;
}

[b-ju9rri9mlb] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-ju9rri9mlb] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ju9rri9mlb]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ju9rri9mlb]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ju9rri9mlb] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ju9rri9mlb] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ju9rri9mlb] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ju9rri9mlb] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ju9rri9mlb] {
    font-size: 13px !important;
}

[b-ju9rri9mlb] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-ju9rri9mlb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/CLRA/FormSevenCompletion.razor.rz.scp.css */
[b-nf38wge77v] input::placeholder {
    font-size: 14px;
}

[b-nf38wge77v] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-nf38wge77v] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-nf38wge77v]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-nf38wge77v]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-nf38wge77v] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-nf38wge77v] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-nf38wge77v] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-nf38wge77v] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-nf38wge77v] {
    font-size: 13px !important;
}

[b-nf38wge77v] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-nf38wge77v] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-nf38wge77v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-nf38wge77v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ESIC/ConfirmationOfPayment.razor.rz.scp.css */
[b-ssmbmxlgel] input::placeholder {
    font-size: 14px;
}

[b-ssmbmxlgel] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-ssmbmxlgel] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ssmbmxlgel]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ssmbmxlgel]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ssmbmxlgel] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ssmbmxlgel] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ssmbmxlgel] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ssmbmxlgel] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ssmbmxlgel] {
    font-size: 13px !important;
}

[b-ssmbmxlgel] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-ssmbmxlgel] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ESIC/ContributionHistory.razor.rz.scp.css */
[b-lpqpladr3v] input::placeholder {
    font-size: 14px;
}

[b-lpqpladr3v] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-lpqpladr3v] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-lpqpladr3v]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-lpqpladr3v]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-lpqpladr3v] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-lpqpladr3v] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-lpqpladr3v] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-lpqpladr3v] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-lpqpladr3v] {
    font-size: 13px !important;
}

[b-lpqpladr3v] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-lpqpladr3v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ESIC/ESIC.razor.rz.scp.css */
button[b-j6ddy69rbr]
{
    max-width: 80% !important;
    text-align: center;
}

a[b-j6ddy69rbr] {
    text-align: center;
}
/* /Pages/Records/ESIC/ESICForm.razor.rz.scp.css */
/* /Pages/Records/ESIC/TIC.razor.rz.scp.css */
[b-roljk9jj92] input::placeholder {
    font-size: 14px;
}

[b-roljk9jj92] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-roljk9jj92] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-roljk9jj92]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-roljk9jj92]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-roljk9jj92] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-roljk9jj92] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-roljk9jj92] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-roljk9jj92] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-roljk9jj92] {
    font-size: 13px !important;
}

[b-roljk9jj92] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-roljk9jj92] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-roljk9jj92] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-roljk9jj92] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormA.razor.rz.scp.css */
[b-dsvrwre1tt] input::placeholder {
    font-size: 14px;
}

[b-dsvrwre1tt] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-dsvrwre1tt] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-dsvrwre1tt]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-dsvrwre1tt]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-dsvrwre1tt] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-dsvrwre1tt] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-dsvrwre1tt] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-dsvrwre1tt] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-dsvrwre1tt] {
    font-size: 13px !important;
}

[b-dsvrwre1tt] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-dsvrwre1tt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormB.razor.rz.scp.css */
[b-hlfob1rsf9] input::placeholder {
    font-size: 14px;
}

[b-hlfob1rsf9] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-hlfob1rsf9] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-hlfob1rsf9]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-hlfob1rsf9]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hlfob1rsf9] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hlfob1rsf9] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-hlfob1rsf9] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-hlfob1rsf9] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-hlfob1rsf9] {
    font-size: 13px !important;
}

[b-hlfob1rsf9] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-hlfob1rsf9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormD.razor.rz.scp.css */
[b-tgq3ezyv6u] input::placeholder {
    font-size: 14px;
}

[b-tgq3ezyv6u] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-tgq3ezyv6u] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-tgq3ezyv6u]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-tgq3ezyv6u]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tgq3ezyv6u] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-tgq3ezyv6u] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-tgq3ezyv6u] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-tgq3ezyv6u] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-tgq3ezyv6u] {
    font-size: 13px !important;
}

[b-tgq3ezyv6u] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-tgq3ezyv6u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormF.razor.rz.scp.css */
[b-kzkigsffqh] input::placeholder {
    font-size: 14px;
}

[b-kzkigsffqh] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-kzkigsffqh] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-kzkigsffqh]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-kzkigsffqh]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-kzkigsffqh] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-kzkigsffqh] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-kzkigsffqh] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-kzkigsffqh] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-kzkigsffqh] {
    font-size: 13px !important;
}

[b-kzkigsffqh] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-kzkigsffqh] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormI.razor.rz.scp.css */
[b-mungf2amfa] input::placeholder {
    font-size: 14px;
}

[b-mungf2amfa] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-mungf2amfa] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-mungf2amfa]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-mungf2amfa]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-mungf2amfa] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-mungf2amfa] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-mungf2amfa] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-mungf2amfa] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-mungf2amfa] {
    font-size: 13px !important;
}

[b-mungf2amfa] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-mungf2amfa] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-mungf2amfa] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-mungf2amfa] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormJ.razor.rz.scp.css */
[b-p3bx86m066] input::placeholder {
    font-size: 14px;
}

[b-p3bx86m066] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-p3bx86m066] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-p3bx86m066]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-p3bx86m066]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-p3bx86m066] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-p3bx86m066] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-p3bx86m066] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-p3bx86m066] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-p3bx86m066] {
    font-size: 13px !important;
}

[b-p3bx86m066] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-p3bx86m066] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-p3bx86m066] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-p3bx86m066] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormK.razor.rz.scp.css */
[b-xyhkomm5gw] input::placeholder {
    font-size: 14px;
}

[b-xyhkomm5gw] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-xyhkomm5gw] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-xyhkomm5gw]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-xyhkomm5gw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-xyhkomm5gw] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-xyhkomm5gw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-xyhkomm5gw] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-xyhkomm5gw] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-xyhkomm5gw] {
    font-size: 13px !important;
}

[b-xyhkomm5gw] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-xyhkomm5gw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormL.razor.rz.scp.css */
[b-4azirt8p56] input::placeholder {
    font-size: 14px;
}

[b-4azirt8p56] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-4azirt8p56] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-4azirt8p56]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-4azirt8p56]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-4azirt8p56] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-4azirt8p56] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-4azirt8p56] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-4azirt8p56] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-4azirt8p56] {
    font-size: 13px !important;
}

[b-4azirt8p56] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-4azirt8p56] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-4azirt8p56] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-4azirt8p56] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/FormM.razor.rz.scp.css */
[b-zb0x6f9g88] input::placeholder {
    font-size: 14px;
}

[b-zb0x6f9g88] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-zb0x6f9g88] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-zb0x6f9g88]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-zb0x6f9g88]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-zb0x6f9g88] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-zb0x6f9g88] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-zb0x6f9g88] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-zb0x6f9g88] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-zb0x6f9g88] {
    font-size: 13px !important;
}

[b-zb0x6f9g88] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-zb0x6f9g88] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/Gratuty/Gratuty.razor.rz.scp.css */
button[b-tw3w9ha7sh]
{
    max-width: 80% !important;
    text-align: center;
}

a[b-tw3w9ha7sh] {
    text-align: center;
}
/* /Pages/Records/Gratuty/GratutyForm.razor.rz.scp.css */
/* /Pages/Records/LWF/Challan.razor.rz.scp.css */
[b-t42b2ejk7z] input::placeholder {
    font-size: 14px;
}

[b-t42b2ejk7z] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-t42b2ejk7z] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-t42b2ejk7z]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-t42b2ejk7z]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-t42b2ejk7z] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-t42b2ejk7z] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-t42b2ejk7z] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-t42b2ejk7z] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-t42b2ejk7z] {
    font-size: 13px !important;
}

[b-t42b2ejk7z] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-t42b2ejk7z] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/LWF/LWF.razor.rz.scp.css */
button[b-as3whyx478]
{
    max-width: 80% !important;
    text-align: center;
}

a[b-as3whyx478] {
    text-align: center;
}
/* /Pages/Records/LWF/LWFForm.razor.rz.scp.css */
/* /Pages/Records/LWF/Return.razor.rz.scp.css */
[b-iuo1j4axot] input::placeholder {
    font-size: 14px;
}

[b-iuo1j4axot] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-iuo1j4axot] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-iuo1j4axot]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-iuo1j4axot]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-iuo1j4axot] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-iuo1j4axot] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-iuo1j4axot] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-iuo1j4axot] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-iuo1j4axot] {
    font-size: 13px !important;
}

[b-iuo1j4axot] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-iuo1j4axot] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ProvidentFund/ConfirmationOfPayment.razor.rz.scp.css */
[b-u085h3hxa7] input::placeholder {
    font-size: 14px;
}

[b-u085h3hxa7] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-u085h3hxa7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-u085h3hxa7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-u085h3hxa7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-u085h3hxa7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-u085h3hxa7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-u085h3hxa7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-u085h3hxa7] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-u085h3hxa7] {
    font-size: 13px !important;
}

[b-u085h3hxa7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-u085h3hxa7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ProvidentFund/ECR.razor.rz.scp.css */
[b-hf4j307232] input::placeholder {
    font-size: 14px;
}

[b-hf4j307232] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-hf4j307232] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-hf4j307232]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-hf4j307232]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hf4j307232] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hf4j307232] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-hf4j307232] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-hf4j307232] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-hf4j307232] {
    font-size: 13px !important;
}

[b-hf4j307232] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-hf4j307232] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-hf4j307232] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-hf4j307232] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ProvidentFund/ENomitionForm.razor.rz.scp.css */
[b-clv12e69g1] input::placeholder {
    font-size: 14px;
}

[b-clv12e69g1] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-clv12e69g1] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-clv12e69g1]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-clv12e69g1]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-clv12e69g1] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-clv12e69g1] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-clv12e69g1] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-clv12e69g1] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-clv12e69g1] {
    font-size: 13px !important;
}

[b-clv12e69g1] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-clv12e69g1] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-clv12e69g1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-clv12e69g1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ProvidentFund/IWR.razor.rz.scp.css */
[b-gmuzf6m26i] input::placeholder {
    font-size: 14px;
}

[b-gmuzf6m26i] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-gmuzf6m26i] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-gmuzf6m26i]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-gmuzf6m26i]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-gmuzf6m26i] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-gmuzf6m26i] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-gmuzf6m26i] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-gmuzf6m26i] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-gmuzf6m26i] {
    font-size: 13px !important;
}

[b-gmuzf6m26i] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-gmuzf6m26i] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ProvidentFund/PFChallan.razor.rz.scp.css */
[b-mse0bvq15x] input::placeholder {
    font-size: 14px;
}

[b-mse0bvq15x] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-mse0bvq15x] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-mse0bvq15x]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-mse0bvq15x]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-mse0bvq15x] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-mse0bvq15x] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-mse0bvq15x] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-mse0bvq15x] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-mse0bvq15x] {
    font-size: 13px !important;
}

[b-mse0bvq15x] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-mse0bvq15x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/ProvidentFund/ProvidentFund.razor.rz.scp.css */
button[b-gq0hofi3to]
{
    max-width: 80% !important;
    text-align: center;
}

a[b-gq0hofi3to] {
    text-align: center;
}
/* /Pages/Records/ProvidentFund/ProvidentFundForm.razor.rz.scp.css */
/* /Pages/Records/PT/Challan.razor.rz.scp.css */
[b-ekos84uygm] input::placeholder {
    font-size: 14px;
}

[b-ekos84uygm] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-ekos84uygm] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ekos84uygm]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ekos84uygm]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ekos84uygm] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ekos84uygm] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ekos84uygm] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ekos84uygm] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ekos84uygm] {
    font-size: 13px !important;
}

[b-ekos84uygm] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ekos84uygm] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-ekos84uygm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-ekos84uygm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/PT/PT.razor.rz.scp.css */
button[b-h2ydtbwunz]
{
    max-width: 80% !important;
    text-align: center;
}

a[b-h2ydtbwunz] {
    text-align: center;
}
/* /Pages/Records/PT/PTForm.razor.rz.scp.css */
/* /Pages/Records/PT/Return.razor.rz.scp.css */
[b-amhvrmagpu] input::placeholder {
    font-size: 14px;
}

[b-amhvrmagpu] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-amhvrmagpu] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-amhvrmagpu]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-amhvrmagpu]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-amhvrmagpu] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-amhvrmagpu] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-amhvrmagpu] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-amhvrmagpu] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-amhvrmagpu] {
    font-size: 13px !important;
}

[b-amhvrmagpu] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-amhvrmagpu] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/AccidentRegister.razor.rz.scp.css */
[b-hapgywod4a] input::placeholder {
    font-size: 14px;
}

[b-hapgywod4a] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-hapgywod4a] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-hapgywod4a]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-hapgywod4a]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hapgywod4a] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hapgywod4a] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-hapgywod4a] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-hapgywod4a] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-hapgywod4a] {
    font-size: 13px !important;
}

[b-hapgywod4a] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-hapgywod4a] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-hapgywod4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-hapgywod4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/AdvancePaidDeductionsDamagesLossesFinesRegister.razor.rz.scp.css */
[b-966w5ie40s] input::placeholder {
    font-size: 14px;
}

[b-966w5ie40s] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-966w5ie40s] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-966w5ie40s]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-966w5ie40s]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-966w5ie40s] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-966w5ie40s] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-966w5ie40s] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-966w5ie40s] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-966w5ie40s] {
    font-size: 13px !important;
}

[b-966w5ie40s] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-966w5ie40s] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-966w5ie40s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-966w5ie40s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/AdvanceRegister.razor.rz.scp.css */
[b-at9ubpbij0] input::placeholder {
    font-size: 14px;
}

[b-at9ubpbij0] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}


.grid[b-at9ubpbij0] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-at9ubpbij0]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-at9ubpbij0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-at9ubpbij0] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-at9ubpbij0] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-at9ubpbij0] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-at9ubpbij0] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-at9ubpbij0] {
    font-size: 13px !important;
}

[b-at9ubpbij0] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 30%;
    }

    [b-at9ubpbij0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }
    



/* /Pages/Records/StateRules/BOCRegisterState.razor.rz.scp.css */
[b-tu3pijtogt] input::placeholder {
    font-size: 14px;
}

[b-tu3pijtogt] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-tu3pijtogt] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-tu3pijtogt]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-tu3pijtogt]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tu3pijtogt] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-tu3pijtogt] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-tu3pijtogt] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-tu3pijtogt] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-tu3pijtogt] {
    font-size: 13px !important;
}

[b-tu3pijtogt] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-tu3pijtogt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/BonusRegister.razor.rz.scp.css */
[b-g0vuok3tkq] input::placeholder {
    font-size: 14px;
}

[b-g0vuok3tkq] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-g0vuok3tkq] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-g0vuok3tkq]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-g0vuok3tkq]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-g0vuok3tkq] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-g0vuok3tkq] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-g0vuok3tkq] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-g0vuok3tkq] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-g0vuok3tkq] {
    font-size: 13px !important;
}

[b-g0vuok3tkq] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-g0vuok3tkq] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/DeductionAndDamage.razor.rz.scp.css */
[b-k7mvawfkzw] input::placeholder {
    font-size: 14px;
}

[b-k7mvawfkzw] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-k7mvawfkzw] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-k7mvawfkzw]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-k7mvawfkzw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-k7mvawfkzw] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-k7mvawfkzw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-k7mvawfkzw] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-k7mvawfkzw] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-k7mvawfkzw] {
    font-size: 13px !important;
}

[b-k7mvawfkzw] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 30%;
    }

    [b-k7mvawfkzw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }




/* /Pages/Records/StateRules/EightyCRegister.razor.rz.scp.css */
[b-ove6owrk2w] input::placeholder {
    font-size: 14px;
}

[b-ove6owrk2w] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-ove6owrk2w] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ove6owrk2w]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ove6owrk2w]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ove6owrk2w] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ove6owrk2w] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ove6owrk2w] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ove6owrk2w] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ove6owrk2w] {
    font-size: 13px !important;
}

[b-ove6owrk2w] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-ove6owrk2w] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/FineOvertimeDeductionAdvanceRegister.razor.rz.scp.css */
[b-l6vgm83y1d] input::placeholder {
    font-size: 14px;
}

[b-l6vgm83y1d] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-l6vgm83y1d] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-l6vgm83y1d]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-l6vgm83y1d]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-l6vgm83y1d] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-l6vgm83y1d] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-l6vgm83y1d] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-l6vgm83y1d] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-l6vgm83y1d] {
    font-size: 13px !important;
}

[b-l6vgm83y1d] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-l6vgm83y1d] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/FineRegister.razor.rz.scp.css */
[b-a9jmhev6wi] input::placeholder {
    font-size: 14px;
}

[b-a9jmhev6wi] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-a9jmhev6wi] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-a9jmhev6wi]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-a9jmhev6wi]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-a9jmhev6wi] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-a9jmhev6wi] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-a9jmhev6wi] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-a9jmhev6wi] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-a9jmhev6wi] {
    font-size: 13px !important;
}

[b-a9jmhev6wi] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 30%;
    }

    [b-a9jmhev6wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/StateRules/LeaveRegister.razor.rz.scp.css */
[b-jq3ehb10y7] input::placeholder {
    font-size: 14px;
}

[b-jq3ehb10y7] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-jq3ehb10y7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-jq3ehb10y7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-jq3ehb10y7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-jq3ehb10y7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-jq3ehb10y7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-jq3ehb10y7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-jq3ehb10y7] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-jq3ehb10y7] {
    font-size: 13px !important;
}

[b-jq3ehb10y7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-jq3ehb10y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/MusterRole.razor.rz.scp.css */
[b-umf7yhsvhv] input::placeholder {
    font-size: 14px;
}

[b-umf7yhsvhv] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-umf7yhsvhv] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-umf7yhsvhv]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-umf7yhsvhv]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-umf7yhsvhv] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-umf7yhsvhv] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-umf7yhsvhv] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-umf7yhsvhv] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-umf7yhsvhv] {
    font-size: 13px !important;
}

[b-umf7yhsvhv] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-umf7yhsvhv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/OvertimeRegister.razor.rz.scp.css */
[b-s0h117mi0v] input::placeholder {
    font-size: 14px;
}

[b-s0h117mi0v] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-s0h117mi0v] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-s0h117mi0v]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-s0h117mi0v]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-s0h117mi0v] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-s0h117mi0v] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-s0h117mi0v] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-s0h117mi0v] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-s0h117mi0v] {
    font-size: 13px !important;
}

[b-s0h117mi0v] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 30%;
    }

    [b-s0h117mi0v] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }



/* /Pages/Records/StateRules/RegisterForDamageLossFineAdvanceLoans.razor.rz.scp.css */
[b-qg2fsvfuth] input::placeholder {
    font-size: 14px;
}

[b-qg2fsvfuth] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-qg2fsvfuth] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-qg2fsvfuth]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-qg2fsvfuth]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-qg2fsvfuth] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-qg2fsvfuth] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-qg2fsvfuth] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-qg2fsvfuth] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-qg2fsvfuth] {
    font-size: 13px !important;
}

[b-qg2fsvfuth] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-qg2fsvfuth] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/RegisterOfContractors.razor.rz.scp.css */
[b-9fsxwa6bn2] input::placeholder {
    font-size: 14px;
}

[b-9fsxwa6bn2] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-9fsxwa6bn2] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-9fsxwa6bn2]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-9fsxwa6bn2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-9fsxwa6bn2] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-9fsxwa6bn2] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-9fsxwa6bn2] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-9fsxwa6bn2] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-9fsxwa6bn2] {
    font-size: 13px !important;
}

[b-9fsxwa6bn2] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-9fsxwa6bn2] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Records/StateRules/StateRules.razor.rz.scp.css */
button[b-ve3wwv14gg]
{
    max-width: 80% !important;
    text-align: center;
}



[b-ve3wwv14gg] input::placeholder, [b-ve3wwv14gg] input[type = "file"], [b-ve3wwv14gg] select::placeholder {
    font-size: 14px;
}

[b-ve3wwv14gg] input, [b-ve3wwv14gg] input[type = "file"], [b-ve3wwv14gg] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

a[b-ve3wwv14gg] {
    text-align: center;
}
/* /Pages/Records/StateRules/StateRulesForm.razor.rz.scp.css */
/* /Pages/Records/StateRules/WagesRegisterII.razor.rz.scp.css */
[b-t1fo8poef4] input::placeholder {
    font-size: 14px;
}

[b-t1fo8poef4] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-t1fo8poef4] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-t1fo8poef4]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-t1fo8poef4]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-t1fo8poef4] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-t1fo8poef4] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-t1fo8poef4] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-t1fo8poef4] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-t1fo8poef4] {
    font-size: 13px !important;
}

[b-t1fo8poef4] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-t1fo8poef4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterIII.razor.rz.scp.css */
[b-tbogejiyp0] input::placeholder {
    font-size: 14px;
}

[b-tbogejiyp0] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-tbogejiyp0] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-tbogejiyp0]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-tbogejiyp0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tbogejiyp0] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-tbogejiyp0] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-tbogejiyp0] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-tbogejiyp0] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-tbogejiyp0] {
    font-size: 13px !important;
}

[b-tbogejiyp0] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-tbogejiyp0] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterIV.razor.rz.scp.css */
[b-qf3aasimi4] input::placeholder {
    font-size: 14px;
}

[b-qf3aasimi4] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-qf3aasimi4] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-qf3aasimi4]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-qf3aasimi4]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-qf3aasimi4] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-qf3aasimi4] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-qf3aasimi4] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-qf3aasimi4] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-qf3aasimi4] {
    font-size: 13px !important;
}

[b-qf3aasimi4] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-qf3aasimi4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterIVA.razor.rz.scp.css */
[b-3en4v4b5gv] input::placeholder {
    font-size: 14px;
}

[b-3en4v4b5gv] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-3en4v4b5gv] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-3en4v4b5gv]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-3en4v4b5gv]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-3en4v4b5gv] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-3en4v4b5gv] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-3en4v4b5gv] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-3en4v4b5gv] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-3en4v4b5gv] {
    font-size: 13px !important;
}

[b-3en4v4b5gv] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-3en4v4b5gv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }


/* /Pages/Records/StateRules/WagesRegisterIX.razor.rz.scp.css */
[b-7k9hio3tx7] input::placeholder {
    font-size: 14px;
}

[b-7k9hio3tx7] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-7k9hio3tx7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-7k9hio3tx7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-7k9hio3tx7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7k9hio3tx7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-7k9hio3tx7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-7k9hio3tx7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-7k9hio3tx7] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-7k9hio3tx7] {
    font-size: 13px !important;
}

[b-7k9hio3tx7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 15%;
        font-weight: 300;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 30%;
    }

    [b-7k9hio3tx7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 30%;
    }




/* /Pages/Records/StateRules/WagesRegisterR.razor.rz.scp.css */
[b-pbweo2utou] input::placeholder {
    font-size: 14px;
}

[b-pbweo2utou] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-pbweo2utou] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-pbweo2utou]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-pbweo2utou]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-pbweo2utou] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-pbweo2utou] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-pbweo2utou] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-pbweo2utou] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-pbweo2utou] {
    font-size: 13px !important;
}

[b-pbweo2utou] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-pbweo2utou] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterV.razor.rz.scp.css */
[b-utkg6ddrbb] input::placeholder {
    font-size: 14px;
}

[b-utkg6ddrbb] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-utkg6ddrbb] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-utkg6ddrbb]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-utkg6ddrbb]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-utkg6ddrbb] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-utkg6ddrbb] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-utkg6ddrbb] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-utkg6ddrbb] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-utkg6ddrbb] {
    font-size: 13px !important;
}

[b-utkg6ddrbb] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-utkg6ddrbb] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterX.razor.rz.scp.css */
[b-xca6jxxzk7] input::placeholder {
    font-size: 14px;
}

[b-xca6jxxzk7] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-xca6jxxzk7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-xca6jxxzk7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-xca6jxxzk7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-xca6jxxzk7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-xca6jxxzk7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-xca6jxxzk7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-xca6jxxzk7] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-xca6jxxzk7] {
    font-size: 13px !important;
}

[b-xca6jxxzk7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-xca6jxxzk7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterXI.razor.rz.scp.css */
[b-a1n7l8q5zv] input::placeholder {
    font-size: 14px;
}

[b-a1n7l8q5zv] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-a1n7l8q5zv] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-a1n7l8q5zv]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-a1n7l8q5zv]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-a1n7l8q5zv] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-a1n7l8q5zv] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-a1n7l8q5zv] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-a1n7l8q5zv] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-a1n7l8q5zv] {
    font-size: 13px !important;
}

[b-a1n7l8q5zv] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-a1n7l8q5zv] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }



/* /Pages/Records/StateRules/WagesRegisterXXIII.razor.rz.scp.css */
[b-w1dqogyi9u] input::placeholder {
    font-size: 14px;
}

[b-w1dqogyi9u] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-w1dqogyi9u] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-w1dqogyi9u]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-w1dqogyi9u]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-w1dqogyi9u] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-w1dqogyi9u] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-w1dqogyi9u] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-w1dqogyi9u] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-w1dqogyi9u] {
    font-size: 13px !important;
}

[b-w1dqogyi9u] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
        font-weight: 300;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 10%;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }

    [b-w1dqogyi9u] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 20%;
    }


/* /Pages/Records/StateRules/WorkmanRegister.razor.rz.scp.css */
[b-hgfk3gmutz] input::placeholder {
    font-size: 14px;
}

[b-hgfk3gmutz] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-hgfk3gmutz] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-hgfk3gmutz]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-hgfk3gmutz]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hgfk3gmutz] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hgfk3gmutz] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-hgfk3gmutz] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-hgfk3gmutz] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-hgfk3gmutz] {
    font-size: 13px !important;
}

[b-hgfk3gmutz] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-hgfk3gmutz] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Registration/AllRegistration.razor.rz.scp.css */
[b-dx9bkkt5os] input::placeholder {
    font-size: 14px;
}

[b-dx9bkkt5os] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}


.grid[b-dx9bkkt5os] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-dx9bkkt5os]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-dx9bkkt5os]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-dx9bkkt5os] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-dx9bkkt5os] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-dx9bkkt5os] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-dx9bkkt5os] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-dx9bkkt5os] {
    font-size: 13px !important;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-dx9bkkt5os] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-dx9bkkt5os] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-dx9bkkt5os] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

  



@media(max-width: 1024px) {
    .Page-size[b-dx9bkkt5os] {
        width: 13%;
    }

    .Search-input-size[b-dx9bkkt5os] {
        width: 88%;
    }
}

.d-grid[b-dx9bkkt5os] {
    grid-template-columns: 5fr auto;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}


[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 20%;
    font-weight: 300;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 15%;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 20%;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 10%;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 20%;
}

[b-dx9bkkt5os] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 20%;
    /*font-weight:100;*/
}

[b-dx9bkkt5os] .quickgrid[theme=download] .col-justify-start:nth-last-child(1) {
    width: 10%;
    text-align: center;
}


[b-dx9bkkt5os] .quickgrid[theme=download] .col-justify-start:nth-last-child(2) {
    width: 90%;
}
/* /Pages/Registration/BOCW.razor.rz.scp.css */
[b-yx4n4mlomj] input::placeholder {
    font-size: 14px;
}

[b-yx4n4mlomj] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-yx4n4mlomj] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-yx4n4mlomj]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-yx4n4mlomj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-yx4n4mlomj] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-yx4n4mlomj] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-yx4n4mlomj] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-yx4n4mlomj] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-yx4n4mlomj] {
    font-size: 13px !important;
}

[b-yx4n4mlomj] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-yx4n4mlomj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-yx4n4mlomj] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/BOCWForm.razor.rz.scp.css */
/* /Pages/Registration/CLRA1970.razor.rz.scp.css */
[b-f7oq701o2j] input::placeholder {
    font-size: 14px;
}

[b-f7oq701o2j] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-f7oq701o2j] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-f7oq701o2j]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-f7oq701o2j]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-f7oq701o2j] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-f7oq701o2j] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-f7oq701o2j] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-f7oq701o2j] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-f7oq701o2j] {
    font-size: 13px !important;
}

[b-f7oq701o2j] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-f7oq701o2j] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-f7oq701o2j] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/CLRA1970Form.razor.rz.scp.css */
/* /Pages/Registration/ISMLAct.razor.rz.scp.css */
[b-81rhldracj] input::placeholder {
    font-size: 14px;
}

[b-81rhldracj] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-81rhldracj] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-81rhldracj]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-81rhldracj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-81rhldracj] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-81rhldracj] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-81rhldracj] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-81rhldracj] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-81rhldracj] {
    font-size: 13px !important;
}

[b-81rhldracj] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-81rhldracj] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-81rhldracj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-81rhldracj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-81rhldracj] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/ISMLActForm.razor.rz.scp.css */
/* /Pages/Registration/LIN.razor.rz.scp.css */
[b-lcyvne1u6b] input::placeholder {
    font-size: 14px;
}

[b-lcyvne1u6b] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}


/* /Pages/Registration/LWF.razor.rz.scp.css */
[b-2fij3hn918] input::placeholder {
    font-size: 14px;
}

[b-2fij3hn918] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-2fij3hn918] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-2fij3hn918]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-2fij3hn918]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-2fij3hn918] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-2fij3hn918] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-2fij3hn918] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-2fij3hn918] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-2fij3hn918] {
    font-size: 13px !important;
}

[b-2fij3hn918] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-2fij3hn918] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-2fij3hn918] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-2fij3hn918] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-2fij3hn918] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/LWFForm.razor.rz.scp.css */
/* /Pages/Registration/MunicipalTradeAct.razor.rz.scp.css */
[b-ksx8ual6ol] input::placeholder {
    font-size: 14px;
}

[b-ksx8ual6ol] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-ksx8ual6ol] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ksx8ual6ol]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ksx8ual6ol]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ksx8ual6ol] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ksx8ual6ol] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ksx8ual6ol] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ksx8ual6ol] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ksx8ual6ol] {
    font-size: 13px !important;
}

[b-ksx8ual6ol] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-ksx8ual6ol] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-ksx8ual6ol] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/MunicipalTradeActForm.razor.rz.scp.css */
/* /Pages/Registration/Others.razor.rz.scp.css */
[b-cgef8vm36y] input::placeholder {
    font-size: 14px;
}

[b-cgef8vm36y] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-cgef8vm36y] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-cgef8vm36y]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-cgef8vm36y]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-cgef8vm36y] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-cgef8vm36y] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-cgef8vm36y] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-cgef8vm36y] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-cgef8vm36y] {
    font-size: 13px !important;
}

[b-cgef8vm36y] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-cgef8vm36y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-cgef8vm36y] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/OthersForm.razor.rz.scp.css */
/* /Pages/Registration/PF.razor.rz.scp.css */
[b-pq4wipbvj4] input::placeholder {
    font-size: 14px;
}

[b-pq4wipbvj4] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-pq4wipbvj4] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-pq4wipbvj4]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-pq4wipbvj4]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-pq4wipbvj4] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-pq4wipbvj4] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-pq4wipbvj4] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-pq4wipbvj4] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-pq4wipbvj4] {
    font-size: 13px !important;
}

[b-pq4wipbvj4] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-pq4wipbvj4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-pq4wipbvj4] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/PFForm.razor.rz.scp.css */
/* /Pages/Registration/PT.razor.rz.scp.css */
[b-ug5053m299] input::placeholder {
    font-size: 14px;
}

[b-ug5053m299] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-ug5053m299] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ug5053m299]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ug5053m299]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ug5053m299] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ug5053m299] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ug5053m299] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ug5053m299] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ug5053m299] {
    font-size: 13px !important;
}

[b-ug5053m299] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ug5053m299] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-ug5053m299] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-ug5053m299] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-ug5053m299] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/PTForm.razor.rz.scp.css */
/* /Pages/Registration/ShopsAct.razor.rz.scp.css */
[b-otpagl7sxe] input::placeholder {
    font-size: 14px;
}

[b-otpagl7sxe] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-otpagl7sxe] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-otpagl7sxe]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-otpagl7sxe]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-otpagl7sxe] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-otpagl7sxe] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-otpagl7sxe] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-otpagl7sxe] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-otpagl7sxe] {
    font-size: 13px !important;
}

[b-otpagl7sxe] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-otpagl7sxe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }




.d-grid[b-otpagl7sxe] {
    grid-template-columns: 4fr auto auto;
}
/* /Pages/Registration/ShopsActForm .razor.rz.scp.css */
/* /Pages/RegularCompliance/CreateCompliance.razor.rz.scp.css */
[b-779bayuz0x] input::placeholder {
    font-size: 14px;
}

[b-779bayuz0x] input, [b-779bayuz0x] select.padding {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}
.table thead th[b-779bayuz0x] {
    color: white;
    font-size: clamp(14px, 2vw, 18px);
}

td[b-779bayuz0x] {
    vertical-align: middle;
    padding: 10px;
    padding-left: 15px;
    border-bottom: 0.5px solid silver;
}

tr td:nth-child(2)[b-779bayuz0x] {
    font-weight: 100;
}

p[b-779bayuz0x]
{
    margin: 0px;
}


.grid[b-779bayuz0x] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-779bayuz0x]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-779bayuz0x]  table {
        min-width: 100%;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-779bayuz0x] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-779bayuz0x] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-779bayuz0x] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-779bayuz0x] {
    font-size: 13px !important;
}









[b-779bayuz0x] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

[b-779bayuz0x] .quickgrid[theme=download] {
    overflow-x: auto;
}

[b-779bayuz0x] .quickgrid[theme=corporate] .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    opacity: 1 !important;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    border-radius: 20px 20px 0px 0px !important;
}

[b-779bayuz0x] .quickgrid[theme=download] .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    opacity: 1 !important;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    border-radius: 20px 20px 0px 0px !important;
}

[b-779bayuz0x] .quickgrid[theme=corporate] .col-justify-start {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 4px;
}

[b-779bayuz0x] .quickgrid[theme=download] .col-justify-start {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 4px;
}

[b-779bayuz0x] .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-779bayuz0x] .quickgrid[theme=download] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-779bayuz0x] .quickgrid[theme=corporate] thead tr th {
    height: 10px;
}

[b-779bayuz0x] .quickgrid[theme=download] thead tr th {
    height: 10px;
}

[b-779bayuz0x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}


[b-779bayuz0x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 20%;
}

[b-779bayuz0x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 50%;
}

[b-779bayuz0x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 20%;
    font-weight: 300;
}




.border[b-779bayuz0x] {
    border: 1px solid #ccc; /* Change color as needed */
    border-radius: 5px; /* Optional: adds rounded corners */
}

.modal[b-779bayuz0x] {
    position: fixed;
    z-index: 1;
    left: 50%; /* Move to the center horizontally */
    top: 50%; /* Move to the center vertically */
    transform: translate(-50%, -50%); /* Offset the element by half its width and height */
    width: 53%; /* Adjust as needed */
    height: auto; /* Change to auto to fit content */
    overflow: auto; /* Allow scrolling if content overflows */
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-779bayuz0x] {
    background-color: #fefefe;
    margin: 0; /* Remove margin as it is centered */
    padding: 20px;
    border: 1px solid #888;
    width: 100%; /* Use full width of the modal */
    max-height: 80vh; /* Set to desired max height */
    overflow-y: auto; /* Enable vertical scrolling */
    border-radius: 8px; /* Optional styling */
}

.modals[b-779bayuz0x] {
    position: fixed;
    z-index: 1;
    left: 58%; /* Move to the center horizontally */
    top: 50%; /* Move to the center vertically */
    transform: translate(-50%, -50%); /* Offset the element by half its width and height */
    width: 80%; /* Adjust as needed */
    height: auto; /* Change to auto to fit content */
    overflow: auto; /* Allow scrolling if content overflows */
    background-color: rgba(0, 0, 0, 0.5);
}

.modals-content[b-779bayuz0x] {
    background-color: #fefefe;
    margin: 0; /* Remove margin as it is centered */
    padding: 20px;
    border: 1px solid #888;
    width: 100%; /* Use full width of the modal */
    max-height: 80vh; /* Set to desired max height */
    overflow-y: auto; /* Enable vertical scrolling */
    border-radius: 8px; /* Optional styling */
}
.custom-input[b-779bayuz0x] {
    width: 250px; /* Adjust the width to your desired size */
    padding: 5px 10px; /* Optional: to give some padding inside the input field */
    border-radius: 6px; /* Optional: to give rounded corners */
    border: 1px solid #ccc; /* Optional: to add a border to the input */
    font-size: 14px; /* Optional: to set a font size */
    box-sizing: border-box; /* Ensures padding is included in the element's total width */
}

.transparent-card-compoonents[b-779bayuz0x]
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* /Pages/RegularCompliance/ListCompliance.razor.rz.scp.css */
[b-lqig5du4re] input::placeholder {
    font-size: 14px;
}

[b-lqig5du4re] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-lqig5du4re] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-lqig5du4re]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-lqig5du4re]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-lqig5du4re] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-lqig5du4re] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-lqig5du4re] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-lqig5du4re] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-lqig5du4re] {
    font-size: 13px !important;
}









[b-lqig5du4re] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-lqig5du4re] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

[b-lqig5du4re] .quickgrid[theme=corporate] .col-justify-start {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 4px;
}

[b-lqig5du4re] .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 5px !important;
}

[b-lqig5du4re] .quickgrid[theme=corporate] thead tr th {
    height: 10px;
}

[b-lqig5du4re] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}


[b-lqig5du4re] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 30%;
    font-weight: 300;

}

[b-lqig5du4re] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 30%;
}

[b-lqig5du4re] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 20%;
}

[b-lqig5du4re] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}




.d-grid[b-lqig5du4re] {
    grid-template-columns: 5fr auto;
}
/* /Pages/Returns/MunicipalReturns.razor.rz.scp.css */
[b-f7skfv0tqf] input::placeholder {
    font-size: 14px;
}

[b-f7skfv0tqf] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-f7skfv0tqf] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-f7skfv0tqf]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-f7skfv0tqf]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-f7skfv0tqf] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-f7skfv0tqf] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-f7skfv0tqf] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-f7skfv0tqf] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-f7skfv0tqf] {
    font-size: 13px !important;
}

[b-f7skfv0tqf] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-f7skfv0tqf] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Returns/MunicipalReturnsForm.razor.rz.scp.css */
/* /Pages/Returns/StateReturns/BonusAct.razor.rz.scp.css */
[b-i296cko9i9] input::placeholder {
    font-size: 14px;
}

[b-i296cko9i9] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-i296cko9i9] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-i296cko9i9]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-i296cko9i9]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-i296cko9i9] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-i296cko9i9] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-i296cko9i9] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-i296cko9i9] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-i296cko9i9] {
    font-size: 13px !important;
}

[b-i296cko9i9] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-i296cko9i9] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-i296cko9i9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-i296cko9i9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Returns/StateReturns/BonusActForm.razor.rz.scp.css */
/* /Pages/Returns/StateReturns/MinimumWages.razor.rz.scp.css */
[b-tk69b7ztbt] input::placeholder {
    font-size: 14px;
}

[b-tk69b7ztbt] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-tk69b7ztbt] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-tk69b7ztbt]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-tk69b7ztbt]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tk69b7ztbt] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-tk69b7ztbt] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-tk69b7ztbt] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-tk69b7ztbt] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-tk69b7ztbt] {
    font-size: 13px !important;
}

[b-tk69b7ztbt] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-tk69b7ztbt] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Returns/StateReturns/MinimumWagesForm.razor.rz.scp.css */
/* /Pages/Returns/StateReturns/POSH.razor.rz.scp.css */
[b-7uk47tzd4a] input::placeholder {
    font-size: 14px;
}

[b-7uk47tzd4a] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-7uk47tzd4a] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-7uk47tzd4a]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-7uk47tzd4a]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7uk47tzd4a] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-7uk47tzd4a] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-7uk47tzd4a] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-7uk47tzd4a] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-7uk47tzd4a] {
    font-size: 13px !important;
}

[b-7uk47tzd4a] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-7uk47tzd4a] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Returns/StateReturns/POSHForm.razor.rz.scp.css */
/* /Pages/Returns/StateReturns/ShopAct.razor.rz.scp.css */
[b-hdevzbq48x] input::placeholder {
    font-size: 14px;
}

[b-hdevzbq48x] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-hdevzbq48x] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-hdevzbq48x]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-hdevzbq48x]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hdevzbq48x] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hdevzbq48x] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-hdevzbq48x] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-hdevzbq48x] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-hdevzbq48x] {
    font-size: 13px !important;
}

[b-hdevzbq48x] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-hdevzbq48x] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Returns/StateReturns/ShopActForm.razor.rz.scp.css */
/* /Pages/Returns/UnifiedAnnualReturns.razor.rz.scp.css */
[b-6xrzuo7uv7] input::placeholder {
    font-size: 14px;
}

[b-6xrzuo7uv7] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}






.grid[b-6xrzuo7uv7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-6xrzuo7uv7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-6xrzuo7uv7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-6xrzuo7uv7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6xrzuo7uv7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-6xrzuo7uv7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-6xrzuo7uv7] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-6xrzuo7uv7] {
    font-size: 13px !important;
}

[b-6xrzuo7uv7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 30%;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
    }

    [b-6xrzuo7uv7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }



/* /Pages/Returns/UnifiedAnnualReturnsForm.razor.rz.scp.css */
/* /Pages/RoleRight/AddRoleRight.razor.rz.scp.css */
/* /Pages/RoleRight/RoleRight.razor.rz.scp.css */
/*::deep .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

::deep .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 90%;
}

::deep thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}


::deep .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    ::deep .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem;*/ /* Separate the sort indicator from title text */
        /*opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

.grid {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid::-webkit-scrollbar {
        display: none;
    }

    .grid ::deep table {
        min-width: 100%;
    }*/
/* For virtualized grids, it's essential that all rows have the same known height */
/*::deep tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    ::deep tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1);*/ /* Light gray color for the hover effect */
        /*cursor: pointer;*/ /* Change cursor to pointer to indicate interactivity */
    /*}*/


[b-ov3snms2y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-ov3snms2y7] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 90%;
}

[b-ov3snms2y7] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}


[b-ov3snms2y7] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ov3snms2y7] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

.grid[b-ov3snms2y7] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ov3snms2y7]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ov3snms2y7]  table {
        min-width: 100%;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-ov3snms2y7] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ov3snms2y7] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }
/* /Pages/Salary/ManageSalary.razor.rz.scp.css */
.form-group[b-ilqwtfz35l] {
    margin-bottom: 15px;
}


[b-ilqwtfz35l] input::placeholder, [b-ilqwtfz35l] select::placeholder {
    font-size: 14px;
}

@media(max-width:1024px)
{
    .d-flex.button[b-ilqwtfz35l] {
        /*flex-direction: column;*/
        align-items: center;
        gap: 6px;
    }

    .d-grid.salary[b-ilqwtfz35l] {
        grid-template-columns: 1fr !important;
    }
}

.d-grid.salary[b-ilqwtfz35l]
{
    grid-template-columns: 0.9fr 1fr;
    column-gap: 8px;
}


svg[b-ilqwtfz35l] {
    width: 100%;
    height: 100%;
    fill: #90a4ae;
}

[b-ilqwtfz35l] input[type = "file"] {
    font-size: 14px;
}

[b-ilqwtfz35l] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
  
}

[b-ilqwtfz35l] .inputDate
{
    padding-left: 8px !important;
}

[b-ilqwtfz35l] input {
    width: 100%;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    padding-left: 28px !important;
}



/* General Styling for Step Counter */
.number-line[b-ilqwtfz35l] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%; /* Adjust width for responsiveness */
    max-width: 600px; /* Limit maximum width for large screens */
    margin: auto;
}

    .number-line[b-ilqwtfz35l]::before {
        content: "";
        position: absolute;
        height: 1.5px;
        background: linear-gradient( to right, rgb(120, 212, 0) 35%, /* 25% green */
        rgba(247, 148, 30, 0.9) 25% 100% /* 75% orange */
        );
        width: 100%;
        top: 50%;
        left: 0;
        z-index: -1;
    }

    .number-line > div[b-ilqwtfz35l] {
        position: relative;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(247, 148, 30);
        z-index: 1;
    }

        .number-line > div > h1[b-ilqwtfz35l] {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.2rem;
            margin: 0;
        }
        .number-line > div:nth-child(1)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

/* General Styling for Step Second */
.number-line2[b-ilqwtfz35l] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%; /* Adjust width for responsiveness */
    max-width: 600px; /* Limit maximum width for large screens */
    margin: auto;
}

    .number-line2[b-ilqwtfz35l]::before {
        content: "";
        position: absolute;
        height: 1.5px;
        background: linear-gradient( to right, rgb(120, 212, 0) 69%, /* 25% green */
        rgba(247, 148, 30, 0.9) 25% 100% /* 75% orange */
        );
        width: 100%;
        top: 50%;
        left: 0;
        z-index: -1;
    }

    .number-line2 > div[b-ilqwtfz35l] {
        position: relative;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(247, 148, 30);
        z-index: 1;
    }

        .number-line2 > div > h1[b-ilqwtfz35l] {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.2rem;
            margin: 0;
        }
        .number-line2 > div:nth-child(1)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

        .number-line2 > div:nth-child(2)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }


/* General Styling for Third Second */
.number-line3[b-ilqwtfz35l] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%; /* Adjust width for responsiveness */
    max-width: 600px; /* Limit maximum width for large screens */
    margin: auto;
}

    .number-line3[b-ilqwtfz35l]::before {
        content: "";
        position: absolute;
        height: 1.5px;
        background: linear-gradient( to right, rgb(120, 212, 0) 100%, /* 25% green */
        rgba(247, 148, 30, 0.9) 25% 100% /* 75% orange */
        );
        width: 100%;
        top: 50%;
        left: 0;
        z-index: -1;
    }

    .number-line3 > div[b-ilqwtfz35l] {
        position: relative;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(247, 148, 30);
        z-index: 1;
    }

        .number-line3 > div > h1[b-ilqwtfz35l] {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.2rem;
            margin: 0;
        }

        .number-line3 > div:nth-child(1)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

        .number-line3 > div:nth-child(2)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }
        .number-line3 > div:nth-child(3)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

/* General Styling for Fourth */
.number-line4[b-ilqwtfz35l] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%; /* Adjust width for responsiveness */
    max-width: 600px; /* Limit maximum width for large screens */
    margin: auto;
}

    .number-line4[b-ilqwtfz35l]::before {
        content: "";
        position: absolute;
        height: 1.5px;
        background: linear-gradient( to right, rgb(120, 212, 0) 100%, /* 25% green */
        rgba(247, 148, 30, 0.9) 25% 100% /* 75% orange */
        );
        width: 100%;
        top: 50%;
        left: 0;
        z-index: -1;
    }

    .number-line4 > div[b-ilqwtfz35l] {
        position: relative;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(247, 148, 30);
        z-index: 1;
    }

        .number-line4 > div > h1[b-ilqwtfz35l] {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.2rem;
            margin: 0;
        }

        .number-line4 > div:nth-child(1)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

        .number-line4 > div:nth-child(2)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

        .number-line4 > div:nth-child(3)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }

        .number-line4 > div:nth-child(4)[b-ilqwtfz35l] {
            background-color: rgb(120, 212, 0); /* Example: Set a green background */
            font-size: 1.2rem; /* Example: Change font size */
            margin: 0; /* Example: Reset margin */
        }
        

/* Responsive Design */
@media (max-width: 768px) {
    .number-line[b-ilqwtfz35l] {
        width: 95%; /* Reduce width on smaller screens */
        gap: 10px; /* Add spacing between circles */
    }

        .number-line[b-ilqwtfz35l]::before {
            height: 1.5px; /* Keep the connecting line horizontal */
            top: 50%;
        }

        .number-line > div[b-ilqwtfz35l] {
            height: 40px; /* Reduce size for smaller screens */
            width: 40px;
        }

            .number-line > div > h1[b-ilqwtfz35l] {
                font-size: 1rem; /* Reduce font size for smaller screens */
            }
}
/* /Pages/Salary/PendingLeave.razor.rz.scp.css */
/* /Pages/SignedReport/ListUploadedACK.razor.rz.scp.css */
[b-ueo4zynbcj] input::placeholder {
    font-size: 14px;
}

[b-ueo4zynbcj] input {
    width: 100%;
    height: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.grid[b-ueo4zynbcj] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-ueo4zynbcj]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-ueo4zynbcj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ueo4zynbcj] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ueo4zynbcj] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-ueo4zynbcj] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-ueo4zynbcj] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-ueo4zynbcj] {
    font-size: 13px !important;
}

[b-ueo4zynbcj] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-ueo4zynbcj] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px !important;
    }

    [b-ueo4zynbcj] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-ueo4zynbcj] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-ueo4zynbcj] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-ueo4zynbcj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }


    [b-ueo4zynbcj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 30%;
        font-weight: 300;
    }

    [b-ueo4zynbcj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 35%;
    }

    [b-ueo4zynbcj] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 30%;
    }





.d-grid[b-ueo4zynbcj]
{
    grid-template-columns: 5fr auto;
}


/* /Pages/UploadForm.razor.rz.scp.css */
[b-q30yyym1dg] input::placeholder {
    font-size: 14px;
}

[b-q30yyym1dg] input, [b-q30yyym1dg] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

    [b-q30yyym1dg] input[type="date"] {
        padding-left: 8px !important;
    }




label[b-q30yyym1dg]
{
    margin-bottom: 0.2rem;
}
/* /Pages/UserManagement/RegisterUser.razor.rz.scp.css */
[b-gagnvwh4p6] input::placeholder, [b-gagnvwh4p6] input[type = "file"], [b-gagnvwh4p6] select::placeholder, [b-gagnvwh4p6] input::part(control) {
    font-size: 14px;
}

[b-gagnvwh4p6] input, [b-gagnvwh4p6] input[type = "file"], [b-gagnvwh4p6] select, [b-gagnvwh4p6] input::part(control) {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.modal-backdrop[b-gagnvwh4p6] {
    position: fixed;
    top: 0;
    left: -25px;
    z-index: 1050;
    width: 98vw;
    height: 95vh;
    background-color: #000;
}

/* /Pages/UserManagement/RoleManagement.razor.rz.scp.css */
.alert[b-l4oud1iec1] {
    padding: 1rem;
    margin: 1rem 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger[b-l4oud1iec1] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.mt-3[b-l4oud1iec1] {
    margin-top: 1rem;
}

[b-l4oud1iec1] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-l4oud1iec1] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-l4oud1iec1] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-l4oud1iec1] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-l4oud1iec1] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-l4oud1iec1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 10%;
    }

[b-l4oud1iec1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}


[b-l4oud1iec1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 85%;
    font-weight: 300;
}

[b-l4oud1iec1] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}


.grid[b-l4oud1iec1] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-l4oud1iec1]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-l4oud1iec1]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-l4oud1iec1] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-l4oud1iec1] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-l4oud1iec1] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }


@media(max-width: 1024px) {
    .grid[b-l4oud1iec1] {
        overflow-x: scroll;
    }

        .grid[b-l4oud1iec1]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-l4oud1iec1]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-l4oud1iec1]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-l4oud1iec1]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-l4oud1iec1]::-webkit-scrollbar {
    display: none;
}

.grid[b-l4oud1iec1]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-l4oud1iec1] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

select[b-l4oud1iec1] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-l4oud1iec1] {
    font-size: 13px !important;
}

[b-l4oud1iec1] input::placeholder, [b-l4oud1iec1] input[type = "file"], [b-l4oud1iec1] select::placeholder {
    font-size: 14px;
}

[b-l4oud1iec1] input, [b-l4oud1iec1] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-l4oud1iec1] select {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-l4oud1iec1] thead {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

.modal-backdrop[b-l4oud1iec1] {
    position: fixed;
    top: 0;
    left: -25px;
    z-index: 1050;
    width: 98vw;
    height: 95vh;
    background-color: #000;
}
/* /Pages/UserManagement/UserManagement.razor.rz.scp.css */
[b-psz89q6yjm] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-psz89q6yjm] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        /*font-weight: 100;*/
        border-radius: 20px 20px 0px 0px;
    }

    [b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    [b-psz89q6yjm] .quickgrid[theme=corporate] tbody tr {
        /*height: 10px;*/
        border-bottom: 0.5px solid silver;
    }

[b-psz89q6yjm] tbody tr:hover {
    background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

/*::deep .quickgrid[theme=corporate] tbody tr td {
    vertical-align: middle;
    height: 10px;
    padding: 10px !important;
}*/

[b-psz89q6yjm] tbody tr:hover {
    background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

[b-psz89q6yjm] .quickgrid[theme=corporate] thead tr th {
    height: 10px;
}

[b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}


[b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 20%;
    font-weight: 300;
}

[b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 20%;
}

[b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
    font-weight: 300;
}

[b-psz89q6yjm] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 5%;
}

.grid[b-psz89q6yjm] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 6px 6px 0px 0px;
}

@media(max-width: 1024px) {
    .grid[b-psz89q6yjm] {
        overflow-x: scroll;
    }

        .grid[b-psz89q6yjm]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-psz89q6yjm]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-psz89q6yjm]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-psz89q6yjm]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-psz89q6yjm]::-webkit-scrollbar {
    display: none;
}

.grid[b-psz89q6yjm]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-psz89q6yjm] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

select[b-psz89q6yjm] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-psz89q6yjm] {
    font-size: 13px !important;
}

[b-psz89q6yjm] input::placeholder, [b-psz89q6yjm] input[type = "file"], [b-psz89q6yjm] select::placeholder {
    font-size: 14px;
}

[b-psz89q6yjm] input, [b-psz89q6yjm] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-psz89q6yjm] select {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

[b-psz89q6yjm] thead {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

.modal[b-psz89q6yjm] {
    overflow-x: scroll;
}

    .modal[b-psz89q6yjm]::-webkit-scrollbar {
        display: block;
    }

    .modal[b-psz89q6yjm]::-webkit-scrollbar {
        width: 6px; /* Smaller width for the scrollbar */
    }

    .modal[b-psz89q6yjm]::-webkit-scrollbar-track {
        background-color: transparent; /* Transparent background for the scrollbar track */
    }

    .modal[b-psz89q6yjm]::-webkit-scrollbar-thumb {
        background-color: #f7941e; /* Orange color for the scrollbar thumb */
        border-radius: 4px; /* Rounded edges for the scrollbar thumb */
    }


.modal-backdrop[b-psz89q6yjm] {
    position: fixed;
    top: 0;
    left: -25px;
    z-index: 1050;
    width: 98vw;
    height: 95vh;
    background-color: #000;
}



svg[b-psz89q6yjm] {
    width: 100%;
    height: 100%;
}
/* /Pages/VendorDetails.razor.rz.scp.css */



.grid[b-bqr1p6z5sz] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-bqr1p6z5sz]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-bqr1p6z5sz]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-bqr1p6z5sz] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
    color: rgb(255, 255, 255);
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-bqr1p6z5sz] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-bqr1p6z5sz] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

/* /Pages/VendorNew/AbstractNoticReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-dobjzn05wr] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-dobjzn05wr] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-dobjzn05wr] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-dobjzn05wr] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-dobjzn05wr] {
    border-radius: 6px 6px 0px 0px;
}

[b-dobjzn05wr] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-dobjzn05wr] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-dobjzn05wr] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-dobjzn05wr] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-dobjzn05wr] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-dobjzn05wr] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/AbstractNoticUpload.razor.rz.scp.css */
/* Scrollable table wrapper */
/*.table-container {
    margin: 0 auto;*/
    /*padding: 1rem;*/
    /*max-width: 100%;*/ /* Ensure the container doesn't exceed screen width */
/*}*/

/* Ensures the table is horizontally scrollable */
/*.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 450px;*/ /* Set a default max-height */
    /*border: 1px solid #ddd;
    border-radius: 8px;
}*/

/* Ensure table takes full width */
/*.table {
    width: 100%;
    border-collapse: collapse;
}*/

    /* Table header styling */
    /*.table thead th {
        background-color: rgba(38, 150, 255, 0.9);*/ /* Slightly darker for better contrast */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);*/ /* Responsive font size */
        /*font-weight: bold;*/ /* Make header text stand out */
        /*padding: 10px;*/ /* Add padding for visibility */
        /*text-align: left;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}*/

    /* Table body styling */
    /*.table tbody td {
        padding: 6px;
        text-align: left;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive height adjustments */
/*@media (max-width: 992px) {
    .table-wrapper {
        max-height: 350px;
    }

    .table thead th {
        font-size: clamp(13px, 2vw, 16px);
    }

    .table tbody td {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .table-wrapper {
        max-height: 300px;
    }

    .table thead th {
        font-size: clamp(12px, 1.8vw, 14px);
    }

    .table tbody td {
        padding: 4px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .table-wrapper {
        max-height: 250px;
    }

    .table thead th {
        font-size: 12px;
    }

    .table tbody td {
        padding: 3px;
        font-size: 12px;
    }
}*/
.grid[b-f1nm77vist] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}
.custom-scrollbar-temp-two[b-f1nm77vist]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-f1nm77vist]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-f1nm77vist]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-f1nm77vist]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-f1nm77vist]::-webkit-scrollbar {
    display: block !important;
}

[b-f1nm77vist] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}



/* Transparent card components */
.transparent-card-compoonents[b-f1nm77vist] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-f1nm77vist] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-f1nm77vist] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-f1nm77vist] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-f1nm77vist] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-f1nm77vist] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-redDel[b-f1nm77vist] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-f1nm77vist] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-f1nm77vist] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-f1nm77vist] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}


.text-red[b-f1nm77vist] {
    color: red;
}

.text-green[b-f1nm77vist] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-f1nm77vist] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-f1nm77vist] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-f1nm77vist] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-f1nm77vist] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-f1nm77vist] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-f1nm77vist] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
}
[b-f1nm77vist] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 8%;
}

[b-f1nm77vist] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}
[b-f1nm77vist] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 35%;
}

[b-f1nm77vist] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 15%;
}

@media (max-width: 1024px) {

    [b-f1nm77vist] .quickgrid[theme=corporate] {
        table-layout: auto; /* Switch to flexible layout */
        font-size: 0.9rem; /* Reduce font size */
    }

        [b-f1nm77vist] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text to wrap */
            word-wrap: break-word;
            padding: 5px; /* Reduce padding */
        }
}

@media (max-width: 1200px) {

    [b-f1nm77vist] .quickgrid[theme=corporate] {
        table-layout: auto; /* Allow dynamic column resizing */
        font-size: 1rem; /* Slightly reduce font size */
    }

        [b-f1nm77vist] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 8px; /* Adjust padding for better fit */
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-f1nm77vist] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; /* Slightly smaller font for larger screens */
    }

        [b-f1nm77vist] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 12px; /* Adjust padding for neat layout */
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-f1nm77vist] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Blackish transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; /* Add padding for small screens */
}

/* Modal box with responsive width */
.custom-modal[b-f1nm77vist] {
    background: #fff;
    width: 50%; /* Default width */
    max-width: 800px; /* Maximum width */
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-f1nm77vist] {
        width: 80%; /* Adjust width for tablets */
    }
}

@media (max-width: 480px) {
    .custom-modal[b-f1nm77vist] {
        width: 95%; /* Full width for mobile devices */
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-f1nm77vist] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-f1nm77vist] {
    background: none;
    border: 2px solid #333; /* Square border */
    border-radius: 4px; /* Slight rounding of corners for a modern look */
    width: 30px; /* Set width */
    height: 35px; /* Set height to match width for a circular look */
    font-size: 24px; /* Adjust icon size */
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* Smooth hover effect */
}


    .close-btn:hover[b-f1nm77vist] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-f1nm77vist] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-f1nm77vist] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-f1nm77vist] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-f1nm77vist] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/AgreementWorkOrderReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-45u5bsbm16] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-45u5bsbm16] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-45u5bsbm16] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-45u5bsbm16] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-45u5bsbm16] {
    border-radius: 6px 6px 0px 0px;
}

[b-45u5bsbm16] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-45u5bsbm16] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-45u5bsbm16] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-45u5bsbm16] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-45u5bsbm16] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-45u5bsbm16] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/AgreementWorkOrderUpload.razor.rz.scp.css */
/* Scrollable table wrapper */
/*.table-container {
    margin: 0 auto;*/
    /*padding: 1rem;*/
    /*max-width: 100%;*/ /* Ensure the container doesn't exceed screen width */
/*}*/

/* Ensures the table is horizontally scrollable */
/*.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 450px;*/ /* Set a default max-height */
    /*border: 1px solid #ddd;
    border-radius: 8px;
}*/

/* Ensure table takes full width */
/*.table {
    width: 100%;
    border-collapse: collapse;
}*/

    /* Table header styling */
    /*.table thead th {
        background-color: rgba(38, 150, 255, 0.9);*/ /* Slightly darker for better contrast */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);*/ /* Responsive font size */
        /*font-weight: bold;*/ /* Make header text stand out */
        /*padding: 10px;*/ /* Add padding for visibility */
        /*text-align: left;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}*/

    /* Table body styling */
    /*.table tbody td {
        padding: 6px;
        text-align: left;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive height adjustments */
/*@media (max-width: 992px) {
    .table-wrapper {
        max-height: 350px;
    }

    .table thead th {
        font-size: clamp(13px, 2vw, 16px);
    }

    .table tbody td {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .table-wrapper {
        max-height: 300px;
    }

    .table thead th {
        font-size: clamp(12px, 1.8vw, 14px);
    }

    .table tbody td {
        padding: 4px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .table-wrapper {
        max-height: 250px;
    }

    .table thead th {
        font-size: 12px;
    }

    .table tbody td {
        padding: 3px;
        font-size: 12px;
    }
}*/
.grid[b-abc1vyeln8] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.grid[b-abc1vyeln8]::-webkit-scrollbar {
    display: block !important;
}

/* Transparent card components */
.transparent-card-compoonents[b-abc1vyeln8] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-abc1vyeln8] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-abc1vyeln8] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-abc1vyeln8] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-abc1vyeln8] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-abc1vyeln8] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}
/* Default styling (for larger screens) */
.btn-custom-redDel[b-abc1vyeln8] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-abc1vyeln8] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-abc1vyeln8] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-abc1vyeln8] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

/* Default styling (for larger screens) */
.btn-custom-vw[b-abc1vyeln8] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-abc1vyeln8] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-abc1vyeln8] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-abc1vyeln8] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .file-column-container[b-abc1vyeln8] {
        flex-direction: column;
        padding: 10px;
    }

    .file-input[b-abc1vyeln8] {
        max-width: 100%;
    }

    .file-name[b-abc1vyeln8] {
        font-size: 0.8rem;
    }
}

.text-red[b-abc1vyeln8] {
    color: red;
}

.text-green[b-abc1vyeln8] {
    color: green;
}

.custom-scrollbar-temp-two[b-abc1vyeln8]::-webkit-scrollbar {
    width: 6px; /* Adjust for mobile view */
}

.custom-scrollbar-temp-two[b-abc1vyeln8]::-webkit-scrollbar-track {
    background: transparent; /* Ensure track is transparent */
}

.custom-scrollbar-temp-two[b-abc1vyeln8]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-abc1vyeln8]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; 
    }


[b-abc1vyeln8] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; 
}


    /* Column width adjustments */
     [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 5%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 5%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 8%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 6%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 12%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 10%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 10%;
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
        width: 13%;
       
    }

    [b-abc1vyeln8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(9) {
        width: 10%;
    }


@media (max-width: 1024px) {

    [b-abc1vyeln8] .quickgrid[theme=corporate] {
        table-layout: auto; 
        font-size: 0.9rem; 
    }

        [b-abc1vyeln8] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 5px; 
        }
}
@media (max-width: 1200px) {
   
    [b-abc1vyeln8] .quickgrid[theme=corporate] {
        table-layout: auto; 
        font-size: 1rem; 
    }

        [b-abc1vyeln8] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 8px; 
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {
    
    [b-abc1vyeln8] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; 
    }

        [b-abc1vyeln8] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 12px; 
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-abc1vyeln8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    backdrop-filter: blur(5px); 
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; 
}

/* Modal box with responsive width */
.custom-modal[b-abc1vyeln8] {
    background: #fff;
    width: 50%; 
    max-width: 800px; 
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-abc1vyeln8] {
        width: 80%; 
    }
}

@media (max-width: 480px) {
    .custom-modal[b-abc1vyeln8] {
        width: 95%; 
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-abc1vyeln8] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-abc1vyeln8] {
    background: none;
    border: 2px solid #333; 
    border-radius: 4px; 
    width: 30px; 
    height: 35px; 
    font-size: 24px; 
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; 
}

    .close-btn:hover[b-abc1vyeln8] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-abc1vyeln8] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-abc1vyeln8] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-abc1vyeln8] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

   .btn-secondary:hover[b-abc1vyeln8] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/AnnualReturnReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-6n3j1mhp5e] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-6n3j1mhp5e] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-6n3j1mhp5e] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-6n3j1mhp5e] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-6n3j1mhp5e] {
    border-radius: 6px 6px 0px 0px;
}

[b-6n3j1mhp5e] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-6n3j1mhp5e] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-6n3j1mhp5e] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-6n3j1mhp5e] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-6n3j1mhp5e] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-6n3j1mhp5e] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/AnnualReturnUpload.razor.rz.scp.css */

.grid[b-aq89n9sbvp] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-aq89n9sbvp]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-aq89n9sbvp]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-aq89n9sbvp]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-aq89n9sbvp]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-aq89n9sbvp]::-webkit-scrollbar {
    display: block !important;
}

[b-aq89n9sbvp] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}
/* Transparent card components */
.transparent-card-compoonents[b-aq89n9sbvp] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-aq89n9sbvp] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-aq89n9sbvp] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-aq89n9sbvp] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-aq89n9sbvp] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-aq89n9sbvp] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-aq89n9sbvp] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-aq89n9sbvp] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-aq89n9sbvp] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-aq89n9sbvp] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
            
.text-red[b-aq89n9sbvp] {
    color: red;
}

.text-green[b-aq89n9sbvp] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-redDel[b-aq89n9sbvp] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-aq89n9sbvp] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-aq89n9sbvp] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-aq89n9sbvp] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-aq89n9sbvp] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-aq89n9sbvp] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-aq89n9sbvp] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-aq89n9sbvp] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-aq89n9sbvp] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-aq89n9sbvp] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 30%;
}
@media (max-width: 1024px) {

    [b-aq89n9sbvp] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 0.9rem;
    }

        [b-aq89n9sbvp] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 5px;
        }
}

@media (max-width: 1200px) {

    [b-aq89n9sbvp] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1rem;
    }

        [b-aq89n9sbvp] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 8px;
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-aq89n9sbvp] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem;
    }

        [b-aq89n9sbvp] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 12px;
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-aq89n9sbvp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-aq89n9sbvp] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-aq89n9sbvp] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-aq89n9sbvp] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-aq89n9sbvp] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-aq89n9sbvp] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-aq89n9sbvp] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-aq89n9sbvp] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-aq89n9sbvp] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-aq89n9sbvp] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-aq89n9sbvp] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/CentralRegisterAndRecordReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-9ghrta99wi] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-9ghrta99wi] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-9ghrta99wi] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-9ghrta99wi] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-9ghrta99wi] {
    border-radius: 6px 6px 0px 0px;
}

[b-9ghrta99wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-9ghrta99wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-9ghrta99wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 30%;
}

[b-9ghrta99wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-9ghrta99wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-9ghrta99wi] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 30%;
}
/* /Pages/VendorNew/CentralRegisterAndRecordUpload.razor.rz.scp.css */


.grid[b-qyo6y9s0pc] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-qyo6y9s0pc]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-qyo6y9s0pc]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-qyo6y9s0pc]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-qyo6y9s0pc]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-qyo6y9s0pc]::-webkit-scrollbar {
    display: block !important;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}

/* Transparent card components */
.transparent-card-compoonents[b-qyo6y9s0pc] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-qyo6y9s0pc] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-qyo6y9s0pc] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-qyo6y9s0pc] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-qyo6y9s0pc] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-qyo6y9s0pc] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-redDel[b-qyo6y9s0pc] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-qyo6y9s0pc] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-qyo6y9s0pc] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-qyo6y9s0pc] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.text-red[b-qyo6y9s0pc] {
    color: red;
}

.text-green[b-qyo6y9s0pc] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-qyo6y9s0pc] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-qyo6y9s0pc] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-qyo6y9s0pc] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-qyo6y9s0pc] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 9%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 12%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}

[b-qyo6y9s0pc] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 15%;
}

@media (max-width: 1024px) {

    [b-qyo6y9s0pc] .quickgrid[theme=corporate] {
        table-layout: auto; /* Switch to flexible layout */
        font-size: 0.9rem; /* Reduce font size */
    }

        [b-qyo6y9s0pc] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text to wrap */
            word-wrap: break-word;
            padding: 5px; /* Reduce padding */
        }
}

@media (max-width: 1200px) {

    [b-qyo6y9s0pc] .quickgrid[theme=corporate] {
        table-layout: auto; /* Allow dynamic column resizing */
        font-size: 1rem; /* Slightly reduce font size */
    }

        [b-qyo6y9s0pc] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 8px; /* Adjust padding for better fit */
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-qyo6y9s0pc] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; /* Slightly smaller font for larger screens */
    }

        [b-qyo6y9s0pc] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 12px; /* Adjust padding for neat layout */
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-qyo6y9s0pc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-qyo6y9s0pc] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-qyo6y9s0pc] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-qyo6y9s0pc] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-qyo6y9s0pc] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-qyo6y9s0pc] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-qyo6y9s0pc] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-qyo6y9s0pc] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-qyo6y9s0pc] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-qyo6y9s0pc] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-qyo6y9s0pc] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/CheckListDocument.razor.rz.scp.css */
/* Scrollable table wrapper */
/*.table-container {
    margin: 0 auto;*/
    /*padding: 1rem;*/
    /*max-width: 100%;*/ /* Ensure the container doesn't exceed screen width */
/*}*/

/* Ensures the table is horizontally scrollable */
/*.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 450px;*/ /* Set a default max-height */
    /*border: 1px solid #ddd;
    border-radius: 8px;
}*/

/* Ensure table takes full width */
/*.table {
    width: 100%;
    border-collapse: collapse;
}*/

    /* Table header styling */
    /*.table thead th {
        background-color: rgba(38, 150, 255, 0.9);*/ /* Slightly darker for better contrast */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);*/ /* Responsive font size */
        /*font-weight: bold;*/ /* Make header text stand out */
        /*padding: 10px;*/ /* Add padding for visibility */
        /*text-align: left;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}*/

    /* Table body styling */
    /*.table tbody td {
        padding: 6px;
        text-align: left;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive height adjustments */
/*@media (max-width: 992px) {
    .table-wrapper {
        max-height: 350px;
    }

    .table thead th {
        font-size: clamp(13px, 2vw, 16px);
    }

    .table tbody td {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .table-wrapper {
        max-height: 300px;
    }

    .table thead th {
        font-size: clamp(12px, 1.8vw, 14px);
    }

    .table tbody td {
        padding: 4px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .table-wrapper {
        max-height: 250px;
    }

    .table thead th {
        font-size: 12px;
    }

    .table tbody td {
        padding: 3px;
        font-size: 12px;
    }
}*/

.grid[b-fcjd0ktab1] {
    border-radius: 6px 6px 0px 0px;
}
/* Transparent card components */
.transparent-card-compoonents[b-fcjd0ktab1] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */

@media (max-width: 1200px) {
    .transparent-card-compoonents[b-fcjd0ktab1] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
}

@media (max-width: 768px) {
    .transparent-card-compoonents[b-fcjd0ktab1] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-fcjd0ktab1] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Profile title */
.profile-title[b-fcjd0ktab1] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-fcjd0ktab1] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

.btn-custom-view[b-fcjd0ktab1] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*  max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-top: 10px;
}

/* Organization heading */
.organization-heading[b-fcjd0ktab1] {
    white-space: nowrap; /* Prevents line breaks */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Adds "..." if text is too long for the container */
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-fcjd0ktab1] {
        font-size: 18px; /* Reduce font size for large tablets/small desktops */
    }
}

@media (max-width: 768px) {
    .organization-heading[b-fcjd0ktab1] {
        font-size: 16px; /* Reduce font size for tablets */
    }
}

@media (max-width: 576px) {
    .organization-heading[b-fcjd0ktab1] {
        font-size: 14px; /* Reduce font size for smaller devices */
    }
}
/* /Pages/VendorNew/DashBoard.razor.rz.scp.css */
/* Profile title */
.profile-title[b-fvpbzsxcjc] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}
/* Transparent card components */
.transparent-card-compoonents[b-fvpbzsxcjc] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */

@media (max-width: 1200px) {
    .transparent-card-compoonents[b-fvpbzsxcjc] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
/*    i made changes here on 23 dec*/
    #myRejectedChart[b-fvpbzsxcjc], #myChart[b-fvpbzsxcjc] {
        max-width: 100%; 
        height: auto;
    }

    #myPlot[b-fvpbzsxcjc] {
        max-width: 100%; 
        height: auto; 
    }

    .col-md-6[b-fvpbzsxcjc] {
        flex: 0 0 100%; 
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .transparent-card-compoonents[b-fvpbzsxcjc] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }

/*    i made changes here on 23 dec*/
    #myRejectedChart[b-fvpbzsxcjc], #myChart[b-fvpbzsxcjc] {
        max-width: 100%; 
        height: auto; 
    }
    #myPlot[b-fvpbzsxcjc] {
        max-width: 100%; 
        height: auto; 
    }

    .col-md-6[b-fvpbzsxcjc] {
        flex: 0 0 100%; 
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-fvpbzsxcjc] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Organization heading */
.organization-heading[b-fvpbzsxcjc] {
    white-space: nowrap; /* Prevents line breaks */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Adds "..." if text is too long for the container */
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-fvpbzsxcjc] {
        font-size: 18px; /* Reduce font size for large tablets/small desktops */
    }
}

@media (max-width: 768px) {
    .organization-heading[b-fvpbzsxcjc] {
        font-size: 16px; /* Reduce font size for tablets */
    }
}

@media (max-width: 576px) {
    .organization-heading[b-fvpbzsxcjc] {
        font-size: 14px; /* Reduce font size for smaller devices */
    }
}

/* Month input */
input[type="month"][b-fvpbzsxcjc] {
    padding-left: 8px !important;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

/* Label */
label[b-fvpbzsxcjc] {
    margin-bottom: 0.2rem;
    font: 16px;
    display: inline-block;
    font-weight: 800;
}

/* Button styles */
.btn-verifiedDocuments[b-fvpbzsxcjc] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    padding: 5px 5px;
}

.btn-uploadedDocuments[b-fvpbzsxcjc] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    padding: 5px 5px;
}

.btn-notVerified[b-fvpbzsxcjc] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    padding: 5px 5px;
}

.btn-notProducedNRejected[b-fvpbzsxcjc] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    padding: 5px 5px;
}

/* Responsive design for row and column */
@media (max-width: 768px) {
    .row .col-12[b-fvpbzsxcjc] {
        margin-bottom: 15px; /* More space between rows */
    }
}

@media (max-width: 576px) {
    .row .col-12[b-fvpbzsxcjc] {
        margin-bottom: 10px; /* Adjust margin as needed for smaller screens */
    }

  

    /* Adjust the card grid layout */
    .col-12.col-md-6[b-fvpbzsxcjc] {
        flex: 0 0 100%; /* Stack cards vertically on small screens */
        max-width: 100%;
    }
}

/* Additional adjustments for even smaller devices */
@media (max-width: 360px) {
    

    .btn-verifiedDocuments[b-fvpbzsxcjc],
    .btn-uploadedDocuments[b-fvpbzsxcjc],
    .btn-notVerified[b-fvpbzsxcjc],
    .btn-notProducedNRejected[b-fvpbzsxcjc] {
        min-width: 40px;
        max-height: 60px;
        padding: 4px 4px;
    }

    /* Make input fields take full width */
    input[type="month"][b-fvpbzsxcjc] {
        width: 100%;
    }
}
/* /Pages/VendorNew/Document.razor.rz.scp.css */
/* Transparent card components */
.transparent-card-compoonents[b-64ob6ptnte] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-64ob6ptnte] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-64ob6ptnte] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Organization heading */
.organization-heading[b-64ob6ptnte] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

.profile-title[b-64ob6ptnte] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}
/* Ensure table takes full width */
.table[b-64ob6ptnte] {
    width: 100%;
    border-collapse: collapse;
}

    /* Table header styling */
    .table thead th[b-64ob6ptnte] {
        background-color: rgba(38, 150, 255, 0.9); /* Slightly darker for better contrast */
        color: white; /* Ensure text color is visible */
        font-size: clamp(15px, 2.2vw, 18px); /* Responsive font size */
        font-weight: bold; /* Make header text stand out */
        padding: 10px; /* Add padding for visibility */
        text-align: left; /* Center align the text */
        white-space: nowrap; /* Prevent wrapping of header text */
    }

        .table thead th:first-child[b-64ob6ptnte] {
            border-top-left-radius: 10px; /* Rounded top-left corner */
        }

        .table thead th:last-child[b-64ob6ptnte] {
            border-top-right-radius: 10px; /* Rounded top-right corner */
        }

    /* Table body styling */
    .table tbody td[b-64ob6ptnte] {
        padding: 6px;
        text-align: left;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .table tbody tr[b-64ob6ptnte] {
        background-color: #fff;
    }

/* Responsive height adjustments */
@media (max-width: 992px) {
    .table-wrapper[b-64ob6ptnte] {
        max-height: 350px;
    }

    .table thead th[b-64ob6ptnte] {
        font-size: clamp(13px, 2vw, 16px);
    }

    .table tbody td[b-64ob6ptnte] {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .table-wrapper[b-64ob6ptnte] {
        max-height: 300px;
    }

    .table thead th[b-64ob6ptnte] {
        font-size: clamp(12px, 1.8vw, 14px);
    }

    .table tbody td[b-64ob6ptnte] {
        padding: 4px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .table-wrapper[b-64ob6ptnte] {
        max-height: 250px;
    }

    .table thead th[b-64ob6ptnte] {
        font-size: 12px;
    }

    .table tbody td[b-64ob6ptnte] {
        padding: 3px;
        font-size: 12px;
    }
}
.btn-custom-view[b-64ob6ptnte] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
  /*  max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* /Pages/VendorNew/DocumentsPendingUpload.razor.rz.scp.css */
.transparent-card-components[b-zpx66pnpk9] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-zpx66pnpk9] {
        margin: 10px 0;
        margin-top: 24px;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-zpx66pnpk9] {
        margin: 8px 0;
        margin-top: 20px;
        font-size: 12px;
        border-radius: 10px !important;
    }
}
/* Organization heading */
.organization-heading[b-zpx66pnpk9] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-zpx66pnpk9] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}


.status-display[b-zpx66pnpk9] {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
}
/* Table Styling */
.table[b-zpx66pnpk9] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .table thead th[b-zpx66pnpk9] {
        background-color: rgba(38, 150, 255); /* Light header background */
        color: white; /* Ensure text color is visible */
        font-size: clamp(15px, 2.2vw, 18px);
        font-weight: 100;
        padding: 10px; /* Add padding for visibility */
        text-align: left; /* Center align the text */
        white-space: nowrap; /* Prevent wrapping of header text */
    }

        .table thead th:first-child[b-zpx66pnpk9] {
            border-top-left-radius: 10px; /* Rounded top-left corner */
        }

        .table thead th:last-child[b-zpx66pnpk9] {
            border-top-right-radius: 10px; /* Rounded top-right corner */
        }

    .table tbody td[b-zpx66pnpk9] {
        /*border: 1px solid #ddd;*/
        padding: 8px;
        text-align: left;
    }

    .table tbody tr[b-zpx66pnpk9] {
        background-color: #fff;
    }

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .organization-heading[b-zpx66pnpk9] {
        font-size: 18px;
    }

    .transparent-card-compoonents[b-zpx66pnpk9] {
        margin: 12px 0;
        border-radius: 15px; /* Adjust border radius */
    }

    .btn-RejectedDocument[b-zpx66pnpk9] {
        max-width: 60px;
        max-height: 30px;
        font-size: 14px; /* Adjust font size */
    }

    .table thead th[b-zpx66pnpk9] {
        font-size: 14px; /* Smaller font size for table headers */
    }

    .table tbody td[b-zpx66pnpk9] {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .organization-heading[b-zpx66pnpk9] {
        font-size: clamp(14px, 3vw, 18px); /* Slightly smaller font on tablets */
        margin: 10px 0; /* Reduce vertical spacing */
    }

    .transparent-card-compoonents[b-zpx66pnpk9] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }

    .btn-RejectedDocument[b-zpx66pnpk9] {
        max-width: 55px;
        max-height: 25px;
        font-size: 12px; /* Smaller font size */
    }

    .table thead th[b-zpx66pnpk9] {
        font-size: 12px; /* Adjust font size for smaller screens */
        padding: 8px; /* Reduce padding */
    }

    .table tbody td[b-zpx66pnpk9] {
        font-size: 12px;
        padding: 6px;
    }
}

@media (max-width: 576px) {
    .organization-heading[b-zpx66pnpk9] {
        font-size: clamp(12px, 4vw, 16px); /* Smaller font size for small screens */
        margin: 8px 0; /* Further reduce vertical spacing */
    }

    .transparent-card-compoonents[b-zpx66pnpk9] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }

    .btn-RejectedDocument[b-zpx66pnpk9] {
        max-width: 50px;
        max-height: 20px;
        font-size: 10px;
    }

    .table thead th[b-zpx66pnpk9] {
        font-size: 10px; /* Further adjust for very small screens */
        padding: 6px;
    }

    .table tbody td[b-zpx66pnpk9] {
        font-size: 10px;
        padding: 4px;
    }
}

.btn-custom-search[b-zpx66pnpk9] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*max-width: 50px;*/
    min-width: 50%;
    /*margin-top: 25px;*/
    font-size: 16px;
    transition: 0.1s ease-in-out;
}

/* Adjustments for small screens */
@media (max-width: 576px) {
    .btn-custom-search[b-zpx66pnpk9] {
        font-size: 14px; /* Slightly smaller text on small screens */
        min-width: 30%; /* Button width takes up 80% of the container */
    }
}

/* Adjustments for medium screens */
@media (max-width: 768px) {
    .btn-custom-search[b-zpx66pnpk9] {
        font-size: 15px; /* Slightly smaller text on medium screens */
        min-width: 30%; /* Button width takes up 70% of the container */
    }
}

/* Adjustments for larger screens */
@media (min-width: 992px) {
    .btn-custom-search[b-zpx66pnpk9] {
        font-size: 16px; /* Keep the original font size on larger screens */
        min-width: 50%; /* Maintain 50% width on medium and larger screens */
    }
}
/* /Pages/VendorNew/Documentwise.razor.rz.scp.css */
/* Transparent card components */
.transparent-card-compoonents[b-9qxjf03nyg] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 1200px) {
    .transparent-card-compoonents[b-9qxjf03nyg] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
}
@media (max-width: 768px) {
    .transparent-card-compoonents[b-9qxjf03nyg] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}
@media (max-width: 576px) {
    .transparent-card-compoonents[b-9qxjf03nyg] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Organization heading */
.organization-heading[b-9qxjf03nyg] {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}
@media (max-width: 1200px) {
    .organization-heading[b-9qxjf03nyg] {
        font-size: 18px; 
    }
}
@media (max-width: 768px) {
    .organization-heading[b-9qxjf03nyg] {
        font-size: 16px; 
    }
}
@media (max-width: 576px) {
    .organization-heading[b-9qxjf03nyg] {
        font-size: 14px; 
    }
}

/* Profile title */
.profile-title[b-9qxjf03nyg] {
    height: auto; 
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}
.status-display[b-9qxjf03nyg] {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
}
.grid[b-9qxjf03nyg] {
    border-radius: 6px 6px 0px 0px;
}

/* Default styling (for larger screens) */
.btn-custom-vw[b-9qxjf03nyg] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}
@media (max-width: 768px) {
    .btn-custom-vw[b-9qxjf03nyg] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}
@media (max-width: 480px) {
    .btn-custom-vw[b-9qxjf03nyg] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}
@media (max-width: 320px) {
    .btn-custom-vw[b-9qxjf03nyg] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}


/* Responsive Spacing and Alignment */
@media (max-width: 768px) {
    .d-flex.align-items-center[b-9qxjf03nyg] {
        flex-direction: column; /* Stack labels and inputs vertically */
        align-items: flex-start;
    }

        .d-flex.align-items-center label[b-9qxjf03nyg] {
            margin-bottom: 5px; /* Add space below label */
        }

    
}

/* Additional margin for the rows */
.row.g-2 > div[b-9qxjf03nyg] {
    margin-bottom: 8px; /* Consistent spacing between fields */
}
[b-9qxjf03nyg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-9qxjf03nyg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-9qxjf03nyg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 30%;
}

[b-9qxjf03nyg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-9qxjf03nyg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-9qxjf03nyg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/EPFOReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-50bdk22z1y] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-50bdk22z1y] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-50bdk22z1y] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-50bdk22z1y] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
.grid[b-50bdk22z1y] {
    border-radius: 6px 6px 0px 0px;
}
[b-50bdk22z1y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-50bdk22z1y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-50bdk22z1y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-50bdk22z1y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-50bdk22z1y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}
[b-50bdk22z1y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/EPFOUpload.razor.rz.scp.css */

.grid[b-t36fegtiwl] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-t36fegtiwl]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-t36fegtiwl]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-t36fegtiwl]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-t36fegtiwl]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-t36fegtiwl]::-webkit-scrollbar {
    display: block !important;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}

/* Transparent card components */
.transparent-card-compoonents[b-t36fegtiwl] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-t36fegtiwl] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-t36fegtiwl] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-t36fegtiwl] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-t36fegtiwl] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-t36fegtiwl] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-vw[b-t36fegtiwl] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-t36fegtiwl] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-t36fegtiwl] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-t36fegtiwl] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
.btn-custom-delete[b-t36fegtiwl] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-top: 10px;
}
/* Tablet view adjustments (992px and below) */
@media (max-width: 992px) {
    .btn-custom-finalize[b-t36fegtiwl], .btn-custom-view[b-t36fegtiwl] {
        font-size: 14px; /* Reduce font size */
        min-width: 45px; /* Slightly smaller button width */
        max-height: 60px; /* Reduce button height */
        margin-top: 15px; /* Adjust spacing */
    }
}

/* Mobile view adjustments (768px and below) */
@media (max-width: 768px) {
    .btn-custom-finalize[b-t36fegtiwl], .btn-custom-view[b-t36fegtiwl] {
        font-size: 13px; /* Smaller font size */
        min-width: 40px; /* Smaller button width */
        max-height: 50px; /* Smaller height */
        padding: 5px 10px; /* Add padding for smaller buttons */
        margin-top: 10px; /* Reduce margin for better spacing */
    }
}

/* Small mobile view adjustments (576px and below) */
@media (max-width: 576px) {
    .btn-custom-finalize[b-t36fegtiwl], .btn-custom-view[b-t36fegtiwl] {
        font-size: 12px; /* Smallest readable font */
        min-width: 35px; /* Minimum width */
        max-height: 40px; /* Minimum height */
        padding: 4px 8px; /* Adjust padding */
        margin-top: 5px; /* Minimal margin */
    }
}



/* Default styling (for larger screens) */
.btn-custom-redDel[b-t36fegtiwl] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-t36fegtiwl] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-t36fegtiwl] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-t36fegtiwl] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

    .text-red[b-t36fegtiwl] {
        color: red;
    }

    .text-green[b-t36fegtiwl] {
        color: green;
    }

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 12%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}

[b-t36fegtiwl] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 15%;
}

@media (max-width: 1024px) {

    [b-t36fegtiwl] .quickgrid[theme=corporate] {
        table-layout: auto; 
        font-size: 0.9rem; 
    }

        [b-t36fegtiwl] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 5px; 
        }
}

@media (max-width: 1200px) {

    [b-t36fegtiwl] .quickgrid[theme=corporate] {
        table-layout: auto; 
        font-size: 1rem; 
    }

        [b-t36fegtiwl] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 8px; 
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-t36fegtiwl] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; 
    }

        [b-t36fegtiwl] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 12px; 
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-t36fegtiwl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-t36fegtiwl] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-t36fegtiwl] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-t36fegtiwl] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-t36fegtiwl] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-t36fegtiwl] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-t36fegtiwl] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-t36fegtiwl] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-t36fegtiwl] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-t36fegtiwl] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-t36fegtiwl] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/ESICReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-af8colz5j9] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-af8colz5j9] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-af8colz5j9] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-af8colz5j9] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-af8colz5j9] {
    border-radius: 6px 6px 0px 0px;
}

[b-af8colz5j9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-af8colz5j9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-af8colz5j9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-af8colz5j9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-af8colz5j9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-af8colz5j9] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/ESICUpload.razor.rz.scp.css */

.grid[b-zho8kutuf8] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-zho8kutuf8]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-zho8kutuf8]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-zho8kutuf8]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-zho8kutuf8]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-zho8kutuf8]::-webkit-scrollbar {
    display: block !important;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}

/* Transparent card components */
.transparent-card-compoonents[b-zho8kutuf8] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-zho8kutuf8] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-zho8kutuf8] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-zho8kutuf8] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-zho8kutuf8] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-zho8kutuf8] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-vw[b-zho8kutuf8] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-zho8kutuf8] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-zho8kutuf8] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-zho8kutuf8] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Default styling (for larger screens) */
.btn-custom-redDel[b-zho8kutuf8] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-zho8kutuf8] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-zho8kutuf8] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-zho8kutuf8] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

    .btn-custom-delete[b-zho8kutuf8] {
        background-color: rgba(230, 46, 0, 0.2);
        border: 1px solid #991f00;
        border-radius: 6px;
        color: #991f00 !important;
        max-width: 50px;
        min-width: 50px;
        max-height: 70px;
        transition: 0.1s ease-in-out;
        margin-top: 10px;
    }
    /* Tablet view adjustments (992px and below) */
    @media (max-width: 992px) {
        .btn-custom-finalize[b-zho8kutuf8], .btn-custom-view[b-zho8kutuf8] {
            font-size: 14px; /* Reduce font size */
            min-width: 45px; /* Slightly smaller button width */
            max-height: 60px; /* Reduce button height */
            margin-top: 15px; /* Adjust spacing */
        }
    }

    /* Mobile view adjustments (768px and below) */
    @media (max-width: 768px) {
        .btn-custom-finalize[b-zho8kutuf8], .btn-custom-view[b-zho8kutuf8] {
            font-size: 13px; /* Smaller font size */
            min-width: 40px; /* Smaller button width */
            max-height: 50px; /* Smaller height */
            padding: 5px 10px; /* Add padding for smaller buttons */
            margin-top: 10px; /* Reduce margin for better spacing */
        }
    }

    /* Small mobile view adjustments (576px and below) */
    @media (max-width: 576px) {
        .btn-custom-finalize[b-zho8kutuf8], .btn-custom-view[b-zho8kutuf8] {
            font-size: 12px; /* Smallest readable font */
            min-width: 35px; /* Minimum width */
            max-height: 40px; /* Minimum height */
            padding: 4px 8px; /* Adjust padding */
            margin-top: 5px; /* Minimal margin */
        }
    }


    /* Tablet view adjustments (992px and below) */
    @media (max-width: 992px) {
        .btn-custom-delete[b-zho8kutuf8] {
            max-width: 45px;
            min-width: 45px;
            max-height: 60px;
            font-size: 14px;
            margin-top: 15px;
        }
    }

    /* Mobile view adjustments (768px and below) */
    @media (max-width: 768px) {
        .btn-custom-delete[b-zho8kutuf8] {
            max-width: 40px;
            min-width: 40px;
            max-height: 50px;
            font-size: 13px;
            padding: 5px 8px;
            margin-top: 10px;
        }
    }

    /* Small mobile view adjustments (576px and below) */
    @media (max-width: 576px) {
        .btn-custom-delete[b-zho8kutuf8] {
            max-width: 35px;
            min-width: 35px;
            max-height: 40px;
            font-size: 12px;
            padding: 4px 6px;
            margin-top: 5px;
        }
    }

    @media (max-width: 425px) {
        .btn-custom-delete[b-zho8kutuf8] {
            max-width: 35px;
            min-width: 35px;
            max-height: 40px;
            font-size: 12px;
            padding: 4px 6px;
            margin-top: 15px;
        }
    }

    .text-red[b-zho8kutuf8] {
        color: red;
    }

    .text-green[b-zho8kutuf8] {
        color: green;
    }
[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 25%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 12%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}

[b-zho8kutuf8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 15%;
}
@media (max-width: 1024px) {

    [b-zho8kutuf8] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 0.9rem;
    }

        [b-zho8kutuf8] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 5px;
        }
}

@media (max-width: 1200px) {

    [b-zho8kutuf8] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1rem;
    }

        [b-zho8kutuf8] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 8px;
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-zho8kutuf8] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem;
    }

        [b-zho8kutuf8] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 12px;
        }
}

/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-zho8kutuf8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-zho8kutuf8] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-zho8kutuf8] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-zho8kutuf8] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-zho8kutuf8] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-zho8kutuf8] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-zho8kutuf8] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-zho8kutuf8] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-zho8kutuf8] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-zho8kutuf8] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-zho8kutuf8] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/LabourWelfareFundReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-n738bkhvin] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-n738bkhvin] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-n738bkhvin] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-n738bkhvin] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-n738bkhvin] {
    border-radius: 6px 6px 0px 0px;
}

[b-n738bkhvin] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-n738bkhvin] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-n738bkhvin] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-n738bkhvin] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-n738bkhvin] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-n738bkhvin] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/LabourWelfareFundUpload.razor.rz.scp.css */


.grid[b-pf6rzlh99y] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-pf6rzlh99y]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-pf6rzlh99y]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-pf6rzlh99y]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-pf6rzlh99y]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-pf6rzlh99y]::-webkit-scrollbar {
    display: block !important;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}
/* Transparent card components */
.transparent-card-compoonents[b-pf6rzlh99y] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-pf6rzlh99y] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-pf6rzlh99y] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-pf6rzlh99y] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-pf6rzlh99y] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-pf6rzlh99y] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-vw[b-pf6rzlh99y] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-pf6rzlh99y] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-pf6rzlh99y] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-pf6rzlh99y] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.text-red[b-pf6rzlh99y] {
    color: red;
}

.text-green[b-pf6rzlh99y] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-redDel[b-pf6rzlh99y] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-pf6rzlh99y] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-pf6rzlh99y] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-pf6rzlh99y] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 12%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}

[b-pf6rzlh99y] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 15%;
}
@media (max-width: 1024px) {

    [b-pf6rzlh99y] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 0.9rem;
    }

        [b-pf6rzlh99y] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 5px;
        }
}

@media (max-width: 1200px) {

    [b-pf6rzlh99y] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1rem;
    }

        [b-pf6rzlh99y] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 8px;
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-pf6rzlh99y] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem;
    }

        [b-pf6rzlh99y] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 12px;
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-pf6rzlh99y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-pf6rzlh99y] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-pf6rzlh99y] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-pf6rzlh99y] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-pf6rzlh99y] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-pf6rzlh99y] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-pf6rzlh99y] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-pf6rzlh99y] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-pf6rzlh99y] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-pf6rzlh99y] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-pf6rzlh99y] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/LicenseReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-ns3vxl5qxw] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-ns3vxl5qxw] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-ns3vxl5qxw] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-ns3vxl5qxw] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-ns3vxl5qxw] {
    border-radius: 6px 6px 0px 0px;
}

[b-ns3vxl5qxw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-ns3vxl5qxw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-ns3vxl5qxw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-ns3vxl5qxw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-ns3vxl5qxw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-ns3vxl5qxw] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/LicenseUpload.razor.rz.scp.css */

.grid[b-fva4abhnhg] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-fva4abhnhg]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-fva4abhnhg]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-fva4abhnhg]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-fva4abhnhg]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-fva4abhnhg]::-webkit-scrollbar {
    display: block !important;
}

[b-fva4abhnhg] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}

/* Transparent card components */
.transparent-card-compoonents[b-fva4abhnhg] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-fva4abhnhg] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-fva4abhnhg] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-fva4abhnhg] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-fva4abhnhg] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-fva4abhnhg] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-redDel[b-fva4abhnhg] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-fva4abhnhg] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-fva4abhnhg] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-fva4abhnhg] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.text-red[b-fva4abhnhg] {
    color: red;
}

.text-green[b-fva4abhnhg] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-fva4abhnhg] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-fva4abhnhg] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-fva4abhnhg] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-fva4abhnhg] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 9%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 5%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 15%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 12%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}
[b-fva4abhnhg] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 12%;
}


@media (max-width: 1024px) {

    [b-fva4abhnhg] .quickgrid[theme=corporate] {
        table-layout: auto; /* Switch to flexible layout */
        font-size: 0.9rem; /* Reduce font size */
    }

        [b-fva4abhnhg] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text to wrap */
            word-wrap: break-word;
            padding: 5px; /* Reduce padding */
        }
}

@media (max-width: 1200px) {

    [b-fva4abhnhg] .quickgrid[theme=corporate] {
        table-layout: auto; /* Allow dynamic column resizing */
        font-size: 1rem; /* Slightly reduce font size */
    }

        [b-fva4abhnhg] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 8px; /* Adjust padding for better fit */
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-fva4abhnhg] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; /* Slightly smaller font for larger screens */
    }

        [b-fva4abhnhg] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 12px; /* Adjust padding for neat layout */
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-fva4abhnhg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-fva4abhnhg] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-fva4abhnhg] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-fva4abhnhg] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-fva4abhnhg] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-fva4abhnhg] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-fva4abhnhg] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-fva4abhnhg] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-fva4abhnhg] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-fva4abhnhg] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-fva4abhnhg] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/PendingDetails.razor.rz.scp.css */
.grid[b-wjj1eeixhv] {
    border-radius: 6px 6px 0px 0px;
}
.transparent-card-components[b-wjj1eeixhv] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-wjj1eeixhv] {
        margin: 10px 0;
        margin-top: 24px;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-wjj1eeixhv] {
        margin: 8px 0;
        margin-top: 20px;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Organization heading */
.organization-heading[b-wjj1eeixhv] {
    white-space: nowrap; /* Prevents line breaks */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Adds "..." if text is too long for the container */
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-wjj1eeixhv] {
        font-size: 18px; /* Reduce font size for large tablets/small desktops */
    }
}

@media (max-width: 768px) {
    .organization-heading[b-wjj1eeixhv] {
        font-size: 16px; /* Reduce font size for tablets */
    }
}

@media (max-width: 576px) {
    .organization-heading[b-wjj1eeixhv] {
        font-size: 14px; /* Reduce font size for smaller devices */
    }
}

/* Profile title */
.profile-title[b-wjj1eeixhv] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}


.status-display[b-wjj1eeixhv] {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
}
/* Table Styling */
/*.table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .table thead th {
        background-color: rgba(38, 150, 255);*/ /* Light header background */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);
        font-weight: 100;
        padding: 10px;*/ /* Add padding for visibility */
        /*text-align: left;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}

    .table tbody td {*/
        /*border: 1px solid #ddd;*/
        /*padding: 8px;
        text-align: left;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive Adjustments */
@media (max-width: 1024px) {
   
    .btn-RejectedDocument[b-wjj1eeixhv] {
        max-width: 60px;
        max-height: 30px;
        font-size: 14px; /* Adjust font size */
    }

    /*.table thead th {
        font-size: 14px;*/ /* Smaller font size for table headers */
    /*}

    .table tbody td {
        font-size: 14px;
    }*/
}

@media (max-width: 768px) {


    .btn-RejectedDocument[b-wjj1eeixhv] {
        max-width: 55px;
        max-height: 25px;
        font-size: 12px; /* Smaller font size */
    }

    /*.table thead th {
        font-size: 12px;*/ /* Adjust font size for smaller screens */
        /*padding: 8px;*/ /* Reduce padding */
    /*}

    .table tbody td {
        font-size: 12px;
        padding: 6px;
    }*/
}

@media (max-width: 576px) {
 

    .btn-RejectedDocument[b-wjj1eeixhv] {
        max-width: 50px;
        max-height: 20px;
        font-size: 10px;
    }

    /*.table thead th {
        font-size: 10px;*/ /* Further adjust for very small screens */
        /*padding: 6px;
    }

    .table tbody td {
        font-size: 10px;
        padding: 4px;
    }*/
}
.btn-custom-search[b-wjj1eeixhv] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*max-width: 50px;*/
    min-width: 50%;
    /*margin-top: 25px;*/
    font-size: 16px;
    transition: 0.1s ease-in-out;
}

/* Adjustments for small screens */
@media (max-width: 576px) {
    .btn-custom-search[b-wjj1eeixhv] {
        font-size: 14px; /* Slightly smaller text on small screens */
        min-width: 30%; /* Button width takes up 80% of the container */
    }
}

/* Adjustments for medium screens */
@media (max-width: 768px) {
    .btn-custom-search[b-wjj1eeixhv] {
        font-size: 15px; /* Slightly smaller text on medium screens */
        min-width: 30%; /* Button width takes up 70% of the container */
    }
}

/* Adjustments for larger screens */
@media (min-width: 992px) {
    .btn-custom-search[b-wjj1eeixhv] {
        font-size: 16px; /* Keep the original font size on larger screens */
        min-width: 50%; /* Maintain 50% width on medium and larger screens */
    }
}


.paginator[b-wjj1eeixhv] {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* Responsive Spacing and Alignment */
@media (max-width: 768px) {
    .d-flex.align-items-center[b-wjj1eeixhv] {
        flex-direction: column;
        align-items: flex-start;
    }

        .d-flex.align-items-center label[b-wjj1eeixhv] {
            margin-bottom: 5px;
        }
}

.row.g-2 > div[b-wjj1eeixhv] {
    margin-bottom: 8px;
}
/* /Pages/VendorNew/PendingSummary.razor.rz.scp.css */
.pending-count[b-36ynlsiixc] {
    color: red;
}
.grid[b-36ynlsiixc] {
    border-radius: 6px 6px 0px 0px;
}
/* Transparent card components */
.transparent-card-compoonents[b-36ynlsiixc] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; 
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; 
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 1200px) {
    .transparent-card-compoonents[b-36ynlsiixc] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
}

@media (max-width: 768px) {
    .transparent-card-compoonents[b-36ynlsiixc] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-36ynlsiixc] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Organization heading */
.organization-heading[b-36ynlsiixc] {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-36ynlsiixc] {
        font-size: 18px; 
    }
}

@media (max-width: 768px) {
    .organization-heading[b-36ynlsiixc] {
        font-size: 16px; 
    }
}

@media (max-width: 576px) {
    .organization-heading[b-36ynlsiixc] {
        font-size: 14px; 
    }
}

/* Profile title */
.profile-title[b-36ynlsiixc] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.status-display[b-36ynlsiixc] {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
}
.grid[b-36ynlsiixc] {
    border-radius: 6px 6px 0px 0px;
}
/* Responsive Adjustments */
@media (max-width: 1024px) {

    .btn-RejectedDocument[b-36ynlsiixc] {
        max-width: 60px;
        max-height: 30px;
        font-size: 14px; 
    }
}

@media (max-width: 768px) {

    .btn-RejectedDocument[b-36ynlsiixc] {
        max-width: 55px;
        max-height: 25px;
        font-size: 12px; 
    }
}

@media (max-width: 576px) {

    .btn-RejectedDocument[b-36ynlsiixc] {
        max-width: 50px;
        max-height: 20px;
        font-size: 10px;
    }
}



/* Responsive Spacing and Alignment */
@media (max-width: 768px) {
    .d-flex.align-items-center[b-36ynlsiixc] {
        flex-direction: column; 
        align-items: flex-start;
    }

        .d-flex.align-items-center label[b-36ynlsiixc] {
            margin-bottom: 5px; 
        }
}
.row.g-2 > div[b-36ynlsiixc] {
    margin-bottom: 8px; 
}
/* /Pages/VendorNew/ProfessionalTaxReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-ieweqjlj5s] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-ieweqjlj5s] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-ieweqjlj5s] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-ieweqjlj5s] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-ieweqjlj5s] {
    border-radius: 6px 6px 0px 0px;
}

[b-ieweqjlj5s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-ieweqjlj5s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-ieweqjlj5s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-ieweqjlj5s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-ieweqjlj5s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-ieweqjlj5s] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/ProfessionalTaxUpload.razor.rz.scp.css */
/* Scrollable table wrapper */
/*.table-container {
    margin: 0 auto;*/
    /*padding: 1rem;*/
    /*max-width: 100%;*/ /* Ensure the container doesn't exceed screen width */
/*}*/

/* Ensures the table is horizontally scrollable */
/*.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 450px;*/ /* Set a default max-height */
    /*border: 1px solid #ddd;
    border-radius: 8px;
}*/

/* Ensure table takes full width */
/*.table {
    width: 100%;
    border-collapse: collapse;
}*/

    /* Table header styling */
    /*.table thead th {
        background-color: rgba(38, 150, 255, 0.9);*/ /* Slightly darker for better contrast */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);*/ /* Responsive font size */
        /*font-weight: bold;*/ /* Make header text stand out */
        /*padding: 10px;*/ /* Add padding for visibility */
        /*text-align: left;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}*/

    /* Table body styling */
    /*.table tbody td {
        padding: 6px;
        text-align: left;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive height adjustments */
/*@media (max-width: 992px) {
    .table-wrapper {
        max-height: 350px;
    }

    .table thead th {
        font-size: clamp(13px, 2vw, 16px);
    }

    .table tbody td {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .table-wrapper {
        max-height: 300px;
    }

    .table thead th {
        font-size: clamp(12px, 1.8vw, 14px);
    }

    .table tbody td {
        padding: 4px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .table-wrapper {
        max-height: 250px;
    }

    .table thead th {
        font-size: 12px;
    }

    .table tbody td {
        padding: 3px;
        font-size: 12px;
    }
}*/

.grid[b-qrnu2f63ul] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-qrnu2f63ul]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-qrnu2f63ul]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-qrnu2f63ul]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-qrnu2f63ul]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-qrnu2f63ul]::-webkit-scrollbar {
    display: block !important;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}

/* Transparent card components */
.transparent-card-compoonents[b-qrnu2f63ul] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-qrnu2f63ul] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-qrnu2f63ul] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-qrnu2f63ul] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-qrnu2f63ul] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-qrnu2f63ul] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

.btn-custom-view[b-qrnu2f63ul] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*  max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-top: 10px;
}

.text-red[b-qrnu2f63ul] {
    color: red;
}

.text-green[b-qrnu2f63ul] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-qrnu2f63ul] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-qrnu2f63ul] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-qrnu2f63ul] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-qrnu2f63ul] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
/* Default styling (for larger screens) */
.btn-custom-redDel[b-qrnu2f63ul] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-qrnu2f63ul] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-qrnu2f63ul] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-qrnu2f63ul] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 6%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 20%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 12%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}

[b-qrnu2f63ul] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 15%;
}
@media (max-width: 1024px) {

    [b-qrnu2f63ul] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 0.9rem;
    }

        [b-qrnu2f63ul] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 5px;
        }
}

@media (max-width: 1200px) {

    [b-qrnu2f63ul] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1rem;
    }

        [b-qrnu2f63ul] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 8px;
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-qrnu2f63ul] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem;
    }

        [b-qrnu2f63ul] .quickgrid[theme=corporate] td {
            white-space: normal;
            word-wrap: break-word;
            padding: 12px;
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-qrnu2f63ul] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-qrnu2f63ul] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-qrnu2f63ul] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-qrnu2f63ul] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-qrnu2f63ul] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-qrnu2f63ul] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-qrnu2f63ul] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-qrnu2f63ul] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-qrnu2f63ul] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-qrnu2f63ul] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-qrnu2f63ul] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/Registration.razor.rz.scp.css */

.grid[b-xsq36pxora] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-xsq36pxora]::-webkit-scrollbar {
    width: 6px; 
}

.custom-scrollbar-temp-two[b-xsq36pxora]::-webkit-scrollbar-track {
    background: transparent; 
}

.custom-scrollbar-temp-two[b-xsq36pxora]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-xsq36pxora]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-xsq36pxora]::-webkit-scrollbar {
    display: block !important;
}

[b-xsq36pxora] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}


/* Transparent card components */
.transparent-card-compoonents[b-xsq36pxora] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-xsq36pxora] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-xsq36pxora] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-xsq36pxora] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-xsq36pxora] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-xsq36pxora] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-redDel[b-xsq36pxora] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-xsq36pxora] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-xsq36pxora] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-xsq36pxora] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}


.text-red[b-xsq36pxora] {
    color: red;
}

.text-green[b-xsq36pxora] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-xsq36pxora] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-xsq36pxora] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-xsq36pxora] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-xsq36pxora] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}


[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 5%;
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 10%;
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 5%;
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 15%;
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 11%;
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 11%;
}

[b-xsq36pxora] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 15%;
}

@media (max-width: 1024px) {

    [b-xsq36pxora] .quickgrid[theme=corporate] {
        table-layout: auto; /* Switch to flexible layout */
        font-size: 0.9rem; /* Reduce font size */
    }

        [b-xsq36pxora] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text to wrap */
            word-wrap: break-word;
            padding: 5px; /* Reduce padding */
        }
}

@media (max-width: 1200px) {

    [b-xsq36pxora] .quickgrid[theme=corporate] {
        table-layout: auto; /* Allow dynamic column resizing */
        font-size: 1rem; /* Slightly reduce font size */
    }

        [b-xsq36pxora] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 8px; /* Adjust padding for better fit */
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-xsq36pxora] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; /* Slightly smaller font for larger screens */
    }

        [b-xsq36pxora] .quickgrid[theme=corporate] td {
            white-space: normal; /* Allow text wrapping */
            word-wrap: break-word;
            padding: 12px; /* Adjust padding for neat layout */
        }
}
/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-xsq36pxora] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px;
}

/* Modal box with responsive width */
.custom-modal[b-xsq36pxora] {
    background: #fff;
    width: 50%;
    max-width: 800px;
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-xsq36pxora] {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .custom-modal[b-xsq36pxora] {
        width: 95%;
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-xsq36pxora] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-xsq36pxora] {
    background: none;
    border: 2px solid #333;
    border-radius: 4px;
    width: 30px;
    height: 35px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .close-btn:hover[b-xsq36pxora] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-xsq36pxora] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-xsq36pxora] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}

/* Button styles */
.btn-secondary[b-xsq36pxora] {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-secondary:hover[b-xsq36pxora] {
        background-color: #5a6268;
    }
/* /Pages/VendorNew/RegistrationReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-549v3fe9i8] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-549v3fe9i8] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-549v3fe9i8] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-549v3fe9i8] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-549v3fe9i8] {
    border-radius: 6px 6px 0px 0px;
}

[b-549v3fe9i8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-549v3fe9i8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-549v3fe9i8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-549v3fe9i8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-549v3fe9i8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-549v3fe9i8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/RejectedDocuments.razor.rz.scp.css */

/* Organization heading */
.organization-heading[b-dbmb60wiq4] {
    white-space: nowrap; /* Prevents line breaks */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Adds "..." if text is too long for the container */
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-dbmb60wiq4] {
        font-size: 18px; /* Reduce font size for large tablets/small desktops */
    }
}

@media (max-width: 768px) {
    .organization-heading[b-dbmb60wiq4] {
        font-size: 16px; /* Reduce font size for tablets */
    }
}

@media (max-width: 576px) {
    .organization-heading[b-dbmb60wiq4] {
        font-size: 14px; /* Reduce font size for smaller devices */
    }
}
.transparent-card-compoonents[b-dbmb60wiq4] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */

@media (max-width: 1200px) {
    .transparent-card-compoonents[b-dbmb60wiq4] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
}

@media (max-width: 768px) {
    .transparent-card-compoonents[b-dbmb60wiq4] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-dbmb60wiq4] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

.profile-title[b-dbmb60wiq4] {
    height: 6%;
}

/* Rejected Document Button */
.btn-RejectedDocument[b-dbmb60wiq4] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 70px;
    min-width: 50px;
    max-height: 35px;
    transition: 0.1s ease-in-out;
    margin: 20px auto;
    padding: 5px 5px 5px 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Table Styling */
/*.table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .table thead th {
        background-color: rgba(38, 150, 255);*/ /* Light header background */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);
        font-weight: 100;
        padding: 10px;*/ /* Add padding for visibility */
        /*text-align: center;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}

    .table tbody td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: center;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive Adjustments */
@media (max-width: 1024px) {
    
    .btn-RejectedDocument[b-dbmb60wiq4] {
        max-width: 60px;
        max-height: 30px;
        font-size: 14px; /* Adjust font size */
    }

    /*.table thead th {
        font-size: 14px;*/ /* Smaller font size for table headers */
    /*}

    .table tbody td {
        font-size: 14px;
    }*/
}

@media (max-width: 768px) {
    
    .btn-RejectedDocument[b-dbmb60wiq4] {
        max-width: 55px;
        max-height: 25px;
        font-size: 12px; /* Smaller font size */
    }

    /*.table thead th {
        font-size: 12px;*/ /* Adjust font size for smaller screens */
        /*padding: 8px;*/ /* Reduce padding */
    /*}

    .table tbody td {
        font-size: 12px;
        padding: 6px;
    }*/
}

@media (max-width: 576px) {
    

    .btn-RejectedDocument[b-dbmb60wiq4] {
        max-width: 50px;
        max-height: 20px;
        font-size: 10px;
    }

    /*.table thead th {
        font-size: 10px;*/ /* Further adjust for very small screens */
        /*padding: 6px;
    }

    .table tbody td {
        font-size: 10px;
        padding: 4px;
    }*/
}
.grid[b-dbmb60wiq4] {
    border-radius: 6px 6px 0px 0px;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-dbmb60wiq4] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-dbmb60wiq4] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-dbmb60wiq4] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-dbmb60wiq4] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-dbmb60wiq4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-dbmb60wiq4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-dbmb60wiq4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 20%;
}

[b-dbmb60wiq4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-dbmb60wiq4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-dbmb60wiq4] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/StateRegisterAndRecordReport.razor.rz.scp.css */
/* Default styling (for larger screens) */
.btn-custom-vw[b-rgj0hfjmls] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-rgj0hfjmls] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-rgj0hfjmls] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-rgj0hfjmls] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.grid[b-rgj0hfjmls] {
    border-radius: 6px 6px 0px 0px;
}

[b-rgj0hfjmls] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 10%;
}

[b-rgj0hfjmls] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-rgj0hfjmls] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 40%;
}

[b-rgj0hfjmls] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-rgj0hfjmls] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-rgj0hfjmls] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorNew/StateRegisyerAndRecordUpload.razor.rz.scp.css */

.grid[b-mq8xc5ul55] {
    border-radius: 6px 6px 0px 0px;
    overflow-x: auto;
    scrollbar-width: thin; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.custom-scrollbar-temp-two[b-mq8xc5ul55]::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-temp-two[b-mq8xc5ul55]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-temp-two[b-mq8xc5ul55]::-webkit-scrollbar-thumb {
    background: red; /* Orange color */
    border-radius: 10px; /* Rounded edges for a modern look */
}

    .custom-scrollbar-temp-two[b-mq8xc5ul55]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; /* Slightly darker orange on hover */
    }

.grid[b-mq8xc5ul55]::-webkit-scrollbar {
    display: block !important;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] {
    width: 100%;
    table-layout: fixed; /* Maintain fixed layout for larger screens */
}
/* Transparent card components */
.transparent-card-compoonents[b-mq8xc5ul55] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-mq8xc5ul55] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-mq8xc5ul55] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-mq8xc5ul55] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-mq8xc5ul55] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.btn-custom-finalize[b-mq8xc5ul55] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

/* Default styling (for larger screens) */
.btn-custom-redDel[b-mq8xc5ul55] {
    background-color: rgba(230, 46, 0, 0.2);
    border: 1px solid #991f00;
    border-radius: 6px;
    color: #991f00 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-redDel[b-mq8xc5ul55] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-redDel[b-mq8xc5ul55] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-redDel[b-mq8xc5ul55] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}

.text-red[b-mq8xc5ul55] {
    color: red;
}

.text-green[b-mq8xc5ul55] {
    color: green;
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-mq8xc5ul55] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

/* For medium screens (tablets, etc.) */
@media (max-width: 768px) {
    .btn-custom-vw[b-mq8xc5ul55] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/* For small screens (phones) */
@media (max-width: 480px) {
    .btn-custom-vw[b-mq8xc5ul55] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* For extra-small screens */
@media (max-width: 320px) {
    .btn-custom-vw[b-mq8xc5ul55] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 6%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 7%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 9%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 6%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
    width: 12%;
}

[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(8) {
    width: 11%;
}
[b-mq8xc5ul55] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(9) {
    width: 13%;
}
@media (max-width: 1024px) {

    [b-mq8xc5ul55] .quickgrid[theme=corporate] {
        table-layout: auto; 
        font-size: 0.9rem; 
    }

        [b-mq8xc5ul55] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 5px; 
        }
}

@media (max-width: 1200px) {

    [b-mq8xc5ul55] .quickgrid[theme=corporate] {
        table-layout: auto; 
        font-size: 1rem; 
    }

        [b-mq8xc5ul55] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 8px; 
        }
}
/* Slightly below large desktop size (1440px) */
@media (max-width: 1440px) {


    [b-mq8xc5ul55] .quickgrid[theme=corporate] {
        table-layout: auto;
        font-size: 1.1rem; 
    }

        [b-mq8xc5ul55] .quickgrid[theme=corporate] td {
            white-space: normal; 
            word-wrap: break-word;
            padding: 12px; 
        }
}

/* Responsive overlay with blackish background and blur effect */
.custom-modal-overlay[b-mq8xc5ul55] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    backdrop-filter: blur(5px); 
    /*display: flex;*/

    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 20px; 
}

/* Modal box with responsive width */
.custom-modal[b-mq8xc5ul55] {
    background: #fff;
    width: 50%; 
    max-width: 800px; 
    margin-left: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-modal[b-mq8xc5ul55] {
        width: 80%; 
    }
}

@media (max-width: 480px) {
    .custom-modal[b-mq8xc5ul55] {
        width: 95%; 
    }
}

/* Modal header with smaller close button */
.custom-modal-header[b-mq8xc5ul55] {
    padding: 10px;
    background: rgb(255, 255, 255);
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Close button styling */
.close-btn[b-mq8xc5ul55] {
    background: none;
    border: 2px solid #333; 
    border-radius: 4px; 
    width: 30px; 
    height: 35px; 
    font-size: 24px; 
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; 
}


    .close-btn:hover[b-mq8xc5ul55] {
        background: #333;
        color: #fff;
        border-color: #fff;
    }


.custom-modal-body[b-mq8xc5ul55] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    color: #333;
    font-size: 16px;
}

/* Footer section with button alignment */
.custom-modal-footer[b-mq8xc5ul55] {
    padding: 10px;
    text-align: right;
    background: #f1f1f1;
}
/* /Pages/VendorNew/UploadDocument.razor.rz.scp.css */
/* Scrollable table wrapper */
/*.table-container {
    margin: 0 auto;*/
    /*padding: 1rem;*/
    /*max-width: 100%;*/ /* Ensure the container doesn't exceed screen width */
/*}*/

/* Ensures the table is horizontally scrollable */
/*.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 450px;*/ /* Set a default max-height */
    /*border: 1px solid #ddd;
    border-radius: 8px;
}*/

/* Ensure table takes full width */
/*.table {
    width: 100%;
    border-collapse: collapse;
}*/

    /* Table header styling */
    /*.table thead th {
        background-color: rgba(38, 150, 255, 0.9);*/ /* Slightly darker for better contrast */
        /*color: white;*/ /* Ensure text color is visible */
        /*font-size: clamp(15px, 2.2vw, 18px);*/ /* Responsive font size */
        /*font-weight: bold;*/ /* Make header text stand out */
        /*padding: 10px;*/ /* Add padding for visibility */
        /*text-align: left;*/ /* Center align the text */
        /*white-space: nowrap;*/ /* Prevent wrapping of header text */
    /*}

        .table thead th:first-child {
            border-top-left-radius: 10px;*/ /* Rounded top-left corner */
        /*}

        .table thead th:last-child {
            border-top-right-radius: 10px;*/ /* Rounded top-right corner */
        /*}*/

    /* Table body styling */
    /*.table tbody td {
        padding: 6px;
        text-align: left;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .table tbody tr {
        background-color: #fff;
    }*/

/* Responsive height adjustments */
/*@media (max-width: 992px) {
    .table-wrapper {
        max-height: 350px;
    }

    .table thead th {
        font-size: clamp(13px, 2vw, 16px);
    }

    .table tbody td {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .table-wrapper {
        max-height: 300px;
    }

    .table thead th {
        font-size: clamp(12px, 1.8vw, 14px);
    }

    .table tbody td {
        padding: 4px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .table-wrapper {
        max-height: 250px;
    }

    .table thead th {
        font-size: 12px;
    }

    .table tbody td {
        padding: 3px;
        font-size: 12px;
    }
}*/

.grid[b-vehc89pqdg] {
    border-radius: 6px 6px 0px 0px;
}

/* Transparent card components */
.transparent-card-compoonents[b-vehc89pqdg] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */
@media (max-width: 768px) {
    .transparent-card-compoonents[b-vehc89pqdg] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important; /* Smaller radius for tablets */
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-vehc89pqdg] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important; /* Even smaller radius for phones */
    }
}

/* Organization heading */
.organization-heading[b-vehc89pqdg] {
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
}

/* Profile title */
.profile-title[b-vehc89pqdg] {
    height: auto; /* Adjust height for flexibility */
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}
.btn-custom-finalize[b-vehc89pqdg] {
    background-color: rgba(120, 212, 0, 0.2);
    border: 1px solid #78d400;
    border-radius: 6px;
    color: #78d400 !important;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    margin-top: 20px;
    float: right !important;
}

.btn-custom-view[b-vehc89pqdg] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    /*  max-width: 50px;*/
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
    margin-top:10px;
}
/* /Pages/VendorNew/VendorAudits.razor.rz.scp.css */

.organization-heading[b-d0fub8132o] {
    white-space: nowrap; /* Prevents line breaks */
    overflow: hidden; /* Hides overflow content */
    text-overflow: ellipsis; /* Adds "..." if text is too long for the container */
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-d0fub8132o] {
        font-size: 18px; /* Reduce font size for large tablets/small desktops */
    }
}

@media (max-width: 768px) {
    .organization-heading[b-d0fub8132o] {
        font-size: 16px; /* Reduce font size for tablets */
    }
}

@media (max-width: 576px) {
    .organization-heading[b-d0fub8132o] {
        font-size: 14px; /* Reduce font size for smaller devices */
    }
}
.transparent-card-compoonents[b-d0fub8132o] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; /* Rounded corners */
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; /* Top and bottom spacing */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */

@media (max-width: 1200px) {
    .transparent-card-compoonents[b-d0fub8132o] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
}
@media (max-width: 768px) {
    .transparent-card-compoonents[b-d0fub8132o] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-d0fub8132o] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
        
    }
}
.profile-title[b-d0fub8132o] {
    height: 6%;
}

.custom-scrollbar-temp[b-d0fub8132o]::-webkit-scrollbar {
    width: 6px; 
}

.custom-scrollbar-temp[b-d0fub8132o]::-webkit-scrollbar-track {
    background: transparent; 
}

.custom-scrollbar-temp[b-d0fub8132o]::-webkit-scrollbar-thumb {
    background: #f7941e; 
    border-radius: 10px; 
}

    .custom-scrollbar-temp[b-d0fub8132o]::-webkit-scrollbar-thumb:hover {
        background: #e67e22; 
    }
/* /Pages/VendorNew/VendorWise.razor.rz.scp.css */
/* Transparent card components */
.transparent-card-compoonents[b-vs5hychi3t] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; 
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; 
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for transparent cards */

@media (max-width: 1200px) {
    .transparent-card-compoonents[b-vs5hychi3t] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 20px !important;
    }
}

@media (max-width: 768px) {
    .transparent-card-compoonents[b-vs5hychi3t] {
        margin: 10px 0;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-vs5hychi3t] {
        margin: 8px 0;
        font-size: 12px;
        border-radius: 10px !important;
    }
}

/* Organization heading */
.organization-heading[b-vs5hychi3t] {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-vs5hychi3t] {
        font-size: 18px; 
    }
}

@media (max-width: 768px) {
    .organization-heading[b-vs5hychi3t] {
        font-size: 16px; 
    }
}

@media (max-width: 576px) {
    .organization-heading[b-vs5hychi3t] {
        font-size: 14px; 
    }
}


/* Profile title */
.profile-title[b-vs5hychi3t] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}

.status-display[b-vs5hychi3t] {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
}
.grid[b-vs5hychi3t] {
    border-radius: 6px 6px 0px 0px;
}
/* Responsive Adjustments */
@media (max-width: 1024px) {   

    .btn-RejectedDocument[b-vs5hychi3t] {
        max-width: 60px;
        max-height: 30px;
        font-size: 14px; 
    }
}

@media (max-width: 768px) {
 
    .btn-RejectedDocument[b-vs5hychi3t] {
        max-width: 55px;
        max-height: 25px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
 
    .btn-RejectedDocument[b-vs5hychi3t] {
        max-width: 50px;
        max-height: 20px;
        font-size: 10px;
    }
}

.btn-custom-search[b-vs5hychi3t] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    max-width: 50px;
    min-width: 50%;
   
    font-size: 16px;
    transition: 0.1s ease-in-out;
}

/* Adjustments for small screens */
@media (max-width: 576px) {
    .btn-custom-search[b-vs5hychi3t] {
        font-size: 14px !important; /* Ensure font size is applied */
        min-width: 30% !important; /* Set minimum width */
        max-width: 120px !important; /* Set maximum width if needed */
        width: auto !important; /* Ensure width is set properly */
     
    }
}

/* Adjustments for medium screens */
@media (max-width: 768px) {
    .btn-custom-search[b-vs5hychi3t] {
        font-size: 14px !important; /* Ensure font size is applied */
        min-width: 30% !important; /* Set minimum width */
        max-width: 120px !important; /* Set maximum width if needed */
        width: auto !important; /* Ensure width is set properly */
    }
}

/* Adjustments for larger screens */
@media (min-width: 992px) {
    .btn-custom-search[b-vs5hychi3t] {
        font-size: 16px;
        min-width: 50%;
    }
}

@media (max-width: 1024px) {
    .btn-custom-search[b-vs5hychi3t] {
        font-size: 17px;
    }
}
/* Responsive Spacing and Alignment */
@media (max-width: 768px) {
    .d-flex.align-items-center[b-vs5hychi3t] {
        flex-direction: column; /* Stack labels and inputs vertically */
        align-items: flex-start;
    }

        .d-flex.align-items-center label[b-vs5hychi3t] {
            margin-bottom: 5px; /* Add space below label */
        }
}

/* Additional margin for the rows */
.row.g-2 > div[b-vs5hychi3t] {
    margin-bottom: 8px; /* Consistent spacing between fields */
}
/* Default styling (for larger screens) */
.btn-custom-vw[b-vs5hychi3t] {
    background-color: rgba(247, 148, 30, 0.2);
    border: 1px solid #dd7d08;
    border-radius: 6px;
    color: #f7941e !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

@media (max-width: 768px) {
    .btn-custom-vw[b-vs5hychi3t] {
        max-width: 40px;
        min-width: 40px;
        max-height: 60px;
        font-size: 14px;
        border-radius: 5px;
    }
}

@media (max-width: 480px) {
    .btn-custom-vw[b-vs5hychi3t] {
        max-width: 30px;
        min-width: 30px;
        max-height: 50px;
        font-size: 12px;
        border-radius: 4px;
    }
}

@media (max-width: 320px) {
    .btn-custom-vw[b-vs5hychi3t] {
        max-width: 25px;
        min-width: 25px;
        max-height: 45px;
        font-size: 10px;
        border-radius: 3px;
    }
}
[b-vs5hychi3t] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
    width: 5%;
}

[b-vs5hychi3t] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
    width: 10%;
}

[b-vs5hychi3t] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
    width: 20%;
}

[b-vs5hychi3t] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
    width: 10%;
}

[b-vs5hychi3t] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
    width: 10%;
}

[b-vs5hychi3t] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
    width: 20%;
}
/* /Pages/VendorPendingDetails.razor.rz.scp.css */
.grid[b-1o38v81qk9] {
    border-radius: 6px 6px 0px 0px;
}

.transparent-card-components[b-1o38v81qk9] {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px; 
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    margin: 12px 0; 
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
    .transparent-card-compoonents[b-1o38v81qk9] {
        margin: 10px 0;
        margin-top: 24px;
        font-size: 14px;
        border-radius: 15px !important;
    }
}

@media (max-width: 576px) {
    .transparent-card-compoonents[b-1o38v81qk9] {
        margin: 8px 0;
        margin-top: 20px;
        font-size: 12px;
        border-radius: 10px !important;
    }
}


.organization-heading[b-1o38v81qk9] {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    font-weight: bold;
    font-size: clamp(20px, 2vw, 20px);
    text-align: left;
    color: #78d400;
}

@media (max-width: 1200px) {
    .organization-heading[b-1o38v81qk9] {
        font-size: 18px; 
    }
}

@media (max-width: 768px) {
    .organization-heading[b-1o38v81qk9] {
        font-size: 16px; 
    }
}

@media (max-width: 576px) {
    .organization-heading[b-1o38v81qk9] {
        font-size: 14px; 
    }
}


.profile-title[b-1o38v81qk9] {
    height: auto;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 10px 0;
    text-align: center;
}


.status-display[b-1o38v81qk9] {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
}
 Table Styling 
.table[b-1o38v81qk9] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .table thead th[b-1o38v81qk9] {
        background-color: rgba(38, 150, 255);  Light header background 
color: white;  Ensure text color is visible 
font-size: clamp(15px, 2.2vw, 18px);
        font-weight: 100;
        padding: 10px;  Add padding for visibility 
text-align: left;  Center align the text 
white-space: nowrap;  Prevent wrapping of header text 
}

        .table thead th:first-child[b-1o38v81qk9] {
            border-top-left-radius: 10px;  Rounded top-left corner 
}

        .table thead th:last-child[b-1o38v81qk9] {
            border-top-right-radius: 10px;  Rounded top-right corner 
}

    .table tbody td[b-1o38v81qk9] {
padding: 8px;
        text-align: left;
    }

    .table tbody tr[b-1o38v81qk9] {
        background-color: #fff;
    }
@media (max-width: 1024px) {

    .btn-RejectedDocument[b-1o38v81qk9] {
        max-width: 60px;
        max-height: 30px;
        font-size: 14px; 
    }
}

@media (max-width: 768px) {


    .btn-RejectedDocument[b-1o38v81qk9] {
        max-width: 55px;
        max-height: 25px;
        font-size: 12px; 
    }
}

@media (max-width: 576px) {
    .btn-RejectedDocument[b-1o38v81qk9] {
        max-width: 50px;
        max-height: 20px;
        font-size: 10px;
    }
}

.btn-custom-search[b-1o38v81qk9] {
    background-color: rgba(0, 102, 255, 0.2);
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    min-width: 50%;
    font-size: 16px;
    transition: 0.1s ease-in-out;
}
.btn-custom-blue[b-1o38v81qk9] {
    background-color: rgba(0, 102, 255, 0.2);
    Light blue background;
    border: 1px solid #005ce6;
    border-radius: 6px;
    color: #005ce6 !important;
    max-width: 50px;
    min-width: 50px;
    max-height: 70px;
    transition: 0.1s ease-in-out;
}

@media (max-width: 576px) {
    .btn-custom-search[b-1o38v81qk9] {
        font-size: 14px; 
        min-width: 30%; 
    }
}


@media (max-width: 768px) {
    .btn-custom-search[b-1o38v81qk9] {
        font-size: 15px;
        min-width: 30%; 
    }
}
@media (min-width: 992px) {
    .btn-custom-search[b-1o38v81qk9] {
        font-size: 16px; 
        min-width: 50%; 
    }
}


.paginator[b-1o38v81qk9] {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

@media(max-width: 1024px)  {
    .responsive-margin[b-1o38v81qk9] {
        margin-top: 10px;
    }
}



/* /Pages/Vendor/AddVendor.razor.rz.scp.css */
h1[b-3vgupquwpe]{
    margin-bottom: 10px !important;
}


[b-3vgupquwpe] input::placeholder, [b-3vgupquwpe] input[type = "file"], [b-3vgupquwpe] select::placeholder {
    font-size: 14px;
}

[b-3vgupquwpe] input, [b-3vgupquwpe] input[type = "file"], [b-3vgupquwpe] select {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}




[b-3vgupquwpe] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] tbody tr {
        height: 70px;
        border-bottom: 0.5px solid silver;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] thead tr th {
        height: 30px;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1) {
        width: 10%;
    }


    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 10%;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 20%;
        font-weight: 300;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 20%;
    }

    [b-3vgupquwpe] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 10%;
    }

.grid[b-3vgupquwpe] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 6px 6px 0px 0px;
}

@media(max-width: 1024px) {
    .grid[b-3vgupquwpe] {
        overflow-x: scroll;
    }

        .grid[b-3vgupquwpe]::-webkit-scrollbar {
            display: block;
        }

        .grid[b-3vgupquwpe]::-webkit-scrollbar {
            width: 6px; /* Smaller width for the scrollbar */
        }

        .grid[b-3vgupquwpe]::-webkit-scrollbar-track {
            background-color: transparent; /* Transparent background for the scrollbar track */
        }

        .grid[b-3vgupquwpe]::-webkit-scrollbar-thumb {
            background-color: #f7941e; /* Orange color for the scrollbar thumb */
            border-radius: 4px; /* Rounded edges for the scrollbar thumb */
        }
}

.grid[b-3vgupquwpe]::-webkit-scrollbar {
    display: none;
}

.grid[b-3vgupquwpe]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-3vgupquwpe] thead {
    position: sticky;
    border: 0px !important;
    color: white !important;
    top: 0;
    font-weight: 300;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

select[b-3vgupquwpe] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-3vgupquwpe] {
    font-size: 13px !important;
}

.form-group[b-3vgupquwpe] {
    margin-bottom: 15px;
}

.form-label[b-3vgupquwpe]
{
    margin: 0px;
}

[b-3vgupquwpe] input {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}



svg[b-3vgupquwpe] {
    fill: #90a4ae !important;
}

[b-3vgupquwpe] select.special {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
    padding-left: 28px !important;
    font-family: inherit;
    font-size: 1rem;
}

/* /Pages/Vendor/AllVendors.razor.rz.scp.css */
[b-fu7c8ny2a8] .quickgrid[theme=corporate] {
    overflow-x: auto;
}

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        opacity: 1 !important;
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        border-radius: 20px 20px 0px 0px;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 4px;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] tbody tr td {
        vertical-align: middle;
        height: 10px;
        padding: 5px !important;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] thead tr th {
        height: 10px;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(1):not(:only-child) {
        color: rgb(25, 135, 84);
        width: 10%;
    }


    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(2) {
        width: 20%;
        font-weight: 300;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(3) {
        width: 20%;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(4) {
        width: 15%;
        font-weight: 300;
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(5) {
        width: 10%;
    }
    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(6) {
        width: 20%;
    }
    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-justify-start:nth-last-child(7) {
        width: 15%;
    }
    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .sort-indicator {
        color: blue;
        color: rgb(143, 137, 137);
    }

    [b-fu7c8ny2a8] .quickgrid[theme=corporate] .col-options-button {
        color: blue;
    }


/*::deep .quickgrid[theme=corporate] button.col-title:active, ::deep .quickgrid[theme=corporate] .col-options-button:active {
        background-color: yellow;
    }*/



.grid[b-fu7c8ny2a8] {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

    .grid[b-fu7c8ny2a8]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-fu7c8ny2a8]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-fu7c8ny2a8] thead {
    position: sticky;
    top: 0;
    background-color: rgba(38, 150, 255);
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-fu7c8ny2a8] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    [b-fu7c8ny2a8] tbody tr:hover {
        background-color: rgba(38, 150, 255, 0.1); /* Light gray color for the hover effect */
        cursor: pointer; /* Change cursor to pointer to indicate interactivity */
    }

select[b-fu7c8ny2a8] {
    outline: none;
    border: none;
    background-color: rgb(0,0,0,0);
    font-size: 13px;
}

.page-size-chooser[b-fu7c8ny2a8] {
    font-size: 13px !important;
}

[b-fu7c8ny2a8] .summary {
   /* font-weight: 300 !important;*/
}

[b-fu7c8ny2a8] input, [b-fu7c8ny2a8] input[type = "file"] {
    width: 100%;
    padding-left: 28px !important;
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
}

.d-grid[b-fu7c8ny2a8] {
    grid-template-columns: 5fr auto;
}




svg[b-fu7c8ny2a8] {
    fill: #90a4ae !important;
}

[b-fu7c8ny2a8] select.not-table {
    padding: 8px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #90a4ae;
    border-radius: 6px;
    background-color: #fff;
    width: 100% !important;
    padding-left: 28px !important;
    font-family: inherit;
    font-size: 1rem;
}
/* /Shared/EmpPayRollLayout.razor.rz.scp.css */
.main-bg[b-igva0lw2bu] {
    background-image: linear-gradient(-84deg, rgb(172, 177, 252) 0%, rgb(255, 210, 194) 50%);
}

.dashboard[b-igva0lw2bu] {
    width: 100%;
    position: relative;
}

@media(max-width: 1024px) {
    div .shadow[b-igva0lw2bu] {
        flex-direction: column;
        display: none;
    }
}
/* /Shared/EmpPayRollNavMenu.razor.rz.scp.css */
.navbar-toggler[b-s7itxse8cp] {
    background-color: rgba(255, 255, 255, 0.1);
}

a[b-s7itxse8cp], span[b-s7itxse8cp] {
    outline: none;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
}

.top-row[b-s7itxse8cp] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-s7itxse8cp] {
    font-size: 1.1rem;
}

.accordion-button[b-s7itxse8cp]::after {
    display: none !important;
}

.icon-div[b-s7itxse8cp] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin: 0px !important;
    margin-right: 1% !important;
}

.bi[b-s7itxse8cp]::before {
    position: absolute !important;
}

img[b-s7itxse8cp] {
    width: 100%;
    height: auto;
    margin-left: 8px;
    transition: .1s ease-in-out;
}

.bi[b-s7itxse8cp] {
    min-width: 18px;
    min-height: 18px;
    margin: 0px !important;
}

.child-margin-right[b-s7itxse8cp] {
    margin-right: 8px !important;
    margin-left: 0px !important;
}

[b-s7itxse8cp] fluent-accordion-item, [b-s7itxse8cp] fluent-accordion-item::part(region) {
    background-color: rgb(0,0,0,0);
    border: none;
}


    [b-s7itxse8cp] fluent-accordion-item::part(icon) {
        display: none;
    }

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

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

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

[b-s7itxse8cp] .nav-item a {
    color: #333;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

a[b-s7itxse8cp] {
    transition: 0.1s ease-in-out;
    padding-left: 5px;
}

.nav-item a.active[b-s7itxse8cp] {
    /*background-color: rgba(109, 110, 113, 0.6);*/
    background-color: rgba(38, 150, 255, 0.8);
    color: white !important;
    transition: 0.1s ease-in-out;
}

    .nav-item a.active .accordion-button[b-s7itxse8cp] {
        /*background-color: rgba(109, 110, 113, 0.6);*/
        background-color: rgba(38, 150, 255, 0.8);
        color: white !important;
        font-weight: 500 !important;
        transition: .1s ease-in-out;
    }

a.items.active[b-s7itxse8cp] {
    color: white !important;
    font-weight: 500 !important;
    transition: .1s ease-in-out;
}

.accordion-button[b-s7itxse8cp] {
    font-weight: 300 !important;
}

.nav-item div.d-flex a.active[b-s7itxse8cp] {
    fill: #fff;
}

.nav-item a:hover[b-s7itxse8cp] {
    /*background-color: rgba(109, 110, 113, 0.4);*/
    background-color: rgba(38, 150, 255, 0.6);
    color: white !important;
    transition: .1s ease-in-out;
}

    .nav-item a:hover .accordion-button[b-s7itxse8cp] {
        color: white !important;
        transition: .1s ease-in-out;
    }

.nav-item #accordion-header:hover[b-s7itxse8cp] {
    background-color: rgba(38, 150, 255, 0.6) !important;
    color: white !important;
    transition: .1s ease-in-out;
}

.nav-item .accordion-header.active[b-s7itxse8cp] {
    background-color: rgba(38, 150, 255, 0.8) !important;
    color: white !important;
    transition: .1s ease-in-out;
}

/*.nav-item .accordion-item.active .accordion-header {
    background-color: #6d6e71;
    color: white;
    transition: .1s ease-in-out;
}*/


.accordion-body[b-s7itxse8cp] {
    position: relative;
    margin-left: 2%;
    padding: 0px;
    /*padding-left: 2% !important;*/
    border-left: 2px solid rgba(38, 150, 255, 0.8);
}

.accordion-button[b-s7itxse8cp] {
    border: none; /* Removes any border from the accordion button */
    box-shadow: none; /* Removes any shadow */
}

.accordion-body.outer div[b-s7itxse8cp] {
    margin: 2%;
    margin-right: 0px; /*keep these values*/
    margin-top: 0px;
}

    .accordion-body.outer div a[b-s7itxse8cp] {
        position: relative; /* Ensures the ::before element is positioned relative to the a element */
    }

        .accordion-body.outer div a[b-s7itxse8cp]::before {
            content: "";
            position: absolute;
            top: 49%;
            left: -5%;
            width: 10px;
            height: 2px;
            background-color: rgba(38, 150, 255, 0.8);
        }

@media(max-width:1024px) {
    .accordion-body.outer div a[b-s7itxse8cp]::before {
        left: -2%;
        width: 6px;
    }


    .accordion-body.outer div[b-s7itxse8cp] {
        margin: 1%;
        margin-right: 0px !important;
    }
}

.accordion-body.inner div[b-s7itxse8cp] {
    margin: 2%;
    margin-right: 0px; /*keep these values*/
}

    .accordion-body.inner div a[b-s7itxse8cp] {
        position: relative; /* Ensures the ::before element is positioned relative to the a element */
    }

        .accordion-body.inner div a[b-s7itxse8cp]::before {
            content: "";
            position: absolute;
            top: 49%;
            left: -2%;
            width: 3px;
            height: 2px;
            background-color: rgba(38, 150, 255, 0.8);
        }

@media (max-width: 1024px) {
    .accordion-body div a[b-s7itxse8cp]::before {
        left: -4.5%;
    }

    .accordion-body.inner div a[b-s7itxse8cp]::before {
        left: -2%;
        width: 6px;
    }

    a[b-s7itxse8cp] {
        font-size: 11px;
    }
}

.sidebar-collapsed .accordion-body div a[b-s7itxse8cp]::before {
    content: "";
    position: absolute;
    top: 49%;
    left: -5.6%;
    width: 3px;
    height: 2px;
    background-color: rgba(38, 150, 255, 0.8);
}

.navtoggler[b-s7itxse8cp] {
    position: absolute;
    top: -1px;
    left: 100.1%;
    z-index: 1;
}

.nav-text-visible[b-s7itxse8cp] {
    display: block;
    width: 90%;
}

.nav-text-hidden[b-s7itxse8cp] {
    display: none;
}

.bi[b-s7itxse8cp] {
    width: 12px;
    height: 12px;
}

.sidebar-collapsed[b-s7itxse8cp] {
    width: 80px;
    overflow: hidden;
    border-radius: 20px 0px 0px 20px;
}

.sidebar-expanded[b-s7itxse8cp] {
    width: 280px;
    border-radius: 20px 0px 0px 20px;
    height: 100%;
}

.row[b-s7itxse8cp] {
    border-radius: 20px 0px 0px 0px;
}

.nav-scrollable[b-s7itxse8cp] {
    /* Allow sidebar to scroll for tall menus */
    /*height: 500px;*/
    overflow-y: scroll;
    scrollbar-width: none;
}

.small-nav[b-s7itxse8cp] {
    display: none;
}

.small-nav-absolute[b-s7itxse8cp] {
    position: absolute;
    left: 0%;
    top: 100%;
}

.noscroll[b-s7itxse8cp] {
    display: block;
}

@media(max-width: 1024px) {
    .small-nav[b-s7itxse8cp] {
        display: block;
    }

    .noscroll[b-s7itxse8cp] {
        display: none;
    }

    .small-bar-open[b-s7itxse8cp] {
        height: auto;
        width: 100%;
        display: block;
    }

    .small-bar-close[b-s7itxse8cp] {
        height: 0px;
        display: none;
    }

    .nav-scrollable[b-s7itxse8cp] {
        height: auto;
    }

    .nav-text-visible[b-s7itxse8cp] {
        width: 30%;
    }

    .sidebar-collapsed[b-s7itxse8cp] {
        width: 100%;
        height: 55px;
        border-radius: 20px 20px 0px 0px;
    }

    .sidebar-expanded[b-s7itxse8cp] {
        width: 100%;
        height: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .row[b-s7itxse8cp] {
        border-radius: 0px 0px 0px 0px;
    }

    /*.col:first-child {
        padding-bottom: 10px;
    }*/
}

/*.nav-scrollable::-webkit-scrollbar {
        display: none;*/ /* For Chrome, Safari, and Opera */
/*}*/

.noscroll[b-s7itxse8cp]::-webkit-scrollbar {
    display: none;
}

.nav-scrollable[b-s7itxse8cp]::-webkit-scrollbar {
    width: 6px; /* Smaller width for the scrollbar */
}

.nav-scrollable[b-s7itxse8cp]::-webkit-scrollbar-track {
    background-color: transparent; /* Transparent background for the scrollbar track */
}

.nav-scrollable[b-s7itxse8cp]::-webkit-scrollbar-thumb {
    background-color: #f7941e; /* Orange color for the scrollbar thumb */
    border-radius: 4px; /* Rounded edges for the scrollbar thumb */
}

.accordion-button:not(.collapsed)[b-s7itxse8cp] {
    background-color: transparent;
    color: inherit; /* To keep the text color consistent */
}

.accordion-button:focus[b-s7itxse8cp] {
    box-shadow: none; /* Remove the focus outline */
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-gn2687lkja] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-gn2687lkja] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-gn2687lkja] {
        display: none;
    }

    .top-row.auth[b-gn2687lkja] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row[b-gn2687lkja], article[b-gn2687lkja] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-url1j0livp] {
    background-color: rgba(255, 255, 255, 0.1);
}

a[b-url1j0livp], span[b-url1j0livp] {
    outline: none;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
}

.top-row[b-url1j0livp] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-url1j0livp] {
    font-size: 1.1rem;
}

.accordion-button[b-url1j0livp]::after {
    display: none !important;
}

.icon-div[b-url1j0livp] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin: 0px !important;
    margin-right: 1% !important;
}

.bi[b-url1j0livp]::before
{
    position: absolute !important;
}

img[b-url1j0livp] {
    width: 100%;
    height: auto;
    margin-left: 8px;
    transition: .1s ease-in-out;
}

.bi[b-url1j0livp] {
    min-width: 18px;
    min-height: 18px;
    margin: 0px !important;
}

.child-margin-right[b-url1j0livp] {
    margin-right: 8px !important;
    margin-left: 0px !important;
}

[b-url1j0livp] fluent-accordion-item, [b-url1j0livp] fluent-accordion-item::part(region) {
    background-color: rgb(0,0,0,0);
    border: none;
}


    [b-url1j0livp] fluent-accordion-item::part(icon) {
        display: none;
    }

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

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

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

[b-url1j0livp] .nav-item a {
    color: #333;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

a[b-url1j0livp] {
    transition: 0.1s ease-in-out;
    padding-left: 5px;
}

.nav-item a.active[b-url1j0livp] {
    /*background-color: rgba(109, 110, 113, 0.6);*/
    background-color: rgba(38, 150, 255, 0.8);
    color: white !important;
    transition: 0.1s ease-in-out;
}

    .nav-item a.active .accordion-button[b-url1j0livp] {
        /*background-color: rgba(109, 110, 113, 0.6);*/
        background-color: rgba(38, 150, 255, 0.8);
        color: white !important;
        font-weight: 500 !important;
        transition: .1s ease-in-out;
    }

a.items.active[b-url1j0livp] {
    color: white !important;
    font-weight: 500 !important;
    transition: .1s ease-in-out;
}

.accordion-button[b-url1j0livp] {
    font-weight: 300 !important;
}

.nav-item div.d-flex a.active[b-url1j0livp] {
    fill: #fff;
}

.nav-item a:hover[b-url1j0livp] {
    /*background-color: rgba(109, 110, 113, 0.4);*/
    background-color: rgba(38, 150, 255, 0.6);
    color: white !important;
    transition: .1s ease-in-out;
}

    .nav-item a:hover .accordion-button[b-url1j0livp] {
        color: white !important;
        transition: .1s ease-in-out;
    }

.nav-item #accordion-header:hover[b-url1j0livp] {
    background-color: rgba(38, 150, 255, 0.6) !important;
    color: white !important;
    transition: .1s ease-in-out;
}

.nav-item .accordion-header.active[b-url1j0livp] {
    background-color: rgba(38, 150, 255, 0.8) !important;
    color: white !important;
    transition: .1s ease-in-out;
}

/*.nav-item .accordion-item.active .accordion-header {
    background-color: #6d6e71;
    color: white;
    transition: .1s ease-in-out;
}*/


.accordion-body[b-url1j0livp] {
    position: relative;
    margin-left: 2%;
    padding: 0px;
    /*padding-left: 2% !important;*/
    border-left: 2px solid rgba(38, 150, 255, 0.8);
}

.accordion-button[b-url1j0livp] {
    border: none; /* Removes any border from the accordion button */
    box-shadow: none; /* Removes any shadow */
}

.accordion-body.outer div[b-url1j0livp] {
    margin: 2%;
    margin-right: 0px; /*keep these values*/
    margin-top: 0px;
}

    .accordion-body.outer div a[b-url1j0livp] {
        position: relative; /* Ensures the ::before element is positioned relative to the a element */
    }

        .accordion-body.outer div a[b-url1j0livp]::before {
            content: "";
            position: absolute;
            top: 49%;
            left: -5%;
            width: 10px;
            height: 2px;
            background-color: rgba(38, 150, 255, 0.8);
        }

@media(max-width:1024px) {
    .accordion-body.outer div a[b-url1j0livp]::before {
        left: -2%;
        width: 6px;
    }


    .accordion-body.outer div[b-url1j0livp] {
        margin: 1%;
        margin-right: 0px !important;
    }
}

.accordion-body.inner div[b-url1j0livp] {
    margin: 2%;
    margin-right: 0px; /*keep these values*/
}

    .accordion-body.inner div a[b-url1j0livp] {
        position: relative; /* Ensures the ::before element is positioned relative to the a element */
    }

        .accordion-body.inner div a[b-url1j0livp]::before {
            content: "";
            position: absolute;
            top: 49%;
            left: -2%;
            width: 3px;
            height: 2px;
            background-color: rgba(38, 150, 255, 0.8);
        }

@media (max-width: 1024px) {
    .accordion-body div a[b-url1j0livp]::before {
        left: -4.5%;
    }

    .accordion-body.inner div a[b-url1j0livp]::before {
        left: -2%;
        width: 6px;
    }

    a[b-url1j0livp]
    {
        font-size: 11px;
    }
}

.sidebar-collapsed .accordion-body div a[b-url1j0livp]::before {
    content: "";
    position: absolute;
    top: 49%;
    left: -5.6%;
    width: 3px;
    height: 2px;
    background-color: rgba(38, 150, 255, 0.8);
}

.navtoggler[b-url1j0livp] {
    position: absolute;
    top: -1px;
    left: 100.1%;
    z-index: 1;
}

.nav-text-visible[b-url1j0livp] {
    display: block;
    width: 90%;
}

.nav-text-hidden[b-url1j0livp] {
    display: none;
}

.bi[b-url1j0livp] {
    width: 12px;
    height: 12px;
}

.sidebar-collapsed[b-url1j0livp] {
    width: 80px;
    overflow: hidden;
    border-radius: 20px 0px 0px 20px;
}

.sidebar-expanded[b-url1j0livp] {
    width: 297px;
    border-radius: 20px 0px 0px 20px;
    height: 100%;
}

@media only screen and (max-width: 1440px){
    .sidebar-expanded[b-url1j0livp] {
        width: 350px;

    }
} 


.row[b-url1j0livp] {
    border-radius: 20px 0px 0px 0px;
}

.nav-scrollable[b-url1j0livp] {
    /* Allow sidebar to scroll for tall menus */
    /*height: 500px;*/
    overflow-y: scroll;
    scrollbar-width: none;
}

.small-nav[b-url1j0livp] {
    display: none;
}

.small-nav-absolute[b-url1j0livp] {
    position: absolute;
    left: 0%;
    top: 100%;
}

.noscroll[b-url1j0livp] {
    display: block;
}

@media(max-width: 1024px) {
    .small-nav[b-url1j0livp] {
        display: block;
    }

    .noscroll[b-url1j0livp] {
        display: none;
    }

    .small-bar-open[b-url1j0livp] {
        height: auto;
        width: 100%;
        display: block;
    }

    .small-bar-close[b-url1j0livp] {
        height: 0px;
        display: none;
       
    }

    .nav-scrollable[b-url1j0livp] {
        height: auto;
    }

    .nav-text-visible[b-url1j0livp] {
        width: 30%;
    }

    .sidebar-collapsed[b-url1j0livp] {
        width: 100%;
        height: 55px;
        border-radius: 20px 20px 0px 0px;
    }

    .sidebar-expanded[b-url1j0livp] {
        width: 100%;
        height: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .row[b-url1j0livp] {
        border-radius: 0px 0px 0px 0px;
    }

    /*.col:first-child {
        padding-bottom: 10px;
    }*/
}

/*.nav-scrollable::-webkit-scrollbar {
        display: none;*/ /* For Chrome, Safari, and Opera */
/*}*/

.noscroll[b-url1j0livp]::-webkit-scrollbar {
    display: none;
}

.nav-scrollable[b-url1j0livp]::-webkit-scrollbar {
    width: 6px; /* Smaller width for the scrollbar */
}

.nav-scrollable[b-url1j0livp]::-webkit-scrollbar-track {
    background-color: transparent; /* Transparent background for the scrollbar track */
}

.nav-scrollable[b-url1j0livp]::-webkit-scrollbar-thumb {
    background-color: #f7941e; /* Orange color for the scrollbar thumb */
    border-radius: 4px; /* Rounded edges for the scrollbar thumb */
}

.accordion-button:not(.collapsed)[b-url1j0livp] {
    background-color: transparent;
    color: inherit; /* To keep the text color consistent */
}

.accordion-button:focus[b-url1j0livp] {
    box-shadow: none; /* Remove the focus outline */
}

.dropdown-menu[b-url1j0livp] {
    top: 22px;
    left: -145px;
}


.bi-bell-fill[b-url1j0livp] {
    font-size: 18px;
    color: orange;
    cursor: pointer;
}

.notification-before[b-url1j0livp] {
    position: relative;
}

    .notification-before[b-url1j0livp]::before {
        content: "";
        position: absolute;
        top: 16%;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: red;
        border-radius: 25px;
        cursor: pointer;
        z-index: 1;
    }
.hide-branch-changer .dropdown-trigger[b-url1j0livp] {
    cursor: pointer;
}
/* Responsive Adjustments */
@media only screen and (min-width: 768px) {
    .hide-branch-changer[b-url1j0livp] {
        gap: 10px;
        background: linear-gradient(to right, #ffe0e0, #e8e0ff);
        border-radius: 6px;
        align-items: center;
        box-sizing: border-box;
    }

        .hide-branch-changer span[b-url1j0livp] {
            font-size: 12px;
        }
}
@media only screen and (min-width: 992px) {
    .hide-branch-changer[b-url1j0livp] {
        gap: 10px;
        background: linear-gradient(to right, #ffe0e0, #e8e0ff);
        border-radius: 6px;
        align-items: center;
        box-sizing: border-box;
    }

        .hide-branch-changer span[b-url1j0livp] {
            font-size: 12px;
        }

}@media (max-width: 1024px) {
    .hide-branch-changer[b-url1j0livp] {
        gap: 10px;
        background: linear-gradient(to right, #ffe0e0, #e8e0ff);
        border-radius: 6px;
        align-items: center;
        box-sizing: border-box;
    }

    .d-flex.Icon[b-url1j0livp] {
        justify-content: space-evenly;
        padding-left: 150px;
    }

        .hide-branch-changer span[b-url1j0livp] {
            font-size: 12px;
        }

    .hide-branch-changer.d-grid[b-url1j0livp] {
        grid-template-columns: auto auto auto auto;
        padding: 8px;
    }

    .hide-branch-changer[b-url1j0livp] {
        background: linear-gradient(to right, #ffe0e0, #e8e0ff);
        border-radius: 6px;
        align-items: center;
        box-sizing: border-box;
    }

        .hide-branch-changer span[b-url1j0livp] {
            font-size: 10px;
        }

        .hide-branch-changer.d-grid[b-url1j0livp] {
            grid-template-columns: auto auto auto auto;
            padding: 8px;
        }

        .hide-branch-changer .dropdown[b-url1j0livp] {
            flex-direction: column;
            gap: 10px;
            align-self: normal;
        }

/*        .hide-branch-changer .dropdown-menu {
            position: absolute;
            width: 100%;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            min-width: 100px;
            left: 0;
            background: white;
            border-radius: 5px;
            padding: 5px;
            z-index: 1000;
        }*/

        .hide-branch-changer.d-grid[b-url1j0livp] {
            grid-template-columns: auto auto auto auto;
            padding: 8px;
        }

        .hide-branch-changer .dropdown-trigger[b-url1j0livp] {
            font-size: 20px;
        }

        .hide-branch-changer .dropdown[b-url1j0livp] {
            gap: 10px;
        }

        .hide-branch-changer .dropdown-menu[b-url1j0livp] {
            position: absolute;
            width: 100%;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            min-width: 165px;
            left: -150px;
            background: white;
            border-radius: 5px;
            padding: 5px;
            z-index: 1000;
        }

        .hide-branch-changer.d-grid[b-url1j0livp] {
            grid-template-columns: auto auto auto auto;
            padding: 8px;
        }
}

.navmenu-mobile-branch[b-url1j0livp] {
    grid-template-columns: 0.1fr auto auto;
}

.navmenu-mobile-superAdmin[b-url1j0livp] {
    grid-template-columns: auto auto;
}



/* /Shared/TransparentLayout.razor.rz.scp.css */
.main-bg[b-wx82cx9su1] {
    background-image: linear-gradient(-84deg, rgb(172, 177, 252) 0%, rgb(255, 210, 194) 50%);
}

.dashboard[b-wx82cx9su1] {
    width: 100%;
    position: relative;
}

@media(max-width: 1024px) {
    div .shadow[b-wx82cx9su1] {
        flex-direction: column;
        display: none;
    }
}
/* /Shared/VendorLayout.razor.rz.scp.css */
.main-bg[b-2e7fuyzr8b] {
    background-image: linear-gradient(-84deg, rgb(172, 177, 252) 0%, rgb(255, 210, 194) 50%);
}

.dashboard[b-2e7fuyzr8b] {
    width: 100%;
    position: relative;
}

@media(max-width: 1024px) {
    div .shadow[b-2e7fuyzr8b] {
        flex-direction: column;
        display: none;
    }
}
/* /Shared/VendorNavMenu.razor.rz.scp.css */
.navbar-toggler[b-iizlic8j45] {
    background-color: rgba(255, 255, 255, 0.1);
}

a[b-iizlic8j45], span[b-iizlic8j45] {
    outline: none;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
}

.top-row[b-iizlic8j45] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-iizlic8j45] {
    font-size: 1.1rem;
}

.accordion-button[b-iizlic8j45]::after {
    display: none !important;
}

.icon-div[b-iizlic8j45] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin: 0px !important;
    margin-right: 1% !important;
}

.bi[b-iizlic8j45]::before
{
    position: absolute !important;
}

img[b-iizlic8j45] {
    width: 100%;
    height: auto;
    margin-left: 8px;
    transition: .1s ease-in-out;
}

.bi[b-iizlic8j45] {
    min-width: 18px;
    min-height: 18px;
    margin: 0px !important;
}

.child-margin-right[b-iizlic8j45] {
    margin-right: 8px !important;
    margin-left: 0px !important;
}

[b-iizlic8j45] fluent-accordion-item, [b-iizlic8j45] fluent-accordion-item::part(region) {
    background-color: rgb(0,0,0,0);
    border: none;
}


    [b-iizlic8j45] fluent-accordion-item::part(icon) {
        display: none;
    }

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

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

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

[b-iizlic8j45] .nav-item a {
    color: #333;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

a[b-iizlic8j45] {
    transition: 0.1s ease-in-out;
    padding-left: 5px;
}

.nav-item a.active[b-iizlic8j45] {
    /*background-color: rgba(109, 110, 113, 0.6);*/
    background-color: rgba(38, 150, 255, 0.8);
    color: white !important;
    transition: 0.1s ease-in-out;
}

    .nav-item a.active .accordion-button[b-iizlic8j45] {
        /*background-color: rgba(109, 110, 113, 0.6);*/
        background-color: rgba(38, 150, 255, 0.8);
        color: white !important;
        font-weight: 500 !important;
        transition: .1s ease-in-out;
    }

a.items.active[b-iizlic8j45] {
    color: white !important;
    font-weight: 500 !important;
    transition: .1s ease-in-out;
}

.accordion-button[b-iizlic8j45] {
    font-weight: 300 !important;
}

.nav-item div.d-flex a.active[b-iizlic8j45] {
    fill: #fff;
}

.nav-item a:hover[b-iizlic8j45] {
    /*background-color: rgba(109, 110, 113, 0.4);*/
    background-color: rgba(38, 150, 255, 0.6);
    color: white !important;
    transition: .1s ease-in-out;
}

    .nav-item a:hover .accordion-button[b-iizlic8j45] {
        color: white !important;
        transition: .1s ease-in-out;
    }

.nav-item #accordion-header:hover[b-iizlic8j45] {
    background-color: rgba(38, 150, 255, 0.6) !important;
    color: white !important;
    transition: .1s ease-in-out;
}

.nav-item .accordion-header.active[b-iizlic8j45] {
    background-color: rgba(38, 150, 255, 0.8) !important;
    color: white !important;
    transition: .1s ease-in-out;
}

/*.nav-item .accordion-item.active .accordion-header {
    background-color: #6d6e71;
    color: white;
    transition: .1s ease-in-out;
}*/


.accordion-body[b-iizlic8j45] {
    position: relative;
    margin-left: 2%;
    padding: 0px;
    /*padding-left: 2% !important;*/
    border-left: 2px solid rgba(38, 150, 255, 0.8);
}

.accordion-button[b-iizlic8j45] {
    border: none; /* Removes any border from the accordion button */
    box-shadow: none; /* Removes any shadow */
}

.accordion-body.outer div[b-iizlic8j45] {
    margin: 2%;
    margin-right: 0px; /*keep these values*/
    margin-top: 0px;
}

    .accordion-body.outer div a[b-iizlic8j45] {
        position: relative; /* Ensures the ::before element is positioned relative to the a element */
    }

        .accordion-body.outer div a[b-iizlic8j45]::before {
            content: "";
            position: absolute;
            top: 49%;
            left: -5%;
            width: 10px;
            height: 2px;
            background-color: rgba(38, 150, 255, 0.8);
        }

@media(max-width:1024px) {
    .accordion-body.outer div a[b-iizlic8j45]::before {
        left: -2%;
        width: 6px;
    }


    .accordion-body.outer div[b-iizlic8j45] {
        margin: 1%;
        margin-right: 0px !important;
    }
}

.accordion-body.inner div[b-iizlic8j45] {
    margin: 2%;
    margin-right: 0px; /*keep these values*/
}

    .accordion-body.inner div a[b-iizlic8j45] {
        position: relative; /* Ensures the ::before element is positioned relative to the a element */
    }

        .accordion-body.inner div a[b-iizlic8j45]::before {
            content: "";
            position: absolute;
            top: 49%;
            left: -2%;
            width: 3px;
            height: 2px;
            background-color: rgba(38, 150, 255, 0.8);
        }

@media (max-width: 1024px) {
    .accordion-body div a[b-iizlic8j45]::before {
        left: -4.5%;
    }

    .accordion-body.inner div a[b-iizlic8j45]::before {
        left: -2%;
        width: 6px;
    }

    a[b-iizlic8j45]
    {
        font-size: 11px;
    }
}

.sidebar-collapsed .accordion-body div a[b-iizlic8j45]::before {
    content: "";
    position: absolute;
    top: 49%;
    left: -5.6%;
    width: 3px;
    height: 2px;
    background-color: rgba(38, 150, 255, 0.8);
}

.navtoggler[b-iizlic8j45] {
    position: absolute;
    top: -1px;
    left: 100.1%;
    z-index: 1;
}

.nav-text-visible[b-iizlic8j45] {
    display: block;
    width: 90%;
}

.nav-text-hidden[b-iizlic8j45] {
    display: none;
}

.bi[b-iizlic8j45] {
    width: 12px;
    height: 12px;
}

.sidebar-collapsed[b-iizlic8j45] {
    width: 80px;
    overflow: hidden;
    border-radius: 20px 0px 0px 20px;
}

.sidebar-expanded[b-iizlic8j45] {
    width: 280px;
    border-radius: 20px 0px 0px 20px;
    height: 100%;
}

.row[b-iizlic8j45] {
    border-radius: 20px 0px 0px 0px;
}

.nav-scrollable[b-iizlic8j45] {
    /* Allow sidebar to scroll for tall menus */
    /*height: 500px;*/
    overflow-y: scroll;
    scrollbar-width: none;
}

.small-nav[b-iizlic8j45] {
    display: none;
}

.small-nav-absolute[b-iizlic8j45] {
    position: absolute;
    left: 0%;
    top: 100%;
}

.noscroll[b-iizlic8j45] {
    display: block;
}

@media(max-width: 1024px) {
    .small-nav[b-iizlic8j45] {
        display: block;
    }

    .noscroll[b-iizlic8j45] {
        display: none;
    }

    .small-bar-open[b-iizlic8j45] {
        height: auto;
        width: 100%;
        display: block;
    }

    .small-bar-close[b-iizlic8j45] {
        height: 0px;
        display: none;
       
    }

    .nav-scrollable[b-iizlic8j45] {
        height: auto;
    }

    .nav-text-visible[b-iizlic8j45] {
        width: 30%;
    }

    .sidebar-collapsed[b-iizlic8j45] {
        width: 100%;
        height: 55px;
        border-radius: 20px 20px 0px 0px;
    }

    .sidebar-expanded[b-iizlic8j45] {
        width: 100%;
        height: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .row[b-iizlic8j45] {
        border-radius: 0px 0px 0px 0px;
    }

    /*.col:first-child {
        padding-bottom: 10px;
    }*/
}

/*.nav-scrollable::-webkit-scrollbar {
        display: none;*/ /* For Chrome, Safari, and Opera */
/*}*/

.noscroll[b-iizlic8j45]::-webkit-scrollbar {
    display: none;
}

.nav-scrollable[b-iizlic8j45]::-webkit-scrollbar {
    width: 6px; /* Smaller width for the scrollbar */
}

.nav-scrollable[b-iizlic8j45]::-webkit-scrollbar-track {
    background-color: transparent; /* Transparent background for the scrollbar track */
}

.nav-scrollable[b-iizlic8j45]::-webkit-scrollbar-thumb {
    background-color: #f7941e; /* Orange color for the scrollbar thumb */
    border-radius: 4px; /* Rounded edges for the scrollbar thumb */
}

.accordion-button:not(.collapsed)[b-iizlic8j45] {
    background-color: transparent;
    color: inherit; /* To keep the text color consistent */
}

.accordion-button:focus[b-iizlic8j45] {
    box-shadow: none; /* Remove the focus outline */
}