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

.lkflat {
    background-color: #fff;
}

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

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

    .lkflat .breadcr {
        text-align: center;
        border-bottom: 1px solid #eee;
        padding-bottom: 14px;
        margin-bottom: 20px;
    }

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

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

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


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

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

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

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

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

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

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

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

    .lkflat .mediaprint * {
        visibility: visible;
        height: 100%;
    }

    .lkflat .mediaprint {
        position: absolute;
        top: -140px;
        left: 0px;
        overflow: hidden;
    }

        .lkflat .mediaprint ~ .ms-row {
            display: none;
        }
}

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

    .lkflat .Related span.ms-pull-right.ms-badge {
        margin: 1px 10px;
    }

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

        .lkflat .mediaprint h3:after, .lkflat .Related h3:after {
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            content: '';
            display: block;
            width: 32px;
            background: #999;
            padding: 2px 0 0 3px;
        }

.lkflat .btnposition {
    color: #aaa;
    font-size: 12px;
    float: right;
    margin-left: 2px;
}

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

.lkflat .folder em.article-btn {
    border: 1px solid #eee;
    padding: 5px;
    margin-left: 8px;
}

    .lkflat .folder em.article-btn:hover {
        color: #111;
        cursor: pointer;
    }

.lkflat .fold_content {
    margin-top: 20px;
}

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

    .lkflat a:hover,
    .lkflat .lkContent a.category_name:focus,
    .lkflat .fold_articles .foldercount:hover {
        text-decoration: none;
    }

.lkflat .readmore {
    border-top: 1px solid #EEE;
    background: #fdfdfd;
    margin: 0px;
    padding: 12px;
    margin-left: 1px;
}

    .lkflat .readmore a {
        color: #666;
        text-decoration: none;
        display: block;
    }

        .lkflat .readmore a:hover {
            color: #222;
        }

.lkflat .fold_articles li em.ms-glyphicon.ms-glyphicon-file {
    color: #999;
    float: left;
}

.lkflat .fold_articles li span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 22px;
    font-size: 16px;
}

.lkflat .title_image img {
    margin: 0px 0px 0 15px;
    max-width: 50px;
    max-height: 50px;
    background: #fdfdfd;
    border: 1px solid #eee;
    padding: 10px;
}

.lkflat .title_image .title-top:first-child {
    margin-top: 30px;
}

.lkflat .title_image .title-top {
    margin-top: 50px;
}

.lkflat .title_image h3 {
    color: #111;
    margin: 0px 0 20px;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
}

    .lkflat .title_image h3 a {
        color: #111;
        text-decoration: none;
    }

    .lkflat .title_image h3:after {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        position: absolute;
        content: '';
        bottom: -10px;
        display: block;
        width: 32px;
        height: 2px;
        background: #999;
        padding: 2px 0 0 3px;
    }

.lkflat .articles_count {
    background: #aaa;
}

.lkflat .Related ul li a {
    color: #666;
}

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

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

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

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

.lkflat p.cat_description {
    margin: 0 0 20px 5px;
}

.lkflat hr.linehr {
    margin: 30px 0;
}

.lkflat h2 {
    margin-bottom: 10px;
    color: #444;
}

.lkflat .userinfo img {
    margin: -60px 0 10px 0;
    border-radius: 3em;
    border: 1px solid #dddddd;
    padding: 3px;
    background-color: #fff;
    width: 80px;
}

.lkflat .userinfo {
    background: #f3f3f3;
    padding: 15px;
    margin: 60px 0 15px;
    border: 1px solid #eee;
    text-align: center;
}

    .lkflat .userinfo h3 {
        text-transform: none;
        font-size: 18px;
    }

.lkflat .folderhead {
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    margin: 26px 12px;
}


