@import url('/fonts/font-Inter.css');

@font-face {
    font-family: 'Asana-Math';
    src: url('/fonts/Asana-Math.otf') format('opentype');
}

* {
    box-sizing: border-box;
}


body {
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #ffffff;
}

header.header {
    /* border-bottom: 1px solid #aaa; */
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 119px;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1vw;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

a.dc2input.profileLink.login {
    top: 0.2rem;
}

.hc-offcanvas-nav {
    z-index: 1;
}

/* top navigation */
img.logo {
    padding-top: .5rem;
    margin-left: 0;
    height: 36px;
}

.titleBlock {
    flex-basis: max(calc((100vw - 1200px) / 2), 220px);
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
}

.titleBlock .title img {
    width: auto;
    height: 88px;
}

.navBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #eee;
    margin-left: 0;
    margin-right: auto;
    transition: .3s ease all;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
}

.navBlock:hover {
    /* border-bottom:1px solid #aaa; */
}

a.dc2input.profileLink.pageSet {
    padding: 1rem;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
    flex-basis: calc(100% - 84px);
    justify-content: space-around;
}

.nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.sidemenu-iconblock {
    /* z-index: 10000; */
    top: 156px;
    position: fixed;
    left: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    height: calc(100% - 11rem);
    max-height: 550px;
    justify-content: space-around;
}

.sidemenu-iconblock__item {
    margin: 0;
}

.sidemenu-iconblock__item:nth-child(3) {
    margin-bottom: 4rem;
}

.sidemenu-iconblock .sidemenu-iconblock__item a {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(235deg) brightness(107%) contrast(107%);
}

.pageNav .prevPage:hover img.pageSet,
.pageNav .nextPage:hover img.pageSet,
.sidemenu-iconblock .sidemenu-iconblock__item a:hover,
.sidemenu-iconblock .sidemenu-iconblock__item a:active {
    filter: brightness(0) saturate(100%) invert(45%) sepia(30%) saturate(6568%) hue-rotate(343deg) brightness(97%) contrast(90%);
}

.sidemenu-iconblock .sidemenu-iconblock__item.pageNav a,
.sidemenu-iconblock .sidemenu-iconblock__item.pageNav a:hover,
.sidemenu-iconblock .sidemenu-iconblock__item.pageNav a:active {
    filter: unset;
}


.navbar-nav .nav-link {
    font-size: 16px;
    font-family: Inter, sans-serif;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    display: block;
    color: #000000;
}

.nav-item.dropdown {
    flex-basis: 100%;
    justify-content: space-evenly;
    align-items: center;
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

.nav-link.dropdown-toggle {
    white-space: nowrap;
    cursor: pointer;
}

.dropdown-toggle {
    display: none;
}

.dropdown-toggle:checked~.dropdown-menu {
    display: block;
}

.dropdown-menu.show, .open>.dropdown-menu {
    display: block;
    opacity: 1;
    transform: scale(1);
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .125rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.dropdown-menu .dropdown-item {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-width: 7rem;
    max-width: 17.5rem;
    min-height: 3rem;
    padding: .8rem 1.5rem;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.profileLinks {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    padding: 0.4rem;
    z-index: 1000;
    min-width: 250px;
    transition: 0.5s;
    flex-basis: calc(100vw - max(calc((100vw - 1200px) / 2), 460px) - 1200px);
    justify-content: flex-end;
    align-content: flex-end;
}



.dc2input.profileLink {
    padding: 0;
    border-radius: 1rem;
    border: 0;
    margin: 0;
    color: #303031;
    position: relative;
    background: transparent;
    display: inline-flex;
    align-items: center;
}


a.dc2input.profileLink.profile:before {
    content: '';
    width: 29px;
    height: 100%;
    background-image: url(/i/profileOrange.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: -1.5rem;
    cursor: pointer;
}

.dc2input.profileLink.disabled,
.dc2input.profileLink.disabled img.pageSet,
.dc2input.profileLink.disabled:hover {
    background: transparent;
    color: #303031;
    cursor: default;
    opacity: 0;
    display: none !important;
}


.dc2input.profileLink:hover {
    background: transparent;
    color: #303031;
}

.dc2input.profileLink .logoutIcon {
    height: 32px;
    display: inline-block;
}

/* top block */

.dc2input.search,
.dc2input.search:hover {
    border: none;
    background: no-repeat;
    text-align: center;
}

.pageNav {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 6.5rem;
    align-content: center;
    background: #ffffff;
    justify-content: space-between;
}

.pageNav .prevPage, .pageNav .nextPage, .pageNav .pageSet {
    font-size: 1rem;
    line-height: 0;
    display: none;
}

.dc2input.profileLink.prevPage:focus,
.dc2input.profileLink.nextPage:focus {
    outline: none;
}

img.pageSet {
    width: 44px;
    cursor: pointer;
}

a.dc2input.profileLink.login:before {
    content: '';
    width: 29px;
    height: 100%;
    background-image: url(/i/profile.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: -1.5rem;
    cursor: pointer;
}

/* aside block */

.search {
    background-color: #f7f7f6;
}


input#search {
    background: #ffffff;
    border: 1.7px solid #686969;
    box-shadow: none;
    border-radius: .2rem;
    min-width: 100px;
}


.bookAside {
    top: 5rem;
    overflow-x: hidden;
    max-height: calc(100vh - 5rem);
    left: 0;
    position: fixed;
    width: calc(max(460px, (100vw - 1200px) / 2));
    /*max-width: 460px;*/
    padding: 0 1rem;
    margin: 0;
    background-color: #f7f7f600;
}

.search .bookSearchInput {
    width: calc(100% - 64px);
}

.nav.breadkrumbs,
.bookPage {
    max-width: calc(min(1200px, 100vw - 360px));
    margin-top: 0;
    padding: 0 5rem 0 1rem;
    /* margin-right: calc( min(0px, ((100vw - 1500px) / 2 ))); */

    margin-bottom: 0;
    margin-left: calc(50px + max(360px, ((100vw - 1200px) / 2)));
}

.nav.breadkrumbs span[itemprop="itemListElement"]:last-child {
    color: #a2a1a6;
}

.nav.breadkrumbs {
    padding-top: 1rem;
    color: #a2a1a6;
    margin-bottom: 3rem;
}


.noBreadcrumbs .nav.breadkrumbs {
    display: none;
}

/* auth modal */
#dc2logoutLink,
#dc2loginLink,
#dc2lkLink {
    cursor: pointer;
}

#dc2logoutLink,
#dc2loginLink,
#dc2lkLink {
    display: flex;
    align-items: center;
}

#dc2logoutLink {}

.dc2formSwitch.dc2flex {
    margin: 2rem 0;
}

.ui-dialog .authDialog.ui-dialog-content {
    padding: .5em 10px;
    left: 4px;
    color: #000000;
    font-family: Inter, sans-serif;
    font-size: 24px;
    line-height: 100%;
    background: #ffffff;
    /* margin-bottom: 2rem; */
}

.DC2FormsDataColumn .dc2input[type="checkbox"],
.authDialog .DC2FormsDataColumn:hover .dc2input[type="checkbox"] {
    margin: 0 .5rem 0 3px;
}

input.dc2input[type="radio"], input.dc2input[type="radio"]:hover, input.dc2input[type="checkbox"], input.dc2input[type="checkbox"]:hover {
    transform: unset;
    margin: 0 .5rem 0 3px;
    padding: unset;
    height: auto;
}

.authDialog label.dc2input, .authDialog label.dc2input:hover {
    display: inline;
}

label.dc2input, label.dc2input:hover {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 1rem;
    margin-top: 0.6rem;
    white-space: nowrap;
    font-size: 20px;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    border-radius: unset;
    border: 0;
    margin: 0 0 3rem 0;
    border-bottom: unset;
    background: #ffffff;
}

.dc2authDialog .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    margin: 0;
}

.ui-widget.ui-widget-content {
    border: 1px solid transparent;
    background: #ffffff;
    padding: 1rem 1rem;
}

.ui-widget.ui-widget-content.dc2authDialog {
    z-index: 10000;
}

.authDialog .dc2formSelect {
    padding: 0 44px 1rem 0;
    cursor: pointer;
    font-family: Inter, serif;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: solid underline 1px;
    text-underline-offset: 4px;
    color: #888;
}

.authDialog>p {
    font-size: 30px;
}

.authDialog span {
    font-size: 20px;
}

.authDialog .DC2FormsLabelColumn p {
    font-size: 20px;
    display: block;
    margin: 0 0 1rem;
    padding-left: 3px;
}

.authDialog .DC2FormsLabelColumn label {
    display: none;
}

.authDialog .clearfix {
    display: flex;
    flex-direction: column;
}

.authDialog input.dc2input[type='text'], .authDialog input.dc2input[type='password'], .authDialog textarea.dc2input {
    margin-left: 0;
    padding-left: 16px;
    font-size: 20px;
    min-height: 44px;
    margin-bottom: 1rem;
}

.dc2Profile input#docScan::-webkit-file-upload-button,
.authDialog input#docScan::-webkit-file-upload-button {
    background: transparent;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 20px;
    margin-right: 2rem;
    cursor: pointer;
}

.dc2Profile input#docScan,
.authDialog input#docScan {
    border: 0;
    padding: 0;
    font-size: 20px;
    color: #575757;
}

.authDialog input.dc2input[type="button"] {
    margin-left: auto;
    margin-right: 8px;
    margin-bottom: 1rem;
    font-size: 16px;
    margin-top: 2rem;
    border-radius: 8px;
    padding: unset;
    min-width: 212px;
    min-height: 56px;
    color: #ffffff;
    background: #4CA882;
}

.authDialog input#dc2doForgot,
.authDialog input#dc2doRemember {
    margin-left: 0;
    border: 0;
    min-width: unset;
    padding-left: 0;
    text-decoration-line: underline;
    color: #EB5333;
    background: transparent;
}

