body {
    background-color: white;
}

/*název hry nahoře*/
.playTitle {
    width: 100%;
    min-width: 100%;
    text-align: center;
    height:60px;
    max-height:60px;
}

    .playTitle .playname {
        font-size: 45px;
        width: inherit;
        text-align: center;
        display: block;
        margin: 15px 0 10px;
        padding-bottom: 20px;
        position:relative;
        /*top:-10px;*/
    }

.tabCell {
    width: 25%;
    border: 1px solid #808080;
}

.playMainTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px !important;
    z-index: 800;
}


/*záložky plays*/

.playBookmarks td {
    height: 25px;
    min-height: 25px;
    border-bottom: solid 1px #820000;
    font-size: 17px;
    border-spacing: 0;
    padding: 0;
    text-align: center;
}

.playBookmarks a {
    text-decoration: none;
    color: black;
    display: block;
    height: 25px;
    min-height: 25px;
    padding-top: 10px;
    position: relative;
    top: 1px;
    width: 100%;
}

.playBookmarks .selected {
    background-color: #820000;
    color: white;
}

.playBookmarks a:hover {
    background-color: #720000;
    color: white;
}

.playBookmarksMobile {
    visibility: hidden;
    display: none;
}

.textLink {
    width: 15%;
    min-width: 15%;
}

.circleLink {
    width: 15%;
    min-width: 15%;
}

.personaeLink {
    width: 20%;
    min-width: 20%;
}

.synopsisLink {
    width: 15%;
    min-width: 15%;
}

.definitionsLink {
    width: 20%;
    min-width: 20%;
}
/*obsahový container*/
.playTextTable {
    width: 100%;
    min-width: 100%;
    border-spacing: 0;
    margin-bottom: 30px;
    color: black;
}

    .playTextTable td {
        padding: 4px;
        vertical-align: top;
    }

.textContentLegenda td {
    font-size: 16px;
    text-align: center;
}

.imgSpeaker {
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0.5;
    padding-left: 30px;
}

.textContentLegenda hr {
    margin-bottom: 15px;
}

.headTextLink {
    /*display: block;*/
    font-weight: 600;
}

    .headTextLink span {
        color: gray;
        font-weight: 300;
        text-decoration: underline #eaeaea;
    }

    .headTextLink:hover span {
        color: white;
    }

.keyLineTd {
    width: 12%;
    min-width: 12%;
    color: #9b9b9a;
    position: relative;
    box-sizing:border-box;
    padding-right:20px !important;
}

.penguinText {
    width: 35%;
    min-width: 35%;
}

.penguinTextFF {
    width: 35%;
    min-width: 35%;
}

.firstFolioTd {
    background-color: #cecece;
    width: 35%;
    min-width: 35%;
}

.definitionsTdFF {
    width: 18%;
    min-width: 18%;
    background-color: #eaeaea;
}

.definitionsTd {
    width: 38%;
    min-width: 38%;
    background-color: #eaeaea;
}

.anchorTd {
    width: 1px !important;
    max-width: 1px !important;
    min-width: 1px !important;
    padding: 0 !important;
}

    /*kotva*/
    .anchorTd a {
        position: relative;
        top: -350px;
        display: inline-block;
        float: left;
        width: 1px;
        height: 1px;
    }

.speakerLine {
    font-weight: bold;
}

    .speakerLine td {
        padding-top: 20px;
    }

.splitLine .penguinTextFF {
    position: relative;
    left: 50px;
}

.editMode .splitLine .penguinTextFF {
    left: 0;
}

.splitLine2 .penguinTextFF {
    padding-left: 100px;
}

.splitLine .penguinText {
    padding-left: 100px;
}

.splitLine2 .penguinText {
    padding-left: 200px;
}


/*Personae & circles*/
.speakersTable {
    width: 70%;
    max-width: 70%;
    margin: 30px auto;
    border-spacing: 0;
    border-collapse: collapse;
}

    .speakersTable td {
        height: auto;
        min-height: 26px;
        padding: 3px;
        border-top: solid 1px #aeadad;
        border-bottom: solid 1px #aeadad;
    }

    .speakersTable th {
        text-align: left;
    }

    .speakersTable tr:nth-child(even), .definitionsTab tr:nth-child(even) {
        background: #eaeaea;
    }

    .speakersTable tr:nth-child(odd), .definitionsTab tr:nth-child(odd) {
        background: white;
    }


    .speakersTable a {
        color: black;
        text-decoration: none;
        display: block;
        height: auto;
        min-height: 25px;
        padding: 5px 0 0;
    }

        .speakersTable a:hover {
            background-color: transparent;
        }

    .speakersTable td:first-child, .speakersTable td:nth-child(2), .definitionsTab td:first-child {
        border-right: solid 1px lightgray !important;
    }

    .speakersTable tr:hover td, .speakersTable tr:hover td a {
        background: #720000;
        color: white;
    }

