/* Minification failed. Returning unminified contents.
(669,32): run-time error CSS1039: Token not allowed after unary operator: '-sav-sidebar-content-shift'
(673,32): run-time error CSS1039: Token not allowed after unary operator: '-sav-sidebar-content-shift'
 */

@font-face {
    font-family: 'Sanskrit2003';
    src: url('../fonts/Sanskrit2003.ttf') format('truetype');
}

body {
    padding-top: 64px;
    padding-bottom: 20px;
    font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #3f2a18;
    background-color: #f5efdc;
    font-size: 14px;
    line-height: 25px;
}

blockquote {
    font-size: unset !important;
}
h4 {
    font-weight: 600;
}

.new {
    color: blue;
}

/* ── Reading experience — Savitri verse display ── */
#BindBook {
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 1.3rem;
    line-height: 2.1;
    color: #3a2817;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 1rem;
    /* transparent container — the .ContentInner section is the single card */
}
/* Verse, section-heading & card typography now live as Tailwind utility classes
   on the generated markup (custom.js GetBook). Only the default-hidden state for
   sanskrit / translation lines is kept here (toggled visible by the checkboxes). */
#BindBook .colorBlue {
    padding-bottom: 0;
    color: #2d6a9f;
    display: none;
    font-size: 1.3rem;
    line-height: 1.6;
}
#BindBook h4 { font-family: Georgia, Palatino, "Times New Roman", serif; }



.imageupload {
    padding-bottom: 10px;
}

.remove, .old {
    color: red;
    text-decoration: line-through;
}

.add {
    color: black;
    text-decoration: line-through;
}

.modal-body b {
    color: black;
}

.Kepthidden {
    display: none;
}

#LoadData {
    display: none;
}

