@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;
}

.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;
    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;
        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: 160px;
        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;
            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;
        }
    }
    li.avail_lang_ru {
        background-image: url('/css/img/Contributors/russia_flag.png');
    }
    a.avail_lang_ru {
        background-image: url('/css/img/Contributors/russia_flag.png');
    }
    li.avail_lang_es {
        background-image: url('/css/img/Contributors/spain_flag.png');
    }
    a.avail_lang_es {
        background-image: url('/css/img/Contributors/spain_flag.png');
    }
    li.avail_lang_en {
        background-image: url('/css/img/Contributors/us_flag.png');
    }
    a.avail_lang_en {
        background-image: url('/css/img/Contributors/us_flag.png');
    }
    li.avail_lang_br {
        background-image: url('/css/img/Contributors/brazil_flag.png');
    }
    a.avail_lang_br {
        background-image: url('/css/img/Contributors/brazil_flag.png');
    }
    li.avail_lang_tr {
        background-image: url('/css/img/Contributors/turkey_flag.png');
    }
    a.avail_lang_tr {
        background-image: url('/css/img/Contributors/turkey_flag.png');
    }
    li.avail_lang_th {
        background-image: url('/css/img/Contributors/thai_flag.png');
    }
    a.avail_lang_th {
        background-image: url('/css/img/Contributors/thai_flag.png');
    }
    li.avail_lang_fr {
        background-image: url('/css/img/Contributors/france_flag.png');
    }
    a.avail_lang_fr {
        background-image: url('/css/img/Contributors/france_flag.png');
    }
    li.avail_lang_de {
        background-image: url('/css/img/Contributors/germany_flag.png');
    }
    a.avail_lang_de {
        background-image: url('/css/img/Contributors/germany_flag.png');
    }
    li.avail_lang_vi {
        background-image: url('/css/img/Contributors/vietnam_flag.png');
    }
    a.avail_lang_vi {
        background-image: url('/css/img/Contributors/vietnam_flag.png');
    }
}
.documenteditorpages {
    .MainHelpCenter {
        margin-bottom: 16px;
        padding-bottom: 32px;

        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;
        }
    }

    .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;
        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 {
        .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;
        }
    }
    .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.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 {
            .gs_active {
                font-weight: 700;
            }
            .mobileappsmenu {
                padding-top: 10px;
            }
            li {
                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;
            }
        }
    }
    .description.main {
        .PageGuides {
            ul {
                li {
                    ul {
                        margin: 2px 0 20px 50px;
                    }
                }
            }
        }
    }
    .main {
        .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;
    }
    .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 {
    margin: 0;
    max-width: 660px;
    padding: 0;
    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 {
    h3 {
        font-size: 25px;
        font-weight: 300;
        padding: 20px 0 10px;
    }
    .block-editor {
        min-height: 30px;
        span.toggler {
            left: 0;
            right: auto;
            top: 10px;
        }
        .contents {
            padding-top: 40px;
        }
    }
}
.MainHelpCenter.TableOfContentsPage {
    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: 100% auto;
            border: 0;
            .shadowFullCustomizableInset(@byX: 0px, @byY: 0px, @radius: 113px, @strength: 50px, @color: rgba(0,0,0,0.45));
            cursor: pointer;
            display: block;
            height: 113px;
            margin: 0 0 20px;
            padding: 0;
            position: relative;
            text-align: center;
            vertical-align: middle;
            width: 220px;
        }
    }
    .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: 66px;
        top: 13px;
    }
    span.title_area {
        display: block;
        font-size: 14px;
        left: 0;
        line-height: 1.2em;
        position: relative;
        text-align: left;
        top: 120px;
        &: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);
    }
    .mobile_documents {
        background-image: url(/images/help/video/new/mobile_documents.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);
    }
}
.PageGuides.contributors {
    ul {
        li {
            a {
                line-height: 1.5em;
            }
        }
    }
}
.borderBase {
    border: 1px solid @helpBorderExampleColor;
}
.tintMedium {
    background-color: @defaultWhiteColor;
}
.tooltip {
    left: -9999px;
    line-height: 1.3em;
    padding: 15px;
    position: absolute;
    width: 400px;
    z-index: 999;
}
.tooltip_languages {
    left: -9999px;
    line-height: 1.3em;
    padding: 15px;
    position: absolute;
    width: auto;
    z-index: 999;
}
.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 {
    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;
        }
    }
    &.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;
        }
    }
}
.search_line {
    left: -281px;
    margin: 0 0 20px;
    position: absolute;
    top: -26px;
    input {
        .borderRadius (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;
    }
}
.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;
    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;
    }
}
.ContributorsBlock {
    border-top: solid 1px @helpBorderExampleColor;
    margin-bottom: 30px;
    .personBlock {
        background-position: 0 10px;
        background-repeat: no-repeat;
        min-height: 144px;
        padding: 20px 0 20px 160px;
        h2 {
            margin:0;
        }
        ul {
            list-style-type:none;
            padding:0;
        }
    }
    p {
        margin:0;
        padding:0;
    }
    h2 {
        background-position: 0 4px;
        background-repeat: no-repeat;
        color: @textColor;
        font-size: 17px;
        font-weight: 700;
        padding-left: 30px;
        text-transform: uppercase;
    }
    div.greek {
        h2 {
            background-image:url('/images/contributors/flags/greece_flag.png');
        }
    }
    div.turkish {
        h2 {
            background-image:url('/images/contributors/flags/turkey_flag.png');
        }
    }
    div.chinese {
        h2 {
            background-image:url('/images/contributors/flags/china_flag.png');
        }
    }
    div.polish {
        h2 {
            background-image:url('/images/contributors/flags/poland_flag.png');
        }
    }
    div.vietnamese {
        h2 {
            background-image:url('/images/contributors/flags/vietnam_flag.png');
        }
    }
    div.ukrainian {
        h2 {
            background-image:url('/images/contributors/flags/ukraine_flag.png');
        }
    }
    div.czech {
        h2 {
            background-image:url('/images/contributors/flags/czech_flag.png');
        }
    }
    div.brazilian {
        h2 {
            background-image:url('/images/contributors/flags/brazil_flag.png');
        }
    }
    div.finland {
        h2 {
            background-image:url('/images/contributors/flags/finland_flag.png');
        }
    }
    div.portugal {
        h2 {
            background-image:url('/images/contributors/flags/portugal_flag.png');
        }
    }
    div.german {
        h2 {
            background-image:url('/images/contributors/flags/germany_flag.png');
        }
    }
    div.thai {
        h2 {
            background-image:url('/images/contributors/flags/thailand_flag.png');
        }
    }
    div.russian {
        h2 {
            background-image:url('/images/contributors/flags/russia_flag.png');
        }
    }
    div.spanish {
        h2 {
            background-image:url('/images/contributors/flags/spain_flag.png');
        }
    }
    div.english {
        h2 {
            background-image:url('/images/contributors/flags/us_flag.png');
        }
    }
    div.french {
        h2 {
            background-image:url('/images/contributors/flags/france_flag.png');
        }
    }
    .personBlock.nophoto {
        background-image: url('/css/img/HelpCenter/Contributors/nophoto.png');
    }
    .personBlock.AnsonA4 {
        background-image: url('/css/img/HelpCenter/Contributors/AnsonA4.png');
    }
    .personBlock.weebybr {
        background-image: url('/css/img/HelpCenter/Contributors/weebybr.png');
    }
    .personBlock.lovelanguageandmore {
        background-image: url('/css/img/HelpCenter/Contributors/lovelanguageandmore.png');
    }
    .personBlock.sedaful2010 {
        background-image: url('/css/img/HelpCenter/Contributors/sedaful2010.png');
    }
    .personBlock.taenacup02 {
        background-image: url('/css/img/HelpCenter/Contributors/taenacup02.png');
    }
    .personBlock.Studproj {
        background-image: url('/css/img/HelpCenter/Contributors/Studproj.png');
    }
    .personBlock.bbtrprojeler {
        background-image: url('/css/img/HelpCenter/Contributors/bbtrprojeler.png');
    }
    .personBlock.JanBirley {
        background-image: url('/css/img/HelpCenter/Contributors/JanBirley.png');
    }
    .personBlock.agponton {
        background-image: url('/css/img/HelpCenter/Contributors/agponton.png');
    }
    .personBlock.Kienzl {
        background-image: url('/css/img/HelpCenter/Contributors/Kienzl.png');
    }
}
.InnerPage .description li.avail_lang_ru, .InnerPage .description li.avail_lang_es, .InnerPage .description li.avail_lang_en, .InnerPage .description li.avail_lang_tr, .InnerPage .description li.avail_lang_fr, .InnerPage .description li.avail_lang_th, .InnerPage .description li.avail_lang_de, .InnerPage .description li.avail_lang_br, .InnerPage .description li.avail_lang_vi, .InnerPage .description a.avail_lang_ru, .InnerPage .description a.avail_lang_es, .InnerPage .description a.avail_lang_en, .InnerPage .description a.avail_lang_tr, .InnerPage .description a.avail_lang_fr, .InnerPage .description a.avail_lang_th, .InnerPage .description a.avail_lang_de, .InnerPage .description a.avail_lang_br, .InnerPage .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: 100% auto;
    border: 0;
    .shadowFullCustomizableInset(@byX: 0px, @byY: 0px, @radius: 113px, @strength: 50px, @color: rgba(0,0,0,0.45));
    cursor: pointer;
    display: block;
    height: 113px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 220px;
    a {
        display: block;
        height: 113px;
        position: relative;
        width: 220px;
        z-index: 100;
    }
}
span.playbackbutton {
    background-image: url(/images/video.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 88px;
    left: 106px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 31px;
    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: 220px;
    span.playbackbutton {
        left: 66px;
        top: 13px;
    }
    .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);
    }
    .mobile_documents {
        background-image: url(/images/help/video/new/mobile_documents.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: 120px;
        width: 220px;
        z-index: 25;
    }
    a {
        &:hover {
            text-decoration: underline;
        }
    }
    h2 {
        margin: 0 0 16px 0;
        padding: 0;
    }
    div.playvideo {
        height: 183px;
        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;
}
.description {
    .TableOfContents {
        span {
            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;
    }
    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 {
        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_spreadsheet_editor_expand, .leftmenu_mobile_presentation_editor_expand, .mobile_document_editor_expand_menu, .mobile_spreadsheet_editor_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, .editors_expand_menu, .mobileprojects_expand_menu, .mobile_documents_android_expand_menu, .mobile_documents_expand_menu, .mobiledocuments_expand_menu {
    display: none;
}
.spreadsheet_editor_basic .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_basic_operations, .spreadsheet_editor_cell .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_cell_properties, .spreadsheet_editor_text .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_text_formatting, .spreadsheet_editor_rows .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_edit_rows_columns, .spreadsheet_editor_sheet .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_sheet_operations, .spreadsheet_editor_functions .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_use_functions, .insertfunction .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_use_functions, .spreadsheet_editor_objects .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_operations_objects, .spreadsheet_editor_equations .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_math_equations, .spreadsheet_editor_coediting .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_spreadsheet_coediting, .spreadsheet_editor_tools .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_tools_settings, .spreadsheet_editor_hints .leftmenu_spreadsheeteditor_toggle_expand_menu.leftmenu_helpful_hints, .document_editor_basic .leftmenu_documenteditor_toggle_expand_menu.leftmenu_basic_operations, .document_editor_page .leftmenu_documenteditor_toggle_expand_menu.leftmenu_page_formatting, .document_editor_paragraph .leftmenu_documenteditor_toggle_expand_menu.leftmenu_paragraph_formatting, .document_editor_text .leftmenu_documenteditor_toggle_expand_menu.leftmenu_text_formatting, .document_editor_objects .leftmenu_documenteditor_toggle_expand_menu.leftmenu_operations_objects, .document_editor_mailmerge .leftmenu_documenteditor_toggle_expand_menu.leftmenu_mail_merge, .document_editor_equations .leftmenu_documenteditor_toggle_expand_menu.leftmenu_math_equations, .document_editor_coediting .leftmenu_documenteditor_toggle_expand_menu.leftmenu_document_coediting, .document_editor_tools .leftmenu_documenteditor_toggle_expand_menu.leftmenu_tools_settings, .document_editor_hints .leftmenu_documenteditor_toggle_expand_menu.leftmenu_helpful_hints, .presentation_editor_basic .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_basic_operations, .presentation_editor_text .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_text_formatting, .presentation_editor_objects .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_operations_objects, .presentation_editor_slides .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_work_with_slides, .presentation_editor_equations .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_math_equations, .presentation_editor_coediting .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_presentation_coediting, .presentation_editor_tools .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_tools_settings, .presentation_editor_hints .leftmenu_presentationeditor_toggle_expand_menu.leftmenu_helpful_hints, .documents_basic .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_basic_operations, .documents_sheets .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_sheets_management, .documents_text .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_text_formatting, .documents_cells .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_cell_properties, .documents_rows .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_rows_columns, .documents_objects .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_object_operations, .documents_tools .leftmenu_mobile_spreadsheet_editor_expand.leftmenu_tools_settings, .documents_tools .leftmenu_mobile_document_editor_expand.leftmenu_tools_settings, .documents_text .leftmenu_mobile_document_editor_expand.leftmenu_text_formatting, .documents_paragraph .leftmenu_mobile_document_editor_expand.leftmenu_paragraph_formatting, .documents_page .leftmenu_mobile_document_editor_expand.leftmenu_page_formatting, .documents_objects .leftmenu_mobile_document_editor_expand.leftmenu_operations_objects, .documents_basic .leftmenu_mobile_document_editor_expand.leftmenu_basic_operations, .mobile_document_editor .mobile_document_editor_expand_menu, .mobile_spreadsheet_editor .mobile_spreadsheet_editor_expand_menu, .partners_faq .howworks_expand_menu, .howworks .howworks_expand_menu, .registering .registering_expand_menu, .preparing .preparing_expand_menu, .earning .earning_expand_menu, .description .MainHelpCenter .leftmenu_documenteditor_toggle_expand_menu, .description .MainHelpCenter .leftmenu_spreadsheeteditor_toggle_expand_menu, .description .MainHelpCenter .leftmenu_presentationeditor_toggle_expand_menu, .description .MainHelpCenter .documenteditor_ui_expand_menu, .description .MainHelpCenter .documenteditor_hh_expand_menu, .description .MainHelpCenter .spreadsheeteditor_ui_expand_menu, .description .MainHelpCenter .spreadsheeteditor_hh_expand_menu, .description .MainHelpCenter .presentationeditor_ui_expand_menu, .description .MainHelpCenter .presentationeditor_hh_expand_menu, .mobilegettingstartedpages .mobiledocuments_expand_menu, .mobileappspage .mobiledocuments_expand_menu, .mobileguidespages .mobiledocuments_expand_menu, .gettingstartedpages .gs_expand_menu, .mobilegettingstartedpages .mobile_documents_expand_menu, .mobileguidespages .mobile_documents_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, .technology .editors_expand_menu, .teamlabeditorspage .editors_expand_menu, .documenteditor .editors_expand_menu, .documenteditor .documenteditor_expand_menu, .documenteditor_ui .documenteditor_ui_expand_menu, .documenteditor_hh .documenteditor_hh_expand_menu, .spreadsheeteditor .editors_expand_menu, .spreadsheeteditor .spreadsheeteditor_expand_menu, .spreadsheeteditor_ui .spreadsheeteditor_ui_expand_menu, .spreadsheeteditor_hh .spreadsheeteditor_hh_expand_menu, .presentationeditor .editors_expand_menu, .presentationeditor .presentationeditor_expand_menu, .presentationeditor_ui .presentationeditor_ui_expand_menu, .presentationeditor_hh .presentationeditor_hh_expand_menu, .mobileappspage .mobileprojects_expand_menu, .mobileprojects .mobileprojects_expand_menu, .android_documents .mobile_documents_android_expand_menu, .mobile_documents_ios .mobile_documents_expand_menu, .mobile_document_editor .mobile_documents_expand_menu, .mobile_spreadsheet .mobile_documents_expand_menu, .mobile_documents_ios .mobiledocuments_expand_menu, .mobile_document_editor .mobiledocuments_expand_menu, .mobile_spreadsheet_editor .mobiledocuments_expand_menu {
    display: block;
}
.insertfunction .leftmenu_spreadsheeteditor_insertfunction, .control_panel .leftmenu_controlpanel, .saas_version .leftmenu_cloud, .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, .all_platforms .leftmenu_all_os, .oneclick .leftmenu_oneclickinstall, .general .leftmenu_communityserver, .mail .leftmenu_mailserver, .general .leftmenu_general, .documents .leftmenu_documents, .documents .leftmenu_mobile_documents, .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_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  {
    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;
}
.text-content .sm_enterprise:after, .text-content .sm_education:after, .text-content .sm_hosting:after, .text-content .sm_integration: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_education:after, .sm_list .sm_hosting:after, .sm_list .sm_integration: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_windows.sm_community, .sm_linux.sm_community, .sm_docker.sm_community, .sm_all_platforms.sm_community {
        &:after {
            content: ' (Community Server)';
        }
    }
    .sm_windows.sm_integration, .sm_linux.sm_integration, .sm_docker.sm_integration, .sm_all_platforms.sm_integration {
        &:after {
            content: ' (Integration Edition)';
        }
    }
    .sm_control_panel.sm_enterprise, .sm_linux.sm_enterprise, .sm_docker.sm_enterprise, .sm_virtual.sm_enterprise, .sm_all_platforms.sm_enterprise, .sm_windows.sm_enterprise {
        &:after {
            content: ' (Enterprise Edition)';
        }
    }
    .sm_control_panel.sm_education, .sm_linux.sm_education, .sm_docker.sm_education, .sm_virtual.sm_education, .sm_all_platforms.sm_education, .sm_windows.sm_education {
        &:after {
            content: ' (Education 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: ' (Community Edition)';
        }
    }
    .sm_windows.sm_mail, .sm_linux.sm_mail, .sm_docker.sm_mail, .sm_all_platforms.sm_mail {
        &:after {
            content: ' (Mail Server)';
        }
    }
    .sm_windows.sm_document, .sm_linux.sm_document, .sm_docker.sm_document, .sm_all_platforms.sm_document {
        &:after {
            content: ' (Document Server)';
        }
    }
    .sm_mobile.sm_document, .sm_mobile.sm_mobile_document_editor {
        &:after {
            content: ' (Mobile Documents)';
        }
    }
    .sm_mobile.sm_document.sm_mobile_document_editor {
        &:after {
            content: ' (Mobile Document Editor)';
        }
    }
    .sm_mobile.sm_document.sm_mobile_spreadsheet_editor {
        &:after {
            content: ' (Mobile Spreadsheet Editor)';
        }
    }
    .sm_desktop.sm_document {
        &:after {
            content: ' (Desktop Editors)';
        }
    }
    .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_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_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 {
    .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 {
    position: relative;
}
span.toggler {
    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;
        }
    }
}
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;
    }
}
.newarticle {
    &:after {
        background: #646E89;
        .borderRadius (2px);
        color: @defaultWhiteColor;
        content: 'New';
        display: inline-block;
        font-size: 11px;
        font-weight: 400;
        line-height: 1em;
        margin: 0 0 0 8px;
        padding: 3px 5px;
        text-decoration: none !important;
    }
}
.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: 82px;
    width: 264px;
}
.MainHelpCenter p[id]:before,
.MainHelpCenter h2[id]:before,
.MainHelpCenter h3[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 {
    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: 87px;
    line-height: 0;
    outline: none;
    position: absolute;
    width: 26px;
}
.slick-prev {
    background-color: transparent;
    background-image: url(/images/slideshow_next-prev.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 12px;
    left: 87px;
    line-height: 0;
    outline: none;
    position: absolute;
    top: -30px;
    width: 26px;
}
.with_arrows {
    margin-top: 40px;
}
.sysreq_title {
    display: inline;
    font-weight: 700;
    &:after {
        content: ':';
        display: inline;
    }
}
.sysreq_descr {
    display: inline;
}
table.table_portslist {
    margin: 10px 0 20px;
    text-align: center;
    width: 75%;
	
	&.script_parameters {
		text-align: left;
	}
    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: middle;
    }
}
span.yes, span.no {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 auto;
    .borderRadius(10px);
    vertical-align: middle;
    &.yes {
        background-color: @lightGrayTextColor;

        &.new_language:after {
            margin: -11px 0 0 17px;
            line-height: 1.3em;
            font-size: 9px;
        }
    }
    &.no {
        background-color: #dedede;
    }
}

table.table_versionlist,
table.table_parameters {
    margin: 10px 0 20px;
    text-align: center;
    width: 90%;

    &.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;
                    }
                }
            }

            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) {
                width: 15%;
            }

            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: 20%;
    span {
        -moz-transform: rotate( -90deg );
        -ms-transform: rotate( -90deg );
        -o-transform: rotate( -90deg );
        -webkit-transform: rotate( -90deg );
        display: block;
        transform: rotate( -90deg );
    }
}
.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;
    line-height: 1.3em;
    .borderRadius (2px);
}
.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;
    }
}
.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,
.education_edition .community_display,
.education_edition .integration_display,
.education_edition .enterprise_display,
.education_edition .integration_enterprise_display,
.integration_edition .community_display,
.integration_edition .enterprise_display,
.enterprise_edition .community_display,
.enterprise_edition .integration_display,
.enterprise_edition .education_display,
.community_edition .integration_display,
.community_edition .integration_enterprise_display,
.community_edition .enterprise_display,
.community_edition .education_display,
.community_edition .enterprise_education_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 {
        .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 0 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 0 0 25px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    min-height: 12px;

    &.language_Lt-az-AZ {
        background-image: url(/images/help/tipstricks/flags/az.png);
    }

    &.language_en-US {
        background-image: url(/images/help/tipstricks/flags/gbus.png);
    }

    &.language_vi-VN {
        background-image: url(/images/help/tipstricks/flags/vn.png);
    }

    &.language_el-GR {
        background-image: url(/images/help/tipstricks/flags/gr.png);
    }

    &.language_es-ES, &.language_ca-ES, &.language_gl-ES {
        background-image: url(/images/help/tipstricks/flags/e.png);
    }

    &.language_it-IT {
        background-image: url(/images/help/tipstricks/flags/i.png);
    }

    &.language_zh-CN, &.language_zh-TW {
        background-image: url(/images/help/tipstricks/flags/tj.png);
    }

    &.language_ko-KR {
        background-image: url(/images/help/tipstricks/flags/rok.png);
    }

    &.language_lv-LV {
        background-image: url(/images/help/tipstricks/flags/lv.png);
    }

    &.language_de-DE {
        background-image: url(/images/help/tipstricks/flags/de.png);
    }

    &.language_pl-PL {
        background-image: url(/images/help/tipstricks/flags/pl.png);
    }

    &.language_pt-BR {
        background-image: url(/images/help/tipstricks/flags/br.png);
    }

    &.language_pt-PT {
        background-image: url(/images/help/tipstricks/flags/p.png);
    }

    &.language_ru-RU {
        background-image: url(/images/help/tipstricks/flags/rus.png);
    }

    &.language_tr-TR {
        background-image: url(/images/help/tipstricks/flags/tr.png);
    }

    &.language_uk-UA {
        background-image: url(/images/help/tipstricks/flags/ua.png);
    }

    &.language_fi-FI {
        background-image: url(/images/help/tipstricks/flags/fin.png);
    }

    &.language_fr-FR {
        background-image: url(/images/help/tipstricks/flags/f.png);
    }

    &.language_cs-CZ {
        background-image: url(/images/help/tipstricks/flags/cz.png);
    }

    &.language_ja-JP {
        background-image: url(/images/help/tipstricks/flags/j.png);
    }

    &.language_sq-AL {
        background-image: url(/images/help/tipstricks/flags/al.png);
    }

    &.language_ar-TN {
        background-image: url(/images/help/tipstricks/flags/tn.png);
    }

    &.language_ar-AE {
        background-image: url(/images/help/tipstricks/flags/uae.png);
    }

    &.language_hy-AM {
        background-image: url(/images/help/tipstricks/flags/ar.png);
    }

    &.language_af-ZA {
        background-image: url(/images/help/tipstricks/flags/af.png);
    }

    &.language_eu-ES {
        background-image: url(/images/help/tipstricks/flags/bq.png);
    }

    &.language_be-BY {
        background-image: url(/images/help/tipstricks/flags/by.png);
    }

    &.language_bg-BG {
        background-image: url(/images/help/tipstricks/flags/bg.png);
    }

    &.language_hu-HU {
        background-image: url(/images/help/tipstricks/flags/h.png);
    }

    &.language_ka-GE {
        background-image: url(/images/help/tipstricks/flags/ge.png);
    }

    &.language_da-DK {
        background-image: url(/images/help/tipstricks/flags/dk.png);
    }

    &.language_he-IL {
        background-image: url(/images/help/tipstricks/flags/il.png);
    }

    &.language_id-ID {
        background-image: url(/images/help/tipstricks/flags/ri.png);
    }

    &.language_is-IS {
        background-image: url(/images/help/tipstricks/flags/is.png);
    }

    &.language_kk-KZ {
        background-image: url(/images/help/tipstricks/flags/kz.png);
    }

    &.language_lt-LT {
        background-image: url(/images/help/tipstricks/flags/lt.png);
    }

    &.language_mk-MK {
        background-image: url(/images/help/tipstricks/flags/mk.png);
    }

    &.language_mn-MN {
        background-image: url(/images/help/tipstricks/flags/mng.png);
    }

    &.language_nl-NL {
        background-image: url(/images/help/tipstricks/flags/nl.png);
    }

    &.language_nb-NO {
        background-image: url(/images/help/tipstricks/flags/n.png);
    }

    &.language_ro-RO {
        background-image: url(/images/help/tipstricks/flags/ro.png);
    }

    &.language_Cy-sr-SP, &.language_Lt-sr-SP {
        background-image: url(/images/help/tipstricks/flags/srb.png);
    }

    &.language_sk-SK {
        background-image: url(/images/help/tipstricks/flags/sk.png);
    }

    &.language_sl-SI {
        background-image: url(/images/help/tipstricks/flags/slo.png);
    }

    &.language_sw-KE {
        background-image: url(/images/help/tipstricks/flags/sw.png);
    }

    &.language_th-TH {
        background-image: url(/images/help/tipstricks/flags/t.png);
    }

    &.language_Cy-uz-UZ {
        background-image: url(/images/help/tipstricks/flags/uzb.png);
    }

    &.language_fa-IR {
        background-image: url(/images/help/tipstricks/flags/ir.png);
    }

    &.language_hi-IN {
        background-image: url(/images/help/tipstricks/flags/in.png);
    }

    &.language_hr-HR {
        background-image: url(/images/help/tipstricks/flags/hr.png);
    }

    &.language_sv-SE {
        background-image: url(/images/help/tipstricks/flags/s.png);
    }

    &.language_et-EE {
        background-image: url(/images/help/tipstricks/flags/ee.png);
    }
}
.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;
}
.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 {
    display: inline-block;
    content: 'new!';
    padding: 0 4px;
    background-color: @greenColor;
    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;
}
.sso_icon {
    background-color: #fadb8f;
    .borderRadius(2px);
    padding: 0 8px;
    font-size: 9px;
    vertical-align: middle;
}
.total_change {
    b {
        font-weight: 600;
    }
}
.mta_btn_block {
    text-align: center;
}