.characterCirclesTit {
    font-size: 36px;
    display: block;
    color: #820000;
    text-align: center;
    margin: 30px 0 30px;
    font-family: 'Amiri', serif;
}

/*play synopsis*/
.playSynopseCont {
    width: 70%;
    max-width: 70%;
    margin: 30px auto;
}
/*play definitions*/
.definitionsIntrotext {
    width: 70%;
    min-width: 70%;
    margin: 20px auto;
    line-height: 22px;
}

.definitionsTabCont {
    width: 70%;
    min-width: 70%;
    margin: 20px auto;
}

.definitionsTab {
    border-spacing: 0;
    border-collapse: collapse;
}

    .definitionsTab td {
        height: auto;
        min-height: 26px;
        padding: 3px;
        border-top: solid 1px #aeadad;
        border-bottom: solid 1px #aeadad;
    }

    .definitionsTab a {
        text-decoration: none;
        display: block;
        height: auto;
        min-height: 23px;
        padding-top: 3px;
    }

        .definitionsTab a:hover {
            background-color: transparent;
        }

    .definitionsTab td:first-child {
        width: 25%;
    }

        .definitionsTab td:first-child a {
            font-weight: 700;
        }

            .definitionsTab td:first-child a:hover {
                color: #820000;
                text-decoration: underline;
            }

    .definitionsTab td:nth-child(2) a {
        color: black;
    }

        .definitionsTab td:nth-child(2) a:hover {
            color: black;
            text-decoration: underline;
        }

