/* _content/SSm/Components/Layout/MainLayout.razor.rz.scp.css */
.header[b-lcuaypmvm3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:0 30px 0 0;
    background-color: white;
    border-bottom: 1px solid #d6d5d5;
    height: 3.5rem;
    z-index: 300;  
}
.header .header__logo-wrapper .header__logo-link[b-lcuaypmvm3]{
   display:flex;
   width:100%;
   margin-left:3rem;
}
.header .header__logo-wrapper .header__logo-img[b-lcuaypmvm3]{
/*    width: 105px; height: 105px;*/
    width:12rem;
    height:2.6rem;
    object-fit:cover;
}
.header .header__user-wrapper[b-lcuaypmvm3]{
    display:flex;
    flex-direction:row;
    align-items:center;
}

.header .header__flag-btn[b-lcuaypmvm3] {
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.header .header__flag[b-lcuaypmvm3]{
    width: 40px;
    height: 40px;
}
.header .header__user-names[b-lcuaypmvm3]{
    position: relative;
}
.header .header__user-names .header__dropdown[b-lcuaypmvm3] {
    font-size: var(--fs-md);
    cursor:pointer;
}
    .header .header__user-names .header__dropdown-menu[b-lcuaypmvm3] {
        position: fixed;
        top: 3.5rem;
        right: 0.2rem;
        min-width: 8rem;
        background-color: white;
        border-radius: 0.5rem;
        border: 1px solid #ddd;
        box-shadow: 0 10px 20px rgba(0,0,0,0.08);
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
        transition: all 0.2s ease-in-out;
        z-index: 10;
        overflow: hidden;
    }
.header .header__user-names .header__dropdown-menu.visible[b-lcuaypmvm3]{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.header .header__user-names .header__dropdown-item[b-lcuaypmvm3]{
    font-size: var(--fs-nav);
    padding: 0.5rem 1rem 0.5rem 0.6rem;
    cursor:pointer;
}
    .header .header__user-names .header__dropdown-item:hover[b-lcuaypmvm3] {
        background-color:#f8f8f8;
    }
.header .header__user-names .header__dropdown-item-link:hover[b-lcuaypmvm3]{
    color:inherit;
}
.header .header__login[b-lcuaypmvm3]{
    font-size: var(--fs-nav);
}

.header__dropdown-item-link[b-lcuaypmvm3] {
    color: #2d2d2d
}

.main-layout[b-lcuaypmvm3] {
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
}

.nav[b-lcuaypmvm3] {
    display:none;
}
.nav.visible[b-lcuaypmvm3] {
    display: block;
    border-right: 1px solid lightgray;
    width: clamp(160px, 15vw, 220px);
}

@media screen and (max-width: 1023px) {
    .nav.visible[b-lcuaypmvm3] {
        width: 160px;
    }
}
.content[b-lcuaypmvm3]{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-content:center;
    align-items:center;
    height:100vh;
    background-color:#f8f8f8;
    flex: 1;
    min-width: 0;
    overflow-x: hidden;
}
/* _content/SSm/Components/Layout/NavMenu.razor.rz.scp.css */

.nav__container[b-y393zbrm31] {
    display: block;
    margin-top:1rem;
}
.nav__list[b-y393zbrm31]{
    display:flex;
    flex-direction:column;
}
.nav__item[b-y393zbrm31] {
    font-size: var(--fs-md);
}
.nav__item:hover[b-y393zbrm31]{
    background-color:white;
}
.nav__item[b-y393zbrm31]  .nav__link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    height: 3rem;
    width: 100%;
    padding: 0 1.25rem;
    background: none;
    line-height: 3rem;
}
.nav__container .nav__list .nav__item[b-y393zbrm31]  .nav__link.active {
    background-color: #0a1430;
    color: white;
}

.nav__item[b-y393zbrm31]  .nav__link:hover {
    background-color: #1a2b50;
    color: white;
}
.nav__link-title[b-y393zbrm31] {
    font-size: var(--fs-lg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 5.5rem;
}
.nav__link-icon[b-y393zbrm31] {
    flex-shrink: 0;
    width: 1.5rem;
    text-align: center;
    font-size: var(--fs-2xl);
}

.nav__submenu-unit-list[b-y393zbrm31] {
    display: flex;
    flex-direction: column;
    background-color: #1e2a3f;
}
.nav__submenu-unit-item[b-y393zbrm31] {
    position: relative;
}
.nav__submenu-item[b-y393zbrm31] {
    position: relative;
}
.nav__submenu-unit-item:hover > nav__submenu-unit-list[b-y393zbrm31] {
    display: block;
}

.nav__submenu-unit-item .nav__submenu-unit-link[b-y393zbrm31] {
    display: flex;
    align-items: center;
    color: beige;
    text-decoration: none;
    padding: 0.75rem 1rem 0.75rem 3.25rem;
    border-bottom: 1px dotted #0a1430;
    font-size: var(--fs-body);
}

.nav__submenu-unit-item[b-y393zbrm31] {
/*    padding: 1rem 0 1rem 4.2rem;*/
    cursor:pointer;
}
    .nav__submenu-unit-item:hover[b-y393zbrm31] {
        background-color:#1e263b;
    }
.nav__submenu--status[b-y393zbrm31] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 3px; 
}
/* _content/SSm/Components/Pages/ColumnSettings.razor.rz.scp.css */


.cols-settings[b-cgyt5j2cjt] {
    top: 10%;
    left: 30%;
    width: 100%;
    background-color: white;
    padding: 0px;
    z-index: 1000;
    font-size: var(--fs-sm);
}

.cols-settings__draggable-item[b-cgyt5j2cjt] {
    padding: 3px;
    border: 1px solid #ccc;
    margin-bottom: 0px;
    background-color: #fff;
    cursor: move;
    font-size: var(--fs-sm);
    width: 100%;
}

.cols-settings__cols[b-cgyt5j2cjt] {
    max-height: 300px;
    overflow-y: auto;
    width: 48%;
    padding: 10px;
}

.cols-settings__btns[b-cgyt5j2cjt] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 0.75rem 0.5rem;
    font-size: var(--fs-sm);
}

.cols-settings__btn-primary[b-cgyt5j2cjt],
.cols-settings__btn-secondary[b-cgyt5j2cjt] {
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: 0.25rem;
    border: none;
    cursor: pointer;
    color: white;
}

.cols-settings__btn-primary[b-cgyt5j2cjt] {
    background-color: #1E40AF;
}

    .cols-settings__btn-primary:hover[b-cgyt5j2cjt] {
        background-color: #1E3A8A;
    }

.cols-settings__btn-secondary[b-cgyt5j2cjt] {
    background-color: #6c757d;
}

    .cols-settings__btn-secondary:hover[b-cgyt5j2cjt] {
        background-color: #5a6268;
    }

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

.visible[b-cgyt5j2cjt] {
    display: flex;
}

input[type="checkbox" i][b-cgyt5j2cjt] {
    background-color: #15244F !important;
}
/* _content/SSm/Components/Pages/Components.razor.rz.scp.css */
/*new design*/

/*animations*/
@keyframes fadeSlideIn-b-aeg3gyr1zc {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@keyframes spin-b-aeg3gyr1zc {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.project-btn[b-aeg3gyr1zc] {
    background: none;
    border: none;
    padding: 0;
/*    color: #007bff;
    text-decoration: underline;*/
    cursor: pointer;
    font: inherit;
    display: inline;
}

    .project-btn:hover[b-aeg3gyr1zc] {
        color: #0056b3;
        text-decoration: none;
    }
/*----------------------------------*/

.acces__btn--disabled[b-aeg3gyr1zc] {
    background-color: #ccc !important; /* Grey color */
    color: #666;
    cursor: not-allowed;
    /* When 'disabled' attribute is set, this is often enough, 
       but setting the class ensures consistency */
}

/* 2. Enabled/Changes Present (Changed color) */
.acces__btn--enabled[b-aeg3gyr1zc] {
    background-color: #1E3A8A; /* Example: Blue for enabled */
    color: white;
    cursor: pointer;
}

.design-page[b-aeg3gyr1zc] {
    display: flex; /* Use flex to arrange children */
    width: 100%; /* Ensure it takes full width */
    height: 94vh;
    max-width: none;
    background: whitesmoke;
    font-size: var(--fs-body);
}

.dot-loading[b-aeg3gyr1zc] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-4xl);
    font-weight: bold;
    color: #555;
    gap: 0.2rem;
}

    .dot-loading span[b-aeg3gyr1zc] {
        animation: blink 1.4s infinite;
    }

        .dot-loading span:nth-child(2)[b-aeg3gyr1zc] {
            animation-delay: 0.2s;
        }

        .dot-loading span:nth-child(3)[b-aeg3gyr1zc] {
            animation-delay: 0.4s;
        }


/*Settion - Left Section*/

.design-page__settings [b-aeg3gyr1zc]::-webkit-scrollbar {
    display: none;
}

.design-page__settings[b-aeg3gyr1zc] {
    position: absolute;
    top: 10vh;
    left: 2rem;
    width: 20%;
    height: 70vh;
    overflow-y: auto;
    overflow-x: clip;
    border: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.001), 0 3px 6px rgba(0,0,0,0.01);
    background: none;
}

.design-page__hided-settings[b-aeg3gyr1zc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 0.5rem;
    border-radius: 5px;
    letter-spacing: 10px;
    writing-mode: vertical-rl;
    /*    transform: rotate(180deg);*/
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 3px 6px rgba(0,0,0,0.01), 0 3px 6px rgba(0,0,0,0.05);
    cursor: pointer;
}

.design-page__hided-settings-title[b-aeg3gyr1zc] {
    letter-spacing: 0px;
    font-size: var(--fs-subtitle);
    font-weight: 600;
}

.design-page__settings-hide-btn[b-aeg3gyr1zc] {
    position: fixed;
    bottom: 50%;
    left: 21.69%;
    padding: 0.8rem 0.2rem;
    border: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: rgba(255,255,255,0.7);
    color: darkgray;
    font-size: var(--fs-lg);
    writing-mode: vertical-rl;
    z-index: 1000;
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
}

    .design-page__settings-hide-btn:hover[b-aeg3gyr1zc] {
        transform: scale(1.05);
        color: gray;
        background-color: rgb(255, 255, 255, 0.9);
    }

.design-page__settings-hide-icon[b-aeg3gyr1zc] {
    font-size: var(--fs-icon);
    cursor: pointer;
}

.design-page__vertical-tabs[b-aeg3gyr1zc] {
    display: flex;
    background: none;
    height: 100%;
}

.design-page__vertical-tab-list[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 2.5rem;
    height: 100%;
    /*    border-right: 1px solid #ddd;*/
    list-style-type: none;
    background: none;
}

.design-page__vertical-tab-item[b-aeg3gyr1zc] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #ddd;
    font-size: var(--fs-body);
    cursor: pointer;
}

    .design-page__vertical-tab-item.active[b-aeg3gyr1zc] {
        background-color: white;
        color: black;
        z-index: 1000;
    }

    .design-page__vertical-tab-item:hover[b-aeg3gyr1zc] {
        background-color: whitesmoke;
    }

.design-page__vertical-tab[b-aeg3gyr1zc] {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 10px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.design-page__vertical-tab-text[b-aeg3gyr1zc] {
    letter-spacing: 0px;
    font-size: var(--fs-md);
    font-weight: 600
}

.design-page__tab-content[b-aeg3gyr1zc] {
    height: 100%;
    /*    padding: 0.5rem;*/
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(255,255,255,1);
/*    box-shadow: -8px 0px 33px -2px rgba(0,0,0,0.24);*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.design-page__tab-content-list[b-aeg3gyr1zc] {
    display: block;
    background-color: none;
}

.design-page__tab-content-items[b-aeg3gyr1zc] {
    border-bottom: 1px solid lightgrey;
    /*    padding: 0.3rem;*/
}

.design-page__tab-content-item-title-wrapper[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

    .design-page__tab-content-item-title-wrapper:hover[b-aeg3gyr1zc] {
        background-color: rgba(255,255,255,0.7);
    }

        .design-page__tab-content-item-title-wrapper:hover .design-page__content-icon.bi-chevron-up[b-aeg3gyr1zc] {
            transform: scale(1.2) translateY(-1px);
            transition: transform 0.3s ease-in-out;
        }

        .design-page__tab-content-item-title-wrapper:hover .design-page__content-icon.bi-chevron-down[b-aeg3gyr1zc] {
            transform: scale(1.2) translateY(1px);
            transition: transform 0.3s ease-in-out;
        }

        .design-page__tab-content-item-title-wrapper:hover .design-page__tab-content-item-title[b-aeg3gyr1zc] {
        }

.design-page__content-icon[b-aeg3gyr1zc] {
    float: right;
    font-size: var(--fs-body);
    padding: 3px;
    cursor: pointer;
}

.design-page__tab-content-item-title[b-aeg3gyr1zc] {
    position: relative;
    display: inline-block;
    font-size: var(--fs-md);
    padding: 0.2rem;
    cursor: pointer;
}

.design-page__tab-content-item-wrapper[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 0.5rem;
    padding: 0.5rem 0.8rem 0.9rem 1.6rem;
    overflow: hidden;
    animation: expandAccordion-b-aeg3gyr1zc 0.6s ease-in-out forwards;
}

    .design-page__tab-content-item-wrapper.group[b-aeg3gyr1zc] {
        padding: 0.5rem 0.8rem 0.9rem 1rem;
    }

    .design-page__tab-content-item-wrapper[b-aeg3gyr1zc]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 1rem;
        height: 1px;
        width: 0;
        border-top: 1px dotted #a9a9a9;
        animation: drawBorderTop-b-aeg3gyr1zc 0.6s ease-out forwards;
    }

@keyframes expandAccordion-b-aeg3gyr1zc {
    from {
        max-height: 0;
    }

    to {
        max-height: 1500px;
    }
}

@keyframes drawBorderTop-b-aeg3gyr1zc {
    0% {
        width: 5%;
    }

    100% {
        width: 40%;
    }
}

.design-page__tab-content-item[b-aeg3gyr1zc] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--fs-xs);
}

    .design-page__tab-content-item.checkbox[b-aeg3gyr1zc] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
        width: 100%;
    }

.design-page__tab-content-summer[b-aeg3gyr1zc],
.design-page__tab-content-winter[b-aeg3gyr1zc],
.design-page__tab-content-coil[b-aeg3gyr1zc] {
    padding: 0.3rem;
    border: 1px solid lightgray;
}

.design-page__tab-content-group[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0.3rem 0.8rem 0.3rem;
    border-bottom: 1px dotted lightgray;
}

    .design-page__tab-content-group:last-child[b-aeg3gyr1zc] {
        border-bottom: none;
    }

.design-page__tab-content-label[b-aeg3gyr1zc] {
    flex: 0.6;
    font-weight: 400;
    font-size: var(--fs-xs);
}

    .design-page__tab-content-label.subject[b-aeg3gyr1zc] {
        font-weight: bold;
        font-size: var(--fs-body);
    }

    .design-page__tab-content-label.title[b-aeg3gyr1zc] {
        /*        font-size: var(--fs-md);
        background-color: #000;
        color: #fff;
        padding: 0.2rem 0.4rem;*/

        padding: 0.2rem 0.4rem;
        margin-bottom: 0.5rem;
        font-size: var(--fs-body);
        color: navy;
        font-weight: bold;
        text-align: start;
        background-color: white;
        border: 2px solid;
        border-radius: 3px;
    }

.design-page__tab-content-input-wrapper[b-aeg3gyr1zc] {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 0.3rem;
    font-size: var(--fs-xs);
    gap: 0.5rem;
}

    .design-page__tab-content-input-wrapper.aspect-r[b-aeg3gyr1zc] {
        display: flex;
        justify-content: flex-end;
    }

    .design-page__tab-content-input-wrapper.sp-airflow[b-aeg3gyr1zc] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .design-page__tab-content-input-wrapper.checkbox[b-aeg3gyr1zc] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

.design-page__tab-content-check-wrapper[b-aeg3gyr1zc] {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 0.3rem;
    gap: 0.5rem;
}

[b-aeg3gyr1zc] .design-page__tab-content-input {
    padding: 0.2rem 0.5rem;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid darkgray;
}

    [b-aeg3gyr1zc] .design-page__tab-content-input:focus {
        outline: none;
    }

[b-aeg3gyr1zc] .design-page__tab-content-input-select {
    position: relative;
    width: 100%;
    padding: 0.2rem;
    font-size: var(--fs-sm);
    border: none;
    border-bottom: 1px solid darkgray;
    background: none;
    border-radius: 3px;
    cursor: pointer;
}

    [b-aeg3gyr1zc] .design-page__tab-content-input-select option {
        border-radius: 0;
    }

    [b-aeg3gyr1zc] .design-page__tab-content-input-select:focus {
        outline: none;
    }

    [b-aeg3gyr1zc] .design-page__tab-content-input-select:hover {
        background-color: rgba(255,255,255,0.5);
    }

.design-page__tab-content-checkbox-text[b-aeg3gyr1zc] {
    width: 100%;
}