.authDialog input.dc2input[type="button"]:hover {
    color: #ffffff;
    background: #A2A1A6;
}

.authDialog input.dc2input[type="button"]:focus {
    color: white;
    background-color: #A2A1A6;
}


.authDialog .dc2formSelect.active {
    color: #000000;
    text-decoration: solid underline 1px;
    text-underline-offset: 4px;
}

.authDialog .DC2FormsLabelColumn {
    width: 100%;
    margin-left: 0;
    padding: 0;
}

.authDialog .DC2FormsDataColumn {
    width: 100%;
    padding: 2px;
    justify-content: flex-start;
}

.dc2Profile .DC2FormsDataColumn input.dc2input[type="file"],
.authDialog .DC2FormsDataColumn input.dc2input[type="file"] {
    margin: 3px 7px 3px 0;
    height: unset;
    width: 100%;
    background: transparent;
}

.dc2Profile .DC2FormsDataColumn input.dc2input[type="file"]:hover,
.authDialog .DC2FormsDataColumn input.dc2input[type="file"]:hover {
    color: #000000;
}


.authDialog .dc2error {
    padding: 16px;
    font-size: 20px;
    background-color: #F0B0A2;
    border-radius: 8px;
    border: 0;
    margin: 0;
}

.authDialog .dc2error ul {
    padding: 0;
    list-style-type: none;
}

.authDialog .dc2error li {
    padding-top: 0.5rem;
    font-size: 20px;
    line-height: 1.3;
    color: black;
}

.dc2ok, .dc2info, .dc2warning, .dc2error {
    padding: 16px;
    font-size: 20px;
    border-radius: 8px;
    width: calc(100% - 8px);
    border: 2px solid #F0B0A2;
    margin: 0 0 2rem;
}

.dc2warning {
    border: 2px solid #F0B0A2;
    font-style: normal;
}

.dc2info {
    border: 2px solid #61A1DD;
    font-style: normal;
}

.dc2error {
    background-color: #F0B0A2;
    font-style: normal;
}

.bookPage {
    min-height: calc(100vh - 8rem);
}

.canva {
    margin-top: 6rem;
    min-height: calc(100vh - 53px - 9rem);
}

.text {
    line-height: 1.3em;
    font-variant-numeric: lining-nums;
}

.canva h1, .canva h1 a {
    margin-left: 2rem;
    /* font-family: 'Alice', serif; */
    font-size: 240%;
}

.canva h1 sup {
    line-height: initial;
    position: initial;
}

.text h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 170%;
    line-height: 1.5em;
    text-align: left;
    font-weight: 400;
}

.text h3 {
    font-size: 140%;
    line-height: 1.5em;
    text-align: left;
    font-weight: 400;
}

.text h4 {
    font-size: 110%;
    line-height: 1.5em;
    text-align: left;
    font-weight: 400;
}

.text h5 {
    font-size: 105%;
    line-height: 1.5em;
    text-align: left;
    font-weight: 400;
}

.text h6 {
    font-size: 100%;
    line-height: 1.5em;
    text-align: left;
    font-weight: 400;
}

.text p {
    margin: .7rem 0;
    position: relative;
}

.text pre {
    /*font-family: monospace;*/
    line-height: 1.1;
    font-size: 0.85em;
    overflow-y: hidden;
}

.text ul,
.text ol {
    margin: .5rem 0 .5rem 3.5rem;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.text ul li,
.text ol li {
    text-align: left;
    margin: 0 0 0 1.5rem;
    position: relative;
}

ol.footnote li.footnote {
    margin-left: 1rem !important;
}

::marker {
    font-variant-numeric: lining-nums;
}

.text blockquote {
    background-color: #EBEBEA;
    font-style: italic;
    margin: 0;
    padding: 1rem 1rem 3rem 1.5rem;
}

.text blockquote>h2 {
    margin: 0;
}

.text ul li h2,
.text ol li h2 {
    margin: 0;
}

/*.text section.subParts {
    margin-top: 5rem;
    padding-top: 3rem;
    border-top: 1px solid #303031;
}*/

.text .CategoryListContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.text>.CategoryListContainer.subParts {
    margin-left: 0;
}

.CategoryListContainer.subParts {
    margin-top: 1rem;
    margin-left: 2rem;
    padding-bottom: 1rem;
}




/* ховер для показа текста закладок*/
.text p[data-title]:not([data-title=""])::after, .text li[data-title]:not([data-title=""])::after {
    transition: all .5s ease-out;
    height: 0;
    content: attr(data-title);
    width: 75%;
    line-height: 1;
    overflow: hidden;
    font-size: 90%;
    display: block;
    position: absolute;
    top: calc(100% - 3px);
    text-indent: 0;
    left: 0;
    z-index: 10;
}

.text p[data-title]:not([data-title=""]):hover::after, .text li[data-title]:not([data-title=""]):hover::after {
    border: 1px solid #aaa;
    padding: 1rem;
    color: #303031;
    font-size: 90%;
    font-style: italic;
    background-color: #EBEBEA;
    border-radius: 0 0 .2rem .2rem;
    margin-top: 2px;
    margin-left: 0;
    pointer-events: none;
    height: auto;
}

li[role="doc-endnote"] {
    line-height: 1.2;
}

img#bookSearch {
    width: 30px;
    margin-left: 0.7rem;
    vertical-align: middle;
}


/* маркер для закладок */
.text p[data-title]:not([data-title=""])::before,
.text li[data-title]:not([data-title=""])::before {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 0.5rem;
    height: 0.5rem;
    background: #000;
    border-radius: 7px;
    content: '';
}


.text table {
    max-width: 100% !important;
    overflow: auto;
    display: block;
    max-height: 70vh !important;
    width: max-content;
    margin: 1rem auto;
    border-collapse: collapse;
}

.text table>thead,
.text table>tbody {
    /* max-width: 100% !important; */
    overflow-x: auto;
    /* display: block; */
    overflow-y: auto;
    max-height: 70vh !important;
    /* margin: 0 auto;*/
}

.odd,
.even {
    background-color: unset;
}



.quote,
.lyrdig {
    margin-left: 10%;
    padding: .5rem 1rem;
    background-color: #dae3f4;
}

.text table td,
.text table th {
    border: 1px solid #444;
    padding: .5rem 1rem;
}

td .math.display,
th .math.display {
    max-width: unset;
}

p.subtitle {
    font-size: 80%;
    padding: 0 10% !important;
    text-align: right;
}


/* footnotes */
.footnotelink, .footnote-ref {
    padding: .2rem;
    text-decoration-line: none;
    color: #E8541D !important;
}

hr.footnotes {
    width: 33%;
    text-align: left;
    margin-left: 0;
    margin-top: 3rem;
}

.footnotes {
    text-align: left;
    margin-left: 0;
    margin-top: 3rem;
}

.footnotes ol,
.footnotes li {
    margin: 1rem 0 0 1.5% !important;
}

.footnote,
.footnotes p {
    text-indent: 0 !important;
    font-variant-numeric: lining-nums;
    font-size: 75%;
    margin: 0 !important;
    line-height: 1.5;
}

.footnotes li::marker {
    font-size: 75%;
}

.footnotes li::marker,
.footnote::marker {
    font-variant-numeric: lining-nums;
}

.footnotes .footnote-back {
    padding: 0 .3rem;
}

span.footnoteText br {
    display: none;
}

.footnote .footnoteAnk {}

.footnote .footnoteText {}


@media all and (-webkit-min-device-pixel-ratio: 0) {

    /* Ваши стили для Safari 
    sup {
        position: relative;
        top: -0.5em;
    }
    sup {
        vertical-align: super;
        font-size: smaller;
    }

*/
    .footnotes li::before,
    .footnotes::before {
        content: counter('footnote');
        font-size: 75%;
        text-indent: 0 !important;
        font-variant-numeric: lining-nums;
        font-size: 75%;
        margin: 0 !important;
    }


}


.breadkrumbs {
    margin-top: 3rem;
    padding: 1rem 0;
}

p.gratitude {
    background-color: #EBEBEA;
    margin: 0;
    padding: 2rem !important;
}

span[itemprop="itemListElement"] {
    margin: 0 .5rem;
}

span[itemprop="itemListElement"]:first-child {
    margin-left: 0;
}

span[itemprop="itemListElement"]:last-child {
    margin-right: 0;
    font-size: 90%;
    color: #303031;
}

