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

/* /Areas/Article/Components/NavigationLayout.razor.rz.scp.css */


a[b-6cswk9cqgx], button[b-6cswk9cqgx] {
    padding: 8px;
    background-color: #6d52b3;
    border-radius: 4px;
    color: #fcfcfc;
    border: 1px solid #392a61;
}
/* /Areas/Article/Components/NavigationPartials.razor.rz.scp.css */


.m-partial-navigation[b-1q9v8m9hm3] {
    display: flex;
    justify-content: space-between;
}

    .m-partial-navigation .left[b-1q9v8m9hm3] {
        /*margin-right:auto;*/
    }

    .m-partial-navigation .right[b-1q9v8m9hm3] {
    }

    .m-partial-navigation .arrow[b-1q9v8m9hm3] {
        color: red;
        font-size: 2rem;
    }

    .m-partial-navigation .link[b-1q9v8m9hm3] {
        font-size: 1.2rem;
        font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;
    }
    .m-partial-navigation .link[b-1q9v8m9hm3]  .katex{
        color:#0d6efd;
    }

    .m-partial-navigation .link a[b-1q9v8m9hm3]{
        color:#0d6efd;
    }

    .m-partial-navigation .arrow-right[b-1q9v8m9hm3] {
        text-align: right;
    }

    .m-partial-navigation .link-right[b-1q9v8m9hm3] {
        text-align: right;
    }

@media(max-width:800px) {
    .m-partial-navigation[b-1q9v8m9hm3] {
        flex-direction: column;
    }

        .m-partial-navigation .link[b-1q9v8m9hm3] {
            font-size: 1rem;
        }

        .m-partial-navigation .left[b-1q9v8m9hm3] {
            margin-right: 0px;
        }

        .m-partial-navigation .arrow-left[b-1q9v8m9hm3] {
            text-align: center;
        }

        .m-partial-navigation .link-left[b-1q9v8m9hm3] {
            text-align: center;
        }

        .m-partial-navigation .arrow-right[b-1q9v8m9hm3] {
            text-align: center;
        }

        .m-partial-navigation .link-right[b-1q9v8m9hm3] {
            text-align: center;
        }
}
/* /Areas/Article/Components/TocContent.razor.rz.scp.css */


h3[b-bs8ewsx36f] {
    font-size: 1rem;
    font-weight: 600;
}


#m-toc-box[b-bs8ewsx36f]{
    position:relative;
    padding-left:20px;
}

/* /Areas/Article/Components/TocHeader.razor.rz.scp.css */



.content-header[b-rtnduqfvh3] {
    --padding-left: 0px;
    --padding-offset: 10px;
    padding: var(--padding-offset);
    padding-left: calc(var(--padding-left) + var(--padding-offset));
}

/*WARNING: Change resolution with layout configuration */
@media (max-width:600px) {

    .content-header[b-rtnduqfvh3] {
        --padding-left: var(--toc-bar-width);
        margin-top:-20px;
        margin-left:10px;
    }
}
/**********************/

.toolbar[b-rtnduqfvh3] {
    display: flex;
    justify-content: center;
}




    .table-of-content-box[b-rtnduqfvh3] {
        position: relative;
        background-color: white;
        padding: 15px 10px;
        border: 1px solid #9ebbe8;
        overflow: hidden;
    }

    @media(max-width:800px) {
        .table-of-content-box[b-rtnduqfvh3] {
            border: none;
            background-color: unset;
        }
    }

    p.article-title[b-rtnduqfvh3] {
        font-size: 0.875rem; /* trochę mniejszy niż standardowy nagłówek */
        font-weight: 600; /* lekko pogrubione, nie pełne bold */
        margin: 0 0 0.5rem 0; /* odstęp od dropdownu */
        line-height: 1.3; /* kompaktowa wysokość linii */
        color: #3b1848; /* dark, fiolet */
        /*color: #1f1f1f;*/ /*dark gray */
    }

    .btn-header-color[b-rtnduqfvh3] {
        background-color: #57236b;
        color: #f5f5f5;
        border: 2px solid #4a1e5a; /* ciemniejszy odcień fioletu */
        border-radius: 8px; /* zaokrąglenie narożników */
        padding: 0.5rem 1rem;
        font-weight: 500;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* subtelny cień */
        transition: all 0.3s ease;
    }

        /* Efekt po najechaniu */
        .btn-header-color:hover[b-rtnduqfvh3] {
            background-color: #6b2a82; /* jaśniejszy fiolet */
            border-color: #3e1750;
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
            color: #ffffff;
        }

        /* Efekt po kliknięciu / focus */
        .btn-header-color:focus[b-rtnduqfvh3],
        .btn-header-color:active[b-rtnduqfvh3] {
            outline: none;
            background-color: #4a1e5a;
            box-shadow: 0 0 0 3px rgba(87, 35, 107, 0.4); /* obramowanie focus */
        }



    select.m-dropdownlist-partials[b-rtnduqfvh3] { /*now is in flex container*/
        padding-right: 20px;
        margin: 40px 20px 0px 20px;
        font-size: 14px;
        text-overflow: ellipsis;
        padding: 6px;
    }

        select.m-dropdownlist-partials option[b-rtnduqfvh3] {
            /* background-color:blue; */
        }

            select.m-dropdownlist-partials option[disabled][b-rtnduqfvh3] {
                /* background-color:blue; */
                opacity: 0.5;
                background-color: #f7f7f7;
                font-style: italic;
            }

/* /Areas/Article/Pages/Article.razor.rz.scp.css */





.page-header[b-hyar8qdbf1]{
    padding:1em;
    font-size:0.9rem;
    border-bottom:2px solid black;
}




/*************************************************************/
/********** MODIFICATORS - LOCAL (DEVELOPMENT) AND PUBLIC */
/* THIS IS NOT VISIBLE IN PUBLISHED ARTICLE */
[b-hyar8qdbf1] .page .-local {
    display: none;
}
/* /Areas/Article/Shared/ArticleLayout.razor.rz.scp.css */


/******************************************************************
                        LAYOUT
******************************************************************/

/*::deep main{
    overflow-x:initial;
    border:10px solid green;
}
*/


.layout-container[b-qm7w2sc2dw] {
    /*----javascript sets-------*/
    --navigation-space-offset: 0px;
    --header-visible-height: 0px;
    --footer-visible-height: 0px;
    --page-safe-left: 0px;
    --page-last-maxWidth-breakpoint: 0;
    /*----customisable----------*/
    --page-max-width: 1280px;
    --toc-bar-width: 40px;
    --toc-bar-height-mobile: 50px;
    --is-mobile-toc-bar: 0;
    --max-width-container: 1280px;
    --padding-sides-container: 1em;
}

.layout-container[b-qm7w2sc2dw] {
    display: grid;
    grid-template-rows: auto 1fr auto; /* header, (content), footer, NOTE: unit set how to fill space vertically */
    grid-template-columns: 1fr; /* sidebar + content */
    grid-template-areas:
        "header"
        "page"
        "footer";
    gap: 0px; /* odstępy między elementami */
    /* row-gap: 10px; */
    /* column-gap: 30px; */
    min-height: 100vh;
    width: 100%;
    margin: 0 auto;
}



@media (max-width:1400px) {
    .layout-container[b-qm7w2sc2dw] {
        --toc-bar-width: 35px;
    }
}

/*styles for setup proper page and rail when rail disappear in mobile mode*/
@media (max-width:600px) {
    .layout-container[b-qm7w2sc2dw] {
        --is-mobile-toc-bar: 1;
    }

    [b-qm7w2sc2dw] .page.rail-overlap {
        margin-left: 0px !important;
        width: 100% !important;
    }
}

@media (min-width: 1080px ) {
    .layout-container[b-qm7w2sc2dw] {
    }
}


@media (min-width: 1800px ) {
    .layout-container[b-qm7w2sc2dw] {
        /* width: clamp(80%, 100vw, 100%); */
    }
}


@media (min-width: 2600px) {
    .layout-container[b-qm7w2sc2dw] {
        /* width: clamp(80%, 100vw, 100%); */
        width: 100%;
        max-width: 2440px;
    }
}


/************************************************************************************************/
/*** HEADER ****/
/************************************************************************************************/


header[b-qm7w2sc2dw] {
    grid-area: header;
    width: 100%;
    background-color: #f0fafa;
    z-index: 6000;
}

header .content[b-qm7w2sc2dw] {
        /* max-width:var(--max-site-container-width); */
    background-color: #d2ebfa;
    margin: auto;
    padding: 0px var(--padding-sides-container);
        /*test*/
    max-width: var(--max-width-container);
}


/************************************************************************************************/
/*** FOOTER ****/
/************************************************************************************************/

footer[b-qm7w2sc2dw] {
    grid-area: footer;
    width: 100%;
    background-color: #f2f2f2;
    z-index: 6000;
    /* height:300px; */
    background-color: #ebebeb;
    background-color: #f7f7f7;
    border-top: 1px solid rgb(225, 225, 225);
    /* align-self: flex-end; */
    bottom: 0px;
    /**/
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #6b6b6b;
    letter-spacing: 0.02em;
}

    footer .content[b-qm7w2sc2dw] {
        /* max-width:var(--max-site-container-width); */
        margin: auto;
        padding: 0.5em var(--padding-sides-container);
        /*test*/
        max-width: var(--max-width-container);
        color: #969696;
    }


/************************************************************************************************/
/*** TOC-CONTAINER + PAGE ****/
/************************************************************************************************/

/* main{ */
/* grid-area: main; */

/* } */


/*PAGE DEFAULT SETUP*/
[b-qm7w2sc2dw] .page {
    width: 100%;
    height:100%;
    min-width: 0px;
    max-width: var(--page-max-width);
    margin: auto;
    padding: 0px var(--padding-sides-container);
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;

    /***/
    padding-left: calc(var(--padding-sides-container));
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

[b-qm7w2sc2dw] .page.rail-overlap {
    margin-left: var(--toc-bar-width);
    margin-right: 0px;
    max-width: 100%;
    width: calc(100% - var(--toc-bar-width));
    border-left: none;
    border-right: none;
}

/******* PAGE SECTION ************/
[b-qm7w2sc2dw] .page .page-header {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    margin-bottom: 1.5em;
}
/*if first child of page is page-header then set additional style to page*/
[b-qm7w2sc2dw] .page:has(> .page-header:first-child) {
    padding-top: 0;
}

/**********************************/

/*NOTE: z-index toc-container > z-index toc-overlay (always) */
/*NOTE: Two possibilities: */
/* 1) overlay > header --> entire toc-container is visible and header under overlay */
/* 2) overlay < header --> header alwasy over overlay and ( toc entire visible or under header) */
#toc-overlay[b-qm7w2sc2dw] {
    position: fixed;
    /*not work with position:static */
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 3000;
    pointer-events: none;
}

    #toc-overlay.is-visible[b-qm7w2sc2dw] {
        opacity: 1;
        /*catch pointer clicks */
        pointer-events: auto;
    }


.toc-container[b-qm7w2sc2dw] {
    background-color: white;
    position: fixed;
    /* top:var(--header-visible-height); */
    top: 0px;
    width: clamp(320px, 30vw, 450px);
    height: 100%;
    z-index: 5000;
    border-right: 2px solid gray;
    transform: translateX(-100%);
}

.toc-container.transition-enabled[b-qm7w2sc2dw] {
    transition: transform 0.2s ease;
}


.toc-container.is-visible[b-qm7w2sc2dw] {
    transform: translateX(0);
    left: var(--toc-bar-width);
}


/* .navigation-wrap{ */
/* background-color:#83a392; */
/* margin-top:var(--header-visible-height); */
/* height: calc( */
/* 100vh */
/* - var(--header-visible-height, 0px) */
/* - var(--footer-visible-height, 0px) */
/* ); */
/* display:flex; */
/* /* flex-direction:column; */
/* } */

#toc-container-toggler[b-qm7w2sc2dw] {
    position: absolute;
    top: 0px;
    right: -30px;
}


/***** LEFT NAVIGATION ******/
.toc-stickyfake-container[b-qm7w2sc2dw] {
    position: relative;
    /* border:1px solid red; */
    margin-top: var(--header-visible-height);
    height: calc( 100vh - var(--header-visible-height, 0px) - var(--footer-visible-height, 0px) );
    /*this makse element scrolling*/
    display: flex;
    flex-direction: column;
}

.toc-bar[b-qm7w2sc2dw] {
    position: absolute;
    top: 0px;
    right: calc(var(--toc-bar-width) * -1);
    width: var(--toc-bar-width);
    height: 100%;
    background-color: #542487;
    opacity: 1;
    /****/
    box-shadow: inset -1px 0 0 rgba(174, 101, 252, 0.25), 2px 0 6px rgba(174, 101, 252, 0.35), 6px 0 18px rgba(0, 0, 0, 0.18);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .toc-bar[data-toc="closed"]:hover[b-qm7w2sc2dw] {
        background-color: #753ab5;
    }

    .toc-bar[data-toc="open"][b-qm7w2sc2dw] {
        background-color: #ae65fc;
        opacity: 1;
        left: calc(var(--toc-bar-width) * -1);
    }

    .toc-bar .rail-label[b-qm7w2sc2dw] {
        color: white;
        font-size: 0.8rem;
        writing-mode: vertical-rl; /* tekst pionowo od góry do dołu */
        text-orientation: upright; /* każda litera wyprostowana */
        /* transform: rotate(180deg);  */
        font-size: 1rem; /* dopasowane do wąskiego paska */
        font-weight: bold; /* lepsza widoczność */
        text-transform: uppercase; /* wszystkie litery DUŻE */
        letter-spacing: 0.1em; /* lekki odstęp dla czytelności */
        opacity: 0.8;
    }

@media (max-width: 600px) {
    .toc-container[b-qm7w2sc2dw] {
        
    }

    .toc-container.is-visible[b-qm7w2sc2dw] {
         transform: translateX(0);
         left: 0px;
		 width: clamp(80%, 30vw, 80%);
         
    }

    .toc-stickyfake-container[b-qm7w2sc2dw] {
    }

    .toc-bar[b-qm7w2sc2dw] {
        top: 0px;
        height: var(--toc-bar-height-mobile);
    }

    .toc-bar[data-toc="open"][b-qm7w2sc2dw] {
        left: 0px;
    }
}


nav[b-qm7w2sc2dw] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    nav .toc-header[b-qm7w2sc2dw] {
        margin-top: 1em;
    }



    nav .toc-content[b-qm7w2sc2dw] {
        overflow-y: auto;
        /* border:1px solid yellow; */
        flex-shrink: 1;
        flex-grow: 1;
        padding: 0px 1em;
    }

    nav .toc-footer[b-qm7w2sc2dw] {
        padding: 8px;
    }

@media (max-width: 600px) {
    nav .toc-header[b-qm7w2sc2dw] {
        margin-top: 2em;
    }
}




/********************************************************/
/*** PAGE HEADER ***/



/**logo**/

.page-header .logo[b-qm7w2sc2dw]{
	position:relative;
	display:inline-block;
	font-size: 1.25rem;
}

/* Ogólny styl logo */
.page-header .logo a[b-qm7w2sc2dw]{
    font-family: 'Inter', 'Segoe UI', sans-serif;        
    font-weight: 500;         
    color: black;          
    text-decoration: none;
    display: inline-flex;      
    align-items: center;
    text-transform: uppercase;
}

.page-header .logo .brand[b-qm7w2sc2dw]
{
	position:absolute;
	right:-2.6em;
	bottom:0px;
	font-size:0.6em;
    text-transform: lowercase;
}
.page-header .logo .brand .katex[b-qm7w2sc2dw]{
	color:black;
}

/* Delikatny efekt hover całego logo */
.page-header .logo a:hover[b-qm7w2sc2dw],
.page-header .logo-mobile a:hover[b-qm7w2sc2dw] {
    color: #444444;            
    transition: color 0.2s ease;
}

.page-brand img[b-qm7w2sc2dw]{
	width:42px;
	height:42px;
}


/*WARNING: Resolution coresponds to the resolution of mobile rail bar mode */
@media (max-width: 800px) {
	.page-header .logo[b-qm7w2sc2dw]{
		font-size:1rem;	
		padding-left:calc(var(--toc-bar-width) + 10px);
		
	}
	
	.page-header .logo .brand[b-qm7w2sc2dw]{
		font-size:0.75em;
		bottom:-0.25em;
	}
	
	.page-brand img[b-qm7w2sc2dw]{
		width:32px;
		height:32px;
	}

}
/* /Components/Article/CardArticle/CardArticle.razor.rz.scp.css */



/*this is use in script for bordering the item when the box is expanded */

/******************************************************************
                       
******************************************************************/
.container-items-sample[b-03hhz14pe2] {
    
}
    /* 
 * Select all .red children of .home, including the first one,
 * and give them a border.
 */
    .container-items-sample[b-03hhz14pe2] >  .container-items-sample-header {
        border-top: 1px solid rgba(0, 0, 0, 0.5);
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

        /* 
 * Select all but the first .red child of .home,
 * and remove the border from the previous rule.
 */
        .container-items-sample[b-03hhz14pe2] >  .container-items-sample-header ~ .container-items-sample-header {
            border-top: none;
        }

[b-03hhz14pe2] .container-items-sample-header {
    background-color: rgba(0, 0, 0, 0.025);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    padding: 0.8em;
    border-radius: 0px;
}


/******************************************/
/* MODYFICATORS */
/******************************************/

/*toggle-border - this is assigned to the blank element of subset item which is before the next main item - to assign top border to that element (main item) */
.column-left-modificator[b-03hhz14pe2]  .toggle-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.column-right-modificator[b-03hhz14pe2]  .toggle-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}


.column-right-modificator[b-03hhz14pe2]  .item .left-side-box .item-order {
    /* border-left: none !important;   */
    width: 46px !important;
    margin-left: -1px !important;
    /* position:absolute; */
    /* left:0px; */
    /* right:0px; */
    /* background-color:green !important; */
}



/*WARNING:max-width has to match to bootstrap column breakpoint (bootstrap brakepoints have affection from min-width, forexample: if column breakpoints are set for 576px for two columns 6 size "col-6" then here max-width has to be set for 575px to make column wrappings with proper styles ) 
    -This just have to match set in CardArticle.razor for columns size "sm, lg, etc"
*/

@media (max-width:992px) {

    .column-right-modificator[b-03hhz14pe2]  .item .left-side-box .item-order { 
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        width: 45px !important;
        margin-left: 0px !important;
    }

    .column-left-modificator[b-03hhz14pe2]  .toggle-border-column-separator {
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        /* opacity:1; */
    }


}
/* /Components/Article/CardArticle/ItemsLinkExtended.razor.rz.scp.css */

 .box-item[b-9v3pu51iud] {
    /* display:flex; */
    /* border-bottom:1px solid rgba(0, 0, 0, 0.445); */
    /* border-left:1px solid rgba(0, 0, 0, 0.445); */
    /* border-right:1px solid rgba(0, 0, 0, 0.445); */
}

/* SHARED */

[b-9v3pu51iud] .left-side-box {
    /* background-color:rgb(235, 235, 235); that same as header */
    display: flex;
}

    [b-9v3pu51iud] .left-side-box .item-blank {
        width: 45px;
        min-height: 40px;
        height: 100%;
        background-color: transparent;
        /* border-top:1px solid rgba(0, 0, 0, 0.445); */
        border-right: 1px solid rgba(0, 0, 0, 0.5);
        border-top: none;
        background-color: rgba(100, 150, 100, 0.0);
    }

        [b-9v3pu51iud] .left-side-box .item-blank:last-of-type {
            /* border-top:1px solid rgba(0, 0, 0, 0.445); */
            border-right: 1px solid rgba(0, 0, 0, 0.5);
        }


    [b-9v3pu51iud] .left-side-box .item-order {
        /* padding:0.5em 1em; */
        width: 45px;
        min-height: 40px;
        height: 100%;
        /* padding:0.5em 0px; */
        font-weight: 600;
        color: rgba(0, 0, 0, 0.753);
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid rgba(0, 0, 0, 0.5); /*there is column modificator*/
        border-right: 1px solid rgba(0, 0, 0, 0.5);
        /* border-top:1px solid rgba(0, 0, 0, 0.445); */
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        background-color: rgba(0, 0, 0, 0.025);
    }

        [b-9v3pu51iud] .left-side-box .item-order:last-of-type {
            /* padding:0.5em 1em; */

            border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        }

    [b-9v3pu51iud] .left-side-box .item-button {
        width: 45px;
        min-height: 40px;
        height: 100%;
        /* padding:0.5em 0px; */
        font-weight: 500;
        color: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        border-right: 1px solid rgba(0, 0, 0, 0.5);
        opacity:0.8;
    }

.left-side-box .item-button button[b-9v3pu51iud] {
    width: 100%;
    height: 100%;
    border: none;
    /*background-color: inherit;*/
    background-color: rgba(0, 0, 0, 0.0);
}

        .left-side-box .item-button.active[b-9v3pu51iud] {
            background-color: white;
        }

     .left-side-box .item-button.active button[b-9v3pu51iud] {
         opacity:1;
     }

[b-9v3pu51iud] .item-content {
    /* border-top:1px solid rgba(0, 0, 0, 0.445); */
    flex-grow: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.5);
}