/* ── Floating audio player (verse playback) ── */
.centered {                       /* full-width fixed wrapper; bar is centered inside */
    position: fixed;
    left: 0; right: 0;
    bottom: 1.5rem;
    text-align: center;
    z-index: 1040;
    pointer-events: none;
}
.sav-audio-bar {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .7rem;
    background: linear-gradient(180deg, #2c2c2d 0%, #1a1f24 100%);
    border: 1px solid rgba(209,155,61,.3);
    border-radius: 999px;
    box-shadow: 0 14px 36px -10px rgba(0,0,0,.6);
    pointer-events: auto;
}
.sav-audio-btn {
    display: inline-flex !important;   /* beats jQuery .show()/.hide() inline display */
    align-items: center;
    justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    color: #e8dcc8;
    font-size: 1rem;
    text-decoration: none;
    transition: background .15s, color .15s, transform .1s;
}
.sav-audio-btn:hover { background: rgba(245,239,220,.12); color: #fff; text-decoration: none; }
.sav-audio-btn:active { transform: scale(.9); }
.sav-audio-btn .fa { line-height: 1; }
.sav-audio-btn .fa-lg { font-size: 1em; vertical-align: middle; }   /* JS adds fa-lg to play/pause — keep size consistent */
.sav-audio-play {
    width: 52px; height: 52px;
    margin: 0 .15rem;
    background: #d19b3d;
    color: #2c2c2d;
    font-size: 1.15rem;
    box-shadow: 0 3px 12px rgba(209,155,61,.45);
}
.sav-audio-play:hover { background: #e0b050; color: #1a1f24; }
.sav-audio-sep { width: 1px; height: 26px; background: rgba(245,239,220,.18); margin: 0 .35rem; }
.sav-audio-loading { color: #c8bfb0; font-size: .85rem; margin: 0 .65rem 0 .25rem; white-space: nowrap; }
@media (max-width: 560px) {
    .centered { bottom: .75rem; left: .75rem; right: .75rem; }
    .sav-audio-bar { display: flex; justify-content: center; flex-wrap: wrap; }
}
/* legacy classes kept harmless */
.timePlay { color: #e8dcc8; }

.modal-body h4 {
    padding: 10px;
    background-color: beige;
    color: black;
    font-size: 20px;
    font-weight: 700;
}

/* .play-pron sprite — sized/positioned by the reading-area styles in Index.cshtml */
.play-pron {
    background-image: url(../images/audio.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
}


.search-highlight b {
    color: red;
}

.DataShowCounts b {
    color: black;
}

.DataShowCounts {
    padding: 15px;
}


/* Legacy navbar styles removed — replaced by sav-* system in _Layout.cshtml */

.scantion, .ipaClass {
    display: none;
    color: grey;
}
/* Content wrapper — padding from Bootstrap .container is already applied */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1rem;
    line-height: 1.7;
}

.breadcrumb {
    background-color: inherit;
}

.viewer-title {
    opacity: 1;
    color: white;
}

hr {
    border: 1px solid #000;
}

.imgcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.sub-sub-menu {
    padding-left: 12px;
}
/* max-width removed — sav-input handles sizing; Bootstrap form-control handles the rest */

.navigate {
    margin: 15px;
    padding: 10px;
    border: 1px solid grey;
    border-radius: 20px;
}

    .navigate:hover {
        color: #f5efdc;
        background-color: #3f2a18;
    }

.post-content {
    padding-top: 2%;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

a {
    color: inherit;
}

h1, h2, h3 {
    font-weight: bold;
}

.byUser {
    font-style: italic;
}

@media (min-width: 992px) {
    #recentPosts {
        width: 32%;
    }
}

#DataCustom, #recentPosts {
    background: #fffff0;
    padding: 1.75rem 2rem;
    border: 1px solid #e0d5bc;
    border-radius: .75rem;
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 1.0625rem;
    line-height: 1.85;
    color: #3f2a18;
}

#Databooks {
    background: #fffff0;
    padding: 1.75rem 2rem;
    border: 1px solid #e0d5bc;
    border-radius: .75rem;
    font-size: 1rem;
}

.snippet, .audio-snippet {
    border-bottom: 1px solid #ece2cd;
    padding: 1.75rem 0;
}
.snippet:first-child, .audio-snippet:first-child { padding-top: .25rem; }
.snippet:last-child, .audio-snippet:last-child { border-bottom: none; padding-bottom: .25rem; }
.snippet h3 {
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
    margin: .15rem 0 .4rem;
}
.snippet h3 a { color: #3f2a18; text-decoration: none; }
.snippet h3 a:hover { color: #d19b3d; }
.snippet .content { font-size: 1.05rem; line-height: 1.8; }
.snippet .underline { color: #0d7d72; text-decoration: none; font-style: italic; }
.snippet .underline:hover { text-decoration: underline; }
.count-comments { color: #9b928b; font-size: .9rem; }

.list-group li {
    background-color: #fffff0;
}

.page-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px;
    margin: 20px 0 30px;
}

.hr-light {
    border: .5px solid grey;
}

.modalLoader {
    display: none;
    position: fixed;
    transition: all 2s linear;
    /*z-index: 1000;*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ffffff url(/images/mother.gif) 50% 50% no-repeat;
    background: #f5efdc url(/images/mother.gif) 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
        the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
        modal element will be visible */
    body.loading .modalLoader {
        display: block;
        transition: all .3s ease .15s;
    }


/* ══════════════════════════════════════════════════════
   BOOK NAVIGATION SIDEBAR  — redesigned with Savitri tokens
   ══════════════════════════════════════════════════════ */
.nav-side-menu {
    overflow-y: auto;
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 400;
    background: linear-gradient(180deg, #12161a 0%, #1e2328 60%, #2c2c2d 100%);
    position: fixed;
    top: 64px;
    left: 0;
    width: 290px;
    height: calc(100% - 64px);
    color: #c8bfb0;
    border-right: 1px solid #3a3028;
    z-index: 1020;
    scrollbar-width: thin;
    scrollbar-color: #d19b3d #1a1f24;
    opacity: 1;
    transform: translateX(0);
    will-change: transform, opacity;
}

body.sidebar-transition-ready .nav-side-menu {
    transition: transform .5s ease-in-out, opacity .5s ease-in-out, max-height .5s ease-in-out;
}

nav.sav-sidebar-hidden .nav-side-menu {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
}

#savSidebarToggleIcon {
    transition: transform .5s ease-in-out;
}

#savSidebarToggle[aria-pressed="false"] #savSidebarToggleIcon {
    transform: rotate(180deg);
}

.nav-side-menu::-webkit-scrollbar { width: 4px; }
.nav-side-menu::-webkit-scrollbar-track { background: #1a1f24; }
.nav-side-menu::-webkit-scrollbar-thumb { background: #d19b3d; border-radius: 2px; }

.nav-side-menu .brand {
    background: #0e1115;
    padding: .95rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #d19b3d;
    border-bottom: 1px solid #3a3028;
    line-height: 1.4;
}

.nav-side-menu .toggle-btn {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 12px;
    z-index: 10;
    padding: .25rem .5rem;
    background: #f5efdc;
    color: #2c2c2d;
    border-radius: .375rem;
    font-size: 1.125rem;
    line-height: 1;
}

.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

/* Top-level book items */
.nav-side-menu > .menu-list > ul > li {
    border-left: 3px solid transparent;
    border-bottom: 1px solid rgba(58,48,40,.4);
    transition: border-color .2s, background .2s;
}
.nav-side-menu > .menu-list > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: .75rem .95rem;
    color: #eadfce;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .005em;
    transition: color .15s;
}
.nav-side-menu > .menu-list > ul > li > a::before {
    font-family: FontAwesome;
    content: "\f105";          /* › chevron — rotates when open */
    flex-shrink: 0;
    font-size: 15px;
    width: 12px;
    color: #d19b3d;
    transition: transform .2s;
    display: inline-block;
}
.nav-side-menu > .menu-list > ul > li.open > a::before { transform: rotate(90deg); }
.nav-side-menu > .menu-list > ul > li > a i.fa-book {
    flex-shrink: 0;
    margin-left: auto;
    font-size: 14px;
    opacity: .5;
    margin-top: 1px;
}
.nav-side-menu > .menu-list > ul > li > a:hover { color: #f5efdc; text-decoration: none; }
.nav-side-menu > .menu-list > ul > li:hover {
    border-left-color: #d19b3d;
    background: rgba(255,255,255,.04);
}
.nav-side-menu > .menu-list > ul > li.active {
    border-left-color: #d19b3d;
    background: rgba(209,155,61,.08);
}
.nav-side-menu > .menu-list > ul > li.active > a { color: #d19b3d; }

/* Load More item */
.nav-side-menu li#PlaceHolderLoad {
    padding: .9rem .75rem 1rem;
    text-align: center;
    background: rgba(0,0,0,.24);
    border-top: 1px solid rgba(209,155,61,.24);
    border-left-color: transparent;
}
.nav-side-menu li#PlaceHolderLoad:hover {
    background: rgba(0,0,0,.3);
    border-left-color: transparent;
}
.nav-side-menu li#PlaceHolderLoad a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 132px;
    padding: .45rem 1rem;
    color: #f7ecd4;
    background: rgba(209,155,61,.14);
    border: 1px solid rgba(247,236,212,.58);
    border-radius: .55rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    text-decoration: none;
}
.nav-side-menu li#PlaceHolderLoad a:hover,
.nav-side-menu li#PlaceHolderLoad a:focus {
    color: #21160d;
    background: #d19b3d;
    border-color: #d19b3d;
    text-decoration: none;
    outline: none;
}
.nav-side-menu li#PlaceHolderLoad .DataCount {
    color: inherit;
    opacity: .85;
    font-size: .82rem;
}

#placeholderparar {
    padding: 1.1rem !important;
    background: #2c2c2d !important;
    border-radius: 0 !important;
    text-align: center !important;
    opacity: 1 !important;
}

#loadData.sav-btn,
#DataCustom #loadData.sav-btn,
#placeholderparar #loadData.sav-btn {
    color: #f7ecd4 !important;
    background: rgba(209,155,61,.16) !important;
    border-color: rgba(247,236,212,.72) !important;
    font-weight: 700;
}

#loadData.sav-btn:hover,
#loadData.sav-btn:focus,
#DataCustom #loadData.sav-btn:hover,
#DataCustom #loadData.sav-btn:focus,
#placeholderparar #loadData.sav-btn:hover,
#placeholderparar #loadData.sav-btn:focus {
    color: #21160d !important;
    background: #d19b3d !important;
    border-color: #d19b3d !important;
    outline: none;
}

/* Sub-menu (cantos) */
.nav-side-menu .sub-menu { background: rgba(0,0,0,.18); }
.nav-side-menu .sub-menu li {
    border-bottom: 1px solid rgba(58,48,40,.2);
    border-left: none;
    position: relative;
    transition: background .15s;
}
.nav-side-menu .sub-menu li a {
    display: block;
    padding: .52rem 1rem .52rem 2rem;
    font-size: 15px;
    font-weight: 500;
    color: #c9bfb0;
    text-decoration: none;
    line-height: 1.4;
    transition: color .15s;
}
.nav-side-menu .sub-menu li a:hover { color: #f5efdc; background: rgba(255,255,255,.04); text-decoration: none; }
.nav-side-menu .sub-menu li.active a { color: #d19b3d; }
.nav-side-menu .sub-menu li:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding: 0 5px 0 10px;
    vertical-align: middle;
    color: #8a7a66;
    font-size: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    left: 0;
    transition: transform .2s;
}
.nav-side-menu .sub-menu li.open:before { transform: translateY(-50%) rotate(90deg); }

/* Sub-sub-menu (sections) */
.nav-side-menu .sub-sub-menu { background: rgba(0,0,0,.28); }
.nav-side-menu .sub-sub-menu li {
    border-bottom: 1px solid rgba(58,48,40,.12);
}
.nav-side-menu .sub-sub-menu li a {
    padding: .4rem 1rem .4rem 2.6rem;
    font-size: 14px;
    color: #a59b8d;
    text-decoration: none;
    display: block;
    line-height: 1.35;
    transition: color .15s;
}
.nav-side-menu .sub-sub-menu li a:hover { color: #e0d5c5; text-decoration: none; }
.nav-side-menu .sub-sub-menu li:before { display: none; }
.nav-side-menu .sub-sub-menu li a::before {
    content: "–";
    margin-right: 6px;
    opacity: .4;
    font-style: normal;
}

/* Overall active states */
.nav-side-menu ul .active, .nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
    background: rgba(209,155,61,.08);
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a { color: #d19b3d; }

/* Mobile: sidebar becomes a compact collapsible at top */
@media (max-width: 860px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        top: 0;
        height: auto;
        max-height: calc(100vh - 82px);
        border-right: none;
        border-bottom: 1px solid #3a3028;
        overflow-y: auto;
    }
    nav.sav-sidebar-hidden .nav-side-menu {
        max-height: 0;
        border-bottom-color: transparent;
        overflow: hidden;
        transform: translateY(-.5rem);
    }
    .nav-side-menu.is-collapsed {
        max-height: 56px;
        overflow: hidden;
    }
    .nav-side-menu .menu-list {
        display: block;
    }
    .nav-side-menu .menu-list .menu-content {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav-side-menu .toggle-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        padding: 0;
        text-align: center;
    }
    .nav-side-menu .brand { font-size: 13px; padding-left: 1rem; line-height: 1.5; }
    .nav-side-menu > .menu-list > ul > li > a {
        font-size: 15px;
        padding: .65rem .85rem;
    }
    .nav-side-menu .sub-menu li a {
        font-size: 14px;
        padding: .48rem .85rem .48rem 1.75rem;
    }
    .nav-side-menu .sub-sub-menu li a {
        font-size: 13px;
        padding: .38rem .85rem .38rem 2.25rem;
    }
}
@media (min-width: 860px) {
    .nav-side-menu .menu-list .menu-content { display: block !important; }
}
/* Collapsible tree visibility (book sidebar + blog TOC) is driven by Tailwind's
   `hidden` class, toggled by the global [data-savtree] handler in custom.js.
   This keeps `hidden` authoritative regardless of source order / CDN timing. */
.nav-side-menu .sub-menu.hidden,
.nav-side-menu .sub-sub-menu.hidden { display: none !important; }

#GotoHash { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Reading area offset when sidebar is shown */
body.sidebar-transition-ready .container.body-content {
    transition: max-width .5s ease-in-out;
}
body.sidebar-content-prep .container.body-content {
    transition: none !important;
    transform: translateX(var(--sav-sidebar-content-shift, 0px));
}
body.sidebar-content-animating .container.body-content {
    transition: transform .5s ease-in-out, max-width .5s ease-in-out;
    transform: translateX(var(--sav-sidebar-content-shift, 0px));
}
.has-sidebar .container.body-content { margin-left: 290px; max-width: calc(100% - 290px); }
@media (max-width: 860px) { .has-sidebar .container.body-content { margin-left: 0; max-width: 100%; } }

/* Sidebar always-open offset — set immediately when .generalData exists */
body.sidebar-active .container.body-content { margin-left: 290px; max-width: calc(100% - 290px); }
@media (max-width: 860px) { body.sidebar-active .container.body-content { margin-left: 0; max-width: 100%; } }

/* Blog feed wrapper: centered (1180) when the TOC is closed; fills the offset
   area and hugs the TOC when it's open. */
.sav-feed-wrap { max-width: 1480px; margin: 0 auto; padding: 0 1rem; }
body.sidebar-transition-ready .sav-feed-wrap { transition: margin .5s ease-in-out; }
body.sidebar-active .sav-feed-wrap { margin: 0; }   /* TOC open → keep width, hug the TOC (left-aligned) */

@media (prefers-reduced-motion: reduce) {
    body.sidebar-transition-ready .nav-side-menu,
    body.sidebar-transition-ready .container.body-content,
    body.sidebar-transition-ready .sav-feed-wrap,
    body.sidebar-content-animating .container.body-content,
    body.sidebar-content-prep .container.body-content {
        transition: none !important;
        transform: none !important;
    }
}
/* Recent-posts sidebar — wider, readable */
#recentPosts { width: 360px; flex-shrink: 0; padding: 1.75rem 1.75rem; font-size: .9rem; }
@media (max-width: 860px) { #recentPosts { width: 100%; } }
#recentPosts h4 { font-family: Georgia, Palatino, "Times New Roman", serif; font-size: 1.05rem; font-weight: 700; color: #3f2a18; margin: 0 0 1rem; padding-bottom: .5rem; border-bottom: 1px solid #e7dcc4; }
#recentPosts p { font-size: .85rem; line-height: 1.5; margin: 0 0 .8rem; padding-bottom: .8rem; border-bottom: 1px solid #f0e8d5; color: #7a6f64; }
#recentPosts p:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#recentPosts a, #recentPosts a.BorderDotted { color: #0d7d72; text-decoration: none; border-bottom: none; }
#recentPosts a:hover { color: #d19b3d; text-decoration: underline; }
#recentPosts strong a { color: #3f2a18; font-weight: 700; }


.sectionColor {
    background-color: gainsboro;
    padding: 10px;
}

.NestedClick {
    color: black;
}

.timeline-centered .timeline-entry .timeline-entry-inner .customHeader {
    height: 80px;
}
/* #snackbar defined in _Layout.cshtml with full design-token styles */

/* Animations to fade the snackbar in and out */
/*@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}*/

.underline {
    text-decoration: underline;
    color: #9B928B;
}

.content, .post-content {
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.85;
    color: #3f2a18;
    padding-top: 1.25rem;
}

#content-Post {
    background-color: #fffff0;
    border: 1px solid #ddd;
    padding: 30px;
}

    #content-Post input[class="form-control"], textarea {
        max-width: none;
        width: 100%;
    }

    #content-Post label {
        color: #3f2a18;
        font-size: 13px;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

#modal-help {
    font-size: 15px;
}

#imageUploadData {
    padding-top: 20px;
}