.design-page__tab-content-config-unit-btn[b-aeg3gyr1zc] {
    border: none;
    background: none;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .design-page__tab-content-config-unit-btn img[b-aeg3gyr1zc] {
        width: 1rem;
        height: 1rem;
        background: none;
    }

    .design-page__tab-content-config-unit-btn:hover[b-aeg3gyr1zc] {
        background-color: rgba(255,255,255,0.5);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

.design-page__tab-content-input-unit[b-aeg3gyr1zc] {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: black;
}

/*Canvas - Middle Section*/
.design-page__three-canvas-container[b-aeg3gyr1zc] {
    width: 100%;
    height: 92vh;
}

.design-page__canvas-wrapper[b-aeg3gyr1zc] {
    height: 100%;
}

.design-page__3d-canvas[b-aeg3gyr1zc] {
    width: 100%;
    height: 100%;
}
/*  Canvas-nav*/
.design-page__canvas-nav[b-aeg3gyr1zc] {
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 1.6rem;
    margin: 1rem 2rem 0.5rem 2rem;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.05);
    border-radius: 7px;
    z-index: 1000;
}

.design-page__title[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.design-page__unit-title[b-aeg3gyr1zc] {
    padding-right: 2rem;
    margin-right: 1.5rem;
    border-right: 1px solid lightgray;
    font-weight: 500;
    font-size: var(--fs-2xl);
    cursor: default;
}

.design-page__project-title[b-aeg3gyr1zc] {
    position: relative;
    font-size: var(--fs-md);
    z-index: 400;
}

.design-page__project-title-link[b-aeg3gyr1zc] {
    text-decoration: none;
    color: dimgray;
}

    .design-page__project-title-link:hover[b-aeg3gyr1zc] {
        color: lightgray;
    }

.design-page__canvas-nav-btn-container[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.design-page__canvas-nav-dropdown[b-aeg3gyr1zc] {
    position: relative;
}

    .design-page__canvas-nav-dropdown.zoom[b-aeg3gyr1zc] {
        display: flex;
        flex-direction: row;
        border-right: 1px solid lightgray;
        padding-right: 1rem;
    }

.design-page__canvas-nav-dropdown-btn[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-lg);
    border: none;
    cursor: pointer;
    background-color: white;
    transition: transform 0.2s ease;
}

    .design-page__canvas-nav-dropdown-btn:hover[b-aeg3gyr1zc] {
        transform: scale(1.2);
    }

    .design-page__canvas-nav-dropdown-btn.active[b-aeg3gyr1zc] {
        transform: scale(1.2);
    }

    .design-page__canvas-nav-dropdown-btn:disabled[b-aeg3gyr1zc] {
        cursor: not-allowed; 
        opacity: 0.8; 
    }

.design-page__canvas-nav-dropdown-btn-img[b-aeg3gyr1zc] {
    width: 1.5rem;
    height: 1.5rem;
    background-color: none;
}

    .design-page__canvas-nav-dropdown-btn:disabled .design-page__canvas-nav-dropdown-btn-img[b-aeg3gyr1zc] {
        filter: grayscale(100%);
        opacity: 0.5;
        transform: none;
        pointer-events: none;
    }
.design-page__canvas-nav-dropdown-btn-loader[b-aeg3gyr1zc] {
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid rgba(255,255,255,0.3);
    border-top: 3px solid blue;
    border-radius: 50%;
    animation: spin-b-aeg3gyr1zc 0.8s linear infinite;
}
.design-page__export-dropdown-item[b-aeg3gyr1zc] {
display: block;
width: 100%;
text-align: left;
padding: 0.75rem 1rem;
background-color: transparent;
border: none;
font-size: var(--fs-lg);
cursor: pointer;
transition: background-color 0.2s;
color: #333;
}

    .design-page__export-dropdown-item:hover[b-aeg3gyr1zc] {
        background-color: #f2f4f8;
    }

.design-page__canvas-nav-dropdown-content[b-aeg3gyr1zc] {
    display: none;
}

    .design-page__canvas-nav-dropdown-content.visible[b-aeg3gyr1zc] {
        display: block;
        position: absolute;
        left: -0.7rem;
        top: 2.2rem;
        min-width: 40px;
        z-index: 1;
        background-color: white;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 4px 8px 16px 0px rgba(0, 0, 0, 0.05);
        cursor: pointer;
        opacity: 0;
        transform: translateY(-10px);
        animation: fadeSlideIn-b-aeg3gyr1zc 0.3s ease-out forwards;
    }

    .design-page__canvas-nav-dropdown-content.export-dropdown.visible[b-aeg3gyr1zc] {
        top: 2.2rem;
        width: 15rem;
        min-width: 5rem;
    }

.design-page__canvas-nav-dropdown-content-btn[b-aeg3gyr1zc] {
    padding: 0.2rem 1rem;
}

    .design-page__canvas-nav-dropdown-content-btn:hover[b-aeg3gyr1zc] {
        background-color: lightgray;
    }

/* old code */
.add-item:hover .add-submenu[b-aeg3gyr1zc] {
    /* Allow interactions inside the submenu */
}

.add-submenu:hover .add-submenu[b-aeg3gyr1zc] {
    display: block;
    pointer-events: auto; /* Allow interactions inside the submenu */
}

.add-submenu div[b-aeg3gyr1zc] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    /* Highlight effect on hover */
    .add-submenu div:hover[b-aeg3gyr1zc] {
        transform: scale(1.1);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    .add-submenu div:last-child[b-aeg3gyr1zc] {
        margin-bottom: 0;
    }


/*---------------------------------*/
/*context-menu_right click of the cube*/

.design-page__context-menu[b-aeg3gyr1zc] {
    position: absolute;
    margin-top: -3.35rem;
    display: none;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 5px #ddd;
    z-index: 1000;
}

    .design-page__context-menu.unittag[b-aeg3gyr1zc] {
        position: fixed;
        padding: 6px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.08);
        min-width: 150px;
        animation: contextMenuFadeIn-b-aeg3gyr1zc 0.12s ease-out;
    }

    .design-page__context-menu.unittag .design-page__context-menu-item[b-aeg3gyr1zc] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 12px;
        border-radius: 6px;
        font-size: var(--fs-body);
        font-weight: 500;
        color: #1a1a2e;
        transition: background-color 0.15s ease;
    }

    .design-page__context-menu.unittag .design-page__context-menu-item:hover[b-aeg3gyr1zc] {
        background-color: #f0f4ff;
        color: #1E3A8A;
    }

    .design-page__context-menu.unittag .design-page__context-menu-item.delete[b-aeg3gyr1zc] {
        color: #dc2626;
    }

    .design-page__context-menu.unittag .design-page__context-menu-item.delete:hover[b-aeg3gyr1zc] {
        background-color: #fff1f1;
        color: #b91c1c;
    }

    .design-page__context-menu.unittag .design-page__context-menu-item.delete.item-disabled[b-aeg3gyr1zc] {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .design-page__context-menu.unittag .design-page__context-menu-item.delete.item-disabled:hover[b-aeg3gyr1zc] {
        background-color: transparent;
        color: #dc2626;
    }

.design-page__context-menu-tooltip[b-aeg3gyr1zc] {
    position: absolute;
    right: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
    background: #1f2937;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: var(--fs-sm);
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
    z-index: 10;
}

.design-page__context-menu-tooltip[b-aeg3gyr1zc]::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-left-color: #1f2937;
}

.design-page__context-menu-tooltip.right[b-aeg3gyr1zc] {
    right: auto;
    left: calc(100% + 8px);
}

.design-page__context-menu-tooltip.right[b-aeg3gyr1zc]::after {
    left: auto;
    right: 100%;
    border-left-color: transparent;
    border-right-color: #1f2937;
}

.design-page__context-menu.unittag .design-page__context-menu-item.item-disabled:hover .design-page__context-menu-tooltip[b-aeg3gyr1zc] {
    opacity: 1;
}

@keyframes contextMenuFadeIn-b-aeg3gyr1zc {
    from {
        opacity: 0;
        transform: translateY(4px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.design-page__context-menu-item-wrapper[b-aeg3gyr1zc] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.design-page__context-menu-divider[b-aeg3gyr1zc] {
    height: 1px;
    background-color: #e5e7eb;
    margin: 4px 6px;
}

.design-page__context-menu-item-icon[b-aeg3gyr1zc] {
    font-size: 0.85rem;
    flex-shrink: 0;
}

.design-page__context-menu-item[b-aeg3gyr1zc] {
    position: relative;
    padding: 0.7rem 1.5rem;
    font-size: var(--fs-body);
    cursor: pointer;
}

    .design-page__context-menu-item:hover[b-aeg3gyr1zc] {
        background-color: #f0f0f0;
    }

        .design-page__context-menu-item:hover .design-page__context-sub-menu[b-aeg3gyr1zc] {
            display: block;
            pointer-events: auto;
        }

.design-page__context-sub-menu[b-aeg3gyr1zc] {
    display: none;
    position: absolute;
    margin-top: -1.85rem;
    margin-left: 4.3rem;
    list-style: none;
    padding: 0.1rem;
    background-color: white;
    /*    border: 1px solid #ccc;*/
    /*    border-radius: 4px;*/
    z-index: 1000;
}

.design-page__context-sub-menu-btn[b-aeg3gyr1zc] {
    padding: 0.3rem 0.6rem;
    border: aliceblue;
    cursor: pointer;
}

    .design-page__context-sub-menu-btn:hover[b-aeg3gyr1zc] {
        background-color: #fff;
    }

    .design-page__context-sub-menu-btn:disabled[b-aeg3gyr1zc] {
        /* Different color when disabled */
        background-color: #c0c0c0;
        color: #6c757d;
        cursor: not-allowed !important;
    }

.design-page__context-sub-menu-img[b-aeg3gyr1zc] {
    width: 30px;
    height: 30px;
}
/*  bottom-tab*/
.design-page__unit-tags[b-aeg3gyr1zc] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: auto;
    background: darkgray;
    z-index: 500;
}

.design-page__unit-tag-tab-button[b-aeg3gyr1zc] {
    padding: 0 0.5rem;
    cursor: pointer;
    border: none;
    border-bottom: 2px solid transparent;
    font-weight: 500;
    background: none;
/*    color: white;*/
}

.design-page__unit-tags-container[b-aeg3gyr1zc] {
/*    margin-top: -0.5px;*/
}
.design-page__unit-tag[b-aeg3gyr1zc] {
    position: relative;
    top: 0;
    padding: 5px;
    cursor: pointer;
    /*    border-bottom: 1px solid transparent;*/
    font-weight: normal;
    /*    border-right: 2px solid #313b3f;*/
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*background-color: white;*/
    /*    border-bottom: 1px solid #000;*/
    font-size: var(--fs-lg);
    background-color: #ccc;
}

    .design-page__unit-tag:hover[b-aeg3gyr1zc] {
        background-color: #ddd;
        color: #007BFF;
    }

    .design-page__unit-tag.active[b-aeg3gyr1zc] {
        background-color: #F5F5F5;
    }

        .design-page__unit-tag.active .design-page__unit-tag-tab-button[b-aeg3gyr1zc] {
            color: black;
        }

.unit-tag-plus[b-aeg3gyr1zc] {
    font-size: var(--fs-3xl);
    color: white;
}

.design-page__unit-tag.active[b-aeg3gyr1zc] {
    font-weight: bold;
    border-bottom: 2px solid #fff;
}


/*Parts - Right Section*/
.design-page__parts[b-aeg3gyr1zc] {
    position: absolute;
    top: 10vh;
    right: 2rem;
    display: flex;
    flex-direction: row;
    height: 70vh;
    width: auto;
}

.design-page__hided-parts[b-aeg3gyr1zc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
    padding: 5px;
    letter-spacing: 10px;
    font-size: var(--fs-lg);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background: darkgray;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}

.design-page__parts-hide-btn[b-aeg3gyr1zc] {
    position: absolute;
    bottom: 50%;
    right: 73%;
    padding: 0.2rem 0.8rem;
    background-color: darkgray;
    border: none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #f1f1f1;
    transition: transform 0.1s ease-in-out;
    transform: rotate(-90deg);
    transform-origin: top left;
    z-index: 1000;
    cursor: pointer;
}

    .design-page__parts-hide-btn:hover[b-aeg3gyr1zc] {
        transform: scale(1.05) rotate(-90deg);
        color: #fff;
        transform-origin: top left;
    }

.design-page__parts-hide-icon[b-aeg3gyr1zc] {
    font-size: var(--fs-body);
    cursor: pointer;
}

.design-page__parts-container[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background-color: darkgray;
    border-radius: 10px;
}

.design-page__parts.highlight[b-aeg3gyr1zc] {
    background-color: antiquewhite;
    z-index: 1000;
}

.design-page__parts-wrapper[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: column;
    flex: 0.5;
    margin: 1rem 1rem 1rem 1rem;
    background-color: white;
    border-radius: 5px;
}

    .design-page__parts-wrapper:nth-child(1)[b-aeg3gyr1zc] {
        margin-bottom: 0;
        border-top: 2px solid #ccc;
    }

    .design-page__parts-wrapper:nth-child(2)[b-aeg3gyr1zc] {
        border-top: 2px solid #ccc;
    }

    .design-page__parts-wrapper.non-clickable[b-aeg3gyr1zc] {
        opacity: 0.8;
    }

.design-page__parts-title[b-aeg3gyr1zc] {
    padding: 1rem 0.5rem;
    font-size: var(--fs-body);
    text-align: center;
}

.design-page__parts-list[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-bottom: 1rem;
    gap: 5px;
}

.design-page__part-divider[b-aeg3gyr1zc] {
    display: flex;
    flex-direction: column;
}

.design-page__parts-item[b-aeg3gyr1zc] {
    border: aliceblue;
    background: white;
}

.design-page__parts-item-img[b-aeg3gyr1zc] {
    width: 2rem;
    height: 2rem;
}


[hidden][b-aeg3gyr1zc], .hidden[b-aeg3gyr1zc] {
    display: none !important;
}


/*-------------------------------------------*/
.pop[b-aeg3gyr1zc] {
    /*    position: relative;*/
    top: 10px !important;
    right: 10px;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 9%;
    width: 80%;
}

.apply[b-aeg3gyr1zc] {
    bottom: 30px;
    right: 10px;
    float: right;
    background-color: #0a58ca;
    display: none;
}

.input-wrapper[b-aeg3gyr1zc] {
    position: relative;
    display: inline-block;
    right: 4px;
}

.label-wrapper[b-aeg3gyr1zc] {
    position: relative;
    display: inline-block;
    left: 4px;
}



.unit[b-aeg3gyr1zc] {
    position: absolute;
    right: 20px; /* Adjust based on your padding */
    top: 50%;
    transform: translateY(-50%);
    color: black;
}

input[type="number"][b-aeg3gyr1zc]::-webkit-outer-spin-button,
input[type="number"][b-aeg3gyr1zc]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


label[b-aeg3gyr1zc] {
    font-weight: bold;
}

/* Dropdown content */
.dropdown-content[b-aeg3gyr1zc] {
    /*  display: none; */
}

.highlightunit[b-aeg3gyr1zc] {
    font-weight: bold;
    color: #007bff; /* Customize color */
}


/* Hide the nested menu by default */


/* Show the submenu when hovering over the "Add" item */





button[disabled][b-aeg3gyr1zc] {
    opacity: 0.3;
}

#threeCanvasContainer[b-aeg3gyr1zc] {
    flex-grow: 1; /*Allow the canvas container to grow */
    width: auto; /* Prevent fixed width */
}

#threeCanvas[b-aeg3gyr1zc] {
    width: 100%; /*Ensure the canvas takes full width of its parent */
    height: 100%; /*  Ensure the canvas takes full height of its parent */
}

/*#leftPanel, #threeCanvasContainer, #rightPanel {
    height: 100%;*/ /*Make each panel take the full height of the container */
/*}*/

.content[b-aeg3gyr1zc] {
    background: whitesmoke;
    width: auto;
}

article[b-lcuaypmvm3][b-aeg3gyr1zc] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

canvas[b-aeg3gyr1zc] {
    flex: 1;
    display: block;
    height: 100%;
}

.dark-mode[b-aeg3gyr1zc] {
    background: #313b3f;
}

.light-mode[b-aeg3gyr1zc] {
    background: #F5F5F5;
}
/* _content/SSm/Components/Pages/ConfigureUnit.razor.rz.scp.css */
/*New Style*/
.units__form[b-l1sy0hqryt] {
    width: 60vw;
}

.units__tabs-header[b-l1sy0hqryt] {
    display: flex;
    gap: 0.1rem;
}

.units__tab-button[b-l1sy0hqryt] {
    flex: 0.5 auto;
    padding: 0.5rem 1rem;
    border: none;
    background-color: #f0f0f0;
    color: darkgray;
    font-size: var(--fs-md);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .units__tab-button:hover[b-l1sy0hqryt] {
        background: linear-gradient(145deg, #80c7ff, #66b3ff);
        color: white;
    }

    .units__tab-button.active[b-l1sy0hqryt] {
        background: linear-gradient(145deg, #007bff, #0056b3);
        color: white;
        font-size: var(--fs-md);
        font-weight: 500;
    }

    .units__tab-button:disabled[b-l1sy0hqryt] {
        background: linear-gradient(145deg, #ddd, #ccc);
        opacity: 0.6;
        color: darkgray;
        cursor: not-allowed;
        box-shadow: none;
    }

.visible[b-l1sy0hqryt] {
    display: block;
}

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

.units__tab-general-info[b-l1sy0hqryt] {
    display: none;
}

    .units__tab-general-info.show.active[b-l1sy0hqryt] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem 0.5rem;
        background-color: #f9f9f9;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .units__tab-general-info .units__item-selection-group[b-l1sy0hqryt] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        background: white;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 0.5rem;
    }

    .units__tab-general-info .units__item-group-wrapper[b-l1sy0hqryt] {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }
    .units__tab-general-info .units__item-required-group[b-l1sy0hqryt] {
        display: flex;
        flex-direction: column;
        /*    gap:0.5rem;*/
        flex: 1;
        background: white;
        border: 1px solid #ddd;
        border-radius: 5px;
    }
    .units__tab-general-info .units__item-group-title[b-l1sy0hqryt] {
        font-weight: bold;
        font-size: var(--fs-md);
        color: #333;
        padding: 0.5rem;
        border-bottom: 1px solid #ddd;
    }

    .units__tab-general-info .units__item-group-title-row[b-l1sy0hqryt] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .units__tab-general-info .units__item-group-notices[b-l1sy0hqryt] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
    }

    .units__tab-general-info .units__item-group-notice[b-l1sy0hqryt] {
        font-size: var(--fs-caption);
        color: #d11;
        font-weight: 500;
    }
    .units__tab-general-info .units__tab-item[b-l1sy0hqryt] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem;
        /*    background: white;*/
        /*    border: 1px solid #ddd;*/
        /*    border-radius: 5px;*/
        flex: 1;
    }

    .units__tab-general-info .units__item-title[b-l1sy0hqryt] {
        font-weight: bold;
        font-size: var(--fs-body);
        color: #333;
        width: 7rem;
        flex-shrink: 0;
    }

    .units__tab-general-info .units__item-title-text[b-l1sy0hqryt] {
        font-weight: bold;
        font-size: var(--fs-body);
        color: #333;
        width: 7rem;
        flex-shrink: 0;
    }

    .units__tab-general-info .units__item-input-group[b-l1sy0hqryt] {
        position: relative;
        display: flex;
        align-items: center;
/*        width: 45%;*/
        flex: 1;
        gap: 8px;
    }

[b-l1sy0hqryt] .units__item-input, [b-l1sy0hqryt] .units__item-opt {
    width: 100%;
    padding: 0.2rem 0.7rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: var(--fs-md);
    outline: none;
}

    [b-l1sy0hqryt] .units__item-input:focus {
        outline: none;
    }

.units__tab-general-info .units__item-unit[b-l1sy0hqryt] {
    position: absolute;
    margin-top: 0.6rem;
    right: 11%;
    font-size: var(--fs-xs);
    color: #666;
}

.units__carousel-wrapper[b-l1sy0hqryt] {
    position: relative;
    width: 100%;
}

.units__carousel-container[b-l1sy0hqryt] {
    position: relative;
    width: 100%;
    padding: 1rem 4rem 0 4rem;
    overflow: hidden;
}

.units__carousel[b-l1sy0hqryt] {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 200%
}

.units__carousel-slide[b-l1sy0hqryt] {
    display: none;
}

    .units__carousel-slide.active[b-l1sy0hqryt] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

.units__carousel-items[b-l1sy0hqryt] {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    width: 100%;
}

.units__carousel-item[b-l1sy0hqryt] {
    padding: 1rem 0;
}

.units__carousel-slide img[b-l1sy0hqryt] {
    width: 100%;
    cursor: pointer;
    padding: 1rem 0;
    transition: transform 0.2s ease-in-out, background-color 0.3s ease-in-out;
}

    .units__carousel-slide img.clicked[b-l1sy0hqryt] {
        background-color: rgba(211, 211, 211, 0.4);
        border-radius: 8px;
        transform: scale(1.1);
    }

.units__carousel-button[b-l1sy0hqryt] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: black;
    padding: 1rem;
    z-index: 100;
}

.units__carousel-button--prev[b-l1sy0hqryt] {
    left: -0.5rem;
}

.units__carousel-prev-icon[b-l1sy0hqryt] {
    font-size: 3rem;
}

.units__carousel-button--next[b-l1sy0hqryt] {
    right: -0.5rem;
}

.units__carousel-next-icon[b-l1sy0hqryt] {
    font-size: 3rem;
}

.units__tab-cabinet[b-l1sy0hqryt] {
    position:relative;
    display: none;
}

    .units__tab-cabinet.show.active[b-l1sy0hqryt] {
        display: block;
    }

.units__cabinet-table[b-l1sy0hqryt] {
    margin-bottom: 1rem;
}

.units__cabinet-table-th[b-l1sy0hqryt] {
    font-weight: 500;
    font-size: var(--fs-body);
    text-align: center;
    border: 1px solid #dee2e6;
}

    .units__cabinet-table-th.width[b-l1sy0hqryt] {
        font-size: var(--fs-md);
        font-weight: 600;
        padding: 0.5rem;
    }

    .units__cabinet-table-th.selected[b-l1sy0hqryt] {
        background-color: lightgray;
        border: 2px solid gray;
    }

    .units__cabinet-table-th.vertical[b-l1sy0hqryt] {
        padding: 0 0.7rem;
        writing-mode: vertical-rl;
        vertical-align: middle;
        transform: rotate(180deg);
        font-size: var(--fs-md);
        font-weight: 600;
    }

.units__cabinet-table-td[b-l1sy0hqryt] {
    padding: 0;
    border-radius: .2rem;
}

.units__cabinet-table-td[b-l1sy0hqryt], .units__cabinet-table-th[b-l1sy0hqryt] {
    border: 1px solid #dee2e6;
    font-size: var(--fs-body);
    padding: 0.1rem;
    text-align: center;
}

.units__cabinet-data-btn[b-l1sy0hqryt] {
    font-size: var(--fs-md);
    padding: 0.8rem 0.5rem;
    border: none;
    border-radius: 0;
    background-color: transparent;
    outline: none;
}

    .units__cabinet-data-btn:focus-visible[b-l1sy0hqryt] {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #258cfb;
        border-radius: 3px;
    }

.units__cabinet-table-td:hover[b-l1sy0hqryt] {
    box-shadow: 0 1px 0 rgba(0,0,0,.04) inset, 0 2px 8px rgba(0,0,0,.06);
}

.units__cabinet-table-td.is-selected[b-l1sy0hqryt] {
    outline: 3px solid #fff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #258cfb, 0 2px 10px rgba(0,0,0,.08);
    position: relative;
}

    .units__cabinet-table-td.is-selected .units__cabinet-data-btn[b-l1sy0hqryt] {
        font-weight: 600;
    }

.units__modal-btn-container[b-l1sy0hqryt] {
    display: flex;
    padding: 1rem 0 0.2rem 0;
    justify-content: space-between;
}

.units__modal-btn[b-l1sy0hqryt] {
    padding: 0.5rem 1rem;
    background-color: #294eb6;
    font-size: var(--fs-body);
    border-radius: .25rem;
    color: white;
    border: none;
}

    .units__modal-btn:hover[b-l1sy0hqryt] {
        background-color: #1E3A8A;
    }
.left[b-l1sy0hqryt] {
    float: left;
}

.right[b-l1sy0hqryt] {
    float: right;
    margin-left: auto;
}

.disabled-img[b-l1sy0hqryt] {
    opacity: 0.4;
    pointer-events: none;
    filter: grayscale(100%);
}

/*tooltip on Supply Airflow*/
[tooltip][b-l1sy0hqryt] {
    position: relative;
}

    [tooltip][b-l1sy0hqryt]::before,
    [tooltip][b-l1sy0hqryt]::after {
        position: absolute;
        display: none;
        opacity: 0;
        pointer-events: none;
        user-select: none;
        font-size: var(--fs-body);
        line-height: 1;
        z-index: 1000;
    }

    [tooltip][b-l1sy0hqryt]::before {
        content: '';
        border: 5px solid transparent;
    }

    [tooltip][b-l1sy0hqryt]::after {
        content: attr(tooltip);
        background: #333;
        color: #fff;
        padding: 0.5em 1em;
        border-radius: 0.3em;
        white-space: nowrap;
        box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    }

    [tooltip]:hover[b-l1sy0hqryt]::before,
    [tooltip]:hover[b-l1sy0hqryt]::after {
        display: block;
        animation: tooltips-vert-b-l1sy0hqryt 300ms ease-out forwards;
    }

    [tooltip][flow^="down"][b-l1sy0hqryt]::before {
        top: 100%;
        border-top-width: 0;
        border-bottom-color: #333;
        left: 50%;
        transform: translate(-50%, 0.5em);
    }

    [tooltip][flow^="down"][b-l1sy0hqryt]::after {
        top: calc(100% + 5px);
        left: 50%;
        transform: translate(-50%, 0.5em);
    }


    [tooltip]:hover[b-l1sy0hqryt]::before,
    [tooltip]:hover[b-l1sy0hqryt]::after,
    [tooltip].focused[b-l1sy0hqryt]::before,
    [tooltip].focused[b-l1sy0hqryt]::after {
        display: block;
        animation: tooltips-vert-b-l1sy0hqryt 300ms ease-out forwards;
    }

@keyframes tooltips-vert-b-l1sy0hqryt {
    to {
        opacity: 0.9;
        transform: translate(-50%, 0);
    }
}

.units__cell[b-l1sy0hqryt] {
    position: relative;
    display: inline-block
}

.units__tooltip[b-l1sy0hqryt] {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: .6rem .7rem;
    font-size: var(--fs-sm);
    line-height: 1.2;
    width:13rem;
    max-width: 15rem;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    pointer-events: none;
    opacity: 0;
    transition: opacity .12s ease;
    z-index: 1000;
    white-space: normal;
    word-wrap: break-word
}

.units__cell:hover .units__tooltip[b-l1sy0hqryt]{
    opacity: 1
}

.units__tooltip.pos-br[b-l1sy0hqryt] {
    top: 100%;
    left: 100%;
    transform: translate(10px,-10px)
}

.units__tooltip.pos-tr[b-l1sy0hqryt] {
    bottom: 100%;
    left: 100%;
    top: auto;
    transform: translate(10px,10px)
}

.units__tooltip.pos-bl[b-l1sy0hqryt] {
    top: 100%;
    right: 100%;
    left: auto;
    transform: translate(-10px,-10px)
}

.units__tooltip.pos-tl[b-l1sy0hqryt] {
    bottom: 100%;
    right: 100%;
    left: auto;
    top: auto;
    transform: translate(-10px,10px)
}
/*--------------------------------------------------*/
/* _content/SSm/Components/Pages/CopyProject.razor.rz.scp.css */

.projects__div-btns[b-oqcbvsl39e] {
    padding: 15px 0 5px 0;
}

.projects__empty-row[b-oqcbvsl39e], projects__row-filter[b-oqcbvsl39e], projects__row-testing[b-oqcbvsl39e] {
    margin-top: 5px;
}

.projects__frame-design[b-oqcbvsl39e] {
    height: 218px;
    top: -58px;
}

.projects__row-design[b-oqcbvsl39e] {
    margin-top: 5px;
}

.projects__frame-base[b-oqcbvsl39e] {
    height: 345px;
    top: -78px;
}

.projects__frame-door[b-oqcbvsl39e] {
    height: 345px;
}

.projects__CFM[b-oqcbvsl39e] {
    margin-left: 5px;
}

.projects__row-fan[b-oqcbvsl39e] {
    margin-top: 5px;
}

.projects__frame-motor[b-oqcbvsl39e] {
    height: 423px;
    top: -234px;
}

select[b-oqcbvsl39e] {
    padding: 1px 0px 1px 0px !important;
}

#myTabContent[b-oqcbvsl39e], .form-control[b-oqcbvsl39e] {
    font-size: var(--fs-sm);
    padding: 0.01rem;
}

.mb-3[b-oqcbvsl39e] {
    margin-bottom: 0.001rem !important;
}

.col-form-label[b-oqcbvsl39e] {
    padding-top: calc(.005rem + 1px);
    padding-bottom: calc(.005rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.nav-tabs .nav-item.show .nav-link[b-oqcbvsl39e], .nav-tabs .nav-link.active[b-oqcbvsl39e] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-pills .nav-link.active[b-oqcbvsl39e], .nav-pills .show > .nav-link[b-oqcbvsl39e] {
    background-color: #0d6efd;
}

#myTab .nav-link[b-oqcbvsl39e] {
    /* color: #fff;  Main tab text color */
}

#constructionSubTab .nav-link[b-oqcbvsl39e], #paramsSubTab .nav-link[b-oqcbvsl39e] {
    color: #0d6efd; /* Sub-tab text color */
}

    #constructionSubTab .nav-link.active[b-oqcbvsl39e], #paramsSubTab .nav-link.active[b-oqcbvsl39e] {
        color: #fff; /* Sub-tab text color */
    }




.mt-3[b-oqcbvsl39e] {
    margin-top: .1rem !important;
}

.radio-item[b-oqcbvsl39e] {
    margin-right: 5px; /* Adjust the value as needed */
}

.projects__input-wrapper[b-oqcbvsl39e] {
    position: relative;
    display: inline-block;
}

.projects__label-wrapper[b-oqcbvsl39e] {
    position: relative;
    display: inline- block;
    /*  left: 4px; */
}

.projects__coil-font-weight[b-oqcbvsl39e] {
    font-weight: 600;
}

.projects__frame-set[b-oqcbvsl39e] {
    height: 459.5px;
    top: -271px;
}

.projects__input-with-unit[b-oqcbvsl39e] {
    padding-right: 40px; /* Adjust based on the width of the unit text */
    background-color: #f8f9fa;
    padding: 0em 0.25em;
    font-size: var(--fs-sm);
}

.projects__unit[b-oqcbvsl39e] {
    position: absolute;
    right: 33px; /* Adjust based on your padding */
    top: 50%;
    transform: translateY(-50%);
    color: black;
    pointer-events: none; /* Prevent the unit from being interactive */
}

.projects__row-cons[b-oqcbvsl39e] {
    margin-top: 5px;
}

.box[b-oqcbvsl39e] {
    display: inline-block;
    width: 28%;
    padding: 10px;
    border: 1px solid green;
    margin: 5px;
    box-sizing: border-box;
}

.conbox[b-oqcbvsl39e] {
    padding: 10px;
    border: 1px solid green;
    margin: 5px;
    box-sizing: border-box;
}

.projects__frame[b-oqcbvsl39e] {
    display: inline-block;
    /* width: 28%; */
    position: relative;
    border: 1px solid green;
    padding: 20px 10px 10px 10px; /* Adjust padding to make space for the header */
    margin: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background: whitesmoke !important;
}

.frame[b-oqcbvsl39e] {
    position: relative;
    border: 1px solid green;
    padding: 20px 10px 10px 10px; /* Adjust padding to make space for the header */
    margin: 5px;
    box-sizing: border-box;
    border-radius: 5px;
}

.projects__frame-header[b-oqcbvsl39e] {
    position: absolute;
    top: -10px; /* Adjust as needed */
    left: 10px; /* Align with the frame's padding */
    background-color: whitesmoke;
    padding: 0 12px;
    font-weight: 600;
    font-size: var(--fs-lg);
    border-radius: 3px;
}
/* _content/SSm/Components/Pages/CopyUnit.razor.rz.scp.css */
.units__div-btns[b-nca6w9emfk] {
    margin-top: 20px;
}
/* _content/SSm/Components/Pages/CreateUnit.razor.rz.scp.css */
/*New Style*/
.units__form[b-qvbf5v8ad7]{
    width:60vw;
}
.units__tabs-header[b-qvbf5v8ad7] {
    display: flex;
    gap: 0.1rem;
}