[b-9v3pu51iud] .m-admin-item-content{
    display:flex;
    flex-direction:column;
}

[b-9v3pu51iud] .item-content:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

    [b-9v3pu51iud] .item-content a {
        display: flex;
        align-items: center;
        height: 100%;
        padding-left: 0.5em;
        padding-right: 0.5em;
        /* padding:0.5em; */
        color: black;

        /***/
      /*  -webkit-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
        -moz-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
        box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);*/
    }

        [b-9v3pu51iud] .item-content a:hover {
            background-color: rgba(0, 0, 0, 0.025);
        }


[b-9v3pu51iud] .box-item.admin .item-content a {
    pointer-events: all !important;
}


/******************************************/
/* MODYFICATORS */
/******************************************/

.box-item.notActive[b-9v3pu51iud] {
}
/*WARNING:remeber this is not for subitems (not deep) */
.box-item .item-content a.notActive[b-9v3pu51iud] {
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
    box-shadow: none;
}

[b-9v3pu51iud] .subitem a.notActive {
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
    box-shadow: none;
}

/*MARKED ARTICLES (SPECIAL)*/

item-content.marked[b-9v3pu51iud]{


}

.item-content.marked a[b-9v3pu51iud] {
    font-weight: 600;
}

.item-content.marked a .icon[b-9v3pu51iud]{
	display:block !important;
    padding-right:1em;
    color:rgba(223, 12, 12, 0.904);
    /* color:rgba(0, 84, 209, 0.904); */
    font-weight:500;
    /* background-color:red; */

}
/* /Components/Article/CardArticle/SubItemLink.razor.rz.scp.css */

/* SUB-ITEM */
.subitem-box[b-b5ibj7mcjd] {
}

    .subitem-box .subitem[b-b5ibj7mcjd] {
    }

    .subitem-box .item-order[b-b5ibj7mcjd] {
        /* border-top:1px solid rgba(0, 0, 0, 0.445); */
        border-left: none;
    }

        .subitem-box .item-order:last-of-type[b-b5ibj7mcjd] {
            border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        }



    .subitem-box .item-content[b-b5ibj7mcjd] {
    }

        .subitem-box .item-content a[b-b5ibj7mcjd] {
            padding-left: 20px;
            font-size: 0.9em;
            
        }

.subitem.notActive[b-b5ibj7mcjd] {
}

.subitem.notActive .item-content a[b-b5ibj7mcjd] {
        cursor: pointer;
        pointer-events: none;
        opacity: 0.5;
        box-shadow: none;
    }

/*MARKED ARTICLES (SPECIAL)*/

item-content.marked[b-b5ibj7mcjd]{


}

.item-content.marked a[b-b5ibj7mcjd] {
    font-weight: 600;
}

.item-content.marked a .icon[b-b5ibj7mcjd]{
	display:block !important;
    padding-right:1em;
    color:rgba(223, 12, 12, 0.904);
    /* color:rgba(0, 84, 209, 0.904); */
    font-weight:500;
    /* background-color:red; */

}
/* /Components/ItemsLink/ContainerGridItems.razor.rz.scp.css */




.container-items[b-mjvrtqqjxw] {
    display: flex;
    margin: 1em auto;
    width: 100%;
}



.container-items .column[b-mjvrtqqjxw] {
        display: flex;
        width: 50%;
        flex-direction: column;
        
}

.container-items .column.left[b-mjvrtqqjxw] {
        border-right: 1px solid rgba(0, 0, 0, 0.445);
}

.container-items .column.right[b-mjvrtqqjxw] {
}
        /***** this override the normal style of items because of proper borderling the columns ***/
.container-items .column.right[b-mjvrtqqjxw]  .container-items-sample-header {
        /* background-color:rgb(235, 235, 235); */
        border-left: 0px;
}
.container-items .column.left[b-mjvrtqqjxw]  .container-items-sample-header {
        /* background-color:rgb(235, 235, 235); */
        border-right: 0px;
}
.container-items .column.left[b-mjvrtqqjxw]  .box-item {
        border-right: 0px;
}
.container-items .column.right[b-mjvrtqqjxw]  .box-item {
        border-left: 0px;
}

@media (min-width:1440px) {
    .container-items[b-mjvrtqqjxw] {
        width: 80%;
        max-width:1280px;
    }
}

@media (max-width:1000px) {
    .container-items[b-mjvrtqqjxw] {
        flex-direction: column;
    }

.container-items .column[b-mjvrtqqjxw] {
            width: 100%;
            margin-bottom: 0px;
}
.container-items .column.left[b-mjvrtqqjxw] {
        
}

     /***** this override the normal style of items because of proper borderling the columns ***/
.container-items .column.right[b-mjvrtqqjxw]  .container-items-sample-header {
            /* background-color:rgb(235, 235, 235); */
    border-left: 1px solid rgba(0, 0, 0, 0.445);
}

.container-items .column.right[b-mjvrtqqjxw]  .box-item {
    border-left: 1px solid rgba(0, 0, 0, 0.445);
}
            /***/
.container-items .column.right[b-mjvrtqqjxw]  .container-items-sample-header:first-child {
            border-top: 0px;
    }
}
/* /Components/ItemsLink/GridItemColumn.razor.rz.scp.css */
/* /Components/ItemsLink/ItemLink.razor.rz.scp.css */


.box-item[b-8vdek9scab] {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.445);
    border-left: 1px solid rgba(0, 0, 0, 0.445);
    border-right: 1px solid rgba(0, 0, 0, 0.445);
}

.left-side-box[b-8vdek9scab] {
    /* background-color:rgb(235, 235, 235); that same as header */
    background-color: rgba(78, 120, 212, 0.096);
    display:flex;
}

.left-side-box .item-order[b-8vdek9scab] {
        /* padding:0.5em 1em; */
        width: 45px;
        min-height: 40px;
        height: 100%;
        /* padding:0.5em 0px; */
        font-weight: 500;
        color: rgba(0, 0, 0, 0.753);
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid rgba(0, 0, 0, 0.445);
}

.item-content[b-8vdek9scab] {
    flex-grow: 1;
}

.item-content a[b-8vdek9scab] {
        display: flex;
        align-items: center;
        height: 100%;
        padding-left: 0.5em;
        padding-right: 0.5em;
        /* padding:0.5em; */
        color: black;
        /***/
        -webkit-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
        -moz-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
        box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
}

.item-content a:hover[b-8vdek9scab] {
            background-color: rgba(78, 120, 212, 0.096);
}


/*hightlighted item*/

.box-item.highlighted[b-8vdek9scab] {
}

.box-item.highlighted .item-content a[b-8vdek9scab] {
        font-weight: 500;
}

.box-item.highlighted .item-content a .icon[b-8vdek9scab] {
            padding-right: 1em;
            color: rgba(223, 12, 12, 0.904);
            /* color:rgba(0, 84, 209, 0.904); */
            font-weight: 500;
            /* background-color:red; */
}

/*notActive box item*/
.box-item.notActive[b-8vdek9scab] {
}

.box-item.notActive .item-content a[b-8vdek9scab] {
        cursor: pointer;
        pointer-events: none;
        opacity: 0.5;
        box-shadow: none;
}
.box-item.admin .item-content a[b-8vdek9scab]{
    pointer-events:all !important;
}

.box-item.notActive .item-content a .icon[b-8vdek9scab] {
            /* background-color:red; */
}

/* /Components/ItemsLink/ItemLinkOne.razor.rz.scp.css */



/****************************************************************************/
/****************************************************************************/
/******** ONE ITEM LINK *********/
.container-item-link-button[b-mxudv4aaq3]{
    display:flex;
    min-height:40px;
    width:100%;
    border:1px solid rgba(0, 0, 0, 0.445);
    border-radius: 8px;;

}
.container-item-link-button a.item-link[b-mxudv4aaq3]{
    display:flex;
    align-items: center;
    width:100%;
    padding-left:0.5em;
    padding-right:0.5em;
    /* padding:0.5em; */
    color:black;
    /***/
    -webkit-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
    -moz-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
    box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
}
.container-item-link-button a.item-link:hover[b-mxudv4aaq3]{
    background-color:rgba(78, 120, 212, 0.096);
}
/* /Components/ItemsLink/ItemsLinkContainer.razor.rz.scp.css */


.container-items-sample[b-08ehawhpqt] {
    /* border:1px solid; */
}
    /* 
 * Select all .red children of .home, including the first one,
 * and give them a border.
 */
 .container-items-sample[b-08ehawhpqt] >  .container-items-sample-header {
    border-top: 1px solid rgba(0, 0, 0, 0.445);
}

        /* 
 * Select all but the first .red child of .home,
 * and remove the border from the previous rule.
 */
 .container-items-sample[b-08ehawhpqt] >  .container-items-sample-header ~ .container-items-sample-header {
        border-top: none;
    }
/* /Components/ItemsLink/ItemsLinkHeader.razor.rz.scp.css */

.container-items-sample-header[b-7cgzq551ud] {
    /* background-color:rgb(235, 235, 235); */
    background-color: rgba(78, 120, 212, 0.096);
    border-left: 1px solid rgba(0, 0, 0, 0.445);
    border-right: 1px solid rgba(0, 0, 0, 0.445);
    border-bottom: 1px solid rgba(0, 0, 0, 0.445);
    padding: 0.8em;
}


    /*notSelective-admin (for header)*/
.container-items-sample-header.notSelective-admin[b-7cgzq551ud] {
    border: 1px solid blue !important;
    opacity: 0.6;
}
/* /Components/Layout/FooterBottomContent.razor.rz.scp.css */

.footer-bottom section.description[b-t83da01pp7] {
}

    .footer-bottom section.description .screen[b-t83da01pp7] {
    }

    .footer-bottom section.description .mobile[b-t83da01pp7] {
        display: none;
    }

.footer-bottom section.links[b-t83da01pp7] {
    display: flex;
}


    /*links formatting*/


    .footer-bottom section.links[b-t83da01pp7]  a {
        color: #999;
        text-transform: uppercase;
        margin: 0px 15px;
    }

        .footer-bottom section.links[b-t83da01pp7]  a.active {
            /* border-bottom:1px solid rgb(78, 144, 179); */
            font-family: 500;
            color: rgb(182, 108, 39);
        }



@media(max-width:800px) {


        .footer-bottom section.description[b-t83da01pp7] {
        }

            .footer-bottom section.description .screen[b-t83da01pp7] {
                display: none;
            }

            .footer-bottom section.description .mobile[b-t83da01pp7] {
                display: block;
            }

        .footer-bottom section.links[b-t83da01pp7] {
            flex-direction: column;
            align-items: center;
            margin-top: 10px;
        }

            /*links formatting*/
            .footer-bottom section.links[b-t83da01pp7]  a {
                padding: 5px;
            }

                .footer-bottom section.links[b-t83da01pp7]  a.active {
                }
}
/* /Components/Layout/FooterWrapperContent.razor.rz.scp.css */


 .footer-container[b-vedkc0kr4o] {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height:300px; */
    padding: 10px;
    background-color: #ebebeb;
    background-color: #f7f7f7;
    /* align-self: flex-end; */
    bottom: 0px;
}

 footer.footer-container .footer-content[b-vedkc0kr4o] {
    min-height: 100px;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    border-left: 1px solid rgb(225, 225, 225);
    border-right: 1px solid rgb(225, 225, 225);
    padding: 0px 10px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */


/******************************************************************
                        LAYOUT
******************************************************************/



*[b-b8fdpgk2da]{
	box-sizing:border-box; 
}


.layout-container[b-b8fdpgk2da] {
	/*style*/
	background-color: #fcfcf7;
	/*----javascript sets-------*/
	--navigation-space-offset: 0px;
	--header-visible-height: 0px;
	--footer-visible-height: 0px;
	--page-safe-left: 0px;
	--page-last-maxWidth-breakpoint: 0;
	/*----customisable----------*/
	--page-max-width: 1280px;
	--toc-bar-width: 40px;
	--toc-bar-height-mobile: 55px;
	--is-mobile-toc-bar: 0;
	--max-width-container: 1280px;
	--padding-sides-container: 1rem;
	--page-border-color: #7f8082;
}


@media (max-width:1400px) {
  .layout-container[b-b8fdpgk2da]{
	  --toc-bar-width:35px;
  }

}

/*styles for setup proper page and rail when rail disappear in mobile mode*/
@media (max-width:800px) {
  .layout-container[b-b8fdpgk2da]{
	  --is-mobile-toc-bar:1;
  }
  .page.rail-overlap[b-b8fdpgk2da]{
	margin-left:0px !important;
	width:100% !important;
  }

}


/*html,body{
	height:100%;
	margin:0px;
}*/

/*body{
	--main-site-padding:1em;
}*/


.db-red[b-b8fdpgk2da]{
	border:1px solid red;
}
.db-yellow[b-b8fdpgk2da]{
	border:1px solid yellow;
}
.db-blue[b-b8fdpgk2da]{
	border:1px solid blue;
}

/****************************************************************************
************ LAYOUT 
****************************************************************************/

/*UNITS:
1vh:1% height of viewport
1vw:1% width of viewport
1fr: jednostka logiczna dzieląca przestrzeń w grid
*/

.layout-container[b-b8fdpgk2da]{
  display: grid;
  grid-template-rows:  auto 1fr auto; /* header, (content), footer, NOTE: unit set how to fill space vertically */
  grid-template-columns:  1fr; /* sidebar + content */
  grid-template-areas:
	"header"
    "page"
    "footer";
  gap: 0px; /* odstępy między elementami */
  /* row-gap: 10px; */
  /* column-gap: 30px; */
  min-height: 100vh;
  width:100%;
  margin:0 auto;
}

@media (min-width: 1080px ) {
	.layout-container[b-b8fdpgk2da]{
		
		
	}

}


@media (min-width: 1800px ) {
	.layout-container[b-b8fdpgk2da]{
		/* width: clamp(80%, 100vw, 100%); */
		
	}

}


@media (min-width: 2600px) {
	.layout-container[b-b8fdpgk2da]{
		/* width: clamp(80%, 100vw, 100%); */
		width:100%;
		max-width:2440px;
		
	}

}

/************************************************************************************************/
/*** HEADER ****/
/************************************************************************************************/

header[b-b8fdpgk2da] {
	grid-area: header;
	width: 100%;
	background-color: #44444a;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	z-index: 6000;
}

header .content[b-b8fdpgk2da]{
		/* max-width:var(--max-site-container-width); */
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:auto;
	padding:0px 0px; /*var(--padding-sides-container)*/
		/*test*/
	max-width:var(--max-width-container);
}


section.social-links[b-b8fdpgk2da]{
	display:flex;
	align-items:center;
	gap:1em;
	padding:8px 10px;
	margin-right:2px;
	color:#c8c8d3;
}
section.social-links a[b-b8fdpgk2da]{
	/*gray color: #c8c8d3 */
	display:flex;
	justify-content:center;
	align-items:center;
	width:28px;
	height:28px;
	color:#c8c8d3;
	transition: color 0.2s ease, transform 0.2s ease;
	border-radius: 50%;
}
section.social-links a:hover[b-b8fdpgk2da]{
	border:2px solid yellow;
	color:white;
}

section.social-links svg[b-b8fdpgk2da]{	
}
section.social-links svg path[b-b8fdpgk2da]{	
    fill: currentColor;
}

/**this style is added in javascript for styling header when page overs the rail **/
.header-over[b-b8fdpgk2da]{
	
}
.header-over .social-links a[b-b8fdpgk2da]{
	
}
.header-over .social-links a:hover[b-b8fdpgk2da]{

}
/**/
img.anonim[b-b8fdpgk2da] {
	width: 50px;
	height: 50px;
	margin-left: 5rem;
	opacity: 0.9;
}



/************************************************************************************************/
/*** FOOTER ****/
/************************************************************************************************/

footer[b-b8fdpgk2da]{
	grid-area: footer;
	width:100%;
	background-color:#f2f2f2;
	z-index:6000;
    /* height:300px; */
    background-color: #ebebeb;
    background-color: #f7f7f7;
    border-top: 1px solid rgb(225, 225, 225);
    /* align-self: flex-end; */
    bottom:0px;
	/**/
	 font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 0.75rem;
	line-height: 1.4;
	color: #6b6b6b;
	letter-spacing: 0.02em;
}

footer .content[b-b8fdpgk2da]{
	/* max-width:var(--max-site-container-width); */
	margin:auto;
	padding:0.5em var(--padding-sides-container);
	/*test*/
	max-width:var(--max-width-container);
	color: #969696;
}


/************************************************************************************************/
/*** TOC-CONTAINER + PAGE ****/
/************************************************************************************************/

/* main{ */
	/* grid-area: main; */
	
/* } */


/*PAGE DEFAULT SETUP*/
.page[b-b8fdpgk2da] {
	width: 100%;
	max-width: var(--page-max-width);
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 1);
	/*#7f8082*/
	border-left: 2px solid #f2c738;
	border-right: 2px solid #f2c738;
	overflow-x: auto; /*in grid container overflow behave slighty different than in flex or block - without set this the content is cliped */
	/*********/
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
	/***/
	padding: 0px var(--padding-sides-container);
	display: flex;
	flex-direction: column;
}