.postseries, .postseries a {
    font-size: .78rem;
    font-style: italic;
    font-weight: 400;
    color: #9b928b;
    text-decoration: none;
    letter-spacing: .02em;
}
.postseries a:hover { color: #d19b3d; }
.byUser {
    font-style: italic;
    font-weight: 400;
    color: #9b928b;
    font-size: .82rem;
}
.byUser a { color: #0d7d72; text-decoration: none; }
.byUser a:hover { text-decoration: underline; }

#DataCustom blockquote {
    border-left: none;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

.hr-light {
    border: 1px solid #ddd;
}

.muted {
    color: #9B928B;
}

.seriesData {
    padding: 10px;
}

.green-i {
    color: green;
}

.dontdisplay {
    display: none;
    line-height: 40px;
}

.elementArchive ul li {
    list-style-type: none;
}

#placeholderparar {
    display: none;
    padding: 12px;
    background-color: black;
    bottom: 0;
    text-align: center;
    opacity: .8;
}

.CountData {
    display: none;
}

    .CountData b {
        color: black;
    }

.tabs-left {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #ddd;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

    .tabs-left > li {
        margin-right: -1px;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            border-bottom-color: #ddd;
            border-right-color: transparent;
        }

        .tabs-left > li > a {
            border-radius: 4px 0 0 4px;
            margin-right: 0;
            display: block;
        }

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .vertical-text > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .vertical-text > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px;
        }

        .vertical-text > li.active > a,
        .vertical-text > li.active > a:hover,
        .vertical-text > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .vertical-text.tabs-left {
        left: -50px;
    }

    .vertical-text.tabs-right {
        right: -50px;
    }

    .vertical-text.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.tab-content input {
    max-width: none;
}

#BindBook .lbloriginal {
    padding-bottom: 0px;
}

.sanskrit {
    font-family: "Sanskrit2003";
}

#BindBook .colorBlue {
    padding-bottom: 0px;
    color: rgb(54,95,145);
    display: none;
    font-size: 25px;
    line-height: 30px;
}



.lineDot {
    color: rgb(54,95,145);
}

.usersFeeds {
    margin: 25px;
    border-bottom: 1px dotted grey;
    padding: 20px;
}

    .usersFeeds b {
        color: black;
    }

.UsersWorks {
    display: none;
}

.checkbox-inline,
.checkbox-inline + .checkbox-inline,
.checkbox-inline + .radio-inline,
.radio-inline,
.radio-inline + .radio-inline,
.radio-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
}

    .checkbox-inline:last-child,
    .radio-inline:last-child {
        margin-right: 0;
    }

#DivToggle {
    margin-top: 10px;
}

.Uname {
    text-transform: capitalize;
}

.top {
    margin-top: 2rem;
}

.BorderDotted {
    border-bottom: 1px dotted grey;
}

.UpdatedText {
    font-size: 12px;
    font-style: italic;
}

#BindNotification li {
    border-bottom: 1px dotted grey;
}

.showReason {
    display: none;
    color: blue;
    font-size: 16px;
}

._ShowReason {
    color: #f5efdc;
    display: none;
}

.modal-body input[class="form-control"], textarea {
    max-width: none;
    width: 100%;
}

.innerClass ul li {
    display: inline-block;
}

    .innerClass ul li img, .innerClass ul li a {
        display: block;
        margin: auto;
    }

    .innerClass ul li img {
        height: 150px;
        width: 150px;
        background: url('https://upload.wikimedia.org/wikipedia/commons/b/b1/Loading_icon.gif') no-repeat center;
    }

.innerClass ul {
    padding-left: 0;
}

.viewer-toggle-data i {
    font-size: 20px;
    color: white;
}

#Databooks a {
    color: #337ab7;
}