.units__tab-button[b-qvbf5v8ad7] {
    flex: 0.5 auto;
    padding: 0.5rem 1rem;
    border: none;
    background-color: #f0f0f0;
    color: darkgray;
    font-size: var(--fs-md);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s;
}
    .units__tab-button:hover[b-qvbf5v8ad7] {
        background: linear-gradient(145deg, #80c7ff, #66b3ff);
        color: white;
    }

    .units__tab-button.active[b-qvbf5v8ad7] {
        background: linear-gradient(145deg, #007bff, #0056b3);
        color: white;
        font-size: var(--fs-md);
        font-weight:500;
    }

    .units__tab-button:disabled[b-qvbf5v8ad7] {
        background: linear-gradient(145deg, #ddd, #ccc);
        opacity: 0.6;
        color: darkgray;
        cursor: not-allowed;
        box-shadow: none;
    }
.visible[b-qvbf5v8ad7] {
    display: block;
}

.hidden[b-qvbf5v8ad7] {
    display: none;
}
.units__tab-general-info[b-qvbf5v8ad7]{
    display:none;
}
.units__tab-general-info.show.active[b-qvbf5v8ad7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0.5rem;
    background-color: #f9f9f9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
    .units__tab-general-info .units__item-selection-group[b-qvbf5v8ad7] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        background: white;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 0.5rem;
    }
    .units__tab-general-info .units__item-group-wrapper[b-qvbf5v8ad7] {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;        
    }

.units__tab-general-info .units__item-required-group[b-qvbf5v8ad7] {
    display: flex;
    flex-direction: column;
    /*    gap:0.5rem;*/
    flex: 1;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
}
    .units__tab-general-info .units__item-group-title[b-qvbf5v8ad7] {
        font-weight: bold;
        font-size: var(--fs-md);
        color: #333;
        padding: 0.5rem;
        border-bottom: 1px solid #ddd;
    }
    .units__tab-general-info .units__item-group-title-row[b-qvbf5v8ad7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .units__tab-general-info .units__item-group-notices[b-qvbf5v8ad7] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
    }

    .units__tab-general-info .units__item-group-notice[b-qvbf5v8ad7] {
        font-size: var(--fs-xs);
        color: #d11;
        font-weight: 500;
    }
.units__tab-general-info .units__tab-item[b-qvbf5v8ad7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    /*    background: white;*/
    /*    border: 1px solid #ddd;*/
    /*    border-radius: 5px;*/
    flex: 1;
}
.units__tab-general-info .units__item-title[b-qvbf5v8ad7] {
    font-weight: bold;
    font-size: var(--fs-body);
    color: #333;
    width: 4.5rem;
    flex-shrink: 0;
}
.units__tab-general-info .units__item-title-text[b-qvbf5v8ad7] {
    font-weight: bold;
    font-size: var(--fs-body);
    color: #333;
    width: 4.5rem;
    flex-shrink: 0;
}
.units__tab-general-info .units__item-input-group[b-qvbf5v8ad7] {
    position:relative;
    display: flex;
    align-items: center;
/*    width:45%;*/
    gap: 8px;
    flex:1;
}
[b-qvbf5v8ad7] .units__item-input, [b-qvbf5v8ad7] .units__item-opt {
    width:100%;
    padding: 0.2rem 0.7rem;
    border: 1px solid #ccc;
    border-radius:3px;
    font-size: var(--fs-md);
    outline: none;
}
[b-qvbf5v8ad7] .units__item-opt {
    min-width: 4.5rem;
}
[b-qvbf5v8ad7] .units__item-input:focus {
    outline: none;
}
.units__tab-general-info .units__item-unit[b-qvbf5v8ad7] {
    font-size: var(--fs-xs);
    color: #666;
    white-space: nowrap;
    flex-shrink: 0;
}

.disabled-img[b-qvbf5v8ad7] {
    opacity: 0.4;
    pointer-events: none;
    filter: grayscale(100%);
}

/*tooltip on Supply Airflow*/
[tooltip][b-qvbf5v8ad7] {
    position: relative;
}

    [tooltip][b-qvbf5v8ad7]::before,
    [tooltip][b-qvbf5v8ad7]::after {
        position: absolute;
        display: none;
        opacity: 0;
        pointer-events: none;
        user-select: none;
        font-size: var(--fs-md);
        line-height: 1;
        z-index: 1000;
    }

    [tooltip][b-qvbf5v8ad7]::before {
        content: '';
        border: 5px solid transparent;
    }

    [tooltip][b-qvbf5v8ad7]::after {
        content: attr(tooltip);
        background: #333;
        color: #fff;
        padding: 0.5em 1em;
        border-radius: 0.3em;
        white-space: nowrap;
        box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    }

    [tooltip]:hover[b-qvbf5v8ad7]::before,
    [tooltip]:hover[b-qvbf5v8ad7]::after {
        display: block;
        animation: tooltips-vert-b-qvbf5v8ad7 300ms ease-out forwards;
    }

    [tooltip][flow^="down"][b-qvbf5v8ad7]::before {
        top: 100%;
        border-top-width: 0;
        border-bottom-color: #333;
        left: 50%;
        transform: translate(-50%, 0.5em);
    }

    [tooltip][flow^="down"][b-qvbf5v8ad7]::after {
        top: calc(100% + 5px);
        left: 50%;
        transform: translate(-50%, 0.5em);
    }

    [tooltip]:hover[b-qvbf5v8ad7]::before,
    [tooltip]:hover[b-qvbf5v8ad7]::after,
    [tooltip].focused[b-qvbf5v8ad7]::before,
    [tooltip].focused[b-qvbf5v8ad7]::after {
        display: block;
        animation: tooltips-vert-b-qvbf5v8ad7 300ms ease-out forwards;
    }

@keyframes tooltips-vert-b-qvbf5v8ad7 {
    to {
        opacity: 0.9;
        transform: translate(-50%, 0);
    }
}
/*--------------------------------------------------*/

.units__carousel-wrapper[b-qvbf5v8ad7] {
    position: relative;
    width: 100%;
}
.units__carousel-container[b-qvbf5v8ad7] {
    position: relative;
    width: 100%;
    padding: 1rem 4rem 0 4rem;
    overflow: hidden;
}
.units__carousel[b-qvbf5v8ad7] {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width:200%
}
.units__carousel-slide[b-qvbf5v8ad7] {
    display:none;
    
}
.units__carousel-slide.active[b-qvbf5v8ad7]{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    opacity:1;
    transition:opacity 0.3s ease-in-out;
}
.units__carousel-items[b-qvbf5v8ad7] {
    display: flex;
    justify-content: center;
    gap:1rem;
    width: 100%;
}
.units__carousel-item[b-qvbf5v8ad7]{
    padding:1rem 0;
    flex: 0 0 calc((100% - 3rem) / 4);
    max-width: calc((100% - 3rem) / 4);
}
.units__carousel-slide img[b-qvbf5v8ad7] {
    width: 100%;
    cursor: pointer;
    padding: 1rem 0;
    transition: transform 0.2s ease-in-out, background-color 0.3s ease-in-out;
}
.units__carousel-slide img.clicked[b-qvbf5v8ad7] {
    background-color: rgba(211, 211, 211, 0.4);
    border-radius: 8px;
    transform: scale(1.1);
    
}
.units__carousel-button[b-qvbf5v8ad7] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: black;
    padding: 1rem;
    z-index: 100;
}
.units__carousel-button--prev[b-qvbf5v8ad7] {
    left: -0.5rem;

}
.units__carousel-prev-icon[b-qvbf5v8ad7] {
    font-size:3rem;
}
.units__carousel-button--next[b-qvbf5v8ad7] {
    right: -0.5rem;
}
.units__carousel-next-icon[b-qvbf5v8ad7] {
    font-size: 3rem;
}

.units__tab-cabinet[b-qvbf5v8ad7] {
    position: relative;
    display: none;
}
    .units__tab-cabinet.show.active[b-qvbf5v8ad7] {
        display: block;

    }
.units__cabinet-table[b-qvbf5v8ad7]{
    margin-bottom:1rem;
}

.units__cabinet-table-th[b-qvbf5v8ad7] {
    font-weight:500;
    font-size: var(--fs-body);
    text-align:center;
    border: 1px solid #dee2e6;
}
.units__cabinet-table-th.width[b-qvbf5v8ad7]{
    font-size: var(--fs-md);
    font-weight:600;
    padding:0.5rem;
}
.units__cabinet-table-th.selected[b-qvbf5v8ad7] {
    background-color: lightgray;
    border: 2px solid gray;
}
    .units__cabinet-table-th.vertical[b-qvbf5v8ad7] {
        padding: 0 0.7rem;
        writing-mode: vertical-rl;
        vertical-align: middle;
        transform: rotate(180deg);
        font-size: var(--fs-md);
        font-weight: 600;
    }

.units__cabinet-table-td[b-qvbf5v8ad7] {
    padding:0;
    border-radius: .2rem;

}
.units__cabinet-table-td[b-qvbf5v8ad7], .units__cabinet-table-th[b-qvbf5v8ad7] {
    border: 1px solid #dee2e6;
    font-size: var(--fs-body);
    padding: 0.1rem;
    text-align: center;
}
.units__cabinet-data-btn[b-qvbf5v8ad7] {
    font-size: var(--fs-md);
    padding: 0.8rem 0.5rem;
    border: none;
    border-radius: 0;
    background-color: transparent;
    outline:none;
}
    .units__cabinet-data-btn:focus[b-qvbf5v8ad7] {
/*        outline: none;*/
    }

    .units__cabinet-data-btn:focus-visible[b-qvbf5v8ad7] {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #258cfb;
        border-radius: 3px;
    }

.units__cabinet-table-td:hover[b-qvbf5v8ad7] {
    box-shadow: 0 1px 0 rgba(0,0,0,.04) inset, 0 2px 8px rgba(0,0,0,.06);
}

.units__cabinet-table-td.is-selected[b-qvbf5v8ad7] {
    outline:3px solid #fff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #258cfb, 0 2px 10px rgba(0,0,0,.08);
    position: relative;
}

    .units__cabinet-table-td.is-selected .units__cabinet-data-btn[b-qvbf5v8ad7] {
        font-weight: 600;
    }
    
    .units__modal-btn-container[b-qvbf5v8ad7] {
        display: flex;
        padding: 1rem 0 0.2rem 0;
        justify-content: space-between;
    }
.units__modal-btn[b-qvbf5v8ad7] {
    padding: 0.5rem 1rem;
    background-color: #294eb6;
    font-size: var(--fs-body);
    border-radius: .25rem;
    color: white;
    border: none;
}
    .units__modal-btn:hover[b-qvbf5v8ad7] {
        background-color: #1E3A8A;
    }
.left[b-qvbf5v8ad7] {
    float: left;
}
.right[b-qvbf5v8ad7]{
    float:right;
    margin-left:auto;
}

[b-qvbf5v8ad7] .input-validation-error {
    border: 1px solid red;
}

.units__cell[b-qvbf5v8ad7] {
    position: relative;
    display: inline-block;
}

.units__tooltip[b-qvbf5v8ad7] {
    position: absolute;
    top: 100%; 
    left: 100%; 
    transform: translate(5px, -10px);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: .6rem .7rem;
    font-size: var(--fs-sm);
    line-height: 1.2;
    width:13rem;
    max-width: 15rem;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    white-space: normal;
    word-wrap: break-word;
    pointer-events: none; 
    opacity: 0;
    transition: opacity .12s ease;
    z-index: 1000;
}

.units__cell:hover .units__tooltip[b-qvbf5v8ad7]
{
    opacity: 1;
}

.units__tooltip.pos-br[b-qvbf5v8ad7] {
    top: 100%;
    left: 100%;
    transform: translate(10px,-10px);
}
.units__tooltip.pos-tr[b-qvbf5v8ad7] {
    bottom: 100%;
    left: 100%;
    top: auto;
    transform: translate(10px,10px);
}

.units__tooltip.pos-bl[b-qvbf5v8ad7] {
    top: 100%;
    right: 100%;
    left: auto;
    transform: translate(-10px,-10px);
}
.units__tooltip.pos-tl[b-qvbf5v8ad7] {
    bottom: 100%;
    right: 100%;
    left: auto;
    top: auto;
    transform: translate(-10px,10px);
}

/* Tooltip wrapper: flex layout to prevent input/unit overlap */
.tooltip-wrapper[b-qvbf5v8ad7] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.35rem;
}

[b-qvbf5v8ad7] .tooltip-wrapper .units__item-input {
    width: 100%;
    max-width: 8rem;
    flex: 0 1 auto;
    min-width: 3.5rem;
}

/* Responsive: screens below 1440px (3 items per carousel page) */
@media screen and (max-width: 1439px) {
    /* 4 sections -> 2 rows x 2 columns */
    .units__tab-general-info .units__item-group-wrapper[b-qvbf5v8ad7] {
        flex-wrap: wrap;
    }

    .units__tab-general-info .units__item-required-group[b-qvbf5v8ad7] {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: calc(50% - 0.5rem);
    }

    /* 3 items per slide at this breakpoint: recalculate item width (2 gaps x 1rem) */
    .units__carousel-item[b-qvbf5v8ad7] {
        flex: 0 0 calc((100% - 2rem) / 3);
        max-width: calc((100% - 2rem) / 3);
    }
}

/* Responsive: screens below 1024px */
@media screen and (max-width: 1023px) {
    .units__form[b-qvbf5v8ad7] {
        width: 80vw;
    }

    .units__tab-general-info .units__item-required-group[b-qvbf5v8ad7] {
        flex: 1 1 100%;
        min-width: 100%;
    }

    /* 3 items per slide at this breakpoint */
    .units__carousel-item[b-qvbf5v8ad7] {
        flex: 0 0 calc((100% - 2rem) / 3);
        max-width: calc((100% - 2rem) / 3);
    }
}


/* _content/SSm/Components/Pages/DeleteUnit.razor.rz.scp.css */
.delete-unit__warning[b-035i8wjny1] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.1rem;
    background-color: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 10px;
    margin-bottom: 1.5rem;
}

.delete-unit__warning-icon[b-035i8wjny1] {
    font-size: 1.6rem;
    color: #dc2626;
    flex-shrink: 0;
    line-height: 1;
    padding-top: 0.1rem;
}

.delete-unit__warning-body[b-035i8wjny1] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.delete-unit__warning-title[b-035i8wjny1] {
    margin: 0;
    font-size: var(--fs-body);
    color: #111827;
}

.delete-unit__warning-desc[b-035i8wjny1] {
    margin: 0;
    font-size: var(--fs-sm);
    color: #6b7280;
    line-height: 1.5;
}

.delete-unit__div-btns[b-035i8wjny1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* _content/SSm/Components/Pages/EditAR.razor.rz.scp.css */
/*New Style*/
.units__forms-tab-btn.active[b-fpls3y4mye] {
    background-color: #0d6efd;
    font-size: var(--fs-body);
}
.units__forms-tab-btn.show[b-fpls3y4mye], .units__forms-tab-btn.active[b-fpls3y4mye] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #dee2e6 #dee2e6 #fff;
}

.units__tab-general-info[b-fpls3y4mye] {
    display: none;
}

.units__tab-general-info.show.active[b-fpls3y4mye] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.units__tab-general-info .units__item-required-group[b-fpls3y4mye]{
    display:flex;
    flex-direction:row;
    gap:0.5rem;
}

.units__tab-general-info .units__tab-item[b-fpls3y4mye] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    flex: 1;
}
.units__tab-general-info .units__item-title[b-fpls3y4mye] {
    font-weight: bold;
    font-size: var(--fs-body);
    color: #333;
    width: 7rem;
    flex-shrink: 0;
}
.units__tab-general-info .units__item-title-text[b-fpls3y4mye] {
    font-weight: bold;
    font-size: var(--fs-body);
    color: #333;
    width: 7rem;
    flex-shrink: 0;
}
.units__tab-general-info .units__item-input-group[b-fpls3y4mye] {
    display: flex;
    align-items: center;
    gap: 8px;
}
    .units__tab-general-info[b-fpls3y4mye]  .units__item-input, .units__tab-general-info .units__item-opt[b-fpls3y4mye] {
        padding: 0.5rem;
        border: 1px solid #ccc;
        font-size: var(--fs-lg);
        outline: none;
    }

[b-fpls3y4mye] .units__item-input {
    font-size: var(--fs-body);
}
.units__tab-general-info[b-fpls3y4mye]  .units__item-input:focus {
    outline: none;
}
.units__tab-general-info .units__item-unit[b-fpls3y4mye] {
    position: absolute;
    margin-top: 0;
    margin-left: 145px;
    font-size: var(--fs-xs);
    color: #666;
}
.units__carousel-wrapper[b-fpls3y4mye] {
    position: relative;
    width: 100%;
}
.units__carousel-container[b-fpls3y4mye] {
    position: relative;
    width: 100%;
    padding: 1rem 5rem 0 5rem;
    overflow: hidden;
}
.units__carousel[b-fpls3y4mye] {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width:200%
}
.units__carousel-slide[b-fpls3y4mye] {
    display:none;
    
}
.units__carousel-slide.active[b-fpls3y4mye]{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    opacity:1;
    transition:opacity 0.3s ease-in-out;
}
.units__carousel-items[b-fpls3y4mye] {
    display: flex;
    justify-content: space-around;
    gap:1rem;
    width: 100%;
}
.units__carousel-item[b-fpls3y4mye]{
    padding:1rem 0;
}
.units__carousel-slide img[b-fpls3y4mye] {
    width: 100%;
    cursor: pointer;
    padding:1rem 0;
}
.units__carousel-slide img.clicked[b-fpls3y4mye] {
    background-color: rgba(211, 211, 211, 0.4);
    border-radius: 8px;
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out background-color 0.3s ease-in-out;;
}
.units__carousel-button[b-fpls3y4mye] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: black;
    padding: 1rem;
    z-index: 100;
}
.units__carousel-button--prev[b-fpls3y4mye] {
    left: -0.5rem;

}
.units__carousel-prev-icon[b-fpls3y4mye] {
    font-size:3rem;
}
.units__carousel-button--next[b-fpls3y4mye] {
    right: -0.5rem;
}
.units__carousel-next-icon[b-fpls3y4mye] {
    font-size: 3rem;
}

.units__tab-cabinet[b-fpls3y4mye]{
    position:relative;
    display: none;
}
.units__tab-cabinet.show.active[b-fpls3y4mye]{
    display:block;
}
.units__cabinet-table[b-fpls3y4mye]{
    margin-bottom:1rem;
}

.units__cabinet-table-th[b-fpls3y4mye] {
    text-align: center;
    font-size: var(--fs-body);
    border: 1px solid #dee2e6;
}
.units__cabinet-table-th.selected[b-fpls3y4mye] {
    background-color:lightgray;
    border: 2px solid gray;
}
.units__cabinet-table-th.vertical[b-fpls3y4mye] {
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.units__cabinet-table-td[b-fpls3y4mye] {
    padding:0;
    border-radius: .2rem;
}
.units__cabinet-table-td[b-fpls3y4mye], .units__cabinet-table-th[b-fpls3y4mye] {
    border: 1px solid #dee2e6;
    font-size: var(--fs-body);
    padding: 0.1rem;
    text-align: center;
}

.units__cabinet-div[b-fpls3y4mye] {
    padding: 15px 0 5px 0;
    float: right;
}
/*.units__cabinet-apply-btn {
    padding: 0.5rem 1rem;
    background-color: #294eb6;
    font-size: var(--fs-body);
    border-radius: 1px;
    color: white;
    border: none;
}
    .units__cabinet-apply-btn:hover {
        background-color: #1E3A8A;
    }*/

.units__cabinet-data-btn[b-fpls3y4mye] {
    font-size: var(--fs-md);
    padding: 0.8rem 0.5rem;
    border: none;
    border-radius: 0;
    background-color: transparent;
    outline: none;
}

.units__cabinet-data-btn:focus-visible[b-fpls3y4mye] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #258cfb;
    border-radius: 3px;
}

.units__cabinet-table-td:hover[b-fpls3y4mye] {
    box-shadow: 0 1px 0 rgba(0,0,0,.04) inset, 0 2px 8px rgba(0,0,0,.06);
}

.units__cabinet-table-td.is-selected[b-fpls3y4mye] {
    outline: 3px solid #fff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #258cfb, 0 2px 10px rgba(0,0,0,.08);
    position: relative;
}

    .units__cabinet-table-td.is-selected .units__cabinet-data-btn[b-fpls3y4mye] {
        font-weight: 600;
    }
.units__modal-btn-container[b-fpls3y4mye] {
    display: flex;
    padding: 1rem 0 0.2rem 0;
    justify-content: space-between;
}
.units__modal-btn[b-fpls3y4mye] {
    padding: 0.5rem 1rem;
    background-color: #1E3A8A;
    font-size: var(--fs-body);
    border-radius: 3px;
    border: none;
}
.left[b-fpls3y4mye]{
    float:left;
}
.right[b-fpls3y4mye]{
    float:right;
    margin-left:auto;
}

.units__cell[b-fpls3y4mye] {
    position: relative;
    display: inline-block
}

.units__tooltip[b-fpls3y4mye] {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: .6rem .7rem;
    font-size: var(--fs-sm);
    line-height: 1.2;
    width: 13rem;
    max-width: 15rem;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    pointer-events: none;
    opacity: 0;
    transition: opacity .12s ease;
    z-index: 1000;
    white-space: normal;
    word-wrap: break-word
}

.units__cell:hover .units__tooltip[b-fpls3y4mye] {
    opacity: 1
}

.units__tooltip.pos-br[b-fpls3y4mye] {
    top: 100%;
    left: 100%;
    transform: translate(10px,-10px)
}

.units__tooltip.pos-tr[b-fpls3y4mye] {
    bottom: 100%;
    left: 100%;
    top: auto;
    transform: translate(10px,10px)
}

.units__tooltip.pos-bl[b-fpls3y4mye] {
    top: 100%;
    right: 100%;
    left: auto;
    transform: translate(-10px,-10px)
}

.units__tooltip.pos-tl[b-fpls3y4mye] {
    bottom: 100%;
    right: 100%;
    left: auto;
    top: auto;
    transform: translate(-10px,10px)
}
/* _content/SSm/Components/Pages/EditDamperSection.razor.rz.scp.css */
.module__config-tbl-row.is-disabled[b-telph6rwkq] {
    background-color: #ebebeb; /* The "disabled" background color */
    color: #999; /* Dim the text color */
    cursor: not-allowed; /* Changes the mouse cursor to a 'prohibited' sign */
    opacity: 0.8; /* Slight transparency */
    pointer-events: none; /* Ensures the click is physically ignored */
}

/* Optional: Ensure the image also looks disabled */
.is-disabled .module__config-tbl-img[b-telph6rwkq] {
    filter: grayscale(100%);
    opacity: 0.8;
}
/* _content/SSm/Components/Pages/EditDoor.razor.rz.scp.css */

.door__div[b-bxwse161yi] {
    padding: 15px 0 5px 0;
    margin-left: 125px;
}


.acces__btn--disabled[b-bxwse161yi] {
    background-color: #ccc !important;
    color: #666;
    cursor: not-allowed;
    transition: none;
}