.definitionsTabCont .playname {
    line-height: 36px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.playChecksRow input[type=checkbox] {
    width: 15px;
    height: 15px;
    position: relative;
    cursor: pointer;
}

.playChecksRow label, .playChecksRow .printLink, .playChecksRow .shareLink {
    position: relative;
    top: -2px;
    cursor: pointer;
    font-size: 13px;
}

.playChecksRow label {
    top: -3px;
}

@media (min-width:900px) {
    .playChecksRow label, .playChecksRow .printLink, .playChecksRow .shareLink {
        font-size: 15px;
    }
}

/*@media (max-width:860px) {
    .playChecksRow label {
        font-size: .9em;
    }
}
*/
.playChecksRowMobile {
    visibility: hidden;
    display: none;
}

/*.playChecksRow td {
    width: 14%;
    min-width: 14%;
    box-sizing:border-box;
}

    .playChecksRow td:last-child, .playChecksRow td:nth-child(6) {
        width: 11%;
        min-width: 11%;
        max-width: 96px;
    }*/

.playChecksRow a {
    display: block;
    text-align: center;
}

/*viditelnost sloupců v závislosti na zatrženíé checkboxů*/

.hyperlinkVis .firstFolioTd span, .hyperlinkVis .penguinTextFF span {
    color: #820000;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}

    .hyperlinkVis .firstFolioTd span:hover, .hyperlinkVis .penguinTextFF span:hover {
        text-decoration: none;
        background-color: transparent !important;
    }

.hyperlinkInvis .firstFolioTd span, .hyperlinkInvis .penguinTextFF span,
.hyperlinkInvis .firstFolioTd span:hover, .hyperlinkInvis .penguinTextFF span:hover {
    color: black;
    text-decoration: none;
    background-color: transparent !important;
    cursor: text;
}

.col1Vis td:first-child,
.col1Vis th:first-child {
    visibility: visible;
}


.col2Vis td:nth-child(2),
.col2Vis th:nth-child(2) {
    visibility: visible;
}

.col3Vis td:nth-child(3),
.col3Vis th:nth-child(3) {
    visibility: visible;
}

.col1Invis td:first-child,
.col1Invis th:first-child {
    display: none;
    visibility: hidden;
}


.col2Invis td:nth-child(2),
.col2Invis th:nth-child(2) {
    display: none;
    visibility: hidden;
}

.col3Invis td:nth-child(3),
.col3Invis th:nth-child(3) {
    display: none;
    visibility: hidden;
}

.col4Vis td:nth-child(4),
.col4Vis th:nth-child(4) {
    visibility: visible;
}

.col4Invis td:nth-child(4),
.col4Invis th:nth-child(4) {
    display: none;
    visibility: hidden;
}


.textSubMenuTable {
    width: 100%;
    border: 1px solid #820000;
    background-color: #820000;
    color: #dedede;
    visibility: hidden;
    display: none;
}

.textSubMenuTableVis {
    width: 100%;
    max-width: 100%;
    border: 1px solid #820000;
    background-color: #820000;
    color: #dedede;
    visibility: visible;
}

.subMenuItem {
    color: white;
}

    .subMenuItem a {
        color: white;
    }

        .subMenuItem a:visited {
            color: white;
        }

.collapseBtn {
    width: 20px;
    position: absolute;
    top: -25px;
    right: 5px;
    z-index: 5000;
    background-color: white;
    cursor: pointer;
    /*transform: rotate(360deg);*/
}

.noCollapse .collapseBtn:hover {
    transform: rotate(180deg) scale(1.25);
    transition-duration: .5s;
    transition-timing-function: linear;
    background-color: transparent;
}

.collapse .collapseBtn {
    transform: rotate(180deg);
}

    .collapse .collapseBtn:hover {
        transform: rotate(360deg) scale(1.25);
        transition-duration: .5s;
        transition-timing-function: linear;
        background-color: transparent;
    }

.noCollapse .playTocTable {
    display: inline-table;
    visibility: visible;
}

.noCollapse .playTextTable {
    padding-top: 80px;
}

@media (max-width: 800px) {
    .noCollapse .playTocTable {
        display: none;
        visibility: hidden;
    }

    .noCollapse .playTextTable {
        padding-top: 20px;
    }
}

.noCollapse .deskDdlNavigationTd {
    display: none;
}

.collapse .playTocTable {
    display: none;
    visibility: hidden;
}

.collapse .playTextTable {
    padding-top: 30px;
}

.collapse .deskDdlNavigationTd {
    display: table-cell;
}



.textSubMenuTableVis, .textSubMenuTableVis TD {
    border-spacing: 0px !important;
}

    .textSubMenuTableVis td {
        border-spacing: 0px;
        padding: 3px;
        height: 40px;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .textSubMenuTableVis .playChecksRow td:nth-child(6),
    .textSubMenuTableVis .playChecksRow td:nth-child(7) {
        width: auto;
        min-width: 70px;
    }


    .textSubMenuTableVis .playChecksRow td:first-child, .textSubMenuTableVis .playChecksRow td:nth-child(2),
    .textSubMenuTableVis .playChecksRow td:nth-child(4) {
        width: auto;
        min-width: 85px;
    }

    .textSubMenuTableVis .playChecksRow td:last-child {
        min-width: 17px;
        overflow: visible;
    }

    .textSubMenuTableVis .playChecksRow td:nth-child(3),
    .textSubMenuTableVis .playChecksRow td:nth-child(5) {
        width: auto;
        min-width: 100px;
    }

    .textSubMenuTableVis .playChecksRow select {
        font-size: 14px;
        background-size: 20px;
        width: 90%;
        min-width: 140px;
        height: 22px;
        padding-right: 25px;
    }


.playBookmarks td {
    position: relative;
    left: 1px;
}


.textContentLegenda a:hover {
    color: #820000;
    background-color: #f3e5e5;
}

.speakerPart {
    padding: 0 20px;
}

.selectSceneSpeakerPart .speakerPart {
    padding: 0;
}

.actSceneTitleRow td, .col1Invis .actSceneTitleRow td {
    font-size: 2em !important;
    font-weight: 300 !important;
    text-align: center;
    padding: 40px 0 20px !important;
    border-bottom: solid 1px gray;
    visibility: visible !important;
    width: 100% !important;
    min-width: 100% !important;
    display: table-cell !important;
}

.mobLinkCheck {
    text-align: center;
    display: inline-table;
    color: black;
    line-height: 0;
    position: relative;
    top: -5px;
}

    .mobLinkCheck input[type=checkbox] {
        width: 25px;
        height: 25px;
    }

    .mobLinkCheck label {
        font-size: .8em;
        line-height: .9em;
    }

/*desktop*/
@media (min-width:801px) {
    /*změna šířky var závislosti nav vybraných sloupcích*/
    .col1Vis.col2Invis.col3Invis.col4Invis .firstFolioTd, .col1Invis.col2Vis.col3Invis.col4Invis .penguinTextFF, .col1Invis.col2Invis.col3Vis.col4Invis .definitionsTdFF, .col1Invis.col2Invis.col3Invis.col4Vis .keyLineTd {
        width: 100%;
        min-width: 100%;
    }
    /**/
    .col1Vis.col2Vis.col3Invis.col4Invis .firstFolioTd, .col1Vis.col2Vis.col3Invis.col4Invis .penguinTextFF,
    .col1Vis.col2Invis.col3Vis.col4Invis .firstFolioTd, .col1Vis.col2Invis.col3Vis.col4Invis .definitionsTdFF,
    .col1Invis.col2Vis.col3Vis.col4Invis .penguinTextFF, .col1Invis.col2Vis.col3Vis.col4Invis .definitionsTdFF {
        width: 50%;
        min-width: 50%;
    }
    /**/
    .col1Vis.col2Invis.col3Invis.col4Vis .keyLineTd,
    .col1Invis.col2Invis.col3Vis.col4Vis .keyLineTd,
    .col1Invis.col2Vis.col3Invis.col4Vis .keyLineTd,
    .col1Vis.col2Invis.col3Vis.col4Vis .keyLineTd, .col1Invis.col2Vis.col3Vis.col4Vis .keyLineTd,
    .col1Vis.col2Vis.col3Invis.col4Vis .keyLineTd {
        width: 18%;
        min-width: 18%;
    }
    /**/
    .col1Vis.col2Invis.col3Invis.col4Vis .firstFolioTd,
    .col1Invis.col2Invis.col3Vis.col4Vis .definitionsTdFF,
    .col1Invis.col2Vis.col3Invis.col4Vis .penguinTextFF {
        width: 78%;
        min-width: 78%;
    }

    /**/
    .col1Vis.col2Vis.col3Vis.col4Invis .firstFolioTd, .col1Vis.col2Vis.col3Vis.col4Invis .penguinTextFF, .col1Vis.col2Vis.col3Vis.col4Invis .definitionsTdFF {
        width: 33.3%;
        min-width: 33.3%;
    }
    /**/
    .col1Vis.col2Invis.col3Vis.col4Vis .firstFolioTd, .col1Vis.col2Invis.col3Vis.col4Vis .definitionsTdFF,
    .col1Invis.col2Vis.col3Vis.col4Vis .penguinTextFF, .col1Invis.col2Vis.col3Vis.col4Vis .definitionsTdFF,
    .col1Vis.col2Vis.col3Invis.col4Vis .firstFolioTd, .col1Vis.col2Vis.col3Invis.col4Vis .penguinTextFF {
        width: 41%;
        min-width: 41%;
    }
}
/*responzivita*/
@media (max-width: 800px) {

    .anchorTd {
        width: 1px !important;
        max-width: 1px !important;
        min-width: 1px !important;
        padding: 0 !important;
    }

    .playTextTable {
        margin-top: 55px;
    }

    .playMainTable td {
        border-spacing: 0px !important;
    }

    .textLink, .circleLink, .personaeLink, .synopsisLink, .definitionsLink {
        width: 20%;
        min-width: 20%;
        max-width: 20%;
    }

    .playBookmarks {
        visibility: hidden;
        display: none;
    }

    .playBookmarksMobile {
        visibility: visible;
        display: inline-table;
        width: 100%;
        min-width: 100%;
        position: fixed;
        top: 62px;
        left: 0;
        background-color: white;
        border-bottom: solid 1px #820000;
        background-color: #c18080;
        z-index: 1000;
    }

        .playBookmarksMobile .selected {
            background-color: #820000;
        }


        .playBookmarksMobile td {
            width: 20%;
            min-width: 20%;
            max-width: 20%;
            display: inline-block;
            padding: 0;
            margin: 0;
            height: 90px;
            min-height: 90px;
            float: left;
        }

        .playBookmarksMobile a {
            width: 100%;
            text-align: center;
            display: inline-block;
            height: 100%;
            min-height: 100%;
        }

        .playBookmarksMobile img {
            margin: 10px 0;
        }

    .playChecksRow {
        visibility: hidden;
        display: none;
    }

    .playChecksRowMobile {
        visibility: visible;
        display: inline-block;
    }

    .playChecksRowMobile {
        width: 100%;
        min-width: 100%;
        display: block;
        position: fixed;
        top: 151px;
        left: 0;
        background-color: white;
        border-bottom: solid 1px #820000;
        height: 70px;
        min-height: 64px;
        background-color: white;
        z-index: 1000;
    }

    .speakerPage .playChecksRowMobile {
        top: 63px;
        text-align: center;
        padding: 5px 0;
    }

        .speakerPage .playChecksRowMobile span {
            color: black;
        }

    .speakerPage .whiteTextBox {
        margin-top: 35px;
        border: none;
    }

    .speakerPart {
        margin-top: 55px;
    }

    .playChecksRowMobile select {
        height: 50px;
        max-width: 280px;
        font-size: .8em;
        margin: 3px;
        display: inline-block;
        z-index: 1000;
    }

    .playChecksRowMobile .mobileNavigate {
        float: right !important;
        z-index: 1000;
        max-width: 190px;
        letter-spacing: -.05em;
    }

    .playContentContainer {
        padding-top: 75px;
    }

    .playSynopseCont {
        width: 100%;
        max-width: 100%;
    }

    .definitionsIntrotext, .definitionsTabCont, .speakersTable {
        width: 100%;
        min-width: 100%;
    }

    .firstFolioTd {
        background-color: transparent;
    }


    .speakersTable td:first-child {
        word-break: break-all;
        width: 30%;
    }

    .playTextTable tr:first-child td {
        text-align: left;
    }

    .speakersTable th {
        line-height: 1.2em;
    }

    .playSynopseCont h2 {
        font-size: 1.8em;
        line-height: 1em;
        color: #820000;
    }

    .definitionsTabCont .playname {
        font-size: 2em;
        line-height: 1em;
        text-align: left;
    }

    .speakersTable, .playSynopseCont {
        margin-top: 55px !important;
    }

    .penguinTextFF, .firstFolioTd {
        width: 80%;
    }

    .definitionsTdFF {
        width: 10%;
        min-width: 10%;
    }

    .speakerPart table {
        margin-top: 10px;
        width: 100%;
        min-width: 100%;
    }

    .definitionsTdFF {
        background-color: white;
    }

    .textContentLegenda a:first-child {
        float: left;
        margin-right: 30px;
    }

    .aboutFolioLink {
        float: right;
        margin-right: 30PX;
    }

    /*výchozí stav responzivního designu == modern + keyline*/

    /*výchozí - zvoleno vše bez zaškrtání checkboxů*/
    .noSelect td:first-child,
    .noSelect td:nth-child(3),
    /*zvoleno vše zaškrtány všechny chechboxy*/
    .col1Vis.col2Vis.col3Vis.col4Vis td:first-child,
    .col1Vis.col2Vis.col3Vis.col4Vis td:nth-child(3),
    /*zvoleno modern + definitions + keyline*/
    .col1Invis.col2Vis.col3Vis.col4Vis td:first-child,
    .col1Invis.col2Vis.col3Vis.col4Vis td:nth-child(3),
    /*zvoleno original + modern + keyline*/
    .col1Vis.col2Vis.col3Invis.col4Vis td:first-child,
    .col1Vis.col2Vis.col3Invis.col4Vis td:nth-child(3),
    /*zvoleno modern + keyline*/
    .col1Invis.col2Vis.col3Invis.col4Vis td:first-child,
    .col1Invis.col2Vis.col3Invis.col4Vis td:nth-child(3),
    /*zvolen modern + original*/
    .col1Vis.col2Vis.col3Invis.col4Invis td:first-child,
    .col1Vis.col2Vis.col3Invis.col4Invis td:nth-child(3),
    /*definition + keyline */
    .col1Invis.col2Invis.col3Vis.col4Vis td:first-child,
    .col1Invis.col2Invis.col3Vis.col4Vis td:nth-child(3),
    /*zvolen original + modern + deinitions*/
    .col1Vis.col2Vis.col3Vis.col4Invis td:first-child,
    .col1Vis.col2Vis.col3Vis.col4Invis td:nth-child(3),
    /*zvolen original + definice + keyline */
    .col1Vis.col2Invis.col3Vis.col4Vis td:first-child,
    .col1Vis.col2Invis.col3Vis.col4Vis td:nth-child(3),
    /*zvolen original  + keyline*/
    .col1Vis.col2Invis.col3Invis.col4Vis td:first-child,
    .col1Vis.col2Invis.col3Invis.col4Vis td:nth-child(3),
    /*zvolen keyline*/
    .col1Invis.col2Invis.col3Invis.col4Vis td:first-child,
    .col1Invis.col2Invis.col3Invis.col4Vis td:nth-child(3) {
        visibility: hidden !important;
        display: none !important;
    }

    /*v responzivním designu (v selectu pro jeho volby)
        není k dispozici tato volba - zobrazuji navíc sloupec keyLine
        do výchozího stavu*/
    /*zvoleno vše*/
    .col1Vis.col2Vis.col3Vis.col4Vis td:nth-child(2),
    .col1Vis.col2Vis.col3Vis.col4Vis th:nth-child(2),
    .noSelect td:nth-child(2),
    .noSelect th:nth-child(2),
    /*modern + original*/
    .col1Vis.col2Vis.col3Invis.col4Invis td:nth-child(2),
    /*definition + keyline */
    .col1Invis.col2Invis.col3Vis.col4Vis td:nth-child(2),
    /*zvolen original + modern + definitions*/
    .col1Vis.col2Vis.col3Vis.col4Invis td:nth-child(2),
    /*zvolen original + definice + keyline */
    .col1Vis.col2Invis.col3Vis.col4Vis td:nth-child(2),
    .col1Vis.col2Invis.col3Vis.col4Vis th:nth-child(2),
    /*zvolen original  + keyline*/
    .col1Vis.col2Invis.col3Invis.col4Vis td:nth-child(2),
    .col1Vis.col2Invis.col3Invis.col4Vis th:nth-child(2),
    /*zvolen key line*/
    .col1Invis.col2Invis.col3Invis.col4Vis td:nth-child(2),
    .col1Invis.col2Invis.col3Invis.col4Vis th:nth-child(2),
    /*zvolen modern + keyline*/
    .col1Invis.col2Vis.col3Invis.col4Vis td:nth-child(2),
    .col1Invis.col2Vis.col3Invis.col4Vis th:nth-child(2) {
        width: 77%;
        min-width: 77%;
        max-width: 77%;
        display: inline-table;
        visibility: visible;
        padding: 3px 1%;
    }

    /*zobrazení sloupce keyline*/
    /*zvoleno vše*/
    .noSelect td:nth-child(4),
    .noSelect th:nth-child(4),
    .col1Vis.col2Vis.col3Vis.col4Vis td:nth-child(4),
    .col1Vis.col2Vis.col3Vis.col4Vis th:nth-child(4),
    /*modern + original*/
    .col1Vis.col2Vis.col3Invis.col4Invis td:nth-child(4),
    .col1Vis.col2Vis.col3Invis.col4Invis th:nth-child(4),
    /*definition + keyline */
    .col1Invis.col2Invis.col3Vis.col4Vis td:nth-child(4),
    .col1Invis.col2Invis.col3Vis.col4Vis th:nth-child(4),
    /*zvolen original + modern + definitions*/
    .col1Vis.col2Vis.col3Vis.col4Invis td:nth-child(4),
    .col1Vis.col2Vis.col3Vis.col4Invis th:nth-child(4),
    /*zvolen original + definice + keyline */
    .col1Vis.col2Invis.col3Vis.col4Vis td:nth-child(4),
    .col1Vis.col2Invis.col3Vis.col4Vis th:nth-child(4),
    /*zvolen original  + keyline*/
    .col1Vis.col2Invis.col3Invis.col4Vis td:nth-child(4),
    .col1Vis.col2Invis.col3Invis.col4Vis th:nth-child(4),
    /*zvolen key line*/
    .col1Invis.col2Invis.col3Invis.col4Vis td:nth-child(4),
    .col1Invis.col2Invis.col3Invis.col4Vis th:nth-child(4),
    /*zvolen modern + keyline */
    .col1Invis.col2Vis.col3Invis.col4Vis td:nth-child(4),
    .col1Invis.col2Vis.col3Invis.col4Vis th:nth-child(4) {
        width: 19% !important;
        min-width: 19% !important;
        max-width: 19% !important;
        visibility: visible;
        display: inline-table;
        padding: 3px 1%;
        letter-spacing: -.05em;
    }

    .keyLineTd, .col1Invis.col2Vis.col3Invis.col4Vis td:nth-child(4) {
        padding: 0 !important;
        font-size: .8em;
        line-height: 2.3em;
    }

    .textContentLegenda td {
        font-size: inherit;
        line-height: inherit;
    }

    .col1Vis.col2Invis.col3Invis.col4Invis .firstFolioTd,
    .col1Invis.col2Vis.col3Invis.col4Invis .penguinTextFF {
        width: 100%;
    }

    .col1Invis.col2Vis.col3Vis.col4Vis .penguinTextFF,
    .col1Vis.col2Vis.col3Invis.col4Vis .penguinTextFF {
        width: 78%;
    }

    .col1Invis.col2Vis.col3Vis.col4Vis .keyLineTd,
    .col1Vis.col2Vis.col3Invis.col4Vis .keyLineTd {
        width: 18%;
    }

    /*fix kotvy na kterou skáčeme*/
    .anchorTd a {
        top: -210px !important;
        display: block;
        width: 0;
    }

    .definitionsIntrotext {
        line-height: inherit;
    }

    .speakerPart {
        padding: 0 10px;
    }
}


@media print {
    @page {
        margin-top: 2cm;
    }

    body, .playMainTable, .playTextTable {
        font-size: 13px !important;
        line-height: 16px !important;
    }

    body {
        margin: 10px;
    }

    .mainContainer {
        padding-top: 20px;
    }

    .cornerCellL, .burgerMenu, .playBookmarksMobile, .playTocTable, .playBookmarks, #playBookmarksDDL {
        display: none;
        visibility: hidden;
    }

    .playChecksRowMobile {
        visibility: visible !important;
        display: block !important;
        position: relative;
        width: 100%;
        top: 40px;
    }

    .mobileNavigate {
        font-size: 20px !important;
        border: none;
        display: block !important;
        float: none;
        position: relative;
        margin: 0 auto;
    }

    .playContentContainer {
        padding-top: 0;
    }

    td {
        padding: 0;
    }

    .selectSceneSpeakerPart .textSubMenuTableVis {
        display: none;
    }
    /*dále se řeší tisk selekce*/
    /*zvoleno vše zaškrtány všechny chechboxy*/
    .col1Vis.col2Vis.col3Vis.col4Vis td:first-child, .col1Vis.col2Vis.col3Vis.col4Vis td:nth-child(2), .col1Vis.col2Vis.col3Vis.col4Vis td:nth-child(3) {
        width: 29% !important;
        min-width: 29% !important;
        max-width: 29% !important;
        visibility: visible !important;
        display: inline-table !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Vis.col3Vis.col4Vis td:nth-child(4) {
        width: 9% !important;
        min-width: 9% !important;
        max-width: 9% !important;
        visibility: visible !important;
        display: inline-table !important;
        padding: 0.5% !important;
    }

    .textContentLegenda img {
        display: none;
    }

    /*original - modern - definitions*/
    .col1Vis.col2Vis.col3Vis.col4Invis td:first-child, .col1Vis.col2Vis.col3Vis.col4Invis td:nth-child(2), .col1Vis.col2Vis.col3Vis.col4Invis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 32% !important;
        min-width: 32% !important;
        max-width: 32% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Vis.col3Vis.col4Invis td:nth-child(4) {
        display: none !important;
        visibility: hidden !important;
    }

    /*original - modern - keyline*/
    .col1Vis.col2Vis.col3Invis.col4Vis td:first-child, .col1Vis.col2Vis.col3Invis.col4Vis td:nth-child(2) {
        display: inline-table !important;
        visibility: visible !important;
        width: 44% !important;
        min-width: 44% !important;
        max-width: 44% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Vis.col3Invis.col4Vis td:nth-child(4) {
        display: inline-table !important;
        visibility: visible !important;
        width: 9% !important;
        min-width: 9% !important;
        max-width: 9% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Vis.col3Invis.col4Vis td:nth-child(3) {
        display: none !important;
        visibility: hidden !important;
    }

    /*original - modern*/
    .col1Vis.col2Vis.col3Invis.col4Invis td:first-child, .col1Vis.col2Vis.col3Invis.col4Invis td:nth-child(2) {
        display: inline-table !important;
        visibility: visible !important;
        width: 49% !important;
        min-width: 49% !important;
        max-width: 49% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Vis.col3Invis.col4Invis td:nth-child(3), .col1Vis.col2Vis.col3Invis.col4Invis td:nth-child(4) {
        display: none !important;
        visibility: hidden !important;
    }
    /*original*/
    .col1Vis.col2Invis.col3Invis.col4Invis td:first-child {
        display: inline-table !important;
        visibility: visible !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .col1Vis.col2Invis.col3Invis.col4Invis td:nth-child(2), .col1Vis.col2Invis.col3Invis.col4Invis td:nth-child(3), .col1Vis.col2Invis.col3Invis.col4Invis td:nth-child(4) {
        visibility: hidden !important;
        display: none !important;
    }
    /*original - definition*/
    .col1Vis.col2Invis.col3Vis.col4Invis td:first-child, .col1Vis.col2Invis.col3Vis.col4Invis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 59% !important;
        min-width: 59% !important;
        max-width: 59% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Invis.col3Vis.col4Invis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 39% !important;
        min-width: 39% !important;
        max-width: 39% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Invis.col3Vis.col4Invis td:nth-child(2), .col1Vis.col2Invis.col3Vis.col4Invis td:nth-child(4) {
        display: none !important;
        visibility: hidden !important;
    }
    /*original - keyline*/
    .col1Vis.col2Invis.col3Invis.col4Vis td:first-child {
        display: inline-table !important;
        visibility: visible !important;
        width: 89% !important;
        min-width: 89% !important;
        max-width: 89% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Invis.col3Invis.col4Vis td:nth-child(4) {
        display: inline-table !important;
        visibility: visible !important;
        width: 9% !important;
        min-width: 9% !important;
        max-width: 9% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Invis.col3Invis.col4Vis td:nth-child(2), .col1Vis.col2Invis.col3Invis.col4Vis td:nth-child(3) {
        display: none !important;
        visibility: hidden !important;
    }
    /*original-definitions-keyline*/
    .col1Vis.col2Invis.col3Vis.col4Vis td:first-child, .col1Vis.col2Invis.col3Vis.col4Vis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 44% !important;
        min-width: 44% !important;
        max-width: 44% !important;
        padding: 0.5% !important;
    }

    .col1Vis.col2Invis.col3Vis.col4Vis td:nth-child(2) {
        display: none !important;
        visibility: hidden !important;
    }

    .col1Vis.col2Invis.col3Vis.col4Vis td:nth-child(4) {
        display: inline-table !important;
        visibility: visible !important;
        width: 9% !important;
        min-width: 9% !important;
        max-width: 9% !important;
        padding: 0.5% !important;
    }
    /*modern - definitions - keyline*/
    .col1Invis.col2Vis.col3Vis.col4Vis td:nth-child(2), .col1Invis.col2Vis.col3Vis.col4Vis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 44% !important;
        min-width: 44% !important;
        max-width: 44% !important;
        padding: 0.5% !important;
    }

    .col1Invis.col2Vis.col3Vis.col4Vis td:nth-child(4) {
        display: inline-table !important;
        visibility: visible !important;
        width: 9% !important;
        min-width: 9% !important;
        max-width: 9% !important;
        padding: 0.5% !important;
    }

    .col1Invis.col2Vis.col3Vis.col4Vis td:nth-child(1) {
        display: none !important;
        visibility: hidden !important;
    }
    /*modern-definitions*/
    .col1Invis.col2Vis.col3Vis.col4Invis td:nth-child(2), .col1Invis.col2Vis.col3Vis.col4Invis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 49% !important;
        min-width: 49% !important;
        max-width: 49% !important;
        padding: 0.5% !important;
    }

    .col1Invis.col2Vis.col3Vis.col4Invis td:first-child, .col1Invis.col2Vis.col3Vis.col4Invis td:nth-child(4) {
        display: none !important;
        visibility: hidden !important;
    }
    /*definitions - keyline*/
    .col1Invis.col2Invis.col3Vis.col4Vis td:nth-child(3), .col1Invis.col2Invis.col3Vis.col4Vis td:nth-child(4) {
        display: inline-table !important;
        visibility: visible !important;
        width: 49% !important;
        min-width: 49% !important;
        max-width: 49% !important;
        padding: 0.5% !important;
    }

    .col1Invis.col2Invis.col3Vis.col4Vis td:nth-child(2), .col1Invis.col2Invis.col3Vis.col4Vis td:first-child {
        display: none !important;
        visibility: hidden !important;
    }
    /*definitions*/
    .col1Invis.col2Invis.col3Vis.col4Invis td:nth-child(3) {
        display: inline-table !important;
        visibility: visible !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0% !important;
        font-size: 14px !important;
        line-height: 16px;
    }

    .col1Invis.col2Invis.col3Vis.col4Invis td:nth-child(2), .col1Invis.col2Invis.col3Vis.col4Invis td:nth-child(4), .col1Invis.col2Invis.col3Vis.col4Invis td:first-child {
        display: none !important;
        visibility: hidden !important;
    }
    /*keyline*/
    .col1Invis.col2Invis.col3Invis.col4Vis td:nth-child(4) {
        display: inline-table !important;
        visibility: visible !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0% !important;
        font-size: 14px !important;
        line-height: 16px;
    }

    .col1Invis.col2Invis.col3Invis.col4Vis td:first-child, .col1Invis.col2Invis.col3Invis.col4Vis td:nth-child(2), .col1Invis.col2Invis.col3Invis.col4Vis td:nth-child(3) {
        display: none !important;
        visibility: hidden !important;
    }
}


.shared, .shared .definitionsTdFF {
    background-color: #dff6fd !important;
}

    .shared .definitionsTdFF, .shared .firstFolioTd {
        background-color: #b4c7cc !important;
    }

.shareChk {
    position: absolute;
    right: 0;
    width: 18px;
    height: 18px;
    top: 1px;
}

.shareLinkMob {
    display: inline-table;
    position: relative;
    width: 70px;
    text-align: center;
    margin-left: 10px;
}

    .shareLinkMob img {
        width: auto;
        height: 30px;
        min-height: 30px;
        position: relative;
        top: -3px;
    }

    .shareLinkMob span {
        font-size: .8em;
        line-height: .9em;
        display: block;
        width: 100%;
        position: absolute;
        bottom: -3px;
        color: black;
    }

.invis {
    display: none;
    visibility: hidden;
}

@media (max-width: 800px) {
    .playTitle .playname {
        position:fixed;
        top:0;
    }
        .shareChk {
        top: 8px;
    }

    .shareLinkMob span {
        left: 35px;
    }

    .clearBtnMob {
        top: -5px;
    }
}