.page.rail-overlap[b-b8fdpgk2da]{
	margin-left:var(--toc-bar-width);
	margin-right:0px;
	max-width:100%;
	width:calc(100vw - var(--toc-bar-width));
	border-left:none;
	border-right:none;
}

/******* PAGE SECTION ************/
.page .page-header[b-b8fdpgk2da]{
	grid-area:page-header;
	margin-left:calc(var(--padding-sides-container) * (-1));
	padding-left:var(--padding-sides-container);
	margin-right:calc(var(--padding-sides-container) * (-1));
	padding-right:var(--padding-sides-container);
	margin-bottom:3rem;
}

.page main[b-b8fdpgk2da]{
	grid-area:page-main;
	overflow-x:clip; /*clip the overflow content (leaves page padding) */
	flex:1;
	
}

.page .page-footer[b-b8fdpgk2da]{
	grid-area:page-footer;
	margin-left:calc(var(--padding-sides-container) * (-1));
	padding-left:var(--padding-sides-container);
	margin-right:calc(var(--padding-sides-container) * (-1));
	padding-right:var(--padding-sides-container);
	width:auto;
	
}

/********************************************************************************
    MATH FORMULA RENDERING
********************************************************************************/
.page .katex[b-b8fdpgk2da] {
    font-size: 1.21em; 				/*general: default 1.21em*/
    line-height: 1.2; 				/*default 1.2*/
    /*first style*/
    /*    font-weight: 520;
    color: rgb(50, 50, 50);*/
    /******************/
    color: #111;					/*default:#111*/
    /* text-shadow: 0 0 0.1px #111; */
    /* -moz-osx-font-smoothing: grayscale; */
    /* -webkit-font-smoothing: antialiased; */
}

main .katex-display[b-b8fdpgk2da] { 
    /*font-size:1em;*/ 						/*only in display mode*/
	overflow: auto hidden; 					/*set for horizontal scrolling*/
	/* border:1px solid red; */
	/* padding:2px; 							/*WARNING: Without little padding there is sometimes horizontal scroll bar in the display mode math box*/ */
    margin:1em; 							/*default: 1em; - sets margin top-bottom for entire block \[  \] */
}



/*NOTE: z-index toc-container > z-index toc-overlay (always) */
/*NOTE: Two possibilities: */ 
/* 1) overlay > header --> entire toc-container is visible and header under overlay */
/* 2) overlay < header --> header alwasy over overlay and ( toc entire visible or under header) */
#toc-overlay[b-b8fdpgk2da]{
  position: fixed;
  /*not work with position:static */
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  z-index: 3000;
  pointer-events: none;

}

#toc-overlay.is-visible[b-b8fdpgk2da]{
	opacity:1;
	/*catch pointer clicks */
	pointer-events: auto;
}


.toc-container[b-b8fdpgk2da] {
	background-color: white;
	position: fixed;
	/* top:var(--header-visible-height); */
	top: 0px;
	width: clamp(320px, 30vw, 400px);
	height: 100%;
	z-index: 999999;
	transform: translateX(-100%);
}
/*WARNING: This is needed in SPA for make animation of transition works only after first render (see javascript code) */
.toc-container.transition-enabled[b-b8fdpgk2da]{
	transition: transform .2s ease;
}

.toc-container.is-visible[b-b8fdpgk2da]{
	transform: translateX(0);
	left:var(--toc-bar-width);
}


/* .navigation-wrap{ */
	/* background-color:#83a392; */
	/* margin-top:var(--header-visible-height); */
	/* height: calc( */
    /* 100vh */
    /* - var(--header-visible-height, 0px) */
    /* - var(--footer-visible-height, 0px) */
	/* ); */
	/* display:flex; */
	/* /* flex-direction:column; */ 
/* } */

#toc-container-toggler[b-b8fdpgk2da]{
	position:absolute;
	top:0px;
	right:-30px;
}


/***** LEFT NAVIGATION ******/
.toc-stickyfake-container[b-b8fdpgk2da]{
	position:relative;
	/* border:1px solid red; */
	margin-top:var(--header-visible-height);
	height: calc(
    100vh
    - var(--header-visible-height, 0px)
    - var(--footer-visible-height, 0px)
	);
	/*this makse element scrolling*/
	display:flex;
	flex-direction:column;

}

.toc-bar[b-b8fdpgk2da]{
	position:absolute;
	top:0px;
	right:calc((var(--toc-bar-width) - 1px) * -1);
	width:var(--toc-bar-width);
	height:100%;
	background-color:#542487;
	/****/
	box-shadow:  inset -1px 0 0 rgba(174, 101, 252, 0.25),
    2px 0 6px rgba(174, 101, 252, 0.35),
    6px 0 18px rgba(0, 0, 0, 0.18);
	display: flex;
	justify-content: center;
	align-items:center;
	backface-visibility: hidden;
}

.toc-bar[data-toc="closed"]:hover[b-b8fdpgk2da]{
	background-color:#753ab5;
	
}

.toc-bar[data-toc="open"][b-b8fdpgk2da]{
	background-color:#ae65fc;
	opacity:1;
	right:none;
	left:calc(var(--toc-bar-width) * -1);
	
}

.toc-bar .rail-label[b-b8fdpgk2da]{
  color: white;
  font-size: 0.8rem;
  writing-mode: vertical-rl; /* tekst pionowo od góry do dołu */
  text-orientation: upright; /* każda litera wyprostowana */
  /* transform: rotate(180deg);  */
  font-size: 1rem;       /* dopasowane do wąskiego paska */
  font-weight: bold;        /* lepsza widoczność */
  text-transform: uppercase; /* wszystkie litery DUŻE */
  letter-spacing: 0.1em;    /* lekki odstęp dla czytelności */
  opacity:0.8;
}


/*WARNING: Changing resolution may need to change other resolutions in @media (see page header) */
@media (max-width: 800px) {
	.toc-container[b-b8fdpgk2da]{
		
	}
	
	.toc-container.is-visible[b-b8fdpgk2da]{
		transform: translateX(0);
		left:0px;
	}
	
	.toc-stickyfake-container[b-b8fdpgk2da]{
		
	}
	
	.toc-bar[b-b8fdpgk2da]{
		top:0px;
		height:var(--toc-bar-height-mobile);
	}
	
	.toc-bar[data-toc="open"][b-b8fdpgk2da]{
		left: 0px;
	
	}
}


nav.side-navigation[b-b8fdpgk2da]{
	display:flex;
	flex-direction:column;
	height:100%;
}

nav.side-navigation .toc-header[b-b8fdpgk2da]{
	margin-top:1.5em;
	padding:0px 1.5em;
	text-transform:uppercase;
	font-weight:bold;
}
nav.side-navigation .toc-header .content[b-b8fdpgk2da]{
	border-bottom:2px solid rgb(40, 40, 40);
}



nav.side-navigation .navigation-content[b-b8fdpgk2da]{
	overflow-y:auto;
	/* border:1px solid yellow; */
	flex-shrink:1;
	flex-grow:1;
	padding:0px 1em;
}

nav.side-navigation .toc-footer[b-b8fdpgk2da]{
	padding:8px;
}

@media (max-width: 800px) {
	nav.side-navigation .toc-header[b-b8fdpgk2da]{
		text-align:center;
		padding-left:calc(var(--toc-bar-width) + 10px);
	}

}


/****side navigation styles *********/
nav.side-navigation .navigation-content[b-b8fdpgk2da] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;

    overflow-y: auto;
    /* overscroll-behavior: contain; */

    padding: 1.25rem 1.5rem;

    font-size: 0.95rem;
    line-height: 1.5;
}
[b-b8fdpgk2da] .side-navigation .navigation-content a {
    position: relative;

    display: flex;
    align-items: center;

    padding: 0.5rem 0.75rem;
    border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.03);

    color: #2c2c2c;
    text-decoration: none;

    transition:
        background-color 120ms ease,
        color 120ms ease;
}
[b-b8fdpgk2da] .side-navigation .navigation-content a:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
}
[b-b8fdpgk2da] .side-navigation .navigation-content a.active {
    font-weight: 500;
    color: #4b1fa6;
    background-color: rgba(174, 101, 252, 0.12);
}

[b-b8fdpgk2da] .side-navigation .navigation-content a.disabled{
	opacity:0.4;
	pointer-events:none;
    color: rgb(100, 100, 100);
	
}


/********************************************************/
/*** PAGE HEADER ***/
.page-header[b-b8fdpgk2da]{
	/* background-color:#7a6dcf; */
}

.header-content[b-b8fdpgk2da]{
	padding:1rem;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	display:flex;
	justify-content:space-between;
	align-items:center;
}

/**logo**/

.page-header .logo[b-b8fdpgk2da]{
	position:relative;
	display:inline-block;
	font-size: 1.5rem;
}

/* Ogólny styl logo */
.page-header .logo a[b-b8fdpgk2da]{
    font-family: 'Inter', 'Segoe UI', sans-serif;        
    font-weight: 500;         
    color: black;          
    text-decoration: none;
    display: inline-flex;      
    align-items: center;
    text-transform: uppercase;
}

.page-header .logo .brand[b-b8fdpgk2da]
{
	position:absolute;
	right:-2.6em;
	bottom:0px;
	font-size:0.6em;
    text-transform: lowercase;
}
.page-header .logo .brand .katex[b-b8fdpgk2da]{
	color:black;
}

/* Delikatny efekt hover całego logo */
.page-header .logo a:hover[b-b8fdpgk2da],
.page-header .logo-mobile a:hover[b-b8fdpgk2da] {
    color: #444444;            
    transition: color 0.2s ease;
}

/*WARNING: Resolution coresponds to the resolution of mobile rail bar mode */
@media (max-width: 800px) {
	.header-content[b-b8fdpgk2da]{
		padding-left:calc(var(--toc-bar-width) + 10px);
	}
	.page-header .logo[b-b8fdpgk2da]{
		font-size:1rem;	
	}
	
	.page-header .logo .brand[b-b8fdpgk2da]{
		font-size:0.75em;
		bottom:-0.25em;
	}
}

/*****page-brand******/

.page-brand[b-b8fdpgk2da]{
	display:flex;
	align-items:center;
}

/********************************************************/
/*** FOOTER PAGE LINKS ***/

.page .page-footer[b-b8fdpgk2da] {
  background-color: #f2ca8a;
  margin-top: 3rem;
  padding-left:20px;
  padding-right:20px;
  border-top:1px solid #cf9f53;
}

nav.footer-links[b-b8fdpgk2da] {
	/*background-color: ? antiquewhite; */
  display: flex;
  justify-content: center;
  gap: 1.8rem;
  font-size: 0.8rem;           /* mała stopka */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #545454;
  font-weight: 500;
  padding: 0.5rem 0px 0.5rem 0px;
}

.footer-links[b-b8fdpgk2da]  a {
  color: inherit;
  text-decoration: none;
  position: relative;
  padding: 0.25rem 0.25rem;
  transition:
    color 0.15s ease,
    opacity 0.15s ease;
}

/* vertical separator */
.footer-links[b-b8fdpgk2da]  a:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -0.9rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.6em;
  background-color: #828282;
  will-change: transform;
}
/******/

.footer-links[b-b8fdpgk2da]  a:hover {
  color: #000000;
  opacity: 0.85;
}

/* aktywny link */
.footer-links[b-b8fdpgk2da]  a.active {
  color: #8c3401;
  font-weight: 500;
}

@media (max-width:800px) {
	 .page .page-footer[b-b8fdpgk2da] {

	}

	nav.footer-links[b-b8fdpgk2da] {
		flex-direction:column;
		align-items:center;
		gap:0.5rem;
		
	}

	.footer-links[b-b8fdpgk2da]  a {
	}

	/* vertical separator */
	.footer-links[b-b8fdpgk2da]  a:not(:last-child)::after {
		display:none;
	}
	  
  

}
/* /Components/Layout/Navigation.razor.rz.scp.css */



/*nav*/
nav.nav-top[b-py1cyehz59] {
    max-width: 1280px;
    font-size: 1rem;
    /* border:1px solid red; */
}

ul.navigation-list[b-py1cyehz59] {
    display: flex;
    margin-bottom: 0px;
    padding-left: 0px;
}

ul.navigation-list li[b-py1cyehz59] {
   list-style: none;
   margin: 0px 20px;
}

/***temporary that way  */
ul.navigation-list li:nth-of-type(3)[b-py1cyehz59]{
    margin-left:200px;
}
/**social icons*/
ul.navigation-list li.social-youtube a:hover[b-py1cyehz59]{
    color:#de1616;;
    opacity:0.8;
    font-size:1rem;
}
ul.navigation-list li.social-fb a:hover[b-py1cyehz59]{
    color:blue;
    opacity:0.8;
    font-size:1rem;
}
/************************/
    ul.navigation-list li[b-py1cyehz59]  a {
        text-decoration: none;
        /* text-transform: uppercase; */
        /* margin: 1em; */
        /*color: black;*/
        color: #57236b;
        font-weight: 400;
        padding-bottom: 2px;
        font-family: 'Sora', sans-serif;
    }
        ul.navigation-list li[b-py1cyehz59]  a:hover {
            opacity: 0.8;
        }

        ul.navigation-list li[b-py1cyehz59]  a.active {
            /*border-bottom: 2px solid rgba(25, 51, 36, 0.5);*/
            /*border-bottom: 2px solid rgba(240, 237, 189);*/
            color: rgba(240, 237, 189);
            font-weight: 550;
            background-color: #57236b;
            border-radius:5px;
            padding:5px;
        }
    ul.navigation-list li[b-py1cyehz59]  a.active:hover {
        opacity: 1;
    }

ul.navigation-list li[b-py1cyehz59]  a.disabled {
   color: white;
   cursor: default;
   pointer-events: none;
   opacity: 0.5;
}


.sticky ul.navigation-list li[b-py1cyehz59] {
}

    .sticky ul.navigation-list li[b-py1cyehz59]  a {
        color: white;
        font-size: 1rem;
        font-weight: 400;
        font-size: 0.9rem;
        opacity: 0.8;
    }

    .sticky ul.navigation-list li[b-py1cyehz59]  a.active {
        border-bottom: 0px;
        opacity: 1;
    }

    .sticky ul.navigation-list li[b-py1cyehz59]  a.active:hover {
        opacity: 1;
     }

     .sticky ul.navigation-list li[b-py1cyehz59]  a:hover {
        opacity: 0.85;
     }


/*nav toggler*/
.nav-toggler[b-py1cyehz59] {
    display: none;
    color: black;
}
.sticky .nav-toggler[b-py1cyehz59] {
    color: white;
}

@media(max-width:800px) {
    /***temporary that way  */
    ul.navigation-list li:nth-of-type(3)[b-py1cyehz59] {
        margin-left: 0px;
    }
    /************************/

    .nav-toggler[b-py1cyehz59] {
        position: absolute;
        right: 0px;
        height: 100%;
        display: flex;
        align-items: center;
        /* border:1px solid black;  */
        cursor: pointer;
        font-size: 1.3rem;
        padding: 0px 15px;
    }

    .nav-toggler.active[b-py1cyehz59] {
        color: white;
        background-color: black;
        border: 1px solid rgba(220, 220, 250, 1);
    }
    .sticky .nav-toggler.active[b-py1cyehz59] {
        opacity: 0.9;
    }

    nav.nav-top[b-py1cyehz59] {
        position: absolute;
        height: 100vh;
        top: 100%;
        right: 0px;
        right: -100%;
        border: none;
        width: 100%;
        max-width: 250px;
        transition: 0.3s;
        /*border-left: 2px solid rgb(47, 54, 84);*/
        /* background-color: #004a80;*/
        /*background-color: rgba(5, 5, 5);*/
        background-color: #57236b;
        -webkit-box-shadow: -4px 13px 24px -16px rgba(66, 68, 90, 1);
        -moz-box-shadow: -4px 13px 24px -16px rgba(66, 68, 90, 1);
        box-shadow: -4px 13px 24px -16px rgba(66, 68, 90, 1);
    }

        nav.nav-top.active[b-py1cyehz59] {
            right: 0px;
            transition: 0.3s;
        }




    ul.navigation-list[b-py1cyehz59] {
      /*  margin-top: 50px;*/
        flex-direction: column;
        text-align: right;
        border: none;
        /* right:-100px; */
    }

    ul.navigation-list li[b-py1cyehz59] {
            display: flex;
            justify-content: center;
        /*    border: 1px solid red;*/
            margin-left: 0px;
            margin: 0px;
    }

        ul.navigation-list li[b-py1cyehz59]  a {
            padding: 10px;
            text-align: center;
            width: 100%;
            color: white;
            font-size: 0.9rem;
        }

        ul.navigation-list li[b-py1cyehz59]  a:hover {
            background-color: rgba(252, 252, 252, 0.1);
        }

        ul.navigation-list li[b-py1cyehz59]  a.active {
            background-color: rgba(252, 252, 252, 0.908);
            color: black;
            border-bottom: 0px;
        }
}
/* /Components/Pages/Contact.razor.rz.scp.css */


.contact-box[b-7rsjr5qjlf] {
    max-width: 800px;
    border: 2px solid rgb(50, 50, 50);
}