.form-control[b-bxwse161yi] {
    display: block;
    width: 100%;
    padding: .0375rem;
    font-size: var(--fs-sm);
    /* font-weight: 400; */
    /* line-height: 1.5; */
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.door__select[b-bxwse161yi] {
    width: 180px;
}

.door__col-form-label[b-bxwse161yi] {
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1;
    padding: .0375rem;
}

.mb-3[b-bxwse161yi] {
    margin-bottom: .01rem !important;
}

.pop[b-bxwse161yi] {
    position: relative;
    top: 20px;
    right: 1px;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 9%;
    width: 80%;
}

.apply[b-bxwse161yi] {
    position: absolute;
    bottom: 30px;
    right: 10px;
    background-color: #0a58ca;
}


/* _content/SSm/Components/Pages/EditMotorTermination.razor.rz.scp.css */
.acces__op-manualSelect[b-xdhr1i42j1] {
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 0.3rem 0;
    flex: 0.65;
}

    .acces__op-manualSelect:hover[b-xdhr1i42j1] {
        background-color: #f0f0f0;
    }

    .acces__op-manualSelect:focus[b-xdhr1i42j1] {
        outline: none;
    }
/* _content/SSm/Components/Pages/EditOpening.razor.rz.scp.css */
.acces__op-manualSelect[b-vhmhpm1fr0] {
    border: solid 1px #ccc;
    background-color: #f8f9fa;
    padding: 0.3rem 0;
    flex: 0.65;
    font-size: var(--fs-body);
    border-radius: 5px;
}

    .acces__op-manualSelect:hover[b-vhmhpm1fr0] {
        background-color: #f0f0f0;
    }

    .acces__op-manualSelect:focus[b-vhmhpm1fr0] {
        outline: none;
    }
/* _content/SSm/Components/Pages/EditPlenum.razor.rz.scp.css */
.error-tooltip.plenum[b-1yxazhyurv] {
    top: 80%;
    left: -4.6rem;
}

.module__config-tbl-row.plenum[b-1yxazhyurv] {
    grid-template-columns: 0.4fr 1fr;
}

[b-1yxazhyurv] .module__input-number.plenum {
    width: 30%;
    text-align: center;
}

    [b-1yxazhyurv] .module__input-number.plenum.input-error {
        border-bottom: 1px solid #e74c3c !important;
        background-color: #fff0f0;
    }
/* _content/SSm/Components/Pages/EditSplit.razor.rz.scp.css */
.error-tooltip.plenum[b-1ao2bkwdap] {
    top: 80%;
    left: -4.6rem;
}

.module__config-tbl-row.plenum[b-1ao2bkwdap] {
    grid-template-columns: 0.4fr 1fr;
}

[b-1ao2bkwdap] .module__input-number.plenum {
    width: 30%;
    text-align: center;
}

    [b-1ao2bkwdap] .module__input-number.plenum.input-error {
        border-bottom: 1px solid #e74c3c !important;
        background-color: #fff0f0;
    }
/* _content/SSm/Components/Pages/Home.razor.rz.scp.css */

.home[b-oj1igqwxq7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    width: 95%;
    padding: 2rem 3rem;
    margin: 2rem;
    border-radius: 10px;
    background-color: white;
}

h1[b-oj1igqwxq7] {
    font-size: 3.2rem;
    margin-bottom: 0.5rem;
    color: #1a202c;
}



.lead[b-oj1igqwxq7] {
    font-size: var(--fs-2xl);
    color: #4a5568;
    margin-bottom: 2rem;
}

.home__temp-container[b-oj1igqwxq7] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home__temp[b-oj1igqwxq7] {
    width: 35rem;
    height: 30rem;
}

.features[b-oj1igqwxq7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.feature-box[b-oj1igqwxq7] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    cursor: default;
}

    .feature-box:hover[b-oj1igqwxq7] {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
        transform: translateY(-4px);
        background-color: #ffffff;
    }

    .feature-box h3[b-oj1igqwxq7] {
        margin-top: 0;
        font-size: var(--fs-2xl);
        color: #2d3748;
        margin-bottom: 0.5rem;
    }

    .feature-box p[b-oj1igqwxq7] {
        color: #718096;
        font-size: var(--fs-lg);
        line-height: 1.5;
    }

.cta[b-oj1igqwxq7] {
    margin-top: 3rem;
    text-align: center;
}

.cta-button[b-oj1igqwxq7] {
    background-color: #2b6cb0;
    color: white;
    padding: 14px 28px;
    font-size: var(--fs-lg);
    border: none;
    /*    border-radius: 8px;*/
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

    .cta-button:hover[b-oj1igqwxq7] {
        background-color: #2c5282;
    }


.message-box[b-oj1igqwxq7] {
    margin-top: 3rem;
    font-style: italic;
    color: #a0aec0;
    text-align: center;
}



.wip-container[b-oj1igqwxq7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
/*    padding: 3rem 1rem;*/
    text-align: center;
/*    color: #2d3748;*/
}
.home__main-img[b-oj1igqwxq7] {
    width: 90%;
}
.wip-icon[b-oj1igqwxq7] {
    font-size: 5rem;
    margin-bottom: 1.5rem;
    animation: bounce-b-oj1igqwxq7 2s infinite;
}

.wip-container h1[b-oj1igqwxq7] {
    font-size: var(--fs-4xl);
    margin-bottom: 1rem;
    color: #1a202c;
}

.wip-text[b-oj1igqwxq7] {
    font-size: var(--fs-xl);
    color: #718096;
    line-height: 1.6;
}

@keyframes bounce-b-oj1igqwxq7 {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}
/* _content/SSm/Components/Pages/ManualBlenderSelection.razor.rz.scp.css */
/*New Design*/
.modal-manual.blender[b-ikrgydsfag] {
    width: 100%;
}

.modal-manual__info.blender[b-ikrgydsfag] {
    flex: 0.4;
}

.modal-manual__selection-group.blender[b-ikrgydsfag] {
    flex: 0.7;
}

.modal-manual__items.blender[b-ikrgydsfag] {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.modal-manual-item-radio-wrapper.blender[b-ikrgydsfag] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.modal-manual-item-radio-row.blender[b-ikrgydsfag] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


.modal-manual__item-range-value-wrapper.blender[b-ikrgydsfag] {
    position: relative;
    width: 100%;
}

.modal-manual__item-range-value.blender[b-ikrgydsfag] {
    position: absolute;
    height: 2rem;
    width: 2rem;
    margin: 0 0.3rem;
    text-align: center;
    color: #fff;
    font-weight: 500;
    top: -2.8rem;
    transform: translate(-50%);
    line-height: 2rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

    .modal-manual__item-range-value.blender[b-ikrgydsfag]:after {
        position: absolute;
        content: '';
        height: 2rem;
        width: 2rem;
        text-align: center;
        background-color: navy;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        border: 3px solid #fff;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-left-radius: 50%;
        line-height: 2rem;
        z-index: -1;
    }

    .modal-manual__item-range-value.blender.active[b-ikrgydsfag] {
        opacity: 1;
        visibility: visible;
    }

.modal-manual__item-range-field.blender[b-ikrgydsfag] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    height: 100%
}

.modal-manual__range-number.blender[b-ikrgydsfag] {
    position: absolute;
    font-weight: 600;
    color: maroon;
}

    .modal-manual__range-number.blender.left[b-ikrgydsfag] {
        left: 0;
    }

    .modal-manual__range-number.blender.right[b-ikrgydsfag] {
        right: 0;
    }

.modal-manual__range-input.blender[b-ikrgydsfag] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    height: 5px;
    width: 90%;
    border-radius: 5px;
    background: #ddd;
}

    .modal-manual__range-input.blender[b-ikrgydsfag]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 1rem;
        width: 1rem;
        background-color: navy;
        border-radius: 50%;
        border: 2px solid navy;
        cursor: pointer;
    }

    .modal-manual__range-input.blender.disabled[b-ikrgydsfag]::-webkit-slider-thumb {
        background-color: gray;
        border: 2px solid gray;
    }


.modal-manual__downstream-info-data-wrapper.blender[b-ikrgydsfag] {
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 2rem;
}

.modal-manual__downstream-info[b-ikrgydsfag] {
    margin-top: 15px;
}

.modal-manual__downstream-info-data-wrapper[b-ikrgydsfag] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: var(--fs-body);
    border-bottom: 1px solid #eee;
}

.modal-manual__downstream-info-data-label[b-ikrgydsfag] {
    color: #555;
}

.modal-manual__downstream-info-data-value[b-ikrgydsfag] {
    color: #007bff;
}

.modal-manual__downstream-info-data-wrapper:last-child[b-ikrgydsfag] {
    border-bottom: none;
}

.modal-manual__preview-container.blender[b-ikrgydsfag] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.modal-manual__preview.blender[b-ikrgydsfag] {
    width: 17.7rem;
}

.modal-manual__preview-canvas.blender[b-ikrgydsfag] {
    width: 17.7rem;
}

/*----------------------------*/
.blender__manual-div[b-ikrgydsfag] {
    display: flex;
    width: 100%;
}





.blender__center[b-ikrgydsfag] {
    text-align: center;
}

.blender__alert[b-ikrgydsfag] {
    padding: 0.5em;
    margin-top: 0.5em;
}


.blender__frame-bg-blue[b-ikrgydsfag] {
    text-align: center;
    background: #0a58ca7d;
}

.blender__frame-right[b-ikrgydsfag] {
    display: flex;
}

.blender__red[b-ikrgydsfag] {
    color: red;
}

.blender__left-15[b-ikrgydsfag] {
    margin-left: 15px;
}

.blender__left-5[b-ikrgydsfag] {
    margin-left: 5px;
}

.blender__left-68[b-ikrgydsfag] {
    margin-left: 68px;
}

.blender__radio[b-ikrgydsfag] {
    margin-top: 35px;
}

.blender__half[b-ikrgydsfag] {
    width: 50%;
}

.blender__image-align[b-ikrgydsfag] {
    text-align: center;
}

.blender__div-empty[b-ikrgydsfag] {
    width: 32%;
    padding: 5px;
    flex: 1;
}

.blender__image-width[b-ikrgydsfag] {
    width: 100%;
}

.blender__h4[b-ikrgydsfag] {
    margin-top: 8px;
}


.blender__h6[b-ikrgydsfag] {
    margin-top: 7px;
}

.blender__frame-bg-grey[b-ikrgydsfag] {
    text-align: center;
    background: #86b7fe38;
}

.form-control[b-ikrgydsfag] {
    display: block;
    width: 100%;
    padding: .0375rem;
    font-size: var(--fs-sm);
    /* font-weight: 400; */
    /* line-height: 1.5; */
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.col-form-label[b-ikrgydsfag] {
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1;
    padding: .0375rem;
}

.mb-3[b-ikrgydsfag] {
    margin-bottom: .01rem !important;
}

.blender__popup[b-ikrgydsfag] {
    position: absolute;
    top: 20px;
    right: 10px;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 9%;
    width: 80%;
}

.blender__frame[b-ikrgydsfag] {
    border: 1px solid green;
    padding: 20px 10px 10px 10px;
    margin: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background: whitesmoke !important;
}

.blender__frame-inside[b-ikrgydsfag] {
    padding: 20px 10px 10px 10px;
    margin: 0.8em;
    box-sizing: border-box;
    border-radius: 5px;
    background: #86b7fe38 !important;
}

.blender__frame-left[b-ikrgydsfag] {
    /*  width: 32%;
                                                                    padding: 5px 18px; */
    height: 100%;
    /*  margin-top: 10px; */
}
/* _content/SSm/Components/Pages/ManualCoilSelection.razor.rz.scp.css */


.modal-manual__info.coil[b-7jry5lnz1s] {
    width: 18%;
}

.modal-manual__selection-group.coil[b-7jry5lnz1s] {
    width: 82%;
}

.modal-manual__items.coil-left[b-7jry5lnz1s] {
    flex: 0.33;
}

.modal-manual__items.coil-right[b-7jry5lnz1s] {
    flex: 0.77;
}

.modal-manual__item-opt-container[b-7jry5lnz1s] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
}

.modal-manual__item-opt[b-7jry5lnz1s] {
    background: none;
    border: none;
}


.module-manual__coil-type-img[b-7jry5lnz1s] {
    width: 2.5rem;
    height: auto;
    padding: 0.3rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

    .module-manual__coil-type-img:hover[b-7jry5lnz1s] {
        transform: scale(1.1);
    }

    .module-manual__coil-type-img.selected[b-7jry5lnz1s] {
        background: #f0f0f0;
        border-radius: 5px;
        transform: scale(1.2);
    }

    .module-manual__coil-type-img:active[b-7jry5lnz1s] {
        transform: scale(0.95);
    }

    .module-manual__coil-type-img.disabled-img[b-7jry5lnz1s] {
        filter: grayscale(100%) brightness(2);
        cursor: not-allowed !important;
    }

        .module-manual__coil-type-img.disabled-img:hover[b-7jry5lnz1s] {
            transform: none !important;
        }

.modal-manual__unit[b-7jry5lnz1s] {
    position: absolute;
    top: 30%;
    right: 15%;
    height: 100%;
    align-items: center;
    font-weight: 500;
    font-size: var(--fs-xs);
    z-index: 1;
}

.modal-manual__method-container.coil[b-7jry5lnz1s] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    margin: 0.3rem 0;
}

.modal-manual__item-method.coil[b-7jry5lnz1s] {
    padding: 0.5rem 0.3rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
    height: 0;
    overflow: hidden;
}

    .modal-manual__item-method.coil.visible[b-7jry5lnz1s] {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }

    .modal-manual__item-method.coil.hidden[b-7jry5lnz1s] {
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        padding: 0;
    }

.modal-manual__method-buttons[b-7jry5lnz1s] {
    display: flex;
    justify-content: space-between;
    gap: 0.3rem;
}

.modal-manual__method-button[b-7jry5lnz1s] {
    flex: 1;
    padding: 0.5rem 0;
    background-color: #eeeeee;
    border: none;
    font-size: var(--fs-xs);
    color: #808080;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

    .modal-manual__method-button.active[b-7jry5lnz1s] {
        background-color: #034b97;
        color: white;
        border: none;
    }

.modal-manual__Search-button[b-7jry5lnz1s] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
    width: 100%;
    font-size: var(--fs-body);
    border: none;
    color: #fff;
    background-color: #9c0000;
}

    .modal-manual__Search-button:hover[b-7jry5lnz1s] {
        background-color: #7a0000;
    }

.modal-manual__item-table-note.coil[b-7jry5lnz1s] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1rem;
    margin-top: 0.5rem;
    text-align: start;
    background-color: #f7f7f7;
    border-radius: 5px;
}

.modal-manual__item-table-note-label.coil[b-7jry5lnz1s] {
    flex: 0.15;
    font-weight: 600;
    font-size: var(--fs-sm);
}

.modal-manual__item-table-note-content.coil[b-7jry5lnz1s] {
    font-size: var(--fs-xs);
    flex: 0.82;
    line-height: 1rem;
}

    .modal-manual__item-table-note-content.coil.valued[b-7jry5lnz1s] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }

.modal-manual__item-img.coil[b-7jry5lnz1s] {
    width: 85%;
    height: auto;
    z-index: 0;
    padding: 1rem 0;
}

.modal-manual__item-dimension[b-7jry5lnz1s] {
    position: absolute;
    font-size: var(--fs-body);
    color: black;
    background-color: #fff;
    padding: 0.2rem;
    z-index: 1;
    width: 3rem;
    text-align: center;
}

    .modal-manual__item-dimension.empty[b-7jry5lnz1s] {
        top: 50%;
        left: 32%;
        font-size: var(--fs-lg);
        font-weight: 600;
        width: 12rem;
        background-color: rgba(255,255,255,0.6);
        color: dimgray;
        opacity: 1;
    }

        .modal-manual__item-dimension.empty.show[b-7jry5lnz1s] {
            opacity: 0;
        }

    .modal-manual__item-dimension.height[b-7jry5lnz1s] {
        top: 52%;
        left: 8.2%;
    }

    .modal-manual__item-dimension.i[b-7jry5lnz1s] {
        top: 5.7%;
        left: 41.6%;
    }

    .modal-manual__item-dimension.j[b-7jry5lnz1s] {
        top: 3%;
        right: 25.7%;
    }

    .modal-manual__item-dimension.w[b-7jry5lnz1s] {
        top: 3%;
        right: 11%;
    }

.modal-manual__no-data[b-7jry5lnz1s] {
    position: absolute;
    top: 35%;
    left: 45%;
    font-size: var(--fs-lg);
    font-weight: 500;
    line-height: 2rem;
    text-align: center;
    color: dimgray;
}

.modal-manual__toast-info[b-7jry5lnz1s] {
    position: absolute;
    top: 35%;
    left: 30%;
    background-color: rgba(255, 204, 0, 0.80);
    color: #333;
    padding: 0.8rem 1rem;
    border-radius: 2px;
    font-size: var(--fs-body);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease ease-in-out, transform 0.4s ease;
    z-index: 999;
}

    .modal-manual__toast-info.show[b-7jry5lnz1s] {
        opacity: 1;
        transform: translateY(0);
    }

.modal-manual__item-selection-columns[b-7jry5lnz1s] {
    display: flex;
    flex-direction: row;
}

    .modal-manual__item-selection-columns.left[b-7jry5lnz1s] {
        border-right: 1px solid #ccc;
    }

.modal-manual__item-selection-headers[b-7jry5lnz1s] {
    display: grid;
    grid-template-columns: 18% repeat(2, 1fr);
    font-size: var(--fs-lg);
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #fafafa;
    margin: 0.5rem 0 0 0;
}

.modal-manual__item-selection-header2.opt[b-7jry5lnz1s] {
    border-right: 3px solid #fafafa;
}

.modal-manual__item-selection-header2[b-7jry5lnz1s] {
    background-color: #f3f3f3;
    padding: 0.5rem 0 0.7rem 0;
}

.modal-manual__item-notice[b-7jry5lnz1s] {
    font-size: var(--fs-body);
}
/* _content/SSm/Components/Pages/ManualDamperSectionSelection.razor.rz.scp.css */
@keyframes fadeSlideIn-b-tri48y41iq {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-manual__info.damper[b-tri48y41iq] {
    width: 100%;
    height: 100%;
}

.modal-manual__script-img.damper[b-tri48y41iq] {
    width: 100%;
    height: 7rem;
    object-fit: contain;
}

.modal-manual__item-opt-container[b-tri48y41iq] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
}

.modal-manual__item-opt[b-tri48y41iq] {
    background: none;
    border: none;
}

.module-manual__damper-mounting-img[b-tri48y41iq] {
    width: 2.8rem;
    height: auto;
    padding: 0.2rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

    .module-manual__damper-mounting-img:hover[b-tri48y41iq] {
        transform: scale(1.1);
    }

    .module-manual__damper-mounting-img.selected[b-tri48y41iq] {
        background: #f0f0f0;
        border-radius: 5px;
        transform: scale(1.2);
    }

    .module-manual__damper-mounting-img:active[b-tri48y41iq] {
        transform: scale(0.95);
    }

.modal-manual__item-wrapper.row.damper[b-tri48y41iq] {
    flex-direction: row;
}

.modal-manual__damper-item[b-tri48y41iq] {
    display: flex;
    flex-direction: column;
}

.modal-manual__damper-selection-label[b-tri48y41iq] {
    padding: 0.5rem 0.7rem;
    margin: 0.5rem -0.5rem 1rem -0.5rem;
    font-size: var(--fs-body);
    font-weight: bold;
    color: navy;
    background-color: white;
    border: #b8b8b8 solid 1px;
    border-radius: 3px;
    text-align: center;
    opacity: 1;
    cursor: default;
    /*    animation: fadeSlideIn 0.5s ease-in-out forwards;*/
}

    .modal-manual__damper-selection-label.nomargin[b-tri48y41iq] {
        margin: -0.5rem -0.5rem 0.5rem -0.5rem;
    }

.modal-manual__item-part-wrapper.damper[b-tri48y41iq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-manual__canvas-container[b-tri48y41iq] {
    display: flex;
    justify-content: center;
}

.modal-manual__item-canvas-wrapper[b-tri48y41iq] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .modal-manual__item-canvas-wrapper.position[b-tri48y41iq] {
        display: flex;
        justify-content: center;
        width: fit-content;
        height: 100%;
        background-color: #f8f9fa;
    }

.modal-manual__canvas-position-table[b-tri48y41iq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto 0.5rem;
    width: auto;
    height: 100%;
    font-size: var(--fs-body);
}

.modal-manual-canvas-table-row[b-tri48y41iq] {
    display: flex;
    flex: 1;
}

.modal-manual-canvas-table-cell[b-tri48y41iq] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0.5rem;
    text-align: center;
    cursor: default;
}

    .modal-manual-canvas-table-cell.header[b-tri48y41iq] {
        background-color: #f0f4fa;
    }

[b-tri48y41iq] .modal-manual-canvas-table-cell.data {
    background-color: #ffffff;
    background-color: transparent;
    border: none;
    width: 2.3rem;
    padding: 0 0.1rem;
}

    [b-tri48y41iq] .modal-manual-canvas-table-cell.data:focus {
        outline: none;
    }

.modal-manual__item-damper-unit-controller[b-tri48y41iq] {
    border-right: 1px dotted lightgray;
    border-left: 1px dotted lightgray;
}

.modal-manual__center-btn-container[b-tri48y41iq] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: auto 0.5rem;
    padding: 0.1rem 0;
    gap: 0.2rem;
}

.modal-manual__center-btn[b-tri48y41iq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

    .modal-manual__center-btn img[b-tri48y41iq] {
        width: 1.9rem;
        height: 1.9rem;
        filter: grayscale(30%);
        transition: filter 0.2s;
    }

    .modal-manual__center-btn:hover[b-tri48y41iq] {
        background-color: #e5e7eb;
        border-color: #9ca3af;
        transform: scale(1.05);
    }

        .modal-manual__center-btn:hover img[b-tri48y41iq] {
            filter: grayscale(0%);
        }

    .modal-manual__center-btn:active[b-tri48y41iq],
    .modal-manual__center-btn:focus[b-tri48y41iq] {
        transform: scale(0.9);
        outline: none;
    }

.modal-manual__tooltip-icon:hover .modal-manual__tooltip-text[b-tri48y41iq] {
    visibility: visible;
    opacity: 1;
}

.modal-manual__sizedby-container[b-tri48y41iq] {
    display: flex;
    justify-content: center;
    margin-top: 0.7rem;
}

.modal-manual__sizedby-refferences[b-tri48y41iq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-manual__sizedby-vertical[b-tri48y41iq] {
    flex: 1 1 0;
    padding: 0.5rem 0.6rem 0.5rem 0;
    vertical-align: middle;
    font-weight: 500;
    font-size: var(--fs-body);
    cursor: default;
}

    .modal-manual__sizedby-vertical:first-child[b-tri48y41iq] {
        text-align: center;
        font-size: var(--fs-md);
    }

.modal-manual__sizedby-column[b-tri48y41iq] {
    flex: 1 1 0;
    border: 1px solid rgb(245, 245, 245);
    width: auto;
    text-align: center;
    transition: 0.3s;
    background-color: #fff;
}

    .modal-manual__sizedby-column.hovering[b-tri48y41iq] {
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        transform: scale(1.02);
    }

    .modal-manual__sizedby-column.selected[b-tri48y41iq] {
        background-color: #e6eef8;
        border-color: #3f5f85;
        transform: scale(1.05);
    }

.modal-manual__sizedby-header[b-tri48y41iq] {
    border-top: 1px solid lightgray;
    padding: 0.5rem 0;
    font-weight: bold;
    font-size: var(--fs-xs);
    cursor: pointer;
}

.modal-manual__sizedby-data[b-tri48y41iq] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 0;
    height: 2rem;
    padding: 0.5rem 0;
    border-top: 1px solid lightgray;
    font-size: var(--fs-2xs);
    cursor: default;
}

    .modal-manual__sizedby-data:last-child[b-tri48y41iq] {
        border-bottom: 1px solid lightgray;
    }

[b-tri48y41iq] .modal-manual__sizedby-input {
    border: none;
    border-bottom: 1px solid dimgray;
    width: 33%;
    padding: 0 0.4rem;
    margin: 0 0.1rem;
    font-size: var(--fs-2xs);
    background-color: transparent;
    cursor: text;
}

    [b-tri48y41iq] .modal-manual__sizedby-input:focus,
    [b-tri48y41iq] .modal-manual__sizedby-select:focus {
        outline: none;
    }

    [b-tri48y41iq] .modal-manual__sizedby-input.width {
        width: 65%;
    }

        [b-tri48y41iq] .modal-manual__sizedby-input.width.input-error {
            border-bottom: 1px solid #e74c3c !important;
            background-color: #fff0f0;
        }

[b-tri48y41iq] .modal-manual__sizedby-select {
    width: 100%;
    text-align: center;
    padding-right: 1.5rem;
    border: none;
    color: black;
    cursor: pointer;
    font-size: var(--fs-2xs);
    background-color: transparent;
}

[b-tri48y41iq] .modal-manual__sizedby-input::-webkit-outer-spin-button,
[b-tri48y41iq] .modal-manual__sizedby-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modal-manual__unit[b-tri48y41iq] {
    position: absolute;
    top: 0.7rem;
    right: 1.5rem;
    height: 100%;
    align-items: center;
    font-size: var(--fs-xs);
    z-index: 1;
}

.modal-manual__item-damper-unit-controller[b-tri48y41iq] {
    background: #f8f9fa;
}

.modal-manual__item-notice[b-tri48y41iq] {
    font-size: var(--fs-body);
}
/* _content/SSm/Components/Pages/ManualFanSelection.razor.rz.scp.css */
.modal-manual__info.fan[b-nn1bualbz6] {
    width: 18%;
}

.modal-manual__selection-group.fan[b-nn1bualbz6] {
    width: 82%;
}

.modal-manual__items.fan-left[b-nn1bualbz6] {
    flex: 0.33;
}

.modal-manual__items.fan-right[b-nn1bualbz6] {
    position:relative;
    flex: 0.77;
}

.modal-manual__item-opt-container[b-nn1bualbz6] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
}

.modal-manual__item-opt[b-nn1bualbz6] {
    background: none;
    border: none;
}

.is-inactive[b-nn1bualbz6] {
    opacity: 0.5;
    cursor: not-allowed !important;
    filter: grayscale(100%);
    border: 1px dashed #ccc;
    /* Add any other "disabled" styling here */
}
.module-manual__fan-type-img[b-nn1bualbz6] {
    width: 2.5rem;
    height: auto;
    padding: 0.3rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

    .module-manual__fan-type-img:hover[b-nn1bualbz6] {
        transform: scale(1.1);
    }

    .module-manual__fan-type-img.selected[b-nn1bualbz6] {
        background: #f0f0f0;
        border-radius: 5px;
        transform: scale(1.2);
    }

    .module-manual__fan-type-img:active[b-nn1bualbz6] {
        transform: scale(0.95);
    }
    .module-manual__fan-type-img.disabled-img[b-nn1bualbz6] {
        filter: grayscale(100%) brightness(1.07);
        cursor: not-allowed;
        
    }
        .module-manual__fan-type-img.disabled-img:hover[b-nn1bualbz6] {
            transform: none !important;
            cursor: not-allowed !important;
            
        }

.modal-manual__item-fan-qty[b-nn1bualbz6] {
    border: 1px solid #000;
}
.modal-manual__item-fan-qty-btn-box1[b-nn1bualbz6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    height: 100%;
    margin-left: 0.8rem;
}
.modal-manual__item-fan-qty-btn-box2[b-nn1bualbz6] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:0.5rem;
    width:70%;
    margin-top: 0.8rem;
}
.modal-manual__item-fan-qty-btn[b-nn1bualbz6] {
    padding: 6px 10px;
    border: none;
    border-radius: 3px;
    background-color: #f0f0f0;
    font-size: var(--fs-body);
    transition: all 0.3s ease-in-out;
}
    .modal-manual__item-fan-qty-btn:hover[b-nn1bualbz6] {
        background-color: #e0e0e0;
        transform: scale(1.1);
    }
    .modal-manual__item-fan-qty-btn.disabled[b-nn1bualbz6] {
        color: #ccc;
        background-color: #f8f9fa;
        cursor: not-allowed;
    }
        .modal-manual__item-fan-qty-btn.disabled:hover[b-nn1bualbz6] {
            transform: scale(1);            
        }

