@import '_content/ROMTech.Blazor.ClassLibrary/ROMTech.Blazor.ClassLibrary.9lg6aoe3ry.bundle.scp.css';

/* _content/ROMTech.Blazor.ROMConnect/Components/Account/Pages/Login.razor.rz.scp.css */
.login-container[b-9a2z213gt6] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items towards the top */
    align-items: center;
    /*min-height: 100vh;*/ /* Full viewport height */
    padding-top: 5rem; /* Adjust top padding for spacing */
}

h1[b-9a2z213gt6] {
    margin-bottom: 1rem;
    color: #333;
}
h2[b-9a2z213gt6] {
    color: #777;
    margin-top: 2rem;
}
.row[b-9a2z213gt6] {
    width: 100%;
    max-width: 400px; /* Optional maximum width for the form */
}


button[b-9a2z213gt6] {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    width: 100% !important;
    margin-top: 1rem;
    background-color: #3E9FC0;
    color: white;
    border: solid 1px #777;
    cursor: pointer;

    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}


line-height: 1.5;

.auth-links[b-9a2z213gt6] {
    margin-top: 1rem;
    font-size: 1rem; 
    line-height: 1.8;
}

    .auth-links p[b-9a2z213gt6] {
        margin: 0; 
        padding: 0.5rem 0; 
    }