/* ── Book cards (/books author listing) — book-spine style, visible serif title ── */
.new-books, .new-books.card, .new-books.card-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 190px;
    min-height: 250px;
    margin: .625rem;
    padding: 2rem 1.25rem 1.5rem;
    background: linear-gradient(160deg, #fffdf5 0%, #f4ead4 100%);
    border: 1px solid #e7dcc4;
    border-left: 5px solid #d19b3d;                 /* book spine */
    border-radius: .25rem .65rem .65rem .25rem;
    box-shadow: 0 4px 14px -6px rgba(63,42,24,.28);
    transition: transform .18s ease, box-shadow .18s ease;
}
.new-books:hover { transform: translateY(-5px); box-shadow: 0 12px 26px -8px rgba(63,42,24,.38); }
.new-books::before {
    content: "\f02d";                               /* fa-book */
    font-family: FontAwesome;
    font-size: 1.4rem;
    color: #d19b3d;
    opacity: .8;
    margin-bottom: .9rem;
}
.new-books a, .new-books a.AuthorBooks { text-decoration: none; display: block; }
.new-books .title {
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.4;
    color: #3f2a18;
    margin: 0;
    transition: color .15s;
}
.new-books a:hover .title { color: #b8841e; }

.book { padding: 15px 0 0 0; margin: auto; }
.searchanchor {
    color: #3399ff;
}
mark, .mark {
    color: #2f2012;
    background-color: #ffe9a8;          /* warm parchment-gold highlight */
    padding: .04em .15em;
    border-radius: .2em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
/* Hash-target flash — highlights the stanza/line you navigate to (e.g. /1/1/1#6) */
@keyframes savHashFlash {
    0%, 14% { background-color: #fbef93; }
    100%    { background-color: transparent; }
}
.sav-hash-flash { animation: savHashFlash 6s ease-out; border-radius: .6rem; }

mark.current, .mark.current {
    background-color: #f3a712;          /* active / focused search match */
    color: #2f2012;
    box-shadow: 0 0 0 2px rgba(243,167,18,.45);
}

.emanuelWorks {
    display: none;
}
.emanuelWorks ul.images {        /* per-line strips scroll horizontally (earlier design) */
    list-style: none;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    padding: 0;
    margin: .5rem 0 1rem;
}
.emanuelWorks ul.images li { display: inline-block; margin: 0 .15rem; vertical-align: middle; }
.emanuelWorks ul.images img { cursor: pointer; transition: transform .15s, box-shadow .15s; }
.emanuelWorks ul.images img:hover { transform: scale(1.04); box-shadow: 0 4px 12px rgba(63,42,24,.2); }
/* top book/canto illustration strips (few images) sit centered in the header */
#emanuelBooks ul.images, #emanuelCanto ul.images { white-space: normal; text-align: center; overflow: visible; }
.modal-body a {
    color: #0070ff;
}
.btn-group {
    margin-right: 4px;
}
#modaltabs li a {
    font-size: 15px;
}
.annotatedWord {
    color: #0070ff;
    text-decoration: underline;
}
    .annotatedWord:hover {
        cursor: pointer
    }


/* BELL */

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 5s ease infinite;
    animation: ring 5s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}
.lbloriginal span.masked {
    background-color: #f5efdc;
    height: 1em;
    margin-right: 1px;
    color: transparent;
}
.lbloriginal:hover span.masked {
    color: inherit;
    background-color: transparent;
}

/* JS-generated HTML replacements for Bootstrap utility classes */
.sav-badge {
    display: inline;
    padding: .2em .5em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #9b928b;
}
.sav-badge-info { background-color: #5b9bd5; }
.sav-badge-success { background-color: #5cb85c; }
.sav-btn-danger { background: #c0392b !important; color: #fff !important; border-color: #a93226 !important; }
.sav-btn-danger:hover { background: #a93226 !important; }
.sav-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.sav-embed-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.sav-thumb { padding: 4px; background-color: #fff; border: 1px solid #e0d5bc; border-radius: 4px; max-width: 100%; height: auto; }
.sav-list { list-style: none; padding: 0; margin: 0 0 1rem 0; border: 1px solid #e0d5bc; border-radius: 4px; }
.sav-list-item { padding: .5rem 1rem; border-bottom: 1px solid #e0d5bc; background: #fffff0; display: block; color: #3f2a18; }
.sav-list-item:last-child { border-bottom: none; }
.sav-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ── Bootstrap grid/layout bridge — replaces bootstrap.css structural classes ── */
.container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; box-sizing:border-box; }
@media (min-width:768px)  { .container { max-width:750px;   } }
@media (min-width:992px)  { .container { max-width:960px;   } }
@media (min-width:1200px) { .container { max-width:1180px;  } }
@media (min-width:1500px) { .container { max-width:1320px;  } }
.row { margin-right:0; margin-left:0; box-sizing:border-box; }
.row::before, .row::after { content:""; display:table; clear:both; }
[class*="col-"] { position:relative; min-height:1px; padding-right:15px; padding-left:15px; box-sizing:border-box; float:left; width:100%; }
@media (min-width:992px) {
  .col-md-1  { width:8.3333%;   } .col-md-2  { width:16.6667%; }
  .col-md-3  { width:25%;       } .col-md-4  { width:33.3333%; }
  .col-md-5  { width:41.6667%;  } .col-md-6  { width:50%;      }
  .col-md-7  { width:58.3333%;  } .col-md-8  { width:66.6667%; }
  .col-md-9  { width:75%;       } .col-md-10 { width:83.3333%; }
  .col-md-11 { width:91.6667%;  } .col-md-12 { width:100%;     }
  .col-md-offset-1 { margin-left:8.3333%;  } .col-md-offset-2 { margin-left:16.6667%; }
  .col-md-offset-3 { margin-left:25%;      } .col-md-offset-4 { margin-left:33.3333%; }
}
@media (min-width:768px) {
  .col-sm-1  { width:8.3333%;  } .col-sm-2  { width:16.6667%; }
  .col-sm-3  { width:25%;      } .col-sm-4  { width:33.3333%; }
  .col-sm-5  { width:41.6667%; } .col-sm-6  { width:50%;      }
  .col-sm-12 { width:100%;     }
}
.col-xs-12 { width:100%; } .col-xs-6 { width:50%; }
.pull-right { float:right !important; } .pull-left { float:left !important; }
.clearfix::before, .clearfix::after { content:""; display:table; clear:both; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.text-center { text-align:center; } .text-left { text-align:left; } .text-right { text-align:right; }
.text-muted { color:#9b928b; }
.hidden { display:none !important; }
.input-group { display:flex; position:relative; }
.input-group .form-control, .input-group .sav-input { flex:1; border-radius:.5rem 0 0 .5rem; }
.input-group-addon { display:flex; align-items:center; padding:.5rem .875rem; font-size:.875rem; color:#3f2a18; background:#f8f2e4; border:1px solid #e0d5bc; border-left:none; border-radius:0 .5rem .5rem 0; white-space:nowrap; }
.input-group-btn { display:flex; }
.input-group-btn .btn, .input-group-btn .sav-btn { border-radius:0 .5rem .5rem 0; margin-left:-1px; }
.form-group { margin-bottom:1rem; }
.form-control { display:block; width:100%; padding:.5rem .875rem; font-size:.875rem; color:#3f2a18; background:#fff; border:1px solid #e0d5bc; border-radius:.5rem; box-sizing:border-box; }
.form-control:focus { outline:none; border-color:#0d9488; box-shadow:0 0 0 3px rgba(13,148,136,.12); }
.checkbox label, .radio label { cursor:pointer; }
.checkbox-inline, .radio-inline { display:inline-flex; align-items:center; gap:.35rem; cursor:pointer; margin-right:.75rem; }

/* ── Bootstrap JS bridge — replaces bootstrap.css for JS-dependent components ── */

/* Button-group checkbox/radio toggles ([data-toggle="buttons"]) — hide the native
   input so only the styled .btn label shows (Bootstrap normally clips these). */
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
.btn-group[data-toggle="buttons"] .btn input[type="checkbox"],
.btn-group[data-toggle="buttons"] .btn input[type="radio"] { position: absolute; clip: rect(0,0,0,0); opacity: 0; pointer-events: none; width: 0; }
/* dropdown-menu radio/label rows (sort menus) */
.dropdown-menu li .radio, .dropdown-menu li a.radio { display: block; padding: 0; }
.dropdown-menu li label { display: flex; align-items: center; gap: .5rem; margin: 0; padding: .4rem .9rem; cursor: pointer; font-weight: 400; }
.dropdown-menu li label:hover { background: #f8f2e4; }

/* Datetime picker (eonasdan bootstrap-datetimepicker) — the bridge rules above hide
   its .dropdown-menu/.collapse panels and its nav uses Bootstrap glyphicons (no font
   loaded), so the popup rendered empty. Restore it here. */
.bootstrap-datetimepicker-widget.dropdown-menu { display: block; background: #fffdf6; border: 1px solid #e0d5bc; border-radius: .625rem; box-shadow: 0 8px 24px rgba(63,42,24,.18); color: #3f2a18; }
.bootstrap-datetimepicker-widget .collapse { display: block !important; }      /* show calendar + time */
.bootstrap-datetimepicker-widget ul.list-unstyled { list-style: none; margin: 0; padding: 0; }
.bootstrap-datetimepicker-widget ul.list-unstyled > li { margin: 0; background: none; }
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { color: #3f2a18; background: transparent; border: none; }
.bootstrap-datetimepicker-widget td.day, .bootstrap-datetimepicker-widget td.hour, .bootstrap-datetimepicker-widget td.minute, .bootstrap-datetimepicker-widget td.second, .bootstrap-datetimepicker-widget .picker-switch, .bootstrap-datetimepicker-widget th.prev, .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget .timepicker-picker span, .bootstrap-datetimepicker-widget .separator { cursor: pointer; }
.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget th.prev:hover, .bootstrap-datetimepicker-widget th.next:hover, .bootstrap-datetimepicker-widget th.picker-switch:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget .timepicker-picker span:hover { background: #f8f2e4; }
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background: #d19b3d; color: #fff; }
.bootstrap-datetimepicker-widget td.today:before { border-bottom-color: #d19b3d; }
.bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #b8b0a4; }
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { color: #d8cfc0; cursor: not-allowed; background: none; }
.bootstrap-datetimepicker-widget .glyphicon { font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; }
.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before { content: "\f053"; }
.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before { content: "\f054"; }
.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before { content: "\f077"; }
.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before { content: "\f078"; }
.bootstrap-datetimepicker-widget .glyphicon-time:before, .bootstrap-datetimepicker-widget .glyphicon-clock-o:before { content: "\f017"; }
.bootstrap-datetimepicker-widget .glyphicon-calendar:before { content: "\f073"; }

/* Modals */
.modal { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; overflow:hidden; outline:0; }
.modal.in { display:block; }
.modal-open .modal { overflow-x:hidden; overflow-y:auto; }
.modal-dialog { position:relative; width:auto; margin:10px; }
.modal-content { position:relative; background:#fff; border:1px solid #e0d5bc; border-radius:.75rem; outline:0; box-shadow:0 5px 24px rgba(63,42,24,.15); }
.modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background:#000; }
.modal-backdrop.fade { opacity:0; transition:opacity .15s linear; }
.modal-backdrop.in { opacity:.5; }
.modal-header { padding:1rem 1.25rem; border-bottom:1px solid #e0d5bc; display:flex; align-items:center; justify-content:space-between; }
.modal-title { margin:0; font-size:1.0625rem; font-weight:600; color:#3f2a18; line-height:1.4; }
.modal-body { position:relative; padding:1.25rem; }
.modal-footer { padding:1rem 1.25rem; border-top:1px solid #e0d5bc; display:flex; justify-content:flex-end; gap:.5rem; align-items:center; }
.modal-footer::before, .modal-footer::after { display:none; }
.modal.fade .modal-dialog { transition:transform .3s ease-out; transform:translate(0,-25%); }
.modal.in .modal-dialog { transform:translate(0,0); }
.close { float:right; font-size:1.375rem; font-weight:700; line-height:1; color:#9b928b; background:transparent; border:none; cursor:pointer; padding:.25rem .5rem; border-radius:.375rem; }
.close:hover { color:#3f2a18; background:#f0e8d8; }
@media (min-width:768px) { .modal-dialog { width:600px; margin:30px auto; } .modal-lg { width:900px; } .modal-sm { width:300px; } }

/* Shared reader/detail modal */
#showData .sav-reader-dialog {
    width: auto;
    max-width: 940px;
    margin: 4vh auto;
    padding: 0 1rem;
}

#showData .sav-reader-content {
    display: flex;
    flex-direction: column;
    max-height: 92vh;
    overflow: hidden;
    background: #fffdf8;
    border: 1px solid #d8ccb3;
    border-radius: .5rem;
    box-shadow: 0 22px 70px rgba(28, 20, 12, .34);
}

#showData .sav-reader-header {
    flex: 0 0 auto;
    align-items: center;
    gap: 1rem;
    padding: .875rem 1rem .875rem 1.25rem;
    background: #fffaf0;
    border-bottom: 1px solid #e2d7bf;
}

#showData .sav-reader-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: #332112;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#showData .sav-reader-close {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    color: #756654;
    font-size: .95rem;
    line-height: 1;
    background: #fffdf8;
    border: 1px solid transparent;
    border-radius: .375rem;
    opacity: 1;
}

#showData .sav-reader-close:hover,
#showData .sav-reader-close:focus {
    color: #332112;
    background: #f3ead8;
    border-color: #d8ccb3;
    outline: none;
}

#showData .sav-reader-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    overflow-y: auto;
    padding: 1.75rem 2rem;
    color: #3f2a18;
    background: #fffdf8;
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 1.125rem;
    line-height: 1.72;
    scrollbar-color: #b5a892 #fff3dd;
}

#showData .sav-reader-body b {
    color: #2c1b0d;
}

#showData .sav-reader-body a {
    color: #0f766e;
    text-decoration: underline;
    text-underline-offset: .15em;
}

#showData .sav-reader-body a:hover {
    color: #0d5f59;
}

#showData .sav-reader-body h4 {
    margin: 1.25rem 0 .75rem;
    padding: 0;
    color: #332112;
    background: transparent;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 700;
}

#showData .sav-reader-body hr {
    margin: 1.5rem auto;
    width: 5rem;
    border: 0;
    border-top: 1px solid #dcc8a3;
}

#showData .sav-reader-separator,
#showData .sav-reader-body p[style*="center"] {
    margin: .85rem 0;
    color: #a17423;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}

#showData .sav-reader-body audio,
#showData .sav-reader-body iframe,
#showData .sav-reader-body img {
    max-width: 100%;
}

#showData .sav-reader-footer {
    flex: 0 0 auto;
    justify-content: space-between;
    padding: .75rem 1rem;
    background: #fffaf0;
    border-top: 1px solid #e2d7bf;
}

#showData .sav-reader-nav {
    display: flex;
    align-items: center;
    gap: .5rem;
}

#showData .navigators {
    float: none !important;
    padding-left: 0 !important;
}

#showData .sav-reader-nav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    color: #3f2a18;
    background: #fffdf8;
    border: 1px solid #d8ccb3;
    border-radius: .375rem;
    text-decoration: none;
    transition: background .15s, border-color .15s, color .15s;
}

#showData .sav-reader-nav-btn:hover,
#showData .sav-reader-nav-btn:focus {
    color: #0f766e;
    background: #f3ead8;
    border-color: #c8b58e;
    text-decoration: none;
    outline: none;
}

#showData .sav-reader-close-btn {
    min-width: 5.25rem;
}

@media (max-width: 767px) {
    #showData .sav-reader-dialog {
        margin: .75rem auto;
        padding: 0 .75rem;
    }

    #showData .sav-reader-content {
        max-height: calc(100vh - 1.5rem);
    }

    #showData .sav-reader-header {
        padding: .75rem .75rem .75rem 1rem;
    }

    #showData .sav-reader-title {
        font-size: 1rem;
        white-space: normal;
    }

    #showData .sav-reader-body {
        padding: 1.25rem 1rem;
        font-size: 1.02rem;
        line-height: 1.65;
    }

    #showData .sav-reader-footer {
        padding: .625rem .75rem;
    }
}