.modal-manual__toggle-button[b-nn1bualbz6] {
    display: block;
    margin-left: auto;
    margin-right: 0;
    padding: 0.4rem 0.8rem;
    flex: 0.57;
    font-weight: bold;
    border-radius: 8px;
    font-size: var(--fs-sm);
    cursor: pointer;
    user-select: none;
    text-align: center;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
    box-shadow: 0 0 0px transparent;
    background-color: #f8f9fa;
}

    .modal-manual__toggle-button.active[b-nn1bualbz6] {
        color: #034b97;
        border-color: #034b97;
        box-shadow: 0 0 8px rgba(231, 241, 255, 0.8);
        background-color: #e7f1ff;
    }

    .modal-manual__toggle-button.inactive[b-nn1bualbz6] {
        color: #6c757d;
        border-color: #ced4da;
        background-color: #f1f3f5;
    }

.modal-manual__calc-item[b-nn1bualbz6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0;
}

.modal-manual__calc-item-title[b-nn1bualbz6] {
    display: flex;
    align-items: center;
    flex:1;
    gap: 0.3rem;
    font-weight: normal;
    font-size: var(--fs-body);
}
.modal-manual__calc-item-title.add[b-nn1bualbz6]{
    width:55%;
    justify-content:flex-end;
}
    .modal-manual__calc-item-title.group[b-nn1bualbz6] {
        flex:0.7;
        font-weight: 600;
/*        margin-top: 0.7rem;*/
/*        margin-bottom: 0.3rem;*/
    }

.modal-manual__calc-item-group[b-nn1bualbz6] {
    border-top: 1px solid #ccc;
    padding: 0.5rem 0.8rem 0 0.8rem;    
    margin-top: 0.5rem;
}
    .modal-manual__calc-item-group:first-child[b-nn1bualbz6] {
        border-top: none;
        padding-top: 0;
    }

    .modal-manual__calc-item-value[b-nn1bualbz6] {
        white-space: nowrap;
        font-weight: 500;
        font-size: var(--fs-sm);
    }
        .modal-manual__calc-item-value.result[b-nn1bualbz6] {
            font-weight: 700;
            font-size: var(--fs-md);
            color: #034b97;
        }

[b-nn1bualbz6] .modal-manual__calc-input {
    width: 4.5rem;
    padding: 2px 6px;
    margin-right: 0.2rem;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: var(--fs-md);
}
    [b-nn1bualbz6] .modal-manual__calc-input:focus {
        outline: none;
        border-bottom: 1px solid black;
    }

.modal-manual__calc-item-title .triangle[b-nn1bualbz6] {
    font-size: var(--fs-body);
    color: #555;
}

.modal-manual__calc-item:last-child[b-nn1bualbz6] {
    padding-bottom: 0.1rem;
}

.modal-manual__Search-button[b-nn1bualbz6] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
    width: 100%;
    font-size: var(--fs-body);
    border: none;
    color: #fff;
    background-color: #9c0000;
}

    .modal-manual__Search-button:hover[b-nn1bualbz6] {
        background-color: #7a0000;
    }

.modal-manual__unit[b-nn1bualbz6] {
    position: absolute;
    top: 30%;
    right: 15%;
    height: 100%;
    align-items: center;
    font-weight: 500;
    font-size: var(--fs-xs);
    z-index: 1;
}
.modal-manual__fan-output-table[b-nn1bualbz6] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-xs);
    color: #1f2937;
}

    .modal-manual__fan-output-table thead[b-nn1bualbz6] {
        background-color: #f3f4f6;
        border-bottom: 1px solid #e5e7eb;
    }

    .modal-manual__fan-output-table th[b-nn1bualbz6] {
        padding: 0.5rem 0.6rem;
        font-weight: 600;
        font-size: var(--fs-2xs);
        text-align: center;
        white-space: nowrap;
    }

    .modal-manual__fan-output-table tbody tr.selected[b-nn1bualbz6] {
        background-color: #e6eef8 !important;
        color: #111827;
    }
        .modal-manual__fan-output-table tbody tr[b-nn1bualbz6] {
            color:black;
        border-bottom: 1px solid #e5e7eb;
    }

    .modal-manual__fan-output-table td[b-nn1bualbz6] {
        padding: 0.5rem 0.2rem;
        border-bottom: 1px solid #f0f0f0;
        text-align: center;
        font-size: var(--fs-2xs);
        vertical-align: middle;
        color: #374151;
        white-space: nowrap;
    }

    .modal-manual__fan-output-table tbody tr:hover[b-nn1bualbz6] {
        background-color: #f9fafb;
        cursor: pointer;
    }

    .modal-manual__fan-output-table .no-data[b-nn1bualbz6] {
        text-align: center;
        font-style: italic;
        color: #9ca3af;
        padding: 0.5rem 0;
    }

.modal-manual__fan-extra-selection[b-nn1bualbz6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    /*    margin-top: 20px;*/
    padding: 1rem 0.8rem;
    /*    border-top: 1px solid #e5e7eb;*/
}

    .modal-manual__fan-extra-selection:last-child[b-nn1bualbz6] {
        justify-content:flex-start;
        gap:1rem;
        margin:0.5rem 0 0 0 ;
        border-radius: 5px;
        background-color: #f7f7f7;               
        /*        border-top: solid 1px #ccc;*/
    }
.modal-manual__fan-warning-label[b-nn1bualbz6] {
    font-weight: 600;
    font-size: var(--fs-sm);
}
.modal-manual__fan-warning-detail[b-nn1bualbz6] {
    font-size: var(--fs-xs);
    line-height: 1rem;
}
.modal-manual__fan-button-group[b-nn1bualbz6] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    /*    gap: 12px;*/
}
    .modal-manual__fan-button-group:first-child[b-nn1bualbz6] {
        border-right: 1px solid #e5e7eb;
        flex: 0.6;
    }
    .modal-manual__fan-button-group:last-child[b-nn1bualbz6] {
        flex: 0.4;
    }

.modal-manual__fan-button-label[b-nn1bualbz6] {
    margin: 0.3rem 0 ;
    font-weight: 700;
    font-size: var(--fs-body);
    color: #111827;
    text-align: left;
    min-width: 100px;
}

.modal-manual__fan-button-row[b-nn1bualbz6] {
    display: flex;
    /*    gap: 8px;*/
    flex-wrap: wrap;
    padding: 0 0.3rem;
}

.modal-manual__fan-option-button[b-nn1bualbz6] {
    margin: 0.2rem 0.1rem;
    padding: 0.5rem 0.8rem;
    font-size: var(--fs-body);
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    cursor: pointer;
    color: #111827;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

    .modal-manual__fan-option-button:hover[b-nn1bualbz6] {
        background-color: #f3f4f6;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    .modal-manual__fan-option-button.selected[b-nn1bualbz6] {
        background-color: #e6eef8;
    }

.modal-manual__fan-placeholder-message[b-nn1bualbz6]{
    padding: 0.5rem 0.2rem 0.2rem 0rem;
    font-size: var(--fs-sm);
}

    .modal-manual__fan-placeholder-message.curve[b-nn1bualbz6] {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f7f7f7;
        font-weight:600;
        width: 100%;
        height: 10rem;
    }

#fanCurve[b-nn1bualbz6] {
    width: 40rem;
    height: 35rem;
}

.modal-manual__item-content-group[b-nn1bualbz6] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 1rem 0 ;
    /*    gap: 0.3rem;    */
}

.modal-manual__fan-curve-chart-type-btns[b-nn1bualbz6] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top:3.6rem;
    width: 3%;
}

.modal-manual__fan-curve-chart-type-btn[b-nn1bualbz6] {
    /*    padding: 0.67rem 0.5rem;*/
    padding: 2rem 0.1rem;
    /*    border: 1px solid #ccc;*/
    border: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    height: auto;
    cursor: pointer;
    font-size: var(--fs-xs);
    background-color: #3A4566;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    writing-mode: sideways-lr
}

    .modal-manual__fan-curve-chart-type-btn:hover[b-nn1bualbz6] {
        background-color: #4B5A85;
    }
    .modal-manual__fan-curve-chart-type-btn.selected[b-nn1bualbz6] {
        background-color: #2C354D;
        font-weight: 600;       
    }
    .modal-manual__fan-curve-chart-type-btn.disabled[b-nn1bualbz6]{
        background-color:#ccc;
        color:#888;
        cursor:not-allowed !important;
    }
        .modal-manual__fan-curve-chart-type-btn.disabled:hover[b-nn1bualbz6] {
            background-color: #ccc;
        }
.modal-manual__fan-curve[b-nn1bualbz6] {
    padding: 1.5rem;
    border: 1px solid #333;
    margin: auto;
}

.modal-manual__fan-curve-left[b-nn1bualbz6] {
    display: flex;
    justify-content: space-between;
    flex-direction:column;
    align-items: center;    
}

.modal-manual__fan-curve-header[b-nn1bualbz6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding:0.5rem;
    border:solid 1px #ccc;
}

.modal-manual__fan-curve-logo[b-nn1bualbz6] {
    padding: 0.1rem 0.7rem;
    height: 2.5rem;
}

.modal-manual__fan-curve-project-info[b-nn1bualbz6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1rem;
    text-align: left;
    font-size: var(--fs-body);
}

.modal-manual__fan-curve-body[b-nn1bualbz6] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.modal-manual__fan-curve-toggl-label[b-nn1bualbz6] {
    width: 100%;
    padding: 0.3rem 0.5rem 0.1rem 0.5rem;
    border: 1px solid #ccc;
    border-bottom:none;
    font-weight:600;
    font-size: var(--fs-xs);
}
.modal-manual__fan-curve-toggl-container[b-nn1bualbz6] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: solid 1px #ccc;
    border-top:none;
    width: 100%;
    height: 3.6rem;
    padding: 0.3rem;
    overflow: hidden;
}

.modal-manual__fan-curve-toggle-button[b-nn1bualbz6] {
    border: none;
    height: 50%;
    background-color: #F2F2F2;
    font-size: var(--fs-sm);
    color: #BFBFBF;
    cursor: pointer;
    font-weight: 500;
    z-index: 1;
}
.modal-manual__fan-curve-toggle-button:focus[b-nn1bualbz6]{
    border:none;
}

    .modal-manual__fan-curve-toggle-button.selected[b-nn1bualbz6] {
        background-color: transparent;
        color: white;
    }

.modal-manual__fan-curve-toggle-indicator[b-nn1bualbz6] {
    position: absolute;
    margin-top: 0.3rem;
    width: 94.4%;
    height: 42%;
    background-color: #003b71;
    transition: top 0.3s ease;
    z-index: 0;
}
    .modal-manual__fan-curve-toggle-indicator.top[b-nn1bualbz6] {
        top: 0;
    }

    .modal-manual__fan-curve-toggle-indicator.bottom[b-nn1bualbz6] {
        top: 45%;
    }

    .modal-manual__fan-curve-toggle-indicator:hover[b-nn1bualbz6] {
        color: #003b71;
    }

.modal-manual__fan-curve-chart[b-nn1bualbz6] {
    padding: 0.3rem 0.5rem;
    border: 1px solid #ccc;
    height: 100%;
}

.modal-manual__fan-curve-table[b-nn1bualbz6] {
    font-size: var(--fs-xs);
}
    .modal-manual__fan-curve-table table[b-nn1bualbz6] {
        width: 100%;
        border-collapse: collapse;
        font-size: var(--fs-body);
    }

    .modal-manual__fan-curve-table td[b-nn1bualbz6],
    .modal-manual__fan-curve-table th[b-nn1bualbz6] {
        padding: 0.3rem 0.5rem;
        border: 1px solid #ccc;
        font-size: var(--fs-table-cell);
    }

.modal-manual__fan-curve-note-group[b-nn1bualbz6] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    border-top:1px solid #ccc;
    padding: 0.5rem 1rem;
}
.modal-manual__fan-curve-note-label[b-nn1bualbz6] {
    border-right: 1px solid #ccc;
    padding-right: 0.5rem;
    padding-top:0.2rem;
    font-size: var(--fs-xs);
    font-weight: 600;
}
[b-nn1bualbz6] .modal-manual__fan-curve-note {
    border:none;
    border-bottom: 1px solid #ccc;
    padding:0.2rem;
    width:100%;
    font-size: var(--fs-xs);
    font-style: italic;
}
    [b-nn1bualbz6] .modal-manual__fan-curve-note:focus {
        outline: none;
        border-bottom: 1px solid #000;
    }
.invalid-fan-row[b-nn1bualbz6] {
    position: relative;
    background-color: white !important;
}
    .invalid-fan-row:hover[b-nn1bualbz6] {
        background-color: white !important;
    }

    .invalid-fan-row td[b-nn1bualbz6] {
        color: #d9d9d9;
    }


.tooltip[b-nn1bualbz6] {
    visibility: hidden;
    width: 400px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    position: absolute;
    z-index: 1090;
    bottom: 1%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.invalid-fan-row:hover .tooltip[b-nn1bualbz6] {
    visibility: visible;
    opacity: 1;
}

.rpm-too-close[b-nn1bualbz6] {
    /* background-color: #fff3cd !important;  Light yellow/orange highlight */
    position: relative;
}

.rpm-too-close:hover .tooltip[b-nn1bualbz6] {
    visibility: visible;
    opacity: 1;
}

.hasNoMotors[b-nn1bualbz6] {
    background-color: #ccc !important;
    position: relative;
}

.hasNoMotors:hover .tooltip[b-nn1bualbz6] {
        visibility: visible;
        opacity: 1;
    }
.tooltip.tooltip--placeholder[b-nn1bualbz6] {
font-size: var(--fs-xs);

}

.rerate-notice[b-nn1bualbz6], .rerate-warning[b-nn1bualbz6] {
    color: #b85c00;
    background: #fffbe6;
    border: 1px solid #ffe58f;
    /*    padding: 0.5rem 0.9rem;*/
    /*    margin: 0.5rem 0 0 0;*/
    border-radius: 4px;
    font-size: var(--fs-body);
}
.rerate-notice[b-nn1bualbz6] {
    margin-bottom: 10rem;
    padding: 0.5rem 0.9rem;
}
.rerate-warning[b-nn1bualbz6] {
    padding: 0.5rem 1.5rem;
    margin: 0.5rem 1rem 0.5rem 0;
}
.modal-manual__btn.btn-apply.not-valid[b-nn1bualbz6] {
    backdrop-filter: blur(2px);
    opacity: 0.5;
    cursor: not-allowed;
}


.dot-loading[b-nn1bualbz6] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-4xl);
    font-weight: bold;
    color: #555;
    gap: 0.2rem;
}

    .dot-loading span[b-nn1bualbz6] {
        animation: blink-b-nn1bualbz6 1.4s infinite;
    }

        .dot-loading span:nth-child(2)[b-nn1bualbz6] {
            animation-delay: 0.2s;
        }

        .dot-loading span:nth-child(3)[b-nn1bualbz6] {
            animation-delay: 0.4s;
        }

@keyframes blink-b-nn1bualbz6 {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes slideDown-b-nn1bualbz6 {
    0% {
        opacity: 0;
        transform: translate(-50%, -60%);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
/* _content/SSm/Components/Pages/ManualFanSelectionPrint.razor.rz.scp.css */
.modal-manual__info.fan[b-9q2x3d0xgp] {
    width: 18%;
}

.modal-manual__selection-group.fan[b-9q2x3d0xgp] {
    width: 82%;
}

.modal-manual__items.fan-left[b-9q2x3d0xgp] {
    flex: 0.33;
}

.modal-manual__items.fan-right[b-9q2x3d0xgp] {
    position: relative;
    flex: 0.77;
}

.modal-manual__item-opt-container[b-9q2x3d0xgp] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
}

.modal-manual__item-opt[b-9q2x3d0xgp] {
    background: none;
    border: none;
}

.module-manual__fan-type-img[b-9q2x3d0xgp] {
    width: 2.5rem;
    height: auto;
    padding: 0.3rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

    .module-manual__fan-type-img:hover[b-9q2x3d0xgp] {
        transform: scale(1.1);
    }

    .module-manual__fan-type-img.selected[b-9q2x3d0xgp] {
        background: #f0f0f0;
        border-radius: 5px;
        transform: scale(1.2);
    }

    .module-manual__fan-type-img:active[b-9q2x3d0xgp] {
        transform: scale(0.95);
    }

    .module-manual__fan-type-img.disabled-img[b-9q2x3d0xgp] {
        filter: grayscale(100%) brightness(1.07);
        cursor: not-allowed;
    }

        .module-manual__fan-type-img.disabled-img:hover[b-9q2x3d0xgp] {
            transform: none !important;
            cursor: not-allowed !important;
        }

.modal-manual__item-fan-qty[b-9q2x3d0xgp] {
    border: 1px solid #000;
}

.modal-manual__item-fan-qty-btn-box1[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    height: 100%;
    margin-left: 0.8rem;
}

.modal-manual__item-fan-qty-btn-box2[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
    width: 70%;
    margin-top: 0.8rem;
}

.modal-manual__item-fan-qty-btn[b-9q2x3d0xgp] {
    padding: 6px 10px;
    border: none;
    border-radius: 3px;
    background-color: #f0f0f0;
    font-size: var(--fs-body);
    transition: all 0.3s ease-in-out;
}

    .modal-manual__item-fan-qty-btn:hover[b-9q2x3d0xgp] {
        background-color: #e0e0e0;
        transform: scale(1.1);
    }

    .modal-manual__item-fan-qty-btn.disabled[b-9q2x3d0xgp] {
        color: #ccc;
        background-color: #f8f9fa;
        cursor: not-allowed;
    }

        .modal-manual__item-fan-qty-btn.disabled:hover[b-9q2x3d0xgp] {
            transform: scale(1);
        }

.modal-manual__toggle-button[b-9q2x3d0xgp] {
    display: block;
    margin-left: auto;
    margin-right: 0;
    padding: 0.4rem 0.8rem;
    flex: 0.57;
    font-weight: bold;
    border-radius: 8px;
    font-size: var(--fs-sm);
    cursor: pointer;
    user-select: none;
    text-align: center;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
    box-shadow: 0 0 0px transparent;
    background-color: #f8f9fa;
}

    .modal-manual__toggle-button.active[b-9q2x3d0xgp] {
        color: #034b97;
        border-color: #034b97;
        box-shadow: 0 0 8px rgba(231, 241, 255, 0.8);
        background-color: #e7f1ff;
    }

    .modal-manual__toggle-button.inactive[b-9q2x3d0xgp] {
        color: #6c757d;
        border-color: #ced4da;
        background-color: #f1f3f5;
    }

.modal-manual__calc-item[b-9q2x3d0xgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0;
}

.modal-manual__calc-item-title[b-9q2x3d0xgp] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 0.3rem;
    font-weight: normal;
    font-size: var(--fs-body);
}

    .modal-manual__calc-item-title.add[b-9q2x3d0xgp] {
        width: 55%;
        justify-content: flex-end;
    }

    .modal-manual__calc-item-title.group[b-9q2x3d0xgp] {
        flex: 0.7;
        font-weight: 600;
        /*        margin-top: 0.7rem;*/
        /*        margin-bottom: 0.3rem;*/
    }

.modal-manual__calc-item-group[b-9q2x3d0xgp] {
    border-top: 1px solid #ccc;
    padding: 0.5rem 0.8rem 0 0.8rem;
    margin-top: 0.5rem;
}

    .modal-manual__calc-item-group:first-child[b-9q2x3d0xgp] {
        border-top: none;
        padding-top: 0;
    }

.modal-manual__calc-item-value[b-9q2x3d0xgp] {
    white-space: nowrap;
    font-weight: 500;
    font-size: var(--fs-sm);
}

    .modal-manual__calc-item-value.result[b-9q2x3d0xgp] {
        font-weight: 700;
        font-size: var(--fs-md);
        color: #034b97;
    }

[b-9q2x3d0xgp] .modal-manual__calc-input {
    width: 4.5rem;
    padding: 2px 6px;
    margin-right: 0.2rem;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: var(--fs-md);
}

    [b-9q2x3d0xgp] .modal-manual__calc-input:focus {
        outline: none;
        border-bottom: 1px solid black;
    }

.modal-manual__calc-item-title .triangle[b-9q2x3d0xgp] {
    font-size: var(--fs-body);
    color: #555;
}

.modal-manual__calc-item:last-child[b-9q2x3d0xgp] {
    padding-bottom: 0.1rem;
}

.modal-manual__Search-button[b-9q2x3d0xgp] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
    width: 100%;
    font-size: var(--fs-body);
    border: none;
    color: #fff;
    background-color: #9c0000;
}

    .modal-manual__Search-button:hover[b-9q2x3d0xgp] {
        background-color: #7a0000;
    }

.modal-manual__unit[b-9q2x3d0xgp] {
    position: absolute;
    top: 30%;
    right: 15%;
    height: 100%;
    align-items: center;
    font-weight: 500;
    font-size: var(--fs-xs);
    z-index: 1;
}

.modal-manual__fan-output-table[b-9q2x3d0xgp] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-xs);
    color: #1f2937;
}

    .modal-manual__fan-output-table thead[b-9q2x3d0xgp] {
        background-color: #f3f4f6;
        border-bottom: 1px solid #e5e7eb;
    }

    .modal-manual__fan-output-table th[b-9q2x3d0xgp] {
        padding: 0.5rem 0.6rem;
        font-weight: 600;
        font-size: var(--fs-2xs);
        text-align: center;
        white-space: nowrap;
    }

    .modal-manual__fan-output-table tbody tr.selected[b-9q2x3d0xgp] {
        background-color: #e6eef8 !important;
        color: #111827;
    }

    .modal-manual__fan-output-table tbody tr[b-9q2x3d0xgp] {
        border-bottom: 1px solid #e5e7eb;
    }

    .modal-manual__fan-output-table td[b-9q2x3d0xgp] {
        padding: 0.5rem 0.2rem;
        border-bottom: 1px solid #f0f0f0;
        text-align: center;
        font-size: var(--fs-2xs);
        vertical-align: middle;
        color: #374151;
        white-space: nowrap;
    }

    .modal-manual__fan-output-table tbody tr:hover[b-9q2x3d0xgp] {
        background-color: #f9fafb;
        cursor: pointer;
    }

    .modal-manual__fan-output-table .no-data[b-9q2x3d0xgp] {
        text-align: center;
        font-style: italic;
        color: #9ca3af;
        padding: 0.5rem 0;
    }

.modal-manual__fan-extra-selection[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    /*    margin-top: 20px;*/
    padding: 1rem 0.8rem;
    /*    border-top: 1px solid #e5e7eb;*/
}

    .modal-manual__fan-extra-selection:last-child[b-9q2x3d0xgp] {
        justify-content: flex-start;
        gap: 1rem;
        margin: 0.5rem 0 0 0;
        border-radius: 5px;
        background-color: #f7f7f7;
        /*        border-top: solid 1px #ccc;*/
    }

.modal-manual__fan-warning-label[b-9q2x3d0xgp] {
    font-weight: 600;
    font-size: var(--fs-sm);
}

.modal-manual__fan-warning-detail[b-9q2x3d0xgp] {
    font-size: var(--fs-xs);
    line-height: 1rem;
}

.modal-manual__fan-button-group[b-9q2x3d0xgp] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    /*    gap: 12px;*/
}

    .modal-manual__fan-button-group:first-child[b-9q2x3d0xgp] {
        border-right: 1px solid #e5e7eb;
        flex: 0.6;
    }

    .modal-manual__fan-button-group:last-child[b-9q2x3d0xgp] {
        flex: 0.4;
    }

.modal-manual__fan-button-label[b-9q2x3d0xgp] {
    margin: 0.3rem 0;
    font-weight: 700;
    font-size: var(--fs-body);
    color: #111827;
    text-align: left;
    min-width: 100px;
}

.modal-manual__fan-button-row[b-9q2x3d0xgp] {
    display: flex;
    /*    gap: 8px;*/
    flex-wrap: wrap;
    padding: 0 0.3rem;
}

.modal-manual__fan-option-button[b-9q2x3d0xgp] {
    margin: 0.2rem 0.1rem;
    padding: 0.5rem 0.8rem;
    font-size: var(--fs-body);
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    cursor: pointer;
    color: #111827;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

    .modal-manual__fan-option-button:hover[b-9q2x3d0xgp] {
        background-color: #f3f4f6;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .modal-manual__fan-option-button.selected[b-9q2x3d0xgp] {
        background-color: #e6eef8;
    }

.modal-manual__fan-placeholder-message[b-9q2x3d0xgp] {
    padding: 0.5rem 0.2rem 0.2rem 0rem;
    font-size: var(--fs-sm);
}

    .modal-manual__fan-placeholder-message.curve[b-9q2x3d0xgp] {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f7f7f7;
        font-weight: 600;
        width: 100%;
        height: 10rem;
    }

#fanCurve[b-9q2x3d0xgp] {
    width: 40rem;
    height: 35rem;
}

.modal-manual__item-content-group[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 1rem 0;
    /*    gap: 0.3rem;    */
}

.modal-manual__fan-curve-chart-type-btns[b-9q2x3d0xgp] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 3.6rem;
    width: 3%;
}

