.lkhierarchy.ms-container h1, .lkhierarchy.ms-container h2, .lkhierarchy.ms-container h3,
.lkhierarchy.ms-container h4, .lkhierarchy.ms-container h5, .lkhierarchy.ms-container h6,
.lkhierarchy .ms-h1, .lkhierarchy .ms-h2, .lkhierarchy .ms-h3, .lkhierarchy .ms-h4,
.lkhierarchy .ms-h5, .lkhierarchy .ms-h6, html .lkhierarchy, body .lkhierarchy,
.lkhierarchy div, .lkhierarchy applet, .lkhierarchy object, .lkhierarchy iframe,
.lkhierarchy h1, .lkhierarchy h2, .lkhierarchy h3, .lkhierarchy h4, .lkhierarchy h5, .lkhierarchy h6, .lkhierarchy p,
.lkhierarchy blockquote, .lkhierarchy pre, .lkhierarchy a, .lkhierarchy abbr,
.lkhierarchy .lkhierarchy acronym, .lkhierarchy address, .lkhierarchy big,
.lkhierarchy cite, .lkhierarchy code, .lkhierarchy del, .lkhierarchy dfn, em,
.lkhierarchy img, .lkhierarchy ins, .lkhierarchy kbd, .lkhierarchy q, .lkhierarchy s, .lkhierarchy samp,
.lkhierarchy small, .lkhierarchy strike, .lkhierarchy strong, .lkhierarchy sub,
.lkhierarchy sup, .lkhierarchy tt, .lkhierarchy var, .lkhierarchy b, .lkhierarchy u, i,
.lkhierarchy center, .lkhierarchy dl, .lkhierarchy dt, .lkhierarchy dd, .lkhierarchy ol,
.lkhierarchy ul, .lkhierarchy li, .lkhierarchy fieldset, .lkhierarchy form,
.lkhierarchy label, .lkhierarchy legend, .lkhierarchy caption,
.lkhierarchy article, .lkhierarchy aside, .lkhierarchy canvas,
.lkhierarchy details, .lkhierarchy embed, .lkhierarchy figure,
.lkhierarchy figcaption, .lkhierarchy footer, .lkhierarchy header,
.lkhierarchy hgroup, .lkhierarchy menu, .lkhierarchy nav, .lkhierarchy output,
.lkhierarchy ruby, .lkhierarchy section, .lkhierarchy summary,
.lkhierarchy time, .lkhierarchy mark, .lkhierarchy audio, .lkhierarchy video,
.lkhierarchy a:hover, .lkhierarchy a:link,
.lkhierarchy container a:visited {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.lkhierarchy {
    background-color: #fff;
}

    .lkhierarchy.LiveKnowledgebase {
        background: white;
        padding: 25px;
        border-radius: 5px;
    }

    .lkhierarchy .breadcr em.ms-glyphicon-home {
        margin-right: 2px;
    }

    .lkhierarchy .breadcrlist {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        margin-bottom: 20px;
    }

    .lkhierarchy .breadcr a {
        color: #333;
    }

        .lkhierarchy .breadcr a:hover {
            color: #444;
        }

    .lkhierarchy .breadcr span:last-child a {
        font-weight: 600;
    }

@media print {
    body * {
        overflow: hidden;
    }

    @page {
        size: auto;
        margin: 1cm;
    }

    .search_box, .ms-col-md-3, .userinfo {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }
}

::-webkit-input-placeholder {
    color: #eee;
}

::-moz-placeholder {
    color: #eee;
}

:-ms-input-placeholder {
    color: #eee;
}

:-moz-placeholder {
    color: #eee;
}


.lkhierarchy .cImage {
    float: left;
    width: 54px;
    height: auto;
}

.lkhierarchy .category_name {
    color: #004f6c;
    position: relative;
    left: 9px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 15px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lkhierarchy .lkContent a {
    text-decoration: none;
    position: relative;
    display: block;
}

.lkhierarchy .lkContent {
    padding: 20px;
    border: 1px solid #f9f9f9;
    height: 150px;
    margin: 5px 0;
}

    .lkhierarchy .lkContent:hover {
        border: 1px solid #ddd;
        box-shadow: 0 1px 15px 0 rgba(0,0,0,0.25);
    }

.lkhierarchy p.description {
    line-height: 25px;
    color: #2c2c2c;
    text-overflow: ellipsis;
    height: 80px;
    overflow: hidden;
    position: absolute;
    left: 64px;
}

.lkhierarchy .title_desc > h1,
.lkhierarchy .mediaprint > h1,
.lkhierarchy .lk_cat-lists h1 {
    font-size: 32px;
    margin: 10px 0 0;
}

.lkhierarchy .cat-desc,
.lkhierarchy .article-desc,
.lkhierarchy .article-content {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 28px;
}

.lkhierarchy .mediaprint .folder {
    margin-top: 8px;
}

.lkhierarchy .sidebar {
    border: 1px solid #eee;
    background: #fbfbfb;
    padding: 10px 0;
    border-radius: 5px;
}

.lkhierarchy li .sidebar-link {
    display: block;
    padding: 6px;
    text-decoration: none;
    list-style: none;
    color: #333;
}

.lkhierarchy .sidebar-menu li.ms-active > .sidebar-link,
.lkhierarchy .sidebar-menu li > .sidebar-link:hover {
    background: #337ab7;
    color: #fff;
}

.lkhierarchy ul.sidebar-menu {
    list-style: none;
    margin: 0;
    padding-left: 7px;
}


.lkhierarchy .list-heading h3 {
    text-transform: none;
    font-size: 24px;
    margin: 15px 0;
}

.lkhierarchy .foldercount {
    padding: 5px 8px;
    background: #999;
    vertical-align: text-bottom;
}

/* start change after article on page*/

.lkhierarchy .list-heading ul {
    padding-left: 20px;
    margin-left: 0;
}

    .lkhierarchy .list-heading ul li.title {
        position: relative;
        list-style: none;
        padding: 8px 18px;
        border-bottom: 1px solid #ddd;
    }

        .lkhierarchy .list-heading ul li.title a {
            text-decoration: none;
            color: #777;
        }

            .lkhierarchy .list-heading ul li.title a:hover {
                color: #337ab7;
            }

        .lkhierarchy .list-heading ul li.title:before {
            position: absolute;
            display: inline-block;
            text-align: center;
            line-height: 20px;
            color: #fff;
            width: 20px;
            height: 20px;
            content: "✓";
            transition: all 0.2s ease 0s;
            background: #337ab7;
            border-radius: 50%;
            left: -11px;
            top: 10px;
            font-size: 11px;
        }

.lkhierarchy .rounded-list,
.lkhierarchy ul.attachment {
    padding-left: 30px;
}

.lkhierarchy .list_link {
    color: #666;
    font-size: 16px;
    padding: 1px 0;
}

    .lkhierarchy .list_link:hover,
    .lkhierarchy .list_link:active {
        text-decoration: none;
        color: #333;
    }
/* end change after article on page*/

.lkhierarchy .btnposition {
    color: #aaa;
    font-size: 12px;
    margin-left: 6px;
}

.lkhierarchy .ms-glyphicon-trash,
.lkhierarchy .ms-glyphicon-pencil {
    color: #aaa;
    font-size: 12px;
    padding: 12px 7px;
}

.lkhierarchy .mediaprint fieldset {
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 20px 0;
}

.lkhierarchy .mediaprint legend {
    margin: 0;
    border-bottom: 0;
    width: auto;
    font-size: 17px;
    padding: 0 10px;
    font-weight: bold;
    color: #777;
}

.lkhierarchy .update {
    color: #aaa;
    font-style: italic;
    font-size: 13px;
}

.lkhierarchy .attachment li a {
    text-decoration: none;
    color: #777;
    font-size: 16px;
    padding: 10px 0;
}

.lkhierarchy .attachment a:before {
    content: "\e142";
    font-family: 'Glyphicons Halflings';
    color: #777777;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
    text-decoration: none;
}

.lkhierarchy .userinfo img {
    margin: 4px 4px 8px 0;
    border: 1px solid #666;
    width: 30px;
    border-radius: 50%;
}

.lkhierarchy ul.attachment {
    list-style: none;
    list-style-type: none;
}

.lkhierarchy ul {
    color: #777;
}

.lkhierarchy .userinfo {
    padding: 30px;
    margin: 40px 0 15px;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
}

    .lkhierarchy .userinfo h1 {
        margin: 15px 0;
        color: #444;
        font-size: 18px;
        font-weight: bold;
    }

    .lkhierarchy .userinfo .ms-success,
    .lkhierarchy .userinfo .ms-danger {
        font-size: 24px;
        text-decoration: none;
        cursor: pointer;
        margin: 0 20px;
    }

    .lkhierarchy .userinfo .ms-success {
        color: #20a523;
    }

    .lkhierarchy .userinfo .ms-danger {
        color: #ff8b8b;
    }

.lkhierarchy .ms-success:hover {
    color: #197f1c;
}

.lkhierarchy .userinfo .ms-danger:hover {
    color: #fa5050;
}

.lkhierarchy .feedbackPositive,
.lkhierarchy .feedbackNegative {
    font-size: 20px;
    color: #333;
    margin: 0;
}

.lkhierarchy .Related {
    margin-top: 10px;
}

    .lkhierarchy .Related ul {
        padding-left: 20px;
        list-style: disc;
        margin-left: 0px;
    }

    .lkhierarchy .Related .rightoggle.ms-badge {
        margin: 4px;
        border-radius: 4px;
        background: #337ab7;
        color: #fff;
        font-weight: normal;
        float: right;
    }

    .lkhierarchy .mediaprint h3,
    .lkhierarchy .Related h3 {
        display: inline-block;
        text-transform: none;
        color: #111;
        text-decoration: none;
        line-height: 36px;
        margin: 0 0 10px 0;
    }

.lkhierarchy .list-heading.innerArticle h3 {
    display: inline-block;
    color: #111;
    text-decoration: none;
    line-height: 36px;
    margin: 0 0 10px 0;
}

.lkhierarchy .mediaprint h3:after,
.lkhierarchy .Related h3:after,
.list-heading.innerArticle h3:after {
    content: '';
    display: block;
    background: #cecece;
    padding: 1px 0 0;
}

.lkhierarchy .Related ul li a {
    color: #777;
}

    .lkhierarchy .Related ul li a:hover {
        color: #337ab7;
        text-decoration: none;
    }

.lkhierarchy .Related li {
    padding: 6px 6px 6px 15px;
    position: relative;
    list-style: none;
    transition: background .5s ease-out;
    border-bottom: 1px solid #ddd;
}

    .lkhierarchy .Related li:before {
        position: absolute;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        color: #fff;
        width: 20px;
        height: 20px;
        content: "✓";
        transition: all 0.2s ease 0s;
        background: #337ab7;
        border-radius: 50%;
        left: -11px;
        top: 8px;
        font-size: 11px;
    }

/*start search css*/

.lkhierarchy .search_box {
    text-align: center;
    margin-bottom: 14px;
}

    .lkhierarchy .search_box input.ui-autocomplete-input {
        width: 100%;
        height: 50px;
        background: #fff;
        font-size: 22px;
        outline: none;
        border: 1px solid #ddd;
        border-radius: 0;
    }

.lkhierarchy .ms-input-group-addon {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 0;
}

    .lkhierarchy .ms-input-group-addon:after {
        content: "\e003";
        font-family: 'Glyphicons Halflings';
        color: #fff;
        font-size: 22px;
    }

.lkhierarchy .search_box button.ms-btn.ms-btn-success.searchAddBtn {
    z-index: 99;
    height: 50px;
    font-size: 12px;
}

.lkhierarchy .search_box a.searchAddBtn {
    font-size: 14px;
    color: #999;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 4px 6px;
}

    .lkhierarchy .search_box a.searchAddBtn:hover {
        color: #333;
    }

.Search_result a {
    color: #595959;
}

    .Search_result a:hover {
        color: #595959;
        text-decoration: none;
    }

.Search_result:hover {
    background: #fbfbfb;
}

.Search_result {
    border-bottom: 1px solid #eee;
    padding: 10px;
    font-weight: normal;
}

.lkhierarchy li.r_result {
    border-bottom: 1px solid #eee;
    padding-right: 10px;
    font-weight: normal;
}

.Search_result .s_title,
.lkhierarchy .r_result .r_title {
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 12px;
}

.Search_result mark,
.lkhierarchy mark {
    background: #e1f3ff !important;
    color: #005792 !important;
}

.Search_result .search_des,
.lkhierarchy .r_result .r_des {
    height: 18px;
    overflow: hidden;
    display: block;
    font-size: 12px;
    margin-top: 4px;
}

.lkhierarchy .lk_cat-lists .trace_edit,
.lkhierarchy .innerArticle .trace_edit {
    top: 2px;
    position: absolute;
    right: 6px;
}

    .lkhierarchy.show_button .trace_edit a em:hover,
    .lkhierarchy .act_icons em:hover,
    .lkhierarchy .innerArticle .trace_edit a em:hover {
        color: #111;
    }

.lkhierarchy .lk_cat-lists li.folder_link ~ .trace_edit {
    margin: 0;
}

.lkhierarchy .rounded-list li .trace_edit {
    position: absolute;
    right: 14px;
    top: 3px;
}

.lkhierarchy .rounded-list li .trace_edit {
    position: relative;
    right: 0px;
    top: 0px;
    display: block;
    float: none !important;
    text-align: right;
}

.autocomplete-suggestions a,
.autocomplete-suggestions a:visited,
.autocomplete-suggestions a:hover,
.autocomplete-suggestions a:active {
    text-decoration: none;
    color: #555;
}

.lkhierarchy .desktop_toc > ul.sidebar-menu > li > .sidebar-link {
    font-weight: bold;
    padding-right: 30px;
}

.lkhierarchy .desktop_toc > ul.sidebar-menu > li > .sidebar-link,
.lkhierarchy .desktop_toc > ul.sidebar-menu > li.ms-active > .sidebar-link,
.lkhierarchy .desktop_toc > ul.sidebar-menu > li.ms-active > .sidebar-link:hover {
    background: none;
    color: #333;
}

.lkhierarchy .sidebar.desktop_toc > ul.sidebar-menu.category-list > li > ul.sidebar-menu.category-list > li > ul {
    border-left: 1px solid #eee;
}

.lkhierarchy .list-heading.innerArticle {
    display: block !important;
    margin-bottom: 30px;
}

    .lkhierarchy .list-heading.innerArticle .active {
        font-weight: bold;
    }

.lkhierarchy .Card_View_No .parent {
    font-weight: bold;
    line-height: 24px;
    color: #444;
    padding: 8px;
}

    .lkhierarchy .Card_View_No .parent:hover {
        box-shadow: 0 1px 15px 0 rgba(0,0,0,0.25);
    }

    .lkhierarchy .Card_View_No .parent .child_link {
        display: block;
        padding-left: 15px;
        color: #777;
        text-decoration: none;
        line-height: 30px;
    }

        .lkhierarchy .Card_View_No .parent .child_link:hover {
            color: #333;
        }

.lkhierarchy .accordion_icon {
    color: #337ab7;
    background: #fbfbfb;
    padding: 8px;
    cursor: pointer;
}

    .lkhierarchy .accordion_icon:after {
        content: "+";
        font-size: 26px;
        width: 20px;
        float: right;
        color: #337ab7;
        top: -8px;
        position: relative;
    }

.lkhierarchy .ms-glyphicon-plus.stoggle,
.lkhierarchy .ms-glyphicon-minus.stoggle {
    float: right;
    top: 8px;
    z-index: 999;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    right: 8px;
}

.lkhierarchy ul.Setting_btn {
    margin-left: 0;
}

@media (max-width: 991px) {
    .lkhierarchy .userinfo h1 {
        font-size: 20px;
    }

    .lkhierarchy .userinfo .ms-success {
        left: 10%;
        bottom: 15%;
    }

    .lkhierarchy .userinfo .ms-danger {
        right: 10%;
        bottom: 15%;
    }

    .lkhierarchy .Related .rightoggle.ms-badge {
        float: none;
        display: block;
        text-align: left;
        white-space: normal;
    }

    .lkhierarchy .title_desc > h1,
    .lkhierarchy .mediaprint > h1,
    .lkhierarchy .lk_cat-lists h1 {
        font-size: 24px;
    }
}