/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-auz7i3oigi] {
    display: grid;
    grid-template-columns: 235px auto;
    grid-template-rows: 75px auto;
}

header[b-auz7i3oigi] {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #244C6D;
    height: 75px;
    box-shadow: 0px 0px 23px -4px rgba(0, 0, 0, 0.75);
    z-index: 100;
}

    header .header-contents[b-auz7i3oigi] {
        display: grid;
        grid-template-columns: 380px 1px auto;
        grid-gap: 0px;
        height: 100%;
        padding-left: 25px;
    }

        header .header-contents .logo[b-auz7i3oigi] {
            justify-self: end;
            align-self: center;
            margin-right: 6px;
        }

        header .header-contents .divider[b-auz7i3oigi] {
            height: 30px;
            background-color: rgba(255, 255, 255, 0.40);
            width: 1px;
            align-self: center;
        }

        header .header-contents .tagline[b-auz7i3oigi] {
            justify-self: start;
            align-self: center;
            font-size: 14px;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1.3px;
            color: #dcdcdc;
            font-weight: 600;
            margin-left: 6px;
        }

        header .header-contents .nav-toggle[b-auz7i3oigi] {
            align-self: center;
            justify-self: start;
            background-color: transparent;
            border: none;
            display: none;
        }

.sidebar[b-auz7i3oigi] {
    grid-column: 1/2;
    grid-row: 2/3;
    background-color: white;
    min-height: calc(100vh - 75px);
}

footer[b-auz7i3oigi] {
    color: #cbcbcb;
    position: relative;
    width: 100%;
    text-align: center;
    bottom: 0;
    font-size: .8em;
    padding: 2px 0;
    max-width: 1024px;
}

main[b-auz7i3oigi] {
    grid-column: 2/3;
    grid-row: 2/3;
}

.sidebar[b-auz7i3oigi] {
    grid-column: 1/2;
    grid-row: 2/3;
}


@media (max-width: 1000px) {

    .page[b-auz7i3oigi] {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 75px auto;
    }

    main[b-auz7i3oigi] {
        grid-column: 1/2;
    }

    header .header-contents[b-auz7i3oigi] {
        grid-template-columns: 80px 146px 1px auto;
    }

        header .header-contents .nav-toggle[b-auz7i3oigi] {
            display: block;
        }

    .sidebar[b-auz7i3oigi] {
        grid-column: unset;
        grid-row: unset;
        position: absolute;
        width: 250px;
        left: -250px;
        top: 75px;
    }

        .sidebar.show[b-auz7i3oigi] {
            left: 0px;
        }
}


@media (max-width: 700px) {
    header .header-contents[b-auz7i3oigi] {
        padding-left: 0px;
        grid-template-columns: 65px 146px 1px auto;
    }
}