/* ── Lightweight image lightbox (replaces the flaky bundled viewerjs) ── */
#savLightbox {
    display: none;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 10050;
    background: rgba(18,16,12,.93);
    align-items: center;
    justify-content: center;
    padding: 2rem;
    cursor: zoom-out;
}
#savLightbox.open { display: flex; }
#savLightbox img {
    max-width: 92vw;
    max-height: 88vh;
    object-fit: contain;
    border-radius: .375rem;
    background: #fff;
    box-shadow: 0 12px 48px rgba(0,0,0,.55);
    transition: opacity .2s ease;
}
#savLightbox .savLightbox-close {
    position: fixed;
    top: 1rem; right: 1.5rem;
    color: #f5efdc;
    font-size: 2.75rem;
    line-height: 1;
    cursor: pointer;
    opacity: .8;
    transition: opacity .15s;
}
#savLightbox .savLightbox-close:hover { opacity: 1; }
#savLightbox .savLightbox-nav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    justify-content: center;
    width: 52px; height: 52px;
    border: none;
    border-radius: 50%;
    background: rgba(245,239,220,.12);
    color: #f5efdc;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    opacity: .85;
    transition: background .15s, opacity .15s;
    z-index: 1;
}
#savLightbox .savLightbox-nav:hover { background: rgba(245,239,220,.25); opacity: 1; }
#savLightbox .savLightbox-prev { left: 1.5rem; }
#savLightbox .savLightbox-next { right: 1.5rem; }
#savLightbox .savLightbox-count {
    position: fixed;
    bottom: 1.25rem; left: 50%;
    transform: translateX(-50%);
    display: none;
    color: #f5efdc;
    font-size: .9rem;
    letter-spacing: .05em;
    background: rgba(18,16,12,.6);
    padding: .25rem .75rem;
    border-radius: 999px;
}
@media (max-width: 560px) {
    #savLightbox .savLightbox-nav { width: 42px; height: 42px; font-size: 1.3rem; }
    #savLightbox .savLightbox-prev { left: .5rem; }
    #savLightbox .savLightbox-next { right: .5rem; }
}
/* neutralise any leftover bundled-viewer chrome */
.viewer-container, .viewer-title { display: none !important; }