.footer {
    padding: 0;
    display: flex;
    flex-direction: row;
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.footer>p:first-child {
    flex-basis: 70%;
    max-width: 70%;
    margin-right: auto;
}

.footer>p:last-child {
    margin-left: auto;
    margin-right: 0;
}

footer>div .w33 {
    width: calc(33.33% - 5em);
    flex-basis: calc(33.33% - 5em);
    margin: 1rem 0;
}

/* UMM Style */
a.dc2tagLink {
    margin-right: 1rem !important;
}

a.dc2tagLink, a.dc2tagLink:hover {
    margin: 0;
}


/*Menu style*/
.hc-offcanvas-nav, .w2ui-popup {}

.hc-offcanvas-nav .nav-container {
    position: fixed !important;
    left: 0 !important;
    top: 96px !important;
    /* border: 1px solid crimson; */
    width: calc(max(410px, min(460px, ((100vw - 1200px) / 2)))) !important;
    height: calc(100vh - 97px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background-color: white !important;
    color: black !important;
    transition: transform 0s ease;
    /*padding-left: 80px; */
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
    transition: visibility 0s ease 0s, opacity 0s ease
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
    transition-delay: 0s;
}



.nav-container * {
    background-color: #f7f7f7 !important;
    color: black !important;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a {
    color: #E8541D !important;
}

.hc-offcanvas-nav .nav-highlight>.nav-item-wrapper>a {
    color: #E8541D !important;
}


.hc-offcanvas-nav a {
    color: white;
    /*    font-size: 1.1rem; */
}

.level-title {
    color: white !important;
    /*    font-size: 115% !important; */
}

.hc-nav-trigger span {
    content: url(/i/bookIcon.svg);
    width: 32px;
    padding: 0;
    height: 32px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.search img {
    width: 30px;
    height: 30px;
}


.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    padding: 7px 10px;
    font-size: 100%;
}

.hc-nav-trigger {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-right: 0;
    margin-left: auto;
    padding: 0;
    text-align: center;
    align-self: normal;
    top: 0;
    width: auto;
}

.hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav li:not(.custom-content) a:hover {
    margin-left: 3rem;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: #303031;
    /* width: calc(max(460px, (100vw - 1200px) / 2 )); */
    /* max-width: 460px; */
}

.nav-content {
    overscroll-behavior: contain;
}

/*
.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: #303031;
    border-top: 1px solid #303031;
    border-bottom: 1px solid #303031;
}
*/

.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    border-bottom: unset;
}

a.nav-close-button.has-label {
    position: fixed;
}

.hc-offcanvas-nav a.nav-next {
    border: none;
}

.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    /* border-bottom: 1px solid #303031; */
}

.hc-offcanvas-nav .nav-parent .nav-next {
    left: -2.5rem;
}

a[aria-expanded="true"]>.nav-next {
    transform: rotate(360deg);
    transition: all .2s;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a {
    border-bottom: 0;
    color: #E8541D;
    display: inline-block;
}


.hc-offcanvas-nav .nav-next span {
    width: 35px;
    display: inline-block;
    height: 100%;
    position: relative;
}

.hc-offcanvas-nav .nav-item-wrapper {
    border-bottom: 0;
}

.hc-offcanvas-nav .nav-highlight,
.hc-offcanvas-nav.nav-levels-expand li.level-open,
.hc-offcanvas-nav.nav-levels-none li.level-open,
a[data-nav-active] {
    background: transparent;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a {
    border-top: 0;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
    border-top: 0;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover {
    background: transparent;
}

.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
    background: transparent;
}

.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    transform: unset;
    top: unset;
}

.hc-nav-trigger span {
    /* width: 30px; */
    top: unset;
    transform: unset;
    transform-origin: unset;
}

.hc-nav-trigger span {
    /*
	top: .3rem;
    margin-left: 0.1rem;
*/
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover {
    background: transparent;
}

.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover {
    background: #E8541D;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
    background: transparent;
}

.noBookmark .bookmarks,
.rootPage .bookmarks {
    display: none;
}

.bookmarks>p {
    opacity: 0;
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child),
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
    border: 0;
}

.hc-offcanvas-nav .nav-close-button span::before {
    margin-left: -20px;
}

.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
    content: '';
    position: absolute;
    top: 37%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    border-top: 2px solid #000;
    /* #fff */
    border-left: 2px solid #000;
    /* #fff */
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: unset;
    /* #2f649a; */
    border-top: unset;
    /* 1px solid #2b5a8b; */
    border-bottom: unset;
    /* 1px solid #2b5a8b; */
}

.hc-offcanvas-nav .nav-close-button span {
    bottom: unset;
}

.hc-offcanvas-nav .nav-content>.nav-close {
    position: absolute;
    z-index: 2;
    right: 30px;
    top: 1rem;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: all;
    padding-top: 10px;
}

.nav-close-button {
    margin-left: 10px;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
    padding: 5rem 0;
}


.hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
    content: '';
    background-image: url(/i/menuIconB.svg);
    background-size: auto 16px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px;
    width: 10px;
    position: absolute;
    font-size: 1.5rem;
    font-weight: bold;
    top: -5px;
    left: 73%;
    margin-left: -10px;
    box-sizing: border-box;
    border-top: 0;
    border-left: 0;
    transform-origin: center;
    transition: all .2s;
    margin-top: 21px;
    transform: translate(-50%, -50%) rotate(0deg);
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before, .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before {
    margin-top: 20px;
    transform: translate(-50%, -50%) rotate(90deg);
    background-image: url(/i/menuIconActive.svg);
    background-size: 17px auto;
}

a.hc-nav-trigger {
    transition: all .2s;
}

a.hc-nav-trigger.toggle-open {
    /* opacity: 0; */
}

.dc2close:before, .dc2close:after {
    left: 5px;
    width: 3px;
}


/* system tools */
.ui-widget,
.ui-widget *,
.dc2input,
.userinfo * {}


/* bookmarks */

/*ul.bookmarks {
    list-style: none;
    padding: 1rem .5rem 0 0;
    overflow: hidden;
}

ul.bookmarks li + li {
	margin-top: 1rem;
}

ul.bookmarks li {
    padding: 0 1rem;
    border-left: .5rem solid transparent;
}
ul.bookmarks a {
    font-size: 1.3rem;
    color: #E8541D;
}*/

.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBorange:before,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBgreen:before,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBviolet:before {
    position: absolute;
    left: -25px;
    top: 7px;
    width: .8rem;
    height: .8rem;
    background: #E8541D;
    border-radius: 10px;
    content: '';
}


ul.bookmarks li a {
    text-decoration: none;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.userBookmarks {}

div.userBookmark {
    margin-bottom: 2rem;
}

.userBookmarkSource {
    margin-bottom: 1rem;
}

.userBookmarksBook a {
    font-size: 2rem;
    color: #303031 !important;
}

div.userBookmarksChap {
    padding-left: 2rem;
}

.userBookmarksChap>a {
    color: #E8541D !important;
    font-weight: normal !important;
}

div.userBookmarksPara {
    padding-left: 2rem;
}

h5.userBookmarksPara a {
    color: #E8541D !important;
    font-weight: normal !important;
}

.userBookmarkSource {}

.userBookmarkNote>a {}

.userBookmark a>img {
    position: absolute;
    right: 0.1rem;
    bottom: 0.3rem;
}


.bookAside .links a {
    position: relative;
    color: #303031 !important;
    display: block;
    text-decoration-line: none;
    font-size: 1rem;
    text-align: center;
    padding: .6rem 2rem;
    margin-bottom: .6rem;
    background: #ffffff;
    border: 1.7px solid #686969;
    cursor: pointer;
    border-radius: .3rem;
}




a.infoLink.active {
    color: #FFFFFF !important;
    background-color: #E8541D !important;
    border: 1.7px solid transparent;
}

.bookAside .links a:hover {
    border: 1.7px solid #303031;
}

ul.bookmarks {
    left: 2rem;
    position: fixed;
    max-width: calc(25% - 4rem);
    top: 8.8rem;
}

.bookmarks .dc2bookmarkLBorange,
.bookmarks .dc2bookmarkLBgreen,
.bookmarks .dc2bookmarkLBviolet {
    padding-left: 1rem;
    margin-top: 1rem;
    position: relative;
}

.bookmarks .dc2bookmarkLBorange::marker,
.bookmarks .dc2bookmarkLBgreen::marker,
.bookmarks .dc2bookmarkLBviolet::marker {
    content: ' ';
}

.userBookmark.dc2bookmarkLBorange:before,
.userBookmark.dc2bookmarkLBgreen:before,
.userBookmark.dc2bookmarkLBviolet:before {
    content: '';
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    position: absolute;
    left: -2rem;
    top: .4rem;
}

.userBookmark.dc2bookmarkLBorange:before {
    background-color: #E8541D !important;
}

.userBookmark.dc2bookmarkLBgreen:before {
    background-color: #36bfa8 !important;
}

.userBookmark.dc2bookmarkLBviolet:before {
    background-color: #7164CC !important;
}

.dc2bookmark {
    border-radius: 0;
    padding: 10px;
}

.bookmarks .dc2bookmarkLBorange a {
    color: #E8541D;
}

.bookmarks .dc2bookmarkLBorange a:before {
    background: #E8541D;
}

.bookmarks .dc2bookmarkLBgreen a {
    color: #36bfa8;
}

.bookmarks .dc2bookmarkLBgreen a:before {
    background: #36bfa8;
}

.bookmarks .dc2bookmarkLBviolet a {
    color: #7164CC;
}

.bookmarks .dc2bookmarkLBviolet a:before {
    background: #7164CC;
}

.dc2bookmark.dc2bookmarkorange:hover {
    background-color: #F6C2ACFF !important;
}

.dc2bookmark.dc2bookmarkviolet:hover {
    background-color: #D0CCEEFF !important;
}

.dc2bookmark.dc2bookmarkgreen:hover {
    background-color: #B5DCD5FF !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    border: 1px solid #686969;
    border-radius: 4pt;
    padding: 0;
}



.ui-resizable-handle.ui-resizable-n,
.ui-resizable-handle.ui-resizable-e,
.ui-resizable-handle.ui-resizable-s,
.ui-resizable-handle.ui-resizable-w,
.ui-dialog .ui-resizable-se:after {
    display: none !important;
}

/* .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    border-radius: 4pt 4pt 0 0;
    border: 0;
    border-bottom: 1px solid #686969;
    background: #EBEBEA
} */
.dc2bookDownload .ui-dialog-titlebar .ui-dialog-title,
.dc2bookmarkEdit .ui-dialog-titlebar .ui-dialog-title {
    font-weight: 400;
    font-size: 1.5rem;
    position: absolute;
    top: .5rem;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    border: 0;
    background: transparent;
}

.ui-icon-closethick:after {
    content: url("/i/close.svg");
}

form#dc2BookmarkDialog {
    padding: 0;
    border: 1px solid #A2A1A6;
    border-radius: 8px;
    margin: 4rem 1rem 1.2rem;
}

.dc2bookmarkEdit.ui-dialog .ui-dialog-buttonpane {
    border-width: 0;
    padding: 0;
}

form#dc2BookmarkDialog>div {}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    justify-content: flex-end;
    float: unset;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    padding: 0;
}