.link-item[b-9a2z213gt6] {
    color: #3E9FC0;
    text-decoration: none; /* Removes underlines for a clean look */
    font-weight: 500; /* Slightly bolder text */
    transition: color 0.2s ease-in-out; /* Smooth color change on hover */
}

    .link-item:hover[b-9a2z213gt6] {
        /*text-decoration: underline;*/ /* Adds underline on hover for emphasis */
        color: #3E9FC0;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Admin/OrganizationApp.razor.rz.scp.css */
.header[b-cwzua58dsq] {
    background-color: #fff;
    /*    border-bottom: 1px solid #ddd;*/
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Admin/OrganizationUser.razor.rz.scp.css */
.text-area[b-vfjlgirtls] {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none; /* Disable resizing */
    box-sizing: border-box; /* Ensure padding doesn't affect dimensions */
}

.button[b-vfjlgirtls] {
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

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

.scan-input[b-vfjlgirtls] {
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none; /* Disable resizing */
    box-sizing: border-box; /* Ensure padding doesn't affect dimensions */
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Admin/UserEdit.razor.rz.scp.css */
.user-container[b-weutfi6mom] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.login-container[b-weutfi6mom] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.login-info[b-weutfi6mom],
.login-roles[b-weutfi6mom] {
    flex: 0 0 auto;
    width: 100%;
}

.login-info[b-weutfi6mom] {
    flex: 0 0 60%;
}

.login-roles[b-weutfi6mom] {
    flex: 1;
}

@media (min-width: 992px) {
    .login-container[b-weutfi6mom] {
        flex-direction: row;
    }

    .login-info[b-weutfi6mom] {
        flex: 0 0 60%;
    }

    .login-roles[b-weutfi6mom] {
        flex: 1;
    }
}

.user-header[b-weutfi6mom] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.user-title[b-weutfi6mom] {
    font-size: 1.25rem;
    font-weight: bold;
    white-space: nowrap;
}

.user-actions[b-weutfi6mom] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
    width: 100%;
}

    .user-actions button[b-weutfi6mom] {
        white-space: nowrap;
    }

@media (max-width: 576px) {
    .user-actions[b-weutfi6mom] {
        flex-direction: row;
        align-items: stretch;
    }

        .user-actions button[b-weutfi6mom] {
            width: 100%;
        }
}

@media (min-width: 576px) {
    .user-header[b-weutfi6mom] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

/**********************************************************************************************/
.roles-container[b-weutfi6mom] {
    margin: 20px 0;
}

    .roles-container h4[b-weutfi6mom] {
        margin-bottom: 10px;
        font-size: 1.25rem;
        font-weight: bold;
    }

    .roles-container div[b-weutfi6mom] {
        margin-bottom: 5px;
    }

    .roles-container input[type="checkbox"][b-weutfi6mom] {
        margin-right: 5px;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Assets/BatchEdit.razor.rz.scp.css */
.batch-upload-container[b-9q8xdi8kfx] {
    position: relative;
    width: 100%;
    height: 400px; /* Full viewport height */
}

.scan-input[b-9q8xdi8kfx] {
    width: 100%;
    height: 100px; 
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none; /* Disable resizing */
    box-sizing: border-box; /* Ensure padding doesn't affect dimensions */
}

.upload-button[b-9q8xdi8kfx] {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1; /* Ensure it appears above the textarea */
}

    .upload-button:hover[b-9q8xdi8kfx] {
        background-color: #0056b3;
    }

.batch-result[b-9q8xdi8kfx] {
    margin-top: 20px;
    font-size: 16px;
}
/**********************************************************************************************/
.edit-view-container[b-9q8xdi8kfx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.edit-view-header[b-9q8xdi8kfx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.edit-view-title[b-9q8xdi8kfx] {
    font-size: 1.25rem;
    font-weight: bold;
    white-space: nowrap;
}

.edit-view-actions[b-9q8xdi8kfx] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
    width: 100%;
}

    .edit-view-actions button[b-9q8xdi8kfx] {
        white-space: nowrap;
    }

@media (max-width: 576px) {
    .edit-view-actions[b-9q8xdi8kfx] {
        flex-direction: row;
        align-items: stretch;
    }

        .edit-view-actions button[b-9q8xdi8kfx] {
            width: 100%;
        }
}

@media (min-width: 576px) {
    .edit-view-header[b-9q8xdi8kfx] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.table-scroller[b-9q8xdi8kfx] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}
/***************************************************************************************************/
.table[b-9q8xdi8kfx] {
    width: 100%;
    border-collapse: collapse;
    flex: 1 1 auto; /* Allow the table to grow and fill the container */
    display: flex;
    flex-direction: column; /* Flex layout for the table */
}

    .table thead[b-9q8xdi8kfx] {
        display: table;
        width: 100%;
        table-layout: fixed; /* Ensures proper column alignment */
    }

    .table tbody[b-9q8xdi8kfx] {
        display: block;
        overflow-y: auto;
        flex: 1 1 auto; /* Allow tbody to take available space */
    }

        .table tbody tr[b-9q8xdi8kfx] {
            display: table;
            table-layout: fixed;
            width: 100%;
        }

    .table thead th[b-9q8xdi8kfx] {
        position: sticky;
        top: 0;
        background-color: #f8f9fa; /* Light background for the header */
        z-index: 1;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Authenticate/Login.razor.rz.scp.css */
.login-container[b-1ud3socxs9] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items towards the top */
    align-items: center;
    /*min-height: 100vh;*/ /* Full viewport height */
    padding-top: 5rem; /* Adjust top padding for spacing */
}

h1[b-1ud3socxs9] {
    margin-bottom: 1rem;
    color: #333;
}
h2[b-1ud3socxs9] {
    color: #777;
    margin-top: 2rem;
}
.row[b-1ud3socxs9] {
    width: 100%;
    max-width: 400px; /* Optional maximum width for the form */
}


button[b-1ud3socxs9] {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    width: 100% !important;
    margin-top: 1rem;
    background-color: #3E9FC0;
    color: white;
    border: solid 1px #777;
    cursor: pointer;

    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}


line-height: 1.5;

.auth-links[b-1ud3socxs9] {
    margin-top: 1rem;
    font-size: 1rem; 
    line-height: 1.8;
}

    .auth-links p[b-1ud3socxs9] {
        margin: 0; 
        padding: 0.5rem 0; 
    }

.link-item[b-1ud3socxs9] {
    color: #3E9FC0;
    text-decoration: none; /* Removes underlines for a clean look */
    font-weight: 500; /* Slightly bolder text */
    transition: color 0.2s ease-in-out; /* Smooth color change on hover */
}

    .link-item:hover[b-1ud3socxs9] {
        /*text-decoration: underline;*/ /* Adds underline on hover for emphasis */
        color: #3E9FC0;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Developer/ExamplePage.razor.rz.scp.css */
/* _content/ROMTech.Blazor.ROMConnect/Components/GeoLocation/GeoLocationComponent.razor.rz.scp.css */
body[b-o3v7pzm19q] {
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Layout/MainLayout.razor.rz.scp.css */
/* General layout for the page */
.page[b-0kbwbb124a] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
}
.header[b-0kbwbb124a] {
    background-color: #fff;
/*    border-bottom: 1px solid #ddd;*/
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

.main-content[b-0kbwbb124a] {
    display: flex;
    flex: 1; /* Takes the remaining height after the header */
    overflow: hidden; /* Prevents content from overflowing */
}

main[b-0kbwbb124a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto; /* Ensures content scrolls if it overflows */
}

/*.sidebar {
    background-color: rgba(185, 206, 212, 0.2);*/ /* Optional background styling */
    /*width: 250px;
    overflow-y: auto;*/ /* Scroll if content exceeds the height */
    /*padding: 1rem;
    border-right: 1px solid #ddd;
}*/


#blazor-error-ui[b-0kbwbb124a] {
    position: absolute; /* Relative to the main content area */
    top: 0;
    left: 0;
    right: 0;
    background-color: lightyellow;
    color: #333;
    padding: 0.8rem 1.25rem;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: none; /* Hidden by default */
    z-index: 10; /* Above other content but below header/sidebar */
    transform: translateY(-100%); /* Start off-screen */
    transition: transform 0.5s ease-in-out; /* Smooth drop-down effect */
}

    #blazor-error-ui.show[b-0kbwbb124a] {
        display: block;
        transform: translateY(0); /* Drop into view */
    }

    #blazor-error-ui .dismiss[b-0kbwbb124a] {
        cursor: pointer;
        position: absolute;
        right: 1rem;
        top: 0.5rem;
        font-size: 1.2rem;
        color: #333;
    }
/* Keyframes for fade-in and fade-out animations */
@keyframes fade-in-b-0kbwbb124a {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-out-b-0kbwbb124a {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Layout/MenuItem.razor.rz.scp.css */
/* General Menu Styles */
.menu-item[b-8oo9gkluan] {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.menu-header[b-8oo9gkluan] {
    display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
}
    .menu-header:hover[b-8oo9gkluan] {
        background-color: rgba(185, 206, 212, 0.2);
        color: rgb(33, 37, 41);

    }
    .menu-header.active[b-8oo9gkluan] {
        background-color: rgba(185, 206, 212, 0.4);
        color: rgb(33, 37, 41);

    }

.menu-icon[b-8oo9gkluan] {
    font-size: 20px;
    color: #0078d4;
    display: none;
}

.menu-title[b-8oo9gkluan] {
    margin-left: 10px;
    flex-grow: 1;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.toggle-icon[b-8oo9gkluan] {
    font-size: 16px;
    color: #0078d4;
}

.menu-children[b-8oo9gkluan] {
    margin-left: 10px;
    padding-left: 10px;
/*    border-left: 2px solid #f0f0f0;*/
}

.logout-link[b-8oo9gkluan] {
    background: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    width: 200px;
    text-align: left;
    color: #333;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Layout/NavMenu.razor.rz.scp.css */
.menu-container[b-qdi1bi8mg8] {
    background-color: #F5FBFC;
}
.menu-scrollable[b-qdi1bi8mg8] {
    overflow-y: auto;
    height: calc(100vh - 3.5rem);
    padding: 10px 5px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Map/MapComponent.razor.rz.scp.css */
.map-container[b-g6v0w2kb2l] {
    color: #ccc;
    padding: 10px, 10px, 0, 100px;
    font-style: italic;
    font-size: .8em;
}

.map[b-g6v0w2kb2l] {
    min-height: 100px;
    min-width: 100px;
}

.map-controls[b-g6v0w2kb2l] {

}
/* _content/ROMTech.Blazor.ROMConnect/Components/QrCode/QrCodeComponent.razor.rz.scp.css */
body[b-64gvt5elru] {
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Scanner/Scanner.razor.rz.scp.css */
.scanner-header[b-8h7z3cancq] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 10px;
}
.scanner-button[b-8h7z3cancq] {
    width: 20vw;
    height: 10vh;
    flex-grow: 1;
    margin: 5px;
    padding: 10px;
    font-size: 2em;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: rgba(0,0,0,.1);
    color: white;
    cursor: pointer;
    text-align: center;
}

    .scanner-button:hover[b-8h7z3cancq] {
        background-color: rgba(0,0,0,.2);
        border-color: rgba(0,0,0,.3);
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Scanner/ScannerComponent.razor.rz.scp.css */
.video-container[b-8jaka4ngkt] {
    width: 100%;
    overflow: clip;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

#qr-video[b-8jaka4ngkt] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}


.header[b-8jaka4ngkt] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 10px;
}

.scanner-button[b-8jaka4ngkt] {
    width: 20vw;
    height: 10vh;
    flex-grow: 1;
    margin: 5px;
    padding: 10px;
    font-size: 2em;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: rgba(0,0,0,.1);
    color: white;
    cursor: pointer;
    text-align: center;
    z-index: 1001;
}
       .scanner-button:hover[b-8jaka4ngkt] {
            background-color: rgba(0,0,0,.2);
            border-color: rgba(0,0,0,.3);
        }
.decode-button[b-8jaka4ngkt] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    font-size: 2em;
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    display: none;
}
.setup[b-8jaka4ngkt] {
    display:none;
}
.geolocation[b-8jaka4ngkt] {

}

.information[b-8jaka4ngkt] {
    margin-left:10px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/Card.razor.rz.scp.css */
.card-container[b-6caihb1f1l] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fafafa;
}
.card-section[b-6caihb1f1l] {

    width: 100%;

}
.card-header[b-6caihb1f1l] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0px;
    font-weight: bold;
/*    background-color: #f3f3f3;*/
/*    border-radius: 5px;*/
    gap: 10px;
}

.card-toggle-icon[b-6caihb1f1l] {
    font-size: 20px;
    transition: transform 0.3s ease-in-out;
}

.card-header-content[b-6caihb1f1l] {
    flex-grow: 1;
}

.card-details[b-6caihb1f1l] {
    margin-top: 0px;
    padding: 0px;
/*    border-top: 1px solid #ddd;*/
/*    background-color: #fff;*/
}


.info-row[b-6caihb1f1l] {
    flex: 0 0 auto; /* Prevent the header from resizing */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/ClaimsPrincipalCard.razor.rz.scp.css */
.identity-card[b-itxpl9yxsp] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}

    .identity-card h3[b-itxpl9yxsp] {
        margin-top: 0;
        color: #333;
    }

    .identity-card p[b-itxpl9yxsp], .identity-card ul[b-itxpl9yxsp] {
        font-size: 14px;
        color: #555;
    }

    .identity-card ul[b-itxpl9yxsp] {
        padding-left: 15px;
    }

    .identity-card li[b-itxpl9yxsp] {
        margin-bottom: 5px;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/Dialog.razor.rz.scp.css */
.dialog-backdrop[b-vza6ti25z0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1050; 
}

.dialog-window[b-vza6ti25z0] {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.3s ease-in-out;
    width: 80%;
    height: 80%;
    display: flex; /* Enable Flexbox */
    flex-direction: column; /* Stack children vertically */
    z-index: 1060;
}

.dialog-header[b-vza6ti25z0] {
    flex: 0 0 auto; /* Prevent the header from resizing */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .dialog-header h4[b-vza6ti25z0] {
        margin: 0;
    }



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


.dialog-message[b-vza6ti25z0] {
}

.dialog-body[b-vza6ti25z0] {
    flex: 1; /* Allow the body to take up remaining space */
    display: flex;
    flex-direction: column; /* Stack children vertically */
    overflow: hidden; /* Prevent default scrolling for dialog-body */
}

.dialog-footer[b-vza6ti25z0] {
    flex: 0 0 auto; /* Prevent the footer from resizing */
    text-align: right;
    margin-top: 10px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/DownloadDialog.razor.rz.scp.css */
.dialog-backdrop[b-uzikpzzspx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.dialog-window[b-uzikpzzspx] {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.3s ease-in-out;
    width: 500px;
}

.dialog-actions[b-uzikpzzspx] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn[b-uzikpzzspx] {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-secondary[b-uzikpzzspx] {
    background-color: #e0e0e0;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/Modal.razor.rz.scp.css */
.modal-backdrop[b-2yk417m9tq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent backdrop */
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1050; /* Ensure it appears above other elements */
}

.modal-window[b-2yk417m9tq] {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.3s ease-in-out; /* Optional animation */
    z-index: 1060; /* Higher than backdrop */
}

/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/NotificationComponent.razor.rz.scp.css */
/*.notification-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
}

.notification {
    padding: 15px;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.3s ease-in-out;
}*/

@keyframes fadeIn-b-zpckf53o5t {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.notification-container[b-zpckf53o5t] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: .5em;
}

.notification-message[b-zpckf53o5t] {
    background-color: #ffdddd;
    color: #333;
    padding: 1rem;
    border: 1px solid #ffaaaa;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .5em;
}

.notification-close-button[b-zpckf53o5t] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #333;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/PageComponent.razor.rz.scp.css */
/* General layout for the entire page component */
.page-component[b-8vu64sy3r8] {
    display: flex;
    flex-direction: column;
    height: 100%; /* Full height relative to its parent */
}

/* Header Section */
.page-header[b-8vu64sy3r8] {
/*    background-color: #f4f4f4;*/
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
/*    height: 60px; */
    flex-shrink: 0; /* Prevents header from shrinking */
}

/* Footer Section */
.page-footer[b-8vu64sy3r8] {
/*    background-color: #f4f4f4;*/
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
/*    height: 60px; */
    flex-shrink: 0; /* Prevents footer from shrinking */
}

/* Main Content Area */
.page-main[b-8vu64sy3r8] {
    display: flex;
    flex: 1; /* Takes up remaining space after header and footer */
    overflow: hidden; /* Prevents any overflow from affecting layout */
}

.page-content[b-8vu64sy3r8] {
    display: flex;
    flex: 1; /* Fills remaining space */
    flex-direction: column; /* Ensures child elements like pages stack vertically */
    overflow: hidden; /* Prevent scrollbars */
    /*background-color: #fff;*/ /* Background color */
}

    .page-content > *[b-8vu64sy3r8] {
        flex: 1; /* Ensure child elements fill the available space */
        height: 100%; /* Ensures child takes the full height */
    }

.page-message[b-8vu64sy3r8] {
}

.sidebar-content[b-8vu64sy3r8] {
    flex: 1;
    overflow: hidden; /* Child scrolling only when necessary */
}

/* Right Sidebar */
.right-sidebar[b-8vu64sy3r8] {
    width: 75%; /* Fixed width */
/*    background-color: #f4f4f4;*/
    border-left: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-shrink: 0; /* Prevents shrinking */
}

.collapse-toggle[b-8vu64sy3r8] {
    background-color: transparent;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    align-self: center;
}

    .collapse-toggle:focus[b-8vu64sy3r8] {
        outline: none;
    }

.collapsed[b-8vu64sy3r8] {
    display: none !important;
}
/* Default Behavior: Sidebar shifts content */
.left-sidebar[b-8vu64sy3r8] {
    width: 250px; /* Fixed width */
    /*    background-color: #f4f4f4;*/
    border-right: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-shrink: 0; /* Prevents shrinking */
    position: relative;
    height: 100%;
}

.left-sidebar-wrapper[b-8vu64sy3r8] {
    position: relative;
    width: 250px; /* Fixed width */
    transition: transform 0.3s ease;
}

    .left-sidebar-wrapper.collapsed[b-8vu64sy3r8] {
        transform: translateX(-100%); /* Slide out of view */
    }



/* Responsive Behavior: Sidebar overlaps body */
@media (max-width: 768px) {
    .left-sidebar-wrapper[b-8vu64sy3r8] {
        position: absolute;
        z-index: 1000; /* Bring above the body */
        height: 100%;
    }

        .left-sidebar-wrapper.collapsed[b-8vu64sy3r8] {
            transform: translateX(-100%);
        }

    .page-content[b-8vu64sy3r8] {
        margin-left: 0; /* Prevent shifting */
    }
    .left-sidebar.responsive[b-8vu64sy3r8] {
        width: 90vw; /* Fixed width */
    }
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/SplitComponent.razor.rz.scp.css */
.split-container[b-dq8x7cg23g] {
    position: relative;
    width: 100%;
    height: 100%;
    flex: 1 0 auto;
    overflow-y: auto;
}

/*.split-panel-header {
    flex: 0 0 auto;*/ /* Prevent the header from resizing */
    /*display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}*/
.split-panel-header[b-dq8x7cg23g] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .25em;
    padding-bottom: .25em;
    padding-right: .5em;
}
.split-panel[b-dq8x7cg23g] {
    height:100%;
    position: absolute;
    top: 0;
    bottom: 0;
/*    background-color: rgba(246, 251, 252);*/
    overflow: auto;
/*    padding-right: 10px;
    padding-left: 10px;*/
}

    .split-panel:nth-of-type(1)[b-dq8x7cg23g] {
        left: 0;
    }

    .split-panel:nth-of-type(2)[b-dq8x7cg23g] {
        right: 0;
/*        overflow: hidden;*/        
        display: flex;
        flex-direction: column;
        padding-left: 5px;
    }

.split-handle[b-dq8x7cg23g] {
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    background-color: #eee;
    cursor: ew-resize;
    transform: translateX(-50%);
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/TabControl.razor.rz.scp.css */
.tab-control[b-9gl9ph4dcx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.tab-headers[b-9gl9ph4dcx] {
    flex: 0;
    border-bottom: 1px solid #ccc;
}

.tab-button[b-9gl9ph4dcx] {
    padding: 3px 20px;
    cursor: pointer;
    border: none;
    background: none;
    border: 1px solid #ccc;
    border-radius: 6px 6px 0 0;
}

    .tab-button.active[b-9gl9ph4dcx] {
        border: 2px solid #666;
        border-bottom: 0;
        font-weight: bold;
    }

.tab-content[b-9gl9ph4dcx] {
    /*    flex: 1;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: 1px solid transparent;
    border-top: 2px solid #666;
    overflow-y:hidden;*/
    flex: 1;
    overflow-y: auto;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/TableComponent.razor.rz.scp.css */
.table-header[b-qfs1iklenz] {
    width:100%;
}
.table-content[b-qfs1iklenz] {
    height: 100%;
    overflow-y: auto;
}
.table-footer[b-qfs1iklenz] {
    width: 100%;
    padding: 10px 0 0 0;
}
.paging-controls[b-qfs1iklenz] {

}
td[b-qfs1iklenz] {
    white-space: nowrap;
}
th[b-qfs1iklenz] {
    background-color: #FFFFFF;
    color: #777;
    font-weight: 600;
    user-select: none;
    white-space: nowrap;
}

.table-header-row[b-qfs1iklenz] {
    background-color: #FFFFFF;
}


/*--------------------------------------------------------------------------*/

.table-footer[b-qfs1iklenz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.9rem;
}
.table-filter-content[b-qfs1iklenz] {

}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/TablePage.razor.rz.scp.css */
.table-header[b-xzpsxy7bm7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.table-footer[b-xzpsxy7bm7] {
    margin-top: 20px;
    text-align: left;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/TreeViewComponent.razor.rz.scp.css */
.treeview ul[b-j1gvems6zs] {
    list-style-type: none;
    padding-left: 20px;
}

.treeview li[b-j1gvems6zs] {
    margin: 5px 0;
    cursor: pointer;
}

.treeview span[b-j1gvems6zs] {
    display: inline-block;
    margin-right: 5px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Shared/UserCard.razor.rz.scp.css */
.user-card[b-pxxx5q6u4a] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 300px;
}

    .user-card h3[b-pxxx5q6u4a] {
        margin-top: 0;
        color: #333;
    }

    .user-card p[b-pxxx5q6u4a] {
        margin: 5px 0;
        font-size: 14px;
        color: #555;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/EmailEdit.razor.rz.scp.css */
.email-container[b-v7mk7ryoyi] {
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    height: 90vh;
    box-sizing: border-box;
}

    .email-container h2[b-v7mk7ryoyi] {
        text-align: center;
        margin-bottom: 20px;
        font-size: 24px;
        color: #333;
    }

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

.form-group-inline[b-v7mk7ryoyi] {
    display: flex;
    gap: 10px;
}

    .form-group-inline .form-group[b-v7mk7ryoyi] {
        flex: 1;
        margin-bottom: 0;
    }

.form-group label[b-v7mk7ryoyi] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-control[b-v7mk7ryoyi] {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

    .form-control:focus[b-v7mk7ryoyi] {
        outline: none;
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

.text-danger[b-v7mk7ryoyi] {
    color: #d9534f;
    font-size: 12px;
    margin-top: 5px;
}

.btn-submit[b-v7mk7ryoyi] {
    margin-top: 15px;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

    .btn-submit:hover[b-v7mk7ryoyi] {
        background-color: #0056b3;
    }

#Body[b-v7mk7ryoyi] {
    flex: 1;
    resize: none;
}

.rich-textbox[b-v7mk7ryoyi] {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    background-color: white;
    overflow-y: auto;
    box-sizing: border-box;
}

    .rich-textbox[contenteditable="true"]:focus[b-v7mk7ryoyi] {
        outline: none;
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/PatientCard.razor.rz.scp.css */
.patient-card[b-w6d9pd05yx] {
    width: 100%;
}
.patient-card-section[b-w6d9pd05yx] {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    background-color: #fafafa;
}
.patient-header[b-w6d9pd05yx] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    background-color: #f3f3f3;
    border-radius: 5px;
    gap: 10px;
}

.toggle-icon[b-w6d9pd05yx] {
    font-size: 20px;
    transition: transform 0.3s ease-in-out;
}

.patient-name[b-w6d9pd05yx] {
    flex-grow: 1;
}

.patient-info[b-w6d9pd05yx] {
    margin-top: 10px;
    padding: 10px;
    border-top: 1px solid #ddd;
    background-color: #fff;
}

.patient-details[b-w6d9pd05yx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-row[b-w6d9pd05yx] {
    flex: 0 0 auto; /* Prevent the header from resizing */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*.column {
    flex: 1;*/
    /*min-width: 200px;*/ /* Adjust for responsiveness */
/*}*/

.patient-address[b-w6d9pd05yx] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/PatientEdit.razor.rz.scp.css */
.phone-input-container[b-8k5hhxwk9f] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    /*    background: #f8f9fa;*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.country-code-dropdown[b-8k5hhxwk9f] {
    width: 160px;
    padding: 5px;
    border: none;
    border-right: 1px solid #ccc;
    background: #fff;
    color: #333;
    cursor: pointer;
}

.phone-input[b-8k5hhxwk9f] {
    padding: 5px;
    border: none;
    background: #fff;
    color: #333;
    outline: none;
}

    .phone-input:focus[b-8k5hhxwk9f], .country-code-dropdown:focus[b-8k5hhxwk9f] {
        border-color: #007bff; /* Subtle blue focus */
    }

.phone-input-container:focus-within[b-8k5hhxwk9f] {
    border-color: #007bff;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.2);
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/PatientList.razor.rz.scp.css */
.patient-list-left[b-kx1vnzd891] {
    height: 100%;
}
.patient-list-right[b-kx1vnzd891] {
/*    height: 100%;*/
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: #f9f9f9;
    border-radius: 8px;
    /*    padding: 16px;*/
    min-width: 300px;
    flex-basis: 100%;
    gap: 10px;
    overflow-y: auto;
    padding: 1em;
}
.tab-panel[b-kx1vnzd891] {
    padding: 1em;
}

.right-content[b-kx1vnzd891] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/PatientPreflightTest.razor.rz.scp.css */
.edit-view-container[b-877mtbbq0s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 10px;
    flex-grow: 1;
    background-color: #f9f9f9;
    border-radius: 8px;
}



.edit-view-header[b-877mtbbq0s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.edit-view-title[b-877mtbbq0s] {
    font-size: 1.25rem;
    font-weight: bold;
    white-space: nowrap;
}

.edit-view-actions[b-877mtbbq0s] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
    width: 100%;
}

    .edit-view-actions button[b-877mtbbq0s] {
        white-space: nowrap;
    }

@media (max-width: 576px) {
    .edit-view-actions[b-877mtbbq0s] {
        flex-direction: row;
        align-items: stretch;
    }

        .edit-view-actions button[b-877mtbbq0s] {
            width: 100%;
        }
}

@media (min-width: 576px) {
    .edit-view-header[b-877mtbbq0s] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

button.email[b-877mtbbq0s] {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.select-group[b-877mtbbq0s] {
    display: flex;
    align-items: stretch; /* Ensures the label and select are the same height */
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.attached-label[b-877mtbbq0s] {
    background-color: #f1f1f1;
    padding: 8px 12px;
    font-weight: bold;
    white-space: nowrap;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
}

/* Wrap select to remove spacing */
.select-wrapper[b-877mtbbq0s] {
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

/* Style the dropdown */
.attached-select[b-877mtbbq0s] {
    appearance: none;
    padding: 8px 12px;
    border: none;
    font-size: 14px;
    width: 100%;
    background-color: white;
    padding-right: 24px; /* Space for arrow */
    border-radius: 0; /* Prevents rounding on top */
}

    /* Remove blue highlight when clicking */
    .attached-select:focus[b-877mtbbq0s] {
        outline: none;
        box-shadow: none;
        border-color: #999;
    }

/* Style dropdown arrow */
.custom-dropdown-arrow[b-877mtbbq0s] {
    position: absolute;
    right: 10px;
    pointer-events: none;
    font-size: 16px;
    color: #333;
}

/* Adds gap between selected option and dropdown */
.attached-select option[b-877mtbbq0s] {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Ensures the dropdown has extra spacing below the selected option */
.attached-select[b-877mtbbq0s]::-ms-expand {
    display: none;
}

.attached-select:focus[b-877mtbbq0s] {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/PatientSms1.razor.rz.scp.css */
.sms-container[b-hf0kyqz1zw] {
    height: 100%;
    border: 1px solid #ccc;
    margin: auto;
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
}
.sms-header[b-hf0kyqz1zw] {
    flex: 0;
    background-color: #fff;
    color: black;
/*    text-align: center;*/
    padding: 10px;
/*    font-weight: bold;*/
    border-bottom: 1px solid #ddd;
}

.sms-list[b-hf0kyqz1zw] {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column-reverse; /* New messages at the bottom */
}


/*.sms-item {
    max-width: 70%;*/
    /*padding: 10px 14px;
    word-wrap: break-word;
    border-radius: 18px;*/
    /*border: 1px solid #ccc;
    display: flex;
    flex-direction: row;
}

    .sms-item.sent {
        align-self: flex-end;
    }

    .sms-item.received {
        align-self: flex-start;
    }

.sms-item-content {
    background-color: skyblue;
}
.sms-item-status {
    vertical-align: bottom;
    background-color: red;
}
.sms-message {
    padding: 10px 14px;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.sms-message.sent {
    align-self: flex-end;
    background-color: #68bd34;
    color: white;
}

.sms-message.received {
    align-self: flex-start;
    background-color: #e5e5ea;
    color: black;
}

.sms-meta {
    font-size: 12px;
    color: gray;
    margin-bottom: 3px;
    border: 1px solid #ccc;
}*/



.sms-footer[b-hf0kyqz1zw] {
    flex: 0;
    background-color: white;
    padding: 10px;
    display: flex;
    gap: 5px;
    border-top: 1px solid #ccc;
}

.sms-textarea[b-hf0kyqz1zw] {
    flex: 1;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #ccc;
    resize: none;
    padding-left: 15px;
}

.button[b-hf0kyqz1zw] {
    border-radius: 10px;
}
.sms-button[b-hf0kyqz1zw] {
    border: none;
    padding: 8px 15px;
    border-radius: 10px;
    cursor: pointer;
}
.sms-divider[b-hf0kyqz1zw] {
    text-align: center;
    color: gray;
    font-size: 12px;
    margin: 10px 0;
}

.message-container[b-hf0kyqz1zw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    max-width: 70%;
}

    .message-container.sent[b-hf0kyqz1zw] {
        align-self: flex-end;
    }
    .message-container.recieved[b-hf0kyqz1zw] {
        align-self: flex-start;
    }

.message-header[b-hf0kyqz1zw] {
    color: #999;
    font-size: .8em;
}

.message-body[b-hf0kyqz1zw] {
    display: flex;
    flex-direction: column;
}
.sent .message-body[b-hf0kyqz1zw] {
    align-self: flex-end;
}
.received .message-body[b-hf0kyqz1zw] {
    align-self: flex-start;
}
.message-status[b-hf0kyqz1zw] {
    color: #999;
    font-size: .8em;
}

.sent .message-status[b-hf0kyqz1zw] {
    align-self: flex-end;
}
.received .message-status[b-hf0kyqz1zw] {
    align-self: flex-start;
}

.message[b-hf0kyqz1zw] {
    padding: 8px 12px;
    border-radius: 8px;
    text-align: left;
    width: fit-content;
    white-space: pre-line;
}
.sent .message[b-hf0kyqz1zw] {
    background-color: #68bd34;
    background-color: rgb(233,235,250);
    color: #000;
    align-self: flex-end;
}
.received .message[b-hf0kyqz1zw] {
    background-color: #e5e5ea;
    background-color: rgb(245,245,245);
    color: #000;
    align-self: flex-start;
}
.message-profile[b-hf0kyqz1zw] {
    min-width: 2em;
    height: 2em;
    background-color: #ccc;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8em;
    font-weight: 100;
    visibility: hidden;
    visibility: inherit;
/*    display: none;*/
}

.sent .message-profile[b-hf0kyqz1zw] {
    background-color: #aaa; /* Blue for sender */
    margin-left: .5em;
}

.received .message-profile[b-hf0kyqz1zw] {
    background-color: #888; /* Gray for receiver */
    margin-right: .5em;
    display: none;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/ProgressBarComponent.razor.rz.scp.css */
.progress-bar-container[b-in01bh4xtn] {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    /*         padding: 8px 12px; */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    text-align: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-bar[b-in01bh4xtn] {
    height: var(--height, 20px);
    background-color: var(--color, #4CAF50);
    transition: width 1.1s ease-in-out;
    height: 40px;
}

    .progress-bar.reset[b-in01bh4xtn] {
        transition: none;
        width: 0;
    }


.progress-text[b-in01bh4xtn] {
    position: absolute;
    width: 100%;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    padding: 8px 12px;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/ReportComponent.razor.rz.scp.css */
/*.report-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.report-section {
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
    min-width: 300px;
    flex-basis: 100%;
    overflow-x: auto;
}

@media (min-width: 1000px) {
    .report-section {
        flex-basis: 48%;
    }
}

.report-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.full-width {
    flex-basis: 100%;
}

.report-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.half-width {
    flex: 1;
    min-width: 300px;
}


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

th, td {
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

th {
    background-color: #f2f2f2;
}
*/
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/SummaryComponent.razor.rz.scp.css */
/*    .report-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .report-section {
        border: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        background-color: #f9f9f9;
        border-radius: 8px;
        padding: 16px;
        min-width: 300px;
        flex-basis: 100%;
    }

    @media (min-width: 1000px) {
        .report-section {
            flex-basis: 48%;
        }
    }

.report-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.full-width {
    flex-basis: 100%;
}

.report-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.half-width {
    flex: 1;
    min-width: 300px;
}
*/
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/TwilioPreflightCard.razor.rz.scp.css */
@media (min-width: 1000px) {
}

table[b-n1tktdvw91] {
    width: 100%;
    border-collapse: collapse;
}

th[b-n1tktdvw91], td[b-n1tktdvw91] {
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

th[b-n1tktdvw91] {
    background-color: #f2f2f2;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/TwilioPreflightColors.razor.rz.scp.css */
.table[b-uznbknvcxr] {
    width: auto;
    border-collapse: collapse; 
}

    .table th[b-uznbknvcxr],
    .table td[b-uznbknvcxr] {
        white-space: nowrap; 
        padding: 5px 10px;
        text-align: center; 
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/TwilioPreflightComponent.razor.rz.scp.css */
.device-test-container[b-bql6x34sgm] {
    font-family: Arial, sans-serif;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 90%;
}

.device-test-header[b-bql6x34sgm] {
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.device-test-button[b-bql6x34sgm] {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
}

    .device-test-button:hover[b-bql6x34sgm] {
        background-color: #0056b3;
    }

.progress-list-container[b-bql6x34sgm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #e9ecef;
    padding: 10px;
    border-radius: 5px;
}

.device-test-location[b-bql6x34sgm] {
    color: #ccc;
}

.progress-item[b-bql6x34sgm] {
    background-color: #ffffff;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    text-align: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.error-message[b-bql6x34sgm] {
    margin-top: 15px;
    padding: 10px;
    background-color: #ffe6e6;
    color: #d9534f;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 480px) {
    .device-test-header[b-bql6x34sgm] {
        font-size: 16px;
        text-align: center;
    }

    .device-test-container[b-bql6x34sgm] {
        padding: 10px;
    }

    .device-test-button[b-bql6x34sgm] {
        font-size: 14px;
    }

    .progress-item[b-bql6x34sgm] {
        font-size: 12px;
    }

    .error-message[b-bql6x34sgm] {
        font-size: 12px;
    }
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/TwilioPreflightList.razor.rz.scp.css */
.twilio-preflight-right[b-de6v6rtqdr] {
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: #f9f9f9;
    border-radius: 8px;
    /*    padding: 16px;*/
    min-width: 300px;
    flex-basis: 100%;
    gap: 10px;
    overflow-y: auto;
    padding: 1em;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/SpeedTest/TwilioVideoComponent.razor.rz.scp.css */
#video-container[b-y99bp4sffd] {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

#local-video[b-y99bp4sffd], #remote-video[b-y99bp4sffd] {
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: green;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Twilio/PacketComponent.razor.rz.scp.css */
.packet-content[b-hckzl0oogl] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.packet-header[b-hckzl0oogl] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 12px;
}

.packet-field[b-hckzl0oogl] {
    display: flex;
    flex-direction: row;
}

.packet-label[b-hckzl0oogl] {
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Twilio/TwilioDataComponent.razor.rz.scp.css */
.sms-footer[b-elobit2nui] {
    flex: 0;
    background-color: white;
    padding: 10px;
    display: flex;
    gap: 5px;
    border-top: 1px solid #ccc;
}

.sms-textarea[b-elobit2nui] {
    flex: 1;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #ccc;
    resize: none;
    padding-left: 15px;
}

.button[b-elobit2nui] {
    border-radius: 10px;
}

.sms-button[b-elobit2nui] {
    border: none;
    padding: 8px 15px;
    border-radius: 10px;
    cursor: pointer;
}
.twilio-data-container[b-elobit2nui] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.twilio-data-header[b-elobit2nui] {
    flex-shrink: 0;
    padding: 10px;
    font-weight: bold;
}

.twilio-data-messages[b-elobit2nui] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    display: flex;
    flex-direction: column-reverse;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Twilio/TwilioParticipant.razor.rz.scp.css */
.participant-container[b-n8ha14yklc] {
    flex-grow: 1;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: black;

    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    background-color: black;
}
    .participant-container.no-video[b-n8ha14yklc] {
        flex-grow: 0;
        height: auto;
        width: auto;
    }
    .participant-container.full-screen[b-n8ha14yklc] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        object-fit: cover;
        z-index: 1150;
    }
.video-container[b-n8ha14yklc] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
    .video-container.no-video[b-n8ha14yklc] {
        display: none;
    }
.participant-header[b-n8ha14yklc],
.participant-footer[b-n8ha14yklc] {
    position: absolute;
    left: 0;
    right: 0;
    padding: 8px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    color: white;
    background: rgba(0, 0, 0, 0.1);
    font-size: 1.2em;
}
    .participant-header.no-video[b-n8ha14yklc] {
        position: relative;
    }
    .participant-footer.no-video[b-n8ha14yklc] {
        display: none;
    }
.participant-header[b-n8ha14yklc] {
    top: 0;
}


.participant-title[b-n8ha14yklc] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 2em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.participant-controls[b-n8ha14yklc] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2px; 
}

.participant-controls button[b-n8ha14yklc] {
    padding: 4px 8px;
    font-size: 12px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, .3);
    color: white;
}


.participant-info[b-n8ha14yklc] {
    margin-top: 40px;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    padding: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    height:50%;
}
.participant-footer[b-n8ha14yklc] {
    bottom: 0;
    justify-content: left;
}
/* _content/ROMTech.Blazor.ROMConnect/Components/Twilio/TwilioRoomComponent.razor.rz.scp.css */
.video-call-container[b-d4p7ykrke5] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #777;

}
    .video-call-container.full-screen[b-d4p7ykrke5] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        z-index: 1050;
        object-fit: cover;
    }

.video-call-header[b-d4p7ykrke5] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .video-call-header button[b-d4p7ykrke5] {
        padding: 10px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }

.video-grid[b-d4p7ykrke5] {
    flex: 1;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

.remote-media[b-d4p7ykrke5] {
    display: grid;
    width: 100%;
    height: 100%;
    gap: 5px;
}

    /* Dynamic remote media layout based on participant count */
    .remote-media video[b-d4p7ykrke5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .remote-media:has(.participant-container:nth-child(1))[b-d4p7ykrke5] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .remote-media:has(.participant-container:nth-child(2))[b-d4p7ykrke5] {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }
    .remote-media:has(.participant-container:nth-child(3))[b-d4p7ykrke5] {
        background: purple;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }
    .remote-media:has(.participant-container:nth-child(4))[b-d4p7ykrke5] {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .remote-media:has(video:nth-child(5))[b-d4p7ykrke5],
    .remote-media:has(.participant-container:nth-child(5))[b-d4p7ykrke5] {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .remote-media:has(.participant-container:nth-child(7))[b-d4p7ykrke5] {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .remote-media:has(.participant-container:nth-child(16))[b-d4p7ykrke5] {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, 1fr);
    }
    .remote-media:has(.participant-container:nth-child(25))[b-d4p7ykrke5] {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }
.local-media[b-d4p7ykrke5] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30%;
    height: 30%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    overflow: hidden;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .local-media video[b-d4p7ykrke5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
/* _content/ROMTech.Blazor.ROMConnect/Components/Twilio/TwilioRoomList.razor.rz.scp.css */
.split-panel[b-ep2m32fwch] {
    height: 100%;
    padding: 1em;
}