@import "base.less";

a[class^="learn_more"] {
    display:block;
    float:left;
    width:auto;
}
span.lable_tip {
    background-color:#9EA4B5;
    background-position: left top;
    background-repeat: no-repeat;
    /*.borderRadius (2px);*/
    color:White;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 5px 5px 5px 0;
    padding: 1px 8px;
    text-align: center;
    width:auto;
}
li {
    span.lable_tip {
        margin: 1px 5px 0 0;
        padding: 0 8px;
    }
}
h2 {
    span.lable_tip {
        margin: 8px 0 0 5px;
        vertical-align: top;
    }
}
.main {
    li {
        span.lable_tip {
            display: none;
        }
    }
}
ol.instructions {
    padding-left:0px;
    li {
        line-height:150%;
        list-style-position:inside;
    }
}
ul.instructions {
    li {
        line-height:150%;
        list-style-position:inside;
    }
}
.tosys {
    padding-top: 30px;
}
span.badge {
    background-color:#9EA4B5;
    background-position: left top;
    background-repeat: no-repeat;
    /*.borderRadius (2px);*/
    color:White;
    display: inline;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 5px 5px 5px 0;
    padding: 1px 8px;
    text-align: center;
    width:auto;
}

.mobile_table_contents {
    display:none;
}
.submenu_block {
    display:none;
}
.ham_menu {
    display:none;
}
.text-container-content {
    display:none;
}
html {
    overflow-y: scroll;
}
.MainHelpCenter {
    position: relative;
    margin-top: 140px;

    div.delimiter {
        background: url('/css/img/BasecampImp/line.png') repeat-x 0 0;
        height: 1px;
        margin: 35px 0 0;
        padding: 0;
    }

    table {
        line-height: 1.3em;
    }

    tr {
        line-height: 1.3em;
    }

    td {
        line-height: 1.3em;
    }

    th {
        line-height: 1.3em;
    }

    .video_trips {
        .video_text {
            a.watch {
                background-image: url("/css/img/WatchVideo/watch_triangle.png");
                background-position: left center;
                background-repeat: no-repeat;
                color: #4295D4;
                cursor: pointer;
                display: block;
                margin-left: 57px;
                margin: 0;
                padding-left: 21px;
            }

            p {
                margin-top: 0;
            }
        }
    }

    input[type="text"] {
        /*.borderRadius (4px);*/
        border: 1px solid #DCDCDC;
        display: inline-block;
        font-size: 14px;
        height: 25px;
        padding-left: 5px;
        width: 500px;
    }

    .help_links {
        background-position: 50% 0;
        background-repeat: no-repeat;
        display: inline-block;
        height: 120px;
        margin: 10px 0;
        text-align: center;
        width: 160px;
        padding-top: 80px;

        a {
            clear: left;
            color: @textColor;
            display: block;
            display: block;
            line-height: 150%;
            padding-top: 70px;
        }

        a.help_read_more {
            color: #4295D4;
            margin-top: 10px;
        }

        h2 {
            a {
                font-size: 24px;
                text-decoration: none;
            }
        }

        h3 {
            a {
                font-size: 20px;
                font-weight: 600;
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }

    .help_links_server {
        background-position: 50% 0;
        background-repeat: no-repeat;
        display: inline-block;
        margin: 10px 0 0;
        padding-top: 70px;
        text-align: center;
        vertical-align: top;
        width: 220px;

        a {
            clear: left;
            color: @textColor;
            display: block;
            line-height: 150%;
        }

        p {
            font-weight: 700;
        }
    }

    .subHeaderFeaturesCaption {
        color: @redColor;
        line-height: 1.3em;
        margin-top: 12px;
        text-transform: none;
    }

    h2 {
        a {
            font-size: 24px;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    .video_ground {
        .video_block {
            display: block;
            margin: 15px 0 20px 20px;
            width: 300px;
            .shadowWithTransitionAndHover;

            a {
                background-position: 0 0;
                background-repeat: no-repeat;
                background-size: 100% auto;
                border: 0;
                .shadowFullCustomizableInset(@byX: 0px, @byY: 0px, @radius: 150px, @strength: 50px, @color: rgba(0,0,0,0.65));
                cursor: pointer;
                display: block;
                height: 150px;
                padding: 0;
                position: relative;
                text-align: center;
                vertical-align: middle;
                width: 300px;
                z-index: 100;
            }
        }
    }

    .block_of_step {
        display: block;

        img {
            vertical-align: middle;
        }

        .screen_block {
            width: 580px;
        }
    }

    p {
        img {
            vertical-align: middle;
        }
    }

    li {
        img {
            vertical-align: middle;
        }
    }

    img.screen_guides {
        border: 1px solid @helpBorderExampleColor;
        cursor: pointer;
        display: inline-block;
        height: 200px;
        margin: 15px 0;
        position: relative;
        width: 350px;
    }

    img.screen_guides.noresize {
        height: auto;
        width: 350px;
    }

    .screen_text {
        display: block;
    }

    a {
        cursor: pointer;
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }
}
.documenteditorpages {
    .MainHelpCenter {
        margin-bottom: 16px;
        padding-bottom: 32px;

        p {
            img {
                max-width: 100%;
            }
        }

        table {
            border-bottom: solid 1px @helpTableHRColor;
            border-collapse: collapse;
            border-left: 0;
            border-right: 0;
            margin: 20px 0;
            padding: 8px;
            text-align: left;
            width: 100%;
        }

        tr {
            border-bottom: solid 1px @helpTableHRColor;
            border-collapse: collapse;
            border-left: 0;
            border-right: 0;
            padding: 8px;
            text-align: left;
        }

        td {
            border-bottom: solid 1px @helpTableHRColor;
            border-collapse: collapse;
            border-left: 0;
            border-right: 0;
            padding: 8px;
            text-align: left;

            &.centeredText {
                text-align: center;
                vertical-align: middle;
            }
        }

        th, .tableHeader td {
            border-bottom: 1px solid @helpTableBorderColor;
            color: @textColor;
            font-size: 16px;
            font-weight: 600;
            padding: 20px 8px 8px;
            vertical-align: middle;
        }

        .tableHeader td b {
            font-weight: 600;
        }

        h1 {
            font-size: 35px;
            font-weight: 300;
            margin: 10px 0 24px;
        }

        a {
            text-decoration: underline;

            &:hover {
                text-decoration: none;
            }
        }

        a.sup_link {
            text-decoration: none;
        }
    }

    div.description {
        li {
            line-height: 2em;
        }

        .keyword_block {
            li {
                display: inline;
                display: inline;
                line-height: 1.85em;
                line-height: 1.85em;
                margin: 0;
                margin: 0;
                padding: 1px 1px 1px 0px;
                padding: 1px 1px 1px 0px;
            }
        }
    }

    td.function {
        width: 35%;
    }

    td.shortfunction {
        width: 20%;
    }

    td.combination {
        width: 15%;
    }

    td.longdescription {
        width: 80%;
    }

    hr {
        background-color: @helpTableHRColor;
        border: 0;
        color: @helpTableHRColor;
        height: 1px;
        margin: 10px 0 15px;
        text-align: left;
        width: 90%;
    }

    p.note {
        background: @helpNoteColor;
        .borderRadius (2px);
        color: @helpNoteTextColor;
        display: block;
        overflow: auto;
        font-size: 13px;
        line-height: 1.3em;
        margin: 10px 0;
        min-height: 22px;
        padding: 10px 30px 10px 50px;
        position: relative;
        text-align: justify;

        &:before {
            color: @helpNoteTextColor;
            content: 'N';
            font-size: 15px;
            font-weight: 700;
            left: 15px;
            position: absolute;
            top: 10px;
        }

        &:after {
            color: @helpNoteTextColor;
            content: 'B:';
            font-size: 15px;
            font-weight: 700;
            left: 22px;
            position: absolute;
            top: 10px;
        }

        p {
            font-size: 13px;
            line-height: 1.3em;
        }
    }

    .keyword_block {
        a {
            border: 1px solid @helpBorderColor;
            color: #777777;
            cursor: pointer;
            display: inline;
            padding: 0px 5px;
            text-decoration: none;
            white-space: nowrap;

            &:hover {
                border-color: @textColorLinkMain;
                color: @textColorLinkMain;
                text-decoration: none;
            }
        }
    }
}

.InnerPage {
    &.search {
       padding-top: 60px;

        div.description {
            .menuleft {
                margin-top: 18px;
            }
        }
    }
}
.InnerPage {
    .documenteditorpages {
        td.description {
            float: none;
            margin: 0;
            width: 50%;
        }
    }

    h1.subHeaderFeaturesCaption {
        font-size: 30px;
        font-weight: 500;
        margin: 10px 0 24px;
    }

    .MainHelpCenter {
        h1 {
            font-size: 35px;
            font-weight: 300;
            margin: 10px 0 20px;
            line-height: 1.3em;
            padding-left: 0px;
        }
    }

    div.description {
        .DocsHowto {
            ul {
                li {
                    margin: 6px 0;
                }
            }
        }

        .PageGuides {
            ul {
                li {
                    margin: 6px 0;
                }
            }
        }

        .PageTips {
            ul {
                li {
                    margin: 6px 0;
                }
            }
        }

        .PageVideo {
            ul {
                li {
                    margin: 6px 0;
                }
            }
        }

        .GettingStarted {
            ul.howitworks_ui_expand_menu {
                margin: 16px 0 32px 20px;
            }

            ul.TableOfContents {
                line-height: 1.6em;
                margin: 10px 0 20px;
                padding-bottom: 10px;
            }

            ul.TableOfContentsSub {
                list-style: none;
            }
        }

        ul.SocialLinksForHelp {
            display: inline-block;
            margin: 60px 0 20px 0;
            max-width: 600px;
            padding: 0;

            li {
                float: left;
                line-height: 1.3em;
                list-style-type: none;
                margin: 0 15px 0 0;
                padding: 0;
            }

            a.teamlabButton {
                background: transparent url('/css/img/HelpCenter/TMButton.png') no-repeat center;
                display: block;
                height: 20px;
                width: 96px;
            }
        }

        .ContributorsBlock {
            ul {
                margin: 0;
                padding: 10px 0 8px;
            }

            li {
                border-bottom: 1px solid @helpBorderExampleColor;
                font-size: 11px;
                margin: 0;
                padding: 8px 0;
                width: 450px;

                b {
                    color: #b4b4b4;
                    display: inline-block;
                    width: 200px;
                }
            }
        }

        .menuleft {
            padding-top: 30px;

            .gs_active {
                font-weight: 700;
            }

            .mobileappsmenu {
                padding-top: 10px;
            }

            li {
                margin-left: 10px;

                a.leftmenu_translate {
                    padding-bottom: 18px;
                }

                a.leftmenu_countributors_guides {
                    padding-top: 18px;
                }
            }
        }

        .TableOfContents {
            li {
                margin: 0;
                padding: 0;
            }
        }

        ul {
            ul {
                list-style-type: circle;
            }
        }

        .keyword_block {
            ul {
                display: inline;
                line-height: 1.85em;
                margin: 0;
                padding: 1px 1px 1px 0px;
            }

            li {
                display: inline;
                line-height: 1.85em;
                margin: 0;
                padding: 1px 1px 1px 0px;
            }
        }

        .sitemap_new {
            ul {
                margin: 0;
                padding: 0;
                list-style-type: none;

                &[class^="smn_node"] {
                    li {
                        color: @textColorLinkMain;
                        padding: 3px 0 7px 20px;
                        margin-left: 10px;
                        border-left: dotted 1px @helpBorderColor;
                        position: relative;

                        .expanded_node {
                            left: -11px;
                            z-index: 10000;
                        }

                        &:last-child {
                            border-left: none 0;

                            .expanded_node {
                                left: -10px;
                            }

                            li {
                                .expanded_node {
                                    left: -11px;
                                }

                                &:last-child {
                                    .expanded_node {
                                        left: -10px;
                                    }

                                    li {
                                        .expanded_node {
                                            left: -11px;
                                        }

                                        &:last-child {
                                            .expanded_node {
                                                left: -10px;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        &:before {
                            content: '';
                            border-top: dotted 1px @helpBorderColor;
                            width: 15px;
                            position: absolute;
                            left: -1px;
                        }

                        &:last-child:before {
                            border-left: solid 1px @defaultWhiteColor;
                            left: 0;
                        }

                        &:last-child:after {
                            content: '';
                            border-left: dotted 1px @helpBorderColor;
                            width: 1px;
                            height: 20px;
                            position: absolute;
                            left: 0;
                            top: 1px;
                        }
                    }
                }

                &.smn_node_1 {
                    li {
                        font-size: 24px;

                        .expanded_node {
                            top: 9px;
                        }

                        &:before {
                            height: 9px;
                            top: 19px;
                        }

                        &:last-child:after {
                            height: 17px;
                        }
                    }
                }

                &.smn_node_2 {
                    li {
                        font-size: 20px;

                        .expanded_node {
                            top: 6px;
                        }

                        &:before {
                            height: 8px;
                            top: 16px;
                        }

                        &:last-child:after {
                            height: 15px;
                        }
                    }
                }

                &.smn_node_3 {
                    li {
                        font-size: 16px;

                        .expanded_node {
                            top: 2px;
                        }

                        &:before {
                            height: 6px;
                            top: 12px;
                        }

                        &:last-child:after {
                            height: 11px;
                        }
                    }
                }

                &.smn_node_4 {
                    li {
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 1.2em;
                        margin: 0 0 0 10px;

                        &:before {
                            height: 6px;
                            top: 12px;
                        }

                        &:last-child:after {
                            height: 11px;
                        }
                    }

                    li h2, li h3, li h2 a, li h3 a {
                        margin: 0;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 1.2em;
                    }
                }

                li {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    line-height: 1.2em;

                    &:first-child {
                        margin-top: 5px;
                    }

                    &.smn_main_header {
                        font-size: 30px;
                        color: @textColorLinkMain;
                    }
                }
            }
        }
    }

    .searchResult {
        h1 {
            margin: 10px 0;
        }

        h2 {
            margin: 25px 0 0;
            padding: 0;
        }

        p {
            padding: 0;
            margin: 0;
        }
    }

    .PdfHowto {
        p {
            background: url(/images/Site/Icons/file_pdf.png) no-repeat 0 15px;
            margin-bottom: 20px;
            margin-top: 0;
            padding-left: 45px;
        }
    }

    .DocsHowto {
        ul.docfile > li {
            background: url(/images/Site/Icons/file_doc.png) no-repeat 0 0;
            font-size: 16px;
            margin: 10px 0 30px;
            min-height: 32px;
            padding-left: 45px;

            p {
                color: #666666;
                margin: 0 0 -20px;
            }

            a.crm-task-title {
                font-weight: 600;
                text-transform: none;
            }
        }
    }

    p.gloss_capital {
        font-size: 25px;
        font-weight: 300;
    }

    .sm_list {
        .gloss_content {
            ul {
                line-height: 1.3em;
                list-style-type: none;
                margin: 2px 0;
            }

            li {
                line-height: 1.3em;
                list-style-type: none;
                margin: 2px 0;
            }
        }
    }

    .tags_list {
        .gloss_content {
            ul {
                -webkit-columns: 3 200px;
                -moz-columns: 3 200px;
                columns: 3 200px;
                column-gap: 0;
                padding-bottom: 30px;
            }
        }
    }

    div.description.main {
        .PageGuides {
            ul {
                li {
                    ul {
                        margin: 2px 0 20px 50px;
                    }
                }
            }
        }
    }

    .main {
        div.description {
            .MainHelpCenter {
                li {
                    a {
                        color: @textColorLinkMain;
                    }
                }
            }
        }
    }
}
.mobile_document_editor {
    hr {
        background-color: @helpTableHRColor;
        border: 0;
        color: @helpTableHRColor;
        height: 1px;
        margin: 10px 0 15px;
        text-align: left;
        width: 90%;
    }
}
.captchaHeader {
    color: @defaultWhiteColor;
    float: left;
    font-size: 25px;
    margin: 10px 5px;
}
.VideoMainContainer {
    .captchaHeader {
        width: auto;
    }
    background-color: @textColorBlackLight;
    display: none;
    padding: 1px 1px 0;
    width: 650px;
    iframe {
        border: 0px none @defaultWhiteColor;
        height: 365px;
        width: 650px;
    }
}
.FAQ {
    p {
        margin-left: 0px;
        padding-bottom: 27px;
    }
    ul {
        margin: -17px 0 27px;
    }
    ul.sysreq_add_soft {
        margin-top: 0;
    }
    .howitworks {
        margin-left: 20px;
        margin: 5px 0;
    }
    .notehelp {
        margin: -15px 0 36px;
    }
}
.img_right {
    float:left;
    margin-bottom: 15px;
    margin-right:10px;
}
.screen_text {
    iframe {
        border: 1px solid @helpBorderExampleColor;
    }
}
.main_buscall_container {
    margin-bottom: 40px;
    position: relative;
    z-index: 0;
    .bigVideoCont {
        background-color: @defaultWhiteColor;
        border: none;
        display:block;
        margin-bottom:23px;
        padding: 5px;
    }
}
.bigVideoCont.countrib {
    background-color: @defaultWhiteColor;
    border: none;
    display:block;
    margin-bottom:10px;
    margin-bottom:23px;
    padding: 5px;
}
.example {
    background: @mobileMenuColor;
    .borderRadius (2px);
    color: @helpNoteTextColor;
    display:block;
    font-size: 13px;
    line-height: 1.3em;
    margin: 15px 0;
    min-height: 22px;
    padding: 10px 30px 10px 50px;
    position: relative;
    text-align: justify;
    border-left: 5px solid @greenColor;
    border-right: 5px solid @greenColor;
    font-style: normal;

    &:before {
        color: @helpNoteTextColor;
        content: 'E.g.';
        font-size: 15px;
        font-weight: 700;
        left: 15px;
        position: absolute;
        top: 10px;
    }
    pre {
        font-style: normal;
    }
    p {
        font-size: 13px;
        padding: 0 0 10px;
    }
}
.maincontent.modules {
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding-bottom: 90px;
}
.hcmain_links_server {
    text-align: left;
}
.hcmain_links_server {
    text-align: left;
}

.hcmain_community {
    background-image: url(/images/icons/icon_people.png);
}

.hcmain_documents {
    background-image: url(/images/icons/icon_documents.png);
}

.hcmain_mail {
    background-image: url(/images/icons/icon_mail.png);
}

.hcmain_projects {
    background-image: url(/images/icons/icon_projects.png);
}

.hcmain_crm {
    background-image: url(/images/icons/icon_crm.png);
}

.hcmain_calendar {
    background-image: url(/images/icons/icon_calendar.png);
}

.hcmain_documenteditors {
    background-image: url(/images/icons/icon_DocumentEditors.png);
}

.hcmain_talk {
    background-image: url(/images/icons/icon_talk.png);
}

.hcmain_windows {
    background-image: url(/images/icons/icon_windows.png);
}

.hcmain_linux {
    background-image: url(/images/icons/icon_linux.png);
}

.hcmain_docker {
    background-image: url(/images/icons/icon_docker.png);
}

.hcmain_macos {
    background-image: url(/images/icons/icon_mac.png);
}

.hcmain_virtual {
    background-image: url(/images/icons/icon_vm.png);
}
.ds_link_main {
    padding-top: 10px;
}
.style_help_center {
    .main_help_links {
        display:inline-block;
        margin: 20px 0px 0;
        a {
            display:block;
            line-height: 2em;
        }
    }
    .main_help_links_server {
        a {
            display:block;
            line-height: 2em;
        }
    }
}
.main_help_links {
    table {
        td {
            padding: 0;
            width: 181px;
        }
    }
}
.block_of_step, .main_buscall_container .MainHelpCenter {
    h3 {
        font-size: 25px;
        font-weight: 300;
        padding: 20px 0 10px;
        line-height: 1.3em;
    }
    .block-editor, .inpage-toggler {
        min-height: 30px;
        span.toggler {
            left: 0;
            right: auto;
            top: 10px;
        }
        .contents, .ipcontents {
            padding: 40px 0 20px;
        }
    }
}
.MainHelpCenter.TableOfContentsPage, .main_buscall_container .MainHelpCenter {
    h3 {
        color: @textColor;
        font-size: 20px;
        font-weight: 300;
        padding: 15px 0 3px;
    }
}
.HelpCenterMain {
    .MainHelpCenter {
        .video_ground {
            .video_block {
                margin: 15px 20px 10px 0;
            }
        }
    }
}
.video_trips {
    .video_block {
        float: right;
    }
}
.GettingStarted {
    img {
        vertical-align: middle;
    }
    ul.howitworks_ui_expand_menu {
        li {
            list-style-type:none;
            margin:0;
            a {
                font-size:14px;
                line-height: 1.5em;
                text-decoration: none;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
    ul {
        list-style-type:none;
    }
    ul.TableOfContents {
        list-style-type:none;
        margin-left: 0;
        padding-left: 0;
    }
    .gs_content {
        ul {
            list-style-type: disc;
        }
    }
    .PortalHelp {
        ul {
            list-style-type: disc;
            ul {
                list-style-type: circle;
            }
        }
        a.see_also {
            background: transparent;
            color: @textColorLinkMain;
            display: inline;
            font-size: 14px;
            margin: 0;
        }
        .notehelp {
            a.see_also {
                font-size: inherit;
            }
        }
    }
    .question_answer {
        ul {
            list-style-type: disc;
        }
    }
    li {
        margin:0;
        padding:0;
        a {
            cursor:pointer;
        }
    }
    .screen_block {
        width:580px;
    }
    span {
        font-weight: 400;
        margin: 0;
        padding: 0;
    }
    span.gs_disabled {
        color: @textColor;
        cursor: default;
    }
    span.gs_link {
        &:hover {
            text-decoration: underline;
        }
    }
    .gs_active {
        font-weight: 700;
    }
    strong {
        color: @helpNoteTextColor;
    }
    .TableOfContents {
        li {
            margin-left: 0;
            padding-left: 0;
        }
    }
    .backtotop {
        border: 0;
        padding-bottom: 0;
    }
}
.Guides_Video_Captions {
    font-size:40px;
    margin-bottom:10px;
    margin-top:15px;
}
h1.TipsCaption {
    margin-bottom: 10px;
}
.MainHelpCenter.MobileApps {
    img.screen_guides {
        height: auto;
        width: auto;
    }
}
.bigphoto_screen {
    display:none;
}
.DocsHowto {
    ul {
        li {
            list-style-type:none;
            margin:0;
        }
    }
    a.link_pdf_howto {
        cursor:pointer;
        display:block;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 6px;
        margin-top: 0;
        text-decoration: none;
        text-transform: none;
        &:hover {
            text-decoration: underline;
        }
    }
    a {
        cursor:pointer;
    }
}
.PageGuides {
    ul {
        li {
            list-style-type:none;
            margin:0;
            a {
                font-size: 14px;
                line-height: 1.2em;
            }
            h2.doceditor {
                a {
                    color: #5976B3;
                }
            }
            h2.speditor {
                a {
                    color: #8DA451;
                }
            }
            h2.presenteditor {
                a {
                    color: #CC6028;
                }
            }
        }
    }
    h1 {
        font-size: 26px;
        font-weight: 600;
        margin: 10px 0 24px;
    }
}
.PageTips {
    ul {
        li {
            list-style-type:none;
            margin:0;
            a {
                font-size:14px;
                line-height: 1.2em;
            }
        }
    }
}
.PageVideo {
    ul {
        li {
            list-style-type:none;
            margin:0;
            a {
                font-size:14px;
                line-height: 1.2em;
                &:hover {
                    text-decoration: none;
                }
            }
        }
        li.playvideo {
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: auto 100%;
            border: 0;
            .shadowFullCustomizableInset(@byX: 0px, @byY: 0px, @radius: 138px, @strength: 50px, @color: rgba(0,0,0,0.45));
            cursor: pointer;
            display: block;
            height: 138px;
            margin: 0 0 20px;
            padding: 0;
            position: relative;
            text-align: center;
            vertical-align: middle;
            width: 246px;
        }
    }
    .playvideo {
        a {
            font-size:14px;
            line-height: 1.2em;
            &:hover {
                text-decoration: none;
            }
        }
    }
    div.playvideo {
        display: inline-block;
        margin: 0 10px 70px 0;
    }
    span.playbackbutton {
        left: calc(~"50% - 44px");
        top: calc(~"50% - 44px");
    }
    span.title_area {
        display: block;
        font-size: 14px;
        left: 0;
        line-height: 1.2em;
        position: relative;
        text-align: left;
        top: 145px;
        &:hover {
            text-decoration: underline;
        }
    }
    .manage_documents {
        background-image: url(/images/help/video/new/documents.png);
    }
    .manage_projects {
        background-image: url(/images/help/video/new/projects.png);
    }
    .crm_overview {
        background-image: url(/images/help/video/new/crm.png);
    }
    .manage_people {
        background-image: url(/images/help/video/new/people.png);
    }
    .manage_access_rights {
        background-image: url(/images/help/video/new/access_rights.png);
    }
    .calendar_overview {
        background-image: url(/images/help/video/new/calendar.png);
    }
    .mob_docs {
        background-image: url(/images/help/video/new/mob_docs.png);
    }
    .perfect_formatting {
        background-image: url(/images/help/video/new/perfect_formatting.png);
    }
    .perfect_day {
        background-image: url(/images/help/video/new/perfect_day.png);
    }
    .free_partnership {
        background-image: url(/images/help/presentations/free_partnership.png);
    }
    .partnership_ru {
        background-image: url(/images/help/presentations/partnership_ru.png);
    }
    .prs_online_documents {
        background-image: url(/images/help/presentations/online_documents.png);
    }
    .prs_crm {
        background-image: url(/images/help/presentations/crm.png);
    }
    .prs_projects {
        background-image: url(/images/help/presentations/projects.png);
    }
    .prs_msoffice {
        background-image: url(/images/help/presentations/msoffice.png);
    }
    .prs_google {
        background-image: url(/images/help/presentations/google.png);
    }
    .prs_zoho {
        background-image: url(/images/help/presentations/zoho.png);
    }
    .prs_openxchange {
        background-image: url(/images/help/presentations/openxchange.png);
    }
    .prs_other_editors {
        background-image: url(/images/help/presentations/other_editors.png);
    }
    .white_label {
        background-image: url(/images/help/video/new/white_label.png);
    }
    .partnership_benefits {
        background-image: url(/images/help/video/new/partnership_benefits.png);
    }
    .panel_for_admin {
        background-image: url(/images/help/presentations/panel_for_admin.png);
    }
    .panel_for_partner {
        background-image: url(/images/help/presentations/panel_for_partner.png);
    }
    .hosting_providers {
        background-image: url(/images/help/presentations/hosting_providers.png);
    }
    .coediting_presentation {
        background-image: url(/images/help/presentations/coediting_presentation.png);
    }
    .ONLYOFFICE_demo {
        background-image: url(/images/help/video/new/ONLYOFFICE_demo.png);
    }
    .google_data {
        background-image: url(/images/help/video/new/google_data.png);
    }
}
.PageGuides.contributors {
    ul {
        li {
            a {
                line-height: 1.5em;
            }
        }
    }
}
.borderBase {
    /*border: 1px solid @helpBorderExampleColor;*/
}
.tintMedium {
    background-color: @defaultWhiteColor;
}
.tooltip {
    left: -9999px;
    margin-top: -125px;
    line-height: 1.3em;
    padding: 15px;
    position: absolute;
    width: 400px;
    z-index: 999;
    .shadowLiteSmall;
}
.tooltip_languages {
    left: -9999px;
    line-height: 1.3em;
    padding: 15px;
    position: absolute;
    width: auto;
    z-index: 999;
    .shadowLiteSmall;
}
.troubleshootingpages {
    .GettingStarted {
        .gs_content {
            ul {
                list-style-type: disc;
                list-style-type: disc;
            }
        }
    }
}
ul.list_getstart {
    li {
        list-style-type:disc;
        ul {
            li {
                list-style-type: circle;
            }
        }
    }
}
.scrHelpContainer {
    background-color: @textColorBlackLight;
    display: none;
    min-width:400px;
    padding: 1px 1px 0;
}
a.closeContainerButton {
    background-color: transparent;
    color: @defaultWhiteColor;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 1px;
    padding: 5px;
    text-align: center;
}
.notehelp, .note, .InnerPage p.note {
    background: @mobileMenuColor;
    .borderRadius (2px);
    color: @helpNoteTextColor;
    display:block;
    font-size: 13px;
    line-height: 1.3em;
    margin: 15px 0;
    min-height: 22px;
    padding: 10px 30px 10px 50px;
    position: relative;
    text-align: justify;
    border-left: 5px solid @textColorLinkMain;
    border-right: 5px solid @textColorLinkMain;
    &:before {
        color: @helpNoteTextColor;
        content: 'N';
        font-size: 15px;
        font-weight: 700;
        left: 15px;
        position: absolute;
        top: 10px;
    }
    &:after {
        color: @helpNoteTextColor;
        content: 'B:';
        font-size: 15px;
        font-weight: 700;
        left: 22px;
        position: absolute;
        top: 10px;
    }
    &.nh_important {
        border-color: @redColor;
        padding-left: 30px;

        &:before, &:after {
            display: none;
        }
        
        &.error_text {
            background-color: #FFEDEA;
            font-family: "Roboto Mono", Consolas, Monaco, 'Andale Mono', monospace;
            font-style: normal;
            
            &.nh_pretext {
                white-space: pre-wrap;
            }
            
            &:before {
                content: 'Error text';
                display: block;
                position: relative;
                font-family: 'Open Sans', Arial, Tahoma;
                font-weight: 400;
                color: @redColor;
                left: 0;
                top: 0;
                padding: 0 0 10px;
            }
        }
    }
    &.nh_notice {
        border-color: @yellowColor;
        &:before {
            border-bottom: #fc4 3px solid;
            padding: 0 4px 1px 0;
        }
    }
    img.img_note {
        display: none;
    }
    p {
        font-size: 13px;
        line-height: 1.3em;
    }
}
.important_notice_label {
    display: block;
    color: @redColor;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
}
.noteportalhelp {
    background: @mobileMenuColor;
    .borderRadius (2px);
    color: @helpNoteTextColor;
    display:block;
    font-size: 13px;
    line-height: 1.3em;
    margin:10px 0;
    min-height: 22px;
    padding: 10px 30px 10px 50px;
    position: relative;
    text-align: justify;
    border-left: 5px solid @textColorLinkMain;
    border-right: 5px solid @textColorLinkMain;
}
.notehelp.paidoptions {
}
.notehelp.narrownote {
    margin-right: 320px;
}
.searchResult {
    ol {
        li {
            p {
                span {
                    background:yellow;
                }
            }
        }
    }
    h2 {
        a {
            font-size:16px;
        }
    }
}

/*.InnerPage.HelpCenterMain {
    .search_line {
        top: -47px;
    }
}*/
.PdfHowto {
    a.link_pdf_howto {
        cursor:pointer;
        display:block;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 6px;
        margin-top: 0;
        text-decoration: none;
        text-transform: none;
        &:hover {
            text-decoration: underline;
        }
    }
    a {
        cursor:pointer;
    }
}
.see_also {
    display: block;
    margin:0;
    padding:0;
    div {
        margin-bottom: 10px;
        padding: 0 0 0 45px;
        &:last-of-type {
            margin:0;
        }
    }
    div.caption {
        min-height: 32px;
    }
    a.links {
        clear: left;
        cursor: pointer;
        display: block;
        font-size: 13px;
        line-height: 1.3em;
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    a.crm-task-title {
        clear: left;
        cursor: pointer;
        display: block;
        font-size: 13px;
        line-height: 1.3em;
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    div.caption.gs {
        background: url('/css/img/Icons/start.png') no-repeat 2px 7px;
    }
    div.caption.faq {
        background: url('/css/img/Icons/faq.png') no-repeat 2px 7px;
    }
    div.caption.howto {
        background: url('/css/img/Icons/how_to.png') no-repeat 0 0;
    }
    div.caption.video {
        background: url('/css/img/Icons/video-guides.png') no-repeat 2px 7px;
    }
    div.caption.editors {
        background: url('/css/img/Icons/editors.png') no-repeat 2px 7px;
    }
    div.caption.translate {
        background: url('/css/img/HelpCenter/Translate.png') no-repeat 0 0;
        margin-bottom: -10px;
    }
    div.caption.tips {
        background: url('/css/img/Icons/idea.png') no-repeat 2px 7px;
    }
    div.caption.troubleshooting {
        background: url('/css/img/Icons/Troubleshoot.png') no-repeat 2px 7px;
    }
    div.caption.guides {
        background: url('/css/img/Icons/guides.png') no-repeat 2px 7px;
    }
    div.caption.admin_guides {
        background: url('/css/img/Icons/admin_guides.png') no-repeat 0 0;
    }
    div.caption.pdf {
        background: url('/css/img/Icons/doc.png') no-repeat 2px 7px;
    }
    div.caption.one {
        margin: 0;
        min-height: 30px;
        padding: 10px 0 0 45px;
    }
    .sm_gettingstarted {
        &:before {
            content: 'Getting Started: ';
        }
    }
    .sm_troubleshooting {
        &:before {
            content: 'Troubleshooting: ';
        }
    }
    .lable_tip {
        display: none;
    }
}
.windows_version, .linux_version, .docker_version {
    .see_also {
        div.caption {
            margin-top: 8px;
            a {
                padding: 0 0 8px;
            }
        }
    }
}
.docversion {
    background-color: #d9d9d9;
    /*.borderRadius (2px);*/
    color: #83888d;
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 10px;
    padding: 0 5px;
    white-space: nowrap;
}
.docversion.new {
    background-color: #52A9D9;
    color: @defaultWhiteColor;
}
table.integrating_talk {
    border-collapse: separate;
    border:solid 1px gray;
    td {
        border-collapse: separate;
        border:solid 1px gray;
        padding: 7px 2px;
        text-align: center;
        vertical-align: middle;
        width: 20%;
    }
    tr {
        border-collapse: separate;
        border:solid 1px gray;
    }
    th {
        background-color: #dcdcdc;
        border-collapse: separate;
        border:solid 1px gray;
        font-weight: bold;
        padding: 7px 2px;
        text-align: center;
        vertical-align: middle;
        width: 20%;
    }
}
#SeeAlsoBlockLinks {
    display:none;
}
.block_also {
    background-color:#E0E1E6;
    .shadowLiteSmall;
    bottom: 0;
    padding:10px 15px 15px 15px;
    position:fixed;
    right:-430px;
    width:340px;
    z-index:1000;
    .close_also {
        cursor:pointer;
		display: block;
		background: url(/images/closelabel.png) no-repeat 50% 50%;
		width: 15px;
		height: 15px;
		position: absolute;
		right: 11px;
		top: 12px;
		border-radius: 25px;
		color: transparent;
		
		&:hover {
			background-color: rgba(255,255,255,0.7);
		}
    }
    .read_also {
        color: @textColor;
        display: inline-block;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 8px;
    }
}
.InnerPage div.description li.avail_lang_ru, .InnerPage div.description li.avail_lang_es, .InnerPage div.description li.avail_lang_en, .InnerPage div.description li.avail_lang_tr, .InnerPage div.description li.avail_lang_fr, .InnerPage div.description li.avail_lang_th, .InnerPage div.description li.avail_lang_de, .InnerPage div.description li.avail_lang_br, .InnerPage div.description li.avail_lang_vi, .InnerPage div.description a.avail_lang_ru, .InnerPage div.description a.avail_lang_es, .InnerPage div.description a.avail_lang_en, .InnerPage div.description a.avail_lang_tr, .InnerPage div.description a.avail_lang_fr, .InnerPage div.description a.avail_lang_th, .InnerPage div.description a.avail_lang_de, .InnerPage div.description a.avail_lang_br, .InnerPage div.description a.avail_lang_vi  {
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
div.contrib_description {
    margin: 0 0 0 5px;
}
div.playvideo {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 0;
    .shadowFullCustomizableInset(@byX: 0px, @byY: 0px, @radius: 138px, @strength: 50px, @color: rgba(0,0,0,0.45));
    cursor: pointer;
    display: block;
    height: 138px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 246px;
    a {
        display: block;
        height: 138px;
        position: relative;
        width: 246px;
        z-index: 100;
    }
}
span.playbackbutton {
    background-image: url(/images/video.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 88px;
    left: calc(~"50% - 44px");
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(~"50% - 44px");
    width: 88px;
    z-index: 50;
    &:hover {
        background-position: 0 -88px;
    }
}
span.playbackbutton.presentation {
    background-image: url(/images/Help/prez_play.png);
    &:hover {
        background-position: 0 -87px;
    }
}
.watchvideo_block {
    float: right;
    text-align: center;
    width: 246px;
    span.playbackbutton {
        left: calc(~"50% - 44px");
        top: calc(~"50% - 44px");
    }
    .manage_documents {
        background-image: url(/images/help/video/new/documents.png);
    }
    .manage_projects {
        background-image: url(/images/help/video/new/projects.png);
    }
    .crm_overview {
        background-image: url(/images/help/video/new/crm.png);
    }
    .manage_people {
        background-image: url(/images/help/video/new/people.png);
    }
    .manage_access_rights {
        background-image: url(/images/help/video/new/access_rights.png);
    }
    .calendar_overview {
        background-image: url(/images/help/video/new/calendar.png);
    }
    .mob_docs {
        background-image: url(/images/help/video/new/mob_docs.png);
    }
    .perfect_formatting {
        background-image: url(/images/help/video/new/perfect_formatting.png);
    }
    .perfect_day {
        background-image: url(/images/help/video/new/perfect_day.png);
    }
    .free_partnership {
        background-image: url(/images/help/presentations/free_partnership.png);
    }
    .partnership_ru {
        background-image: url(/images/help/presentations/partnership_ru.png);
    }
    .prs_online_documents {
        background-image: url(/images/help/presentations/online_documents.png);
    }
    .prs_crm {
        background-image: url(/images/help/presentations/crm.png);
    }
    .prs_projects {
        background-image: url(/images/help/presentations/projects.png);
    }
    .prs_msoffice {
        background-image: url(/images/help/presentations/msoffice.png);
    }
    .prs_google {
        background-image: url(/images/help/presentations/google.png);
    }
    .prs_zoho {
        background-image: url(/images/help/presentations/zoho.png);
    }
    .prs_openxchange {
        background-image: url(/images/help/presentations/openxchange.png);
    }
    .prs_other_editors {
        background-image: url(/images/help/presentations/other_editors.png);
    }
    .white_label {
        background-image: url(/images/help/video/new/white_label.png);
    }
    .partnership_benefits {
        background-image: url(/images/help/video/new/partnership_benefits.png);
    }
    .panel_for_admin {
        background-image: url(/images/help/presentations/panel_for_admin.png);
    }
    .panel_for_partner {
        background-image: url(/images/help/presentations/panel_for_partner.png);
    }
    .hosting_providers {
        background-image: url(/images/help/presentations/hosting_providers.png);
    }
    .coediting_presentation {
        background-image: url(/images/help/presentations/coediting_presentation.png);
    }
    .link_to_video {
        background-color: @defaultWhiteColor;
        display: block;
        height: 60px;
        left: 0;
        padding: 5px 0;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 145px;
        width: 246px;
        z-index: 25;
    }
    a {
        &:hover {
            text-decoration: underline;
        }
    }
    h2 {
        margin: 0 0 16px 0;
        padding: 0;
    }
    div.playvideo {
        height: 208px;
        margin: 0 auto;
        padding: 0;
    }
    h2.partners_video_block {
        margin-bottom: 40px;
    }
}
.corporate_photo_album {
    background-image: url(/images/help/video/corporate_photo_album.png);
}
.adding_subtasks {
    background-image: url(/images/help/video/adding_subtasks.png);
}
.manage_team {
    background-image: url(/images/help/video/manage_team.png);
}
.customize_portal {
    background-image: url(/images/help/video/customize_portal.png);
}
.create_forum {
    background-image: url(/images/help/video/create_forum.png);
}
.community_events {
    background-image: url(/images/help/video/community_events.png);
}
.insert_image {
    background-image: url(/images/help/video/insert_image.png);
}
.create_poll {
    background-image: url(/images/help/video/create_poll.png);
}
.maintain_blog {
    background-image: url(/images/help/video/maintain_blog.png);
}
.post_forum {
    background-image: url(/images/help/video/post_forum.png);
}
.add_post {
    background-image: url(/images/help/video/add_post.png);
}
.manage_bookmarks {
    background-image: url(/images/help/video/manage_bookmarks.png);
}
.knowledge_base {
    background-image: url(/images/help/video/knowledge_base.png);
}
.free_proj_manag {
    background-image: url(/images/help/video/people_main.png);
}
.modify_project {
    background-image: url(/images/help/video/modify_project.png);
}
.team_access_rights {
    background-image: url(/images/help/video/team_access_rights.png);
}
.private_project {
    background-image: url(/images/help/video/private_project.png);
}
.track_report {
    background-image: url(/images/help/video/track_report.png);
}
.fulfill_task {
    background-image: url(/images/help/video/fulfill_task.png);
}
.start_discussion {
    background-image: url(/images/help/video/start_discussion.png);
}
.add_task {
    background-image: url(/images/help/video/add_task.png);
}
.schedule_workflow {
    background-image: url(/images/help/video/schedule_workflow.png);
}
.create_project {
    background-image: url(/images/help/video/create_project.png);
}
.talkvideo {
    background-image: url(/images/help/video/talk.png);
}
.ways_communicate {
    background-image: url(/images/help/video/ways_communicate.png);
}
.create_case {
    background-image: url(/images/help/video/create_case.png);
}
.track_opportunities {
    background-image: url(/images/help/video/track_opportunities.png);
}
.update_contacts {
    background-image: url(/images/help/video/update_contacts.png);
}
.crm_import_contacts {
    background-image: url(/images/help/video/crm_import_contacts.png);
}
.share_calendar {
    background-image: url(/images/help/video/share_calendar.png);
}
.share_event {
    background-image: url(/images/help/video/share_event.png);
}
.event_reminder {
    background-image: url(/images/help/video/event_reminder.png);
}
.recurring_event {
    background-image: url(/images/help/video/recurring_event.png);
}
.all_day_event {
    background-image: url(/images/help/video/all_day_event.png);
}
.basecamp_import {
    background-image: url(/images/help/video/basecamp_import.png);
}
.backup_restore {
    background-image: url(/images/help/video/backup_restore.png);
}
.decorating_posts {
    background-image: url(/images/help/video/decorating_posts.png);
}
.report_templates {
    background-image: url(/images/help/video/report_templates.png);
}
.assign_color {
    background-image: url(/images/help/video/assign_color.png);
}
.duplicate_contacts {
    background-image: url(/images/help/video/duplicate_contacts.png);
}
.task_categories {
    background-image: url(/images/help/video/task_categories.png);
}
.opportunity_stages {
    background-image: url(/images/help/video/opportunity_stages.png);
}
.contact_types {
    background-image: url(/images/help/video/contact_types.png);
}
.user_fields {
    background-image: url(/images/help/video/user_fields.png);
}
.export_data {
    background-image: url(/images/help/video/export_data.png);
}
.time_tracking {
    background-image: url(/images/help/video/time_tracking.png);
}
.follow_projects {
    background-image: url(/images/help/video/follow_projects.png);
}
.similar_projects {
    background-image: url(/images/help/video/similar_projects.png);
}
.integrate_dropbox {
    background-image: url(/images/help/video/integrate_dropbox.png);
}
.content_email {
    background-image: url(/images/help/video/content_email.png);
}
.assign_administrators {
    background-image: url(/images/help/video/assign_administrators.png);
}
.tasks_priorities {
    background-image: url(/images/help/video/tasks_priorities.png);
}
.manage_subscriptions {
    background-image: url(/images/help/video/manage_subscriptions.png);
}
.integrate_google {
    background-image: url(/images/help/video/integrate_google.png);
}
.integrate_box {
    background-image: url(/images/help/video/integrate_box.png);
}
.coordinate_aspects {
    background-image: url(/images/help/video/coordinate_aspects.png);
}
.guest_users {
    background-image: url(/images/help/video/guest_users.png);
}
.doc_collaboration {
    background-image: url(/images/help/video/doc_collaboration.png);
}
.install_docker {
    background-image: url(/images/help/video/new/install_docker.png);
}
.enterprise_script {
    background-image: url(/images/help/video/new/enterprise_script.png);
}
.virtual_hyperv {
    background-image: url(/images/help/video/new/virtual_hyperv.png);
}
.virtual_virtualbox {
    background-image: url(/images/help/video/new/virtual_virtualbox.png);
}
.virtual_vmware {
    background-image: url(/images/help/video/new/virtual_vmware.png);
}
.install_coreos {
    background-image: url(/images/help/video/new/install_coreos.png);
}
.ldap_settings {
    background-image: url(/images/help/video/new/ldap_settings.png);
}
.third_party_facebook {
    background-image: url(/images/help/video/new/third_party_facebook.png);
}
.third_party_twitter {
    background-image: url(/images/help/video/new/third_party_twitter.png);
}
.third_party_google {
    background-image: url(/images/help/video/new/third_party_google.png);
}
.third_party_linkedin {
    background-image: url(/images/help/video/new/third_party_linkedin.png);
}
.third_party_onedrive {
    background-image: url(/images/help/video/new/third_party_onedrive.png);
}
.third_party_dropbox {
    background-image: url(/images/help/video/new/third_party_dropbox.png);
}
.third_party_box {
    background-image: url(/images/help/video/new/third_party_box.png);
}
.connect_document_windows {
    background-image: url(/images/help/video/new/connect_document_windows.png);
}
.install_community_windows {
    background-image: url(/images/help/video/new/install_community_windows.png);
}
.install_communitys_ubuntu {
    background-image: url(/images/help/video/new/install_communitys_ubuntu.png);
}
.gantt_chart {
    background-image: url(/images/help/video/new/gantt_chart.png);
}
.co_editing {
    background-image: url(/images/help/video/new/co-editing.png);
}
.desktop_editors_video {
    background-image: url(/images/help/video/new/desktop_editors.png);
}
.strikethrough {
    text-decoration: underline;
}
.android_connect_cloud_video {
    background-image: url(/images/help/video/new/android_connect_cloud.png);
}
.android_connect_personal_video {
    background-image: url(/images/help/video/new/android_personal.png);
}
.android_connect_server_video {
    background-image: url(/images/help/video/new/android_connect_server.png);
}
.android_overview_video {
    background-image: url(/images/help/video/new/android_overview.png);
}
.spreadsheet_android_video {
    background-image: url(/images/help/video/new/spreadsheet_android.png);
}
.presentation_android_video {
    background-image: url(/images/help/video/new/presentation_android.png);
}
.open_save_android_video {
    background-image: url(/images/help/video/new/open_save_android.png);
}
.share_android_video {
    background-image: url(/images/help/video/new/share_android.png);
}
.organize_android_video {
    background-image: url(/images/help/video/new/organize_android.png);
}
.nextcloud_android_video {
    background-image: url(/images/help/video/new/nextcloud_android.png);
}
.online_editor_overview_video {
    background-image: url(/images/help/video/new/online_editor_overview.png);
}
.crm_twilio_video {
    background-image: url(/images/help/video/new/crm_twilio.png);
}
.digitalocean_oneclick_video {
    background-image: url(/images/help/video/new/digitalocean_oneclick.png);
}
.nextcloud_app_video {
    background-image: url(/images/help/video/new/nextcloud_app.png);
}
.integrate_nextcloud_video {
    background-image: url(/images/help/video/new/integrate_nextcloud.png);
}
.integrate_owncloud_video {
    background-image: url(/images/help/video/new/integrate_owncloud.png);
}
.integrate_sharepoint_video {
    background-image: url(/images/help/video/new/integrate_sharepoint.png);
}
.google_data {
    background-image: url(/images/help/video/new/google_data.png);
}
.fast_strict_video {
    background-image: url(/images/help/video/new/fast_strict.png);
}
.edit_nextcloud_video {
    background-image: url(/images/help/video/new/edit_nextcloud.png);
}
.coedit_nextcloud_video {
    background-image: url(/images/help/video/new/coedit_nextcloud.png);
}
.review_video {
    background-image: url(/images/help/video/new/review.png);
}
.filling_forms_video {
    background-image: url(/images/help/video/new/filling_forms.png);
}
.comparison_video {
    background-image: url(/images/help/video/new/comparison.png);
}
.enterprise_aws_video {
    background-image: url(/images/help/video/new/enterprise_aws.png);
}
.integrate_alfresco_video {
    background-image: url(/images/help/video/new/integrate_alfresco.png);
}
.references_video {
    background-image: url(/images/help/video/new/third_party_references.png);
}
.sheetview_video {
    background-image: url(/images/help/video/new/sheetview.png);
}
.charts_video {
    background-image: url(/images/help/video/new/charts.png);
}
.referencetypes_video {
    background-image: url(/images/help/video/new/reference-types.png);
}
.install_docs_docker_video {
    background-image: url(/images/help/video/new/install_docs_docker.png);
}
div.description {
    .TableOfContents {
        span, a {
            color: @textColorLinkMain;
            cursor: pointer;
            display: inline-block;
            margin: 0 -2px 0 0;
            padding: 1px 5px;
        }
    }
    h6 {
        color: @textColor;
        font-size: 19px;
        font-weight: 300;
        margin: 20px 0 0;
        text-transform: none;
		
		code {
			font-family: 'Open Sans', sans-serif, Arial;
		}
    }
    h2.hcmain_section2 {
        margin-top: 40px;
    }
    h2.hcmain_section3 {
        float: left;
        margin-top: 0;
    }
}
.glossary_list {
    span {
        color: @textColorLinkMain;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        margin: 0 -2px 0 0;
        margin: 0 -2px 0 0;
        padding: 1px 5px;
        padding: 1px 5px;
    }
    span.gloss_disabled {
        color: @textColor;
        cursor: default;
    }
    a.see_also {
        background: transparent;
        border-bottom: 1px dotted @textColorLinkMain;
        color: @textColorLinkMain;
        display: inline;
        font-size: 14px;
        margin: 0;
        padding: 0 2px;
        text-decoration: none;
        &:hover {
            background: @helpLinkBackgroundColor;
            /*.borderRadius (3px);*/
        }
    }
    span.gloss_link {
        &:hover {
            background: @helpLinkBackgroundColor;
            /*.borderRadius (3px);*/
        }
    }
    .gloss_active {
        background: @textColorLinkMain;
        /*.borderRadius (3px);*/
        color: @defaultWhiteColor;
        font-weight: 700;
    }
    strong {
        color: @helpNoteTextColor;
    }
    ol {
        margin: 0 0 0 40px;
        padding: 0;
        li {
            line-height: 1.5em;
        }
    }
    .notehelp {
        a.see_also {
            font-size: inherit;
        }
    }
}
.TableOfContents {
    span, a {
        font-size: 13px;
    }
}
.backtotop {
    border-bottom: 1px solid @helpBorderBottomColor;
    padding-bottom: 20px;
}
.gloss_content {
    padding-bottom: 10px;
}
.gs_content {
    border-bottom: 1px solid @helpBorderBottomColor;
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 30px;
}
.watermark {
    color: #B8B8B8;
    display: block;
    font-size: 13px;
}
span.label {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0;
}
.PortalHelp {
    li {
        margin: 5px 0;
    }
}
#f_a_q {
    margin-top: 20px;
}
#translate {
    margin-bottom: 20px;
}
.leftmenu_mobile_document_editor_expand,
.leftmenu_mobile_presentation_editor_expand,
.leftmenu_mobile_se_expand,
.mobile_document_editor_expand_menu,
.mobile_presentation_editor_expand_menu,
.mobile_se_expand_menu,
.howworks_expand_menu,
.registering_expand_menu,
.preparing_expand_menu,
.earning_expand_menu,
.registering .leftmenu_registering,
.preparing .leftmenu_preparing,
.earning .leftmenu_earning,
.trainingcenterpage .leftmenu_trainingcenter,
.introduction .leftmenu_introduction,
.presentation .leftmenu_presentation,
.gs_expand_menu,
.contributorguidespage .guides_expand_menu,
.guides_expand_menu,
.f_a_q_expand_menu,
.video_expand_menu,
.tips_expand_menu,
.troubleshooting_expand_menu,
.general_expand_menu,
.documents_expand_menu,
.projects_expand_menu,
.crm_expand_menu,
.people_expand_menu,
.community_expand_menu,
.mail_expand_menu,
.calendar_expand_menu,
.talk_expand_menu,
.documenteditor_expand_menu,
.leftmenu_documenteditor_toggle_expand_menu,
.leftmenu_spreadsheeteditor_toggle_expand_menu,
.leftmenu_presentationeditor_toggle_expand_menu,
.documenteditor_ui_expand_menu,
.documenteditor_hh_expand_menu,
.presentationeditor_expand_menu,
.presentationeditor_ui_expand_menu,
.presentationeditor_hh_expand_menu,
.spreadsheeteditor_expand_menu,
.spreadsheeteditor_ui_expand_menu,
.spreadsheeteditor_hh_expand_menu,
.mobileprojects_expand_menu,
.mob_docs_android_expand_menu,
.mobiledocuments_android_expand_menu,
.mob_docs_expand_menu,
.mobiledocuments_expand_menu,
.mob_proj_expand_menu,
.integration_expand_menu,
.installationworkspace_expand_menu,
.installationdocs_expand_menu,
.administrationworkspace_expand_menu,
.userguidesworkspace_expand_menu,
.userguidesgroups_expand_menu,
.userguidesdocs_expand_menu,
.userguidesmobile_expand_menu {
    display: none;
}
.spreadsheeteditor_ui.insertfunction .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_use_functions,
div.description .MainHelpCenter .leftmenu_documenteditor_toggle_expand_menu,
div.description .MainHelpCenter .leftmenu_spreadsheeteditor_toggle_expand_menu,
div.description .MainHelpCenter .leftmenu_presentationeditor_toggle_expand_menu,
div.description .MainHelpCenter .documenteditor_ui_expand_menu,
div.description .MainHelpCenter .documenteditor_hh_expand_menu,
div.description .MainHelpCenter .spreadsheeteditor_ui_expand_menu,
div.description .MainHelpCenter .spreadsheeteditor_hh_expand_menu,
div.description .MainHelpCenter .presentationeditor_ui_expand_menu,
div.description .MainHelpCenter .presentationeditor_hh_expand_menu,
.mobilegettingstartedpages .mobiledocuments_expand_menu,
.mobileappspage .mobiledocuments_expand_menu,
.mobileguidespages .mobiledocuments_expand_menu,
.mob_proj .mob_proj_expand_menu,
.gettingstartedpages .gs_expand_menu,
.mobilegettingstartedpages .mob_docs_expand_menu,
.mobileguidespages .mob_docs_expand_menu,
.faqpage .f_a_q_expand_menu,
.gs_configurationpage .general_expand_menu,
.documents .documents_expand_menu,
.gs_documentspage .documents_expand_menu,
.projects .projects_expand_menu,
.gs_projectspage .projects_expand_menu,
.crm .crm_expand_menu,
.gs_crmpage .crm_expand_menu,
.people .people_expand_menu,
.gs_peoplepage .people_expand_menu,
.community .community_expand_menu,
.gs_communitypage .community_expand_menu,
.mail .mail_expand_menu,
.gs_mailpage .mail_expand_menu,
.calendar .calendar_expand_menu,
.gs_calendarpage .calendar_expand_menu,
.talk .talk_expand_menu,
.gs_talkpage .talk_expand_menu,
.documenteditor .documenteditor_expand_menu,
.documenteditor_ui .documenteditor_ui_expand_menu,
.documenteditor_hh .documenteditor_hh_expand_menu,
.spreadsheeteditor .spreadsheeteditor_expand_menu,
.spreadsheeteditor_ui .spreadsheeteditor_ui_expand_menu,
.spreadsheeteditor_hh .spreadsheeteditor_hh_expand_menu,
.presentationeditor .presentationeditor_expand_menu,
.presentationeditor_ui .presentationeditor_ui_expand_menu,
.presentationeditor_hh .presentationeditor_hh_expand_menu,
.mob_docs_ios .mobileprojects_expand_menu,
.mobile_document_editor .mobileprojects_expand_menu,
.mobile_se .mobileprojects_expand_menu,
.mobile_presentation_editor .mobileprojects_expand_menu,
.android_document_editor .mobileprojects_expand_menu,
.android_se .mobileprojects_expand_menu,
.android_presentation_editor .mobileprojects_expand_menu,
.android_documents .mobileprojects_expand_menu,
.mobileappspage .mobileprojects_expand_menu,
.mobileprojects .mobileprojects_expand_menu,
.android_documents .mob_docs_android_expand_menu,
.android_documents .mobiledocuments_android_expand_menu,
.android_document_editor .mob_docs_android_expand_menu,
.android_document_editor .mobiledocuments_android_expand_menu,
.android_se .mob_docs_android_expand_menu,
.android_se .mobiledocuments_android_expand_menu,
.android_presentation_editor .mob_docs_android_expand_menu,
.android_presentation_editor .mobiledocuments_android_expand_menu,
.mob_docs_ios .mob_docs_expand_menu,
.mobile_document_editor .mob_docs_expand_menu,
.mobile_presentation_editor .mob_docs_expand_menu,
.mobile_spreadsheet .mob_docs_expand_menu,
.mob_docs_ios .mobiledocuments_expand_menu,
.mobile_document_editor .mobiledocuments_expand_menu,
.mobile_presentation_editor .mobiledocuments_expand_menu,
.mobile_se .mobiledocuments_expand_menu,
.mobile_document_editor .mobile_document_editor_expand_menu,
.mobile_se .mobile_se_expand_menu,
.mobile_presentation_editor .mobile_presentation_editor_expand_menu,
.android_document_editor .mobile_document_editor_expand_menu,
.android_se .mobile_se_expand_menu,
.android_presentation_editor .mobile_presentation_editor_expand_menu,
.ios_web_document_editor .mobile_document_editor_expand_menu,
.ios_web_se .mobile_se_expand_menu,
.ios_web_presentation_editor .mobile_presentation_editor_expand_menu,
.android_web_document_editor .mobile_document_editor_expand_menu,
.andr_web_se .mobile_se_expand_menu,
.android_web_presentation_editor .mobile_presentation_editor_expand_menu,
.integration .integration_expand_menu,
.gs_integrationpage .integration_expand_menu,
.installationworkspacepage .installationworkspace_expand_menu,
.installationdocspage .installationdocs_expand_menu,
.administrationworkspacepage .administrationworkspace_expand_menu,
.userguidesdocspage .userguidesdocs_expand_menu,
.userguidesgroupspage .userguidesgroups_expand_menu,
.userguidesworkspacepage .userguidesworkspace_expand_menu,
.userguidesmobilepage .userguidesmobile_expand_menu {
    display: block;
}
.insertfunction .leftmenu_spreadsheeteditor_insertfunction, .control_panel .leftmenu_controlpanel, .saas_version .leftmenu_cloud, .connectors .leftmenu_integration, .connectors_alfresco .leftmenu_integration_alfresco, .connectors_confluence .leftmenu_integration_confluence, .connectors_humhub .leftmenu_integration_humhub, .connectors_liferay .leftmenu_integration_liferay, .connectors_nextcloud .leftmenu_integration_nextcloud, .connectors_nuxeo .leftmenu_integration_nuxeo, .connectors_owncloud .leftmenu_integration_owncloud, .connectors_plone .leftmenu_integration_plone, .connectors_sharepoint .leftmenu_integration_sharepoint, .virtual_version .leftmenu_virtual, .virtual .leftmenu_virtual, .virtual .leftmenu_enterprise, .enterprise .leftmenu_enterprise, .documents .leftmenu_documentserver, .windows_version .leftmenu_windows, .desktop_macos_version .leftmenu_macos, .desktop_windows_version .leftmenu_windows, .linux_version .leftmenu_linux, .desktop_linux_version .leftmenu_linux, .docker_version .leftmenu_docker, .one_click_install .leftmenu_oneclick, .common_all_os .leftmenu_all_os, .integration .connector, .all_platforms .leftmenu_all_os, .oneclick .leftmenu_oneclickinstall, .general .leftmenu_communityserver, .mail .leftmenu_mailserver, .general .leftmenu_general, .documents .leftmenu_documents, .documents .leftmenu_mob_docs, .projects .leftmenu_projects, .crm .leftmenu_crm, .people .leftmenu_people, .community .leftmenu_community, .calendar .leftmenu_calendar, .mail .leftmenu_mail, .talk .leftmenu_talk, .getting_startedpage .leftmenu_getting_started, .gs_documentspage .leftmenu_documents, .gs_integrationpage .leftmenu_integration, .gs_projectspage .leftmenu_projects, .gs_crmpage .leftmenu_crm, .gs_peoplepage .leftmenu_people, .gs_communitypage .leftmenu_community, .gs_configurationpage .leftmenu_general, .gs_calendarpage .leftmenu_calendar, .gs_mailpage .leftmenu_mail, .gs_talkpage .leftmenu_talk, .troubleshootingpage.mail .leftmenu_troubleshooting_mail, .troubleshootingpage.general .leftmenu_troubleshooting_server, .troubleshootingpage.people .leftmenu_troubleshooting_people, .troubleshootingpage.general .leftmenu_troubleshooting_general, .troubleshootingpage.calendar .leftmenu_troubleshooting_calendar, .troubleshootingpage.projects .leftmenu_troubleshooting_projects, .troubleshootingpage.documents .leftmenu_troubleshooting_documents, .troubleshootingpage.community .leftmenu_troubleshooting_community, .troubleshootingpage.talk .leftmenu_troubleshooting_talk, .troubleshootingpage.crm .leftmenu_troubleshooting_crm, .contributorguidespage .leftmenu_countributors_guides, .editors_user_guides .leftmenu_editorsuserguides, .digitalocean .leftmenu_digitalocean, .installation_guides .leftmenu_installationguides, .installation_docs .leftmenu_installationdocs, .docs_enterprise_edition .leftmenu_docsenterprise, .developer_edition .leftmenu_docsdeveloper, .docs_community_edition .leftmenu_docscommunity, .installation_groups .leftmenu_installationgroups, .installation_mail .leftmenu_installationmail, .installation_talk .leftmenu_installationtalk, .installation_workspace .leftmenu_installationworkspace, .installation_workspace_ce .leftmenu_installationworkspacece, .installation_workspace_ee .leftmenu_installationworkspaceee, .installation_workspace_cloud .leftmenu_installationworkspacecloud, .installation_desktop .leftmenu_installationdesktop, .installation_mobile .leftmenu_installationmobile, .integration_alfresco .leftmenu_integration_alfresco, .integration_confluence .leftmenu_integration_confluence, .integration_humhub .leftmenu_integration_humhub, .integration_liferay .leftmenu_integration_liferay, .integration_nextcloud .leftmenu_integration_nextcloud, .integration_nuxeo .leftmenu_integration_nuxeo, .integration_owncloud .leftmenu_integration_owncloud, .integration_plone .leftmenu_integration_plone, .integration_sharepoint .leftmenu_integration_sharepoint, .userguides .leftmenu_userguides, .userguides_docs .leftmenu_userguidesdocs, .userguides_docs_de .leftmenu_userguidesdocs_de, .userguides_docs_se .leftmenu_userguidesdocs_se, .userguides_docs_pe .leftmenu_userguidesdocs_pe, .userguides_docs_guides .leftmenu_userguidesdocs_guides, .user_guides_groups .leftmenu_userguidesgroups, .user_guides_groups_documents .leftmenu_userguidesgroupsdocuments, .user_guides_groups_people .leftmenu_userguidesgroupspeople, .user_guides_groups_community .leftmenu_userguidesgroupscommunity, .user_guides_groups_crm .leftmenu_userguidesgroupscrm, .user_guides_groups_projects .leftmenu_userguidesgroupsprojects, .user_guides_groups_mail .leftmenu_userguidesgroupsmail, .user_guides_groups_calendar .leftmenu_userguidesgroupscalendar, .user_guides_workspace .leftmenu_userguidesworkspace, .user_guides_workspace_groups .leftmenu_userguidesworkspacegroups, .user_guides_workspace_docs .leftmenu_userguidesworkspacedocs, .user_guides_workspace_mail .leftmenu_userguidesworkspacemail, .user_guides_workspace_talk .leftmenu_userguidesworkspacetalk, .userguides_mobile .leftmenu_userguidesmobile, .userguides_mobile_ios .leftmenu_userguidesmobileios, .userguides_mobile_android .leftmenu_userguidesmobileandroid, .userguides_mobile_projects .leftmenu_userguidesmobileprojects, .userguides_mobile_web .leftmenu_userguidesmobileweb, .administration_guides .leftmenu_administrationguides, .administration_guides_workspace .leftmenu_administrationguides_workspace, .administration_guides_portal .leftmenu_portalmanagement, .administration_guides_security .leftmenu_security, .administration_guides_configuringmodules .leftmenu_configuringmodules, .administration_guides_customizingmodules .leftmenu_customizingmodules, .administration_guides_managingusers .leftmenu_managingusers, .administration_guides_managingnotifications .leftmenu_managingnotifications, .administration_guides_externalservices .leftmenu_externalservices, .administration_guides_controlpanel .leftmenu_administrationguides_controlpanel, .videopage .leftmenu_video {
    color: @textColorLinkMain !important;
    font-weight: 700;
}
.question_answer {
    margin: 0 0 32px 0;
    p {
        span {
            color: @textColorLinkMain;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            margin: 0 8px 0 0;
            &.answer {
                color: #5B9C18;
            }
        }
    }
}
.inner_delimiter {
    border-bottom: 1px dotted @helpBorderBottomColor;
    height: 1px;
    margin: 16px 0 0;
    padding: 0;
}
.MainHelpCenter.GettingStarted {
    .keyword_block {
        a {
            border: 1px solid @helpBorderColor;
            color: #777;
            cursor: pointer;
            display: inline;
            padding: 0px 5px;
            text-decoration: none;
            white-space: nowrap;
            &:hover {
                border-color: @textColorLinkMain;
                color: @textColorLinkMain;
                text-decoration: none;
            }
        }
    }
}
.MobileApps {
    h1 {
        font-size: 26px;
        font-weight: 600;
        margin: 10px 0 24px;
    }
}
h2.MainGettingStarted {
    margin: -20px 0 0 0;
}
h2.MainHCPage {
    margin: 10px 0 24px;
    font-size: 40px;
}
.text-content .sm_enterprise:after, .text-content .text-content .sm_hosting:after, .text-content .sm_integration:after, .text-content .sm_developer:after, .text-content .sm_docsenterprise:after, .text-content .sm_opensource:after, .text-content .sm_windows:after, .text-content .sm_virtual:after, .text-content .sm_linux:after, .text-content .sm_docker:after, .text-content .sm_document:after, .sm_list .sm_enterprise:after, .sm_list .sm_hosting:after, .sm_list .sm_integration:after, .sm_list .sm_developer:after, .sm_list .sm_docsenterprise:after, .sm_list .sm_opensource:after, .sm_list .sm_document:after, .text-content .sm_spreadsheet:after, .sm_list .sm_spreadsheet:after, .text-content .sm_presentation:after, .sm_list .sm_presentation:after, .sm_list .sm_calendar:after, .sm_list .sm_documents:after, .sm_list .sm_projects:after, .sm_list .sm_community:after, .sm_list .sm_people:after, .sm_list .sm_crm:after, .sm_list .sm_talk:after, .sm_list .sm_mail:after, .sm_list .sm_general:after  {
    background: none;
    border: 0;
    color: #000;
    font-size: 13px;
    text-transform: none;
}
.text-content {
    .sm_document, .sm_spreadsheet, .sm_presentation {
        &:after {
            display: inline-block;
            margin: 0 0 0 5px;
            text-decoration: none !important;
        }
    }
    ul {
        margin: 20px 40px 30px;
        
        &.moreTaggedArticles {
            display: none;
            margin-top: -30px;
        }
        li {
            line-height: 2em;
            list-style-type: none;
        }
    }
    .changelog-version-block {
        ul {
            margin: 5px 20px 20px;
        }
    }
}
.sm_list, .text-content {
    .sm_editors.sm_document {
        &:after {
            content: ' (Document Editor)';
        }
    }

    .sm_editors.sm_spreadsheet {
        &:after {
            content: ' (Spreadsheet Editor)';
        }
    }

    .sm_editors.sm_presentation {
        &:after {
            content: ' (Presentation Editor)';
        }
    }

    .sm_saas.sm_people {
        &:after {
            content: ' (People Module)';
        }
    }

    .sm_saas.sm_calendar {
        &:after {
            content: ' (Calendar Module)';
        }
    }

    .sm_saas.sm_documents {
        &:after {
            content: ' (Documents Module)';
        }
    }

    .sm_saas.sm_projects {
        &:after {
            content: ' (Projects Module)';
        }
    }

    .sm_saas.sm_community {
        &:after {
            content: ' (Community Module)';
        }
    }

    .sm_saas.sm_crm {
        &:after {
            content: ' (CRM Module)';
        }
    }

    .sm_saas.sm_talk {
        &:after {
            content: ' (Talk Module)';
        }
    }

    .sm_saas.sm_mail {
        &:after {
            content: ' (Mail Module)';
        }
    }

    .sm_saas.sm_general {
        &:after {
            content: ' (General Question Articles)';
        }
    }

    .sm_saas.sm_integration, .sm_gettingstarted.sm_integration, .sm_windows.sm_integrating, .sm_linux.sm_integrating, .sm_docker.sm_integrating, .sm_all_platforms.sm_integrating {
        &:after {
            content: ' (Integrating ONLYOFFICE)';
        }
    }

    .sm_windows.sm_community, .sm_linux.sm_community, .sm_docker.sm_community, .sm_all_platforms.sm_community {
        &:after {
            content: ' (ONLYOFFICE Groups)';
        }
    }

    .sm_windows.sm_developer, .sm_linux.sm_developer, .sm_docker.sm_developer, .sm_all_platforms.sm_developer {
        &:after {
            content: ' (ONLYOFFICE Docs Developer Edition)';
        }
    }
    .sm_windows.sm_docsenterprise, .sm_linux.sm_docsenterprise, .sm_docker.sm_docsenterprise, .sm_all_platforms.sm_docsenterprise {
        &:after {
            content: ' (ONLYOFFICE Docs Enterprise Edition)';
        }
    }
    .sm_linux.sm_enterprise, .sm_docker.sm_enterprise, .sm_virtual.sm_enterprise, .sm_all_platforms.sm_enterprise, .sm_windows.sm_enterprise {
        &:after {
            content: ' (ONLYOFFICE Workspace Enterprise Edition)';
        }
    }

    .sm_hosting {
        &:after {
            content: ' (Hosting Edition)';
        }
    }

    .sm_linux.sm_opensource, .sm_docker.sm_opensource, .sm_virtual.sm_opensource, .sm_all_platforms.sm_opensource, .sm_windows.sm_opensource {
        &:after {
            content: ' (ONLYOFFICE Workspace)';
        }
    }

    .sm_windows.sm_mail, .sm_linux.sm_mail, .sm_docker.sm_mail, .sm_all_platforms.sm_mail {
        &:after {
            content: ' (ONLYOFFICE Mail)';
        }
    }
    .sm_windows.sm_talk, .sm_linux.sm_talk, .sm_docker.sm_talk, .sm_all_platforms.sm_talk {
        &:after {
            content: ' (ONLYOFFICE Talk)';
        }
    }
    .sm_windows.sm_document, .sm_linux.sm_document, .sm_docker.sm_document, .sm_all_platforms.sm_document {
        &:after {
            content: ' (ONLYOFFICE Docs Community Edition)';
        }
    }

    .sm_mobile.sm_document, .sm_mobile.sm_mobile_document_editor {
        &:after {
            content: ' (Mobile Documents)';
        }
    }

    .sm_mobile.sm_projects {
        &:after {
            content: ' (Mobile Projects)';
        }
    }

    .sm_mobile.sm_document.sm_mobile_document_editor {
        &:after {
            content: ' (Mobile Document Editor)';
        }
    }

    .sm_mobile.sm_document.sm_mobile_presentation_editor {
        &:after {
            content: ' (Mobile Presentation Editor)';
        }
    }

    .sm_mobile.sm_document.sm_mobile_se {
        &:after {
            content: ' (Mobile Spreadsheet Editor)';
        }
    }

    .sm_mobile_web.sm_document, .sm_mobile_web.sm_mobile_web_document_editor {
        &:after {
            content: ' (Mobile Web Documents)';
        }
    }

    .sm_mobile_web.sm_document.sm_mobile_web_document_editor {
        &:after {
            content: ' (Mobile Web Document Editor)';
        }
    }

    .sm_mobile_web.sm_document.sm_mobile_web_presentation_editor {
        &:after {
            content: ' (Mobile Web Presentation Editor)';
        }
    }

    .sm_mobile_web.sm_document.sm_mobile_web_se {
        &:after {
            content: ' (Mobile Web Spreadsheet Editor)';
        }
    }

    .sm_desktop.sm_document {
        &:after {
            content: ' (ONLYOFFICE Desktop Editors)';
        }
    }

    .sm_mobile_web {
        &:before {
            background: #4B8BF4;
            content: 'iOS Mobile Web';
        }
    }

    .sm_mobile_web.sm_web_documents_android {
        &:before {
            background: #17A05D;
            content: 'Android Mobile Web';
        }
    }

    .sm_mobile {
        &:before {
            background: #333E58;
            content: 'iOS Mobile App';
        }
    }

    .sm_mobile.sm_android {
        &:before {
            background: #6ab344;
            content: 'Android Mobile App';
        }
    }

    .sm_control_panel {
        &:before {
            background: #66BB6A;
            content: 'Control Panel';
        }
    }

    .sm_saas {
        &:before {
            background: #FD8488;
            content: 'SaaS';
        }
    }

    .sm_windows {
        &:before {
            background: #45CBEE;
            content: 'Server for Windows';
        }
    }

    .sm_editors {
        &:before {
            background: #8DA451;
            content: 'Online Editors';
        }
    }

    .sm_linux {
        &:before {
            background: #8ECB36;
            content: 'Server for Linux';
        }
    }

    .sm_virtual {
        &:before {
            background: #5b9802;
            content: 'VM Image';
        }
    }

    .sm_all_platforms {
        &:before {
            background: #405687;
            content: 'Server All OS';
        }
    }

    .sm_desktop_all_platforms {
        &:before {
            background: #3596D5;
            content: 'Desktop All OS';
        }
    }

    .sm_desktop.sm_windows {
        &:before {
            background: #4AB5E3;
            content: 'Desktop for Windows';
        }
    }

    .sm_desktop.sm_linux {
        &:before {
            background: #A1CC35;
            content: 'Desktop for Linux';
        }
    }

    .sm_desktop.sm_mac {
        &:before {
            background: #E9541E;
            content: 'Desktop for Mac OS';
        }
    }

    .sm_docker {
        &:before {
            background: #C5C9D3;
            content: 'Server for Docker';
        }
    }

    .sm_faq {
        &:before {
            background: #A0A7B7;
            content: 'FAQ';
        }
    }

    .sm_hosting {
        &:before {
            background: #E0E01C;
            content: 'Hosting';
        }
    }

    .sm_integration.sm_instegrating {
        &:before {
            background: #62219C;
            content: 'Integration';
        }
    }

    .sm_video {
        &:before {
            background: #FCBF67;
            content: 'Video Guide';
        }
    }

    .lable_tip {
        display: none;
    }
}
.text-content li .sm_hosting:before, .sm_list .sm_hosting:before, .text-content li .sm_control_panel:before, .sm_list .sm_control_panel:before, .text-content li .sm_windows:before, .sm_list .sm_windows:before, .text-content li .sm_virtual:before, .sm_list .sm_virtual:before, .text-content li .sm_linux:before, .sm_list .sm_linux:before, .text-content li .sm_docker:before, .sm_list .sm_docker:before, .text-content li .sm_mobile:before, .sm_list .sm_mobile:before, .text-content li .sm_mobile_web:before, .sm_list .sm_mobile_web:before, .text-content li .sm_editors:before, .sm_list .sm_editors:before, .text-content li .sm_tipstricks:before, .sm_list .sm_tipstricks:before, .text-content li .sm_gettingstarted:before, .sm_list .sm_gettingstarted:before, .text-content .sm_guides:before, .sm_list .sm_guides:before, .text-content .sm_video:before, .sm_list .sm_video:before, .text-content li .sm_troubleshooting:before, .sm_list .sm_troubleshooting:before, .text-content li .sm_pdf:before, .sm_list .sm_pdf:before, .text-content li .sm_faq:before, .sm_list .sm_faq:before, .sm_list .sm_all_platforms:before, .text-content li .sm_all_platforms:before, .sm_list .sm_desktop_all_platforms:before, .text-content li .sm_desktop_all_platforms:before, .sm_list .sm_mac:before, .text-content li .sm_mac:before {
    /*.borderRadius (2px);*/
    color: white;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 1px 5px 0px 0px;
    padding: 0px 8px;
    text-align: center;
    text-decoration: none !important;
    width: 120px;
}
.textHelpContainer {
    background-color: @textColorBlackLight;
    padding: 1px 1px 27px;
    width: 780px;
    .text-content {
        background-color: @defaultWhiteColor;
        max-height: 500px;
        overflow-y: auto;
        padding: 0 15px 15px;

        .changelog-release-date {
            margin: -28px 0 0;
        }


        .changelog-version-block {
            padding: 0 27px;
        }
    }
    h5 {
        color: @textColor;
        font-size: 18px;
        font-weight: 300;
        margin: 0 0 0 20px;
        text-transform: none;
        .tag_name {
            background-color: @textColorBlackLight;
            color: @defaultWhiteColor;
            display: inline-block;
            padding: 1px 5px 3px;
            font-weight: 600;
        }
    }
    .allkeywords {
        float: right;
        margin: -15px 0 0 0;
        a {
            color: @textColorLinkMain;
            border-bottom: 1px dotted @textColorLinkMain;
            text-decoration: none;
        }
    }
}
.tag_header {
    background: @defaultWhiteColor;
    padding: 30px 20px 15px;
}
.keyword_block {
    font-size: 13px;
    margin: 15px 0 15px;
    padding: 0;
    z-index: 100;
    a {
        border: 1px solid @helpBorderColor;
        color: #777777;
        cursor: pointer;
        display: inline;
        padding: 0px 5px;
        text-decoration: none;
        white-space: nowrap;
        &:hover {
            border-color: @textColorLinkMain;
            color: @textColorLinkMain;
            text-decoration: none;
        }
    }
}
.bigVideoCont {
    iframe {
        border: 0px none @defaultWhiteColor;
        height: 365px;
        width: 650px;
    }
}
#back-top {
    bottom: 80px;
    margin-left: 24px;
    position: fixed;
    z-index: 15000;
    a {
        -moz-transition: 1s;
        -webkit-transition: 1s;
        background-color: rgba(158,164,181,0.8);
        background-image: url(/images/arrowup.png);
        background-position: center center;
        background-repeat: no-repeat;
        .borderRadius (3px);
        display: block;
        height: 40px;
        text-decoration: none;
        transition: 1s;
        width: 40px;
        &:hover {
            background-color: rgba(61,74,107,0.7);
        }
    }
}
iframe.tleditors {
    border: none;
    width: 700px;
}
.text_features {
    position: relative;
    span.toggler {
        top: 12px;
    }
}
.block-editor, .inpage-toggler {
    position: relative;
}
span.toggler, span.iptoggler {
    border-bottom: 1px dotted @textColorLinkMain;
    color: @textColorLinkMain;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 12px;
}
.gettingstartedpages {
    span.toggler {
        span {
            display: none;
        }
    }
}
.dataBackup {
    h3 {
        font-size:14px;
        margin-bottom:2px;
        margin-top:30px;
    }
    .block-editor {
        span.toggler {
            left: 0;
            right: auto;
            top: 10px;
        }
        .contents {
            padding-top: 40px;
        }
    }
}
.installation_guides, .user_guides, .integration_guides {
    h3 {
        font-size:14px;
        margin-bottom:2px;
        margin-top:30px;
    }
    ul {
        li {
            list-style-type:none;
            h6 {
                a {
                    font-size: 19px;
                }
            }            
        }
    }
    .block-editor {
        margin-right: 300px;

        span.toggler {
            top: -19px;
            float: right;
        }
        .contents {
            padding-top: 10px;
        }
    }
}
a.historyback {
    display: none;
}
.insertfunction {
    a.historyback {
        border-bottom: dashed 1px @textColorLinkMain;
        display: inline-block;
        margin: 32px 0 0;
        text-decoration: none;
    }
}
.insertfunction.list {
    a.historyback {
        display: none;
    }
}
.floatleft {
    float: left;
    margin: 0 15px 15px 0;
}
.titleimage {
    float: left;
    margin: 0 15px 15px 0;
}
p.move_closer {
    margin-top: -20px;
}
#floatSubMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 143px;
    width: 264px;
    
    .active {
        a {
            font-weight: 600;
        }
    }
}
.MainHelpCenter p[id]:before,
.MainHelpCenter h2[id]:before,
.MainHelpCenter h3[id]:before,
.MainHelpCenter h5[id]:before,
.gs_content[id]:before,
.gloss_capital[id]:before,
.question_answer[id]:before {
    display: block;
    content: "";
    height: 91px;
    margin: -91px 0 0;
}
.leftmenu_mobile.newarticle {
    display: none !important;
}
.mobilegettingstartedpages {
    .leftmenu_mobile.newarticle {
        display: block !important;
    }
}
.mobileappspage {
    .leftmenu_mobile.newarticle {
        display: block !important;
    }
}
.mobileguidespages {
    .leftmenu_mobile.newarticle {
        display: block !important;
    }
}
code {
    background-color: @defaultWhiteColor;
    color: @textColor;
    font-family: "Roboto Mono", Consolas, Monaco, 'Andale Mono', monospace;
    padding: 1px 5px;
    background: #f4f4f4;
}
pre {
    margin: 10px 0;
    /*padding: 0 20px 15px;*/
    font-family: "Roboto Mono", Consolas, Monaco, 'Andale Mono', monospace;
    background: #f4f4f4;
    font-size: 13px;
    line-height: 18px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 13px;

    code {
        text-align: left;
        background-color: @defaultWhiteColor;
        color: @textColor;
        font-family: "Roboto Mono", Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
        font-size: 13px;
        font-weight: 400;
        /*padding: 0 5px;*/
        background: #f4f4f4;
    }
    &.error_text {
        code {
            background-color: #FFEDEA;
        }
    }
}

.selected {
    color: @textColorLinkMain !important;
    font-weight: 700;
}
.hcmain_bottom_block {
    clear: both;
    height: 1px;
    width: 100%;
}
.oneclick_actions {
    li {
        margin: 0 0 30px;
    }
}
.main {
    .nodisplay_on_toc {
        display: none;
    }
}
.slick-next, .slick-prev {
    background-color: transparent;
    background-image: url(/images/slideshow_next-prev.png);
    background-position: 0 -12px;
    background-repeat: no-repeat;
    border: none;
    bottom: -15px;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 12px;
    left: calc(~"50% - 13px");
    line-height: 0;
    outline: none;
    position: absolute;
    width: 26px;
}
.slick-next {
    background-position: 0 -12px;
    bottom: -15px;
}
.slick-prev {
    background-position: 0 0;
    top: -30px;
}
.with_arrows {
    margin-top: 40px;
}
.sysreq_title {
    display: inline;
    font-weight: 700;
    &:after {
        content: ':';
        display: inline;
    }
}
.sysreq_descr {
    display: inline;
}
.table_port {
    text-align: right;
}
.table_service,
.table_description {
    text-align: left;
}
.table_int,
.table_extin,
.table_extout {
    text-align: center;
}
table.table_portslist {
    margin: 10px 0 20px;
    text-align: center;
    width: 100%;
	
	&.script_parameters {
		text-align: left;
	}
    &.common_ports {
        td, th {
            border-bottom: 1px solid @helpTableBorderColor;
            width: auto;
        }
    }
    td {
        border-bottom: 1px solid @helpTableBorderColor;
        font-weight: 400;
        padding: 8px;
        vertical-align: middle;
    }
    th {
        border-bottom: 1px solid @helpTableBorderColor;
        color: @textColor;
        font-size: 16px;
        font-weight: 600;
        padding: 8px;
        vertical-align: bottom;
    }
}
span.yes, span.no {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 auto;
    .borderRadius(10px);
    vertical-align: middle;
    &.yes {
        background-color: @lightGrayTextColor;
    }
    &.no {
        background-color: #dedede;
    }
    &.new_language:after, &.comsoon:after {
        margin: -11px 0 0 17px;
        line-height: 1.3em;
        font-size: 9px;
    }
    &.new_language:after {
        content: 'new!';
    }
}

table.table_versionlist,
table.table_parameters {
    margin: 10px 0 20px;
    text-align: center;
    width: 100%;
    
    &.outdated_versions {
        td {
            width: auto;
        }
    }
    
    &.talk_pages {
        td {
            width: auto;
        }

        &.languages_list_table {
            width: 100%;
            
            &.translators_list_table {
                width: auto;
                min-width: 55%;

                th, td {
                    text-align: left;
                    width: auto;
                    padding-right: 40px;
                    padding-left: 20px;
                    white-space: nowrap;

                    .locale_lng {
                        display: block;
                        margin-top: 5px;

                        &:first-child {
                            margin-top: 0;
                        }
                    }

                    &:first-child {
                        width: auto;
                        vertical-align: top;
                    }

                    &:nth-child(2) {
                        width: auto;
                    }
                }
            }
            &.newstr_list_table {
                width: auto;
                min-width: 55%;

                th, td {
                    text-align: left;
                    width: auto;
                    padding-right: 40px;
                    padding-left: 20px;

                    &:first-child {
                        width: auto;
                    }

                    &:nth-child(2), &:nth-child(3) {
                        width: auto;
                    }
                }
                td {
                    white-space: nowrap;
                }
            }

            th {
                vertical-align: bottom;

                &.header {
                    cursor: pointer;
                }

                span {
                    position: relative;
                }

                &.header span:after {
                    content: '';
                    position: absolute;
                    right: -17px;
                    top: 13px;
                    display: block;
                    height: 0;
                    width: 0;
                    border-style: solid;
                    border-width: 4px 4px 0 4px;
                    border-color: @textColorBlackLight transparent transparent transparent;
                }

                &.header span:before {
                    content: '';
                    position: absolute;
                    right: -17px;
                    top: 7px;
                    display: block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 4px 4px 4px;
                    border-color: transparent transparent @textColorBlackLight transparent;
                }

                &.header.headerSortDown span:before {
                    display: none;
                }

                &.header.headerSortDown span:after {
                    top: 11px;
                }

                &.header.headerSortUp span:before {
                    top: 10px;
                }

                &.header.headerSortUp span:after {
                    display: none;
                }
            }

            td:first-child, th:first-child {
                text-align: left;
            }

            td:first-child {
                width: 40%;
            }

            td:nth-child(2), td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6) {
                width: 13%;
            }

            tr {
                &:nth-child(even) {
                    background-color: @baseBackgroundColor;
                }

                &:nth-child(odd) {
                    background-color: #fff;
                }

                &.first-row-2nd-part {
                    border-top: 3px solid @helpTableBorderColor;
                }
            }
        }
    }

    td {
        border-bottom: 1px solid @helpTableBorderColor;
        font-weight: 400;
        padding: 8px;
        vertical-align: middle;
        width: 12%;

        img {
            vertical-align: middle;
            margin: 0 10px 0 0;
        }
    }

    th {
        border-bottom: 1px solid @helpTableBorderColor;
        color: @textColor;
        font-size: 16px;
        font-weight: 600;
        padding: 8px;
        vertical-align: middle;
    }

    th.table_empty_cell {
        border-bottom: 0 none;
    }
}
table.table_parameters {
    td, th {
        text-align: left;

        &:first-child {
            width: 25%;
            white-space: nowrap;
        }

        &:nth-child(2) {
            width: 35%;
        }

        &:last-child {
            width: 40%;
        }
    }

    &.table_files_folders {
        width: 100%;
        td, th {
            &:first-child {
                width: 55%;
            }

            &:nth-child(2) {
                width: 5%;
            }

            &:last-child {
                width: 40%;
            }
        }
    }
}
th.table_port {
    width: 20%;
}
th.table_service {
    width: 20%;
}
th.table_int {
    width: 20%;
}
th.table_extin {
    width: 20%;
}
th.table_extout {
    width: 20%;
}
.row_server {
    width: 5%;
    span {
        writing-mode: sideways-lr;
    }
}
.sysreqs_ee_virtual {
    .sysreq_add_soft.sysreq_vbox {
        display: none;
    }
    .sysreq_add_soft.sysreq_vmware {
        display: none;
    }
}
.platform_specific_section {
    margin: 80px 0 20px;
    max-width: 600px;
}
.name_link {
    font-weight: bold;
}
.error_text {
    background-color: #FFEDEA;
}
em.error_text {
    padding: 1px 10px;
    font-family: "Roboto Mono", Consolas, Monaco, 'Andale Mono', monospace;
    font-style: normal;
}
.list_no_type {
    list-style-type: none;
}
.bringattention {
    background-color: #f1da92;
    padding: 15px 30px;
    margin: 10px 0 20px;
    margin-top: 100px;
    line-height: 1.3em;
    margin-bottom: -110px;
    .borderRadius (2px);
    
    strong {
        font-weight: 400;
        font-size: 18px;
        color: @redColor;
        display: block;
        margin-bottom: 10px;
    }
    &.holidays {
        &.xmas {
            color: #10861F;
            padding-left: 60px;
            background: rgba(61,184,15,.2) url(/images/ball.png) no-repeat 17px 17px;
            background-size: 32px 32px;
        }
        &.valentine {
            color: #DE1E3E;
            padding-left: 60px;
            background: rgba(255,135,162,.2)/* url(/images/ball.png) no-repeat 17px 17px*/;
            background-size: 32px 32px;
        }
        &.tgiving {
            display: none;
        }
    }
}
.expanded_node {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;

    &:before {
        position: absolute;
        left: 7px;
        top: 9px;
        display: block;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        /*border-top: 4px solid #696969;*/
        height: 0;
        width: 0;
        content: '';
        /*-webkit-transition: 0.1s linear;
        -moz-transition: 0.1s linear;
        -o-transition: 0.1s linear;
        transition: 0.1s linear;*/
    }

    &.collapsed_node:before {
        -moz-transform: rotate( -90deg );
        -ms-transform: rotate( -90deg );
        -o-transform: rotate( -90deg );
        -webkit-transform: rotate( -90deg );
        transform: rotate( -90deg );
        -webkit-transition: 0.1s linear;
        -moz-transition: 0.1s linear;
        -o-transition: 0.1s linear;
        transition: 0.1s linear;
    }
}

.search_line {
    left: -281px;
    margin: 0 0 20px;
    position: absolute;
    top: -26px;
    margin-bottom: 20px;

    input {
        .borderRadius (4px);
        -webkit-border-radius: 4px;
        border: 1px solid #c2c2c2;
        display: inline-block;
        float: left;
        height: 23px;
        margin: 0 10px 0 0;
        padding-left: 4px;
        width: 215px;
    }

    img {
        border: none;
        margin-top: 1px;
    }
}

.content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .headerButton {
        position: absolute;
        display: table;
        right: 0;
        margin-right: 11%;
    }
}

    .button {
        padding: 32px 0;

        a.button {
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            font-size: 12px;
            font-weight: 600;
            line-height: 133%;
            padding: 19px 45px;
            width: 50%;

            &.hidden {
                display: none;
            }

            &.de, &.it, &.cs {
                padding: 19px 30px;
            }

            &.es, &.fr_short, &.pt, &.it_long, &.ja, &.nl {
                padding: 19px 20px;
            }

            &.pt_long, &.de_long, &.fr {
                padding: 19px 10px;
            }
        }
    }

    .modules_list .serverversion_display,
    .community_server .saasversion_display,
    .desktop_editors .documentserver_display,
    .document_server .desktop_display,
    .docker_version .linonly_display,
    .docker_version .winonly_display,
    .windows_version .linonly_display,
    .linux_version .winonly_display,
    .windows_version .doconly_display,
    .linux_version .doconly_display,
    .developer_edition .community_display,
    .developer_edition .enterprise_display,
    .developer_edition .community_enterprise_display,
    .enterprise_edition .community_display,
    .community_edition .enterprise_display,
    .docs_enterprise_edition .developer_display,
    .docs_enterprise_edition .community_display,
    .docs_community_edition .developer_display,
    .docs_community_edition .enterprise_display,
    .docs_community_edition .developer_enterprise_display,
    .cp_enterprise_edition .community_display,
    .cp_community_edition .enterprise_display {
        display: none !important;
    }

    #abcindexed {
        display: none;
    }

    .page_version_link,
    .text-container-link-changelog {
        display: inline-block;
        border: none 0;
        /*.borderRadius (2px);*/
        font-size: 12px;
        line-height: 18px;
        margin: 5px 0;

        .pvl_product {
            display: inline-block;
            color: @buttonTextColor;
            background-color: #444;
            padding: 1px 5px 1px 10px;
            margin: 0;
            text-align: right;
            /*.borderRadiusCustomizable(2px, 0, 0, 2px);*/
        }

        .pvl_version {
            display: inline-block;
            color: @buttonTextColor;
            background-color: @textColorLinkMain;
            padding: 1px 10px 1px 5px;
            margin: 0;
            text-align: left;
            /*.borderRadiusCustomizable(0, 2px, 2px, 0);*/
        }

        .pvl_outdated {
            background-color: @redColor;
        }

        .pvl_current {
            background-color: @greenColor;
        }
    }

    span.param-type {
        color: @textColorLinkMain;
        font-family: "Roboto Mono", Consolas, Monaco, 'Andale Mono', monospace;
        text-decoration: underline;
    }

    .separate_versions {
        margin: 0 0 20px;
    }

    .InnerPage {
        a.helpcenter_home {
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            color: @textColor;
        }
    }

    .InnerPage {
        .main {
            div.description {
                .MainHelpCenter {
                    li {
                        a.launch {
                            border: 1px solid #bfbfbf;
                            .borderRadius(2px);
                            display: inline-block;
                            color: #7C7C7C;
                            text-decoration: none;
                            font-size: 13px;
                            padding: 4px 15px;
                            margin: 0;
                            background: #dedede;
                            .gradient-vertical(#f3f3f3, 0, #dedede, 100%);

                            &:hover {
                                .gradient-vertical(#f3f3f3, 0, #ebebeb, 100%);
                            }

                            &:active {
                                .gradient-vertical(#f3f3f3, 0, #ebebeb, 100%);
                            }
                        }
                    }
                }
            }
        }
    }

    .page_download_button {
        position: relative;
        z-index: 100;
        display: inline-block;
        padding: 30px 0 0;
        margin: 40px 30px 0 0;
        border-top: 1px solid @helpBorderColor;
    }

    .download_button_description {
        font-size: 13px;
        display: block;
        margin: 0 0 0 20px;
        line-height: 1.3em;
        float: right;
    }

    .download_button_header {
        font-size: 18px;
        font-weight: 300;
        display: block;
        margin: -5px 0 0;
        line-height: 1.3em;
    }

    .appstore_btn {
        width: 126px;
        height: 16px;
        background: url(/images/Help/appstore.png) no-repeat 0 0;
    }

    a.text-container-link-changelog {
        display: inline-block;
        color: @buttonTextColor;
        background-color: @yellowColor;
        padding: 1px 10px;
        margin: 5px 0 0 4px;
        text-align: center;
        /*.borderRadius(2px);*/
        float: right;

        &:hover {
            text-decoration: none;
        }
    }

    .changelog-version-block {
        .changelog-main-header {
            font-size: 1.7em;
            font-weight: 400;
            line-height: 1.4em;
            padding: 0 0 10px;
        }

        .changelog-subheader {
            font-size: 1.5em;
            font-weight: 300;
            line-height: 1.4em;
            padding: 0 0 10px;
        }

        .changelog-subsubheader {
            font-size: 1.2em;
            font-weight: 300;
            line-height: 1.4em;
            padding: 0;
        }

        .changelog-3subheader {
            font-size: 1em;
            font-weight: 300;
            line-height: 1.4em;
            padding: 10px 0 0;
            margin-bottom: -5px;
        }

        ul {
            li {
                list-style-type: disc;

                a {
                    color: @textColorLinkMain;
                }
            }
        }
    }

    .changelog-page {
        .changelog-open-in-new-window {
            display: none;
        }

        .changelog-release-date {
            margin: -48px 0px 0;
        }

        .changelog-version-block {
            padding: 20px 0 5px 40px;
            border-bottom: 1px solid @helpBorderColor;

            &:nth-child(2) {
                .changelog-switcher {
                    display: block;
                }
            }

            .changelog-main-header {
                padding-bottom: 15px;
                position: relative;
                cursor: pointer;

                &:before {
                    display: block;
                    content: '';
                    width: 29px;
                    height: 24px;
                    background-image: url(/images/accordions_sprite.png);
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    position: absolute;
                    left: -36px;
                    top: 5px;
                }

                &.hide_elements:before {
                    background-position: -34px 0;
                }
            }

            .changelog-switcher {
                display: none;
                padding-bottom: 20px;
            }

            .changelog-subheader {
                padding-bottom: 15px;
            }

            .changelog-subsubheader {
                padding-bottom: 5px;
            }

            ul {
                padding: 5px 0 20px 20px;
            }
        }
    }

    .changelog-release-date {
        float: right;

        .crd-date {
            color: @textColorLinkMain;
        }
    }

    .changelog-open-in-new-window {
        position: absolute;
        right: 19px;
        top: 38px;

        a {
            color: @textColorLinkMain;
            border-bottom: 1px dotted @textColorLinkMain;
            text-decoration: none;
        }
    }

    .screen_text {
        a.text-container-link-changelog {
            margin: -34px;
        }
    }

    .see_also_list_section {
        color: #333;
        font-size: 25px;
        font-weight: 300;
        margin: 3em 0 .7em;
    }

    .locale_lng {
        display: inline-block;
        padding: 0;
        min-height: 12px;

        &:before {
            display: inline-block;
            content: '';
            width: 16px;
            height: 16px;
            background-image: url(/images/flags/flags_all.png);
            background-repeat: no-repeat;
            background-size: 256px 240px;
            vertical-align: middle;
            margin: 0 7px 3px 5px;
        }

        &.language_Lt-az-AZ:before {
            background-position: 0 -16px;
        }

        &.language_en-US:before {
            background-position: -224px -208px;
        }

        &.language_vi-VN:before {
            background-position: -96px -224px;
        }

        &.language_el-GR:before {
            background-position: -64px -80px;
        }

        &.language_es-ES:before, &.language_ca-ES:before, &.language_gl-ES:before, &.language_eu-ES:before {
            background-position: 0 -64px;
        }

        &.language_it-IT:before {
            background-position: -128px -96px;
        }

        &.language_zh-TW:before {
            background-position: -160px -208px;
        }

        &.language_zh-CN:before {
            background-position: -208px -32px;
        }

        &.language_ko-KR:before {
            background-position: -64px -112px;
        }

        &.language_lv-LV:before {
            background-position: -16px -128px;
        }

        &.language_de-DE:before {
            background-position: -80px -48px;
        }

        &.language_pl-PL:before {
            background-position: -208px -160px;
        }

        &.language_pt-BR:before {
            background-position: -224px -16px;
        }

        &.language_pt-PT:before {
            background-position: -16px -176px;
        }

        &.language_ru-RU:before {
            background-position: -112px -176px;
        }

        &.language_tr-TR:before {
            background-position: -112px -208px;
        }

        &.language_uk-UA:before {
            background-position: -192px -208px;
        }

        &.language_fi-FI:before {
            background-position: -48px -64px;
        }

        &.language_fr-FR:before {
            background-position: -128px -64px;
        }

        &.language_cs-CZ:before {
            background-position: -64px -48px;
        }

        &.language_ja-JP:before {
            background-position: -192px -96px;
        }

        &.language_sq-AL:before {
            background-position: -96px 0;
        }

        &.language_ar-TN:before {
            background-position: -80px -208px;
        }

        &.language_ar-AE:before {
            background-position: -32px 0;
        }

        &.language_hy-AM:before {
            background-position: -112px 0;
        }

        &.language_af-ZA:before {
            background-position: -192px -224px;
        }

        &.language_be-BY:before {
            background-position: -32px -32px;
        }

        &.language_bg-BG:before {
            background-position: -96px -16px;
        }

        &.language_bs-BA:before {
            background-position: -16px -16px;
        }

        &.language_hu-HU:before {
            background-position: -224px -80px;
        }

        &.language_ka-GE:before {
            background-position: -192px -64px;
        }

        &.language_da-DK:before {
            background-position: -112px -48px;
        }

        &.language_he-IL:before {
            background-position: -32px -96px;
        }

        &.language_id-ID:before {
            background-position: 0 -96px;
        }

        &.language_is-IS:before {
            background-position: -112px -96px;
        }

        &.language_kk-KZ:before {
            background-position: -112px -112px;
        }

        &.language_lt-LT:before {
            background-position: -240px -112px;
        }

        &.language_mk-MK:before {
            background-position: -160px -128px;
        }

        &.language_mn-MN:before {
            background-position: -208px -128px;
        }

        &.language_nl-NL:before {
            background-position: 0 -160px;
        }

        &.language_nb-NO:before {
            background-position: -16px -160px;
        }

        &.language_ro-RO:before {
            background-position: -80px -176px;
        }

        &.language_Cy-sr-SP:before, &.language_Lt-sr-SP:before {
            background-position: -96px -176px;
        }

        &.language_sk-SK:before {
            background-position: -16px -192px;
        }

        &.language_sl-SI:before {
            background-position: 0 -192px;
        }

        &.language_sw-KE:before {
            background-position: -208px -96px;
        }

        &.language_th-TH:before {
            background-position: 0 -208px;
        }

        &.language_Cy-uz-UZ:before {
            background-position: 0 -224px;
        }

        &.language_fa-IR:before {
            background-position: -96px -96px;
        }

        &.language_hi-IN:before {
            background-position: -64px -96px;
        }

        &.language_hr-HR:before {
            background-position: -192px -80px;
        }

        &.language_sv-SE:before {
            background-position: -208px -176px;
        }

        &.language_et-EE:before {
            background-position: -192px -48px;
        }

        &.language_es-AR:before {
            background-position: -160px 0;
        }

        &.language_my-MM:before {
            background-position: -192px -128px;
        }

        &.language_tg-Cyrl-TJ:before {
            background-position: -16px -208px;
        }
    }

    .up_arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 10px 5px;
        border-color: transparent transparent @greenColor;
        display: inline-block;
        margin-right: 3px;
    }

    .down_arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: @redColor transparent transparent;
        display: inline-block;
        margin-right: 3px;
    }

    .progress_up, .ttp_great {
        color: @greenColor;
    }

    .progress_down, .ttp_bad {
        color: @redColor;
    }

    .progress_rate {
        font-weight: 300;
        font-size: 13px;
    }

    .ttp_norm {
        color: #444;
    }

    .ttp_fair {
        color: @yellowColor;
    }

    .last_update {
        text-align: right;
        float: right;
        max-width: 45%;
        padding-left: 5% !important;

        span {
            font-weight: 600;
        }
    }

    .translators_period {
        clear: both;
        margin-top: 20px;
    }

    .new_language:after, .comsoon:after, .newarticle:after {
        display: inline-block;
        padding: 0 4px;
        color: #fff;
        font-size: 10px;
        font-weight: 300;
        vertical-align: middle;
        margin: 0 0 0 6px;
        text-transform: uppercase;
        line-height: 1.5em;
        font-family: 'Open Sans Condensed', Arial, Tahoma;
    }

    .new_language:after {
        content: 'recently added';
        background-color: @greenColor;
    }

    .newarticle:after {
        content: 'New';
        background-color: @greenColor;
    }

    .playvideo .newarticle:after {
        margin: 0;
        position: absolute;
        right: 1px;
        top: 1px;
    }

    .comsoon:after {
        content: 'soon';
        background-color: @textColorBlackLight;
    }

    .sso_icon {
        background-color: #D0E3B5;
        .borderRadius(2px);
        padding: 0 8px;
        font-size: 11px;
        vertical-align: bottom;
    }

    .ldap_icon {
        background-color: #fadb8f;
        .borderRadius(2px);
        padding: 0 8px;
        font-size: 11px;
        vertical-align: bottom;
    }

    .total_change {
        b {
            font-weight: 600;
        }
    }

    .mta_btn_block {
        text-align: center;
    }

    .saas_only_release {
        display: inline-block;
        color: @buttonTextColor;
        background-color: #fd8488;
        padding: 4px 5px;
        margin: 0;
        font-size: 12px;
        line-height: 1em;
        vertical-align: middle;
    }

    .table_version107 {
        width: 10%;
    }

    .deprecated_since {
        font-size: 14px;
        color: #fff;
        background-color: @textColorBlackLight;
        display: inline-block;
        padding: 0 8px;
        vertical-align: middle;
        line-height: 1.5em;
    }

    #newstrDate, #moduleTotalCount {
        font-weight: 600;
    }

    .close_cross {
        font-size: 26px;
        float: right;
        margin: -5px -5px 0 0;
        padding: 5px;
        cursor: pointer;
    }

    #translatorAttention_block {
        display: none;
    }

    .input_never_show {
        vertical-align: middle;
        padding: 20px 0 10px;

        input[type="checkbox"] {
            vertical-align: middle;
            border: 1px double @helpTableBorderColor;
            background-color: #fff;
            margin: -4px 5px 0 0;
        }
    }

    .search-field {
        display: none;
    }

    #allCommandsAtGlance {
        position: relative;

        &:after {
            display: block;
            content: '';
            width: 60px;
            height: 1px;
            margin: 0;
            padding: 0;
            background-color: #f94a0c;
            position: absolute;
            left: 0;
            top: 75px;
        }
    }

    .mob_proj_ios .block_also {
        display: none;
    }

    .faq_block {
        padding: 20px 0 20px 50px;
        border-top: 1px solid @helpTableHRColor;
    }

    .faq_block:last-of-type {
        border-bottom: 1px solid @helpTableHRColor;
    }

    .faq_block:before {
        content: none;
    }

    dt {
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
        display: block;
        position: relative;
        line-height: 1.4em;
    }

    dt:before {
        display: block;
        content: '';
        width: 29px;
        height: 24px;
        background-image: url(/images/accordions_sprite.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        left: -36px;
        top: -1px;
    }

    dt.faq_expanded_node:before {
        background-position: -34px 0;
    }

    dd {
        display: none;
        font-size: 14px;
        padding-bottom: 0;
    }

    .fq_expand, .fq_collapse {
        text-align: right;
    }

    .fq_expand span, .fq_collapse span {
        border-bottom: 1px dotted @textColorLinkMain;
        color: @textColorLinkMain;
        cursor: pointer;
    }

    .fq_collapse {
        display: none;
    }

    .windows, .linux, .macos {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position-y: 50%;
        background-position-x: 50%;

        a {
            display: block;
            width: 100%;
            height: 24px;
        }
    }

    .windows, .linux, .macos {
        background-image: url(/images/windows.png);
    }

    .linux {
        background-image: url(/images/linux.png);
    }

    .macos {
        background-image: url(/images/macos.png);
    }

    .windows.linux, .windows.macos, .linux.macos {
        width: 50px;
        background-position-x: 0%, 100%
    }

    .windows.linux {
        background-image: url(/images/windows.png), url(/images/linux.png);
    }

    .windows.macos {
        background-image: url(/images/windows.png), url(/images/macos.png);
    }

    .linux.macos {
        background-image: url(/images/linux.png), url(/images/macos.png);
    }

    .windows.linux.macos {
        width: 78px;
        background-position-x: 0%, 50%, 100%;
        background-image: url(/images/windows.png), url(/images/linux.png), url(/images/macos.png);
    }

    .R7OFFICEFeatures {
        display: none;
    }

    .shortcut_variants {
        margin: 20px 0 !important;
        padding: 0 !important;
    }

    .shortcut_toggle {
        display: inline-block;
        margin-right: 20px;
        margin-left: 0 !important;
        padding: 0;
        list-style-type: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .shortcut_toggle.enabled {
        color: #444;
    }

    .shortcut_toggle.disabled {
        color: #ccc;
    }

    .shortcut_toggle.enabled:hover, .shortcut_toggle.disabled:hover {
        color: @textColorLinkMain;
    }

    .left_option {
        float: left;
    }

    .multilevel_numbering {
        counter-reset: section;

        > li {
            list-style-type: none;
            padding-left: 30px;
            position: relative;

            &:before {
                position: absolute;
                left: -30px;
                top: 0;
                counter-increment: section;
                content: counters(section, ".") ".";
            }
        }
    }

    .nwp_list_date {
        font-size: 13px;
        color: gray;
        padding: 0 0 0 25px;
        margin: 10px 0;
        min-height: 16px;
        line-height: 16px;
        background: url(/images/events/time.png) 0 50% no-repeat;
    }

    .nwp_list_text {
        line-height: 1.5em;
        font-size: 14px;
        color: @textColor;
        padding: 0 0 10px;
    }

    .nwp_list_product {
        padding: 10px 0 0;
    }

    .webinar_product {
        border: 1px solid @helpBorderColor;
        color: #777;
        display: inline;
        padding: 0px 5px;
        text-decoration: none;
        white-space: nowrap;
        line-height: 1.85em;
        font-size: 13px;

        &:hover {
            border-color: @textColorLinkMain;
            color: @textColorLinkMain;
            text-decoration: none;
        }
    }

    .nwp_list_author {
        font-size: 14px;
        padding: 0 0 10px;
        line-height: 1.5em;
    }

    .nwp_list_link {
        display: inline-block;
        padding: 0;
        margin: 0 0 30px;
        line-height: 1.5em;
    }

    .nwp_list_language {
        display: inline-block;
        padding: 0;
        min-height: 12px;
        margin: 0 0 10px;

        &:before {
            display: inline-block;
            content: '';
            width: 16px;
            height: 16px;
            background-image: url(/images/flags/flags_all.png);
            background-repeat: no-repeat;
            background-size: 256px 240px;
            vertical-align: middle;
            margin: 0 10px 3px 0;
        }

        &.en:before {
            background-position: -224px -208px;
        }

        &.es:before {
            background-position: 0 -64px;
        }

        &.ru:before {
            background-position: -112px -176px;
        }

        &.de:before {
            background-position: -80px -48px;
        }

        &.fr:before {
            background-position: -128px -64px;
        }
    }

    .nwp_upcoming {
        padding: 0 0 20px;
        margin: 0 0 40px;
        border-bottom: 1px solid @helpBorderBottomColor;
    }

    .welcomeText {
        margin: auto;
        font-size: 40px;
        font-weight: 700;

        h2 {
            margin: auto;
            font-size: 40px;
            font-weight: 700;
        }
    }

    .search_block {
        width: 1300px;
        margin: auto;
    }



#mainPage.InnerPage {
    .description {
        margin: 0px;
        max-width: 100%;
        padding: 0px;
    }

    .faq_title {
        font-size: 24px;
        padding: 48px;
        text-align: center;
        font-weight: 700;
    }

    .icon-program-block {
        display: inline-flex;
        margin: 0;

        .name-icon-program {
            text-align: center;
            margin-top: 100px;
            text-transform: uppercase;
        }

        .img-title {
            width: 110px;
            height: 80px;
            margin: 0px 40px;
            background-position: center;
        }
    }

    .img-title {
        width: 80px;
        height: 80px;
        margin-bottom: 20px;

        a {
            color: #ff6f3d;
            padding-top: 100px;
        }

        &.install {
            background-image: url(/images/main-page/Installation.svg);
            background-repeat: no-repeat;
        }

        &.admin {
            background-image: url(/images/main-page/Administration.svg);
            background-repeat: no-repeat;
            padding-right: 20px;
        }

        &.develop {
            background-image: url(/images/main-page/Development.svg);
            background-repeat: no-repeat;
        }

        &.integ {
            background-image: url(/images/main-page/Integration.svg);
            background-repeat: no-repeat;
        }

        &.user {
            background-image: url(/images/main-page/User-guides.svg);
            background-repeat: no-repeat;
        }

        &.contrib {
            background-image: url(/images/main-page/Contribution.svg);
            background-repeat: no-repeat;
        }
    }


    .first-column {
        width: 50%;
        display: table-cell;
        padding-left: 32px;
    }

    .second-column {
        width: 50%;
        display: table-cell;
        padding-left: 32px;
    }

    .expanded_node {
        border-top: none;
    }

    article {
        padding: 0;
        margin-top: 150px;
    }


    .body-block {
        display: table;
        margin: auto;
        max-width: 1170px;
        margin-top: 100px;
    }

    .welcomeBlock {
        text-align: center;
    }

    .ip_main_part {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;

        .integration_block {
            display: inline-block;
            width: 544px;
            position: relative;
            margin: 0;
            vertical-align: top;
            border: 1px solid rgba(85, 85, 85, 0.15);
            border-radius: 5px;
            margin-bottom: 32px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align: center;
            background-color: white;
            box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
            -webkit-transition: box-shadow 0.3s;
            -moz-transition: box-shadow 0.3s;
            -o-transition: box-shadow 0.3s;
            transition: box-shadow 0.3s;

            &.selected {
                border: 2px solid #ff642e;
            }

            .pp_available {
                background-image: url(/images/pricing/available_linux_windows.png);
                background-position: 50% 0;
                background-repeat: no-repeat;
                color: #555555;
                font-size: 13px;
                line-height: 18px;
                text-align: center;
                padding: 30px 0 24px;
            }

            .pp_button {
                padding: 32px 0;

                a.button {
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    font-size: 12px;
                    font-weight: 600;
                    line-height: 133%;
                    padding: 19px 45px;
                    width: 50%;

                    &.hidden {
                        display: none;
                    }

                    &.de, &.it, &.cs {
                        padding: 19px 30px;
                    }

                    &.es, &.fr_short, &.pt, &.it_long, &.ja, &.nl {
                        padding: 19px 20px;
                    }

                    &.pt_long, &.de_long, &.fr {
                        padding: 19px 10px;
                    }
                }
            }

            .pp_features {
                padding: 0 24px 91px;

                &.de {
                    padding-bottom: 120px;
                }

                &.long {
                    padding-bottom: 30px;
                }

                &.middle {
                    padding-bottom: 57px;
                }

                .pp_features_list {
                    color: #333333;
                    font-size: 13px;
                    line-height: 30px;
                    list-style-type: none;
                    text-align: left;


                    .pp_name_list {
                        font-weight: bold;
                        padding: 20px;
                        letter-spacing: -0.02em;
                    }

                    li {
                        line-height: 18px;
                        padding-bottom: 12px;
                        padding-left: 20px;
                        position: relative;

                        &:before {
                            background: url(/images/support/check_support.svg) no-repeat 0 0;
                            background-size: 12px 12px;
                            content: '';
                            display: inline-block;
                            height: 12px;
                            left: 0;
                            position: absolute;
                            top: 4px;
                            width: 12px;
                        }
                    }
                }
            }

            .pp_info_block {
                font-size: 14px;
                font-weight: 400;
                padding: 32px;
                line-height: 20px;
                text-align: left;
                color: #333333;
                border-bottom: 1px solid #CCCCCC;

                .pp_one_time {
                    color: #808080;
                    font-weight: 400;
                    font-size: 13px;
                    line-height: 18px;
                }

                .pp_one_time_none {
                    color: transparent;
                    font-size: 13px;
                    line-height: 18px;
                    -moz-user-select: none;
                    -khtml-user-select: none;
                    user-select: none;
                }

                .pp_sum {
                    display: inline-block;
                    font-weight: 600;
                    font-size: 24px;
                    line-height: 33px;

                    &.hidden {
                        display: none;
                    }

                    .pp_price_number {
                        font-weight: 700;
                        font-size: 40px;
                        line-height: 64px;
                    }


                    .pp_price_number_one {
                        font-size: 16px;
                        line-height: 26px;
                    }

                    &.old {
                        color: #666666;
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 25px;
                        text-decoration: line-through;
                    }

                    &.req {
                        font-size: 16px;
                        line-height: 26px;
                        padding: 19px 0;
                        text-transform: uppercase;
                    }
                }
            }

            .pp_title {
                font-weight: 700;
                font-size: 18px;
                color: #333333;
                line-height: 1.2em;
                padding-top: 20px;
                text-align: left;

                a {
                    color: #333333;
                    text-decoration: none;
                }

                a:hover {
                    text-decoration: underline;
                }

                &.long {
                    padding-top: 35px;
                    padding-left: 35px;
                }

                .pp_heading {
                    color: #666666;
                    font-size: 12px;
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                }

                .pp_name {
                    color: #333333;
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 150%;
                }

                .pp_time_limit {
                    background-color: #FF6F3D;
                    color: #FFFFFF;
                    font-size: 13px;
                    line-height: 18px;
                    margin: 0 auto;
                    padding: 3px 0;
                    position: relative;
                    text-align: center;
                    top: -32px;
                    width: 128px;

                    &.cs, &.de, &.es, &.it, &.pt, &.ru {
                        width: 180px;
                    }

                    &.fr, &.nl {
                        width: 150px;
                    }
                }
            }

            .pp_users_block {
                padding: 28px 0;

                a {
                    color: #FF6F3D;
                    text-decoration: none;
                }


                .pp_ub_name, .pp_ub_number {
                    color: #666666;
                    font-size: 13px;
                    line-height: 160%;
                    margin: 0 auto;
                    text-align: center;
                }

                .pp_ub_number {
                    color: #333333;
                    font-size: 14px;
                    font-weight: bold;
                }
            }

            .pp_users_recommendation {
                background-color: #fff;
                text-align: left;

                .pp_users_block {
                    display: table;
                    margin: 0;
                    width: 100%;

                    .programs-list {
                        padding-left: 32px;
                    }

                    .pp_ub_name, .pp_ub_number {
                        color: #666666;
                        font-size: 13px;
                        line-height: 160%;
                        margin: 0 auto;
                        text-align: center;
                    }

                    .pp_ub_number {
                        color: #333333;
                        font-size: 14px;
                        font-weight: bold;
                    }
                }

                .simcon_change {
                    background-color: #ebebeb;
                    border: none;
                    cursor: pointer;
                    display: inline-block;
                    font-size: 30px;
                    font-weight: 400;
                    height: 98px;
                    line-height: 98px;
                    margin: 0;
                    padding: 0;
                    position: absolute;
                    text-align: center;
                    vertical-align: top;
                    width: 48px;
                    -moz-user-select: none;
                    -khtml-user-select: none;
                    user-select: none;

                    &.pp_connections_decrease {
                        left: 0;
                    }

                    &.pp_connections_increase {
                        right: 0;
                    }
                }
            }
        }
    }
}

#mainpage {
    margin: auto;
    width: 100%;

    div.description {
        margin: 0px;
        max-width: 100%;
        padding: 0px;
    }

    .first-welcome-block {
        background-color: #F5F5F5;
        width: 100%;
    }

    .faq_pricing_block {
        margin-top: 100px;
        border-top: none;
        max-width: 1110px;

        .faqpricing_head {
            color: #333;
            font-size: 24px;
            line-height: 1.33em;
            margin: 0 auto;
            max-width: 970px;
            padding: 10px 0;
            text-align: left;
        }

        li b {
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            display: block;
            position: relative;
            color: #000;
            width: 97%;
        }

        p {
            line-height: 1.33em;
            padding: 10px 0;
        }
    }

    .search_line {
        &.mainSearch {
            display: table;
            margin: auto;
            top: 50px;
            position: relative;
            left: auto;

            .search-button {
                position: absolute;

                img {
                    margin-top: 25px;
                    margin-left: 25px;
                }
            }

            input {
                .borderRadius (4px);
                border: 1px solid #c2c2c2;
                display: inline-block;
                height: 64px;
                margin: 0 10px 0 0;
                padding-left: 4px;
                width: 624px;
                border-radius: 32px;
                outline: none;
            }

            img {
                border: none;
                margin-top: 1px;
            }
        }
    }

    .ip_decide {
        width: 100%;
        background-color: #f6f6f6;
        text-align: center;
        padding: 130px 0;
        margin: 0 auto;
        position: relative;
        z-index: 20;

        .ip_compare_blocks {
            display: inline-block;
            text-align: center;
            padding: 40px 0 0;
            margin: 0 auto;
            max-width: 970px;

            .ip_group_block {
                display: inline-block;
            }


            .ip_block {
                background-position: 50% 0;
                background-repeat: no-repeat;
                background-size: 96px;
                display: inline-block;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.2em;
                padding: 0;
                vertical-align: top;
                width: 190px;

                a {
                    color: #333333;
                    display: block;
                    padding: 100px 0 0;
                    text-decoration: none;
                }

                &.ip_block_1 {
                    background-image: url(/images/pricing/icons-compare.svg);
                }

                &.ip_block_2 {
                    background-image: url(/images/pricing/icons-book.svg);
                }

                &.ip_block_3 {
                    background-image: url(/images/pricing/icons-pre-sales.svg);
                }

                &.ip_block_4 {
                    background-image: url(/images/pricing/icons-support.svg);
                }

                &.ip_block_5 {
                    background-image: url(/images/pricing/icons-overview.svg);
                }
            }
        }

        .ip_decide_head {
            color: #333333;
            font-size: 24px;
            font-weight: 600;
            line-height: 133%;
            padding: 0 10px;
        }
    }

    .ip_header {
        padding-bottom: 90px;
        padding-top: 112px;

        h1 {
            color: #333333;
            font-size: 40px;
            line-height: 1.33em;
            margin: 0 auto;
            text-align: center;
            width: 70vw;

            &.iph_es {
                width: 1024px;
            }
        }

        .ip_header_text {
            margin: 40px auto 0;
            text-align: center;
        }
    }



    #ie-gaq.gaq-hidden, #ie-pp-sum-req {
        display: none;
    }
}

    .servereditorsprices {
        .faq_pricing_block {
            border-top: 0 none;
            padding: 30px 0 0;

            .faqpricing {
                max-width: 970px;
                margin: 0 auto;
                text-align: left;
            }
        }
    }


.faq_pricing_block {
    background-color: #fff;
    border-top: 1px solid #DEDAD8;
    max-width: 980px;
    margin: auto;

    ul.list_with_orange_markers {
        width: 970px;
        margin: 20px auto 0;
        padding-bottom: 70px;
        width: 100%;

        li {
            padding: 20px 0;
            border-top: 1px solid #DEDAD8;
            color: transparent;
            width: 97%;

            b {
                font-size: 18px;
                font-weight: 600;
                cursor: pointer;
                display: block;
                position: relative;
                color: #333333;
                width: 100%;

                &:before {
                    display: block;
                    content: '';
                    width: 29px;
                    height: 24px;
                    background-image: url(/images/accordions_sprite.png);
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    position: absolute;
                    left: -36px;
                    top: -4px;
                }

                &.expanded_node {
                    &:before {
                        background-position: -38px 0;
                        max-width: 15px;
                    }
                }
            }

            p {
                display: none;
                font-size: 14px;
                padding-bottom: 0;
                color: #333;

                a {
                    color: #FF6F3D;
                }
            }

            &:last-child {
                border-bottom: 1px solid #DEDAD8;
                width: 97%;
            }

            &:before {
                content: none;
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    #mainPage.InnerPage {

        .faq_pricing_block {
            ul.list_with_orange_markers {
                padding-left: 30px;
                width: 90%;
                }
            }

                .icon-program-block {
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr;
                    grid-gap: 71px 0;
                    margin: auto;
                    max-width: 600px;
                }

                .first-block {
                    padding-left: 20px;
                    padding-right: 20px;
                }

                .second-block {
                    padding-left: 20px;
                    padding-right: 20px;
                }

                .first-column {
                    width: auto;
                    padding-left: 32px;
                }

                .second-column {
                    width: auto;
                    padding-left: 32px;
                }

                .ip_main_part {
                    margin: 0 auto;
                    text-align: center;

                    .integration_block {
                        display: block;
                        width: auto;
                        position: relative;
                        margin: 0;
                        vertical-align: top;
                        margin-bottom: 20px;

                        .pp_users_block {
                            max-width: 90%;
                        }
                    }
                }
            }
        }

        @media screen and (max-width: 969px) {

            .page_version_link {
                margin: 5px 0px;
                }


                .page_download_button {
                    margin: 40px 30px 0px 20px;
                }

                #mainPage.InnerPage {

                    .faq_pricing_block {
                        ul.list_with_orange_markers {
                            margin: 0;
                        }
                    }

                    .first-block {
                        display: block;
                        padding-right: 20px;
                        padding-left: 20px;
                    }

                    .second-block {
                        display: block;
                        padding-right: 20px;
                        padding-left: 20px;
                    }

                    .icon-program-block {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr;
                        grid-gap: 71px 0;
                        margin: auto;
                    }

                    .first-column {
                        width: auto;
                        display: block;
                        padding-left: 32px;
                    }

                    .second-column {
                        width: auto;
                        display: block;
                        padding-left: 32px;
                    }

                    .ip_main_part {
                        margin: 0 auto;
                        text-align: center;

                        .integration_block {
                            display: block;
                            width: auto;
                            position: relative;
                            margin: 0;
                            vertical-align: top;
                            margin-bottom: 20px;
                        }
                    }
                }
            }

@media screen and (max-width: 800px) {

    .installation_guides, .user_guides, .integration_guides {
        .block-editor {
            span.toggler {
                float: none;
                top: 40px;
                left: 0px;
            }
        }
    }
    }

    @media screen and (max-width: 650px) {

        a.text-container-link-changelog {
            float: none;
        }

        .InnerPage div.description .GettingStarted ul.TableOfContents {
            margin: 10px 0px 20px;
        }

        .gs_content {
            padding: 0px;
        }

        .keyword_block {
            margin: 15px 0px 15px;
        }

        li {
            img {
                max-width: 90%;
            }
        }

        .GettingStarted {
            img {
                max-width: 90%;
                margin: 0px 0px 0px;
            }
        }

        .notehelp.narrownote {
            margin-right: 0;
        }

        .changelog-page {
            .changelog-version-block {
                padding: 20px 0 10px 40px;

                .changelog-main-header {
                    padding-bottom: 20px;
                }

                .changelog-open-in-new-window {
                    display: none;
                }

                .changelog-release-date {
                    margin: -28px 0px 0;
                    left: 23px;
                    position: absolute;
                }

                .changelog-subheader {
                    padding-top: 12px;
                }
            }
        }

        .screen_text {
            a.text-container-link-changelog {
                margin-top: -70px;
            }
        }

        #mainPage.InnerPage {

            .search_line {
                display: table;
                margin: auto;

                &.mainSearch {
                    input {
                        .borderRadius (4px);
                        border: 1px solid #c2c2c2;
                        display: inline-block;
                        height: 64px;
                        margin: 0 10px 0 0;
                        padding-left: 4px;
                        width: 450px;
                        border-radius: 32px;
                        outline: none;
                    }
                }
            }

            p {
                max-width: 400px;
            }

            .icon-program-block {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-gap: 71px 0;
                margin: auto;
                max-width: 400px;
            }

            .ip_main_part {
                display: block;
            }
        }
    }

    @media screen and (max-width: 600px) {

        .installation_guides .block-editor {
            margin-right: 0px;
        }

        .installation_guides, .user_guides, .integration_guides {
            .block-editor {
                span.toggler {
                    float: none;
                    top: -5px;
                    left: 20px;
                    bottom: 20px;
                }
            }
        }

        #mainPage.InnerPage {
            .first-welcome-block {
                min-width: 370px;
            }

            .search_line {
                display: table;
                margin: auto;

                &.mainSearch {
                    input {
                        .borderRadius (4px);
                        border: 1px solid #c2c2c2;
                        display: inline-block;
                        height: 64px;
                        margin: 0 10px 0 0;
                        padding-left: 4px;
                        width: 275px;
                        border-radius: 32px;
                        outline: none;
                    }
                }
            }

            .ip_main_part {
                margin: 0 auto;
                text-align: center;
                display: block;
            }
        }

        .img-title {

            &.admin {
                padding-right: 0px;
            }
        }

        #mainpage {
            .faq_pricing_block {

                ul.list_with_orange_markers {

                    p {
                        &.first-faq {
                            padding-top: 35px;
                        }

                        &.second-faq {
                            padding-top: 30px;
                        }

                        &.third-faq {
                            padding-top: 35px;
                        }

                        &.fifth-faq {
                            padding-top: 53px;
                        }
                    }
                }
            }
        }
    }


    @media screen and (max-width: 429px) {

        #mainpage {
            .faq_pricing_block {

                ul.list_with_orange_markers {

                    p {

                        &.second-faq {
                            padding-top: 53px;
                        }
                    }
                }
            }
        }
    }