#dc2BookmarkDialog textarea#note,
#dc2BookmarkDialog textarea#note:focus-visible {
    background: #fff;
    border: 0 !important;
    outline: 0;
    resize: unset;
    min-height: 12rem;
    height: 100% !important;
    width: 99.99% !important;
    padding: 1rem;
}


button.dc2input.ui-button.ui-corner-all.ui-widget,
button.w2ui-btn:active, button.w2ui-btn.clicked,
div#DC2AjaxerNULL {
    background: #EBEBEA;
    border: 0;
}

.ui-dialog.dc2errorReport .ui-dialog-buttonpane {
    padding: 0;
    border-width: 0;
    margin: 0;
}

#reportErrorDialog .dc2flex {
    margin: 1rem 0;
}

button#bookmarkMarker,
button#bookmarkMarker:focus,
button#bookmarkMarker:hover,
button#bookmarkMarker:active {
    background: #fff;
    border: 0;
    border-image-width: 0;
    outline: none;
    margin-right: auto;
}

button#bookmarkMarker div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.dc2bookmarkColorSelector {
    vertical-align: middle;
    transition: .3s all ease;
    border: 1px solid transparent;
}

span#green.active, span#violet.active, span#orange.active {
    border: 1px solid #303031;
}

.dc2bookDownload .dc2bookDownloadActions .dc2input,
.dc2errorReport button.dc2input.ui-button.ui-corner-all.ui-widget,
.dc2alertDialog.ui-dialog .ui-dialog-buttonpane button,
button#bookmarkSave,
button#bookmarkDelete {
    justify-content: center;
    border-radius: 8px;
    border: 2px solid #4ca882;
    color: #000;
    background-color: #fff;
    box-shadow: none;
    min-width: 212px;
    min-height: 56px;
}

.dc2bookDownload .dc2bookDownloadActions .dc2input {
    margin: 0 1rem 1rem 0;
}

.dc2bookDownload .dc2bookDownloadActions .dc2input.getPDF,
.dc2bookDownload .dc2bookDownloadActions .dc2input,
.dc2Profile input[type="button"]#usrProfileUpdate,
.dc2alertDialog.ui-dialog .ui-dialog-buttonpane button,
.dc2errorReport button.dc2input.ui-button.ui-corner-all.ui-widget#saveReport,
button#bookmarkSave {
    background-color: #4ca882;
    color: #fff;
    border: 2px solid #4ca882;
}

.dc2bookmarkEdit button#bookmarkSave {
    order: 2;
}

.dc2bookmarkEdit button#bookmarkDelete {
    order: 1;
}

.ui-widget-content a.dc2goLogin {
    color: #EB5333;
}

.dc2errorReport button.dc2input.ui-button.ui-corner-all.ui-widget, button#bookmarkSave, button#bookmarkDelete {
    margin-right: 1rem;
}

.dc2Profile input[type="button"]#usrProfileDelete,
.dc2errorReport button#cancelReport {
    border: 2px solid #EB5333;
}

.dc2Profile input[type="button"]#usrProfileDelete:hover,
.dc2errorReport button#cancelReport:hover {
    background: #EB5333;
    color: #ffffff;
}

.dc2bookDownload .dc2bookDownloadActions .dc2input:hover,
.dc2Profile input[type="button"]#usrProfileUpdate:hover,
.dc2errorReport button#saveReport:hover,
.dc2errorReport button.dc2input.ui-button.ui-corner-all.ui-widget:hover,
button#bookmarkDelete:hover,
button#bookmarkSave:hover {
    background-color: #348f69 !important;
    color: #ffffff;
    border: 2px solid #348f69;
}

.dc2errorReport {
    font-family: 'Inter', sans-serif;
}

.dc2errorReport textarea.dc2input {
    margin: 1rem 0 0 0;
    padding: 0.4rem 0.6rem;
}

.dc2errorReport .ui-dialog-title {
    position: absolute;
    font-size: 1.5rem;
    font-weight: 400;
}

/*Books style*/

.booksList {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
}

.bookCover {
    width: 33.33%;
    flex-basis: 33.33%;
    padding: .5rem .5rem 0;
    display: inline-block;
}

.booksList .bookCover a {}

.bookPage .CategoryListContainer a {
    font-size: 80%;
}

.bookPage .CategoryListContainer a:hover {
    color: #E8541D;
}

.bookPage .CategoryListContainer .CategoryAnnotation {
    margin: 0;
}

.bookPage .CategoryListContainer .CategoryAnnotation h2,
.bookPage .CategoryListContainer .CategoryAnnotation h3,
.bookPage .CategoryListContainer .CategoryAnnotation h4 {
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0;
}


.CategoryListContainer a {
    text-decoration-line: none;
    font-weight: normal;
    color: #E8541D;
}

.bookPage .CategoryListContainer li:hover {
    background-color: transparent;
}

.bookCover .btn span {
    color: #FFFFFF;
    position: relative;
    top: -3rem;
    display: block;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    width: fit-content;

}

.btn {
    cursor: pointer;
    line-height: 0 !important;
    border: none;
}

a.btn img {
    width: 100%;
    line-height: 0;
}

.content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    top: 0rem;
    padding: 1rem;
    transition: 0.5s;
    z-index: 1;
}

.content>*+* {
    margin-top: 2rem;
}

.content a {
    margin: 0;
    text-decoration-line: none;
}

.bookCover .title {
    font-size: 75%;
    text-align: center;
    margin: 0 0 1rem;
    line-height: 2em;
    display: block;
    position: absolute;
    left: 3.1rem;
    width: 70%;
    color: #ffffff;
    top: -7rem;
}

.bookCover .title b {
    display: block;
    line-height: 1em;
    font-weight: 600;
}


section.breadkrumbs a {
    text-decoration: none;
    color: #a2a1a6;
    font-size: 90%;
}

.userPage a {
    text-decoration: none;
    /* display: block; */
    position: relative;
}

