/* _content/EduSoft/Components/Controls/IconButton.razor.rz.scp.css */
.icon-button[b-inmc8cn0fk] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    padding: 0.35rem 0.5rem;
    box-shadow: none;
    height: 36px;
    transition-duration: 0.15s;
    background: transparent;
    

    &:hover {
        color: var(--primary-color);
    }
    
    &:active[b-inmc8cn0fk] {
        transform: scale(0.975);
    }
}

.icon-button .icon-button-icon[b-inmc8cn0fk] {
    font-size: 1.4rem;
}

.icon-button .icon-button-text[b-inmc8cn0fk] {
    text-wrap: nowrap;
    margin-left: 0.5rem;
}


.icon-button.regular.primary[b-inmc8cn0fk] {
    color: white;
    background: var(--primary-color);

    &:hover{
        background: var(--primary-dark);
    }
}

.icon-button.regular.secondary[b-inmc8cn0fk]{
}

.icon-button.regular.danger[b-inmc8cn0fk]{
    color: white;
    background: var(--error-color);

    &:hover{
        background: var(--highlight-color);
    }
}


.icon-button.outlined.primary[b-inmc8cn0fk] {
    color: var(--primary-color);
    background: transparent;
    border-color: var(--primary-color);

    &:hover{
        color: white;
        background: var(--primary-color);
    }
}

.icon-button.outlined.secondary[b-inmc8cn0fk] {
    border-color: var(--text-color);
    background: transparent;

    &:hover{
        border-color: var(--primary-color);
    }
}

.icon-button.outlined.danger[b-inmc8cn0fk] {
    color: var(--error-color);
    background: transparent;
    border-color: var(--error-color);

    &:hover {
        color: white;
        background: var(--error-color);
    }
}


.icon-button.text.primary[b-inmc8cn0fk] {
    color: var(--primary-color);

    &:hover{
        border-color: var(--primary-color);
    }
}

.icon-button.text.secondary[b-inmc8cn0fk] {
    &:hover{
        border-color: var(--primary-color);
    }
}

.icon-button.text.danger[b-inmc8cn0fk] {
    color: var(--error-color);

    &:hover{
        border-color: var(--error-color);
    }
}
/* _content/EduSoft/Components/Controls/Searchbox.razor.rz.scp.css */
.searchbox[b-xhzsdb1yj7] {
    display: inline-flex;
    align-items: center;
    width: 100%;

    & .searchbox__input {
        width: 75%;
        padding: 0.35rem 0.7rem 0.35rem 0.7rem;
        margin-right: -2.2rem;
        background-color: #f7f7f7;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
        font-weight: 400;

        transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);

        &:focus {
            outline: 1px solid #777;
            width: 100%;
        }

        &[b-xhzsdb1yj7]::placeholder {
            color: #777;
            font-weight: 300;
        }
    }

    & .searchbox__icon[b-xhzsdb1yj7] {
        color: #777;
        z-index: 2;
        cursor: pointer;

        &:hover {
            color: var(--primary-color);
        }
    }
}
/* _content/EduSoft/Components/Controls/Wysiwyg.razor.rz.scp.css */
/* _content/EduSoft/Components/Layout/MainLayout.razor.rz.scp.css */
#app-main[b-pllqt15kky] {
    width: 100%;
    height: 100%;
    background-color: var(--main-bg);
}

#app-main .topbar-container[b-pllqt15kky] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

#app-main main[b-pllqt15kky] {
    position: absolute;
    top: 3rem;
    left: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 3rem);    
}

.sidebar-container[b-pllqt15kky]{    
    height: 100%;
}

.page-container[b-pllqt15kky] {    
    height: 100%;
    width: 100%;
    overflow-y: auto;    
}
/* _content/EduSoft/Components/Pages/Playground.razor.rz.scp.css */
.test-component[b-nf0n6qapm3] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;

    background: white;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .05);
}

.test-component__image[b-nf0n6qapm3] {
    height: 6rem;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;

    &:hover {
        transform: scale(1.1);
    }
}

.test-component__data-box[b-nf0n6qapm3] {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 1rem;
}

.test-component__name[b-nf0n6qapm3] {
    font-size: 1.3rem;
    font-weight: 500;
}

