@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap");

@font-face {
  font-family: "Alfa Slab One";
  src: url("/DesktopModules/LiveKnowledgebase/Themes/FLC-Hierarchy/assets/fonts/AlfaSlabOne/AlfaSlabOne-Regular.eot");
  src: local("Alfa Slab One"), local("AlfaSlabOne-Regular"), url("/DesktopModules/LiveKnowledgebase/Themes/FLC-Hierarchy/assets/fonts/AlfaSlabOne/AlfaSlabOne-Regular.eot?#iefix") format("embedded-opentype"), url("/DesktopModules/LiveKnowledgebase/Themes/FLC-Hierarchy/assets/fonts/AlfaSlabOne/AlfaSlabOne-Regular.woff2") format("woff2"), url("/DesktopModules/LiveKnowledgebase/Themes/FLC-Hierarchy/assets/fonts/AlfaSlabOne/AlfaSlabOne-Regular.woff") format("woff"), url("/DesktopModules/LiveKnowledgebase/Themes/FLC-Hierarchy/assets/fonts/AlfaSlabOne/AlfaSlabOne-Regular.ttf") format("truetype"), url("/DesktopModules/LiveKnowledgebase/Themes/FLC-Hierarchy/assets/fonts/AlfaSlabOne/AlfaSlabOne-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
  
.flc-hierarchy.ms-container h1, .flc-hierarchy.ms-container h2, .flc-hierarchy.ms-container h3,
.flc-hierarchy.ms-container h4, .flc-hierarchy.ms-container h5, .flc-hierarchy.ms-container h6,
.flc-hierarchy .ms-h1, .flc-hierarchy .ms-h2, .flc-hierarchy .ms-h3, .flc-hierarchy .ms-h4,
.flc-hierarchy .ms-h5, .flc-hierarchy .ms-h6, html .flc-hierarchy, body .flc-hierarchy,
.flc-hierarchy div, .flc-hierarchy applet, .flc-hierarchy object, .flc-hierarchy iframe,
.flc-hierarchy h1, .flc-hierarchy h2, .flc-hierarchy h3, .flc-hierarchy h4, .flc-hierarchy h5, .flc-hierarchy h6, .flc-hierarchy p,
.flc-hierarchy blockquote, .flc-hierarchy pre, .flc-hierarchy a, .flc-hierarchy abbr,
.flc-hierarchy .flc-hierarchy acronym, .flc-hierarchy address, .flc-hierarchy big,
.flc-hierarchy cite, .flc-hierarchy code, .flc-hierarchy del, .flc-hierarchy dfn, em,
.flc-hierarchy img, .flc-hierarchy ins, .flc-hierarchy kbd, .flc-hierarchy q, .flc-hierarchy s, .flc-hierarchy samp,
.flc-hierarchy small, .flc-hierarchy strike, .flc-hierarchy strong, .flc-hierarchy sub,
.flc-hierarchy sup, .flc-hierarchy tt, .flc-hierarchy var, .flc-hierarchy b, .flc-hierarchy u, i,
.flc-hierarchy center, .flc-hierarchy dl, .flc-hierarchy dt, .flc-hierarchy dd, .flc-hierarchy ol,
.flc-hierarchy ul, .flc-hierarchy li, .flc-hierarchy fieldset, .flc-hierarchy form,
.flc-hierarchy label, .flc-hierarchy legend, .flc-hierarchy caption,
.flc-hierarchy article, .flc-hierarchy aside, .flc-hierarchy canvas,
.flc-hierarchy details, .flc-hierarchy embed, .flc-hierarchy figure,
.flc-hierarchy figcaption, .flc-hierarchy footer, .flc-hierarchy header,
.flc-hierarchy hgroup, .flc-hierarchy menu, .flc-hierarchy nav, .flc-hierarchy output,
.flc-hierarchy ruby, .flc-hierarchy section, .flc-hierarchy summary,
.flc-hierarchy time, .flc-hierarchy mark, .flc-hierarchy audio, .flc-hierarchy video,
.flc-hierarchy a:hover, .flc-hierarchy a:link,
.flc-hierarchy container a:visited {
    font-family: "Roboto", sans-serif;
}

.flc-hierarchy h2 {
	color: #004b8d;
	font-family: "Alfa Slab One", serif;
}

.flc-hierarchy {
    background-color: #fff;
}

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

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

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

    .flc-hierarchy .breadcr a {
        color: #333;
    }

        .flc-hierarchy .breadcr a:hover {
            color: #444;
        }

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


.flc-hierarchy .cImage {
    float: left;
    width: 54px;
    height: auto;
}

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

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

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

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

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

.flc-hierarchy .title_desc > h1,
.flc-hierarchy .mediaprint > h1,
.flc-hierarchy .lk_cat-lists h1 {
  letter-spacing: 0.125rem;
  color: #004b8d;
  font-family: "Alfa Slab One", serif;
  font-size: 2.5rem;
  line-height: 1.25;
  margin: 10px 0 0;
}

.flc-hierarchy .title_desc > h2,
.flc-hierarchy .mediaprint > h2,
.flc-hierarchy .lk_cat-lists h2 {
  letter-spacing: 0.125rem;
  color: #004b8d;
  font-family: "Alfa Slab One", serif;
  font-size: 2rem;
  line-height: 1.25;
} 

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

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

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

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

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

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

.flc-hierarchy ul.sidebar-menu .category-list{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

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

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

/* start change after article on page*/

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

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

.flc-hierarchy .list-heading ul li.title a {
	text-decoration: underline;
	color: #004b8d;
}

.flc-hierarchy .list-heading ul li.title a:hover {
	color: #666666;
	text-decoration:none;
}

.flc-hierarchy .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: #007dc3;
	border-radius: 50%;
	left: -11px;
	top: 10px;
	font-size: 11px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.flc-hierarchy ul {
    color: #777;
}

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

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

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

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

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

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

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

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

.flc-hierarchy .Related {
    margin-top: 10px;
}

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

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

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

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

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

.flc-hierarchy .Related ul li a {
    color: #777;
}

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

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

    .flc-hierarchy .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*/

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

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

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

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

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

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

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

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

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

.Search_result mark,
.flc-hierarchy mark {
    background: #e1f3ff !important;
    color: #005792 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .flc-hierarchy .Card_View_No .parent .child_link:hover {
            color: #333;
        }

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

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

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

.flc-hierarchy ul.Setting_btn {
    margin-left: 0;
}

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

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

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

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

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