.bookPage h1 {
    margin: 0 0 2rem 0;
    /* font-family: 'Alice', serif; */
    color: #303031;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.bookPage>h1:after {
    content: '';
    width: 20px;
    height: 30px;
    background-image: url('/i/bookmark.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    right: -0.5rem;
    cursor: pointer;
    display: inline-block;
}

.bookPage>h1.bookmark:after {
    content: '';
    background-image: url('/i/bookmarkActive.svg');
}

.bookPage>h1:hover::before {
    content: 'Кликните на иконку, чтобы сохранить этот раздел в закладки';
    background-color: #ffffff !important;
    border: #61A1DD 2px solid !important;
    position: fixed;
    bottom: 1rem;
    display: block;
    text-align: left;
    max-width: 200px;
    z-index: 9100;
    left: 1rem;
    line-height: 1.2;
    font-size: 1rem;
    opacity: 90%;
    padding: 0.5rem;
    border-radius: .2rem;
}


.bookPage.noBookmark h1:after,
.bookPage.userPage h1:after,
.bookPage.rootPage h1:after,
.bookPage.sitemapPage h1:after,
.bookPage.noBookmark h1:after {
    display: none;
}

.bookPage.noBookmark>h1 {
    margin: 70px 0 100px 0;
}

.bookPage.noBookmark .text {
    min-height: calc(100vh - 500px);
}

.bookPage .userBookmark {
    margin-left: 2rem;
}

.bookPage .userBookmarkNoteSource {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-style: normal;
    margin-top: 2rem;
}

.bookPage .eTestBlock {
    font-style: normal;
}

.userPage h1:before,
.rootPage h1:before,
.sitemapPage h1:before,
.bookPage.noBookmark h1:before {
    display: none;
}

.sitemapPage .sitemap>ul>li {
    margin: 0 !important;
}

.sitemapPage .sitemap ul li {
    margin: 0 0 0 7%;
}

.sitemap p:hover, .sitemap li:hover {
    background-color: transparent;
    color: #E8541D;
}

.sitemap li::marker {
    color: transparent;
}


.bookPage a {
    margin: 0;
    color: #303031;
    font-variant-numeric: tabular-nums;
}

/*
.userPage a {
    padding-right: 3rem;
}
*/
.userPage .userBookmark a {
    padding-right: 0;
}

.bookPage p {
    /* text-indent: 32px; */
    color: #303031;
    border: 1px solid transparent;
    max-width: 100%;
    padding-bottom: .5rem;
}

.bookPage p {
    overflow-x: auto;
    /* overflow-y: hidden; */
}

.bookPage p[data-title],
.bookPage li[data-title] {
    overflow-x: unset;
    overflow-y: unset;
}

.text ul li p, .text ol li p, .text table td p, .text table th p {
    text-indent: 0;
    padding-bottom: unset;
}

mjx-container[jax="CHTML"] {
    text-indent: 0;
    display: contents;
    overflow-x: auto;
    overflow-y: hidden;
}

mjx-stretchy-h>mjx-ext>mjx-c::before {
    transform: scalex(270) !important;
}

mjx-stretchy-v.mjx-c7C mjx-ext mjx-c::before {
    content: "|" !important;
    width: 2px !important;
    display: inline-block;
    border-left: 2px solid black;
    height: 6px;
}
.bookPage:not(.noBookmark) p:hover,
.bookPage:not(.noBookmark) li:hover {
    background-color: rgba(252, 244, 161, 0.4);
}

.bookPage:not(.noBookmark) p:hover::before, .bookPage:not(.noBookmark) li:hover::before {
    content: 'Кликните два раза, чтобы оставить комментарий';
    background-color: #ffffff !important;
    border: #61A1DD 2px solid !important;
    position: fixed;
    bottom: 1rem;
    display: block;
    text-align: left;
    z-index: 9100;
    max-width: 200px;
    left: 1rem;
    right: unset;
    height: unset;
    width: unset;
    top: unset;
    line-height: 1.2;
    font-size: 1rem;
    opacity: 90%;
    padding: 0.5rem;
    border-radius: .2rem;
}
.bookPage .footer p:hover {
    background-color: transparent
}
.bookPage .footer p:hover::before {
    content: none;
}

.math.display {
    text-indent: 0;
    text-align: center;
    display: inline-block;
    /*max-width: calc(100% - 32px);*/
    padding-right: 7px;
    overflow-x: auto;
    margin: .3rem 0;
    overflow-y: hidden;
    vertical-align: middle;
}




.title {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2;
}

.copy {
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.35;
}


/*Page Settings*/
.bookTools {
    position: fixed;
    top: 0;
    overflow-y: auto;
    left: -460px;
    color: white;
    padding: 3rem 1rem;
    height: 100vh;
    z-index: 10001;
    transition: all .5s ease-in-out;
    background-color: #303031;
    width: calc(max(460px, (100vw - 1200px) / 2));
    /*max-width: 460px;*/
}

.bookTools:after {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}

.bookTools a {
    color: #FFFFFF;
    text-decoration-line: none;
}

.bookTools hr {
    color: #FFFFFF;
    margin: 1.5rem 1rem 0;
    border-width: 0.1px;
    border-style: solid;
}

.booksMenu ul {
    margin: 0;
    padding: 0;
}

.booksMenu ul li {
    list-style: none;
    margin: 1rem 0;
}

.bookSelector {
    padding: 1rem 0;
    margin: 1rem 0;
    display: block;
}

a.bookSelector {
    /* font-family: 'Alice', serif; */
    font-weight: 400;
    font-size: 1.2rem;
    cursor: pointer;
}

a.bookSelector.active {
    color: #E8541D;
}

.bookTools .bookTitle {
    width: 100%;
    height: auto;
}

ul.mainLinks {
    list-style: none;
    margin-left: 1rem;
    padding: 0 1rem;
}

ul.mainLinks li+li {
    margin-top: .7rem;
}

.mainLinks .home:before, .mainLinks .firstPage:before, .mainLinks .test:before, .mainLinks .contacts:before,
.mainLinks .bookmarks:before, .mainLinks .bookTOC:before, .mainLinks .notes:before {
    content: url("/i/circle_white.svg");
    width: 17px;
    position: absolute;
    left: 1rem;
}

.mainLinks .home {
    margin-top: 3rem;
}

.w2ui-popup .w2ui-popup-title {
    font-size: 22px;
    height: 40px;
    top: 5px;
}

.w2ui-popup .w2ui-alert-msg,
.w2ui-popup .w2ui-alert-msg span {
    font-size: 22px !important;
}


button.w2ui-popup-btn.w2ui-btn {
    text-transform: uppercase;
    box-shadow: none;
    outline: none !important;
    cursor: pointer;
}

button.w2ui-btn:focus:before {
    border: 0;

}

button.w2ui-btn {
    font-size: 22px;
}

.w2ui-popup .w2ui-popup-buttons {
    height: 62px;
}

span.fontSize {
    display: block;
    text-align: left;
    margin: 1rem;
    /* font-family: 'Alice', serif; */
}

a.fontSize {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 3rem;
}

.fontSize a:active {
    color: #E8541D;
}

.fontSize a:hover,
.fontSize.active {
    color: #E8541D;
}

a.fontSize+a.fontSize {
    margin-left: 1rem;
}

.fontSmall {
    font-size: 160%;
}

.fontMedium {
    font-size: 200%;
}

.fontLarge {
    font-size: 240%;
}

.bookPage .sitemap a {
    text-decoration-line: none;
}

#PasswordReminder input.dc2input[type="submit"] {
    background: transparent;
    border-radius: .3rem;
}

.loginForms form#LoginForm, .loginForms form#PasswordReminder, .loginForms form#RegistrationForm {
    text-align: center;
    /* border-right: 1px solid #686969; */
    /* height: 70vh; */
}

.loginForms {
    /* font-family: 'Vollkorn', sans-serif; */
    max-width: 938px;
    font-size: 70%;
    margin: 0 auto;
}

.loginForms h1 {
    /* font-family: 'Alice', sans-serif; */
    font-size: 235%;
    font-weight: 400;
    line-height: .9em;
    margin-left: .2rem;
}

.loginForms h1 img {
    display: none;
}

.loginForms form#LoginForm>div:nth-child(3) {
    width: 66%;
}

.loginForms .DC2FormsFieldSet, .loginForms div#rupassword {
    background: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.loginForms input#ulogin, .loginForms input#upassword {
    background: #ffffff;
    border: 1px solid #686969;
    box-shadow: none;
    font-size: 1rem;
    border-radius: .3rem;
    min-width: 100px;
    height: auto;
}


.loginForms button.dc2input, .loginForms a.dc2input,
.loginForms input.dc2input,
.loginForms input.dc2input:hover,
/* 20250705 добавлено чтобы убрать изменение размера  при ховере!!! pv@ */
#ya-site-form0 .ya-site-form__submit {
    /* font-family: 'Vollkorn', sans-serif!important; */
    font-size: 100% !important;
    background: #ffffff;
    border: 1.7px solid #686969;
    padding: .6rem .7rem;
    border-radius: .3rem;
    margin: .4rem .2rem;
}

.loginForms input.book_submit {
    padding: 0 2.3rem !important;
}


.loginForms button.dc2input img, .loginForms a.dc2input img {
    display: none;
}

.loginForms button.dc2input, .loginForms a.dc2input, #ya-site-form0 .ya-site-form__submit {
    padding: 0 3rem !important;
    margin: .5rem !important;
    font-size: 1.2rem !important;
    width: unset;
    height: 44px;
}

.loginForms button.dc2input:hover, .loginForms a.dc2input:hover, .loginForms input[type="submit"].dc2input:hover, #ya-site-form0 .ya-site-form__submit:hover {
    color: #FFFFFF;
    background: #E8541D !important;
    border-color: #E8541D;
    cursor: pointer;
}

.loginForms a.dc2input {
    padding: 0 3rem;
    line-height: 2.3em;

}

.loginForms .dc2input:nth-child(3) {
    margin-top: 2rem;
}

.loginForms input.dc2input[type="checkbox"], .loginForms input.dc2input[type="checkbox"]:hover {
    margin: 0 1rem !important;
    accent-color: #E8541D;
}

.loginForms .DC2FormsLabelColumn a {
    color: #E8541D;
}

.loginForms .DC2FormsDataColumn {
    /* width: calc(40% - 1rem);
    max-width: 400px; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.loginForms #LoginForm .DC2FormsDataColumn {
    width: calc(50% - 1rem);
    justify-content: space-around;
    flex-wrap: wrap;
}

form#PasswordReminder .DC2FormsDataColumn {
    justify-content: unset;
}

.loginForms .DC2FormsLabelColumn {
    display: inline;
    text-align: left;
    width: 20%;
    line-height: 1;
}

.loginForms #LoginForm .DC2FormsLabelColumn {
    width: 17%;
}

.loginForms .asterisk {
    color: #000000;
    font-size: 70%;
    margin-left: 1rem;
    text-align: left;
    line-height: 1.5em;
}

.loginForms .DC2FormsFieldSet .asterisk:nth-child(3) {
    margin-left: 21%;
}

.nav-close-button {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.lb-closeContainer {
    top: 1rem;
}

.video-wrapper {
    flex-basis: 50%;
    padding: 1em 0;
}

/*Read More*/


.readMore {
    cursor: pointer;
    position: relative;
    /* font-size: 110% !important;*/
    /* font-weight: bolder !important; */
    margin: 1rem 0 0 0 !important;
    background-color: #EBEBEA;
    padding: 1rem 3.5rem 1rem 1.5rem;
    line-height: 1 !important;
}

.readMore h3 {
    font-size: 100%;
}

.readMore::after {
    content: '+';
    position: absolute;
    right: 1rem;
    font-weight: lighter;
    font-size: 120%;
    top: calc(50% - 1rem);
}

.readMore.opened::after {
    content: '−';
}


.text blockquote {
    background-color: #EBEBEA;
    font-style: italic;
    margin: 0;
    padding: .5rem 1rem .5rem 1.5rem;
    display: none;
}



.text .pCaption {
    text-align: center;
    font-size: 90%;
    line-height: normal;
    text-indent: 0 !important;
}

.text .pCaption img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

.text .pLabel {
    font-size: 90%;
    line-height: normal;
    text-indent: 0 !important;
    text-align: center;
    width: 50%;
    margin: 0 auto 1rem;
}


.pGloss {
    padding: 1rem;
    border-radius: 1.5rem;
    text-indent: 0 !important;
    border: 2px solid #4c73be !important;
}

.cTable {
    font-size: 100%;
    line-height: 1.3;
    text-indent: 0;
    margin: 0 auto;
}

.cTable caption em,
.cTable caption {
    font-size: 1.5rem;
    font-style: normal;
    margin-bottom: 2rem;
}

table.cTable td, table.cTable th {
    border: 1px solid #444;
    padding: .5rem 1rem;
    text-align: left;
}

.cTable th {
    background-color: #f7f7f7;
}

.DC2FormsDataColumn>div {
    width: 100%;
}

/*Определения*/

.bookDefinition {
    text-indent: 0 !important;
    margin-left: 2rem !important;
    border-top: 1px solid #444 !important;
    padding-top: .5rem;
    border-bottom: 1px solid #444 !important;
    padding-bottom: .5rem !important;
    padding-left: 1rem;
}

.bookGlossary {
    /* background-color: #01f2fe; */
    text-decoration-line: underline;
    text-decoration-style: dotted;
    cursor: help;
}

/*TESTS*/

.eTestQuestionItem:hover::before,
.avItem:hover::before {
    content: '⇕';
    position: absolute;
    top: 0;
    left: -2.5rem;
    font-size: 32px;
    display: inline-flex;
    height: 100%;
    align-items: center;
}

.eTestQuestionItem:hover,
.avItem:hover {
    background-color: #E8541D;
    position: relative;
}

.eTestQuestionItem:hover::before, .avItem:hover::before {
    margin-left: .9rem;
}

.eTestQuestionItem.dc2flexbox.clearfix.ui-sortable-handle {
    cursor: grab;
    margin-left: 1rem;
}

.eTestQuestion+.eTestQuestion {
    margin-top: 2.5rem;
}

.eTestActions {
    display: flex;
    justify-content: end;
}

.eTestQuestionActions {
    padding: 5rem 0;
    text-align: center;
}

.eTestQuestionItem .eTestQuestionActions {
    padding: 0;
}


.eTestQuestions .eTestAnswerText {
    width: 50% !important;
    display: block;
    margin: 0;
    box-shadow: none !important;
    outline: 0;
    border: 1.7px solid #686969 !important;
    border-radius: .3rem;
    background: #FFFFFF;
}

.eTestQuestions p.eTestQuestionTitle {
    font-size: 1.5rem !important;
}

.eTestQuestionText {
    margin-right: 1rem;
}

.eTestQuestions p {
    text-indent: 0;
    font-size: 20px;
}

.eTestQuestions h2 {
    margin-top: 5rem;
    margin-bottom: 1rem;
}

.eTestQuestionAnswerVariant {
    display: flex;
    align-items: baseline;
    margin: 1.5rem 1rem;
    overflow-y: hidden;
    margin-bottom: .5rem;
}

.eTestAnswerRadioLabel {
    margin-left: 1rem;
}

input.dc2input[type="text"].eTestAnswer {
    margin-left: 2rem;
    width: 50%;
}

.dc2input.eTestAnswer.eTestAnswerNumber:hover {
    width: 50%;
}

.input-checkbox__field {
    display: none;
}

.input-checkbox__wrap {
    display: flex;
    align-items: center;
}

.input-checkbox__square {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: inset 0 0 0 0.13rem #222;
    border-radius: 0.3125rem;
    box-sizing: border-box;
    transition: 0.3s;
    background-color: #fff;
    background-position: center center;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
}

.input-checkbox__field:checked+.input-checkbox__square {}

.input-checkbox__field:checked+.input-checkbox__square::after {
    content: "";
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: transparent url("../i/check.svg") no-repeat center center;
    background-size: 1.1875rem 0.75rem;
}

.input-checkbox__label {
    color: #303031;
    margin-left: 1.25rem;
    cursor: pointer;
}

.input-radio__field {
    display: none;
}

.input-radio__wrap {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}


#reportErrorDialog input.dc2input[type="radio"],
.input-radio__square {
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: inset 0 0 0 0.13rem #222;
    border-radius: 50%;
    box-sizing: border-box;
    transition: 0.3s;
    background-color: #fff;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
}

#reportErrorDialog input.dc2input[type="radio"] {
    box-shadow: none;
    background-color: #fff !important;
    border-color: #000000;
    margin-right: 1rem;
}