.divider[b-7rsjr5qjlf] {
    width: 100%;
    height: 2px;
    background-color: rgb(100, 100, 100);
}

.social-box[b-7rsjr5qjlf] {
    display: flex;
}
.social-box span[b-7rsjr5qjlf] {
    margin: 0px 5px 0px 5px;
}

@media(max-width:820px){

    .contact-box[b-7rsjr5qjlf]{
        border:none;
    }
}


/*page-brand: contact */

.contact img[b-7rsjr5qjlf] {
    width: 42px;
    height: 42px;
}

@media (max-width: 600px) {
    .contact img[b-7rsjr5qjlf] {
        width: 32px;
        height: 32px;
    }
}
/* /Components/Pages/C_math_school.razor.rz.scp.css */



/*COVER ALL SCREEN HEIGHT*/
.course-header[b-d8wcu5l91o] {
    display: flex;
    align-items: start;
    background-color: white; /* Białe tło */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Opcjonalny cień */
    /*do poprawnego działania tego bloku*/
   /* min-height: calc(100vh - 60px);*/ /* UWAGA: Odejmij wysokość headera od pełnego widoku */
    /*margin-top: 60px;  UWAGA:Wysokość header - Aby uwzględnić header i uniknąć kolizji (działa tylko, gdy header jest na "page") */
    /*border:1px solid black;/* /*testing*/
   /* border-bottom: 2px solid black;*/
    padding: 5px 0px;
}

h1.title[b-d8wcu5l91o] {
    font-size: 1rem;
    font-weight: 600;
}

h6.h6[b-d8wcu5l91o] {
    font-weight: 500;
}

.text-info-page[b-d8wcu5l91o] {
    color: #636464; /* Ciemnoszary kolor tekstu */
    font-family: "system-ui", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 1rem; /* Standardowy rozmiar tekstu */
    line-height: 1.5; /* Optymalny odstęp między liniami */
}

div.line-divider[b-d8wcu5l91o] {
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.15);
}


div.img-max[b-d8wcu5l91o]{
}
div.img-max img[b-d8wcu5l91o]{
    width:100%; /*make image full size of container*/
}
img[b-d8wcu5l91o] {
    max-width: 100%; /*make responsible with width of image width size*/
    height: auto;
    display: block;
   /* align-self: flex-start;*/ /*prevent stretch in flex container*/
   /*clamp(min_width, width_względem_parent, max_width);*/
}
img.stretch-parent[b-d8wcu5l91o]{
    align-self:inherit;
}
div.line-divider[b-d8wcu5l91o] {
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.15);
}

ul.list-course-checklist[b-d8wcu5l91o] {
    list-style-position: inside;
}

    ul.list-course-checklist li[b-d8wcu5l91o] {
        display: flex;
        margin-bottom: 8px;
    }

        ul.list-course-checklist li .img[b-d8wcu5l91o] {
        }

        ul.list-course-checklist li img[b-d8wcu5l91o] {
            width:24px;
            margin-right: 20px;
            max-width:unset;
        }

        ul.list-course-checklist li .content[b-d8wcu5l91o] {
        }


@media(min-width:800px) {
    ul.list-course-checklist li[b-d8wcu5l91o] {
        margin-bottom: 1.5em;
    }

        ul.list-course-checklist li .img[b-d8wcu5l91o] {
        }

            ul.list-course-checklist li .img img[b-d8wcu5l91o] {
                width: 44px;
            }

        ul.list-course-checklist li .content h6[b-d8wcu5l91o] {
            font-size: 1.2rem;
        }
}

img.screenshot[b-d8wcu5l91o] {
    max-width: 100px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

    img.screenshot:hover[b-d8wcu5l91o] {
        opacity: 0.7;
        cursor: pointer;
        transition-duration: 0.35s;
        transition-property: opacity;
    }


@media(min-width:800px) {
    img.screenshot[b-d8wcu5l91o] {
        max-width: 200px;
    }
}

div.course-footer[b-d8wcu5l91o] {
    width: 100%;
    background-color: rgba(137, 50, 168, 1);
    padding: 1.5em 0px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 500;
}


.article-box[b-d8wcu5l91o] {
    padding: 3em;
    border-radius:8px;
}
.article-box:empty[b-d8wcu5l91o]{
    display:none;
}

.article-box.beige[b-d8wcu5l91o]{
 background-color: #f9f7f2;
  /*border: 2px solid #d6d3c2;*/
  border: 2px solid #c7b968;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.article-box.blue[b-d8wcu5l91o]{
 background-color: #f4f6f9;           
  border: 2px solid #ccd6e0;           
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.article-box.warm[b-d8wcu5l91o]{
  background-color: #f6f5f1;           
  border: 2px solid #d5d3c7;           
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03); 
}


@media(max-width:1280px) {
    .article-box[b-d8wcu5l91o] {
        padding-left: 1.5em;
        padding-right: 1.5em;
        padding-bottom: 1.5em;
    }
}


@media(max-width:600px){
    .article-box[b-d8wcu5l91o]{
        padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
    }
}



/***** SECTION - page brand ******/

.math-logo[b-d8wcu5l91o] {
    font-size: 1.1rem;
    margin-right: 2rem;
    display: flex;
    gap: 0.8em;
}

    .math-logo .sign[b-d8wcu5l91o] {
        position: relative;
    }

    .math-logo .description[b-d8wcu5l91o] {
        opacity: 0.6;
        font-size: 0.9rem;
    }

@media (max-width: 800px) {
    .math-logo[b-d8wcu5l91o] {
        font-size: 1rem;
        margin-right: 0px;
    }
}

@media (max-width: 600px) {
    .math-logo .sign[b-d8wcu5l91o] {
        display: block;
        border: 2px solid rgb(230, 230, 230);
        background-color: rgb(250, 250, 250);
        border-radius: 50%;
        padding: 4px 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.04);
    }

    .math-logo .description[b-d8wcu5l91o] {
        display: none;
    }
}



/**************************************************************************************
					TIK TOK SERIES
**************************************************************************************/

span.tiktok-series-icon[b-d8wcu5l91o]{
	border:1px solid black;
	border-radius:50%;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:28px;
	height:28px;
}

.tiktok-series[b-d8wcu5l91o]{
		
}
.tiktok-series  a[b-d8wcu5l91o]{
	font-weight:bold;
	border:2px solid #b89716;
	border-radius:50%;
	padding:10px 20px;
	display:block;
	background-color:#fafaf5;
	
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
	
}
.tiktok-series a:hover[b-d8wcu5l91o]{
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.tiktok-series a.disabled[b-d8wcu5l91o]{
	pointer-events:none;
	opacity:0.25;
}

a.liczby_rzeczywiste[b-d8wcu5l91o]{
	color:#8f1717;
}

a.funkcje[b-d8wcu5l91o]{
	color:green;
}
a.ciągi[b-d8wcu5l91o] {
    color: #51bf08;
}
a.trygonometria[b-d8wcu5l91o] {
    color: rgb(85, 26, 139);
}
a.wielomiany[b-d8wcu5l91o] {
    color: #4e5c53;
}

a.kombinatoryka[b-d8wcu5l91o]{
	color:#8b30e6;
}
a.prawdopodobieństwo[b-d8wcu5l91o]{
	color:#1550b0;
}
a.hh[b-d8wcu5l91o]{
	color:red;
}


/********/
section.old[b-d8wcu5l91o] {
    background-color: #f5eea4;
    padding: 0.5em;
}
/* /Components/Pages/C_programming.razor.rz.scp.css */



img[b-7a57016ye4] {
    max-width: 100%; /*make responsible with width of image width size*/
    height: auto;
    display: block;
    align-self: flex-start; /*prevent stretch in flex container*/
}

/*COVER ALL SCREEN HEIGHT*/
.course-panel[b-7a57016ye4] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Wysokość na całą wysokość okna przeglądarki (nie rozdzielczość monitora) */
    background-color: white; /* Białe tło */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Opcjonalny cień */
    /*do poprawnego działania tego bloku*/
    height: calc(100vh - 60px); /* UWAGA: Odejmij wysokość headera od pełnego widoku */
    /*margin-top: 60px;  UWAGA:Wysokość header - Aby uwzględnić header i uniknąć kolizji (działa tylko, gdy header jest na "page") */
    /* border:1px solid black; */ /*testing*/
}

/*COVER ALL SCREEN HEIGHT*/
.course-header[b-7a57016ye4] {
    display: flex;
    align-items:center;
    background-color: white; /* Białe tło */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Opcjonalny cień */
    /*do poprawnego działania tego bloku*/
    min-height: calc(100vh - 60px); /* UWAGA: Odejmij wysokość headera od pełnego widoku */
    /*margin-top: 60px;  UWAGA:Wysokość header - Aby uwzględnić header i uniknąć kolizji (działa tylko, gdy header jest na "page") */
    /*border:1px solid black;/* /*testing*/
    border-bottom: 2px solid black;
    padding: 5px 0px;
}

h1.title[b-7a57016ye4] {
    font-size: 1rem;
    font-weight: 600;
}

h6.h6[b-7a57016ye4] {
    font-weight: 500;
}

.text-info-page[b-7a57016ye4] {
    color: #636464; /* Ciemnoszary kolor tekstu */
    background-color: #fefefe; /* Bardzo jasny szary */
    font-family: "system-ui", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 1rem; /* Standardowy rozmiar tekstu */
    line-height: 1.5; /* Optymalny odstęp między liniami */
}




div.line-divider[b-7a57016ye4] {
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.15);
}

ul.list-course-checklist[b-7a57016ye4] {
    list-style-position: inside;
}

    ul.list-course-checklist li[b-7a57016ye4] {
        display: flex;
        margin-bottom: 8px;
    }

        ul.list-course-checklist li .img[b-7a57016ye4] {
            padding-right: 20px;
        }

            ul.list-course-checklist li .img img[b-7a57016ye4] {
                width: 24px;
            }

        ul.list-course-checklist li .content[b-7a57016ye4] {
        }


@media(min-width:800px) {
    ul.list-course-checklist li[b-7a57016ye4] {
        margin-bottom: 1.5em;
    }

        ul.list-course-checklist li .img[b-7a57016ye4] {
            padding-right: 30px;
        }

            ul.list-course-checklist li .img img[b-7a57016ye4] {
                width: 44px;
            }

        ul.list-course-checklist li .content h6[b-7a57016ye4] {
            font-size: 1.2rem;
        }
}