@media (max-width: 550px) {

    header .header-contents .tagline[b-auz7i3oigi] {
        font-size: 13px;
        letter-spacing: 1px;
    }
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Layout/NavMenu.razor.rz.scp.css */

.site-navigation[b-xtstx6z2gh] {
    width: 100%;
    background: white;
    border-right: 1px solid #d9d9d9;
    top: 75px;
    left: 0;
    bottom: 0;
}

    .site-navigation .site-nav-item[b-xtstx6z2gh] {
        text-decoration: none;
        color: #373737;
        padding: 10px 5px 10px 15px;
        border-bottom: 1px solid #ebeaea;
        display: block;
        font-size: .9em;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-left: 8px solid transparent;
    }

        .site-navigation .site-nav-item.selected[b-xtstx6z2gh] {
            border-left: 8px solid #004C97;
            background: #f7f7f7;
        }

        .site-navigation .site-nav-item:hover[b-xtstx6z2gh] {
            background: #004C97;
            border-bottom: 1px solid #004C97;
            color: white;
        }



    .site-navigation a[href^="http://"][b-xtstx6z2gh]:after,
    a[href^="https://"][b-xtstx6z2gh]:after {
        content: url(http://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
        color: #cbcbcb;
        padding-left: 5px;
    }
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Admin/Availabilities/QuizAvailability.razor.rz.scp.css */
.quiz-availibility[b-juqvv9t366] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Admin/Availabilities/ShadowingAvailability.razor.rz.scp.css */
.quiz-availibility[b-r03i9siqw3] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Admin/Availability.razor.rz.scp.css */
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Admin/IgnoreWords.razor.rz.scp.css */
.words[b-oga87ny3o8] {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 124px auto;
    gap: 12px;
}

.words > label[b-oga87ny3o8]{
    align-self:center;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Illustrations/IllustrationsAudio.razor.rz.scp.css */
.page-body[b-e1acs6kcdf] {
    display: grid;
}

.picture[b-e1acs6kcdf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    margin-bottom: 12px;
}

    .picture img[b-e1acs6kcdf] {
        justify-self: center;
    }

.audio[b-e1acs6kcdf] {
    display: grid;
    grid-template-columns: 45px 2fr 1fr 45px;
}

    .audio .audio-button[b-e1acs6kcdf] {
        padding: 5px;
        align-self: end;
        justify-self: center;
    }

    .audio button.audio-button img[b-e1acs6kcdf] {
        width: 35px;
    }

    .audio button.quick-button[b-e1acs6kcdf] {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        display: grid;
        align-self: end;
        justify-self: center;
    }

        .audio button.quick-button img[b-e1acs6kcdf] {
            height: 26px;
            justify-self: center;
            align-self: center;
        }
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Illustrations/IllustrationsQuiz.razor.rz.scp.css */
.page-body[b-y5jqm6o5ec] {
    display: grid;
}

.illustration[b-y5jqm6o5ec] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin-top:12px;
}

    .illustration.text[b-y5jqm6o5ec] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .illustration img[b-y5jqm6o5ec] {
        justify-self: center;
        grid-row: 1/2;
    }

        .illustration img.color[b-y5jqm6o5ec] {
            grid-column: 1/2;
        }

        .illustration img.bw[b-y5jqm6o5ec] {
            grid-column: 3/4
        }


.refresh-button[b-y5jqm6o5ec] {
    grid-row: 1/2;
    justify-self: center;
    align-self: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Music/Music.razor.rz.scp.css */
.page-body[b-je6nbt1v6d] {
    display: grid;
}


.file[b-je6nbt1v6d] {
    display: grid;
    grid-template-columns: 2fr 1fr;
}


textarea[b-je6nbt1v6d] {
    min-height: calc(100vh - 575px);
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Music/Verses.razor.rz.scp.css */
.page-body[b-gu7n1x8lqd] {
    display: grid;
}

.language[b-gu7n1x8lqd] {
    display: grid;
    grid-template-columns: auto 200px 140px;
}

    .language button[b-gu7n1x8lqd]{
        justify-self:center;
        align-self:end;
        margin-right:2px;
        margin-bottom:5px;
    }

    textarea[b-gu7n1x8lqd] {
        min-height: calc(100vh - 575px);
    }
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Options/OptionsAudio.razor.rz.scp.css */
.page-body[b-phtjeah7je] {
    display: grid;
}

.picture[b-phtjeah7je] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    margin-bottom: 12px;
}

    .picture img[b-phtjeah7je] {
        justify-self: center;
    }

.audio[b-phtjeah7je] {
    display: grid;
    grid-template-columns: 45px 2fr 1fr 45px;
}

    .audio .audio-button[b-phtjeah7je] {
        padding: 5px;
        align-self: end;
        justify-self: center;
    }

    .audio button.audio-button img[b-phtjeah7je] {
        width: 35px;
    }

    .audio button.quick-button[b-phtjeah7je] {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        display: grid;
        align-self: end;
        justify-self: center;
    }

        .audio button.quick-button img[b-phtjeah7je] {
            height: 26px;
            justify-self: center;
            align-self: center;
        }
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Options/OptionsQuiz.razor.rz.scp.css */
.page-body[b-hz3jscruo0] {
    display: grid;
}


.illustration[b-hz3jscruo0] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin-top: 12px;
}

    .illustration img[b-hz3jscruo0] {
        justify-self: center;
        grid-row: 1/2;
    }

        .illustration img.color[b-hz3jscruo0] {
            grid-column: 1/2;
        }

        .illustration img.bw[b-hz3jscruo0] {
            grid-column: 3/4
        }


.refresh-button[b-hz3jscruo0] {
    grid-row: 1/2;
    justify-self: center;
    align-self: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


.illustration.info[b-hz3jscruo0] {
    display: grid;
    grid-template-columns: auto auto;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Questions/QuestionsAudio.razor.rz.scp.css */
.page-body[b-l9mrywrouu] {
    display: grid;
}

.picture[b-l9mrywrouu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    margin-bottom: 12px;
}

    .picture img[b-l9mrywrouu] {
        justify-self: center;
    }

.audio[b-l9mrywrouu] {
    display: grid;
    grid-template-columns: 45px 2fr 1fr 45px;
}

    .audio .audio-button[b-l9mrywrouu] {
        padding: 5px;
        align-self: end;
        justify-self: center;
    }

    .audio button.audio-button img[b-l9mrywrouu] {
        width: 35px;
    }

    .audio button.quick-button[b-l9mrywrouu] {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        display: grid;
        align-self: end;
        justify-self: center;
    }

        .audio button.quick-button img[b-l9mrywrouu] {
            height: 26px;
            justify-self: center;
            align-self: center;
        }
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Questions/QuestionsQuiz.razor.rz.scp.css */
.page-body[b-fa35nzqn2d] {
    display: grid;
}
.question[b-fa35nzqn2d] {
    margin-top:12px;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Shadowing/AINarratorShadowing.razor.rz.scp.css */
.chapters[b-0bakr4b33a]{
    display:grid;
    grid-template-columns: auto 55px;
}

.sentences[b-0bakr4b33a] {
    display: grid;
    grid-template-columns: 1fr 55px 55px;
}

.audio-file[b-0bakr4b33a] {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

    .audio-button[b-0bakr4b33a] {
        padding: 4px;
        align-self: end;
        justify-self: center;
        padding-right:9px;
        padding-left:9px;
    }

     button.audio-button img[b-0bakr4b33a] {
        width: 32px;
    }

     button.quick-button[b-0bakr4b33a] {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        display: grid;
        align-self: end;
        justify-self: center;
    }

         button.quick-button img[b-0bakr4b33a] {
            height: 26px;
            justify-self: center;
            align-self: center;
        }

textarea[b-0bakr4b33a] {
    height: 250px;
}

.timing[b-0bakr4b33a] {
    font-family: monospace;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
}

/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Shadowing/Body.razor.rz.scp.css */
.chapters[b-40k7rn10s0] {
    display: grid;
    grid-template-columns: auto 55px;
}

    .chapters .audio-button[b-40k7rn10s0] {
        padding: 5px;
        align-self: end;
        justify-self: center;
    }

    .chapters button.audio-button img[b-40k7rn10s0] {
        width: 35px;
    }

    .chapters button.quick-button[b-40k7rn10s0] {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        display: grid;
        align-self: end;
        justify-self: center;
    }

        .chapters button.quick-button img[b-40k7rn10s0] {
            height: 26px;
            justify-self: center;
            align-self: center;
        }



textarea[b-40k7rn10s0] {
    height: calc(100vh - 250px);
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Shadowing/Explanations.razor.rz.scp.css */
.chapters[b-dsh0xf1nxs], .sentences[b-dsh0xf1nxs] {
    display: grid;
    grid-template-columns: auto 55px;
}

button.quick-button[b-dsh0xf1nxs] {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
    align-self: end;
    justify-self: center;
}

    button.quick-button img[b-dsh0xf1nxs] {
        height: 26px;
        justify-self: center;
        align-self: center;
    }


textarea[b-dsh0xf1nxs]{
    height:400px;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Shadowing/ProNarratorShadowing.razor.rz.scp.css */
.file-path[b-0256cw3x9k] {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 55px;
}

.file-name[b-0256cw3x9k] {
    display: grid;
    grid-template-columns: auto 55px 55px;
}

.audio-button[b-0256cw3x9k] {
    padding: 4px;
    align-self: end;
    justify-self: center;
    padding-right: 9px;
    padding-left: 9px;
}

button.audio-button img[b-0256cw3x9k] {
    width: 32px;
}

button.quick-button[b-0256cw3x9k] {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
    align-self: end;
    justify-self: center;
}

    button.quick-button img[b-0256cw3x9k] {
        height: 26px;
        justify-self: center;
        align-self: center;
    }

textarea[b-0256cw3x9k] {
    height: 250px;
}

.timing[b-0256cw3x9k] {
    font-family: monospace;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Speakers/SpeakerAssignments.razor.rz.scp.css */
.page-body[b-wf5s03bz1f] {
    display: grid;
}

.picture[b-wf5s03bz1f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top:12px;
    margin-bottom:12px;
}

    .picture img[b-wf5s03bz1f] {
        justify-self: center;
    }

.assignments[b-wf5s03bz1f]{
    display:grid;
    grid-template-columns:1fr 3fr 1fr;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Speakers/SpeakerButtons.razor.rz.scp.css */
.page-body[b-fksaaedbxn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.button-group[b-fksaaedbxn] {
    grid-column: 1/3;
}

.speakers[b-fksaaedbxn] {
    grid-column: 1/3;
}

img[b-fksaaedbxn] {
    justify-self: center;
    margin-top: 24px;
}

.filePath[b-fksaaedbxn] {
    grid-column: 1/3;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Speakers/SpeakerInfo.razor.rz.scp.css */
.page-body[b-h4cz7p7egj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.button-group[b-h4cz7p7egj] {
    grid-column: 1/3;
}

.speakers[b-h4cz7p7egj] {
    grid-column: 1/3;
}

img[b-h4cz7p7egj] {
    justify-self: center;
    margin-top: 12px;
}

.filePath[b-h4cz7p7egj] {
    grid-column: 1/3;
}

.audio-samples[b-h4cz7p7egj] {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: auto auto auto;
}
/* _content/LuluBoss.Sochi.Storyteaching.WebApp/Components/Pages/Translations/Translations.razor.rz.scp.css */
.page-body[b-3kewby8xxc] {
    display: grid;
}
.chapter-heading[b-3kewby8xxc] {
    display: grid;
    grid-template-columns: 1fr 1fr 120px;
    grid-template-rows: 1fr 1fr;
}

.ai-button[b-3kewby8xxc] {
    justify-self: center;
    align-self: end;
    margin-right: 2px;
    margin-bottom: 5px;
}

.story[b-3kewby8xxc] {
    grid-column: 1/5;
}

textarea[b-3kewby8xxc] {
    min-height: calc(100vh - 550px);
}