#reportErrorDialog input.dc2input[type="radio"]:checked,
.input-radio__field:checked+.input-radio__square {
    /* background-color: #EB5333; */
    background-color: #000;
    /* box-shadow: none; */
}

#reportErrorDialog input.dc2input[type="radio"]:checked::after,
.input-radio__field:checked+.input-radio__square::after {
    content: "";
    position: relative;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    box-shadow: 0 0 0 0.33rem #fff;
}

.input-radio__label {
    color: #303031;
    margin-left: 1.25rem;
    cursor: pointer;
}

/*
input.dc2input[type="radio"].eTestAnswerRadio,
input.dc2input[type="checkbox"].eTestAnswerCheckbox {
    filter: grayscale(1);
    margin: 0;
    !*transform: scale(2);*!
}*/
/*
.eTestAnswerCheckbox:before {
    content: '';
    background-image: url("/i/checkOff.svg");
    display: block;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    transition: all .5s ease;
    top: -4px;
    left: -2px;
    width: 18px;
    height: 18px;
}

.eTestAnswerCheckbox:checked:before {
    background-image: url("/i/checkOn.svg");
}*/
canvas#compDiag {
    margin: -10rem 3rem -4rem auto;
    display: block;
}


.eTestActions {
    /*margin-top: 5rem;*/
}


.dc2Profile input[type="button"],
.eTestActions input[type="button"],
.eTestList .eTestStart,
.eTestActions .eTestPostpone,
.eTestActions .eTestFinish {
    margin: 2rem 0 2rem 1rem !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 85% !important;
    min-width: 115px;
    min-height: 44px;
    background: #ffffff;
    border: 2px solid #686969;
    padding: 0 2.3rem !important;
    border-radius: 8px;
    cursor: pointer;
    height: auto;
}

.eTestList .eTestStart:hover,
.eTestActions .eTestPostpone:hover,
.eTestActions .eTestFinish:hover,
.eTestList .eTestStart:active,
.eTestActions .eTestPostpone:active,
.eTestActions .eTestFinish:active,
.eTestActions input[type="button"]:hover,
.eTestActions input[type="button"]:active {
    background: #ebebea !important;
    color: #000;
}

.eTestActions input[type="button"]:disabled {
    opacity: 50%;
}

.eTestActions input[type="button"]:disabled:hover {
    background: #EBEBEA !important;
    color: #333333;
    cursor: default;
}

.eTestQuestionTitle.eTestAnswerCorrect,
.eTestQuestionTitle.eTestAnswerWrong {
    margin-left: -1rem;
}

.eTestAnswerWrong {
    background-color: #FCDAD3 !important;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-left: 0;
    margin-right: 1rem;
}

.eTestAnswerCorrect {
    background-color: #E5FFF4 !important;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-left: 0;
    margin-right: 1rem;
}

.eTestBlock .eTestAttemptsInfoBlock {
    display: block;
    margin-left: 3rem;
}

.eTestAttemptsNonFinishedBlock,
.eTestAttemptsNonFinishedBlock,
.eTestAttemptsBlock {
    display: flex;
    justify-content: flex-start;
}

.eTestAttemptsCountData,
.eTestNonFinishedCountData,
.eTestBestAttemptData {
    font-weight: bold;
    width: 1rem;
}

.eTestPathLinks.userBookmarksBreadcrumbs,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBorange,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBgreen,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBviolet {
    padding: 0;
    margin-top: 5rem;
}

.eTestPathLinks.userBookmarksBreadcrumbs a,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBorange a,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBgreen a,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBviolet a {
    display: inline;
    font-size: 90%;
    padding: 0;
}

.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBorange nav,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBgreen nav,
.userBookmarksChap.userBookmarksBreadcrumbs.dc2bookmarkLBviolet nav {
    line-height: 1.7rem;
}

.userPage .userBookmarkSource a {
    display: inline;
    padding-right: unset;
}

#dc2messageBox {
    background: transparent;
}

#dc2messageBox span {
    font-size: 1rem !important;
}

#dc2messageBox .dc2ok, #dc2messageBox .dc2info, #dc2messageBox .dc2warning, #dc2messageBox .dc2error {
    margin: unset;
    margin-bottom: 4rem;
    padding: .5rem;
    background-color: white;
}


.eTestTitle {
    font-weight: bold;
    margin: .5rem 0 1rem;
}

.eTestQuestionComment {
    background-color: #F7F7F7;
    margin-right: 1rem;
}

.eTestQuestionComment p {
    padding: 1rem;
    margin: 0;
}

h5.dc2TestQuestion-qExplanationTitle {
    font-style: normal !important;
}

/* SEARCH */
#ya-site-results {
    color: #000000;
    background: #FFFFFF;
}

#ya-site-results .b-pager__current,
#ya-site-results .b-serp-item__number {
    color: #000000 !important;
}


#ya-site-results :visited,
#ya-site-results .b-pager :visited,
#ya-site-results .b-foot__link:visited,
#ya-site-results .b-copyright__link:visited {
    color: #800080;
}

#ya-site-results a:link,
#ya-site-results a:active,
#ya-site-results .b-pseudo-link,
#ya-site-results .b-head-tabs__link,
#ya-site-results .b-head-tabs__link:link,
#ya-site-results .b-head-tabs__link:visited,
#ya-site-results .b-dropdown__list .b-pseudo-link,
#ya-site-results .b-dropdowna__switcher .b-pseudo-link,
.b-popupa .b-popupa__content .b-menu__item,
#ya-site-results .b-foot__link:link,
#ya-site-results .b-copyright__link:link,
#ya-site-results .b-serp-item__mime,
#ya-site-results .b-pager :link {
    color: #0033FF;
}

#ya-site-results :link:hover,
#ya-site-results :visited:hover,
#ya-site-results .b-pseudo-link:hover {
    color: #FF0000 !important;
}

#ya-site-results .l-page,
#ya-site-results .b-bottom-wizard {
    font-size: 13px;
}

#ya-site-results .b-pager {
    font-size: 1.25em;
}

#ya-site-results .b-serp-item__text,
#ya-site-results .ad {
    font-style: normal;
    font-weight: normal;
}

#ya-site-results .b-serp-item__title-link,
#ya-site-results .ad .ad-link {
    font-style: normal;
    font-weight: normal;
}

#ya-site-results .ad .ad-link a {
    font-weight: bold;
}

#ya-site-results .b-serp-item__title,
#ya-site-results .ad .ad-link {
    font-size: 13px;
}

#ya-site-results .b-serp-item__title-link:link,
#ya-site-results .b-serp-item__title-link {
    font-size: 100%;
}

