body {
    font-family: Roboto, Verdana, Arial, sans-serif;
    line-height: 1.5;
}

section p, section ul, section ol {
    margin-left: 30px;
}

/**
Text on the cover page is already centered, just clear out the additional margin
 */
#cover p {
    margin-left: 0;
}


td {
    border: 0;
}


.role-label {
    display: none;
}

.text-center {
    text-align:center;
}


.text-right {
    text-align: right;
}

img.full-width {
    width: 100%;
}

.page-break-after {
    page-break-after: always;
}

table.expanded th, table.expanded td {
    padding: 15px;
}

table.full-width {
    width: 100%;
}

table  th {
    text-align: left;
}

@media print {
    table.tiny-text td, table.tiny-text th {
        font-size: 10px;
    }
}

table.striped tr:nth-child(even) {background-color: #f2f2f2;}

@media screen and (max-width: 767px) {
    #toc {
        display: none;
    }

    #toc ul {
        margin-left: 0;
    }

    #toc ul {
        list-style-type: none;
        padding-left: 0;
    }

    #toc > ul > li > a {
        padding: 10px 20px;
    }

    #toc ul li a {
        display: block;
        background-color: white;
        color: black;
        text-decoration: none;
    }

    #toc ul li a:hover {
        background-color: #026;
        color: #fff;
    }


    #toc ul li a:active {
        background-color: #e6e6e6;
        color: #000;
    }

    #toc > ul ul li > a {
        padding: 10px 20px 10px 55px;

    }

    section p, section ul, section ol {
        margin-left: 0;
    }

    ol, ul {
        padding-left: 25px;
    }

}

@media screen and (min-width: 768px) {
    #toc {
        position: fixed;
        top: 0;
        left: 0;
        background-color: white;
        padding: 10px;
        height: 100%;
        width: 20%;
        overflow-y: auto;
    }

    #toc ul {
        margin-left: 0;
    }

    .role-book-title-div {
        position: fixed;
        top: 0;
        background-color: white;
    }

    .role-part, .role-book-title-div {
        width: 78%;
        padding-left: 22%;
    }


    .role-book {
        margin-top: 75px;
    }
}

img.responsive {
    width: 100%;
}

td ol, td ul {

    padding-left: 25px;

}


@media (max-width: 767px)
{
    .cover-logo {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .cover-logo {
        width: 518px;
    }
}




@media print {
    .role-book-title-div {
        text-align: center;
        font-size: 1.65em;
    }


    table.striped td  {
        border-bottom: 1px solid black;
    }

    table td {
        vertical-align: top;
    }

    td ol, td ul {
        margin-left: 0;
    }

   td ul ul {
        margin-left: 5px;
    }


}