.lkflat .lk_cat-lists h3.title {
    font-size: 18px;
    position: relative;
    color: #111;
    margin: 0 0 30px 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.folderhead:after,
.lkflat h3.title:after {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    content: '';
    bottom: -10px;
    display: block;
    width: 32px;
    height: 2px;
    background: #999;
    padding: 2px 0 0 3px;
}

.fold_articles:hover .folderhead:after,
.lkflat .lk_cat-lists:hover h3.title:after,
.lkflat .mediaprint:hover h3:after,
.lkflat .title_image:hover h3:after,
.lkflat .Related:hover h3:after {
    background: #999;
    width: 60px;
    height: 2px;
}

.lkflat .art_content {
    padding: 10px 0;
}

.lkflat a.ms-btn.ms-btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    text-decoration: none;
}

    .lkflat a.ms-btn.ms-btn-success:hover {
        background-color: #449d44;
        border-color: #398439;
    }

.lkflat-search-foldername {
    margin-left: 5px;
    padding: 4px;
    background-color: white;
    border-radius: 40%;
}

.lkflat .Related li {
    margin: 10px 0 10px 18px;
    background: #f1f1f1;
    padding: 10px 0px 10px 20px;
    position: relative;
    list-style: none;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -ms-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
}

    .lkflat .Related li:hover {
        background: #dedede;
    }

.lkflat .userinfo .ms-btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    text-decoration: none;
    width: 75px;
}

    .lkflat .userinfo .ms-btn-danger:hover {
        background-color: #c9302c;
        border-color: #ac2925;
    }

.lkflat .userinfo .ms-btn-success,
.lkflat .userinfo button.ms-btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
    text-decoration: none;
    width: 75px;
}

.lkflat .ms-btn-success:hover,
.lkflat button.ms-btn-success:hover {
    background-color: #449d44;
    border-color: #398439;
}

.lkflat .fold_articles {
    background: #fdfdfd;
    border: 1px solid #ebebeb;
    position: relative;
    margin-top: 30px;
    min-height: 398px;
    overflow: auto;
}

    .lkflat .fold_articles .sub_fold_articles {
        border: 0;
        min-height: 0;
        margin: 0 -14px 0 -14px;
    }

    .lkflat .fold_articles .folderhead a {
        color: #111;
        text-decoration: none;
    }

    .lkflat .fold_articles ul li a.list_link,
    .lkflat .lk_cat-lists li.title {
        position: relative;
        display: block;
        margin: 10px 15px 10px 0;
        -webkit-transition: background .5s ease-out;
        -moz-transition: background .5s ease-out;
        -ms-transition: background .5s ease-out;
        -o-transition: background .5s ease-out;
        transition: background .5s ease-out;
        padding: 10px 10px 10px 20px;
    }

.lkflat .lk_cat-lists li.title {
    margin: 0px 0px 10px 25px;
    position: relative;
    background: #F1F1F1;
}

.lkflat.show_button .fold_articles ul li a.list_link {
    margin: 10px 70px 10px 0;
}

.lkflat .fold_articles ul li a.list_link,
.lkflat .lk_cat-lists li.title a {
    color: #616161;
    text-decoration: none;
    display: block;
    font-size: 16px;
    text-transform: capitalize;
}

.lkflat .fold_articles ul li:hover a.list_link, .lkflat .lk_cat-lists li.title:hover a {
    color: #111;
}

.lkflat .lk_cat-lists .trace_edit {
    top: -50px;
    display: block;
    position: relative;
    left: -15px;
}

.lkflat.show_button .trace_edit a em:hover {
    color: #111;
}

.lkflat .fold_articles ul li a.list_link:before,
.lkflat .lk_cat-lists li.title:before,
.lkflat .Related li:before {
    content: "\e022";
    font-family: 'Glyphicons Halflings';
    color: #fff;
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -17px;
    background: #cdcdcd;
    height: 34px;
    width: 34px;
    border: 3px solid #FFFFFF;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    border-radius: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    padding: 2px 0 0 2px;
    font-size: 14px;
}

.lkflat .fold_articles ul li a.folder_link:before,
.lkflat .lk_cat-lists li.folder_link:before {
    content: "\e118";
    padding: 2px 3px 2px 2px;
}

.lkflat .fold_articles ul li .folder_link {
    font-weight: bold;
}

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

.lkflat .fold_articles ul li a:hover {
    color: #777;
    text-decoration: none;
}