#ya-site-results .b-serp-item__number {
    font-size: 13px;
}

#ya-site-results .ad .ad-link a {
    font-size: 0.88em;
}

#ya-site-results .b-serp-url,
#ya-site-results .b-direct .url,
#ya-site-results .b-direct .url a:link,
#ya-site-results .b-direct .url a:visited {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #329932;
}

#ya-site-results .b-serp-item__links-link {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #000000 !important;
}

#ya-site-results .b-pager__inactive,
#ya-site-results .b-serp-item__from,
#ya-site-results .b-direct__head-link,
#ya-site-results .b-image__title,
#ya-site-results .b-video__title {
    color: #000000 !important;
}

#ya-site-results .b-pager__current,
#ya-site-results .b-pager__select {
    background: #E0E0E0;
}

#ya-site-results .b-foot,
#ya-site-results .b-line {
    border-top-color: #E0E0E0;
}

#ya-site-results .b-dropdown__popup .b-dropdown__list,
.b-popupa .b-popupa__content {
    background-color: #FFFFFF;
}

.b-popupa .b-popupa__tail {
    border-color: #E0E0E0 transparent;
}

.b-popupa .b-popupa__tail-i {
    border-color: #FFFFFF transparent;
}

.b-popupa_direction_left.b-popupa_theme_ffffff .b-popupa__tail-i,
.b-popupa_direction_right.b-popupa_theme_ffffff .b-popupa__tail-i {
    border-color: transparent #FFFFFF;
}

#ya-site-results .b-dropdowna__popup .b-menu_preset_vmenu .b-menu__separator {
    border-color: #E0E0E0;
}

.b-specification-list,
.b-specification-list .b-pseudo-link,
.b-specification-item__content label,
.b-specification-item__content .b-link,
.b-specification-list .b-specification-list__reset .b-link {
    color: #000000 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}

.b-specification-item__content .b-calendar__title {
    color: #000000;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}

.b-specification-item__content .b-calendar-month__day_now_yes {
    color: #E0E0E0;
}

.b-specification-item__content .b-calendar .b-pseudo-link {
    color: #000000;
}

.b-specification-item__content {
    font-size: 13px;
}

.b-specification-item__content :visited {
    color: #800080;
}

.b-specification-item__content .b-pseudo-link:hover,
.b-specification-item__content :visited:hover {
    color: #FF0000 !important;
}

#ya-site-results .b-popupa .b-popupa__tail-i {
    background: #FFFFFF;
    border-color: #E0E0E0 !important;
}

.ya-page_js_yes .ya-site-form_inited_no {
    display: none;
}


#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    min-height: 2.4rem;
    padding-left: .5rem;
    border-radius: .3rem;
}

.bookPage #ya-site-form0 .ya-site-form__form * {
    font-size: 104% !important;
}

.bookPage #ya-site-form0 .ya-site-form__submit {
    padding-bottom: 0.3rem !important;
    padding-top: 0.4rem !important;
}

.bookPage #ya-site-form0 .ya-site-form__submit:hover {
    color: #ffffff !important;
}

.bookPage #ya-site-form0 {
    width: 100%;
}

.bookPage .ya-site-form table {
    display: table;
}

.bookPage #ya-site-results tbody,
.bookPage #ya-site-results table,
.bookPage #ya-site-results tr,
.bookPage .ya-site-form tbody,
.bookPage .ya-site-form table,
.bookPage .ya-site-form td,
.bookPage .ya-site-form tr {
    width: 100%;
    border: 0;
    max-height: unset !important;
}

.bookPage #ya-site-results {
    background-color: transparent;
    border: none;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.bookPage #ya-site-results .b-serp-item__number {
    font-size: 1.1rem;
    margin: 0;
}

.bookPage #ya-site-results .b-gap.g-gap-vertical.g-gap-horizontal b {
    font-size: 180%;
}

.bookPage .b-body-items {
    padding-left: 17px;
    display: block;
}

.bookPage .b-serp-url__item {
    font-size: 1.1rem !important;
    line-height: 1.2 !important;
}

.bookPage #ya-site-results * {
    font-size: 1.1rem;
    font-family: 'Inter', san-serif !important;
    line-height: 1.2 !important;
}

.bookPage #ya-site-results .b-head tr {
    display: flex;
    align-items: center;
}

.bookPage .text #ya-site-results table td,
.bookPage .text #ya-site-results table th {
    border: none !important;
}

.bookPage .b-head__found {
    font-size: 75% !important;
    margin-top: .2rem;
}


.b-serp-url__item {
    font-size: 100% !important;
}

.icon img:first-child, .lefticon {
    margin-right: 2rem;
}

p.icon, p.icon2, p.aicon {
    text-indent: 0 !important;
}

/* #LK */

.dc2Profile blockquote.blockData {
    background-color: transparent;
}



.userBookmarkBlock .userBookmarkNote {
    display: flex;
    font-style: normal;
    align-items: center;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0 0;
}

.userBookmarkNote.orange {
    background-color: #F6C2ACFF !important;
}

.userBookmarkNote.violet {
    background-color: #D0CCEEFF !important;
}

.userBookmarkNote.green {
    background-color: #B5DCD5FF !important;
}

.blockData.blockTests .eTestBlock .eTestChapTitle .userBookmarkGo,
.userBookmarkBlock .userBookmarkNote .userBookmarkGo {
    height: 20px;
    margin-left: 0.7rem;
}

.blockData.blockTests {
    font-style: normal;
}

.blockData.blockTests .eTestBlock {
    margin-left: 2rem;
}


.blockData.blockTests .eTestChapTitle {
    margin: .5rem 0;
    line-height: 1;
}

.blockData.blockTests>.eTestChapTitle {
    margin: 2.5rem 0 1rem;
}

.blockData.blockTests .eTestBlock .eTestTitle {
    margin: .5rem 0;
    line-height: 1;
}

.blockData.blockTests .eTestBlock .eTestTitle .eTestChapTitle.eTestPath {
    display: flex;
    align-items: center;
}

.dc2Profile.text blockquote.blockData .docScan_upload {
    width: 100%;
}

.dc2Profile.text blockquote.blockData {
    font-style: normal;
}

.dc2Profile .readMore {
    cursor: pointer;
    position: relative;
    font-weight: unset !important;
    margin: 0 0 0 0 !important;
    background-color: transparent;
    padding: 1rem 3.5rem 1rem 1.5rem;
    line-height: 1 !important;
    border-bottom: 2px solid #575757;
}

.dc2Profile .DC2FormsFieldSet:nth-child(odd),
.dc2Profile .DC2FormsFieldSet:hover {
    background: transparent;
}

.dc2Profile .container {
    font-family: Inter, serif;
    margin: 4rem auto;
}

.dc2Profile .eTestAttemptsCountLabel,
.dc2Profile .eTestNonFinishedCountLabel,
.dc2Profile .eTestBestAttemptLabel {
    margin-right: 0.6rem;
}

.dc2Profile .dc2cont {
    padding: 0 0 0 0.2rem;
}

.dc2Profile .dc2cont label {
    font-size: 1rem;
}

.trainerStatus.verifying {
    border: 1px solid #ff8000;
    margin-left: 3rem;
    font-size: 1rem;
    display: inline-block;
    padding: 3px 11px;
    background-color: #ffd9b2;
}

.trainerStatus.confirmed {
    margin-left: 3rem;
    display: inline-block;
    font-size: 1rem;
    border: 1px solid #80ff80;
    padding: 3px 11px;
    background-color: #d0ffd0;
}

.dc2Profile .dc2warning {
    margin-top: 1rem;
}
.dc2glossaryBackrefs {
    display: flex;
    margin-top: 1rem;
    margin-left: 3rem;
    flex-direction: column;
}
.text .dc2glossaryItem .dc2glossaryItemTools {
    margin-top: 1rem!important;
}
.text .news_item {
    padding-bottom: 1rem;
} 



/* MOBILE */

@media (hover: hover) and (min-width: 600px) {}

@media only screen and (min-width: 800px) {
    .mobileonly {
        display: none !important;
    }
}

@media only screen and (max-width: 800px) {
    .desktoponly {
        display: none !important;
    }
}