.test-component__model[b-nf0n6qapm3] {
    text-transform: uppercase;
}    
/* _content/EduSoft/Components/Pages/Valtozasnaplo.razor.rz.scp.css */
/* _content/EduSoft/Components/Sidebar.razor.rz.scp.css */
.sidebar[b-78hjff5q5f] {  
    height: 100%;
    width: var(--sidebar-closed-width);    
    border-right: 1px solid var(--border-color);    
    transition: all 0.35s ease-in-out;
    
    &.opened{
        width: var(--sidebar-width);
    }
}

.sidebar__separator[b-78hjff5q5f] {    
    width: 100%;
    height: 1px;
    border-top: 1px solid #ddd;
}

.sidebar .nav-items[b-78hjff5q5f] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem 1rem 1rem 1rem;
}

.nav-item[b-78hjff5q5f] {
    display: inline-block;   
}

.nav-item .nav-item-inner[b-78hjff5q5f] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    text-decoration: none;
    font-style: normal;
    align-items: center;
    color: var(--text-color);
    overflow: hidden; 
}

.nav-item.active .nav-item-inner[b-78hjff5q5f] {
    color: var(--primary-color);
}

.nav-item:hover .nav-item-inner[b-78hjff5q5f] {
    color: var(--primary-color);
}

.sidebar:not(.opened) .nav-item:hover[b-78hjff5q5f] {
    overflow: visible;
}


.nav-item-inner .nav-item-text[b-78hjff5q5f] {
    display: none;
    font-weight: 400;
    text-decoration: none !important;   
    font-style: normal !important;   
}

.sidebar:not(.opened) .nav-item:hover .nav-item-text[b-78hjff5q5f] {
    position: absolute;
    left: calc(var(--sidebar-closed-width) * 0.85);
    padding: 0.5rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.35);
    z-index: 100;
}


.sidebar.opened .nav-item .nav-item-text[b-78hjff5q5f], .nav-item:hover .nav-item-text[b-78hjff5q5f] {
    display: inline-block;   
}

.sidebar hr[b-78hjff5q5f] {
    margin: 0;
}
/* _content/EduSoft/Components/Toaster.razor.rz.scp.css */
.toaster[b-1jlsf84ul7]{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 100;
}

.toaster .message-container[b-1jlsf84ul7] { 
    display: flex;
    flex-direction: column;
    gap: 1rem;    
}

.toaster .toast-message[b-1jlsf84ul7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    color: white;
    background-color: var(--primary-color);
    border-radius: var(--border-radius);    
}

    .toaster .toast-message.warning[b-1jlsf84ul7] {
        color: var(--text-color);
        background-color: var(--warning-color);
    }

    .toaster .toast-message.error[b-1jlsf84ul7] {
        background-color: var(--error-color);
    }
/* _content/EduSoft/Components/Topbar.razor.rz.scp.css */
.topbar[b-vms7zud0t4] {
    width: 100%;
    height: 50px;
    padding: 0 0 0 1rem;
    background: #fff;
    border-bottom: 1px solid var(--border-color);
}

.topbar__content[b-vms7zud0t4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.topbar__hamburger[b-vms7zud0t4] {
    margin-right: 2rem;
}

.topbar__logo[b-vms7zud0t4] {
    font-family: N-gage, sans-serif;
    font-size: 1.35rem;
    color: var(--primary-color);
    margin-right: auto;
}

.topbar__notification[b-vms7zud0t4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.topbar__user[b-vms7zud0t4] {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-left: 1rem;

    & .user__head {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .5rem;
        height: 100%;
        padding: 0 1rem;
        border-left: 1px solid var(--border-color);
        cursor: pointer;

        &:hover {
            color: var(--primary-color);
        }
    }

    & .user__dropdown[b-vms7zud0t4] {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;

        background-color: #fff;
        border: 1px solid var(--border-color);
        border-radius: 0 0 0 var(--border-radius);
        box-shadow: -1rem 1rem 2rem rgba(100, 100, 100, 0.1);

        visibility: hidden;
        transform: translateX(100%);
        transition: all 0.2s ease-in-out;

        & .dropdown__items {
            display: flex;
            flex-direction: column;

            & .dropdown__item {
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 0.5rem;
                padding: 1rem;

                text-decoration: none;
                color: var(--text-color);

                &:hover {
                    color: var(--primary-color);
                }

                &:last-child:not(:first-child)[b-vms7zud0t4] {
                    border-top: 1px solid var(--border-color);
                }
            }
        }
    }

    & .user__dropdown.visible[b-vms7zud0t4] {
        visibility: visible;
        transform: translateX(0);
    }

    
}