.lkflat .fold_articles ul li a.list_link:hover:before,
.lkflat .lk_cat-lists li.title:hover:before,
.lkflat .Related li:hover:before {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.lkflat .lkContent {
    background: #fdfdfd;
    border: 1px solid #cdcdcd;
    margin-top: 55px;
    text-align: center;
}

    .lkflat .lkContent img {
        max-width: 150px;
        max-height: 50px;
        display: block;
        margin: -25px auto 10px;
        background: #fafafa;
        border: 1px solid #eee;
        padding: 10px;
    }

    .lkflat .lkContent .description {
        line-height: 25px;
        color: #2c2c2c;
        text-overflow: ellipsis;
        height: 90px;
        overflow: hidden;
        padding: 12px 35px 0;
    }

    .lkflat .lkContent a.category_name {
        font-size: 18px;
        display: block;
        margin: 0 0 12px 0;
        position: relative;
        font-weight: 500;
        text-transform: uppercase;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        color: #004f6c;
    }

        .lkflat .lkContent a.category_name:after {
            position: absolute;
            content: '';
            width: 48px;
            height: 2px;
            margin-left: -28px;
            background: #004f6c;
            bottom: -16px;
            left: 50%;
        }

.lkflat .rounded-list li {
    position: relative;
    background: #F1F1F1;
    margin: 0 10px 0 25px;
}

    .lkflat .rounded-list li:hover {
        background: #ebebeb;
    }

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

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

    .lkflat ul li,
    .lkflat .publishto ul,
    .lkflat .publishto ul li {
        list-style: none;
    }

    .lkflat ul.attachment li a {
        text-decoration: none;
        color: #555;
    }

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

.lkflat .mediaprint fieldset {
    border-radius: 3px;
    webkit-border-radius: 3px;
    padding: 10px;
    border: 1px #cccccc solid;
}

.lkflat .mediaprint legend {
    margin: 0;
    border-bottom: 0;
    width: auto;
    font-size: 17px;
    padding: 0 10px;
}

.lkflat small.update {
    color: #aaa;
    font-style: italic;
}

.lkflat .mediaprint .addthis_toolbox {
    margin: 20px 0 0;
}

.lkflat.show_button ul.ms-pagination.ms-pull-right {
    position: absolute;
    right: 15px;
    margin-top: 6px;
}

.lkflat ul.ms-pagination.ms-pull-right a {
    background: #eee;
    color: #777;
}

.lkflat ul.ms-pagination.ms-pull-right li.ms-active a {
    background: #777;
    color: #fff;
    border: 1px solid #666;
}

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

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

.lkflat .r_result {
    background: #f7f6f6;
}

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

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

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

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

@media (max-width: 991px) {
    .lkflat h2 {
        font-size: 18px;
    }

    .lkflat .rounded-list li:hover {
        background: none;
    }

    .lkflat .search_box input.ui-autocomplete-input {
        font-size: 16px;
    }

    .lkflat .lkContent {
        padding-bottom: 0;
    }

    .lkflat .breadcr .breadcrlist {
        padding-left: 0;
        padding-right: 0;
    }

    .lkflat .lkContent .description {
        height: 100%;
        overflow: visible;
    }

    .lkflat .Setting_btn > li {
        float: none;
        text-align: center;
    }

    .lkflat .Setting_btn a.Add_article {
        width: 100%;
    }

    .lkflat .fold_articles li span {
        width: 220px;
        display: inline;
        overflow: visible;
    }

    .lkflat .lkContent img {
        margin: -25px auto 10px;
    }

    .lkflat .readmore {
        position: static;
    }

    .lkflat .fold_articles {
        min-height: 0;
    }

    .lkflat.show_button .fold_articles ul li a.list_link {
        margin: 0;
        background: #F1F1F1;
    }

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

    .lkflat small.update {
        display: block;
        text-align: center;
        margin-bottom: 8px;
    }

    .lkflat .social-box {
        float: none !important;
    }

        .lkflat .social-box .addthis_toolbox {
            text-align: center;
        }

            .lkflat .social-box .addthis_toolbox a {
                float: none;
            }

    .lkflat .rounded-list li {
        background: transparent;
    }
}

.lkflat ul li.r_result, .lkflat .publishto ul, .lkflat .publishto ul li {
    list-style: none !important;
}