@media only screen and (max-height: 510px) and (orientation: landscape) {
    .desktoponly {
        display: none !important;
    }

    .mobileonly {
        display: unset !important;
    }

    .sidemenu-iconblock {
        top: unset;
        bottom: 0;
        z-index: 10000;
        position: fixed;
        left: 0;
        padding-top: 0.3rem;
        width: 100%;
        display: flex;
        justify-content: space-around;
        height: 57px;
        background-color: white;
        flex-direction: row;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .sidemenu-iconblock__item:nth-child(3) {
        margin-bottom: 0;
    }

    .sidemenu-iconblock__item a#downloadIcon,
    .sidemenu-iconblock__item a.mobileonly {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
    }

    .sidemenu-iconblock__item a.mobileonly svg {
        width: 32px;
        height: 32px;
    }

    .titleBlock img.mobileonly {
        width: 38px;
        height: 38px;
    }

    .bookPage {
        min-height: calc(100vh - 8rem);
    }
}

@media (max-width: 800px) {
    .canva {
        margin: 3.2rem .2rem 1rem .2rem;
    }

    .bookPage {
        overflow: hidden;
        margin: 2rem .2rem;
        max-width: unset;
        padding: 0 1rem;
        border: 0;
    }

    img.logoMobile.mobileonly {
        height: 39px;
        width: auto;
    }



    /* reg block */
    label.dc2input, label.dc2input:hover {
        font-size: 16px;
    }

    .authDialog .dc2formSelect {
        padding: 0 1rem 1rem 0;
    }

    .authDialog input.dc2input[type="button"] {
        margin-bottom: 0;
        margin-top: 0.5rem;
    }

    .authDialog input#dc2doForgot {
        margin: 1rem 0;
        padding: 0;
    }




    .authDialog #loginForm .DC2FormsDataColumn {
        flex-direction: column-reverse;
        align-content: center;
    }

    .authDialog input#dc2doForgot, .authDialog input#dc2doRemember {
        text-align: center;
    }

    .dc2errorReport button.dc2input.ui-button.ui-corner-all.ui-widget, .dc2alertDialog.ui-dialog .ui-dialog-buttonpane button, button#bookmarkSave, button#bookmarkDelete {
        min-height: 52px;
        margin: 0.4rem auto;
    }

    .bookTools {
        max-width: 100%;
    }

    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
        max-width: 100%;
        width: 100%;
    }

    .navBlock {
        width: auto;
        flex-basis: 60%;
    }

    .title {
        width: auto;
        display: flex;
    }

    .titleBlock {
        width: 38.5px;
        flex-basis: auto;
        padding-left: 0;
        justify-content: space-between;
        display: flex;
    }

    .bookAside {
        top: 3rem;
        overflow-x: hidden;
        height: calc(100vh - 3rem);
        left: 0;
        position: fixed;
        width: 100vw;
        max-width: 100vw;
        padding: 0 2rem;
        margin: 0;
        background-color: #f7f7f6;
        z-index: 1000;
        overflow-y: hidden;
        transition: all 1s ease;
    }

    .asideControl {
        -webkit-text-stroke-width: thick;
        position: absolute;
        top: 5rem;
        color: #303031;
        padding-top: 20%;
        font-size: 15px;
        text-align: center;
        left: calc(100% - 17px);
        border: 1px solid #aaa;
        border-bottom-right-radius: 2rem;
        border-top-right-radius: 2rem;
        height: calc(60vh - 244px);
        width: 1rem;
        display: block;
        z-index: 10000;
        background-color: #303031;
    }

    .asideControl:before {
        content: '';
        background-image: url(/i/menuIconB.svg);
        background-size: auto 26px;
        background-position: center center;
        background-repeat: no-repeat;
        height: 96px;
        width: 77px;
        position: absolute;
        font-size: 1.5rem;
        font-weight: bold;
        top: 35%;
        left: 112%;
        margin-left: -10px;
        box-sizing: border-box;
        border-top: 0;
        border-left: 0;
        transform-origin: center;
        transition: all .2s;
        margin-top: 21px;
        transform: translate(-50%, -50%) rotate(0deg);
    }

    .asideControl.active {
        filter: opacity(0%);
        border-bottom-left-radius: 2rem;
        border-top-left-radius: 2rem;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .asideControl.active:before {
        transform: translate(-50%, -50%) rotate(180deg);
        left: 110%;
    }

    .text {
        min-height: 81vh;
        font-size: 100%;
    }

    .text pre {
        /* font-family: monospace; */
        overflow-x: auto;
        max-width: 100%;
        font-size: 1em;
        line-height: 1.2rem;
    }

    .text tbody {
        font-size: 1em;
    }

    .text table {
        width: 100%;
        display: block;
        overflow-x: auto;
    }

    .cTable caption em, .cTable caption {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    .nav.breadkrumbs {
        /* display: none; */
        width: 100vw;
        margin: 0;
        max-width: 100%;
    }

    .bookPage {
        max-width: unset;
    }

    .search {
        background-color: unset;
    }

    .booksList {
        margin-top: -3rem;
        flex-direction: column;
    }

    .bookCover {
        margin: 0 auto;
        width: 90%;
    }

    .content {
        padding: 0;
    }

    .btn {
        padding: 0;
    }

    .bookTitle {
        max-height: 30vh;
        margin: 0 auto 2rem;
        display: block;
    }

    .loginForms #LoginForm .DC2FormsLabelColumn {
        width: 25%;
    }

    .loginForms form#LoginForm>div:nth-child(3),
    .loginForms #LoginForm .DC2FormsDataColumn {
        width: 100%;
    }

    .loginForms button.dc2input {
        padding: 0.4rem 3.8rem;

    }

    .loginForms .DC2FormsLabelColumn {
        width: 30%;
    }

    .loginForms .DC2FormsDataColumn {
        width: 70%;
    }

    h2.title {
        width: 100%;
    }

    .footnote {
        font-size: 85%;
    }

    .profileLinks {
        text-align: right;
        flex-basis: 72px;
        width: 72px;
        overflow: unset;
        display: inline-block;
        min-width: auto;
        padding: 0;
        z-index: 1000;
        transition: 0.5s;
    }

    a.dc2input.profileLink.profile:before {
        left: -.8rem;
    }

    a.dc2input.profileLink.pageSet {
        width: 25%;
        flex-basis: 25%;
        padding: 0;
        justify-content: center;
        display: flex;
    }

    .hc-nav-trigger.hc-nav-1 {
        width: unset;
        padding: 0;
        margin: 0;
    }

    header.header {
        align-items: center;
        height: 3.3rem;
        padding: 0 3vw;
    }

    .pageNav {
        width: unset;
        flex-basis: unset;
        min-width: 2.5rem;
    }

    .bookPage h1 {
        font-size: 160%;
        margin: 0 0 2rem 0;
    }

    .bookPage>h1:after {
        top: 0.2rem;
        height: 24px;
    }

    .text h2 {
        line-height: 1.3;
    }


    .bookPage.noBookmark h1 {
        margin: 30px 0 40px 0;
    }

    .pageNav .prevPage, .pageNav .nextPage {
        padding: 0;
        flex-basis: 50%;
        width: 50%;
        justify-content: center;
        display: flex !important;
    }

    .pageNav .pageSet {
        padding: 0;
        margin: 0;
        width: 32px;
    }

    .dc2input.profileLink {
        flex-direction: column;
    }

    .dc2input.profileLink img {
        width: 24px;
        height: 24px;
    }

    .profileLink span {
        margin-top: .6rem;
    }

    .sidemenu-iconblock__item a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .input-radio__label {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .bookPage #ya-site-results .b-body-items {
        padding-left: 1.7rem;
    }

    .bookPage #ya-site-results .b-serp-item__number {
        font-size: 120%;
        margin-top: .1rem;
    }

    #ya-site-results .b-pager__inactive,
    #ya-site-results .b-pager__key {
        display: none;
    }

    .bookPage #ya-site-results * {
        font-size: 102%;
    }

    .bookPage #ya-site-form0 .ya-site-form__form * {
        display: block;
        margin: 0 auto;

        width: -webkit-fill-available;
    }

    .hc-offcanvas-nav .nav-content>.nav-close {
        right: 0;
    }

    .hc-offcanvas-nav .nav-container {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        border: unset;
        width: 100% !important;
        height: calc(100vh - 48px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background-color: white !important;
        color: black !important;
        transition: transform 0s ease;
        padding-left: unset;
    }

    .hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
        padding: 1rem 0 3rem;
    }

    .sidemenu-iconblock {
        top: unset;
        bottom: 0;
        z-index: 10000;
        position: fixed;
        left: 0;
        padding-top: 0.3rem;
        width: 100%;
        display: flex;
        justify-content: space-around;
        height: 57px;
        background-color: white;
        flex-direction: row;
        align-items: stretch;
        align-content: center;
        flex-wrap: wrap;
    }

    .sidemenu-iconblock__item {
        margin: unset !important;
        flex-basis: 12.5% !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .sidemenu-iconblock__item svg {
        width: 24px;
        height: 24px;
    }

    .hc-nav-trigger span {
        content: url(/i/bookIconMob.svg);
        width: 24px;
        height: 24px;
    }

    footer>div .w33 {
        width: 100%;
        flex-basis: 100%;
    }

    .readMore::after {
        top: calc(50% - 1rem);
    }

    .eTestResultBlock .eTestActions {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .eTestActions input[type="button"], .eTestList .eTestStart, .eTestActions .eTestPostpone, .eTestActions .eTestFinish {
        margin: 1.5rem 0 0rem 0rem !important;
    }

    .dc2bookmarkEdit.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        justify-content: center;
        float: unset;
        flex-direction: column;
    }

    .dc2bookmarkEdit.ui-dialog .ui-dialog-buttonpane button {
        margin: .5em auto;

    }

    .button#bookmarkMarker {
        display: none;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        flex-wrap: wrap;
    }

    p.eTestQuestionTitle {
        font-size: 1.3rem;
    }

    .text ul, .text ol {
        margin: .5rem 0 .5rem 0.5rem;
    }

    /* меню для администраторов */
    .login-bar {
        bottom: 56px;
    }

    .bookPage:not(.noBookmark) p:hover::before, .bookPage:not(.noBookmark) li:hover::before, .bookPage>h1:hover::before {
        opacity: 0;
    }

    .dc2Profile .readMore {
        padding: 1rem 0rem 1rem 0;
    }

    .text blockquote {
        padding: 0;
    }

    .blockData.blockTests .eTestBlock {
        margin-left: 0;
    }

    .trainerStatus.verifying,
    .trainerStatus.confirmed {
        margin-left: 1rem;
    }

    .dc2Profile input[type="button"] {
        margin: .7rem auto !important;
        min-width: 64%;
        display: block;
    }


    .dc2Profile .DC2FormsDataColumn input.dc2input[type="file"], .authDialog .DC2FormsDataColumn input.dc2input[type="file"] {
        margin: 0;
        width: 71% !important;
    }

    .dc2bookDownload .dc2bookDownloadActions .dc2input {
        margin: 1rem 0 0;
        width: 100%;
    }

    .footer {
        flex-direction: column;
    }

    .footer>p:last-child,
    .footer>p:first-child {
        flex-basis: 100%;
        max-width: 100%;
    }

}

/*Версия для печати*/

@media print {
    .header, .bookAside, .video-wrapper, .breadkrumbs {
        display: none !important;
    }

    .bookPage {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

}