img.screenshot[b-7a57016ye4] {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

img.screenshot:hover[b-7a57016ye4] {
        opacity: 0.7;
        cursor: pointer;
        transition-duration: 0.5s;
        transition-property: opacity;
}


img.screenshot-small[b-7a57016ye4] {
    max-width: 100px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

    img.screenshot-small:hover[b-7a57016ye4] {
        opacity: 0.7;
        cursor: pointer;
        transition-duration: 0.5s;
        transition-property: opacity;
    }


@media(min-width:800px) {
    img.screenshot-small[b-7a57016ye4] {
        max-width: 200px;
    }
}




div.course-footer[b-7a57016ye4] {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    background-color: rgba(137, 50, 168, 1);
    padding:1.5em 0px;
    color:rgba(255, 255, 255, 0.95);
    font-weight:500;
    
}


.margin-image img[b-7a57016ye4]{
    margin-left:3%;
    margin-right:3%;
}



/*page-brand: programming*/

.logo-programming img[b-7a57016ye4] {
    width: 42px;
    height: 42px;
}

@media (max-width: 600px) {
    .logo-programming img[b-7a57016ye4] {
        width: 32px;
        height: 32px;
    }
}

/* /Components/Pages/Help.razor.rz.scp.css */


/* Wariant 2 – fioletowe obramowanie, żółty header */
.accordion-item[b-r0oxx6zcio] {
    border: 1px solid #57236b; /* fioletowe obramowanie */
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

.accordion-button[b-r0oxx6zcio] {
    background: #f0edbd; /* żółty header */
    color: #3b1848;
    font-weight: 600;
    position: relative;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .accordion-button:hover[b-r0oxx6zcio] {
        background: #e8e5a9;
    }

    .accordion-button:focus[b-r0oxx6zcio] {
        box-shadow: none;
    }

    /* Strzałka SVG zamiast border */
    .accordion-button[b-r0oxx6zcio]::after {
        content: '';
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        width: 1rem;
        height: 1rem;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%233b1848" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') no-repeat center;
        background-size: 1rem 1rem;
        pointer-events: none;
        transition: transform 0.2s ease;
    }

    .accordion-button:not(.collapsed)[b-r0oxx6zcio]::after {
        transform: translateY(-50%) rotate(180deg);
    }

/* Body po rozwinięciu */
.accordion-body[b-r0oxx6zcio] {
    background: #ffffff; /* białe tło */
    color: #3b1848;
}
/* /Components/Pages/Transaction/PaymentSummary.razor.rz.scp.css */


.payment_summary_notactive[b-e7ep4dag2y] {
    opacity: 0.5 !important;
}
/* /Components/Pages/Transaction/Subscribe.razor.rz.scp.css */
body[b-ba524u41fz] {
}
/* /Components/Pages/User/ModalSubscriptionTimes.razor.rz.scp.css */

.box-time[b-e6h46id28w]{
	display: flex;
  margin: 1rem auto;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  width:100%;
  margin-bottom: 1.6%;
  background: white;
  line-height: 1.4;
  font-family: sans-serif;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
  padding:0.5em;
  border-radius:3px;
  border:2px solid rgba(0,0,0,0.65);
  flex-wrap:wrap;
	
}

.disabled[b-e6h46id28w]{
	opacity:0.4;
}


button:disabled[b-e6h46id28w]{
	opacity:0.5 !important;
	background-color: black !important;
	border:none !important;
}


.box-time .left[b-e6h46id28w]{
	width:80%;
}

.box-time .right[b-e6h46id28w]{
	
	flex-grow:1;
	display:flex;
	justify-content:center;
	align-items:center;
}

.date[b-e6h46id28w]{
	font-weight:bold;
	
}
.date .activation-time[b-e6h46id28w]{
	font-size:12px;
}

.time[b-e6h46id28w]{
	font-weight:bold;
	margin-bottom:0px;
}
.time .title[b-e6h46id28w]{
	color:red;
}

div.description[b-e6h46id28w]{
	margin-top:5px;
	font-size:12px;
}
 
 @media(max-width:992px) {
	.box-time[b-e6h46id28w]{
		flex-direction:column;
	}
	 
	.box-time .left[b-e6h46id28w]{
		width:100%;
	}
	
	.box-time .right[b-e6h46id28w]{
		margin-top:10px;
	}
 }
 
/* /Components/Pages/Vids.razor.rz.scp.css */

h1[b-hkfy6fqhzx]{
    font-size:1.4rem;
}
.subheaders[b-hkfy6fqhzx]{
    display:flex;
    justify-content:center;
}
.subheaders h2[b-hkfy6fqhzx]{
    font-size:1.2rem;
}
    .subheaders span[b-hkfy6fqhzx] {
        font-size: 1.2rem;
        margin-left:0.5em;
        margin-right:0.5em;
    }
    .subheaders h3[b-hkfy6fqhzx] {
        font-size: 1.2rem;
    }



@media (max-width:1280px) {
    h1[b-hkfy6fqhzx] {
        font-size:1.2rem;
    }
   .subheaders[b-hkfy6fqhzx]{
    flex-direction:column;
}
.subheaders h2[b-hkfy6fqhzx]{
    font-size:1rem;
}
.subheaders span[b-hkfy6fqhzx]{
    display:none;
}
.subheaders h3[b-hkfy6fqhzx]{
    font-size:1rem;
}

}

/************************************/


.page-video-courses[b-hkfy6fqhzx] {
    display:flex;
    flex-direction:column;
    width: 100%;
    max-width: 1300px;
    margin: 0px auto;
    flex-grow: 1;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 50px 30px 50px 30px;
    /****/
    /* -webkit-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.55);
    -moz-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
    box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.55); */
}

@media (max-width:1000px) {
    .page-video-courses[b-hkfy6fqhzx] {
        padding: 10px;
    }
}


@media (max-width:600px) {
    .page-video-courses[b-hkfy6fqhzx] {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* /Components/Shared/LoadingSpinn.razor.rz.scp.css */

/*************************************************
            COMPONENT - LOADING SPINN
**************************************************/
.spinner-container[b-8zutjorvwk] {
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red;*/
    align-self: stretch;
    background-color:transparent;
}

    img[b-8zutjorvwk] {
        display:block;
        width:78px;
        height:78px;
        margin:auto;
    }
/* /Components/Shared/ModalVideo.razor.rz.scp.css */



.modal-video[b-s78ge2c2i8] {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999999999;
 display: none;
 width: 100%;
 height: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 outline: 0;
 background-color: rgba(10, 10, 10, 0.65);
}

.modal-video.show[b-s78ge2c2i8] {
    display: flex;
	justify-content: center;
	align-items: flex-start;
}

.modal-video-dialog[b-s78ge2c2i8] {
    position: relative;
	width:100%;
	max-width: 1284px; /*+pixels from left-right borders size/* /*higher value in the wider screen (see belowe)*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
}
.modal-video-content[b-s78ge2c2i8] {
    transform: translateZ(0); /* Force hardware acceleration */
    overflow: hidden;
    border-bottom: 2px solid rgba(255, 0, 0, 0.55);
}
.modal-video-dialog iframe[b-s78ge2c2i8]{
	display:block;
	
}
.modal-video-dialog .btn-close-modal[b-s78ge2c2i8] {
    box-sizing:content-box;
    position: absolute;
    width:25px;
    height:25px;
    right: 8px;
    bottom: -40px;
    z-index: 1;
    opacity: 0.7;
    border: 0px solid rgba(0, 0, 0, 0.5);
    border-radius: 0px;
    background-color:white;
    background: url("/img/btn_video_modal_close2.png");
    background-size:contain;
/*    background: transparent url("img/btn_video_modal_close.png") center/1em auto no-repeat*/
}
.modal-video-dialog .btn-close-modal:hover[b-s78ge2c2i8] {
    opacity: 1;
}

.iframe.modal-player[b-s78ge2c2i8] {
}

/*tablets*/
@media only screen and (min-width: 768px) {
    .modal-video-dialog[b-s78ge2c2i8] {
		align-self:center;
        /* max-width:992px; */ 
    }

	.modal-video-dialog .modal-video-content[b-s78ge2c2i8]{
        border-top: 2px solid rgba(255, 0, 0, 0.4);; 
	}
    
    .modal-video-dialog .btn-close-modal:hover[b-s78ge2c2i8]{
        opacity:1;
    }

    .iframe.modal-player[b-s78ge2c2i8] {
    }
}
/*laptop*/
@media only screen and (min-width: 992px) {

    .modal-video-dialog[b-s78ge2c2i8] {
        /* max-width:992px; */
		margin-left: 10%; 
        margin-right: 10%; 
    }
	
	.modal-video-dialog .modal-video-content[b-s78ge2c2i8]{
		border: 2px solid rgba(255, 0, 0, 0.4); 
	}
	
	.modal-video-dialog .btn-close-modal[b-s78ge2c2i8]{
        opacity:0.7;
        position: absolute;
        width:25px;
        height:25px;
        right: -40px;
        top: 0;
       /* background: transparent url("img/btn_video_modal_close2.png") center/1em auto no-repeat*/
      
    }

    iframe.modal-player[b-s78ge2c2i8] {
		
    }
}

@media only screen and (min-width: 1440px) {

    .modal-video-dialog[b-s78ge2c2i8] {

    }


}

/*NOTE:This is only for set grater max-width value on the wider screen devices*/
@media only screen and (min-width: 2500px) {
    .modal-video-dialog[b-s78ge2c2i8] {
		max-width:1500px;
    }
}

/* /Components/Videos/VideoAnswer.razor.rz.scp.css */

/* /Components/Videos/VideoArticle/VideoArticleInnerExtensionContent.razor.rz.scp.css */


.admin-bar[b-gjonkub63v] {
    display: flex;
    border: 2px solid rgb(255, 234, 140);
    padding: 2px;
    align-items: center;
    background-color: rgb(242, 239, 223);
    font-size:12px;
}

.admin-bar .left[b-gjonkub63v]{
    display:flex;
}
.admin-bar .right[b-gjonkub63v]{
    margin-left:auto;
}

/*content components*/
.box-item .video-extension[b-gjonkub63v] {
    min-height: 30px;
   /* font-size: 0.9em;*/
    /*margin-top: 5px;*/
}

@media (max-width:600px) {
    .box-item .video-extension[b-gjonkub63v] {
        /*padding-left: 5px;
        padding-right: 5px;*/
    }
}

.box-item .video-extension .header[b-gjonkub63v] {
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-weight: 500;
    /* text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1);
    background-color: rgba(202, 102, 222, 0.35);*/
    /*background-color: #7e8085;*/
    background-color: #5f2e87;
    /*color: white;*/
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
    /*optional (this or .content-ask)*/
    .box-item .video-extension .description[b-gjonkub63v] {
        margin-top: 0.2em;
        font-family: Georgia, 'Times New Roman', Times, serif;
        min-height: 20px;
        overflow: auto hidden;
    }
    /*optional (this or .description)*/
    .box-item .video-extension[b-gjonkub63v]  .content-ask {
        line-height: 1.5em;
        padding:8px;
        /* min-height:50px; */
        overflow: auto hidden;
       /*font-size: 0.9em;*/

    }
    /*optional - may be set with .content-ask*/
    .box-item .video-extension .content-answers[b-gjonkub63v] {
        display: flex;
        margin-top: -5px; /*(-10px for aligned) - more margin-top for li element because of wraping element in mobile mode and margin the element on top*/
        padding:10px;
        counter-reset: counter-answers;
        /*font-size: 0.9em;*/
    }

    .box-item .video-extension .content-answers:empty[b-gjonkub63v]{
        display:none;
    }

@media (max-width:600px) {
    .box-item .video-extension .header[b-gjonkub63v] {
    }
}



/*button components*/
.box-item .buttons[b-gjonkub63v]{
    position:relative;
    display:flex;
    align-items:center;
    margin-top:10px;
    padding:10px;
     /* background-color:rgb(232, 255, 247);  */
}

.box-item .buttons .start[b-gjonkub63v]{
	justify-content:center;
	display:flex;
	width:100%;
	}



/*toggler video button*/

.box-item .buttons .toggler-video[b-gjonkub63v]{
    color:rgba(25, 51, 36);
    border:1px solid rgba(94, 94, 94, 0.5);
    background-color:white;

}
.box-item .buttons .toggler-video:hover[b-gjonkub63v]{
    background-color:inherit;
	border:1px solid rgba(94, 94, 94, 0.75);
	background-color: rgba(63, 74, 72, 0.2);
}
.box-item .buttons .toggler-video:focus[b-gjonkub63v]{
    outline: none;
    box-shadow: none;
}

/*modal video button*/

.box-item .buttons .modal-video[b-gjonkub63v]{
    color:rgb(63, 63, 236);
    border:1px solid rgba(55, 55, 182, 0.3);
    background-color:white;

}
.box-item .buttons .modal-video:hover[b-gjonkub63v]{
    background-color:inherit;
	border:1px solid rgba(55, 55, 182, 0.5);
	background-color: rgba(212, 233, 255, 0.2);
}
.box-item .buttons .modal-video:focus[b-gjonkub63v]{
    outline: none;
    box-shadow: none;
}

/*youtube video button */

 .box-item .buttons .youtube-icon[b-gjonkub63v]{
    color:red;
	border:1px solid rgba(255, 140, 140, 0.75);
    background-color:white;

}
.box-item .buttons .youtube-icon:hover[b-gjonkub63v]{
    background-color:inherit;
	border:1px solid rgba(255, 140, 140, 1);
	background-color: rgba(255, 196, 196, 0.2);
}
.box-item .buttons .youtube-icon:focus[b-gjonkub63v]{
    outline: none;
    box-shadow: none;
}

.box-item .buttons .right[b-gjonkub63v]{
    
    display:flex;
    align-items: center;
    height:100%;
    right:0px;
    top:0px;
}
@media (max-width:600px) {
	

 }

/*button components - right side*/
.m-pointer[b-gjonkub63v]{
    cursor:pointer;
}

/*button - no access alerts*/
.alert-access[b-gjonkub63v]{
		border:1px solid black;
		padding:0.5em;
		padding-left:0.8em;
		padding-right:0.8em;
		display:flex;
		border-radius:3px;
}
.alert-access .icon[b-gjonkub63v]{
	display:flex;
	padding-right:0.65em;
	align-items:center;
}
.alert-access .message[b-gjonkub63v]{
	padding-left:0.65em;
}
/*login*/
.alert-access.login[b-gjonkub63v]{
	background-color:rgba(252, 238, 167);
	border:1px solid rgba(0, 0, 0, 0.5);
}

.alert-access.login .message[b-gjonkub63v]{
	
}
/*premium*/
.alert-access.premium[b-gjonkub63v]{
	background-color: rgba(137, 50, 168, 1);
	color:white;
}

.alert-access.premium .message[b-gjonkub63v]{
	font-size:500;
	color:rgba(230, 230, 230);
}
@media (max-width:600px) {
	.alert-access[b-gjonkub63v]{
		font-size:0.8rem;
	}

 }
/******/

.box-item .buttons .right[b-gjonkub63v] {
	display:flex;
	margin-left:auto;
	flex-direction:row-reverse;
    font-size: 1.1em;

}
.box-item .buttons .right .icon[b-gjonkub63v]  {
    margin-left: 0.5em;
	color:rgba(52, 1, 66); /*fiolet color*/ 
	color:rgba(25, 51, 36); /*dark green color*/
    font-size:20px;
}
.box-item .buttons .right .icon.disabled[b-gjonkub63v]  {
    color:rgba(189, 189, 189, 0.65);
	cursor:default !important;
}
.box-item .buttons .right .icon.disabled:hover[b-gjonkub63v]  {
    color:red;
    color:rgba(189, 189, 189, 0.5);
}
.box-item .buttons .right .icon-answer[b-gjonkub63v] {
    color: rgba(137, 50, 168, 1);
}

.box-item .buttons .right .icon-answer:hover[b-gjonkub63v] {
    color: rgba(137, 50, 168, 0.692);
}

@media (max-width:600px) {
	.box-item .buttons[b-gjonkub63v]{
	
	}
	.box-item .buttons .right[b-gjonkub63v] {

	}
    .box-item .buttons .right .icon[b-gjonkub63v]{
        /*font-size:1em;  */    
    }

 }


/*video content components*/
.box-item .video-content[b-gjonkub63v] {
    /*display:none;*/ /*by default don't show the video*/
    /*max-height:0px;*/ /*by default don't show the video (only by using transitions property) */
    /* border:2px solid red; */

    padding: 0px;
    overflow: hidden;
    padding-top:15px;
    /*this is for spinn loading */
}

    .box-item .video-content .inner-container[b-gjonkub63v] {
        display: flex;
        min-height: 200px;
    }

    .box-item .video-content.video-toggled-show[b-gjonkub63v] {
        display: block;
        /*show the video*/
        /*this only works with always  property "display" is not set to "none"*/
        background-color: aqua;
    }

/*footer (admin) components*/
.box-item .footer-admin[b-gjonkub63v] {
}

/*********SET VIDEO TAGS********/
video[b-gjonkub63v] {
    /*responsive - keeping width/height aspect ratio*/
    width: 100%;
    display: block;
}


.container-iframe[b-gjonkub63v] {
    width: 100%;
    aspect-ratio: 16 / 9;
}

iframe.responsive-iframe[b-gjonkub63v] {
    /*  width: 100%;
    height: 100%;
    display: block;*/
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    max-width: 1200px;
    margin: auto;
}

/*This is old version of responsive Iframe object*/
/*it needs that height of iframe is set to max-height - if you set max-width on the container and want to maintain the proper aspect ratio*/
.container-iframe-old[b-gjonkub63v] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

    border: 1px solid blue;
}

iframe.responsive-iframe-old[b-gjonkub63v] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*************************************************************/
/*** ANSWERS COMPONENTS *****/
/*************************************************************/


/****************** ANSWERS ***************************************/


.box-item .video-extension .content-answers[b-gjonkub63v]  ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1em;
    padding-left: 0px;
    margin-bottom:0px;
    /* border:1px solid yellow; */
}

.box-item .video-extension  .content-answers[b-gjonkub63v]  ol li {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-left: 0em;
    margin-right: 1em;
    min-width: 200px;
}

.box-item .video-extension  .content-answers[b-gjonkub63v]  ol li:before {
    counter-increment: counter-answers;
    content: counter(counter-answers, upper-latin) ")";
    margin-right: 0.5em; /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
    font-weight: 500;
}


/*vertical answer list*/
[b-gjonkub63v] ol.v {
    flex-direction: column;
    margin: 0px auto 0px 0px !important;
    font-size: 1em !important;
    align-items: flex-start !important;
}

[b-gjonkub63v] ol.v li {
   margin-right: 0px !important;
}



@media (max-width:600px) {
    .box-item .video-extension .content-answers[b-gjonkub63v] {
        background-color: rgba(240, 248, 255, 0.644);
        padding: 7px 7px 2px 7px;
        margin-top: 0px;
        /* padding-right:1em; /**here !! depended on above on margin-right with ol li:before **/
    }

    .box-item .video-extension .content-answers[b-gjonkub63v]  ol {
        font-size: 1em;
            /* flex-direction: column;
        align-items: flex-start; */
        margin-left: 0px !important;
    }

    .box-item .video-extension .content-answers[b-gjonkub63v]  ol li:before {
    }

    .box-item .video-extension .content-answers[b-gjonkub63v]  ol li {
        margin-top: 0px;
        margin-left: 0px;
                /* margin-right:0px; */
        margin-bottom: 0.65em; /*set only in mobile mode*/
     }
}


/*** OL.ANSWERS ****/
.box-item .video-extension .content-answers[b-gjonkub63v]  ol.answers {
    margin: 0px 3% 0% 10%;
}

.box-item .video-extension.content-answers[b-gjonkub63v]  ol.answers li {
}

.box-item .video-extension .content-answers[b-gjonkub63v]  ol.answers li:before {
    margin-right: 0.5em; /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
    /*background-color: rgb(219, 219, 219);*/
    /*background-color: #5f2e87;*/ /*fiolet*/
    background-color:white;
    color:black;
    border:2px solid #d9ba64;
/*    color: rgb(54, 54, 54);*/
    padding: 6px;
    border-radius: 3px;
    content: counter(counter-answers, upper-latin);
}
 
/* /Components/Videos/VideoArticle/VideoArticleInnerExtensions.razor.rz.scp.css */

.box-item .description-extensions[b-ee71s6bod7] {
    /* font-family:Georgia, 'Times New Roman', Times, serif; */
    /* font-family: Helvetica, Arial, sans-serif; */
    /* min-height:50px; */
    font-weight: 500;
    font-size: 0.95em;
    padding:8px;
}
.box-item .description-extensions:not(:empty)[b-ee71s6bod7]{
    /*margin:5px 0px 15px 0px;*/
}


@media (max-width:600px) {
    .box-item .description-extensions[b-ee71s6bod7] {
        padding-left: 5px;
        padding-right: 5px;
    }
}
/* /Components/Videos/VideoArticle/VideoArticleInnerNormal.razor.rz.scp.css */




/*content components*/
.box-item .content[b-dh53vw7qvm] {
    min-height: 30px;
    padding:8px;
}

@media (max-width:600px) {
    .box-item .content[b-dh53vw7qvm] {
        /*padding-left: 5px;
        padding-right: 5px;*/
    }
}

/*optional (this or .content-ask)*/

/*optional (this or .content-ask)*/
.box-item .content .description[b-dh53vw7qvm] {
    font-weight: 500;
    /*opacity: 0.95;*/
    overflow: auto hidden;
}

    .box-item .content .description:empty[b-dh53vw7qvm] {
        display: none;
    }

.box-item .description:not(:empty)[b-dh53vw7qvm] {
    /*min-height: 50px;*/
}
/*optional (this or .description)*/
.box-item .content[b-dh53vw7qvm]  .content-ask {
    margin-top: 0.35em;
    line-height: 1.8em;
    /* min-height:50px; */
    overflow: auto hidden;
}
/*optional - may be set with .content-ask*/
.box-item .content .content-answers[b-dh53vw7qvm] {
    display: flex;
    margin-top: 0px; /*(-10px for aligned) - more margin-top for li element because of wraping element in mobile mode and margin the element on top*/
    counter-reset: counter-answers;
}
.box-item .content .content-answers:empty[b-dh53vw7qvm]{
    display:none;
}

/*button components*/
.box-item .buttons[b-dh53vw7qvm] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding:10px;
    /* background-color:rgb(232, 255, 247);  */
}

    .box-item .buttons .start[b-dh53vw7qvm] {
        justify-content: center;
        display: flex;
        width: 100%;
    }

    .box-item .buttons .right[b-dh53vw7qvm] {
        display: flex;
        align-items: center;
        height: 100%;
        right: 0px;
        top: 0px;
    }

/*toggler video button*/

.box-item .buttons .toggler-video[b-dh53vw7qvm]{
    color:rgba(25, 51, 36);
    border:1px solid rgba(94, 94, 94, 0.5);
    background-color:white;
}
.box-item .buttons .toggler-video:hover[b-dh53vw7qvm]{
    background-color:inherit;
	border:1px solid rgba(94, 94, 94, 0.75);
	background-color: rgba(63, 74, 72, 0.2);
}
.box-item .buttons .toggler-video:focus[b-dh53vw7qvm]{
    outline: none;
    box-shadow: none;
}

/*modal video button*/

.box-item .buttons .modal-video[b-dh53vw7qvm]{
    color:rgb(63, 63, 236);
    border:1px solid rgba(55, 55, 182, 0.3);
    background-color:white;

}
.box-item .buttons .modal-video:hover[b-dh53vw7qvm]{
    background-color:inherit;
	border:1px solid rgba(55, 55, 182, 0.5);
	background-color: rgba(212, 233, 255, 0.2);
}
.box-item .buttons .modal-video:focus[b-dh53vw7qvm]{
    outline: none;
    box-shadow: none;
}

/*youtube video button */

 .box-item .buttons .youtube-icon[b-dh53vw7qvm]{
    color:red;
	border:1px solid rgba(255, 140, 140, 0.75);
    background-color:white;

}
.box-item .buttons .youtube-icon:hover[b-dh53vw7qvm]{
    background-color:inherit;
	border:1px solid rgba(255, 140, 140, 1);
	background-color: rgba(255, 196, 196, 0.2);
}
.box-item .buttons .youtube-icon:focus[b-dh53vw7qvm]{
    outline: none;
    box-shadow: none;
}




@media (max-width:600px) {
}

/*button components - right side*/
.m-pointer[b-dh53vw7qvm] {
    cursor: pointer;
}

/*button - no access alerts*/
.alert-access[b-dh53vw7qvm] {
    border: 1px solid black;
    padding: 0.5em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    display: flex;
    border-radius: 3px;
}

    .alert-access .icon[b-dh53vw7qvm] {
        display: flex;
        padding-right: 0.65em;
        align-items: center;
    }

    .alert-access .message[b-dh53vw7qvm] {
        padding-left: 0.65em;
    }
    /*login*/
    .alert-access.login[b-dh53vw7qvm] {
        background-color: rgba(252, 238, 167);
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

        .alert-access.login .message[b-dh53vw7qvm] {
        }
    /*premium*/
    .alert-access.premium[b-dh53vw7qvm] {
        background-color: rgba(137, 50, 168, 1);
        color: white;
    }

        .alert-access.premium .message[b-dh53vw7qvm] {
            font-size: 500;
            color: rgba(230, 230, 230);
        }

@media (max-width:600px) {
    .alert-access[b-dh53vw7qvm] {
        font-size: 0.8rem;
    }
}
/******/

.box-item .buttons .right[b-dh53vw7qvm] {
    display: flex;
    margin-left: auto;
    flex-direction: row-reverse;
    font-size: 1.1em;
}

    .box-item .buttons .right .icon[b-dh53vw7qvm] {
        margin-left: 0.5em;
        color: rgba(52, 1, 66); /*fiolet color*/
        color: rgba(25, 51, 36); /*dark green color*/
        font-size:20px;
    }

        .box-item .buttons .right .icon.disabled[b-dh53vw7qvm] {
            color: rgba(189, 189, 189, 0.65);
            cursor: default !important;
        }

            .box-item .buttons .right .icon.disabled:hover[b-dh53vw7qvm] {
                color: red;
                color: rgba(189, 189, 189, 0.5);
            }

    .box-item .buttons .right .icon-answer[b-dh53vw7qvm] {
        color: rgba(137, 50, 168, 1);
    }

        .box-item .buttons .right .icon-answer:hover[b-dh53vw7qvm] {
            color: rgba(137, 50, 168, 0.692);
        }

@media (max-width:600px) {
    .box-item .buttons[b-dh53vw7qvm] {
    }

        .box-item .buttons .right[b-dh53vw7qvm] {
        }

            .box-item .buttons .right .icon[b-dh53vw7qvm] {
                /*font-size: 1em;*/
            }
}

/*video content components*/
.box-item .video-content[b-dh53vw7qvm] {
    /*display:none;*/ /*by default don't show the video*/
    /*max-height:0px;*/ /*by default don't show the video (only by using transitions property) */
    /* border:2px solid red; */

    padding: 0px;
    padding-top: 15px;
    overflow: hidden;
    /*this is for spinn loading */
}

    .box-item .video-content .inner-container[b-dh53vw7qvm] {
        display: flex;
        min-height: 200px;
    }

    .box-item .video-content.video-toggled-show[b-dh53vw7qvm] {
        display: block;
        /*show the video*/
        /*this only works with always  property "display" is not set to "none"*/
        background-color: aqua;
    }

/*footer (admin) components*/
.box-item .footer-admin[b-dh53vw7qvm] {
}



/*********SET VIDEO TAGS********/
video[b-dh53vw7qvm] {
    /*responsive - keeping width/height aspect ratio*/
    width: 100%;
    display: block;
}


.container-iframe[b-dh53vw7qvm] {
    width: 100%;
    aspect-ratio: 16 / 9;
}

iframe.responsive-iframe[b-dh53vw7qvm] {
    /*    width: 100%;
    height: 100%;
    display: block;*/
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    max-width: 1200px;
    margin: auto;
}



/*This is old version of responsive Iframe object*/
/*it needs that height of iframe is set to max-height - if you set max-width on the container and want to maintain the proper aspect ratio*/
.container-iframe-old[b-dh53vw7qvm] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

    border: 1px solid blue;
}

iframe.responsive-iframe-old[b-dh53vw7qvm] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



/*************************************************************/
/*** ANSWERS COMPONENTS *****/
/*************************************************************/




/****************** ANSWERS ***************************************/


.box-item .content .content-answers[b-dh53vw7qvm]  ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1em;
    padding-left: 0px;
    margin-bottom: 0px;
    /* border:1px solid yellow; */
}
.box-item .content .content-answers[b-dh53vw7qvm]  ol li{
    display:flex;
    align-items:center;
    margin-top:10px;
    margin-left:0em;
    margin-right:1em;
    min-width:200px; 
}
.box-item .content .content-answers[b-dh53vw7qvm]  ol li:before{
    counter-increment: counter-answers;
    content: counter(counter-answers, upper-latin) ")";
	 margin-right:0.5em;   /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
	font-weight:500;

}
/*vertical answer list*/
[b-dh53vw7qvm] ol.v {
    flex-direction: column;
    margin: 0px auto 0px 0px !important;
    font-size: 1em !important;
    align-items: flex-start !important;
}
[b-dh53vw7qvm] ol.v li{
	margin-right:0px !important; 
}



@media (max-width:600px) {
    .box-item .content .content-answers[b-dh53vw7qvm]{
        background-color:rgba(240, 248, 255, 0.644);
        padding:7px 7px 2px 7px;
        margin-top:0px;
		/* padding-right:1em; /**here !! depended on above on margin-right with ol li:before **/ 
    }
    .box-item .content .content-answers[b-dh53vw7qvm]  ol {
            font-size: 1em;
            /* flex-direction: column;
        align-items: flex-start; */
            margin-left: 0px !important;
    }
	.box-item .content .content-answers[b-dh53vw7qvm]  ol li:before{
	

	}
    .box-item .content .content-answers[b-dh53vw7qvm]  ol li{
        margin-top:0px;
        margin-left:0px;
        /* margin-right:0px; */
		margin-bottom:0.65em; /*set only in mobile mode*/
	
    }
	
}
 
 
 /*** OL.ANSWERS ****/
 .box-item .content .content-answers[b-dh53vw7qvm]  ol.answers{
  margin:0px 3% 0% 10%;
    
}
.box-item .content .content-answers[b-dh53vw7qvm]  ol.answers li{
	
}

.box-item .content .content-answers[b-dh53vw7qvm]  ol.answers li:before {
        margin-right: 0.5em; /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
       /* background-color: rgb(219, 219, 219);
        color: rgb(54, 54, 54);*/
         background-color:white;
        color:black;
        border:2px solid #d9ba64;
        padding: 6px;
        border-radius: 3px;
        content: counter(counter-answers, upper-latin);
}
 
/* /Components/Videos/VideoArticle/VideoItemArticle.razor.rz.scp.css */


/*THE FILE IS THAT SAME AS STYLE FOR VIDEO ITEM: VideoItem.razor.css */

.box-item[b-mbu58skqmt] {
    /* border:1px solid black; */
    position: relative;
    /*border-bottom: 2px solid rgb(204, 204, 204);*/
   /* padding: 10px;*/
    border-left: none;
    border-right: none;
    /*border: 2px solid rgb(190, 190, 190);*/
    font-family: system-ui;
    font-weight: 400;
    background-color: rgba(250, 236, 167, 0.10);
    /*border: 2px solid #e3ca4d;*/ /*yellow*/
    border: 2px solid #5f2e87;
}

/*.box-item:first-child {
    border-top: 2px solid rgb(204, 204, 204);
}*/

/*admin top-bar components*/
.admin-top-bar[b-mbu58skqmt]{
    display:flex;
    flex-wrap: wrap;
    margin-top:-10px;   /*that same as .box-item padding*/
    margin-left:-10px; /*that same as .box-item padding*/
    top:0px;
    left:0px;
    width:100%;
    padding:4px;
    background-color:rgb(230, 230, 230);
    font-size: 12px;
}

.admin-top-bar .left[b-mbu58skqmt]{

    font-weight:bold;
    margin-right:50px;
}
.admin-top-bar .right[b-mbu58skqmt]{
    margin-left:auto;

}

/*header components*/
.box-item .header[b-mbu58skqmt] {
    display: flex;
    width: 100%;
    color: white;
    font-weight: 500;
    padding: 3px;
    background-color: #5f2e87;
}

.box-item .header .additional-description[b-mbu58skqmt]{
    position: absolute;
    right:0px;
    top:0px;
    background-color:rgba(247, 231, 208, 1);
    color:rgba(0, 0, 0, 0.555);
    padding:5px 5px 5px 5px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size:12px;
    font-style: italic  ;
}
.box-item .header .additional-description:empty[b-mbu58skqmt]{
    display:none;
}


.box-item .header .order[b-mbu58skqmt] {
        display: flex;
        margin-left: 0px;
        margin-right: 10px;
}

.box-item .header .left[b-mbu58skqmt] {
        display: flex;
        margin-left: 0px;
        align-items: center;
}

.box-item .header .left p.title[b-mbu58skqmt] {
            margin-bottom: 0px;
}

.box-item .header .left p.title-description[b-mbu58skqmt] {
       opacity: 0.7;
       font-size: 0.8em;
       margin-bottom: 0px;
}

.box-item .header .left p.title-description .separator[b-mbu58skqmt] {
        margin: 0px 1em 0px 1em;
        font-size: 1.15em;
}


/*duration*/
.box-item .header .left .duration[b-mbu58skqmt]{
}
.box-item .header .left .duration .separator[b-mbu58skqmt]{
	margin:0px 1em 0px 1em;
	font-size:1.15em;
}

.box-item .header .left .duration .screen[b-mbu58skqmt]{
	font-size:0.9rem;
}

.box-item .header .left .duration .mobile[b-mbu58skqmt]{
	display:none;
}

.katex[b-mbu58skqmt]{
    font-size:1.18em;
}


@media (max-width:600px) {
   .box-item[b-mbu58skqmt]{
		padding:0px;
       /* padding-top:5px;
	    padding-bottom:5px;*/
   }
   .box-item .header[b-mbu58skqmt]{
	   /*margin-left:5px;*/
   }
   
    .box-item .header .order[b-mbu58skqmt]{
		margin-left:0px;
	}
	
}

@media (max-width:600px) {
   

    /******************************************************************/
    .box-item .header .additional-description[b-mbu58skqmt] {
    }

    .box-item .header .order[b-mbu58skqmt] {
        /* align-items:center; */
    }

    .box-item .header .left[b-mbu58skqmt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .box-item .header .left p.title[b-mbu58skqmt] {
    }

    .box-item .header .left p.title-description[b-mbu58skqmt] {
     }

    .box-item .header .left p.title-description .separator[b-mbu58skqmt] {
        display: none;
    }

    	/*duration*/
.box-item .header .left .duration[b-mbu58skqmt]{

}
.box-item .header .left .duration .separator[b-mbu58skqmt]{
	display:none;
}

.box-item .header .left .duration .screen[b-mbu58skqmt]{
	display:none;
}

.box-item .header .left .duration .mobile[b-mbu58skqmt]{
	display:block;
	font-size:0.9rem;
}

/**********/

}

/*ADDITIONAL STYLES */

.-edited-video[b-mbu58skqmt]{
    border:1px solid red;
}




/*************************************************************/
/*** ANSWERS COMPONENTS *****/

.test-fuck[b-mbu58skqmt] {
    width: 50px;
    height: 80px;
    background-color: red;
}

/*images*/
[b-mbu58skqmt] .content img {
    max-width:100%;
    overflow-x:auto;
}
/*table (true/false) */
[b-mbu58skqmt] .content .trueOrFalse {
    margin-top: 1em;
    border: 2px solid rgba(0, 0, 0, 0.5);
    counter-reset: rowCounter;
    width: 100%;
    max-width: 800px;
}

[b-mbu58skqmt] .content .trueOrFalse section:before {
        display: flex;
        justify-content: center;
        align-items: center;
        content: counter(rowCounter);
        width: 25px;
        flex-shrink: 0;
        border-right: 2px solid rgba(0, 0, 0, 0.4);
        font-weight: 500;
    }


[b-mbu58skqmt] .content .trueOrFalse section {
    /*display:flex;*/ /*katex not work properly */
    display: flex;
    width: 100%;
    counter-increment: rowCounter;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

 [b-mbu58skqmt]   .content .trueOrFalse section:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.03);
    }



[b-mbu58skqmt]    .content  .trueOrFalse section:last-child {
        border: none;
    }

[b-mbu58skqmt]    .content .trueOrFalse section .content {
        padding: 0.2em;
        flex-grow: 1;
    }

[b-mbu58skqmt]    .content  .trueOrFalse section .check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        flex-shrink: 0;
        border-left: 1px solid rgba(0, 0, 0, 0.4);
        font-family: "Times New Roman";
        font-weight: bold;
    }
 


 
/*table (true/false) - extended */
[b-mbu58skqmt] .content .trueOrFalse_extended {
    display: flex;
    margin-top: 1em;
    border: 2px solid rgba(0, 0, 0, 0.5);
    counter-reset: rowCounterLeft;
    counter-reset: rowCounterRight;
    width: 100%;
    max-width: 800px;
    flex-grow: 1;
}

[b-mbu58skqmt]  .content .trueOrFalse_extended  .katex{
	font-size:1em;
}

[b-mbu58skqmt]  .content .trueOrFalse_extended .left{
	flex-grow:0.2; /*flex grow over 20%*/
}
 
[b-mbu58skqmt]  .content .trueOrFalse_extended .left section:before{
	display:flex;
	justify-content:center;
	align-items:center;
	content: counter(rowCounterLeft, upper-alpha);
	width:25px;
	flex-shrink:0;
	border-right:2px solid rgba(0, 0, 0, 0.4);
	font-weight:500;
}
 
 
[b-mbu58skqmt]  .content .trueOrFalse_extended .left section{
	/*display:flex;*/ /*katex not work properly */
	display:flex;
	width:100%;
	counter-increment: rowCounterLeft;
	border-bottom:1px solid rgba(0, 0, 0, 0.4);
}
[b-mbu58skqmt]  .content .trueOrFalse_extended .left section:nth-child(odd){
	background-color:rgba(0, 0, 0, 0.03);
}

[b-mbu58skqmt]  .content .trueOrFalse_extended .left section:last-child{
	border:none;
}
 

 [b-mbu58skqmt]  .content .trueOrFalse_extended .left section .content{
	 padding:0.2em;
	 
 }

[b-mbu58skqmt]  .content .trueOrFalse_extended .middle{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.2em;
	border-left:1px solid rgba(0, 0, 0, 0.4);
	flex-grow:0.8; /*grow to 80%*/
}
 
 
[b-mbu58skqmt]   .content .trueOrFalse_extended .right{
	
}
 

[b-mbu58skqmt]  .content .trueOrFalse_extended .right section:before{
	display:flex;
	justify-content:center;
	align-items:center;
	content: counter(rowCounterRight);
	width:25px;
	flex-shrink:0;
	border-left:2px solid rgba(0, 0, 0, 0.4);
	border-right:2px solid rgba(0, 0, 0, 0.4);
	font-weight:500;
}
 
 
[b-mbu58skqmt]  .content .trueOrFalse_extended .right section{
	/*display:flex;*/ /*katex not work properly */
	display:flex;
	width:100%;
	counter-increment: rowCounterRight;
	border-bottom:1px solid rgba(0, 0, 0, 0.4);
}
[b-mbu58skqmt]  .content .trueOrFalse_extended .right section:nth-child(odd){
	background-color:rgba(0, 0, 0, 0.03);
} 

[b-mbu58skqmt]  .content .trueOrFalse_extended .right section:last-child{
	border:none;
}


 [b-mbu58skqmt]  .content .trueOrFalse_extended .right section .content{
	padding:0.2em;
	 /* flex-grow:1; */
 }
 
 @media (max-width:600px) {
	
        [b-mbu58skqmt]  .content .trueOrFalse_extended {
		flex-direction:column;
	}
	
	[b-mbu58skqmt]  .content .trueOrFalse_extended .middle{
		border-left:none;
		border-top:1px solid rgba(0, 0, 0, 0.4);
		border-bottom:1px solid rgba(0, 0, 0, 0.4);
		font-weight:500;
	}
 
	[b-mbu58skqmt]  .content .trueOrFalse_extended .right section:before{
		border-left:none;
	}
 
	
	
 }



 

  
/* /Components/Videos/VideoCourseDisplay/CourseCardVideo.razor.rz.scp.css */



/*this is use in script for bordering the item when the box is expanded */

/******************************************************************
                       
******************************************************************/
.container-items-sample[b-g09gax6gn7] {
    
}
    /* 
 * Select all .red children of .home, including the first one,
 * and give them a border.
 */
    .container-items-sample[b-g09gax6gn7] >  .container-items-sample-header {
        border-top: 1px solid rgba(50, 50, 50, 0.5);
        border-bottom: 1px solid rgba(50, 50, 50, 0.5);
    }

        /* 
 * Select all but the first .red child of .home,
 * and remove the border from the previous rule.
 */
        .container-items-sample[b-g09gax6gn7] >  .container-items-sample-header ~ .container-items-sample-header {
            border-top: none;
        }

[b-g09gax6gn7] .container-items-sample-header {
    background-color: rgba(0, 0, 0, 0.025);
    border-left: 1px solid rgba(50, 50, 50, 0.5);
    border-right: 1px solid rgba(50, 50, 50, 0.5);
    padding: 0.8em;
    border-radius: 0px;
}


/******************************************/
/* MODYFICATORS */
/******************************************/

/*toggle-border - this is assigned to the blank element of subset item which is before the next main item - to assign top border to that element (main item) */
.column-left-modificator[b-g09gax6gn7]  .toggle-border {
    border-bottom: 1px solid rgba(50, 50, 50, 0.5);
}

.column-right-modificator[b-g09gax6gn7]  .toggle-border {
    border-bottom: 1px solid rgba(50, 50, 50, 0.5);
}

.column-right-modificator[b-g09gax6gn7]  .item .left-side-box .item-order {
    /* border-left: none !important;   */
    width: 46px !important;
    margin-left: -1px !important;

}



/*WARNING:max-width has to match to bootstrap column breakpoint (bootstrap brakepoints have affection from min-width, forexample: if column breakpoints are set for 576px for two columns 6 size "col-6" then here max-width has to be set for 575px to make column wrappings with proper styles ) */

/*NOTE:This is unnessesery because in real life application toggle-border-column-separator is set in the code */
@media (max-width:992px) {

    .column-right-modificator[b-g09gax6gn7]  .item .left-side-box .item-order {
        border-bottom: 1px solid rgba(50, 50, 50, 0.5);
        width: 45px !important;
        margin-left: 0px !important;
    }

    .column-left-modificator[b-g09gax6gn7]  .toggle-border-column-separator {
        border-bottom: 1px solid rgba(50, 50, 50, 0.5);
        /* opacity:1; */
    }
}
/* /Components/Videos/VideoCourseDisplay/ItemsLinkExtended.razor.rz.scp.css */

 .box-item[b-y4oh4y171m] {
    /* display:flex; */
    /* border-bottom:1px solid rgba(0, 0, 0, 0.445); */
    /* border-left:1px solid rgba(0, 0, 0, 0.445); */
    /* border-right:1px solid rgba(0, 0, 0, 0.445); */
}

/* SHARED */

[b-y4oh4y171m] .left-side-box {
    /* background-color:rgb(235, 235, 235); that same as header */
    display: flex;
    position:relative;
}

    [b-y4oh4y171m] .left-side-box .item-blank {
        width: 45px;
        min-height: 40px;
        height: 100%;
        background-color: white;
        /* border-top:1px solid rgba(0, 0, 0, 0.445); */
        border-right: 1px solid rgba(50, 50, 50, 0.5);
        border-top: none;
        background-color: rgba(100, 150, 100, 0.0);
    }

        [b-y4oh4y171m] .left-side-box .item-blank:last-of-type {
            /* border-top:1px solid rgba(0, 0, 0, 0.445); */
            border-right: 1px solid rgba(50, 50, 50, 0.5);
        }


    [b-y4oh4y171m] .left-side-box .item-order {
        /* padding:0.5em 1em; */
        width: 45px;
        min-height: 40px;
        height: 100%;
        /* padding:0.5em 0px; */
        font-weight: 600;
        color: rgba(0, 0, 0, 0.753);
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid rgba(50, 50, 50, 0.5); /*there is column modificator*/
        border-right: 1px solid rgba(50, 50, 50, 0.5);
        /* border-top:1px solid rgba(0, 0, 0, 0.445); */
        border-bottom: 1px solid rgba(50, 50, 50, 0.5);
        background-color: rgba(0, 0, 0, 0.025);
    }

        [b-y4oh4y171m] .left-side-box .item-order:last-of-type {
            /* padding:0.5em 1em; */

            border-bottom: 1px solid rgba(50, 50, 50, 0.5);
        }

    [b-y4oh4y171m] .left-side-box .item-button {
        width: 45px;
        min-height: 40px;
        height: 100%;
        /* padding:0.5em 0px; */
        font-weight: 500;
        color: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(50, 50, 50, 0.5);
        border-right: 1px solid rgba(50, 50, 50, 0.5);
        opacity: 0.8;
    }

.left-side-box .item-button button[b-y4oh4y171m] {
    width: 100%;
    height: 100%;
    border: none;
    /*background-color: inherit;*/
    background-color: rgba(0, 0, 0, 0.0);
}

        .left-side-box .item-button.active[b-y4oh4y171m] {
            background-color: white;
        }

     .left-side-box .item-button.active button[b-y4oh4y171m] {
         opacity:1;
     }

[b-y4oh4y171m] .item-content {
    /* border-top:1px solid rgba(0, 0, 0, 0.445); */
    flex-grow: 1;
    border-right: 1px solid rgba(50, 50, 50, 0.5);
}

[b-y4oh4y171m] .m-admin-item-content{
    display:flex;
    flex-direction:column;
}

[b-y4oh4y171m] .item-content:last-of-type {
    border-bottom: 1px solid rgba(50, 50, 50, 0.5);
}

    [b-y4oh4y171m] .item-content a {
        display: flex;
        align-items: center;
        height: 100%;
        padding-left: 0.5em;
        padding-right: 0.5em;
        /* padding:0.5em; */
        color: black;

        /***/
      /*  -webkit-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
        -moz-box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);
        box-shadow: inset -1px 0px 17px -9px rgba(78, 120, 212, 0.4);*/
    }

        [b-y4oh4y171m] .item-content a:hover {
            background-color: rgba(0, 0, 0, 0.025);
        }


[b-y4oh4y171m] .box-item.admin .item-content a {
    pointer-events: all !important;
}


/******************************************/
/* MODYFICATORS */
/******************************************/

.box-item.notActive[b-y4oh4y171m] {
}
/*WARNING:remeber this is not for subitems (not deep) */
.box-item .item-content a.notActive[b-y4oh4y171m] {
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
    box-shadow: none;
}

[b-y4oh4y171m] .subitem a.notActive {
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
    box-shadow: none;
}
/* /Components/Videos/VideoCourseDisplay/ItemsLinkExtendedContainer.razor.rz.scp.css */


/*this is use in script for bordering the item when the box is expanded */
[b-8iv1c9v87i] .toggle-border {
    border-bottom: 1px solid rgba(50, 50, 50, 0.445);
}

/******************************************************************
                       
******************************************************************/
.container-items-sample[b-8iv1c9v87i] {
    /* border:1px solid; */
}
    /* 
 * Select all .red children of .home, including the first one,
 * and give them a border.
 */
    .container-items-sample[b-8iv1c9v87i] >  .container-items-sample-header {
        border-top: 1px solid rgba(50, 50, 50, .0.5);
        border-bottom: 1px solid rgba(50, 50, 50, 0.5);
    }

        /* 
 * Select all but the first .red child of .home,
 * and remove the border from the previous rule.
 */
.container-items-sample[b-8iv1c9v87i] >  .container-items-sample-header ~ .container-items-sample-header {
            border-top: none;
}

[b-8iv1c9v87i] .container-items-sample-header {
    /* background-color:rgb(235, 235, 235); */
    background-color: rgba(78, 120, 212, 0.096);
    /* background-color: #004b8086; */
    border-left: 1px solid rgba(50, 50, 50, 0.5);
    border-right: 1px solid rgba(50, 50, 50, 0.5);
    /* border-bottom:1px solid rgba(0, 0, 0, 0.445); */
    padding: 0.8em;
}
/* /Components/Videos/VideoCourseDisplay/SubItemLink.razor.rz.scp.css */

/* SUB-ITEM */
.subitem-box[b-23k2w26zpo] {
}

    .subitem-box .subitem[b-23k2w26zpo] {
    }

    .subitem-box .item-order[b-23k2w26zpo] {
        /* border-top:1px solid rgba(0, 0, 0, 0.445); */
        border-left: none;
    }

        .subitem-box .item-order:last-of-type[b-23k2w26zpo] {
            border-bottom: 1px solid rgba(50, 50, 50, 0.5);
        }



    .subitem-box .item-content[b-23k2w26zpo] {
    }

        .subitem-box .item-content a[b-23k2w26zpo] {
            padding-left: 20px;
            font-size: 0.9em;
            
        }

.subitem.notActive[b-23k2w26zpo] {
}

.subitem.notActive .item-content a[b-23k2w26zpo] {
        cursor: pointer;
        pointer-events: none;
        opacity: 0.5;
        box-shadow: none;
    }


item-content.highlighted[b-23k2w26zpo]{


}

.item-content.highlighted  a[b-23k2w26zpo]{
/*    color:red;*/
    font-weight:600;
}

.item-content.highlighted a .icon[b-23k2w26zpo]{
	display:block !important;
    padding-right:1em;
    color:rgba(223, 12, 12, 0.904);
    /* color:rgba(0, 84, 209, 0.904); */
    font-weight:500;
    /* background-color:red; */

}
/* /Components/Videos/VideoExtensionItem.razor.rz.scp.css */


.admin-bar[b-nl2awd2ms6] {
    display: flex;
    border: 2px solid rgb(255, 234, 140);
    padding: 2px;
    align-items: center;
    background-color: rgb(242, 239, 223);
    font-size:12px;
}

.admin-bar .left[b-nl2awd2ms6]{
    display:flex;
}
.admin-bar .right[b-nl2awd2ms6]{
    margin-left:auto;
}

/*content components*/
.box-item .video-extension[b-nl2awd2ms6] {
    min-height: 30px;
/*    font-size: 0.9em;*/
    margin-top: 5px;
}

@media (max-width:600px) {
    .box-item .video-extension[b-nl2awd2ms6] {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.box-item .video-extension .header[b-nl2awd2ms6] {
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-weight: 500;
    /* background-color: #7e8085;*/
    background-color: #5f2e87;
    /*color: white;*/
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
    /*optional (this or .content-ask)*/
    .box-item .video-extension .description[b-nl2awd2ms6] {
        margin-top: 0.2em;
        font-family: Georgia, 'Times New Roman', Times, serif;
        min-height: 20px;
        overflow: auto hidden;
    }
    /*optional (this or .description)*/
    .box-item .video-extension[b-nl2awd2ms6]  .content-ask {
        margin-top: 0.35em;
        line-height: 1.5em;
        /* min-height:50px; */
        overflow: auto hidden;
        /*font-size: 0.95em;*/

    }
    /*optional - may be set with .content-ask*/
.box-item .video-extension .content-answers[b-nl2awd2ms6] {
    display: flex;
    /*margin-top: -5px;*/ /*(-10px for aligned) - more margin-top for li element because of wraping element in mobile mode and margin the element on top*/
    counter-reset: counter-answers;
    /*font-size: 0.95em;*/
}

    .box-item .video-extension .content-answers:empty[b-nl2awd2ms6]{
        display:none;
    }


@media (max-width:600px) {
    .box-item .video-extension .header[b-nl2awd2ms6] {
    }

    .box-item .video-extension .content-answers[b-nl2awd2ms6] {
        background-color: rgba(240, 248, 255, 0.644);
        padding: 7px 7px 1px 7px;
        padding: 0.45em; /*that same as padding-bottom of li element in mobile mode*/
        margin-top: 0px;
    }

       /* .box-item .video-extension .content-answers ::deep ol {
            margin-left: 0px;
            font-size: 1em;
        }

            .box-item .video-extension .content-answers ::deep ol li {
                margin-top: 0px;
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 0.45em;
            }*/
}



/*button components*/
.box-item .buttons[b-nl2awd2ms6]{
    position:relative;
    display:flex;
    align-items:center;
    margin-top:20px;
     /* background-color:rgb(232, 255, 247);  */
}

.box-item .buttons .start[b-nl2awd2ms6]{
	justify-content:center;
	display:flex;
	width:100%;
	}


/*toggler video button*/

.box-item .buttons .toggler-video[b-nl2awd2ms6]{
    color:rgba(25, 51, 36);
    border:1px solid rgba(94, 94, 94, 0.5);
}
.box-item .buttons .toggler-video:hover[b-nl2awd2ms6]{
    background-color:inherit;
	border:1px solid rgba(94, 94, 94, 0.75);
	background-color: rgba(63, 74, 72, 0.2);
}
.box-item .buttons .toggler-video:focus[b-nl2awd2ms6]{
    outline: none;
    box-shadow: none;
}

/*modal video button*/

.box-item .buttons .modal-video[b-nl2awd2ms6]{
    color:rgb(63, 63, 236);
    border:1px solid rgba(55, 55, 182, 0.3)
}
.box-item .buttons .modal-video:hover[b-nl2awd2ms6]{
    background-color:inherit;
	border:1px solid rgba(55, 55, 182, 0.5);
	background-color: rgba(212, 233, 255, 0.2);
}
.box-item .buttons .modal-video:focus[b-nl2awd2ms6]{
    outline: none;
    box-shadow: none;
}

/*youtube video button */

 .box-item .buttons .youtube-icon[b-nl2awd2ms6]{
    color:red;
	border:1px solid rgba(255, 140, 140, 0.75);
}
.box-item .buttons .youtube-icon:hover[b-nl2awd2ms6]{
    background-color:inherit;
	border:1px solid rgba(255, 140, 140, 1);
	background-color: rgba(255, 196, 196, 0.2);
}
.box-item .buttons .youtube-icon:focus[b-nl2awd2ms6]{
    outline: none;
    box-shadow: none;
}

.box-item .buttons .right[b-nl2awd2ms6]{
    
    display:flex;
    align-items: center;
    height:100%;
    right:0px;
    top:0px;
}
@media (max-width:600px) {
	

 }

/*button components - right side*/
.m-pointer[b-nl2awd2ms6]{
    cursor:pointer;
}

/*button - no access alerts*/
.alert-access[b-nl2awd2ms6]{
		border:1px solid black;
		padding:0.5em;
		padding-left:0.8em;
		padding-right:0.8em;
		display:flex;
		border-radius:3px;
}
.alert-access .icon[b-nl2awd2ms6]{
	display:flex;
	padding-right:0.65em;
	align-items:center;
}
.alert-access .message[b-nl2awd2ms6]{
	padding-left:0.65em;
}
/*login*/
.alert-access.login[b-nl2awd2ms6]{
	background-color:rgba(252, 238, 167);
	border:1px solid rgba(0, 0, 0, 0.5);
}

.alert-access.login .message[b-nl2awd2ms6]{
	
}
/*premium*/
.alert-access.premium[b-nl2awd2ms6]{
	background-color: rgba(137, 50, 168, 1);
	color:white;
}

.alert-access.premium .message[b-nl2awd2ms6]{
	font-size:500;
	color:rgba(230, 230, 230);
}
@media (max-width:600px) {
	.alert-access[b-nl2awd2ms6]{
		font-size:0.8rem;
	}

 }
/******/

.box-item .buttons .right[b-nl2awd2ms6] {
	display:flex;
	margin-left:auto;
	flex-direction:row-reverse;
    font-size: 1.1em;

}
.box-item .buttons .right .icon[b-nl2awd2ms6]  {
    margin-left: 0.5em;
	color:rgba(52, 1, 66); /*fiolet color*/ 
	color:rgba(25, 51, 36); /*dark green color*/
    font-size:20px;

}
.box-item .buttons .right .icon.disabled[b-nl2awd2ms6]  {
    color:rgba(189, 189, 189, 0.65);
	cursor:default !important;
}
.box-item .buttons .right .icon.disabled:hover[b-nl2awd2ms6]  {
    color:red;
    color:rgba(189, 189, 189, 0.5);
}
.box-item .buttons .right .icon-answer[b-nl2awd2ms6] {
    color: rgba(137, 50, 168, 1);
}

.box-item .buttons .right .icon-answer:hover[b-nl2awd2ms6] {
    color: rgba(137, 50, 168, 0.692);
}

@media (max-width:600px) {
	.box-item .buttons[b-nl2awd2ms6]{
	
	}
	.box-item .buttons .right[b-nl2awd2ms6] {

	}
    .box-item .buttons .right .icon[b-nl2awd2ms6]{
       /* font-size:1em;  */    
    }

 }


/*video content components*/
.box-item .video-content[b-nl2awd2ms6] {
    /*display:none;*/ /*by default don't show the video*/
    /*max-height:0px;*/ /*by default don't show the video (only by using transitions property) */
    /* border:2px solid red; */

    padding: 0px;
    overflow: hidden;
    padding-top:15px;
    /*this is for spinn loading */
}

    .box-item .video-content .inner-container[b-nl2awd2ms6] {
        display: flex;
        min-height: 200px;
    }

    .box-item .video-content.video-toggled-show[b-nl2awd2ms6] {
        display: block;
        /*show the video*/
        /*this only works with always  property "display" is not set to "none"*/
        background-color: aqua;
    }

/*footer (admin) components*/
.box-item .footer-admin[b-nl2awd2ms6] {
}

/*********SET VIDEO TAGS********/
video[b-nl2awd2ms6] {
    /*responsive - keeping width/height aspect ratio*/
    width: 100%;
    display: block;
}


.container-iframe[b-nl2awd2ms6] {
    width: 100%;
    aspect-ratio: 16 / 9;
}

iframe.responsive-iframe[b-nl2awd2ms6] {
    /*  width: 100%;
    height: 100%;
    display: block;*/
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    max-width: 1200px;
    margin: auto;
}

/*This is old version of responsive Iframe object*/
/*it needs that height of iframe is set to max-height - if you set max-width on the container and want to maintain the proper aspect ratio*/
.container-iframe-old[b-nl2awd2ms6] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

    border: 1px solid blue;
}

iframe.responsive-iframe-old[b-nl2awd2ms6] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


/*************************************************************/
/*** ANSWERS COMPONENTS *****/
/*************************************************************/




/****************** ANSWERS ***************************************/


.box-item .video-extension .content-answers[b-nl2awd2ms6]  ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1em;
    padding-left: 0px;
    margin-bottom:0px;
    /* border:1px solid yellow; */
}

.box-item .video-extension  .content-answers[b-nl2awd2ms6]  ol li {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-left: 0em;
    margin-right: 1em;
    min-width: 200px;
}

.box-item .video-extension  .content-answers[b-nl2awd2ms6]  ol li:before {
    counter-increment: counter-answers;
    content: counter(counter-answers, upper-latin) ")";
    margin-right: 0.5em; /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
    font-weight: 500;
}


/*vertical answer list*/
[b-nl2awd2ms6] ol.v {
    flex-direction: column;
    margin: 0px auto 0px 0px !important;
    font-size: 1em !important;
    align-items: flex-start !important;
}

[b-nl2awd2ms6] ol.v li {
   margin-right: 0px !important;
}



@media (max-width:600px) {
    .box-item .video-extension .content-answers[b-nl2awd2ms6] {
        background-color: rgba(240, 248, 255, 0.644);
        padding: 7px 7px 2px 7px;
        margin-top: 0px;
        /* padding-right:1em; /**here !! depended on above on margin-right with ol li:before **/
    }

    .box-item .video-extension .content-answers[b-nl2awd2ms6]  ol {
        font-size: 1em;
            /* flex-direction: column;
        align-items: flex-start; */
        margin-left: 0px !important;
    }

    .box-item .video-extension .content-answers[b-nl2awd2ms6]  ol li:before {
    }

    .box-item .video-extension .content-answers[b-nl2awd2ms6]  ol li {
        margin-top: 0px;
        margin-left: 0px;
                /* margin-right:0px; */
        margin-bottom: 0.65em; /*set only in mobile mode*/
     }
}


/*** OL.ANSWERS ****/
.box-item .video-extension .content-answers[b-nl2awd2ms6]  ol.answers {
    margin: 0px 3% 0% 10%;
}

.box-item .video-extension.content-answers[b-nl2awd2ms6]  ol.answers li {
}

.box-item .video-extension .content-answers[b-nl2awd2ms6]  ol.answers li:before {
    margin-right: 0.5em; /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
    /*background-color: rgb(219, 219, 219);*/
    /*background-color: #5f2e87;*/ /*fiolet*/
    background-color:white;
    color:black;
    border:2px solid #d9ba64;
/*    color: rgb(54, 54, 54);*/
    padding: 6px;
    border-radius: 3px;
    content: counter(counter-answers, upper-latin);
}
 
/* /Components/Videos/VideoExtensions.razor.rz.scp.css */

.box-item .description-extensions[b-si975jbk2h] {
    margin-top: 0.2em;
    /* font-family:Georgia, 'Times New Roman', Times, serif; */
    /* font-family: Helvetica, Arial, sans-serif; */
    /* min-height:50px; */
    font-weight: 500;
    /*opacity: 0.8;*/
}
.box-item .description-extensions:not(:empty)[b-si975jbk2h]{
    margin:5px 0px 15px 0px;
}


@media (max-width:600px) {
    .box-item .description-extensions[b-si975jbk2h] {
        padding-left: 5px;
        padding-right: 5px;
    }
}
/* /Components/Videos/VideoItem.razor.rz.scp.css */

.box-item[b-f50xxr0o5s] {
    position: relative;
    /* border:1px solid black; */
    /*border-bottom: 2px solid rgb(204, 204, 204);*/
    /*border-bottom: 2px solid rgb(87, 35, 107, 0.5);*/
    border-bottom: 2px solid rgba(95, 70, 102, 0.7);
    padding: 10px;
    border-left: none;
    border-right: none;
}
.box-item:first-child[b-f50xxr0o5s] {
    border-top: 2px solid rgb(204, 204, 204);
}

/*admin top-bar components*/
.admin-top-bar[b-f50xxr0o5s]{
    display:flex;
    flex-wrap: wrap;
    margin-top:-10px;   /*that same as .box-item padding*/
    margin-left:-10px; /*that same as .box-item padding*/
    top:0px;
    left:0px;
    width:100%;
    padding:4px;
    background-color:rgb(230, 230, 230);
    font-size: 12px;
}

.admin-top-bar .left[b-f50xxr0o5s]{
    font-weight:bold;
    margin-right:50px;
}
.admin-top-bar .middle[b-f50xxr0o5s]{

}
.admin-top-bar .right[b-f50xxr0o5s]{
    margin-left:auto;

}

/*header components*/
.box-item .header[b-f50xxr0o5s]{
    display:flex;
    width:100%;
    color:black;
    font-weight: 500;
}

.box-item .header .additional-description[b-f50xxr0o5s]{
    position: absolute;
    right:0px;
    top:0px;
    background-color:rgba(247, 231, 208, 0.425);
    color:rgba(0, 0, 0, 0.555);
    padding:5px 5px 5px 5px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size:12px;
    font-style: italic  ;
}
.box-item .header .additional-description:empty[b-f50xxr0o5s]{
    display:none;
}


.box-item .header .order[b-f50xxr0o5s] {
        display: flex;
        margin-left: -10px;
        margin-right: 10px;
}

.box-item .header .left[b-f50xxr0o5s] {
        display: flex;
        margin-left: 0px;
        align-items: center;
}

.box-item .header .left p.title[b-f50xxr0o5s] {
            margin-bottom: 0px;
}

.box-item .header .left p.title-description[b-f50xxr0o5s] {
       opacity: 0.7;
       font-size: 0.8em;
       margin-bottom: 0px;
}

.box-item .header .left p.title-description .separator[b-f50xxr0o5s] {
        margin: 0px 1em 0px 1em;
        font-size: 1.15em;
}


/*duration*/
.box-item .header .left .duration[b-f50xxr0o5s]{
}
.box-item .header .left .duration .separator[b-f50xxr0o5s]{
	margin:0px 1em 0px 1em;
	font-size:1.15em;
}

.box-item .header .left .duration .screen[b-f50xxr0o5s]{
	font-size:0.9rem;
}

.box-item .header .left .duration .mobile[b-f50xxr0o5s]{
	display:none;
}

.katex[b-f50xxr0o5s]{
    font-size:1.18em;
}


@media (max-width:600px) {
   .box-item[b-f50xxr0o5s]{
		padding:0px;
        padding-top:5px;
	    padding-bottom:5px;
   }
   .box-item .header[b-f50xxr0o5s]{
	   margin-left:5px;
   }
   
    .box-item .header .order[b-f50xxr0o5s]{
		margin-left:0px;
	}
	
}




@media (max-width:600px) {
   

    /******************************************************************/
    .box-item .header .additional-description[b-f50xxr0o5s] {
    }

    .box-item .header .order[b-f50xxr0o5s] {
        /* align-items:center; */
    }

    .box-item .header .left[b-f50xxr0o5s] {
        flex-direction: column;
        align-items: flex-start;
    }

    .box-item .header .left p.title[b-f50xxr0o5s] {
    }

    .box-item .header .left p.title-description[b-f50xxr0o5s] {
     }

    .box-item .header .left p.title-description .separator[b-f50xxr0o5s] {
        display: none;
    }

    	/*duration*/
.box-item .header .left .duration[b-f50xxr0o5s]{

}
.box-item .header .left .duration .separator[b-f50xxr0o5s]{
	display:none;
}

.box-item .header .left .duration .screen[b-f50xxr0o5s]{
	display:none;
}

.box-item .header .left .duration .mobile[b-f50xxr0o5s]{
	display:block;
	font-size:0.9rem;
}

/**********/

}

/*ADDITIONAL STYLES */

.-edited-video[b-f50xxr0o5s]{
    border:1px solid red;
}

/*************************************************************/
/*** ANSWERS COMPONENTS *****/

.test-fuck[b-f50xxr0o5s] {
    width: 50px;
    height: 80px;
    background-color: red;
}

/*images*/
[b-f50xxr0o5s] .content img {
    /*max-width:100%;
    overflow-x:auto;*/
}
/*table (true/false) */
[b-f50xxr0o5s] .content .trueOrFalse {
    margin-top: 1em;
    border: 2px solid rgba(0, 0, 0, 0.5);
    counter-reset: rowCounter;
    width: 100%;
    max-width: 800px;
}

[b-f50xxr0o5s] .content .trueOrFalse section:before {
        display: flex;
        justify-content: center;
        align-items: center;
        content: counter(rowCounter);
        width: 25px;
        flex-shrink: 0;
        border-right: 2px solid rgba(0, 0, 0, 0.4);
        font-weight: 500;
    }


[b-f50xxr0o5s] .content .trueOrFalse section {
    /*display:flex;*/ /*katex not work properly */
    display: flex;
    width: 100%;
    counter-increment: rowCounter;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

 [b-f50xxr0o5s]   .content .trueOrFalse section:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.03);
    }



[b-f50xxr0o5s]    .content  .trueOrFalse section:last-child {
        border: none;
    }

[b-f50xxr0o5s]    .content .trueOrFalse section .content {
        padding: 0.2em;
        flex-grow: 1;
    }

[b-f50xxr0o5s]    .content  .trueOrFalse section .check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        flex-shrink: 0;
        border-left: 1px solid rgba(0, 0, 0, 0.4);
        font-family: "Times New Roman";
        font-weight: bold;
}

/*table (true/false) - extended */
[b-f50xxr0o5s] .content .trueOrFalse_extended {
    display: flex;
    margin-top: 1em;
    border: 2px solid rgba(0, 0, 0, 0.5);
    counter-reset: rowCounterLeft;
    counter-reset: rowCounterRight;
    width: 100%;
    max-width: 800px;
    flex-grow: 1;
}

[b-f50xxr0o5s]  .content .trueOrFalse_extended  .katex{
	font-size:1em;
}

[b-f50xxr0o5s]  .content .trueOrFalse_extended .left{
	flex-grow:0.2; /*flex grow over 20%*/
}
 
[b-f50xxr0o5s]  .content .trueOrFalse_extended .left section:before{
	display:flex;
	justify-content:center;
	align-items:center;
	content: counter(rowCounterLeft, upper-alpha);
	width:25px;
	flex-shrink:0;
	border-right:2px solid rgba(0, 0, 0, 0.4);
	font-weight:500;
}
 
 
[b-f50xxr0o5s]  .content .trueOrFalse_extended .left section{
	/*display:flex;*/ /*katex not work properly */
	display:flex;
	width:100%;
	counter-increment: rowCounterLeft;
	border-bottom:1px solid rgba(0, 0, 0, 0.4);
}
[b-f50xxr0o5s]  .content .trueOrFalse_extended .left section:nth-child(odd){
	background-color:rgba(0, 0, 0, 0.03);
}

[b-f50xxr0o5s]  .content .trueOrFalse_extended .left section:last-child{
	border:none;
}
 

 [b-f50xxr0o5s]  .content .trueOrFalse_extended .left section .content{
	 padding:0.2em;
	 
 }

[b-f50xxr0o5s]  .content .trueOrFalse_extended .middle{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.2em;
	border-left:1px solid rgba(0, 0, 0, 0.4);
	flex-grow:0.8; /*grow to 80%*/
}
 
 
[b-f50xxr0o5s]   .content .trueOrFalse_extended .right{
	
}
 

[b-f50xxr0o5s]  .content .trueOrFalse_extended .right section:before{
	display:flex;
	justify-content:center;
	align-items:center;
	content: counter(rowCounterRight);
	width:25px;
	flex-shrink:0;
	border-left:2px solid rgba(0, 0, 0, 0.4);
	border-right:2px solid rgba(0, 0, 0, 0.4);
	font-weight:500;
}
 
 
[b-f50xxr0o5s]  .content .trueOrFalse_extended .right section{
	/*display:flex;*/ /*katex not work properly */
	display:flex;
	width:100%;
	counter-increment: rowCounterRight;
	border-bottom:1px solid rgba(0, 0, 0, 0.4);
}
[b-f50xxr0o5s]  .content .trueOrFalse_extended .right section:nth-child(odd){
	background-color:rgba(0, 0, 0, 0.03);
} 

[b-f50xxr0o5s]  .content .trueOrFalse_extended .right section:last-child{
	border:none;
}


 [b-f50xxr0o5s]  .content .trueOrFalse_extended .right section .content{
	padding:0.2em;
	 /* flex-grow:1; */
 }
 
 @media (max-width:600px) {
	
        [b-f50xxr0o5s]  .content .trueOrFalse_extended {
		flex-direction:column;
	}
	
	[b-f50xxr0o5s]  .content .trueOrFalse_extended .middle{
		border-left:none;
		border-top:1px solid rgba(0, 0, 0, 0.4);
		border-bottom:1px solid rgba(0, 0, 0, 0.4);
		font-weight:500;
	}
 
	[b-f50xxr0o5s]  .content .trueOrFalse_extended .right section:before{
		border-left:none;
	}
 
	
	
 }

 

  
/* /Components/Videos/VideoItemContent.razor.rz.scp.css */



/*content components*/
.box-item .content[b-ebvahgk1cp] {
    min-height: 30px;
}

@media (max-width:600px) {
    .box-item .content[b-ebvahgk1cp] {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*optional (this or .content-ask)*/

/*optional (this or .content-ask)*/
.box-item .content .description[b-ebvahgk1cp] {
    margin-top: 0.2em;
    font-weight: 500;
    opacity: 0.95;
    overflow: auto hidden;
}

    .box-item .content .description:empty[b-ebvahgk1cp] {
        display: none;
    }

.box-item .description:not(:empty)[b-ebvahgk1cp] {
    /*min-height: 50px;*/
}
/*optional (this or .description)*/
.box-item .content[b-ebvahgk1cp]  .content-ask {
    margin-top: 0.35em;
    line-height: 1.8em;
    /* min-height:50px; */
    overflow: auto hidden;
}
/*optional - may be set with .content-ask*/
.box-item .content .content-answers[b-ebvahgk1cp] {
    display: flex;
    /*margin-top: -5px;*/ /*(-10px for aligned) - more margin-top for li element because of wraping element in mobile mode and margin the element on top*/
    counter-reset: counter-answers;
}

.box-item .content .content-answers:empty[b-ebvahgk1cp]{
    display:none;
}

/*button components*/
.box-item .buttons[b-ebvahgk1cp] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
    /* background-color:rgb(232, 255, 247);  */
}

    .box-item .buttons .start[b-ebvahgk1cp] {
        justify-content: center;
        display: flex;
        width: 100%;
    }

    .box-item .buttons .right[b-ebvahgk1cp] {
        display: flex;
        align-items: center;
        height: 100%;
        right: 0px;
        top: 0px;
    }

/*toggler video button*/

.box-item .buttons .toggler-video[b-ebvahgk1cp]{
    color:rgba(25, 51, 36);
    border:1px solid rgba(94, 94, 94, 0.5);
}
.box-item .buttons .toggler-video:hover[b-ebvahgk1cp]{
    background-color:inherit;
	border:1px solid rgba(94, 94, 94, 0.75);
	background-color: rgba(63, 74, 72, 0.2);
}
.box-item .buttons .toggler-video:focus[b-ebvahgk1cp]{
    outline: none;
    box-shadow: none;
}

/*modal video button*/

.box-item .buttons .modal-video[b-ebvahgk1cp]{
    color:rgb(63, 63, 236);
    border:1px solid rgba(55, 55, 182, 0.3)
}
.box-item .buttons .modal-video:hover[b-ebvahgk1cp]{
    background-color:inherit;
	border:1px solid rgba(55, 55, 182, 0.5);
	background-color: rgba(212, 233, 255, 0.2);
}
.box-item .buttons .modal-video:focus[b-ebvahgk1cp]{
    outline: none;
    box-shadow: none;
}

/*youtube video button */

 .box-item .buttons .youtube-icon[b-ebvahgk1cp]{
    color:red;
	border:1px solid rgba(255, 140, 140, 0.75);
}
.box-item .buttons .youtube-icon:hover[b-ebvahgk1cp]{
    background-color:inherit;
	border:1px solid rgba(255, 140, 140, 1);
	background-color: rgba(255, 196, 196, 0.2);
}
.box-item .buttons .youtube-icon:focus[b-ebvahgk1cp]{
    outline: none;
    box-shadow: none;
}

/*********************/

@media (max-width:600px) {
}

/*button components - right side*/
.m-pointer[b-ebvahgk1cp] {
    cursor: pointer;
}

/*button - no access alerts*/
.alert-access[b-ebvahgk1cp] {
    border: 1px solid black;
    padding: 0.5em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    display: flex;
    border-radius: 3px;
}

    .alert-access .icon[b-ebvahgk1cp] {
        display: flex;
        padding-right: 0.65em;
        align-items: center;
    }

    .alert-access .message[b-ebvahgk1cp] {
        padding-left: 0.65em;
    }
    /*login*/
    .alert-access.login[b-ebvahgk1cp] {
        background-color: rgba(252, 238, 167);
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

        .alert-access.login .message[b-ebvahgk1cp] {
        }
    /*premium*/
    .alert-access.premium[b-ebvahgk1cp] {
        background-color: rgba(137, 50, 168, 1);
        color: white;
    }

        .alert-access.premium .message[b-ebvahgk1cp] {
            font-size: 500;
            color: rgba(230, 230, 230);
        }

@media (max-width:600px) {
    .alert-access[b-ebvahgk1cp] {
        font-size: 0.8rem;
    }
}
/******/

.box-item .buttons .right[b-ebvahgk1cp] {
    display: flex;
    margin-left: auto;
    flex-direction: row-reverse;
    font-size: 1.1em;
}

    .box-item .buttons .right .icon[b-ebvahgk1cp] {
        margin-left: 0.5em;
        color: rgba(52, 1, 66); /*fiolet color*/
        color: rgba(25, 51, 36); /*dark green color*/
        font-size:20px;
    }

        .box-item .buttons .right .icon.disabled[b-ebvahgk1cp] {
            color: rgba(189, 189, 189, 0.65);
            cursor: default !important;
        }

            .box-item .buttons .right .icon.disabled:hover[b-ebvahgk1cp] {
                color: red;
                color: rgba(189, 189, 189, 0.5);
            }

    .box-item .buttons .right .icon-answer[b-ebvahgk1cp] {
        color: rgba(137, 50, 168, 1);
    }

        .box-item .buttons .right .icon-answer:hover[b-ebvahgk1cp] {
            color: rgba(137, 50, 168, 0.692);
        }

@media (max-width:600px) {
    .box-item .buttons[b-ebvahgk1cp] {
    }

        .box-item .buttons .right[b-ebvahgk1cp] {
        }

            .box-item .buttons .right .icon[b-ebvahgk1cp] {
                /*font-size: 1em;*/
            }
}

/*video content components*/
.box-item .video-content[b-ebvahgk1cp] {
    /*display:none;*/ /*by default don't show the video*/
    /*max-height:0px;*/ /*by default don't show the video (only by using transitions property) */
    /* border:2px solid red; */

    padding: 0px;
    padding-top: 15px;
    overflow: hidden;
    /*this is for spinn loading */
}

    .box-item .video-content .inner-container[b-ebvahgk1cp] {
        display: flex;
        min-height: 200px;
    }

    .box-item .video-content.video-toggled-show[b-ebvahgk1cp] {
        display: block;
        /*show the video*/
        /*this only works with always  property "display" is not set to "none"*/
        background-color: aqua;
    }

/*footer (admin) components*/
.box-item .footer-admin[b-ebvahgk1cp] {
}


/*********SET VIDEO TAGS********/
video[b-ebvahgk1cp] {
    /*responsive - keeping width/height aspect ratio*/
    width: 100%;
    display: block;
}


.container-iframe[b-ebvahgk1cp] {
    width: 100%;
    aspect-ratio: 16 / 9;
}

iframe.responsive-iframe[b-ebvahgk1cp] {
    /*    width: 100%;
    height: 100%;
    display: block;*/
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    max-width: 1200px;
    margin: auto;
}



/*This is old version of responsive Iframe object*/
/*it needs that height of iframe is set to max-height - if you set max-width on the container and want to maintain the proper aspect ratio*/
.container-iframe-old[b-ebvahgk1cp] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

    border: 1px solid blue;
}

iframe.responsive-iframe-old[b-ebvahgk1cp] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



/*************************************************************/
/*** ANSWERS COMPONENTS *****/
/*************************************************************/




/****************** ANSWERS ***************************************/


.box-item .content .content-answers[b-ebvahgk1cp]  ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1em;
    padding-left: 0px;
    margin-bottom: 0px;
    /* border:1px solid yellow; */
}
.box-item .content .content-answers[b-ebvahgk1cp]  ol li{
    display:flex;
    align-items:center;
    margin-top:10px;
    margin-left:0em;
    margin-right:1em;
    min-width:200px; 
}
.box-item .content .content-answers[b-ebvahgk1cp]  ol li:before{
    counter-increment: counter-answers;
    content: counter(counter-answers, upper-latin) ")";
	 margin-right:0.5em;   /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
	font-weight:500;

}
/*vertical answer list*/
[b-ebvahgk1cp] ol.v {
    flex-direction: column;
    margin: 0px auto 0px 0px !important;
    font-size: 1em !important;
    align-items: flex-start !important;
}
[b-ebvahgk1cp] ol.v li{
	margin-right:0px !important; 
}



@media (max-width:600px) {
    .box-item .content .content-answers[b-ebvahgk1cp]{
        background-color:rgba(240, 248, 255, 0.644);
        padding:7px 7px 2px 7px;
        margin-top:0px;
		/* padding-right:1em; /**here !! depended on above on margin-right with ol li:before **/ 
    }
    .box-item .content .content-answers[b-ebvahgk1cp]  ol {
            font-size: 1em;
            /* flex-direction: column;
        align-items: flex-start; */
            margin-left: 0px !important;
    }
	.box-item .content .content-answers[b-ebvahgk1cp]  ol li:before{
	

	}
    .box-item .content .content-answers[b-ebvahgk1cp]  ol li{
        margin-top:0px;
        margin-left:0px;
        /* margin-right:0px; */
		margin-bottom:0.65em; /*set only in mobile mode*/
	
    }
	
}
 
 
 /*** OL.ANSWERS ****/
 .box-item .content .content-answers[b-ebvahgk1cp]  ol.answers{
  margin:0px 3% 0% 10%;
    
}
.box-item .content .content-answers[b-ebvahgk1cp]  ol.answers li{
	
}

    .box-item .content .content-answers[b-ebvahgk1cp]  ol.answers li:before {
        margin-right: 0.5em; /**here !! depended on belowe on padding-right with .content .content-answers (media max width) **/
        /* background-color: rgb(219, 219, 219);
        color: rgb(54, 54, 54);*/
        background-color: #fcfaed;
        color: black;
        border: 2px solid #d9ba64;
        border: 2px solid #ebe2ae;
        padding: 6px;
        border-radius: 3px;
        content: counter(counter-answers, upper-latin);
    }