.modal-manual__fan-curve-chart-type-btn[b-9q2x3d0xgp] {
    /*    padding: 0.67rem 0.5rem;*/
    padding: 2rem 0.1rem;
    /*    border: 1px solid #ccc;*/
    border: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    height: auto;
    cursor: pointer;
    font-size: var(--fs-xs);
    background-color: #3A4566;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    writing-mode: sideways-lr
}

    .modal-manual__fan-curve-chart-type-btn:hover[b-9q2x3d0xgp] {
        background-color: #4B5A85;
    }

    .modal-manual__fan-curve-chart-type-btn.selected[b-9q2x3d0xgp] {
        background-color: #2C354D;
        font-weight: 600;
    }

    .modal-manual__fan-curve-chart-type-btn.disabled[b-9q2x3d0xgp] {
        background-color: #ccc;
        color: #888;
    }

        .modal-manual__fan-curve-chart-type-btn.disabled:hover[b-9q2x3d0xgp] {
            background-color: #ccc;
        }

.modal-manual__fan-curve[b-9q2x3d0xgp] {
    padding: 1.5rem;
    border: 1px solid #333;
    margin: auto;
}

.modal-manual__fan-curve-left[b-9q2x3d0xgp] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.modal-manual__fan-curve-header[b-9q2x3d0xgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.5rem;
    border: solid 1px #ccc;
}

.modal-manual__fan-curve-logo[b-9q2x3d0xgp] {
    padding: 0.1rem 0.7rem;
    height: 2.5rem;
}

.modal-manual__fan-curve-project-info[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1rem;
    text-align: left;
    font-size: var(--fs-body);
}

.modal-manual__fan-curve-body[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.modal-manual__fan-curve-toggl-label[b-9q2x3d0xgp] {
    width: 100%;
    padding: 0.3rem 0.5rem 0.1rem 0.5rem;
    border: 1px solid #ccc;
    border-bottom: none;
    font-weight: 600;
    font-size: var(--fs-xs);
}

.modal-manual__fan-curve-toggl-container[b-9q2x3d0xgp] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: solid 1px #ccc;
    border-top: none;
    width: 100%;
    height: 3.6rem;
    padding: 0.3rem;
    overflow: hidden;
}

.modal-manual__fan-curve-toggle-button[b-9q2x3d0xgp] {
    border: none;
    height: 50%;
    background-color: #F2F2F2;
    font-size: var(--fs-sm);
    color: #BFBFBF;
    cursor: pointer;
    font-weight: 500;
    z-index: 1;
}

    .modal-manual__fan-curve-toggle-button:focus[b-9q2x3d0xgp] {
        border: none;
    }

    .modal-manual__fan-curve-toggle-button.selected[b-9q2x3d0xgp] {
        background-color: transparent;
        color: white;
    }

.modal-manual__fan-curve-toggle-indicator[b-9q2x3d0xgp] {
    position: absolute;
    margin-top: 0.3rem;
    width: 94.4%;
    height: 42%;
    background-color: #003b71;
    transition: top 0.3s ease;
    z-index: 0;
}

    .modal-manual__fan-curve-toggle-indicator.top[b-9q2x3d0xgp] {
        top: 0;
    }

    .modal-manual__fan-curve-toggle-indicator.bottom[b-9q2x3d0xgp] {
        top: 45%;
    }

    .modal-manual__fan-curve-toggle-indicator:hover[b-9q2x3d0xgp] {
        color: #003b71;
    }

.modal-manual__fan-curve-chart[b-9q2x3d0xgp] {
    padding: 0.3rem 0.5rem;
    border: 1px solid #ccc;
    height: 100%;
}

.modal-manual__fan-curve-table[b-9q2x3d0xgp] {
    font-size: var(--fs-xs);
}

    .modal-manual__fan-curve-table table[b-9q2x3d0xgp] {
        width: 100%;
        border-collapse: collapse;
        font-size: var(--fs-body);
    }

    .modal-manual__fan-curve-table td[b-9q2x3d0xgp],
    .modal-manual__fan-curve-table th[b-9q2x3d0xgp] {
        padding: 0.3rem 0.5rem;
        border: 1px solid #ccc;
        font-size: var(--fs-table-cell);
    }

.modal-manual__fan-curve-note-group[b-9q2x3d0xgp] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    border-top: 1px solid #ccc;
    padding: 0.5rem 1rem;
}

.modal-manual__fan-curve-note-label[b-9q2x3d0xgp] {
    border-right: 1px solid #ccc;
    padding-right: 0.5rem;
    padding-top: 0.2rem;
    font-size: var(--fs-xs);
    font-weight: 600;
}

[b-9q2x3d0xgp] .modal-manual__fan-curve-note {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0.2rem;
    width: 100%;
    font-size: var(--fs-xs);
    font-style: italic;
}

    [b-9q2x3d0xgp] .modal-manual__fan-curve-note:focus {
        outline: none;
        border-bottom: 1px solid #000;
    }

.invalid-fan-row[b-9q2x3d0xgp] {
    background-color: #ccc !important;
    color: #888 !important;
    position: relative;
}

.tooltip[b-9q2x3d0xgp] {
    visibility: hidden;
    width: 400px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    position: absolute;
    z-index: 1090;
    bottom: 1%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.invalid-fan-row:hover .tooltip[b-9q2x3d0xgp] {
    visibility: visible;
    opacity: 1;
}

.rpm-too-close[b-9q2x3d0xgp] {
    /* background-color: #fff3cd !important;  Light yellow/orange highlight */
    position: relative;
}

    .rpm-too-close:hover .tooltip[b-9q2x3d0xgp] {
        visibility: visible;
        opacity: 1;
    }

.hasNoMotors[b-9q2x3d0xgp] {
    background-color: #ccc !important;
    position: relative;
}

    .hasNoMotors:hover .tooltip[b-9q2x3d0xgp] {
        visibility: visible;
        opacity: 1;
    }

.tooltip.tooltip--placeholder[b-9q2x3d0xgp] {
    font-size: var(--fs-xs);
}

.rerate-notice[b-9q2x3d0xgp], .rerate-warning[b-9q2x3d0xgp] {
    color: #b85c00;
    background: #fffbe6;
    border: 1px solid #ffe58f;
    /*    padding: 0.5rem 0.9rem;*/
    /*    margin: 0.5rem 0 0 0;*/
    border-radius: 4px;
    font-size: var(--fs-body);
}

.rerate-notice[b-9q2x3d0xgp] {
    margin-bottom: 10rem;
    padding: 0.5rem 0.9rem;
}

.rerate-warning[b-9q2x3d0xgp] {
    padding: 0.5rem 1.5rem;
    margin: 0.5rem 1rem 0.5rem 0;
}

.modal-manual__btn.btn-apply.not-valid[b-9q2x3d0xgp] {
    backdrop-filter: blur(2px);
    opacity: 0.5;
    cursor: not-allowed;
}


.dot-loading[b-9q2x3d0xgp] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-4xl);
    font-weight: bold;
    color: #555;
    gap: 0.2rem;
}

    .dot-loading span[b-9q2x3d0xgp] {
        animation: blink-b-9q2x3d0xgp 1.4s infinite;
    }

        .dot-loading span:nth-child(2)[b-9q2x3d0xgp] {
            animation-delay: 0.2s;
        }

        .dot-loading span:nth-child(3)[b-9q2x3d0xgp] {
            animation-delay: 0.4s;
        }

@keyframes blink-b-9q2x3d0xgp {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes slideDown-b-9q2x3d0xgp {
    0% {
        opacity: 0;
        transform: translate(-50%, -60%);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
/* _content/SSm/Components/Pages/ManualFilterSelection.razor.rz.scp.css */

.modal-manual__info.filter[b-fs129js22h] {
    width: 100%;
    height: 100%;
}

.modal-manual__script-img.filter[b-fs129js22h] {
    width: 100%;
    height: 8rem;
    object-fit: contain;
}

.modal-manual__item-opt.filter[b-fs129js22h] {
    background: none;
    border: none;
}

.modal-manual__item-opt-container.filter[b-fs129js22h] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
}

.modal-manual__item-opt.filter[b-fs129js22h] {
    background: none;
    border: none;
}

.module-manual__filter-type-img[b-fs129js22h] {
    width: 3.2rem;
    height: auto;
    padding: 0.2rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

    .module-manual__filter-type-img:hover[b-fs129js22h] {
        transform: scale(1.1);
    }

    .module-manual__filter-type-img.selected[b-fs129js22h] {
        background: #ddd;
        border-radius: 5px;
        transform: scale(1.2);
    }

    .module-manual__filter-type-img:active[b-fs129js22h] {
        transform: scale(0.95);
    }

.modal-manual__filter-item-wrapper[b-fs129js22h] {
    display: flex;
    flex-direction: column;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}


.modal-manual__filter-item[b-fs129js22h] {
    display: flex;
    flex-direction: column;
}

    .modal-manual__filter-item.secondary[b-fs129js22h] {
        padding-top: 1rem;
    }

.modal-manual__filter-selection-label[b-fs129js22h] {
    padding: 0.5rem 0.7rem;
    margin: 0.5rem -0.5rem 1rem -0.5rem;
    font-size: var(--fs-body);
    font-weight: bold;
    color: navy;
    background-color: white;
    /*    border: 2px solid navy;*/
    border: #b8b8b8 solid 1px;
    border-radius: 3px;
    text-align: center;
}

    .modal-manual__filter-selection-label.filter.output[b-fs129js22h] {
        margin: -0.5rem -0.5rem 0.5rem -0.5rem;
    }

    .modal-manual__filter-selection-label.filter.loading[b-fs129js22h] {
        margin: -.5rem -0.5rem 0rem -0.5rem;
        border: #b8b8b8 solid 1px;
    }

.modal-manual__item-part-wrapper.filter[b-fs129js22h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-manual__item.column.range[b-fs129js22h] {
    gap: 1rem;
}

.modal-manual__item-title.filter.output[b-fs129js22h] {
    padding-bottom: 0.3rem;
}

.modal-manual__item-range-wrapper.filter[b-fs129js22h] {
    position: relative;
    width: 100%;
    padding: 0 2rem;
    text-align: center;
}

    .modal-manual__item-range-wrapper.filter:first-child[b-fs129js22h] {
        margin-bottom: 1rem;
    }

.modal-manual__item-range-input.filter[b-fs129js22h] {
    width: 100%;
    -webkit-appearance: none;
    height: 0.8rem;
    background: linear-gradient(to right, #4caf50, #ffc107, #f44336);
    outline: none;
    position: relative;
    margin-top: 1rem;
    border-radius: 5px;
}

.modal-manual__item-range-label-wrapper.filter[b-fs129js22h] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 1.6rem;
    font-size: var(--fs-sm);
    font-weight: bold;
    color: #444;
}

.modal-manual__item-range-label[b-fs129js22h] {
    cursor: pointer;
}

.modal-manual__item-range-input.filter[b-fs129js22h]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1rem;
    width: 1.3rem;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: #333;
    transform: translateY(4px);
}

.modal-manual__item-range-input-text-wrapper.filter[b-fs129js22h] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.modal-manual__item-range-label.filter[b-fs129js22h] {
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    position: relative;
}

    .modal-manual__item-range-label.filter:hover[b-fs129js22h] {
        transform: scale(1.1);
        color: navy;
    }

    .modal-manual__item-range-label.filter.active[b-fs129js22h] {
        font-weight: bold;
        color: navy;
        transform: scale(1.2);
    }

.modal-manual__item-range-input-with-unit[b-fs129js22h] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal-manual__item-range-input-title[b-fs129js22h] {
    flex: 0.95;
    font-size: var(--fs-body);
    font-weight: 600;
}

[b-fs129js22h] .modal-manual__item-range-input-text.filter {
    flex: 0.5;
    padding: 0.2rem 0.5rem;
    border: none;
    border-bottom: solid 1px #333;
    font-size: var(--fs-body);
    background: none;
    color: #333;
}

    [b-fs129js22h] .modal-manual__item-range-input-text.filter:focus {
        outline: none;
    }

.modal-manual__item-range-unit[b-fs129js22h] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #333;
}

.modal-manual__item-range-value-wrapper.filter[b-fs129js22h] {
    font-size: var(--fs-md);
    color: #444;
}

.modal-manual__item-range-value.left.filter[b-fs129js22h] {
    top: 1rem;
    position: absolute;
    left: 0;
}

.modal-manual__item-range-value.right.filter[b-fs129js22h] {
    top: 1rem;
    position: absolute;
    right: 0;
}


.modal-manual__item-canvas-wrapper[b-fs129js22h] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

canvas[b-fs129js22h] {
    width: 100%;
    height: 100%;
}
/* _content/SSm/Components/Pages/ManualOpeningSelection.razor.rz.scp.css */
@keyframes fadeSlideIn-b-w7efl1cwso {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-manual.opening[b-w7efl1cwso] {
    width: 100%;
}

.modal-manual__selection-group.opening[b-w7efl1cwso] {
    width: 100%;
}

.modal-manual__info.damper[b-w7efl1cwso] {
    width: 100%;
    height: 100%;
}

.modal-manual__script-img.damper[b-w7efl1cwso] {
    width: 100%;
    height: 7rem;
    object-fit: contain;
}

.modal-manual__item-opt-container[b-w7efl1cwso] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
}

.modal-manual__item-opt[b-w7efl1cwso] {
    background: none;
    border: none;
}

.module-manual__damper-mounting-img[b-w7efl1cwso] {
    width: 2.8rem;
    height: auto;
    padding: 0.2rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

    .module-manual__damper-mounting-img:hover[b-w7efl1cwso] {
        transform: scale(1.1);
    }

    .module-manual__damper-mounting-img.selected[b-w7efl1cwso] {
        background: #f0f0f0;
        border-radius: 5px;
        transform: scale(1.2);
    }

    .module-manual__damper-mounting-img:active[b-w7efl1cwso] {
        transform: scale(0.95);
    }

.modal-manual__item-wrapper.row.damper[b-w7efl1cwso] {
    flex-direction: row;
}

.modal-manual__damper-item[b-w7efl1cwso] {
    display: flex;
    flex-direction: column;
}

.modal-manual__damper-selection-label[b-w7efl1cwso] {
    padding: 0.5rem 0.7rem;
    margin: 0.5rem -0.5rem 1rem -0.5rem;
    font-size: var(--fs-body);
    font-weight: bold;
    color: navy;
    background-color: white;
    border: #b8b8b8 solid 1px;
    border-radius: 3px;
    text-align: center;
    opacity: 1;
    cursor: default;
    /*    animation: fadeSlideIn 0.5s ease-in-out forwards;*/
}

    .modal-manual__damper-selection-label.nomargin[b-w7efl1cwso] {
        margin: -0.5rem -0.5rem 0.5rem -0.5rem;
    }

.modal-manual__item-part-wrapper.damper[b-w7efl1cwso] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-manual__canvas-container[b-w7efl1cwso] {
    display: flex;
    justify-content: center;
}

.modal-manual__item-canvas-wrapper[b-w7efl1cwso] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .modal-manual__item-canvas-wrapper.position[b-w7efl1cwso] {
        display: flex;
        justify-content: center;
        width: fit-content;
        height: 100%;
        background-color: #f8f9fa;
    }

.modal-manual__canvas-position-table[b-w7efl1cwso] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto 0.5rem;
    width: auto;
    height: 100%;
    font-size: var(--fs-body);
}

.modal-manual-canvas-table-row[b-w7efl1cwso] {
    display: flex;
    flex: 1;
}

.modal-manual-canvas-table-cell[b-w7efl1cwso] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0.5rem;
    text-align: center;
    cursor: default;
}

    .modal-manual-canvas-table-cell.header[b-w7efl1cwso] {
        background-color: #f0f4fa;
    }

[b-w7efl1cwso] .modal-manual-canvas-table-cell.data {
    background-color: #ffffff;
    background-color: transparent;
    border: none;
    width: 2.3rem;
    padding: 0 0.1rem;
}

    [b-w7efl1cwso] .modal-manual-canvas-table-cell.data:focus {
        outline: none;
    }

.modal-manual__item-damper-unit-controller[b-w7efl1cwso] {
    border-right: 1px dotted lightgray;
    border-left: 1px dotted lightgray;
}

.modal-manual__center-btn-container[b-w7efl1cwso] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: auto 0.5rem;
    padding: 0.1rem 0;
    gap: 0.2rem;
}

.modal-manual__center-btn[b-w7efl1cwso] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

    .modal-manual__center-btn img[b-w7efl1cwso] {
        width: 1.9rem;
        height: 1.9rem;
        filter: grayscale(30%);
        transition: filter 0.2s;
    }

    .modal-manual__center-btn:hover[b-w7efl1cwso] {
        background-color: #e5e7eb;
        border-color: #9ca3af;
        transform: scale(1.05);
    }

        .modal-manual__center-btn:hover img[b-w7efl1cwso] {
            filter: grayscale(0%);
        }

    .modal-manual__center-btn:active[b-w7efl1cwso],
    .modal-manual__center-btn:focus[b-w7efl1cwso] {
        transform: scale(0.9);
        outline: none;
    }

.modal-manual__tooltip-icon:hover .modal-manual__tooltip-text[b-w7efl1cwso] {
    visibility: visible;
    opacity: 1;
}

.modal-manual__sizedby-container[b-w7efl1cwso] {
    display: flex;
    justify-content: center;
    margin-top: 0.7rem;
}

.modal-manual__sizedby-refferences[b-w7efl1cwso] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-manual__sizedby-vertical[b-w7efl1cwso] {
    flex: 1 1 0;
    padding: 0.5rem 0.6rem 0.5rem 0;
    vertical-align: middle;
    font-weight: 500;
    font-size: var(--fs-body);
    cursor: default;
}

    .modal-manual__sizedby-vertical:first-child[b-w7efl1cwso] {
        text-align: center;
        font-size: var(--fs-md);
    }

.modal-manual__sizedby-column[b-w7efl1cwso] {
    flex: 1 1 0;
    border: 1px solid rgb(245, 245, 245);
    width: auto;
    text-align: center;
    transition: 0.3s;
    background-color: #fff;
}

    .modal-manual__sizedby-column.hovering[b-w7efl1cwso] {
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        transform: scale(1.02);
    }

    .modal-manual__sizedby-column.selected[b-w7efl1cwso] {
        background-color: #e6eef8;
        border-color: #3f5f85;
        transform: scale(1.05);
    }

.modal-manual__sizedby-header[b-w7efl1cwso] {
    border-top: 1px solid lightgray;
    padding: 0.5rem 0;
    font-weight: bold;
    font-size: var(--fs-xs);
    cursor: pointer;
}

.modal-manual__sizedby-data[b-w7efl1cwso] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 0;
    height: 2rem;
    padding: 0.5rem 0;
    border-top: 1px solid lightgray;
    font-size: var(--fs-2xs);
    cursor: default;
}

    .modal-manual__sizedby-data:last-child[b-w7efl1cwso] {
        border-bottom: 1px solid lightgray;
    }

[b-w7efl1cwso] .modal-manual__sizedby-input {
    border: none;
    border-bottom: 1px solid dimgray;
    width: 33%;
    padding: 0 0.4rem;
    margin: 0 0.1rem;
    font-size: var(--fs-2xs);
    background-color: transparent;
    cursor: text;
}

    [b-w7efl1cwso] .modal-manual__sizedby-input:focus,
    [b-w7efl1cwso] .modal-manual__sizedby-select:focus {
        outline: none;
    }

    [b-w7efl1cwso] .modal-manual__sizedby-input.width {
        width: 65%;
    }

        [b-w7efl1cwso] .modal-manual__sizedby-input.width.input-error {
            border-bottom: 1px solid #e74c3c !important;
            background-color: #fff0f0;
        }

[b-w7efl1cwso] .modal-manual__sizedby-select {
    width: 100%;
    text-align: center;
    padding-right: 1.5rem;
    border: none;
    color: black;
    cursor: pointer;
    font-size: var(--fs-2xs);
    background-color: transparent;
}

[b-w7efl1cwso] .modal-manual__sizedby-input::-webkit-outer-spin-button,
[b-w7efl1cwso] .modal-manual__sizedby-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modal-manual__unit[b-w7efl1cwso] {
    position: absolute;
    top: 0.7rem;
    right: 2.2rem;
    height: 100%;
    align-items: center;
    font-size: var(--fs-xs);
    z-index: 1;
}

.modal-manual__item-damper-unit-controller[b-w7efl1cwso] {
    background: #f8f9fa;
}

.modal-manual__item-notice[b-w7efl1cwso] {
    font-size: var(--fs-body);
}
/* _content/SSm/Components/Pages/Projects.razor.rz.scp.css */
/* etc */
.icon-btn[b-7n9d9orzqd] {
    border: none;
    background: none;
    outline: none;
    transition: transform 0.1s ease;
}

    .icon-btn:focus[b-7n9d9orzqd] {
        outline: none;
    }

    .icon-btn:hover[b-7n9d9orzqd] {
        transform: scale(1.02);
    }

/* main design */

.projects[b-7n9d9orzqd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    width: calc(100% - 3rem);
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 1.5rem;
    margin: 1.5rem; 
    border-radius: 10px;
    background-color: white;
}

.project__top[b-7n9d9orzqd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
}

.projects__opt-for-table[b-7n9d9orzqd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.projects__titles[b-7n9d9orzqd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: default;
}

.projects__title-text[b-7n9d9orzqd] {
    font-weight: bolder;
    font-size: var(--fs-3xl);
}

.projects__cols-btn[b-7n9d9orzqd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--fs-md);
}

@media screen and (max-width: 1023px) {
    .projects__cols-btn-text[b-7n9d9orzqd] {
        display: none;
    }
}

.projects__search[b-7n9d9orzqd] {
    display: flex;
    flex-direction: row;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-7n9d9orzqd] .projects__select {
    width: auto;
    height: 30px;
    font-size: var(--fs-input);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 0.2rem;
}

.projects__search-divider[b-7n9d9orzqd] {
    width: 1px;
    height: 1.1rem;
    margin: auto;
    background-color: #e9e9e9;
}

[b-7n9d9orzqd] .projects__select:focus {
    outline: none;
}

.projects__search-input-container[b-7n9d9orzqd] {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0.25rem 0.5rem;
}

[b-7n9d9orzqd] .projects__search-input {
    border: none;
    font-size: var(--fs-input);
}

    [b-7n9d9orzqd] .projects__search-input::placeholder {
        color: lightgray;
        padding-left: 0.5rem;
    }

    [b-7n9d9orzqd] .projects__search-input:focus {
        outline: none;
    }

.project__create-pro-btn[b-7n9d9orzqd] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    gap: 0.5rem;
    padding: 0.45rem 0;
    background-color: #1f3a60;
    color: white;
    font-weight: 600;
    font-size: var(--fs-btn);
    border-radius: 3px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
    z-index: 10
}

    .project__create-pro-btn[b-7n9d9orzqd]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #11233c;
        transition: left 0.3s ease-in-out;
        z-index: -1;
    }

    .project__create-pro-btn:hover[b-7n9d9orzqd]::before {
        left: 0;
        opacity: 1;
    }

    .project__create-pro-btn:hover[b-7n9d9orzqd] {
        color: #fff;
    }

    .project__create-pro-btn i[b-7n9d9orzqd] {
        font-size: var(--fs-lg);
    }

.projects__table[b-7n9d9orzqd] {
    width: 100%;
    border-collapse: collapse;
}

.projects__table-wrapper[b-7n9d9orzqd] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.projects__table[b-7n9d9orzqd] {
    min-width: 900px; 
}

.projects__table-header-column[b-7n9d9orzqd],
.projects__table-row-data[b-7n9d9orzqd] {
    white-space: nowrap; 
}

/* Tablet (< 1024px) */
@media screen and (max-width: 1023px) {
    .projects__table[b-7n9d9orzqd] { min-width: 600px; }
    .projects__table-header-column[b-7n9d9orzqd] { padding: 0.5rem 0.6rem; font-size: var(--fs-xs); }
    .projects__table-row-data[b-7n9d9orzqd] { padding: 0.35rem; font-size: var(--fs-2xs); }
}

/* Small desktop (1024px - 1439px) */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .projects__table[b-7n9d9orzqd] { min-width: 800px; }
    .projects__table-header-column[b-7n9d9orzqd] { padding: 0.6rem 0.8rem; font-size: var(--fs-sm); }
    .projects__table-row-data[b-7n9d9orzqd] { padding: 0.4rem; font-size: var(--fs-xs); }
}

.projects__table-header[b-7n9d9orzqd] {
    background-color: #770e0a;
    color: white;
    cursor: default;
}

.projects__table-header-column[b-7n9d9orzqd] {
    padding: 0.8rem 1rem;
    text-align: center;
    vertical-align: middle;
    font-size: var(--fs-table-header);
    font-weight: 500;
}

.projects__table-body[b-7n9d9orzqd] {
    background-color: rgba(255, 255, 255, 0.8);
}

.projects__table-row[b-7n9d9orzqd] {
    border-bottom: 1px solid lightgray;
    cursor: pointer;
}

    .projects__table-row:hover[b-7n9d9orzqd] {
        background-color: #f5f5f5;
    }

.projects__table-row-data[b-7n9d9orzqd] {
    padding: 0.5rem;
    color: black;
    text-align: center;
    vertical-align: middle;
    font-size: var(--fs-table-cell);
}

    .projects__table-row-data.action[b-7n9d9orzqd] {
        display: flex;
        gap: 0.2rem;
    }

        .projects__table-row-data.action .icon-btn[b-7n9d9orzqd] {
            padding: 0;
        }