/* Bootstrap tabs */
.nav-tabs { display:flex; border-bottom:2px solid #e0d5bc; list-style:none; padding:0; margin:0 0 1.5rem; flex-wrap:wrap; }
.nav-tabs > li { margin-bottom:-2px; }
.nav-tabs > li > a { display:block; padding:.625rem 1.25rem; font-size:.875rem; font-weight:500; color:#9b928b; border:1px solid transparent; border-bottom:2px solid transparent; border-radius:.375rem .375rem 0 0; text-decoration:none; transition:color .15s,border-color .15s; cursor:pointer; }
.nav-tabs > li > a:hover { color:#3f2a18; text-decoration:none; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color:#3f2a18; font-weight:600; background:#f8f2e4; border-color:#e0d5bc #e0d5bc transparent; border-bottom-color:#d19b3d; }
.tab-content > .tab-pane { display:none; }
.tab-content > .active { display:block; }

/* Bootstrap collapse */
.collapse { display:none; }
.collapse.in { display:block; }
.collapsing { position:relative; height:0; overflow:hidden; transition:height .35s ease; }

/* Progress bars */
.progress { overflow:hidden; height:20px; background:#f5efdc; border-radius:.5rem; border:1px solid #e0d5bc; margin-bottom:1rem; }
.progress-bar { float:left; width:0; height:100%; font-size:.75rem; line-height:20px; color:#fff; text-align:center; background:#d19b3d; transition:width .6s ease; }
.progress-bar-striped { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size:40px 40px; }
.progress-bar.active { animation:bs-progress-stripes 2s linear infinite; }
@keyframes bs-progress-stripes { from { background-position:40px 0; } to { background-position:0 0; } }

/* Bootstrap dropdown/btn-group (counts, series, index dropdowns) */
.dropdown { position:relative; }
.dropdown-menu { display:none; position:absolute; top:100%; left:0; z-index:1000; min-width:180px; padding:.25rem 0; background:#fff; border:1px solid #e0d5bc; border-radius:.625rem; box-shadow:0 8px 24px rgba(63,42,24,.12); list-style:none; margin:0; }
.open > .dropdown-menu { display:block; }
.dropdown-menu > li > a, .dropdown-menu label { display:block; padding:.5rem 1rem; font-size:.875rem; color:#3f2a18; text-decoration:none; white-space:nowrap; cursor:pointer; margin:0; }
.dropdown-menu > li > a:hover, .dropdown-menu label:hover { background:#f8f2e4; color:#3f2a18; text-decoration:none; }
.btn-group { position:relative; display:inline-flex; }
.btn-group > .btn:first-child:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0; }
.btn-group > .btn:last-child:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px; }
.caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; }

/* Bootstrap buttons (remaining instances — styled to match sav-btn) */
.btn { display:inline-flex; align-items:center; justify-content:center; padding:.5rem 1.25rem; font-size:.875rem; font-weight:500; border-radius:.5rem; border:1px solid transparent; cursor:pointer; text-decoration:none; transition:background-color .15s,color .15s,border-color .15s; white-space:nowrap; line-height:1.4; }
.btn:hover { text-decoration:none; }
.btn-default { background:transparent; color:#3f2a18; border-color:#e0d5bc; }
.btn-default:hover, .btn-default.active, .btn-group.open .btn-default { background:#f8f2e4; border-color:#d19b3d; color:#3f2a18; }
.btn-primary { background:#3f2a18; color:#f5efdc; border-color:#3f2a18; }
.btn-primary:hover { background:#2a1c10; color:#f5efdc; }
.btn-success { background:#d9a23f; color:#3f2a18; border-color:#cf942f; font-weight:600; }
.btn-success:hover { background:#c98f2c; color:#3f2a18; border-color:#b8841e; }
.btn-sm, .btn-xs { padding:.25rem .625rem; font-size:.75rem; border-radius:.375rem; }
.btn-md { padding:.5rem 1rem; font-size:.875rem; }
.btn-lg { padding:.75rem 1.75rem; font-size:1rem; }

/* Bootstrap nav-pills */
.nav-pills { display:flex; flex-wrap:wrap; gap:.375rem; list-style:none; padding:0; margin:0; }
.nav-pills > li > a { display:inline-flex; align-items:center; padding:.375rem 1rem; font-size:.8125rem; font-weight:500; border-radius:999px; border:1px solid #e0d5bc; color:#9b928b; text-decoration:none; transition:all .15s; }
.nav-pills > li.active > a, .nav-pills > li > a:hover { background:#3f2a18; color:#f5efdc; border-color:#3f2a18; text-decoration:none; }

/* Mobile responsiveness pass for shared content surfaces */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img, video, iframe, audio {
    max-width: 100%;
}

audio {
    width: 100%;
}

.sav-table-wrap,
#DataCustom,
#Databooks,
#AppendData,
#DataCount,
#DataAnalysis,
#BindIpa {
    max-width: 100%;
    overflow-x: auto;
}

table {
    max-width: 100%;
}

pre,
code {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 860px) {
    .container.body-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }

    .sav-feed-wrap {
        display: block !important;
        padding-left: 0;
        padding-right: 0;
    }

    #recentPosts {
        margin-top: 1rem;
    }
}

@media (max-width: 640px) {
    body {
        font-size: 13px;
        line-height: 1.65;
    }

    #savNav {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
        gap: .35rem !important;
    }

    #savNav > a:first-child {
        margin-right: auto !important;
        font-size: 1rem !important;
        min-width: 0;
    }

    #savNav .sav-dropdown {
        height: auto;
    }

    #savNav .sav-dropdown-toggle {
        padding: .35rem .45rem !important;
        font-size: .875rem !important;
    }

    #savMobileToggle {
        flex: 0 0 36px;
    }

    .body-content {
        padding-left: 0;
        padding-right: 0;
    }

    #HeaderSet {
        padding-top: 1rem !important;
    }

    #HeaderSet .bookName,
    #BookName,
    #LoadingText {
        font-size: 1.65rem !important;
        line-height: 1.18 !important;
    }

    #HeaderSet .bookNumber,
    #HeaderSet .cantoDetails,
    #AuthorName {
        font-size: .95rem !important;
    }

    #HeaderSet .flex,
    #bindData [style*="display:flex"],
    .body-content [style*="display:flex"] {
        flex-wrap: wrap !important;
    }

    #HeaderSet .btn-group,
    #HeaderSet .sav-btn,
    #bindData .btn-group,
    #bindData .sav-btn {
        max-width: 100%;
    }

    #sentenceDiagram {
        flex-wrap: wrap !important;
        justify-content: space-between;
        padding: .75rem !important;
    }

    #sentenceDiagram .inputFile {
        flex: 1 1 100%;
        width: 100%;
    }

    #BindBook {
        padding: 0;
        font-size: 1.05rem;
        line-height: 1.8;
    }

    .ContentInner {
        padding: 1.25rem .95rem !important;
        border-radius: .75rem !important;
        margin-left: 0;
        margin-right: 0;
    }

    #BindBook .lbloriginal {
        font-size: 1.08rem !important;
        line-height: 1.85 !important;
        overflow-wrap: anywhere;
    }

    #BindBook .sectionColor {
        font-size: 1.12rem !important;
        line-height: 1.4 !important;
    }

    .Oline {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .innerSpan {
        gap: .5rem !important;
        overflow-x: auto;
        padding-bottom: .1rem;
    }

    .innerSpan .Default,
    .innerSpan .UsersWorks {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #DataCustom,
    #recentPosts,
    #Databooks,
    #AppendData,
    #DataCount,
    #DataAnalysis,
    .privacy-content {
        padding: 1rem !important;
        border-radius: .625rem !important;
        font-size: .98rem !important;
        line-height: 1.7 !important;
    }

    #DataCustom h1,
    #DataCustom h2,
    #DataCustom h3,
    #Databooks h1,
    #Databooks h2,
    #Databooks h3 {
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .snippet,
    .audio-snippet {
        padding: 1.1rem 0;
    }

    .snippet h3 {
        font-size: 1.15rem;
    }

    .sav-input,
    .form-control,
    select,
    textarea {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .btn,
    .sav-btn {
        white-space: normal;
        text-align: center;
    }

    .btn-group {
        max-width: 100%;
        vertical-align: top;
    }

    .dropdown-menu {
        max-width: calc(100vw - 2rem);
        min-width: min(220px, calc(100vw - 2rem));
        white-space: normal;
    }

    .dropdown-menu > li > a,
    .dropdown-menu label {
        white-space: normal;
        line-height: 1.35;
    }

    .modal-dialog {
        margin: .75rem;
    }

    .modal-body {
        padding: 1rem;
    }

    .modal-footer {
        flex-wrap: wrap;
    }

    .nav-pills {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: .25rem;
        -webkit-overflow-scrolling: touch;
    }

    .nav-pills > li {
        flex: 0 0 auto;
    }
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.44
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/**
 * simplemde v1.11.2
 * Copyright Next Step Webs, Inc.
 * @link https://github.com/NextStepWebs/simplemde-markdown-editor
 * @license MIT
 */
.CodeMirror{color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror{height:auto;min-height:300px;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:1}.CodeMirror-scroll{min-height:300px}.CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-sided{width:50%!important}.editor-toolbar{position:relative;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar:after,.editor-toolbar:before{display:block;content:' ';height:1px}.editor-toolbar:before{margin-bottom:8px}.editor-toolbar:after{margin-top:8px}.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{opacity:.8}.editor-toolbar.fullscreen{width:100%;height:50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);position:fixed;top:0;right:0;margin:0;padding:0}.editor-toolbar a{display:inline-block;text-align:center;text-decoration:none!important;color:#2c3e50!important;width:30px;height:30px;margin:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar a.active,.editor-toolbar a:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar a:before{line-height:30px}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar a.fa-header-x:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar a.fa-header-1:after{content:"1"}.editor-toolbar a.fa-header-2:after{content:"2"}.editor-toolbar a.fa-header-3:after{content:"3"}.editor-toolbar a.fa-header-bigger:after{content:"▲"}.editor-toolbar a.fa-header-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview a:not(.no-disable){pointer-events:none;background:#fff;border-color:transparent;text-shadow:inherit}@media only screen and (max-width:700px){.editor-toolbar a.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-preview,.editor-preview-side{padding:10px;background:#fafafa;overflow:auto;display:none;box-sizing:border-box}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;border:1px solid #ddd}.editor-preview-active,.editor-preview-active-side{display:block}.editor-preview-side>p,.editor-preview>p{margin-top:0}.editor-preview pre,.editor-preview-side pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{border:1px solid #ddd;padding:5px}.CodeMirror .CodeMirror-code .cm-tag{color:#63a35c}.CodeMirror .CodeMirror-code .cm-attribute{color:#795da3}.CodeMirror .CodeMirror-code .cm-string{color:#183691}.CodeMirror .CodeMirror-selected{background:#d9d9d9}.CodeMirror .CodeMirror-code .cm-header-1{font-size:200%;line-height:200%}.CodeMirror .CodeMirror-code .cm-header-2{font-size:160%;line-height:160%}.CodeMirror .CodeMirror-code .cm-header-3{font-size:125%;line-height:125%}.CodeMirror .CodeMirror-code .cm-header-4{font-size:110%;line-height:110%}.CodeMirror .CodeMirror-code .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.CodeMirror .CodeMirror-code .cm-link{color:#7f8c8d}.CodeMirror .CodeMirror-code .cm-url{color:#aab2b3}.CodeMirror .CodeMirror-code .cm-strikethrough{text-decoration:line-through}.CodeMirror .CodeMirror-placeholder{opacity:.5}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
/*jquery-comments.js 1.2.0

(c) 2017 Joona Tykkyläinen, Viima Solutions Oy
jquery-comments may be freely distributed under the MIT license.
For all details and documentation:
http://viima.github.io/jquery-comments/*/

.jquery-comments * {
	box-sizing: border-box;
	text-shadow: none;
}

.jquery-comments a[href] {
	color: #2793e6;
	text-decoration: none;
}

.jquery-comments a[href]:hover {
	text-decoration: underline;
}

.jquery-comments .textarea, .jquery-comments input, .jquery-comments button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;

	vertical-align: top;
	border-radius: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: rgba(0, 0, 0, 0);
}

.jquery-comments button {
	vertical-align: inherit;
}

.jquery-comments .tag {
	color: inherit;
	font-size: 0.9em;
	line-height: 1.2em;
	background: #ddd;
	border: 1px solid #ccc;
	padding: 0.05em 0.4em;
	cursor: pointer;
	font-weight: normal;
	border-radius: 1em;
	transition: all 0.2s linear;
}

.jquery-comments .tag:hover {
	text-decoration: none;
	background-color: #d8edf8;
	border-color: #2793e6;
}

.jquery-comments [contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder);
    color: #CCC;
    position: inherit;
}

.jquery-comments i.fa {
	width: 1em;
	height: 1em;
	background-size: cover;
}

.jquery-comments i.fa.image:before {
	content: "";
}

.jquery-comments .spinner {
	font-size: 2em;
	text-align: center;
	padding: 0.5em;
	color: #666;
}

.jquery-comments ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jquery-comments .profile-picture {
	float: left;
	width: 3.6rem;
	height: 3.6rem;
	max-width: 50px;
	max-height: 50px;
}

.jquery-comments i.profile-picture {
	font-size: 2.4em;
	text-align: center;
}

.jquery-comments .profile-picture.round {
	border-radius: 50%;
}

.jquery-comments .commenting-field.mainClass{
	margin-bottom: 0.75em;
}

.jquery-comments .commenting-field.mainClass .profile-picture {
	margin-bottom: 1rem;
}

.jquery-comments .textarea-wrapper {
	overflow: hidden;
	padding-left: 15px;
	position: relative;
}

.jquery-comments .textarea-wrapper:before {
	content: " ";
	position: absolute;
	border: 5px solid #D5D5D5;
	left: 5px;
	top: 0;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-bottom-color: rgba(0, 0, 0, 0);
	border-left-color: rgba(0, 0, 0, 0);
}

.jquery-comments .textarea-wrapper:after {
	content: " ";
	position: absolute;
	border: 7px solid #FFF;
	left: 7px;
	top: 1px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-bottom-color: rgba(0, 0, 0, 0);
	border-left-color: rgba(0, 0, 0, 0);
}

.jquery-comments .textarea-wrapper .close {
	cursor: pointer;
	width: 1em;
	height: 1em;
	right: 0;
	z-index: 10;
	position: absolute;
	border: .5em solid rgba(0,0,0,0);
	box-sizing: content-box;
	font-size: inherit;
	opacity: 0.5;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.jquery-comments .textarea-wrapper .close:hover {
	opacity: 1;
}

.jquery-comments:not(.mobile) .scrollable .textarea-wrapper .close {
	margin-right: 15px;	/* Because of scrollbar */
}

.jquery-comments .textarea-wrapper .close span {
	background: #999;
	width: 25%;
	left: 37.5%;
	height: 100%;
	position: absolute;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.jquery-comments .textarea-wrapper .close .right {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.jquery-comments .textarea-wrapper .textarea {
	margin: 0;
	outline: 0;
	overflow-y: auto;
	cursor: text;

	border: 1px solid #CCC;;
	background: #FFF;
	font-size: 1em;
	line-height: 1.45em;
	padding: .25em .8em;
	padding-right: 2em;
}

.jquery-comments:not(.mobile) .scrollable .textarea-wrapper .textarea {
	padding-right: calc(2em + 15px);	/* Because of scrollbar */
}

.jquery-comments .textarea-wrapper .control-row > span {
	float: right;

	color: #FFF;
	padding: 0 1em;
	font-size: 1em;
	line-height: 1.6em;
	margin-top: .4em;
	border: 1px solid rgba(0, 0, 0, 0);
	opacity: .5;
}

.jquery-comments .textarea-wrapper .control-row > span:not(:first-child) {
	margin-right: .5em;
}

.jquery-comments .textarea-wrapper .control-row > span.enabled {
	opacity: 1;
	cursor: pointer;
}

.jquery-comments .textarea-wrapper .control-row > span:not(.enabled) {
	pointer-events: none;
}

.jquery-comments .textarea-wrapper .control-row > span.enabled:hover {
	opacity: .9;
}

.jquery-comments .textarea-wrapper .control-row > span.upload {
	position: relative;
	overflow: hidden;
	background-color: #999;
}

.jquery-comments .textarea-wrapper .control-row > span.upload input {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	height: 100%;
}

.jquery-comments ul.navigation {
	clear: both;

	color: #CCC;
	border-bottom: 2px solid #CCC;
	line-height: 2em;
	font-size: 1em;
	margin-bottom: 0.5em;
}

.jquery-comments ul.navigation .navigation-wrapper {
	position: relative;
}

.jquery-comments ul.navigation li {
	display: inline-block;
	position: relative;
	padding: 0 1em;
	cursor: pointer;
	font-weight: bold;
	text-align: center;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.jquery-comments ul.navigation li.active,
.jquery-comments ul.navigation li:hover {
	color: #000;
}

.jquery-comments ul.navigation li.active:after {
	content: " ";
	display: block;
	right: 0;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: -2px;
	left: 0;
}

.jquery-comments ul.navigation li[data-sort-key="attachments"] {
	float: right;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive {
	display: none;
}

@media screen and (max-width: 600px) {
	.jquery-comments ul.navigation .navigation-wrapper {
		display: none;
	}
	.jquery-comments ul.navigation .navigation-wrapper.responsive {
		display: inline;
	}
}

.jquery-comments.responsive ul.navigation .navigation-wrapper {
	display: none;
}
.jquery-comments.responsive ul.navigation .navigation-wrapper.responsive {
	display: inline;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive li.title {
	padding: 0 1.5em;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive li.title header:after {
    display: inline-block;
    content: "";
    border-left: 0.3em solid rgba(0, 0, 0, 0) !important;
    border-right: 0.3em solid rgba(0, 0, 0, 0) !important;
    border-top: 0.4em solid #CCC;
    margin-left: 0.5em;
    position: relative;
    top: -0.1em;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive li.title.active header:after,
.jquery-comments ul.navigation .navigation-wrapper.responsive li.title:hover header:after {
	border-top-color: #000;
}

.jquery-comments ul.dropdown {
	display: none;
	position: absolute;
	background: #FFF;
	z-index: 99;
	line-height: 1.2em;

	border: 1px solid #CCC;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.jquery-comments ul.dropdown.autocomplete {
	margin-top: 0.25em;
}

.jquery-comments ul.dropdown li {
	display: block;
	white-space: nowrap;
	clear: both;
	padding: 0.5em 1em;
	font-weight: normal;
	cursor: pointer;
}

.jquery-comments ul.dropdown li.active {
	background: #EEE;
}

.jquery-comments ul.dropdown li a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.jquery-comments ul.dropdown li .profile-picture {
	float: left;
	width: 2.4em;
	height: 2.4em;
	margin-right: 0.5em;
}

.jquery-comments ul.dropdown li .details {
	display: inline-block;
}

.jquery-comments ul.dropdown li .name {
	font-weight: bold;
}

.jquery-comments ul.dropdown li .email {
	color: #AAA;
	font-size: 0.95em;
	margin-top: 0.1em;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown {
	left: 0;
	width: 100%;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li {
	color: #000;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li.active {
	color: #FFF;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li:hover:not(.active) {
	background: #F5F5F5;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li:after {
	display: none;
}

.jquery-comments .no-data {
	display: none;
	margin: 1em;
	text-align: center;
	font-size: 1.5em;
	color: #CCC;
}

.jquery-comments ul.mainClass:empty ~ .no-comments {
	display: inherit;
}

.jquery-comments ul#attachment-list:empty ~ .no-attachments {
	display: inherit;
}

.jquery-comments ul.mainClass li.comment {
	clear: both;
}

.jquery-comments ul.mainClass li.comment .comment-wrapper,
.jquery-comments ul.mainClass li.toggle-all,
.jquery-comments ul.mainClass li.comment .commenting-field {
	padding: .5em;
}

.jquery-comments ul.mainClass li.comment .comment-wrapper {
	border-top: 1px solid #DDD;
	overflow: hidden;
}

.jquery-comments ul.mainClass > li.comment:first-child > .comment-wrapper {
	border-top: none;
}

.jquery-comments ul.mainClass li.comment .comment-wrapper > .profile-picture {
	margin-right: 1rem;
}

.jquery-comments ul.mainClass li.comment time {
	float: right;
	line-height: 1.4em;
	margin-left: .5em;
	font-size: 0.8em;
	color: #666;
}

.jquery-comments ul.mainClass li.comment .name {
	line-height: 1.4em;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jquery-comments ul.mainClass li.comment .name a {
	color: inherit;
}

.jquery-comments ul.mainClass li.comment .name .reply-to {
	color: #999;
	font-size: .8em;
	font-weight: normal;
	vertical-align: top;
}

.jquery-comments ul.mainClass li.comment .name .reply-to i {
	margin-left: .5em;
	margin-right: .25em;
}

.jquery-comments ul.mainClass li.comment .wrapper{
	line-height: 1.3em;
	overflow: hidden;
}

.jquery-comments.mobile ul.mainClass li.comment .child-comments li.comment .wrapper{
	overflow: visible;
}


/* Content */
.jquery-comments ul.mainClass li.comment .wrapper .content {
	white-space: pre-line;
	word-break: break-word;
}

.jquery-comments ul.mainClass li.comment .wrapper .content a.attachment i {
	margin-right: 0.5em;
}

.jquery-comments ul.mainClass li.comment .wrapper .content a.attachment > * {
	max-width: 100%;
	max-height: 200px;
	width: auto;
	height: auto;
	margin-top: .25em;
	margin-bottom: .25em;
}

.jquery-comments ul.mainClass li.comment .wrapper .content time.edited {
	float: inherit;
	margin: 0;
	font-size: .9em;
	font-style: italic;
	color: #999;
}

.jquery-comments ul.mainClass li.comment .wrapper .content time.edited:before {
	content: " - ";
}


/* Actions */
.jquery-comments.mobile ul.mainClass li.comment .actions {
	font-size: 1em;
}

.jquery-comments ul.mainClass li.comment .actions > * {
	color: #999;
	font-weight: bold;
}

.jquery-comments ul.mainClass li.comment .actions .action {
	display: inline-block;
	cursor: pointer;
	margin-left: 1em;
	margin-right: 1em;
	line-height: 1.5em;
	font-size: 0.9em;
}

.jquery-comments ul.mainClass li.comment .actions .action:first-child {
	margin-left: 0;
}

.jquery-comments ul.mainClass li.comment .actions .action.upvote {
	cursor: inherit;
}

.jquery-comments ul.mainClass li.comment .actions .action.upvote .upvote-count {
	margin-right: .5em;
}

.jquery-comments ul.mainClass li.comment .actions .action.upvote .upvote-count:empty {
	display: none;
}

.jquery-comments ul.mainClass li.comment .actions .action.upvote i {
	cursor: pointer;
}

.jquery-comments ul.mainClass li.comment .actions .action:not(.upvote):hover,
.jquery-comments ul.mainClass li.comment .actions .action.upvote:not(.highlight-font) i:hover {
	color: #666;
}

.jquery-comments ul.mainClass li.comment .actions .action.delete {
	opacity: 0.5;
	pointer-events: none;
}

.jquery-comments ul.mainClass li.comment .actions .action.delete.enabled {
	opacity: 1;
	pointer-events: auto;
}

.jquery-comments ul#attachment-list li.comment .actions .action:not(.delete) {
	display: none;
}

.jquery-comments ul#attachment-list li.comment .actions .action.delete {
	margin: 0;
}

.jquery-comments ul#attachment-list li.comment .actions .separator {
	display: none;
}


/* Child comments */
.jquery-comments ul.mainClass li.comment .child-comments > *:before { /* Margin for second level content */
	content: "";
	height: 1px;
	float: left;

	width: calc(3.6em + .5em);	/* Profile picture width plus margin */
	max-width: calc(50px + .5em);	/* Profile picture max width plus margin */
}

.jquery-comments ul.mainClass li.comment .child-comments .profile-picture {
	width: 2.4rem;
	height: 2.4rem;
}

.jquery-comments ul.mainClass li.comment .child-comments i.profile-picture {
	font-size: 1.4em;
}

.jquery-comments ul.mainClass li.comment .child-comments li.toggle-all {
	padding-top: 0;
}

.jquery-comments ul.mainClass li.comment .child-comments li.toggle-all span:first-child {
	vertical-align: middle;
}

.jquery-comments ul.mainClass li.comment .child-comments li.toggle-all span:first-child:hover {
	cursor: pointer;
	text-decoration: underline;
}

.jquery-comments ul.mainClass li.comment .child-comments li.toggle-all .caret {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;

	margin-left: .5em;
	border: .3em solid;
	margin-top: .35em;

	border-left-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
}

.jquery-comments ul.mainClass li.comment .child-comments li.toggle-all .caret.up {
	border-top-color: rgba(0, 0, 0, 0);
	border-bottom-color: inherit;
	margin-top: -.2em;
}

.jquery-comments ul.mainClass li.comment .child-comments .hidden-reply {
	display: none;
}

.jquery-comments ul.mainClass li.comment .child-comments .visible {
	display: inherit;
}

/* Editing comment */
.jquery-comments ul.mainClass li.comment.edit > .comment-wrapper > *:not(.commenting-field) {
	display: none;
}

.jquery-comments ul.mainClass li.comment.edit > .comment-wrapper .commenting-field {
	padding: 0 !important;	/* Parent element has the padding */
}

/* Drag & drop attachments */
.jquery-comments.drag-ongoing {
	overflow-y: hidden !important;
}

.jquery-comments .droppable-overlay {
	display: table;
	position: fixed;
	z-index: 99;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3)
}

.jquery-comments .droppable-overlay .droppable-container {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.jquery-comments .droppable-overlay .droppable-container .droppable {
	background: #FFF;
	color: #CCC;
	padding: 6em;
}

.jquery-comments .droppable-overlay .droppable-container .droppable.drag-over {
	color: #999;
}

.jquery-comments .droppable-overlay .droppable-container .droppable i {
	margin-bottom: 5px;
}

/* Read-only mode */
.jquery-comments.read-only .commenting-field {
	display: none;
}
.jquery-comments.read-only .actions {
	display: none;
}