/*---1731550545---*/
@font-face {
    font-family: "SourceSans Pro";
    src: url('/kb/resources/fonts/SourceSansPro-Regular.woff') format('woff'), url('/kb/resources/fonts/SourceSansPro-Regular.ttf') format('truetype'), url('/kb/resources/fonts/SourceSansPro-Regular.svg#SourceSans-Pro') format('svg');
}
@font-face {
    font-family: "SourceSans Pro Italic";
    src: url('/kb/resources/fonts/SourceSansPro-It.woff') format('woff'), url('/kb/resources/fonts/SourceSansPro-It.ttf') format('truetype'), url('/kb/resources/fonts/SourceSansPro-It.svg#SourceSans-Pro-Italic') format('svg');
}
@font-face {
    font-family: "SourceSans Pro Bold";
    src: url('/kb/resources/fonts/SourceSansPro-Semibold.woff') format('woff'), url('/kb/resources/fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('/kb/resources/fonts/SourceSansPro-Semibold.svg#SourceSans-Pro-Semibold') format('svg');
}
@font-face {
    font-family: "SourceSans Pro Light";
    src: url('/kb/resources/fonts/SourceSansPro-Light.woff') format('woff'), url('/kb/resources/fonts/SourceSansPro-Light.ttf') format('truetype'), url('/kb/resources/fonts/SourceSansPro-Light.svg#SourceSans-Pro-Light') format('svg');
}
@font-face {
    font-family: "kb-icons";
    src: url("/kb/resources/icons/fonts/kb-icons.eot");
    src: url("/kb/resources/icons/fonts/kb-icons.eot?#iefix") format("embedded-opentype"), url("/kb/resources/icons/fonts/kb-icons.woff") format("woff"), url("/kb/resources/icons/fonts/kb-icons.ttf") format("truetype"), url("/kb/resources/icons/fonts/kb-icons.svg#kb-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}
body {
    font-size: 18px;
    margin: 0;
    font-family: "SourceSans Pro";
}
a {
    text-decoration: none;
    color: #329fd9;
}
img {
    max-width: 100%;
}
.clear {
    clear: both;
}
::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
}
::-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}
:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}
:-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}
/**icon begin**/
.iconfont:before {
    text-decoration: none;
    font: 16px "kb-icons";
    font-style: normal;
    /*cursor: pointer;*/
}
.icon-search {
    position: relative;
    left: -36px;
    color: #329fd9;
}
@media(max-width: 767px) {
    .icon-search {
        position: absolute;
        right: 20px;
        top: 17px;
        left: auto;
    }
}
.icon-search:before {
    content: "\e000";
}
.icon-feature:before {
    content: "\e001";
}
.icon-folder:before {
    content: "\e006";
}
.icon-fold:before {
    content: "\e002";
}
.icon-unfold:before {
    content: "\e003";
}
.icon-helpful:before {
    content: "\e004";
}
.icon-not-helpful:before {
    content: "\e005";
}
.icon-feature {
    color: #ff9a22;
    padding-right: 5px;
}
/**icon end**/
/**header begin**/
.header {
    height: 350px;
    background-color: #3b99e0;
    padding: 65px 0;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.header__logo {
    height: 80px;
}
.header__logo--compact {
    margin-left: 40px;
    float: left;
}
@media(max-width: 767px) {
    .header__logo--compact {
        margin-left: 0px;
        float: none;
    }
}
.header__title {
    margin: 35px 0;
    color: #fff;
    font-size: 35px;
    height: 35px;
    line-height: 1;
    font-family: "SourceSans Pro Light", Verdana;
}
.header__search {
    transform: translateY(30%);
    -moz-transform: translateY(30%);
    -webkit-transform: translateY(30%);
    /*margin-top: 30px;*/
}
@media(max-width: 767px) {
    .header__search {
        margin: 30px auto 0;
        width: calc(100% - 60px);
        position: relative;
    }
}
.header__searchinput {
    width: 100%;
    max-width: calc(100% - 100px);
    height: 50px;
    padding: 0 36px 0 20px;
    font-size: 22px;
    /*color: rgba(255, 255, 255, .7);*/
    background-color: rgba(255, 255, 255, .4);
    border-radius: 2px;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: 0.3s background-color, 0.3s box-shadow;
    -moz-transition: 0.3s background-color, 0.3s box-shadow;
    -webkit-transition: 0.3s background-color, 0.3s box-shadow;
    font-family: "Source Sans Pro Regular", Verdana;
    color: #fff;
}
@media(max-width: 767px) {
    .header__searchinput {
        max-width: 100%;
    }
}
.header__searchinput:focus {
    color: #000;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    outline: none !important;
}
    .header__searchinput:focus + .iconfont {
        color: #000;
        transition: .3s color;
        -moz-transition: .3s color;
        -webkit-transition: .3s color;
    }
.header__searchbtn {
}
/*header for category, article, 404 page*/
.header--compact {
    height: 170px;
    background-color: #3b99e0;
    padding: 45px 0;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@media(max-width: 768px) {
    .header--compact {
        height: auto;
    }
}
.header--compact .header__searchinput {
    /*width: 700px;*/
    width: 100%;
}
@media(min-width: 768px) {
    .header--compact .header__searchinput {
        max-width: 500px;
    }
}
@media(min-width: 992px) {
    .header--compact .header__searchinput {
        max-width: 750px;
    }
}
@media(min-width: 1200px) {
    .header--compact .header__searchinput {
        max-width: 750px;
    }
}
/**header end**/
/**public**/
.content {
    padding-top: 50px;
    padding-bottom: 100px;
}
.container {
    margin-right: auto;
    margin-left: auto;
}
@media(min-width: 768px) {
    .container {
        width: 800px;
    }
}
@media(min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media(min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.breadcrumbs {
    font-size: 16px;
    color: #bbb;
    /*margin-top: 50px;*/
    margin-left: 40px;
    margin-bottom: 35px;
    margin-right: 40px;
}
    .breadcrumbs a {
        color: #329fd9;
        text-decoration: none;
    }
        .breadcrumbs a:hover {
            text-decoration: underline;
        }
.show {
    display: block;
}
.collapse {
    display: none;
}
/**category list begin**/
.category-list {
    /*border-bottom: 1px solid #ddd;*/
    box-sizing: border-box;
    user-select: none;
    margin-left: 40px;
    margin-right: 40px;
}
    .category-list .icon-folder {
        position: relative;
        left: 8px;
    }
.category-list_solidline {
    border-top: 1px solid #ddd;
}
.category-list_dashedline {
    border-top: 1px dashed #ddd;
}
.category-list__item {
    border-bottom: 1px solid #ddd;
}
.category-list__item__header {
}
    .category-list__item__header:hover {
        cursor: pointer;
    }
/*.category-list__item__header:hover .icon-folder {
            color: #329fd9;
        }
        .category-list__item__header:hover .icon-fold {
            color: #329fd9;
        }
        .category-list__item__header:hover .icon-unfold {
            color: #329fd9;
        }*/
.category-list__item__header__sub {
}
.category-list__item__content {
    padding-bottom: 25px;
}
.category-list__item__name {
    padding-left: 18px;
    font: 24px/70px "SourceSans Pro", Arial, sans-serif;
    display: inline-block;
    /*cursor: pointer;*/
}
    .category-list__item__name a {
        color: #000;
        text-decoration: none;
    }
        .category-list__item__name a:hover {
            color: #329fd9;
            text-decoration: underline;
        }
.category-list__item__artilceNumber {
    display: inline;
    font-size: 14px;
    color: #bbb;
    border: 1px solid #bbb;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 10px;
    top: -3px;
    position: relative;
    /*transform: translateY(-20%);*/
    -moz-transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    font-family: "Source Sans Pro-Regular", Verdana;
}
.category-list .icon-fold {
    float: right;
    margin-top: 23px;
    padding-right: 20px;
    /*left: -20px;*/
}
.category-list .icon-unfold {
    float: right;
    margin-top: 23px;
    padding-right: 20px;
    /*left: -20px;*/
}
.category-list__item--sub {
    border: 0px;
    margin-top: -15px;
}
.article-list {
    padding-left: 40px;
    padding-right: 40px;
}
.article-list--solidline {
    border-top: 1px solid #ddd;
    padding-top: 25px;
    max-width: 100%;
}
.article-list--dashedline {
    border-top: 1px dashed #ddd;
    padding-top: 25px;
    max-width: 100%;
}
.article-list__morebtn {
    margin-top: 12px;
    /*margin-bottom: 10px;*/
}
.article-list--hidden {
    display: none;
}
.article-list__title {
    padding-bottom: 10px;
}
    .article-list__title a {
        color: #329fd9;
        text-decoration: none;
        font-size: 20px;
        font-family: "SourceSans Pro Regular";
    }
        .article-list__title a:hover {
            text-decoration: underline;
        }
.article-list .article-list__title:last-child {
    padding-bottom: 20px;
}
.article-list__content {
    font: 16px/27px "SourceSans Pro Regular";
    color: #888;
    padding: 0px 0px 30px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subcategory-list {
    /*border-bottom:1px solid #ddd;*/
    margin-left: 40px;
    /*margin-top: 20px;*/
}
    /*.subcategory-list:hover .icon-folder {
        color: #329fd9;
    }*/
    .subcategory-list:last-child {
        padding-bottom: 20px;
    }
.category-list__item__sub__name {
    padding-left: 18px;
    font: 24px/50px "SourceSans Pro", Arial, sans-serif;
    display: inline-block;
    /*cursor: pointer;*/
}
    .category-list__item__sub__name a {
        color: #000;
        text-decoration: none;
    }
        .category-list__item__sub__name a:hover {
            color: #329fd9;
            text-decoration: underline;
        }
.folded .category-list,
.folded .article-list,
.folded .category-list__item,
.folded .category-list__item__sub,
.folded .subcategory-list {
    display: none !important;
}
.unfolded .category-list,
.unfolded .article-list,
.unfolded .category-list__item,
.unfolded .category-list__item__sub,
.unfolded .subcategory-list {
    display: block;
}
.folded .icon-fold {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.unfolded .icon-fold {
    /*transform: rotate(-90deg);*/
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
/**article page begin**/
.article {
    padding-left: 40px;
    padding-right: 40px;
}
.article__title {
    font-size: 24px;
    color: #000;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
    font-family: "SourceSans Pro Regular", Arial, sans-serif;
}
.article__content {
    padding: 20px 0;
    color: #666;
    font-size: 20px;
    font-family: "SourceSans Pro light", Arial, sans-serif;
}
.article__feedback {
    height: 70px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font: 20px/70px "SourceSans Pro Light";
    color: #bbb;
    margin-top: 20px;
}
.article__feedbackbtn {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    color: rgba(0, 0, 0, .5);
    width: 60px;
    height: 30px;
    padding: 0 20px;
    margin-left: 20px;
    cursor: pointer;
    text-decoration: none;
}
.article__feedbacklabel {
    float: right;
}
.article__feedbackbtn:hover {
    color: rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border: 1px solid rgba(0, 0, 0, .4);
    text-decoration: none;
}
.article__feedbackbtn:active {
    box-shadow: none;
    text-decoration: none;
}
.article__feedbackbtn.disabled {
    color: rgba(0, 0, 0, .15);
    border-color: rgba(0, 0, 0, .15);
    box-shadow: none;
    text-decoration: none;
}
.article__feedbackbtn.selected {
    color: rgba(0, 0, 0, 1);
    border-color: rgba(0, 0, 0, 1);
    box-shadow: none;
    text-decoration: none;
}
.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%;
}
    .fr-view table td {
        min-width: 5px;
    }
    .fr-view table.fr-dashed-borders td,
    .fr-view table.fr-dashed-borders th {
        border-style: dashed;
    }
    .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
        background: #f5f5f5;
    }
    .fr-view table td,
    .fr-view table th {
        border: 1px solid #ddd;
    }
        .fr-view table td:empty,
        .fr-view table th:empty {
            height: 20px;
        }
        .fr-view table td.fr-highlighted,
        .fr-view table th.fr-highlighted {
            border: 1px double red;
        }
        .fr-view table td.fr-thick,
        .fr-view table th.fr-thick {
            border-width: 2px;
        }
    .fr-view table th {
        background: #ececec;
    }
/**article end**/
/**search result begin**/
.search-result--norecord {
    text-align: center;
}
.seach-result__label {
    font: 24px/24px "SourceSans Pro Regular";
    color: #bbb;
    margin-left: 40px;
    margin-bottom: 40px;
}
.search-result__keywords {
    font: 24px/24px "SourceSans Pro Regular";
    color: #000;
}
.search-result__highlight {
    background-color: yellow;
    color: #000;
}
/**search result end**/
/**page not found begin**/
.page-not-found {
    padding-top: 100px;
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 60px;
}
.page-not-found__title {
    margin-top: 50px;
    font: 65px "SourceSans Pro Semibold", Verdana;
    color: #666;
}
.page-not-found__description {
    margin-top: 40px;
    font: 30px "SourceSans Pro Regular", Verdana;
    color: #666;
}
/**page not found end**/
.poweredby {
      height: 23px;
      float: right;
      padding-left: 40px;
      padding-right: 40px;
      margin-top: 30px;
    }
    .poweredby a[href] {
      line-height: 15px
    }
    .poweredby a[href]:active,
    .poweredby a[href]:focus,
    .poweredby a[href]:hover {
      border-bottom: none
    }
    .poweredby a[href] svg {
      height: 15px;
      vertical-align: text-bottom
    }
    .poweredby a[href] svg polygon {
      fill: #ffd928
    }
    .poweredby a[href] svg path {
      fill: #bbb
    }