.projects__table-btn-icon[b-7n9d9orzqd] {
    color: black;
    font-size: var(--fs-2xl);
}


.projects__plus[b-7n9d9orzqd] {
    font-size: var(--fs-xl);
}

.projects__pagination[b-7n9d9orzqd] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.projects__pagination-btn[b-7n9d9orzqd] {
    padding: 0.4rem 0.5rem;
    margin: 0 0.2rem;
    border: 1px solid #007bff;
    background: none;
    color: #007bff;
    cursor: pointer;
    border-radius: 4px;
    font-size: var(--fs-lg);
}

    .projects__pagination-btn:disabled[b-7n9d9orzqd] {
        color: #ccc;
        border-color: #ccc;
        cursor: not-allowed;
    }

.projects__pagination-info[b-7n9d9orzqd] {
    margin: 0 0.5rem;
    font-size: var(--fs-body);
    cursor: default;
}

/* Need to Login Popup */
.login-modal-overlay[b-7n9d9orzqd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-modal[b-7n9d9orzqd] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.login-modal-btn[b-7n9d9orzqd] {
    margin-top: 10px;
    padding: 8px 16px;
    border: none;
    background: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/SSm/Components/Pages/RenamePart.razor.rz.scp.css */

.part__label[b-406k6y5dv2] {
    font-size: var(--fs-lg);
    padding: 8px;
}

.part__alert[b-406k6y5dv2] {
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.part__div-btns[b-406k6y5dv2] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

.part__form-control[b-406k6y5dv2] {
    width: 150px;
    margin-left: -55px;
}
/* _content/SSm/Components/Pages/RenameUnit.razor.rz.scp.css */
.unit__label[b-7a51qh6aue] {
    padding: 0.5rem;
    font-size: var(--fs-lg);
}

.unit__alert[b-7a51qh6aue] {
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.unit__div-btns[b-7a51qh6aue] {
    display: flex;
    justify-content: flex-end;
    gap: 0.25rem;
    margin-top: 1.5rem;
}

.unit__form-control[b-7a51qh6aue] {
    width: 150px;
    margin-left: -55px;
}
/* _content/SSm/Components/Pages/Settings.razor.rz.scp.css */
/* New Design*/
@keyframes fadeSlideIn-b-9xifaqcfxf {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.user-setting[b-9xifaqcfxf] {
    display: flex;
    flex-direction: column;
    width: 60vw;
    height: 70vh;
}

.user-setting__contents[b-9xifaqcfxf] {
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    background-color: white;
}

.user-setting__nav-tabs[b-9xifaqcfxf] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 15vw;
    height: 100%;
    background-color: white;
    align-items: flex-start;
    border-right: 1px solid #ccc;
    overflow: hidden;
}

    .user-setting__nav-tabs sp[b-9xifaqcfxf] {
        width: 10vw;
        white-space: nowrap;
    }

.user-setting__nav-tabs-wrapper[b-9xifaqcfxf] {
    position: relative;
    width: 100%;
}


.user-setting__nav-link[b-9xifaqcfxf] {
    position: relative;
    width: 100%;
    padding: 1rem 1rem;
    font-size: var(--fs-lg);
    text-align: start;
    border: none;
    background: none;
    white-space: nowrap;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
    z-index: 1;
}

    .user-setting__nav-link.active[b-9xifaqcfxf] {
        background-color: #15195e !important;
        color: white;
    }

    .user-setting__nav-link:hover[b-9xifaqcfxf] {
        color: white;
    }

.indicator[b-9xifaqcfxf] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    background-color: rgba(50, 50, 70, 0.15);
    transition: transform 0.3s ease-out, height 0.3s ease-out, opacity 0.3s ease-out;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
}

.user-setting__nav-tabs:hover .indicator[b-9xifaqcfxf] {
    transform: translateY(var(--hover-index, 0));
}

.user-setting__nav-link.active ~ .indicator[b-9xifaqcfxf] {
    background-color: #15195e;
    color: white;
}

.user-setting__tab-content[b-9xifaqcfxf] {
    display: flex;
    width: 100%;
    -ms-overflow-style: none;
    overflow-y: auto;
}

    .user-setting__tab-content[b-9xifaqcfxf]::-webkit-scrollbar,
    .user-setting__tab-items[b-9xifaqcfxf]::-webkit-scrollbar {
        display: none;
    }

.user-setting__tab-items[b-9xifaqcfxf] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem 2rem;
    gap: 1rem;
    font-size: var(--fs-body);
    overflow-y: auto;
}

.user-setting__tab-buttons[b-9xifaqcfxf] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: var(--fs-body);
    gap: 0.1rem;
}

.user-setting__tab-button[b-9xifaqcfxf] {
    flex: 1;
    border: none;
    padding: 0.5rem 0;
}

    .user-setting__tab-button.active[b-9xifaqcfxf] {
        background-color: #7c1c1c;
        color: white;
    }

.user-setting__tab-item-wrapper[b-9xifaqcfxf] {
    width: 100%;
    gap: 0.5rem;
}
    .user-setting__tab-item-wrapper.coil[b-9xifaqcfxf] {
        max-height: 100%;
        overflow-y: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }

        .user-setting__tab-item-wrapper.coil[b-9xifaqcfxf]::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Opera */
        }
.user-setting__tab-item-group-title[b-9xifaqcfxf] {
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: var(--fs-lg);
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeSlideIn-b-9xifaqcfxf 0.3s ease-out forwards;
}

.user-setting__tab-item-sub-group[b-9xifaqcfxf] {
    padding: 0.2rem;
}

.user-setting__tab-item-sub-title[b-9xifaqcfxf] {
    display: flex;
    padding: 0.5rem 0;
    font-weight: 600;
    font-size: var(--fs-md);
    transform: translateY(-10px);
    animation: fadeSlideIn-b-9xifaqcfxf 0.3s ease-out forwards;
}

.user-setting__tab-item[b-9xifaqcfxf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.2rem;
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeSlideIn-b-9xifaqcfxf 0.3s ease-out forwards;
}

.user-setting__item-input-label[b-9xifaqcfxf] {
    font-size: var(--fs-body);
    width: 30%;
}

.user-setting__item-input-wrapper[b-9xifaqcfxf] {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    height: 1.7rem;
}

    .user-setting__item-input-wrapper.check[b-9xifaqcfxf] {
        gap: 0.3rem;
    }

[b-9xifaqcfxf] .user-setting__item-input {
    border: none;
    background-color: #f3f3f3;
    width: 12rem;
    padding: 0.3rem 0.3rem 0.2rem;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    font-size: var(--fs-body);
    text-overflow: ellipsis;
}

    [b-9xifaqcfxf] .user-setting__item-input.select {
        width: 20rem;
        cursor: pointer;
    }

    [b-9xifaqcfxf] .user-setting__item-input:focus {
        outline: none;
    }

    [b-9xifaqcfxf] .user-setting__item-input::placeholder {
        font-size: var(--fs-sm);
        color: darkgray;
    }

.user-setting__item-input-check-box-value[b-9xifaqcfxf] {
    padding-right: 0.5rem;
    font-size: var(--fs-body);
    cursor: default;
}

.user-setting__item-input-wrapper.radio[b-9xifaqcfxf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

[b-9xifaqcfxf] .user-setting__item-input-radio-input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-setting__item-input-radio-label[b-9xifaqcfxf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--fs-body);
    cursor: pointer;
}

.user-setting__table[b-9xifaqcfxf] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-body);
    border: none;
    table-layout: fixed;
}
.user-setting__table-head[b-9xifaqcfxf] {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
}
.user-setting__table-header[b-9xifaqcfxf] {
    background-color: #f8f9fa;
    text-align: center;
    vertical-align: middle;
    padding: 0.5rem;
    font-size: var(--fs-xs);
    border-bottom: 1px solid #ccc;
}

.user-setting__table-row[b-9xifaqcfxf] {
    border-bottom: 1px solid #e0e0e0;
}

.user-setting__table-cell[b-9xifaqcfxf] {
    padding: 0.5rem;
    font-size: var(--fs-xs);
    vertical-align: middle;
}

[b-9xifaqcfxf] .user-setting__select,
[b-9xifaqcfxf] .user-setting__input {
    width: 100%;
    padding: 0.2rem 0.3rem;
    font-size: var(--fs-sm);
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

    [b-9xifaqcfxf] .user-setting__select:focus,
    [b-9xifaqcfxf] .user-setting__input:focus {
        outline: none;
        border-color: #007acc;
        background-color: #eef6fc;
    }

.user-setting__notice[b-9xifaqcfxf] {
    padding: 0.2rem;
    font-weight: 500;
    font-size: var(--fs-body);
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeSlideIn-b-9xifaqcfxf 0.3s ease-out forwards;
}

.user-setting__unit[b-9xifaqcfxf] {
    position: absolute;
    top: 0.4rem;
    right: 2rem;
    height: 100%;
    align-items: center;
    font-size: var(--fs-body);
}

.user-setting__btn-contianer[b-9xifaqcfxf] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.user-setting__pop[b-9xifaqcfxf] {
    position: absolute;
    bottom: 5%;
    left: 1.5%;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: var(--fs-body);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 80%;
}
/*-----------------------------------------*/
#myTabContent[b-9xifaqcfxf], .form-control[b-9xifaqcfxf] {
    font-size: var(--fs-sm);
    padding: 0.01rem;
}

.mb-3[b-9xifaqcfxf] {
    margin-bottom: 0.001rem !important;
}

.col-form-label[b-9xifaqcfxf] {
    padding-top: calc(.005rem + 1px);
    padding-bottom: calc(.005rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.nav-tabs .nav-item.show .nav-link[b-9xifaqcfxf], .nav-tabs .nav-link.active[b-9xifaqcfxf] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-pills .nav-link.active[b-9xifaqcfxf], .nav-pills .show > .nav-link[b-9xifaqcfxf] {
    background-color: #0d6efd;
}

#myTab .nav-link[b-9xifaqcfxf] {
    /* color: #fff;  Main tab text color */
}

#constructionSubTab .nav-link[b-9xifaqcfxf], #paramsSubTab .nav-link[b-9xifaqcfxf] {
    color: #0d6efd; /* Sub-tab text color */
}

    #constructionSubTab .nav-link.active[b-9xifaqcfxf], #paramsSubTab .nav-link.active[b-9xifaqcfxf] {
        color: #fff; /* Sub-tab text color */
    }

/*   #constructionSubTabContent , #paramsSubTabContent{
                        border: 1px solid #86b7fe82;
                        padding:0.01em;
       } */


.mt-3[b-9xifaqcfxf] {
    margin-top: .1rem !important;
}

.setting__pop[b-9xifaqcfxf] {
    position: relative;
    top: 20px;
    right: 1px;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 9%;
    width: 80%;
}

.radio-item[b-9xifaqcfxf] {
    margin-right: 5px; /* Adjust the value as needed */
}

.setting__input-wrapper[b-9xifaqcfxf] {
    position: relative;
    display: inline-block;
}

.setting__label-wrapper[b-9xifaqcfxf] {
    position: relative;
    display: inline- block;
    /*  left: 4px; */
}

.setting__input-with-unit[b-9xifaqcfxf] {
    padding-right: 40px; /* Adjust based on the width of the unit text */
    background-color: #f8f9fa;
    padding: 0em 0.25em;
    font-size: var(--fs-sm);
}

.setting__unit[b-9xifaqcfxf] {
    position: absolute;
    right: 33px; /* Adjust based on your padding */
    top: 50%;
    transform: translateY(-50%);
    color: black;
    pointer-events: none; /* Prevent the unit from being interactive */
}

.box[b-9xifaqcfxf] {
    display: inline-block;
    width: 28%;
    padding: 10px;
    border: 1px solid green;
    margin: 5px;
    box-sizing: border-box;
}

.conbox[b-9xifaqcfxf] {
    padding: 10px;
    border: 1px solid green;
    margin: 5px;
    box-sizing: border-box;
}

.setting__frame[b-9xifaqcfxf] {
    display: inline-block;
    /* width: 28%; */
    position: relative;
    border: 1px solid green;
    padding: 20px 10px 10px 10px; /* Adjust padding to make space for the header */
    margin: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background: whitesmoke !important;
}

.setting__frame-design[b-9xifaqcfxf] {
    height: 218px;
    top: -58px;
}

.frame[b-9xifaqcfxf] {
    position: relative;
    border: 1px solid green;
    padding: 20px 10px 10px 10px; /* Adjust padding to make space for the header */
    margin: 5px;
    box-sizing: border-box;
    border-radius: 5px;
}

.setting__frame-header[b-9xifaqcfxf] {
    position: absolute;
    top: -10px; /* Adjust as needed */
    left: 10px; /* Align with the frame's padding */
    background-color: whitesmoke;
    padding: 0 12px;
    font-weight: 600;
    font-size: var(--fs-lg);
    border-radius: 3px;
}


/* Need to Login Popup */
.login-modal-overlay[b-9xifaqcfxf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-modal[b-9xifaqcfxf] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.login-modal-btn[b-9xifaqcfxf] {
    margin-top: 10px;
    padding: 8px 16px;
    border: none;
    background: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/SSm/Components/Pages/ShareProject.razor.rz.scp.css */
.share[b-hv6yke4qjy] {
    width: 60rem;
    padding: 0 1rem;
    height: 40rem;
    overflow-y: auto;
}
    .share[b-hv6yke4qjy]::-webkit-scrollbar
    {
        display: none;
    }

.share__container[b-hv6yke4qjy] {
    display: flex;
    flex-direction: column; 
    margin-bottom:2rem;
}
.share__title-block[b-hv6yke4qjy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.share__title-actions[b-hv6yke4qjy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* When the search wrapper is inside the title-actions group,
   override the 45% width so the container sizes to its content
   and the select stays flush with the right edge. */
.share__title-actions .share__search-wrapper[b-hv6yke4qjy] {
    width: auto;
}

.share__title-actions .share__search-input[b-hv6yke4qjy] {
    width: 12rem;
}
.share__search-wrapper[b-hv6yke4qjy] {
    display: flex;
    align-items: center;
    width: 45%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    padding: 0 0.5rem;
    height: 2rem;
    transition: border-color 0.2s, background 0.2s;
}

    .share__search-wrapper:focus-within[b-hv6yke4qjy] {
        border-color: #1f3a60;
        background: #fff;
    }

.share__search-icon[b-hv6yke4qjy] {
    color: #9ca3af;
    font-size: var(--fs-body);
    pointer-events: none;
    margin-right: 0.35rem;
}

.share__search-input[b-hv6yke4qjy] {
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--fs-body);
}

.share__search-input:focus[b-hv6yke4qjy] {
    outline: none;
}

.share__search-clear[b-hv6yke4qjy] {
    width: 1.25rem;
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: var(--fs-lg);
    line-height: 1;
    padding: 0;
    text-align: center;
}

    .share__search-clear:hover[b-hv6yke4qjy] {
        color: #374151;
    }
.share__agencies-user-wrapper[b-hv6yke4qjy]{
    display:flex;
    flex-direction:row;
    width:100%;    
}
.share__agency-user-body[b-hv6yke4qjy] {
    display: flex;
    flex-direction: row;
    width:100%;
}
.share__agencies[b-hv6yke4qjy] {
    flex:0.2;
}
.share__agencies-title[b-hv6yke4qjy]{
    text-align:center;
}
.share__agencies-list-group[b-hv6yke4qjy]{
    text-align:center;
}
.share__agencies-list-item[b-hv6yke4qjy] {
    cursor: pointer;
    padding: 0.5rem 0.3rem;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;    
    border-bottom:solid 1px #ccc;
}

    .share__agencies-list-item:last-child[b-hv6yke4qjy] {
        border-top: none;
        border-bottom: solid 1px #ccc;
    }
.share__agencies-list-item.active[b-hv6yke4qjy] {
    font-weight: 500;
    background-color: #D7E0E5;
}
.share__users[b-hv6yke4qjy] {
    flex: 0.8;
/*    height: clamp(14rem, var(--users-panel-h, 22rem), 60vh);*/
    height:21.5rem;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 0rem 0.4rem;
}

.share__user-table[b-hv6yke4qjy] {
    width: 100%; 
    table-layout: fixed;
    border-collapse: collapse;    
}          
    .share__user-table th[b-hv6yke4qjy],
    .share__user-table td[b-hv6yke4qjy] {
        padding: 0.45rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;           
    }
    .share__user-table th[b-hv6yke4qjy] {
        position: sticky;
        top: 0;
        z-index: 1;
        display: fixed;
        font-size: var(--fs-sm);
        font-weight: 600;
        cursor: default;
        background: #fff;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
    }
    .share__user-table td[b-hv6yke4qjy] {
        cursor: pointer;        
    }
        .share__user-table th:not(.share__col-email)[b-hv6yke4qjy],
        .share__user-table td:not(.share__col-email)[b-hv6yke4qjy] {
            width: 8rem; 
        }
        .share__user-table th.share__col-email[b-hv6yke4qjy],
        .share__user-table td.share__col-email[b-hv6yke4qjy] {
            width: 100%;
        }

.share__clickable-row--selected[b-hv6yke4qjy] {
    background-color: #D7E0E5 !important;
}
.share__select-all-wrapper[b-hv6yke4qjy] {
    display: flex;
    justify-content: flex-end;
    padding:0.5rem 0;
    gap:0.2rem;
    font-size: var(--fs-body);    
}
.share__alert[b-hv6yke4qjy] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
}
.share__agencies-user-bottom-group[b-hv6yke4qjy] {
    display: flex;
    flex-direction: row;
    margin-top:0.5rem;
    margin-left: 25rem;
    justify-content: space-between;
}
.share__pagenation-wrapper[b-hv6yke4qjy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.share__pagination-button-wrapper[b-hv6yke4qjy] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;    
}
.share__page-item.active[b-hv6yke4qjy] {
    font-weight: 600;
    border: 1px solid #888;
}

.share__page-item.disabled[b-hv6yke4qjy] {
    color:#ccc;
    cursor:not-allowed
}
.share__page-link[b-hv6yke4qjy] {
    cursor: pointer;
    padding: 0.3rem 0.5rem;
    width: 1.8rem;
    height: 1.8rem;
    background: none;
    border: none;
    outline: none;
    font-size: var(--fs-sm);
}

.share__page-link:hover[b-hv6yke4qjy]{
    background-color:#e4e4e4;
}

.share__page-link:focus[b-hv6yke4qjy] {
    outline: none;
}

.share__pagenation-number-wrapper[b-hv6yke4qjy] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin:0.2rem 0;
    font-size: var(--fs-sm);
    color:#999;
}
[b-hv6yke4qjy] .share__pagenation-select {
    padding: 0.2rem;
    font-size: var(--fs-sm);
    border: 1px solid #ccc;
}
    [b-hv6yke4qjy] .share__pagenation-select:focus{
        outline:none;
    } 

.share__shared-table[b-hv6yke4qjy] {
    height: 30rem;
}
.share__shared-table tbody[b-hv6yke4qjy] {
    overflow-y: hidden;
}
.share__shared-list[b-hv6yke4qjy] {
    margin-bottom: 1rem;
    padding:0.5rem;
    border: solid #ccc 1px;
}
.share__shared-title[b-hv6yke4qjy] {
    width: 15%;
    margin-top: -1.5rem;
    padding: 0.3rem;
    background: #fff;
    text-align: center;
}
.share__shared-table[b-hv6yke4qjy] {
    width: 100%;    
}
.share__save-btn-wrapper[b-hv6yke4qjy] {
    display: flex;
    justify-content: flex-end;
}

.share__shared-list[b-hv6yke4qjy] {
    margin-top: 0.8rem;
    height:auto;
}
.share__shared-list-title-group[b-hv6yke4qjy] {
    display: flex;
    justify-content:space-between;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.share__shared-title[b-hv6yke4qjy] {
    margin: 0 0 0.4rem 0;
    font-weight: 600;
}

.share__shared-table[b-hv6yke4qjy] {
    width: 100%;
    height:2.3rem;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden; 
}
    .share__shared-table thead th[b-hv6yke4qjy] {
        text-align: left;
        font-size: var(--fs-sm);
        font-weight: 600;
        padding: 0.5rem 0.65rem;
        background: #f6f7f8;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
    }
    .share__shared-table tbody tr[b-hv6yke4qjy] {
        height: 2.6rem;
    }
    .share__shared-table tbody td[b-hv6yke4qjy] {
        padding: 0.35rem 0.65rem;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
        line-height: 1.2;
    }
    
    .share__shared-table tbody tr:last-child td[b-hv6yke4qjy] {
        border-bottom: none;
    }

    .share__shared-table th:nth-child(1)[b-hv6yke4qjy],
    .share__shared-table td:nth-child(1)[b-hv6yke4qjy] {
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 30%;
    }

    .share__shared-table th:nth-child(2)[b-hv6yke4qjy],
    .share__shared-table td:nth-child(2)[b-hv6yke4qjy] {
        width: 40%;
    }

    .share__shared-table th:nth-child(3)[b-hv6yke4qjy],
    .share__shared-table td:nth-child(3)[b-hv6yke4qjy] {
        width: 20%;
        text-align: left;
    }
    .share__shared-table th:nth-child(4)[b-hv6yke4qjy],
    .share__shared-table td:nth-child(4)[b-hv6yke4qjy] {
        width: 10%;
        text-align: right;
    }

[b-hv6yke4qjy] .share__shared-permission {
    width: 100%;
    padding: 0.15rem 0.35rem;
    font-size: var(--fs-body);
    border: 1px solid #ccc;
}
    [b-hv6yke4qjy] .share__shared-permission:focus{
        outline:none;
    }

    .share__shared-delete[b-hv6yke4qjy] {
        border: none;
        background: transparent;
        padding: 0.25rem 0.35rem;
        border-radius: 6px;
        cursor: pointer;
    }
    .share__shared-delete:hover[b-hv6yke4qjy] {
        background: #f0f0f0;
    }

.share__shared-alert[b-hv6yke4qjy] {
    text-align: center;
    padding: 0.9rem 0.65rem;
    color: #777;
}

.share__shared-pagination[b-hv6yke4qjy] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.share__shared-pagination-left[b-hv6yke4qjy] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.share__page-link.active[b-hv6yke4qjy] {
    font-weight: 600;
    border: 1px solid #888;
}

/* _content/SSm/Components/Pages/Units.razor.rz.scp.css */
/* etc */
.icon-btn[b-gr695qzv4i] {
    border: none;
    background: none;
    outline: none;
    transition: transform 0.1s ease;
    font-size: var(--fs-2xl);
}

    .icon-btn:focus[b-gr695qzv4i] {
        outline: none;
    }

    .icon-btn:hover[b-gr695qzv4i] {
        transform: scale(1.15);
    }
/* main unit design*/
.units[b-gr695qzv4i] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    width: calc(100% - 3rem);
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 1.5rem;
    margin: 1.5rem;
    border-radius: 10px;
    background-color: white;
}

.units__top[b-gr695qzv4i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
}

.units__titles[b-gr695qzv4i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: default;
}

.units__btn-container[b-gr695qzv4i] {
    display: flex;
    flex-direction: row;
    gap: 0.7rem;
}

.units__dropdown-wrapper[b-gr695qzv4i] {
    position: relative;
    display: inline-block;
}

.units__export-dropdown[b-gr695qzv4i] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 15rem;
    background-color: white;
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border: 1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    z-index: 10;
    overflow: hidden;
}

    .units__export-dropdown.show[b-gr695qzv4i] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

.units__export-dropdown-item[b-gr695qzv4i] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.75rem 1rem;
    background-color: transparent;
    border: none;
    font-size: var(--fs-lg);
    cursor: pointer;
    transition: background-color 0.2s;
    color: #333;
}

    .units__export-dropdown-item:hover[b-gr695qzv4i] {
        background-color: #f2f4f8;
    }

    .units__export-dropdown-item[disabled][b-gr695qzv4i] {
        cursor: not-allowed;
        color: #999;
        background-color: #f9f9f9;
        pointer-events: none;
    }

        .units__export-dropdown-item[disabled]:hover[b-gr695qzv4i] {
            background-color: #f9f9f9;
        }

.units__create-unit-btn[b-gr695qzv4i] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    background-color: #1f3a60;
    color: white;
    font-weight: 600;
    font-size: var(--fs-btn);
    border-radius: 3px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.2s ease-in-out;
    z-index: 0
}

    .units__create-unit-btn[b-gr695qzv4i]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #11233c;
        transition: left 0.3s ease-in-out;
        z-index: -1;
    }

    .units__create-unit-btn:hover[b-gr695qzv4i]::before {
        left: 0;
        opacity: 1;
    }

    .units__create-unit-btn:hover[b-gr695qzv4i] {
        color: #fff;
    }

    .units__create-unit-btn i[b-gr695qzv4i] {
        font-size: var(--fs-lg);
    }

@media screen and (max-width: 1023px) {
    .units__create-unit-btn-text[b-gr695qzv4i] {
        display: none;
    }
}

.units__title-text[b-gr695qzv4i] {
    font-weight: bolder;
    font-size: var(--fs-title);
}

.units__table[b-gr695qzv4i] {
    width: 100%;
    border-collapse: collapse;
}

.units__table-wrapper[b-gr695qzv4i] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.units__table[b-gr695qzv4i] {
    min-width: 600px;
}

