.book {
    position: relative;
    width: 100%;
    height: 100%;

    .book-body {
        position: absolute;
        top: @header-height;
        right: 0px;
        left: 0px;
        bottom: 0px;

        color: @page-color;
        background: @body-background;
        .transition(left 0.5s ease);

        .body-inner {
            position: absolute;
            top: 0px;
            right: 0px;
            left: 0px;
            bottom: 0px;
            overflow-y: auto;
        }

        .page-wrapper {
            position: relative;
            outline: none;

            .page-inner {
                max-width: 800px;
                margin: 0px auto;

                section {
                    margin: 0px 0px;
                    padding: 5px 15px;

                    background: @page-background;
                    border-radius: 2px;
                    line-height: 1.5em;
                }

                .btn-group {
                    .btn {
                        border-radius: 0px;
                        background: #eee;
                        border: 0px;
                    }
                }
            }
        }

        @media (max-width: @mobileMaxWidth) {
            overflow-y: auto;

            .body-inner {
                position: static;
                padding-bottom: 20px;
                min-height: calc(~"100% - 57px")
            }
        }
        &.font-size-0{
            font-size:@s-font-size;
        }
        &.font-size-1{
            font-size:@m-font-size;
        }
        &.font-size-2{
            font-size:@l-font-size;
        }
        &.font-size-3{
            font-size:@xl-font-size;
        }
        &.font-size-4{
            font-size:@xxl-font-size;
        }

        &.font-family-0{
            font-family: @font-family-serif;
        }
        &.font-family-1{
            font-family: @font-family-sans;
        }
    }

    &.with-summary {
        @media (min-width: 800px) {
            .book-body {
                left: 250px;
            }
        }
    }

    &.without-animation {
        .book-body {
            .transition(none) !important;
        }
    }
    &.color-theme-1{
        .book-body {
            color: @page-color-1;
            background: @body-background-1;
            .page-wrapper {
                .page-inner {
                    section{
                        background: @page-background-1;
                    }
                }
            }
        }
    }
    &.color-theme-2{
        .book-body {
            color: @page-color-2;
            background: @body-background-2;
            .page-wrapper {
                .page-inner {
                    section{
                        background: @page-background-2;
                    }
                }
            }
        }
    }
}