.units__table-header-column[b-gr695qzv4i],
.units__table-row-data[b-gr695qzv4i] {
    white-space: nowrap; 
}

.units__table-header[b-gr695qzv4i] {
    background-color: #770e0a;
    color: white;
    cursor: default;
}

.units__table-header-column[b-gr695qzv4i] {
    padding: 0.8rem;
    text-align: center;
    vertical-align: middle;
    font-size: var(--fs-table-header);
    font-weight: 500;
}

.units__table-body[b-gr695qzv4i] {
    background-color: rgba(255, 255, 255, 0.8);
}

.units__table-row[b-gr695qzv4i] {
    border-bottom: 1px solid lightgray;
    cursor: pointer;
}

    .units__table-row:hover[b-gr695qzv4i] {
        background-color: #f5f5f5;
    }

.units__table-row-data[b-gr695qzv4i] {
    padding: 0.5rem;
    color: black;
    text-align: center;
    vertical-align: middle;
    font-size: var(--fs-table-cell);
}

.units__table-action-btn[b-gr695qzv4i] {
    background: none;
    border: none;
    cursor: pointer;
    color: black;
}

    .units__table-action-btn:hover[b-gr695qzv4i] {
        color: gray;
    }

.units__table-action-btn-icon[b-gr695qzv4i] {
    color: black;
    font-size: var(--fs-2xl);
}

.units__sort-arrow[b-gr695qzv4i] {
    color: white;
    margin-left: 5px;
}

.units__sort-asc[b-gr695qzv4i]::after {
    content: " ▲";
    cursor: pointer;
}

.units__sort-desc[b-gr695qzv4i]::after {
    content: " ▼";
    cursor: pointer;
}

.units__pagination[b-gr695qzv4i] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.units__pagination-btn[b-gr695qzv4i] {
    padding: 0.4rem 0.5rem;
    margin: 0 0.2rem;
    border: 1px solid #007bff;
    background: none;
    color: #007bff;
    cursor: pointer;
    border-radius: 4px;
    font-size: var(--fs-lg);
}

    .units__pagination-btn:disabled[b-gr695qzv4i] {
        color: #ccc;
        border-color: #ccc;
        cursor: not-allowed;
    }

.units__pagination-info[b-gr695qzv4i] {
    margin: 0 0.5rem;
    font-size: var(--fs-body);
    cursor: default;
}


/*Create New Unit -  Modal*/
.units__modal[b-gr695qzv4i] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.units__modal-container[b-gr695qzv4i] {
    background: white;
    width: 70%;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    max-height: calc(-32px + 100vh);
}

.units__modal-content[b-gr695qzv4i] {
    padding: 1.2rem;
}

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

.units__modal-title[b-gr695qzv4i] {
    font-size: var(--fs-3xl);
    font-weight: bold;
}

.units__modal-header .units__modal-close[b-gr695qzv4i] {
    background: none;
    border: none;
    font-size: var(--fs-4xl);
    cursor: pointer;
}

.units__modal-body[b-gr695qzv4i] {
    padding-top: 0.7rem;
}


/* Need to Login Popup */
.login-modal-overlay[b-gr695qzv4i] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-modal[b-gr695qzv4i] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.login-modal-btn[b-gr695qzv4i] {
    margin-top: 10px;
    padding: 8px 16px;
    border: none;
    background: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/SSm/Components/Pages/UnitSelection.razor.rz.scp.css */

.user-selection[b-bgvq5lnc46] {
}

.user-selection__contents[b-bgvq5lnc46] {
    padding: 1rem;
    background: #fff;
    width: 38rem;
    max-width: 1000px;
    margin: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    font-size: var(--fs-sm);
}

.user-selection__table-wrapper[b-bgvq5lnc46] {
    max-height: 30rem;
    overflow-y: auto;
    border: 1px solid #ddd;
    margin-top: 1rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .user-selection__table-wrapper[b-bgvq5lnc46]::-webkit-scrollbar {
        display: none;
    }

.user-selection__table[b-bgvq5lnc46] {
    width: 100%;
    border-collapse: collapse;
    color: #333;
}

    .user-selection__table th[b-bgvq5lnc46],
    .user-selection__table td[b-bgvq5lnc46] {
        padding: 12px 16px;
        border: 1px solid #ddd;
        text-align: center;
        font-size: var(--fs-sm);
    }

    .user-selection__table thead[b-bgvq5lnc46] {
        background-color: #f4f6f8;
    }

        .user-selection__table thead th[b-bgvq5lnc46] {
            position: sticky;
            top: 0;
            background-color: #f4f6f8;
            z-index: 1;
        }

    .user-selection__table tr:nth-child(even)[b-bgvq5lnc46] {
        background-color: #f9f9f9;
    }

input[type="checkbox"][b-bgvq5lnc46] {
    transform: scale(1.2);
    cursor: pointer;
}

.user-selection__btn-container[b-bgvq5lnc46] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    font-size: var(--fs-md);
    gap: 1rem;
}

.user-selection__select-all-container[b-bgvq5lnc46] {
    display: flex;
    justify-content: flex-end;
    padding: 0.5rem 0.2rem 0 0.2rem;
    gap: 0.5rem;
    font-size: var(--fs-sm);
    align-items: center;
}

.dot-loading[b-bgvq5lnc46] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-4xl);
    font-weight: bold;
    color: #555;
    gap: 0.2rem;
}

    .dot-loading span[b-bgvq5lnc46] {
        animation: blink-b-bgvq5lnc46 1.4s infinite;
    }

        .dot-loading span:nth-child(2)[b-bgvq5lnc46] {
            animation-delay: 0.2s;
        }

        .dot-loading span:nth-child(3)[b-bgvq5lnc46] {
            animation-delay: 0.4s;
        }

@keyframes blink-b-bgvq5lnc46 {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}
/* _content/SSm/Components/Pages/UserManage/CreateUser.razor.rz.scp.css */

.profile[b-6pjr4su7ww] {
    padding: 1rem;
    background: #fff;
    width: 38rem;
    max-width: 1000px;
    margin: auto;
}

.profile__row[b-6pjr4su7ww] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: var(--fs-lg);
}

.profile__label[b-6pjr4su7ww] {
    flex: 0 0 30%;
    font-weight: 600;
    color: #333;
}

.profile__value[b-6pjr4su7ww] {
    flex: 1;
    font-size: var(--fs-md);
    color: #444;
}

    .profile__value.password[b-6pjr4su7ww] {
        display: flex;
        flex-direction: column;
    }

.profile__input-container[b-6pjr4su7ww] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 50%;
}

[b-6pjr4su7ww] .profile__input-select {
    width: 80%;
    padding: 0 1rem;
    border: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
}

    [b-6pjr4su7ww] .profile__input-select:focus,
    [b-6pjr4su7ww] .profile__input-text:focus {
        outline: none;
    }

[b-6pjr4su7ww] .profile__input-text {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0;
}

[b-6pjr4su7ww] .profile__input-text--error {
    border: 1px solid red;
}

.profile__password--visibility[b-6pjr4su7ww] {
    position: absolute;
    right: 5%;
    top: 50%;
    font-weight: 500;
    transform: translateY(-50%);
    cursor: pointer;
}

.profile__text--error[b-6pjr4su7ww] {
    color: red;
    font-size: var(--fs-body);
}

.profile__actions[b-6pjr4su7ww] {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.profile__button--primary[b-6pjr4su7ww],
.profile__button--secondary[b-6pjr4su7ww] {
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: .25rem;
}

.profile__button--primary[b-6pjr4su7ww] {
    background-color: #1E40AF;
    color: white;
    border: none;
}

    .profile__button--primary:hover[b-6pjr4su7ww] {
        background-color: #1E3A8A;
    }

.profile__button--secondary[b-6pjr4su7ww] {
    background-color: #6c757d;
    color: white;
    border: none;
}

    .profile__button--secondary:hover[b-6pjr4su7ww] {
        background-color: #5a6268;
    }

/* Need to Login Popup */
.login-modal-overlay[b-6pjr4su7ww] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-modal[b-6pjr4su7ww] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.login-modal-btn[b-6pjr4su7ww] {
    margin-top: 10px;
    padding: 8px 16px;
    border: none;
    background: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/SSm/Components/Pages/UserManage/EditPassword.razor.rz.scp.css */


.user__div-btn[b-mx99h49dsp] {
    padding: 15px 0 5px 0;
}

.user__required[b-mx99h49dsp] {
    color: red;
}

.user__position-absolute[b-mx99h49dsp] {
    cursor: pointer;
}

.user__form-label[b-mx99h49dsp] {
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1;
    padding: .0375rem;
}

.user__row[b-mx99h49dsp] {
    margin-bottom: .01rem !important;
}

.user__pop[b-mx99h49dsp] {
    position: relative;
    top: 20px;
    right: 1px;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 9%;
    width: 80%;
}
/* _content/SSm/Components/Pages/UserManage/EditProfile.razor.rz.scp.css */
.profile[b-lkdb95luj7] {
    padding: 1rem;
    background: #fff;
    width: 38rem;
    max-width: 1000px;
    margin: auto;
}

.profile__row[b-lkdb95luj7] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: var(--fs-lg);
}

.profile__label[b-lkdb95luj7] {
    flex: 0 0 40%;
    font-weight: 600;
    color: #333;
}

.profile__value[b-lkdb95luj7] {
    flex: 1;
    font-size: var(--fs-md);
    color: #444;
}

    .profile__value.password[b-lkdb95luj7] {
        display: flex;
        flex-direction: column;
    }

.profile__input-container[b-lkdb95luj7] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 50%;
}

[b-lkdb95luj7] .profile__input-select {
    padding: 0 1rem;
    border: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
}

    [b-lkdb95luj7] .profile__input-select:focus,
    [b-lkdb95luj7] .profile__input-text:focus {
        outline: none;
    }

[b-lkdb95luj7] .profile__input-text {
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 0;
}

[b-lkdb95luj7] .profile__input-text--error {
    border: 1px solid red;
}

.profile__password--visibility[b-lkdb95luj7] {
    position: absolute;
    right: 23%;
    top: 50%;
    font-weight: 500;
    transform: translateY(-50%);
    cursor: pointer;
}

.profile__text--error[b-lkdb95luj7] {
    color: red;
    font-size: var(--fs-body);
}

.profile__actions[b-lkdb95luj7] {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
    font-size: var(--fs-md);
    gap: 0.5rem;
}

.profile__button--primary[b-lkdb95luj7],
.profile__button--secondary[b-lkdb95luj7] {
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: .25rem;
}

.profile__button--primary[b-lkdb95luj7] {
    background-color: #1E40AF;
    color: white;
    border: none;
}

    .profile__button--primary:hover[b-lkdb95luj7] {
        background-color: #1E3A8A;
    }

.profile__button--secondary[b-lkdb95luj7] {
    background-color: #6c757d;
    color: white;
    border: none;
}

    .profile__button--secondary:hover[b-lkdb95luj7] {
        background-color: #5a6268;
    }

.profile__button--edit[b-lkdb95luj7] {
    background: none;
    border: none;
    cursor: pointer;
    color: #007bff;
    font-size: var(--fs-2xl);
}

.profile__popup[b-lkdb95luj7] {
    margin-top: 1rem;
    color: green;
    font-weight: bold;
}

.profile__modal[b-lkdb95luj7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile__modal-dialog[b-lkdb95luj7] {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    width: 500px;
}

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

.profile__modal-title[b-lkdb95luj7] {
    margin: 0;
}

.profile__modal-close[b-lkdb95luj7] {
    background: none;
    border: none;
    font-size: var(--fs-3xl);
    cursor: pointer;
}

.login-modal[b-lkdb95luj7] {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.login-modal__message[b-lkdb95luj7] {
    font-size: var(--fs-2xl);
    margin-bottom: 1rem;
}

.login-modal__close[b-lkdb95luj7] {
    padding: 0.5rem 1.5rem;
    background: #dc3545;
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
}
/* _content/SSm/Components/Pages/UserManage/EditUser.razor.rz.scp.css */
.profile[b-n9301xwfdv] {
    padding: 1rem;
    background: #fff;
    width: 38rem;
    max-width: 1000px;
    margin: auto;
}

.profile__row[b-n9301xwfdv] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: var(--fs-lg);
}

.profile__label[b-n9301xwfdv] {
    flex: 0 0 40%;
    font-weight: 600;
    color: #333;
}

.profile__value[b-n9301xwfdv] {
    flex: 1;
    font-size: var(--fs-md);
    color: #444;
}

    .profile__value.password[b-n9301xwfdv] {
        display: flex;
        flex-direction: column;
    }

.profile__input-container[b-n9301xwfdv] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 50%;
}

[b-n9301xwfdv] .profile__input-select {
    padding: 0.15rem 0.4rem;
    border: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
    font-size: var(--fs-md);
}

    [b-n9301xwfdv] .profile__input-select:focus,
    [b-n9301xwfdv] .profile__input-text:focus {
        outline: none;
    }

[b-n9301xwfdv] .profile__input-text {
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 0;
}

[b-n9301xwfdv] .profile__input-text--error {
    border: 1px solid red;
}

.profile__password--visibility[b-n9301xwfdv] {
    position: absolute;
    right: 23%;
    top: 50%;
    font-weight: 500;
    transform: translateY(-50%);
    cursor: pointer;
}

.profile__text--error[b-n9301xwfdv] {
    color: red;
    font-size: var(--fs-body);
}

.profile__actions[b-n9301xwfdv] {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
    font-size: var(--fs-md);
    gap: 0.5rem;
}

.profile__button--primary[b-n9301xwfdv],
.profile__button--secondary[b-n9301xwfdv] {
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: .25rem;
}

.profile__button--primary[b-n9301xwfdv] {
    background-color: #1E40AF;
    color: white;
    border: none;
}

    .profile__button--primary:hover[b-n9301xwfdv] {
        background-color: #1E3A8A;
    }

.profile__button--secondary[b-n9301xwfdv] {
    background-color: #6c757d;
    color: white;
    border: none;
}

    .profile__button--secondary:hover[b-n9301xwfdv] {
        background-color: #5a6268;
    }

/*  

.user__modal-title {
    font-size: var(--fs-3xl);
    font-weight: bold;
}

.user__modal-dialog {
    max-width: 720px;
    margin: 1.45rem auto;
}

.user__modal {
    display: block;
    background-color: rgba(0,0,0,0.5);
    top: 50px;
    z-index: 1200;
}

.user__pop {
    position: relative;
    top: 20px;
    right: 1px;
    background-color: #0a58ca;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 9%;
    width: 80%;
}

.mb-3 {
    margin-bottom: 0.001rem !important;
}

.col-form-label {
    padding-top: calc(.005rem + 1px);
    padding-bottom: calc(.005rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.mt-3 {
    margin-top: .1rem !important;
}*/
/* _content/SSm/Components/Pages/UserManage/LogIn.razor.rz.scp.css */

.login--container[b-1mg89oi7kt] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.login__background[b-1mg89oi7kt] {
    background: url("/images/design_icons/IAQ_Pro_Splash_Screen.jpg") no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 5rem 10%;
    position: relative;
    overflow: hidden;
}

.login__card[b-1mg89oi7kt] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding: 1.5rem 0.3rem;
    width: auto;
    z-index: 1;
    background-color: rgba(160, 160, 160, 0.15);
    border-radius: 8px;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.login__left-container[b-1mg89oi7kt] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 1rem;
    gap: 3rem;
    width: 30rem;
    height: 40rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.login__welcome[b-1mg89oi7kt] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: var(--fs-xl);
    padding-right: 5%;
    padding-bottom: 0.5rem;
}

.login__logo[b-1mg89oi7kt] {
    height: 1.46rem;
    margin-left: 10px;
}

.login__error[b-1mg89oi7kt] {
    color: #ff4d4f;
    margin-bottom: 1rem;
    font-size: var(--fs-body);
}

.login__form[b-1mg89oi7kt] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    border-radius: 8px;
    padding: 0 2rem;
    width: 100%;
    max-width: 400px;
    color: #fff;
}

.login__form-group[b-1mg89oi7kt] {
    display: flex;
    flex-direction: column;
}

.login__label[b-1mg89oi7kt] {
    display: flex;
    justify-content: flex-start;
    font-weight: 400;
    margin-bottom: 0.5rem;
    font-size: var(--fs-lg);
}

[b-1mg89oi7kt] .login__input {
    padding: 0.5rem 0.7rem;
    width: 17rem;
    border-radius: 5px;
    text-align: start;
    color: white;
    background-color: transparent;
    font-size: var(--fs-md);
    border: 1px solid rgba(255,255,255,0.5);
    outline: none;
    box-shadow: 0 0 4px 5px rgba(21, 36, 79, 0.1);
    transition: 0.3s;
}

    [b-1mg89oi7kt] .login__input::placeholder {
        color: white;
        opacity: 0.3;
    }

    [b-1mg89oi7kt] .login__input:focus {
        border: 1px solid rgba(255,255,255,0.8);
        outline: none;
        box-shadow: 0 0 10px 2px rgba(21, 36, 79, 0.5);
    }

.login__toggle-text[b-1mg89oi7kt] {
    font-weight: 500;
    color: white;
}

.login__checkbox-group[b-1mg89oi7kt] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.login__remember-label[b-1mg89oi7kt] {
    font-size: var(--fs-md);
    color: #fff;
}

.login__password-wrapper[b-1mg89oi7kt] {
    position: relative;
}

.login__toggle-password[b-1mg89oi7kt] {
    position: absolute;
    right: 1rem;
    top: 58%;
    font-size: var(--fs-md);
    color: #fff;
    cursor: pointer;
}

    .login__toggle-password:hover[b-1mg89oi7kt] {
        color: #86b7fe;
    }

.login__form-actions[b-1mg89oi7kt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login__link[b-1mg89oi7kt] {
    color: #86b7fe;
    text-decoration: none;
    font-size: var(--fs-md);
}

    .login__link:hover[b-1mg89oi7kt] {
        text-decoration: underline;
    }

.login__field-group--actions[b-1mg89oi7kt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login__remember[b-1mg89oi7kt] {
    display: flex;
    align-items: flex-end;
    gap: 0.3rem;
    margin-bottom: 0.5rem;
}

.login__remember-text[b-1mg89oi7kt] {
    color: lightgray;
    font-size: var(--fs-body);
    font-style: italic;
}

.login__forgot-password[b-1mg89oi7kt] {
    font-size: var(--fs-body);
    font-weight: 400;
    text-decoration: underline;
    color: lightgray;
}

    .login__forgot-password:hover[b-1mg89oi7kt] {
        color: gray;
    }

.login__field-group--login[b-1mg89oi7kt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login__submit[b-1mg89oi7kt] {
    width: 35%;
    padding: 0.6rem 1.25rem;
    background-color: #770E0A;
    color: #fff;
    font-weight: 500;
    font-size: var(--fs-md);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

    .login__submit:hover[b-1mg89oi7kt] {
        background-color: #a1110e;
    }

.login__company-logo[b-1mg89oi7kt] {
    display: flex;
    justify-content: center;
    width: 28rem;
    z-index: 1;
    margin-bottom: 2rem;
}

    .login__company-logo img[b-1mg89oi7kt] {
        width: 70%;
        height: auto;
        object-fit: fill;
    }


.login__version[b-1mg89oi7kt] {
    display: flex;
    justify-content: flex-end;
    font-size: var(--fs-xs);
    color: white;
}
/* _content/SSm/Components/Pages/UserManage/Users.razor.rz.scp.css */
/* etc */
.icon-btn[b-rrguc65pbi] {
    border: none;
    background: none;
    outline: none;
    font-size: var(--fs-2xl);
    transition: transform 0.1s ease;
}

    .icon-btn:focus[b-rrguc65pbi] {
        outline: none;
    }

    .icon-btn:hover[b-rrguc65pbi] {
        transform: scale(1.02);
    }

/* main design */
.users[b-rrguc65pbi] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    width: calc(100% - 3rem);
    max-width: 100%;
    min-width: 0;
    padding: 1.5rem;
    margin: 1.5rem;
    border-radius: 10px;
    background-color: white;
}

.users__top[b-rrguc65pbi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
}

.users__titles[b-rrguc65pbi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: default;
}

.users__title-text[b-rrguc65pbi] {
    font-weight: bolder;
    font-size: var(--fs-3xl);
}

.users__create-user-btn[b-rrguc65pbi] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    gap: 0.5rem;
    padding: 0.45rem 0;
    background-color: #1f3a60;
    color: white;
    font-weight: 600;
    font-size: var(--fs-body);
    border-radius: 3px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
    z-index: 10
}

    .users__create-user-btn[b-rrguc65pbi]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #11233c;
        transition: left 0.3s ease-in-out;
        z-index: -1;
    }

    .users__create-user-btn:hover[b-rrguc65pbi]::before {
        left: 0;
        opacity: 1;
    }

    .users__create-user-btn:hover[b-rrguc65pbi] {
        color: #fff;
    }

    .users__create-user-btn i[b-rrguc65pbi] {
        font-size: var(--fs-lg);
    }

.users__table[b-rrguc65pbi] {
    width: 100%;
    border-collapse: collapse;
}

.users__table-wrapper[b-rrguc65pbi] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.users__table[b-rrguc65pbi] { min-width: 700px; }

.users__table-header-column[b-rrguc65pbi],
.users__table-row-data[b-rrguc65pbi] { white-space: nowrap; }

@media screen and (max-width: 1023px) {
    .users__table[b-rrguc65pbi] { min-width: 560px; }
    .users__table-header-column[b-rrguc65pbi] { font-size: var(--fs-xs); padding: 0.5rem; }
    .users__table-row-data[b-rrguc65pbi] { font-size: var(--fs-xs); padding: 0.4rem; }
}

.users__table-header[b-rrguc65pbi] {
    background-color: #770e0a;
    color: white;
    cursor: default;
}

.users__table-header-column[b-rrguc65pbi] {
    padding: 0.8rem 1rem;
    text-align: center;
    vertical-align: middle;
    font-size: var(--fs-table-header);
    font-weight: 500;
}

.users__table-body[b-rrguc65pbi] {
    background-color: rgba(255, 255, 255, 0.8);
}

.users__table-row[b-rrguc65pbi] {
    border-bottom: 1px solid lightgray;
    cursor: pointer;
}

    .users__table-row:hover[b-rrguc65pbi] {
        background-color: #f5f5f5;
    }

.users__table-row-data[b-rrguc65pbi] {
    padding: 0.5rem;
    color: black;
    text-align: center;
    vertical-align: middle;
    font-size: var(--fs-sm);
}

.users__table-icon-btn[b-rrguc65pbi] {
    background: none;
    border: none;
    cursor: pointer;
    color: black;
}

    .users__table-icon-btn:hover[b-rrguc65pbi] {
        color: gray;
    }

.users__table-btn-icon[b-rrguc65pbi] {
    color: black;
    font-size: var(--fs-2xl);
}

.users__sort-arrow[b-rrguc65pbi] {
    color: white;
    margin-left: 5px;
}

.users__sort-asc[b-rrguc65pbi]::after {
    content: " ▲";
    cursor: pointer;
}

.users__sort-desc[b-rrguc65pbi]::after {
    content: " ▼";
    cursor: pointer;
}

.users__pagination[b-rrguc65pbi] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.users__pagination-btn[b-rrguc65pbi] {
    padding: 0.4rem 0.5rem;
    margin: 0 0.2rem;
    border: 1px solid #007bff;
    background: none;
    color: #007bff;
    cursor: pointer;
    border-radius: 4px;
    font-size: var(--fs-lg);
}

    .users__pagination-btn:disabled[b-rrguc65pbi] {
        color: #ccc;
        border-color: #ccc;
        cursor: not-allowed;
    }

.users__pagination-info[b-rrguc65pbi] {
    margin: 0 0.5rem;
    font-size: var(--fs-body);
    cursor: default;
}

/* Need to Login Popup */
.login-modal-overlay[b-rrguc65pbi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-modal[b-rrguc65pbi] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.login-modal-btn[b-rrguc65pbi] {
    margin-top: 10px;
    padding: 8px 16px;
    border: none;
    background: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}
/* Search + Create User grouped on the right */
.users__actions[b-rrguc65pbi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.users__search[b-rrguc65pbi] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    padding: 0 0.5rem;
    height: 2rem;
    transition: border-color 0.2s, background 0.2s;
}

    .users__search:focus-within[b-rrguc65pbi] {
        border-color: #1f3a60;
        background: #fff;
    }

.users__search-icon[b-rrguc65pbi] {
    color: #9ca3af;
    font-size: var(--fs-body);
    pointer-events: none;
    margin-right: 0.35rem;
}

.users__search-input[b-rrguc65pbi] {
    border: none;
    background: transparent;
    outline: none;
    font-size: var(--fs-body);
    width: 14rem;
    color: #111827;
}

/* Narrower search on smaller viewports -- declared AFTER base rule so cascade wins */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .users__search-input[b-rrguc65pbi] { width: 10rem; }
}

@media screen and (max-width: 1023px) {
    .users__search-input[b-rrguc65pbi] { width: 8rem; }
}

.users__search-clear[b-rrguc65pbi] {
    width: 1.25rem;
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: var(--fs-lg);
    line-height: 1;
    padding: 0;
    text-align: center;
}

    .users__search-clear:hover[b-rrguc65pbi] {
        color: #374151;
    }