/*!
 * Theme Name: Aster Zendesk Theme
 * Version: Version: 4.0.1
 * Author: Customer Support Theme
 * Website: https://customersupporttheme.com
 * License: You must have a valid license purchased only from customersupporttheme.com in order to legally use the theme for your project.
 * Copyright: © 2018 Customer Support Theme
*/

@font-face {
  font-family: 'Biennale';
  src: url('/hc/theming_assets/01HZPTWQC64T6MJGF8EPXZDANZ') format('woff'),
       url('/hc/theming_assets/01HZPTWQ7DQDTJSX1WDM3R5ZEB') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Biennale';
  src: url('/hc/theming_assets/01HZPTWMRX3NMCQWRDM4DZCES1') format('woff'),
       url('/hc/theming_assets/01HZPTWMN7T0E6B9NENJXK1VFG') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Biennale';
  src: url('/hc/theming_assets/01HZPTWKQG2PTK07F910MZY882') format('woff'),
       url('/hc/theming_assets/01HZPTWKQG2PTK07F910MZY882') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Biennale';
  src: url('/hc/theming_assets/01HZPTWPEZ8CM0RZGX531KEM58') format('woff'),
       url('/hc/theming_assets/01HZPTWNQ0W40G9H052P7JESPG') format('woff2');
  font-weight: 300;
  font-style: normal;
}

*,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body.helpcenter-enable {
/*     font-family: 'Open Sans', sans-serif; */
    font-family: 'Biennale', sans-serif;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    margin: 0;
    -webkit-font-smoothing: antialiased;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
body img,
body iframe {
    max-width: 100%;
    vertical-align: middle;
}
img[width],
img[height] {
    max-width: none;
}
figure > img {
    display: block;
}
body a,
body a:hover,
body a:focus {
    color: rgba(255, 210, 58, 1);
    text-decoration: none;
}
body ul,
body ol {
    margin: 0;
    padding: 0;
}
body ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
[dir="rtl"] table {
    text-align: right;
}
body td,
body th {
    border: 1px solid #e6e6e6;
    padding: 12px;
}
th {
    border-width: 1px 0;
    font-weight: normal;
    white-space: nowrap;
    text-align: inherit;
}
td {
    border-width: 0 0 1px 0;
}
input,
textarea,
label {
    display: inline-block;
    vertical-align: middle;
}
body label,
select {
    font-size: 12px;
}
input[type="checkbox"] + label {
    margin-left: 5px;
    vertical-align: text-top;
}
.comment-form-controls input[type=checkbox] {
    margin: 0;
}
[dir="rtl"] input[type="checkbox"] + label {
    margin-left: 0;
    margin-right: 5px;
}
input,
textarea,
select {
    border: 1px solid #fff;
}
input,
textarea {
    padding: 10px;
}
textarea {
    height: 100px;
    padding: 7px 10px;
    resize: vertical;
}
textarea,
input[type="text"] {
    width: 100%;
}
input,
textarea,
select {
    color: #555;
}
input:focus,
textarea:focus,
select:focus {
    outline: none;
    border: 1px solid rgba(255, 210, 58, 1);
}
input::-ms-clear {
    display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
::-webkit-input-placeholder {
    color: #A8A8A8;
}
:-ms-input-placeholder {
    color: #A8A8A8;
}
::-moz-placeholder {
    color: #A8A8A8;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 10px;
    min-width: 141px;
    background: url("/hc/assets/dropdown-arrow.svg") no-repeat #fff;
    background-size: 10px 5px;
    background-position: calc(100% - 10px) 50%;
}
select::-ms-expand {
    display: none;
}
[dir="rtl"] select {
    background-position: 10px 50%;
}
body p:empty, body a:empty {
    display: none;
}

/*
Adam edit: Show vote up/down icons
*/

.post-vote a {
  display: block !important;
}

/* =========================================== */
/*  Help Center Buttons    
/* =========================================== */

body .btn {
    background: rgba(255, 210, 58, 1);
    color: #331F45;
}
body .btn:hover, 
body .btn:focus,
.search-box input[type="submit"]:hover {
    opacity: 0.7;
}
.btn.dropdown-toggle:after {
    color: #331F45;
}
button,
[role="button"],
[type="button"],
[type="submit"] {
    background: rgba(255, 210, 58, 1);
    border-radius: 4px;
    border: 0;
    color: #331F45;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}
a[role="button"]:hover {
    text-decoration: none;
}
input[type="submit"][disabled] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: .4;
}
button img,
[role="button"] img {
    border-radius: 100%;
    margin: 0 5px 0 0;
    height: 20px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
[dir="rtl"] button img,
[dir="rtl"] [role="button"] img {
    margin: 0 0 0 5px;
}
/* =========================================== */
/*  Request Page   
/* =========================================== */

.form {
    background: #f5f5f5;
    padding: 30px;
}
.form .form-field input,
.upload-dropzone,
.form textarea {
    background: #fff;
    border: 1px solid #e6e6e6;
}
.form-field ~ .form-field {
    margin-top: 15px;
}
.form-field label {
    display: block;
    margin-bottom: 10px;
}
.form-field input[type="checkbox"] + label {
    margin: 0 0 0 10px;
}
.form-field.required > label::after {
    content: "*";
    color: #f00;
    margin-left: 2px;
}
.form-field p {
    font-size: 12px;
    margin-top: 10px;
}
.form-field input[type="number"],
.form-field input.datepicker {
    width: 150px;
}
.form-field input.partialcreditcardinputfield {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
    background-size: 14px;
    padding-left: 28px;
}
[dir="rtl"] .form-field input.partialcreditcardinputfield {
    padding-left: 0;
    padding-right: 28px;
    background-position: right 10px top 10px;
}
.form-field .nesty-input {
    background: #fff;
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
}
.form-field .nesty-input:focus {
    outline: none;
    border: 1px solid #999;
}
.form form + form {
    margin-top: 25px;
}
.searchbox {
    margin: 10px 0;
}
.searchbox-suggestions {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}
.searchbox-suggestions li {
    padding: 3px 0;
    font-size: 0.9em;
}
.searchbox-suggestions li a {
    color: #333;
}
[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url("/hc/assets/loader.gif") 99% 50% no-repeat;
    background-size: 16px 16px;
}
.form footer {
    padding-top: 20px;
    text-align: right;
}
.form footer a {
    color: #ccc;
    cursor: pointer;
    margin-right: 15px;
}
/* =========================================== */
/*  Header Starts   
/* =========================================== */

.hero-unit {
    background-color: #FFD23A;
    color: #fff;
    display: block;
    padding: 0px 0 80px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px));
}
@media screen and (max-width: 600px) {
    .hero-unit {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 20px));
    }
}
.nav li,
.nav-bordered li,
.nav-spaced li {
    display: inline-block;
}
#user {
    margin-top: -10px;
}
.nav-bordered li + li {
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 0 0 1px;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
}
[dir="rtl"] .nav-bordered li + li {
    border-width: 0 1px 0 0;
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
}
.nav-spaced li + li {
    margin: 0 0 0 40px;
}
[dir="rtl"] .nav-spaced li + li {
    margin: 0 40px 0 0;
}
.main-footer {
    background: #252525;
    color: #ddd;
    padding: 50px 0;
}
.footer-links li + li:before {
    content: ".";
    vertical-align: 3px;
    margin-right: 10px;
}
ul.socials {
    margin: 15px 0;
}
.main-footer a {
    color: #ddd;
}
.main-footer a:hover,
.main-footer a:focus {
    color: #ffffff;
}
.main-footer p {
    margin-bottom: 0;
}
.bottom-bar-text {
    font-size: 0.8em;
}
.bottom-bar-text a {
    font-weight: 600;
}
ul.list-inline.socials > li {
    padding: 0;
}
.socials a {
    font-size: 30px;
    margin-right: 10px;
}
.Top {
    position: fixed;
    bottom: 68px;
    right: 22px;
    display: none;
    text-align: center;
    z-index: 9;
}
/* =========================================== */
/*  Search Area   
/* =========================================== */

.search-box {
    padding: 50px 0;
}
.inner-hero-unit .search-box {
    padding: 20px 0;
}
.search input[type="search"] {
    width: 100%;
    color: #331F45;
    padding: 18px 20px 18px 22px;
    font-weight: 400;
    font-size: 16px;
}
.search-box input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    min-height: 62px;
    border-radius: 0;
    max-width: 100px;
    letter-spacing: -0.01em;
    background: #331F45;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}
.search {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    border-radius: 17px;
    overflow: hidden;
}
/* .search::before {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #A8A8A8;
    content: "\f002";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    left: 15px;
} */
/* =========================================== */
/*  Home page
/* =========================================== */

.manual_block {
    position: relative;
    margin-bottom: 10px;
}
.manual_block a {
    color: #331F45;
    transition: opacity 0.3s;
}
.manual_block a:hover {
    opacity: 0.6;
    color: #331F45;
}
.manual_block span {
    color: #331F45;
    font-weight: 700;
    margin: 12px 0;
    display: inline-block;
}
.manual_block > a > i {
    font-size: 30px;
    position: absolute;
    left: 0;
    color: #331F45;
}
.manual_block h5 {
    font-weight: 800;
    padding: 6px 0 15px 48px;
    font-size: 18px;
    color: #331F45;
}
ol.category-list,
.category_list {
    counter-reset: li;
}
ol.category-list li a,
.category_list .section_list h3 {
    position: relative;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
}
ol.category-list li {
    list-style-type: none;
}
ol.category-list li {
    margin-left: 15px;
}
ol.category-list li a:before,
.category_list .section_list h3:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -16px;
    top: 50%;
    margin-top: -15px;
    background: #FFD23A;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    color: #331F45;
    border-radius: 100%;
    font-size: 0.8em;
    font-weight: 700;
}
.section_list h3.selected:before {
    background: rgba(255, 210, 58, 1);
}
.quick-article-block li a {
    color: #333;
}
body .quick-article-block li,
body ul.article-list li {
    position: relative;
    padding-left: 25px;
}
.quick-article-block li a:hover {
    color: #888F9E;
}
.quick-article-block li a:before,
.article-list li > a:before {
    font-family: 'et-line';
    content: "\e005";
    padding-right: 10px;
    font-size: 16px;
    color: #adadad;
    font-weight: normal;
    position: absolute;
    left: 0;
}
.category-tree .category > h2,
.section-tree .section > h3 {
    border-bottom: 1px solid #d7d6d6;
    box-shadow: 0 1px 0 0 #fff;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.category-tree .category > h2 a,
.category-tree .section h3 > a,
.section-tree .section > h3 > a {
    color: #6C6C6C;
}
.category-tree .section h3 {
    margin-top: 0;
    font-size: 1.2em;
    font-weight: 600;
}
/* =========================================== */
/*  Breadcrumbs   
/* =========================================== */

.sub-nav {
    margin-top: 15px;
    margin-bottom: 10px;
}
.sub-nav .breadcrumbs li {
    font-size: 13px;
}
.breadcrumbs li {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs li a {
    color: #333;
}
.breadcrumbs li + li::before {
    content: "//";
    margin: 0 4px;
}
/* =========================================== */
/*  Labels   
/* =========================================== */

.label,
.request-status,
.post-overview-status > span,
.post-status > span,
.profile-contribution .contribution-status {
    border-radius: 20px;
    display: inline-block;
    font-size: 10px;
    padding: 3px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}
.meta,
.meta-group {
    display: inline-block;
    font-size: 11px;
}
.meta-group * + *::before {
    content: "\2022";
    font-size: 8px;
    margin: 0 10px;
}
/* =========================================== */
/*  Helper classes   
/* =========================================== */

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}
/* =========================================== */
/*  Social share links   
/* =========================================== */

.share {
    white-space: nowrap;
}
.share li,
.share a {
    display: inline-block;
}
.share a {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}
.share a::before {
    color: #fff;
    display: inline-block;
    font-family: "entypo";
    text-align: center;
    width: 100%;
}
.share a:hover {
    text-decoration: none;
}
.share-twitter::before {
    content: "\F309";
    background: #00ACED;
}
.share-facebook::before {
    content: "\F30C";
    background: #3b5998;
}
.share-linkedin::before {
    content: "\F318";
    background: #4875B4;
}
.share-googleplus::before {
    content: "\F30F";
    background: #DD4A3A;
}
/* =========================================== */
/*  Pagination   
/* =========================================== */

.pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination * {
    display: inline-block;
}
.pagination li {
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    float: left;
    margin-left: -1px;
}
[dir="rtl"] .pagination li {
    float: right;
}
.pagination a,
.pagination span {
    color: inherit;
    font-size: 12px;
    padding: 5px 12px;
}
.pagination-current {
    background-color: #f9f9f9;
    color: #bebebe;
}
.pagination-first {
    border-radius: 3px 0 0 3px;
}
[dir="rtl"] .pagination-first {
    border-radius: 0 3px 3px 0;
}
.pagination-last {
    border-radius: 0 3px 3px 0;
}
[dir="rtl"] .pagination-last {
    border-radius: 3px 0 0 3px;
}
/* =========================================== */
/*  Content styles   
/* =========================================== */

.article-body {
    font-size: 15px;
}
.content-body {
    word-wrap: break-word;
    line-height: 1.7;
}
.content-body img {
    max-width: 100%;
}
.content-body hr {
    background-color: #eee;
    border: 0;
    height: 1px;
}
.content-body ul,
.content-body ol {
    list-style-position: inside;
    padding: 0 15px;
    margin-bottom: 10px;
}
.content-body ul {
    list-style-type: disc;
}
.content-body ol ul,
.content-body ul ul {
    list-style-type: circle;
}
.content-body ol ol ul,
.content-body ol ul ul,
.content-body ul ol ul,
.content-body ul ul ul {
    list-style-type: square;
}
.content-body code {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}
.content-body pre {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
.content-body blockquote {
    border-left: 1px solid #eee;
    color: #bebebe;
    font-style: italic;
    padding: 0 15px;
}
.vote {
    display: inline-block;
    text-align: center;
    width: 35px;
}
.vote a {
    outline: none;
    text-decoration: none;
}
.vote-sum {
    display: block;
    font-weight: bold;
    margin: 3px 0;
}
[dir="rtl"] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
}
.vote-up::before,
.vote-down::before {
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #555555;
    display: inline-block;
    font-family: "entypo";
    font-size: 15px;
    height: 18px;
    line-height: 18px;
    width: 18px;
}
.vote-up:hover::before,
.vote-down:hover::before {
    border-color: #bbb;
}
.vote-up::before {
    content: "\E763";
}
.vote-down::before {
    content: "\E760";
}
.vote-voted::before,
.vote-voted:hover::before {
    border-color: #555555;
}
/* =========================================== */
/*  Columns   
/* =========================================== */

[dir="rtl"] .side-column {
    margin-left: 0;
    margin-right: 45px;
}
/* =========================================== */
/*  Header   
/* =========================================== */
.header {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFD23A;
}
.header .primary-menu .row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.header .pull-right a {
    color: #331F45;
}
.logo img {
    width: 237px;
    height: auto;
}

@media screen and (max-width: 768px) {
    .logo img {
        min-width: 180px;
        width: 180px;
    }
    .header {
        height: auto;
    }
    .header-inner {
        width: 100%;
        padding: 20px;
    }
    .header .primary-menu .pull-right .user-info.dropdown {
        display: none; 
    }
    .header .container .row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .header .navbar-header {
        padding: 18px 0 0;
    }
    .hero-unit {
        padding: 30px 0 60px;
    }
    .search input[type="search"] {
        padding: 12px 16px 12px 16px;
        font-size: 14px;
    }
    .search-box input[type="submit"] {
        min-height: 46px;
        font-size: 14px;
    }
    .header .primary-menu .row .pull-right:not(.main-menu) {
        display: none;
    }
}
.user-nav {
    text-align: right;
  	padding-top: 12px;
}
.header .navbar-nav>li>a,
.language-selector > a {
    padding-top: 0;
    padding-bottom: 0;
    color: rgba(51, 31, 69, 1);
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
}
.language-selector > a:hover,
.language-selector > a:focus {
    color: rgba(51, 31, 69, 1);
}
.header .nav>li>a:focus,
.header .nav>li>a:hover {
    background-color: transparent;
}
.language-selector .dropdown-toggle:after {
    color: #181818;
}
.user-nav > * {
    display: inline-block;
}
.description {
    margin-top: 10px;
    margin-bottom: 15px;
}
[dir="rtl"] .user-nav {
    text-align: left;
}
[dir="rtl"] .user-nav > * {
    margin: 0 25px 0 0;
}
/* =========================================== */
/*  Home page   
/* =========================================== */

.manual_line_block {
    padding: 60px 0;
}
section.help-blocks {
    background: rgba(255, 210, 58, 1);
    padding: 20px 0;
    margin-top: 75px;
}
.help-block i {
    color: #331F45;
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8em;
}
.category-icon i,
.kb_title > i {
    color: #331F45;
}
.help-block i {
    top: inherit;
}
.category-list h4,
.help-block h4 {
    color: #331F45;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1em;
}
.help-block h4 {
    color: #331F45;
    font-weight: 600;
    font-size: 1.1em;
}
/*.category-list > li {
    display: flex;
    flex: 1 0 270px;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 15px;
}*/

.help-blocks .help-block {
    word-wrap: break-word;
    margin-bottom: 0;
}
.help-block > a {
    color: #331F45;
    display: block;
    padding: 15px 10px 15px 50px;
    position: relative;
}
.help-block > a:hover,
.help-block > a:focus {
    color: #331F45;
}
.help-block p {
    margin-bottom: 0;
}
.help-blocks .request_block a {
    padding: 20px;
}
[dir="rtl"] .community {
    margin-left: 0;
    margin-right: 45px;
}
.community .recent-activity {
    padding: 0;
    width: auto;
}
.promoted-list .article-list li a:hover p {
    text-decoration: none;
}
.category-empty,
.section {
    display: inline-block;
    padding: 0 10px 25px 0;
    vertical-align: top;
    width: 49.5%;
}
[dir="rtl"] .category-empty,
[dir="rtl"] .section {
    padding: 0 0 30px 50px;
}
body .see-all-articles {
    margin-top: 5px;
    font-size: 0.9em;
    display: inline-block;
    color: #331F45;
    font-weight: 700;
    margin: 12px 0;
}
a.moreTopics:after {
    content: "\f061";
    font-family: 'FontAwesome';
    margin-left: 6px;
}
.category-description,
.section-description {
    color: #bebebe;
    margin-bottom: 50px;
    margin-top: -15px;
}
body .page-header {
    margin: 15px 0 15px 0;
    border-bottom: 1px solid #e6e6e6;
}
.section-container .page-header {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 2px;
}
.section-container .kb_title {
    border-bottom: 0;
    padding-bottom: 0;
}
.cat_title {
    margin-top: 0;
}
.section-container .subscribe-area > div {
    margin-bottom: 5px;
}
.article-container .kb_title,
.article-container .page-header {
    margin-top: 0;
}
.page-header > * {
    display: table-cell;
    vertical-align: middle;
}
.request-header {
    margin-bottom: 15px;
}
.article-header.page-header > *,
.request-header > * {
    display: block;
}
.page-header > *:first-child {
    width: 100%;
}
ul.article-list li {
    padding: 6px 0;
    position: relative;
}
ul.article-list li.article-promoted {
    position: relative;
    padding-left: 40px;
}
ul.article-list li a {
    color: #3F3F3F;
}
ul.article-list li a:hover {
    color: #333;
    font-weight: 600;
}
ul.article-list li:hover a:before {
    color: rgba(255, 210, 58, 1);
}
ul.article-list li.article-promoted > span {
    position: absolute;
    left: 18px;
    /*z-index: 999;*/
    
    margin-top: 4px;
    background: rgba(255, 210, 58, 1);
    color: #fff;
    height: 15px;
    width: 15px;
    text-align: center;
    border-radius: 100%;
    line-height: 14px;
    font-size: 0.8em;
}
.kb_title,
.quick-article-block h3 {
    font-size: 1.1em;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
}
.category-container .kb_title {
    margin-bottom: 20px;
}
.bg {
    background: #F5F5F6;
    padding: 32px 30px;
    border-radius: 17px;
}
.quick-article-block li {
    padding: 8px 0;
}
/* =========================================== */
/*  Sidebar Menu
/* =========================================== */

.hc_lists {
    padding-left: 15px;
}
.section_list > h3 {
    margin: 0;
    padding: 10px 15px;
    font-size: 1.1em;
}
.hc_lists h3 > a {
    color: #333;
}
.categories_section_list li > a,
.article-sidebar li > a {
    color: #8793A2;
}
.categories_section_list li > a:hover {
    text-decoration: underline;
}
.categories_section_list li {
    list-style-type: none;
    padding: 5px 10px 5px 15px;
    border-left: 1px solid #ddd;
    margin-left: 22px;
}
.categories_section_list li.selected > a:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #fff;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 100%;
    line-height: 20px;
    position: absolute;
    margin-left: -25px;
    font-size: 0.8em;
    color: rgba(255, 210, 58, 1);
}
.categories_section_list li.selected > a {
    font-weight: 600;
    color: #333;
}
/* =========================================== */
/*  Category  
/* =========================================== */

.section-tree .section h3 {
    margin-top: 0;
    font-size: 1.3em;
}
/* =========================================== */
/*  Article  
/* =========================================== */

.article-info > * {
    display: table-cell;
    vertical-align: middle;
}
.article-avatar {
    min-width: 55px;
}
.article-avatar img {
    border-radius: 100%;
    max-height: 38px;
    max-width: 38px;
}
.article-meta {
    width: 100%;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-updated {
    display: block;
}
.article-more-questions {
    margin: 15px 0 10px;
}
.article-body table {
    table-layout: fixed;
}
.article-body ul,
.article-body ol {
    list-style-position: outside;
}
.article-body li > ul,
.article-body li > ol {
    margin: 0 0 0 20px;
}
.article-footer {
    border: 2px solid #D7DDE0;
    padding: 20px;
}
.article-info {
    border: 1px solid #D7DDE0;
    padding: 20px;
    background: #F5F5F5;
    margin-bottom: 20px;
    margin-top: 10px;
}
.article-footer .article-vote,
.article-footer .share {
    display: table-cell;
}
.article-vote {
    width: 100%;
}
.article-vote > * {
    display: inline-block;
}
.article-vote-controls {
    margin: 0 5px;
}
.article-vote-controls > a {
    border-radius: 0;
}
.article-vote-count {
    color: #999;
    display: block;
}
.article-vote-up,
.article-vote-down {
    color: inherit;
    font-family: "entypo";
}
.article-vote-up::before {
    content: "\1f44d";
}
.article-vote-down::before {
    content: "\1f44e";
}
/* =========================================== */
/*  Side column  
/* =========================================== */

.article-sidebar h3 {
    font-size: 1.2em;
    margin-top: 0;
}
.article-sidebar li {
    padding: 3px 0;
}
.article-sidebar section {
    margin-bottom: 20px;
}
.visibility-internal-icon::before {
    content: "\f023";
    color: rgba(255, 210, 58, 1);
    display: inline-block;
    font-family: "FontAwesome";
    text-align: center;
    width: 13px;
}
.article-promoted span,
.visibility-internal {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
}
.article-promoted span::before,
.article-promoted span::after,
.visibility-internal::before,
.visibility-internal::after {
    display: none;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
}
.article-promoted span::before,
.visibility-internal::before {
    background: #222;
    border-radius: 3px;
    color: #fff;
    content: attr(data-title);
    font-family: sans-serif;
    left: -10px;
    margin-top: 5px;
    padding: 3px 10px;
    text-transform: none;
    top: 100%;
    white-space: nowrap;
    z-index: 9;
}
.article-promoted span::after,
.visibility-internal::after {
    border-bottom: 5px solid #222;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
}
.article-promoted span:hover::before,
.article-promoted span:hover::after,
.visibility-internal:hover::before,
.visibility-internal:hover::after {
    display: block;
}
/* ===================================================== */
/*  Comments - Article, Request and Post pages  
/* ===================================================== */

.comment-list {
    margin-bottom: 25px;
}
.comment-list > * {
    border-bottom: 1px solid #e6e6e6;
    padding: 25px 0;
}
.comment-list > *:first-child {
    border-top: 1px solid #e6e6e6;
}
.comment-list-header {
    margin-bottom: 18px;
}
.comment-list-header > * {
    display: inline-block;
    margin: 0;
}
.comment-sorter {
    float: right;
}
.comment-sorter a {
    color: #999;
    text-decoration: none;
    padding-left: 20px;
}
[dir="rtl"] .comment-sorter {
    float: left;
}
[dir="rtl"] .comment-sorter a {
    padding-left: 0;
    padding-right: 20px;
}
.comment-sorter [aria-selected="true"] {
    font-weight: bold;
    color: #333;
}
.comment,
.comment-form {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
    margin-top: 20px;
}
.comment > *,
.comment-form > * {
    display: table-cell;
    vertical-align: top;
}
.comment-vote,
.comment-bookmark {
    text-align: center;
    width: 50px;
}
.comment-bookmark::before {
    color: #77a500;
    content: "\1F516";
    font-family: "entypo";
    font-size: 23px;
    line-height: 1.1;
}
.comment-avatar {
    position: relative;
    width: 85px;
}
.comment-avatar img {
    border-radius: 100%;
    max-width: 65px;
    max-height: 65px;
}
.comment-avatar-agent::after {
    background-color: transparent;
    background-image: url("/hc/assets/agent-marker.png");
    background-image: url("/hc/assets/agent-marker.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    content: " ";
    height: 15px;
    left: 55px;
    position: absolute;
    top: 55px;
    width: 15px;
}
[dir="rtl"] .comment-avatar-agent::after {
    left: auto;
    right: 55px;
}
.comment-header {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comment-published,
.comment-pending,
.comment-official {
    border: 1px solid transparent;
    float: right;
    font-size: 11px;
    padding: 1px 5px;
}
[dir="rtl"] .comment-published,
[dir="rtl"] .comment-pending,
[dir="rtl"] .comment-official {
    float: left;
}
.comment-published {
    color: #bebebe;
}
.comment-published::before {
    content: " ";
    display: inline-block;
    width: 5px;
}
.comment-pending,
.comment-official {
    border-color: currentcolor;
    border-radius: 2px;
}
.comment-pending {
    color: #eec100;
}
.comment-official {
    color: #77a500;
}
.comment-form textarea {
    background: #f6f7f9;
    display: block;
    border-radius: 2px 2px 0 0;
    border: 1px solid #e6e6e6;
}
.comment-ccs + textarea,
.comment-attachments {
    margin-top: 10px;
}
ul.attachment-list li:before,
ul.attachments li:before {
    content: "\1F4CE";
    font-family: entypo;
    margin-right: 2px;
}
.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: right;
}
[dir="rtl"] .comment-form-controls {
    text-align: left;
}
.comment-form-controls input[type="submit"] {
    margin-left: 5px;
}
[dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
}
.comment-screencasts,
.comment-mark-as-solved {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
[dir="rtl"] .comment-screencasts,
[dir="rtl"] .comment-mark-as-solved {
    margin-left: 20px;
}
.comment-actions {
    float: right;
    color: #999;
}
[dir="rtl"] .comment-actions {
    float: left;
}
.comment-actions .dropdown-toggle::before {
    content: "\2699";
    font-size: 11px;
    font-family: "entypo";
}
.dropdown-menu[aria-expanded=true] {
    left: inherit;
    right: 0;
    bottom: inherit;
}
.community-pages .dropdown-menu[aria-expanded=true] {
    right: inherit;
}
.community-pages .dropdown-toggle > h1,
.community_head {
    font-size: 25px;
}
.dropdown-toggle.btn-success:after {
    color: #fff;
}
.attachment-list,
.screencast-list {
    font-size: 11px;
    margin-top: 25px;
}
.attachment-list span,
.screencast-list span {
    color: #999;
}
[dir="rtl"] .attachment-list span,
[dir="rtl"] .screencast-list span {
    direction: rtl;
    unicode-bidi: bidi-override;
}
.attachment-list li,
.screencast-list li {
    margin-bottom: 10px;
}
.attachment-list li::before,
.screencast-list li::before {
    border-radius: 3px;
    color: #bbb;
    font-family: "entypo";
    margin-right: 5px;
    padding: 5px;
}
.attachment-list li::before {
    content: "\1F4CE";
}
.screencast-list li::before {
    content: "\1F4BB";
}
.my-activities-header {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}
.my-activities-header .breadcrumbs li {
    font-size: 1.5em;
}
.my-activities-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li::before {
    display: none;
}
.my-activities-nav {
    margin: 20px 0;
}
.my-activities-sub-nav {
    margin-bottom: 15px;
}
.request-table-toolbar {
    background: rgba(255, 210, 58, 1);
    display: table;
    padding: 8px;
    width: 100%;
}
.request-table-filters {
    display: table-cell;
    text-align: right;
}
[dir="rtl"] .request-table-filters {
    text-align: left;
}
.request-table-filters label::before {
    content: " ";
    width: 25px;
    display: inline-block;
}
.requests-search {
    border-radius: 20px;
    outline: none;
    padding: 6px 15px;
}
.organization-subscribe,
.organization-unsubscribe {
    margin-left: 15px;
    background: #444;
    color: #fff;
}
.my-activities-following-header {
    margin-bottom: 15px;
    display: inline-block;
    float: right;
}
.my-activities-header .breadcrumbs {
    display: inline-block;
}
.my-activities-table .user-avatar {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 5px;
}
.my-activities-table .user-avatar + a {
    vertical-align: middle;
}
.my-activities-table table > thead {
    background: #f9f9f9;
}
.my-activities-table tbody tr td + td,
.my-activities-table thead tr th + th {
    text-align: center;
}
.requests-search-info {
    padding: 10px 0;
}
.request-id {
    color: #bebebe;
}
.request-details {
    background: #f6f7f9;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 15px 20px;
}
.request-details dt {
    margin-top: 15px;
}
.request-details dt:first-child {
    margin-top: 0;
}
.request-details dt.requester {
    font-weight: normal;
}
.request-details dt.request-followup-source {
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.request-details dd {
    margin: 2px 0 0;
    word-wrap: break-word;
}
.request-details dd ul {
    margin: 10px 0;
}
.request-details dd li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 3px 0;
}
.request-details .nested-field-tag::before {
    content: " > ";
}
.request-details .nested-field-tag:first-child::before {
    content: "";
}
.request-details .attachment-list li,
.request-details .request-collaborators li {
    list-style: none;
}
.request-status {
    color: #fff;
    border-radius: 3px;
}
.request-open {
    background: #59bbe0;
}
.request-answered {
    background: #f5ca00;
}
.request-solved {
    background: #828282;
}
.request-details .request-collaborators {
    font-size: 0;
}
.request-details .request-collaborators li {
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 6px;
    background-color: #ececec;
    margin: 0 5px 5px 0;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.request-table a.requests-link {
    position: relative;
}
.request-table a.requests-link .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    color: #bebebe;
    font-size: 10px;
}
.request-comment-form .comment-form-controls {
    display: block;
}
.request-comment-form .comment-form-controls input#mark_as_solved {
    display: none;
}
.request-comment-form .comment-form-controls a[role="button"][data-disabled] {
    color: #bebebe;
    cursor: default;
}
/* =========================================== */
/*  Community  
/* =========================================== */

.post-to-community a {
    padding-left: 20px;
    padding-right: 20px;
}
.post-to-community a::before {
    content: "\2b\00a0";
    position: relative;
    top: -1px;
}
/* =========================================== */
/*  Community topics page  
/* =========================================== */

.topic-list .topic_block {
    background: #f6f7f9;
    border: 1px solid #e6e6e6;
    padding: 30px 25px;
    margin-bottom: 20px;
}
.topic_block a i {
    color: rgba(255, 210, 58, 1);
}
.topic-list li h3,
.topic-list li p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.5em;
}
.topic-list li h3 a {
    color: #333;
}
.topic-list li p {
    color: #bebebe;
}
.topic-list li .meta-group {
    margin-top: 5px;
}
[dir="rtl"] .topic-list li {
    padding: 0 0 30px 100px;
}
/* =========================================== */
/*  Community topic page  
/* =========================================== */

.topic-header {
    margin-bottom: 15px;
}
.topic-header > * {
    display: table-cell;
    vertical-align: middle;
}
.topic-filters {
    width: 100%;
}
.topic-filters > * {
    display: inline-block;
    font-weight: bolder;
    margin-right: 20px;
}
[dir="rtl"] .topic-filters > * {
    margin-right: 0;
    margin-left: 20px;
}
.post-overview {
    border-bottom: 2px solid #eee;
    padding: 16px 0;
}
.post-overview-info {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-overview-info a {
    font-size: 16px;
}
.post-overview-info .meta-group {
    display: block;
    margin-top: 5px;
}
.post-pinned .post-overview-info::before {
    content: "\2605";
    margin-right: 5px;
    color: rgba(255, 210, 58, 1);
}
.post-overview-status {
    float: right;
    margin: 0 10px;
}
.post-overview-status > span {
    color: #fff;
}
[dir="rtl"] .post-overview-status {
    float: left;
}
.post-overview-count {
    background: #f9f9f9;
    border-radius: 3px;
    color: #bebebe;
    float: right;
    font-size: 10px;
    margin-left: 10px;
    min-width: 90px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}
.post-overview-count strong {
    color: #555555;
    display: block;
    font-size: 13px;
}
[dir="rtl"] .post-overview-count strong {
    direction: ltr;
    unicode-bidi: bidi-override;
}
[dir="rtl"] .post-overview-count {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}
/* =========================================== */
/*  Community post page  
/* =========================================== */

.post-actions .dropdown-toggle {
    font-size: 11px;
    font-weight: bold;
}
.post-actions .dropdown-toggle::before {
    content: "\2699\00a0\00a0";
    font: 11px bold;
    font-family: "entypo";
}
.post {
    display: table;
    margin-bottom: 50px;
    table-layout: fixed;
    width: 100%;
}
.post-vote,
.post-container {
    display: table-cell;
    vertical-align: top;
}
.post-vote {
    width: 45px;
    padding-top: 5px;
}
.post-header {
    margin-bottom: 25px;
}
.post-header h1 {
    margin: 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    text-transform: uppercase;
}
.post-info {
    display: table;
    width: 100%;
}
.post-info > * {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}
.post-avatar {
    min-width: 55px;
    position: relative;
}
.post-avatar img {
    border-radius: 100%;
    max-height: 38px;
    max-width: 38px;
}
.post-avatar-agent::after {
    background-color: transparent;
    background-image: url("/hc/assets/agent-marker.png");
    background-image: url("/hc/assets/agent-marker.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    left: 28px;
    top: -10.5px;
    content: " ";
}
[dir="rtl"] .post-avatar-agent::after {
    left: auto;
    right: 28px;
}
.post-meta {
    width: 100%;
    max-width: 0;
}
.post-author {
    display: block;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-status > span {
    color: #fff;
    margin: 0 10px;
}
.post-planned {
    background-color: #3eaae5;
}
.post-not-planned {
    background-color: #b5b5b5;
}
.post-completed {
    background-color: #669600;
}
.post-answered {
    background-color: #669600;
}
.post-share {
    margin-top: 30px;
    text-align: right;
}
[dir="rtl"] .post-share {
    text-align: left;
}
/* =========================================== */
/*  Community post page and topic page  
/* =========================================== */

.topic-follow [role="button"],
.post-follow [role="button"] {
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 10px;
}
.topic-follow [role="button"]::after,
.post-follow [role="button"]::after {
    content: attr(data-follower-count);
    font-family: inherit;
    color: #555555;
    display: inline-block;
    border-left: 1px solid #ddd;
    margin-left: 10px;
    padding-left: 10px;
}
[dir="rtl"] .topic-follow [role="button"]::after,
[dir="rtl"] .post-follow [role="button"]::after {
    border-left: 0;
    border-right: 1px solid #ddd;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.topic-follow [role="button"][aria-selected="true"],
.post-follow [role="button"][aria-selected="true"] {
    background: #f9f9f9;
    color: #555555;
}
body.community-enabled .search-results-column {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-right: 40px;
}
[dir="rtl"] body.community-enabled .search-results-column + .search-results-column {
    margin-left: 0;
    margin-right: 35px;
}
.search-results-subheading {
    font-size: 1.2em;
    font-weight: 600;
}
.search-results-subheading-link {
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
}
.search-results-list {
    margin-top: 20px;
}
.search-results-list > * {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
}
.search-results-list .breadcrumbs {
    font-size: 0.9em;
}
.search-results-list > *:first-child {
    border-top: 1px solid #e6e6e6;
}
.search-result-link {
    color: #333;
    font-weight: 600;
}
.search-result-description,
.search-result-meta {
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-result-description em {
    background: #ddd;
}
.search-result-meta-name,
.search-result-meta-time,
.search-result-meta-count {
    font-size: 12px;
    color: #bebebe;
}
.search-result-meta-time::before,
.search-result-meta-count::before {
    display: inline-block;
    content: "\2022";
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
[dir="ltr"] .search-result-meta-time::before,
[dir="ltr"] .search-result-meta-count::before {
    padding-right: 5px;
}
[dir="rtl"] .search-result-meta-time::before,
[dir="rtl"] .search-result-meta-count::before {
    padding-left: 5px;
}
.search-result-votes {
    background: #a8d119;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 4px 5px;
    position: relative;
    top: -2px;
}
.search-result-votes::before {
    content: "\1F44D";
    font-family: "entypo";
}
[dir="ltr"] .search-result-votes {
    margin-left: 5px;
}
[dir="ltr"] .search-result-votes::before {
    margin-right: 3px;
}
[dir="rtl"] .search-result-votes {
    margin-right: 5px;
}
[dir="rtl"] .search-result-votes::before {
    margin-left: 3px;
}
.chat {
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    font-size: 13px;
    line-height: 35px;
    padding: 0 15px;
    position: fixed;
    right: 85px;
    -webkit-transition: bottom .5s ease-in, color .5s ease-in;
    -moz-transition: bottom .5s ease-in, color .5s ease-in;
    -ms-transition: bottom .5s ease-in, color .5s ease-in;
    -o-transition: bottom .5s ease-in, color .5s ease-in;
    transition: bottom .5s ease-in, color .5s ease-in;
}
.chat::before {
    content: "\E720";
    font-family: "entypo";
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}
.chat:hover {
    text-decoration: none;
}
.chat-available {
    bottom: 0;
}
.chat-unavailable {
    color: #808080;
    cursor: default !important;
    bottom: -50px;
}
.error-page .hc_title {
    text-shadow: 2px 2px #ddd;
    font-size: 6em;
}
.error-page h2 {
    font-size: 16px;
    margin-bottom: 5px;
}
.recent-activity-header {
    margin-top: 0;
    font-size: 1.6em;
}
.recent-activity-item {
    word-wrap: break-word;
}
.recent-activity-item ~ .recent-activity-item {
    margin-top: 15px;
}
.recent-activity-item-parent {
    color: #555555;
    text-decoration: none;
    display: block;
}
.recent-activity-item-parent:hover {
    text-decoration: underline;
}
.recent-activity-item-link {
    display: block;
}
.recent-activity-item-meta {
    font-size: 12px;
    color: #999;
}
.recent-activity-item-time {
    display: inline-block;
}
.recent-activity-item-comment {
    display: none;
}
.recent-activity-item-comment::before {
    display: inline-block;
    content: "\2022";
}
.recent-activity-item-comment span::before {
    font-family: "entypo";
    content: "\00a0\00a0\e718";
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
}
[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
    display: inline-block;
}
.recent-activity-controls,
.recent-activity-loader {
    font-size: 12px;
}
.recent-activity-loader {
    display: inline-block;
    position: relative;
}
.recent-activity-loader::before {
    display: block;
    position: absolute;
    content: "\0020";
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
    animation: recent-activity-loader .5s infinite;
    -webkit-animation: recent-activity-loader .5s infinite;
}
@keyframes recent-activity-loader {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}
@-webkit-keyframes recent-activity-loader {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}
.escalation-badge,
a.escalation-badge {
    background-color: #95be22;
    border-color: #95be22;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 11px;
    margin: 0 3px;
    padding: 1px 3px;
    text-decoration: none;
    vertical-align: baseline;
}
/* =========================================== */
/*  User Profiles  
/* =========================================== */

.profile-header {
    border-bottom: 1px solid #eee;
    padding: 25px 0;
    display: flex;
}
.profile-header .profile-info {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    min-width: 0;
}
.profile-avatar {
    position: relative;
    margin-right: 10px;
}
[dir="rtl"] .profile-avatar {
    margin-left: 10px;
    margin-right: 0;
}
.profile-avatar .avatar {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
.profile-avatar-agent::after {
    background-color: transparent;
    background-image: url("/hc/assets/agent-marker.png");
    background-image: url("/hc/assets/agent-marker.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    bottom: 0;
    right: 0;
}
[dir="rtl"] .profile-avatar-agent::after {
    left: 0;
}
.profile-header .basic-info {
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    min-width: 0;
}
.profile-header .basic-info .name {
    font-size: 18px;
    margin: 0;
}
.profile-header .options {
    display: flex;
    align-items: flex-start;
    margin-left: 10px;
}
[dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
}
.profile-header .options >:not(:last-child) {
    margin-right: 10px;
}
[dir="rtl"] .profile-header .options >:not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
}
.profile-header .options [data-action="edit-profile"] {
    background: #444;
    border-color: #444 transparent #222;
    color: #fff;
}
.profile-header .description {
    margin: 20px 0 15px 0;
    font-size: 14px;
    flex-basis: 100%;
    word-break: break-all;
    word-break: break-word;
}
.profile-stats {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.profile-stats .stat {
    display: flex;
}
.profile-stats .stat-label {
    color: #999;
}
.profile-stats-activity {
    margin: 15px 0 15.5px;
    flex-basis: 100%;
}
.profile-stats-activity .stat {
    flex-direction: column;
}
.profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
}
[dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-right: 0;
    margin-left: 40px;
}
.profile-stats-counters {
    flex: 0 0 271px;
    margin-left: 60px;
    flex-direction: column;
}
[dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
}
.profile-stats-counters .stat .stat-label {
    flex: 0 0 100px;
}
.profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 17px;
}
.profile-private-badge {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    padding: 5px 10px;
}
.profile-private-badge::after {
    content: "\1f512";
    font-family: "Entypo";
    margin-left: 5px;
}
.profile-nav {
    margin-bottom: 40.5px;
    border-bottom: 1px solid #eee;
    padding: 10.5px 0;
}
.profile-section-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
}
.profile-section-title {
    flex-basis: 100%;
    margin: 0;
    font-size: 20px;
}
.profile-section-description {
    flex: 1 0 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.profile-section-header >:not(:first-child) {
    margin-top: 20px;
}
.profile-section-sorter {
    margin-left: 20px;
}
[dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
}
.profile-contribution {
    padding: 20px 0;
    word-wrap: break-word;
    position: relative;
}
.profile-contribution-header {
    margin-bottom: 5px;
}
.profile-contribution-title {
    margin: 0 0 5px 0;
    display: inline;
    line-height: 21px;
    vertical-align: middle;
    font-size: 15px;
    text-transform: uppercase;
}
.profile-contribution-breadcrumbs > li {
    display: inline;
    word-wrap: break-word;
}
.profile-contribution-body {
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.5;
}
.profile-contribution-meta {
    display: block;
    font-size: 11px;
    line-height: 18px;
    color: #ccc;
}
.profile-contribution-meta .meta-data {
    display: inline;
}
.profile-contribution-meta > .meta-data:not(:last-child)::after {
    content: "\00B7";
    padding: 0 5px;
}
.profile-contribution-list > .profile-contribution {
    border-top: 1px solid #eee;
    padding-left: 33px;
}
[dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 33px;
    padding-left: 0;
}
.profile-contribution-list > .profile-contribution:last-child {
    border-bottom: 1px solid #eee;
}
.profile-section .no-activity,
.profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999;
}
.profile-section .private-activity::before {
    content: "\1f512";
    font-family: "Entypo";
    margin-right: 10px;
}
.profile-activity-list {
    margin-top: 25px;
    margin-left: 10px;
}
[dir="rtl"] .profile-activity-list {
    margin-left: 0;
    margin-right: 10px;
}
.profile-activity {
    position: relative;
    padding-bottom: 30px;
    padding-left: 20px;
}
[dir="rtl"] .profile-activity {
    padding-left: 0;
    padding-right: 20px;
}
.profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
}
[dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
}
.profile-activity-header {
    display: flex;
    align-items: center;
}
.profile-activity-header .avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    align-self: flex-start;
    border-radius: 50%;
    margin-right: 10px;
}
[dir="rtl"] .profile-activity-header .avatar {
    margin-left: 10px;
    margin-right: 0;
}
.profile-activity-description {
    word-wrap: break-word;
    min-width: 0;
    width: 100%;
    margin-top: 0;
}
.profile-activity-description span:first-child {
    font-weight: normal;
}
.profile-activity-contribution {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #eee;
    margin-left: 50px;
}
[dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
}
.profile-contribution .contribution-published,
.profile-contribution .contribution-pending,
.profile-contribution .contribution-official {
    border: 1px solid transparent;
    float: right;
    font-size: 11px;
    padding: 1px 5px;
}
[dir="rtl"] .profile-contribution .contribution-published,
[dir="rtl"] .profile-contribution .contribution-pending,
[dir="rtl"] .profile-contribution .contribution-official {
    float: left;
}
.profile-contribution .contribution-published {
    color: #bebebe;
}
.profile-contribution .contribution-published::before {
    content: " ";
    display: inline-block;
    width: 5px;
}
.profile-contribution .contribution-pending,
.profile-contribution .contribution-official {
    border-color: currentcolor;
    border-radius: 2px;
}
.profile-contribution .contribution-pending {
    color: #eec100;
}
.profile-contribution .contribution-official {
    color: #77a500;
}
.profile-contribution .contribution-status {
    display: inline-block;
    color: #fff;
    margin: 0 10px;
}
.profile-contribution .contribution-planned {
    background-color: #3eaae5;
}
.profile-contribution .contribution-not-planned {
    background-color: #b5b5b5;
}
.profile-contribution .contribution-completed {
    background-color: #669600;
}
.profile-contribution .contribution-answered {
    background-color: #669600;
}
.profile-contribution-list > .profile-contribution::before,
.profile-activity::before {
    position: absolute;
    content: "";
    font-family: "Entypo";
    text-align: center;
    color: #ccc;
    font-size: 16px;
    background-color: #fff;
}
.profile-contribution-list > .profile-contribution::before {
    left: 0;
    top: 16px;
    width: 28px;
    line-height: 28px;
}
[dir="rtl"] .profile-contribution-list > .profile-contribution::before {
    right: 0;
}
.profile-activity::before {
    left: -14px;
    width: 28px;
    line-height: 40px;
}
[dir="rtl"] .profile-activity::before {
    left: 0;
    right: -14px;
}
.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before {
    content: "\1f4C4";
}
.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]::before {
    content: "\e720";
}
.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
    content: "\e718";
}
/* =========================================== */
/*  Help Center Responsive CSS    
/* =========================================== */

@media (max-width: 480px) {
    .category-empty,
    .section,
    body.community-enabled .search-results-column,
    .topic-list li,
    .help-blocks .col-md-4,
    #quick-search {
        width: 100%;
    }
    .topic-list li,
    #quick-search {
        margin-bottom: 15px;
    }
    body.community-enabled .search-results-column {
        padding-right: 0;
        margin-bottom: 15px;
    }
    .nav-spaced li + li,
    .nav-bordered li + li {
        margin: 0 0 0 5px;
    }
    .nav-bordered li + li {
        padding: 0 0 0 10px;
    }
    .post-overview-info {
        display: block;
        margin-bottom: 15px;
    }
    .request-table-filters {
        display: block;
        text-align: left;
    }
    .header-inner .user-nav .btn {
        margin-bottom: 2px;
    }
    .post-overview-count {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }
    .main-footer {
        padding: 30px 0;
    }
    .footer-links {
        padding-bottom: 5px;
    }
}
@media (max-width: 600px) {
    .article-footer .article-vote,
    .article-footer .share {
        display: block;
    }
    .article-vote-count {
        display: inline-block;
    }
    .article-footer .share {
        margin-top: 15px;
    }
    .profile-header {
        display: block;
    }
    .profile-stats-counters {
        margin-left: 0;
    }
    .inner-search-box input[type=submit] {
        width: 23%;
    }
    .inner-search-box input[type=search] {
        width: 75%;
    }
    #user #user-name {
        display: none;
    }
}
@media (max-width: 767px) {
    body.helpcenter-enable,
    body .btn-lg,
    .sub-nav .breadcrumbs li,
    .content-body {
        font-size: 14px;
    }
    .home-hero-unit .middle-search {
        transform: inherit;
    }
    .home-hero-unit {
        min-height: 500px;
    }
    .category-list > li > a,
    .help-blocks .help-block a,
    .help-block h3,
    h3.banner_info,
    .request-header h3 {
        font-size: 16px;
    }
    body h2 {
        font-size: 22px;
    }
    .quick-articles .hc_title,
    .social i,
    body h3 {
        font-size: 20px;
    }
    .quick-articles li a,
    .quick-articles a:visited,
    ol.article-list li a,
    body .btn,
    .categories_section_list li,
    .description {
        font-size: 13px;
    }
    .tutorial-guide {
        padding: 40px 10px 50px 30px;
    }
    ul.list-inline.pull-right {
        float: left !important;
        margin-top: 20px;
    }
    .tutorial-preview {
        margin-left: 0;
    }
    #video-preview {
        max-height: 260px;
    }
    .hc_lists h3 img {
        max-width: 30px;
    }
    .hc_category_icon img {
        position: inherit;
        right: inherit;
        max-width: 35px;
    }
    .form,
    .hc_lists,
    section.article-comments {
        margin-bottom: 25px;
    }
    .help-blocks .kb_title {
        margin-top: 0;
    }
    .search-box {
        padding: 20px 0;
    }
    .section_list > h3 {
        font-size: 1em;
    }
    body .navbar-toggle {
        border-color: #331F45;
        margin: -2px 0 0px 5px;
    }
    body .navbar-toggle .icon-bar {
        background: #331F45;
    }
    body .mobile-menu {
        width: 100%;
        margin-top: -25px;
    }
    .user-nav > * {
        display: block;
    }
    .logo {
        position: relative;
        z-index: 99;
    }
    .mobile-menu .visible-xs {
        display: inline-block !important;
    }
    .navbar-collapse {
        width: 100%;
    }
    .header .navbar-nav>li>a {
        padding: 5px 15px;
    }
    #user {
        margin-top: -2px;
    }
    .bg {
        margin-top: 15px;
    }
}
@media (min-width: 1200px) {
    body .container {
        width: 1200px;
    }
}
@media all and (min-width: 767px) and (max-width: 992px) {
    body h3 {
        font-size: 17px;
    }
    .categories_section_list li,
    .article-body {
        font-size: 14px;
    }
    .hc_title,
    body h1 {
        font-size: 30px;
    }
    body .mobile-logo,
    body .mobile-menu {
        width: 100%;
    }
    .user-nav,
    .header-inner {
        text-align: center;
    }
    .mobile-menu {
        margin-top: 10px;
    }
}

/* =========================================== */
/*  Line Icon CSS    
/* =========================================== */

[data-icon]:before{font-family:et-line;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.icon-adjustments,.icon-alarmclock,.icon-anchor,.icon-aperture,.icon-attachment,.icon-bargraph,.icon-basket,.icon-beaker,.icon-bike,.icon-book-open,.icon-briefcase,.icon-browser,.icon-calendar,.icon-camera,.icon-caution,.icon-chat,.icon-circle-compass,.icon-clipboard,.icon-clock,.icon-cloud,.icon-compass,.icon-desktop,.icon-dial,.icon-document,.icon-documents,.icon-download,.icon-dribbble,.icon-edit,.icon-envelope,.icon-expand,.icon-facebook,.icon-flag,.icon-focus,.icon-gears,.icon-genius,.icon-gift,.icon-global,.icon-globe,.icon-googleplus,.icon-grid,.icon-happy,.icon-hazardous,.icon-heart,.icon-hotairballoon,.icon-hourglass,.icon-key,.icon-laptop,.icon-layers,.icon-lifesaver,.icon-lightbulb,.icon-linegraph,.icon-linkedin,.icon-lock,.icon-magnifying-glass,.icon-map,.icon-map-pin,.icon-megaphone,.icon-mic,.icon-mobile,.icon-newspaper,.icon-notebook,.icon-paintbrush,.icon-paperclip,.icon-pencil,.icon-phone,.icon-picture,.icon-pictures,.icon-piechart,.icon-presentation,.icon-pricetags,.icon-printer,.icon-profile-female,.icon-profile-male,.icon-puzzle,.icon-quote,.icon-recycle,.icon-refresh,.icon-ribbon,.icon-rss,.icon-sad,.icon-scissors,.icon-scope,.icon-search,.icon-shield,.icon-speedometer,.icon-strategy,.icon-streetsign,.icon-tablet,.icon-target,.icon-telescope,.icon-toolbox,.icon-tools,.icon-tools-2,.icon-trophy,.icon-tumblr,.icon-twitter,.icon-upload,.icon-video,.icon-wallet,.icon-wine{font-family:et-line;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.icon-mobile:before{content:"\e000"}.icon-laptop:before{content:"\e001"}.icon-desktop:before{content:"\e002"}.icon-tablet:before{content:"\e003"}.icon-phone:before{content:"\e004"}.icon-document:before{content:"\e005"}.icon-documents:before{content:"\e006"}.icon-search:before{content:"\e007"}.icon-clipboard:before{content:"\e008"}.icon-newspaper:before{content:"\e009"}.icon-notebook:before{content:"\e00a"}.icon-book-open:before{content:"\e00b"}.icon-browser:before{content:"\e00c"}.icon-calendar:before{content:"\e00d"}.icon-presentation:before{content:"\e00e"}.icon-picture:before{content:"\e00f"}.icon-pictures:before{content:"\e010"}.icon-video:before{content:"\e011"}.icon-camera:before{content:"\e012"}.icon-printer:before{content:"\e013"}.icon-toolbox:before{content:"\e014"}.icon-briefcase:before{content:"\e015"}.icon-wallet:before{content:"\e016"}.icon-gift:before{content:"\e017"}.icon-bargraph:before{content:"\e018"}.icon-grid:before{content:"\e019"}.icon-expand:before{content:"\e01a"}.icon-focus:before{content:"\e01b"}.icon-edit:before{content:"\e01c"}.icon-adjustments:before{content:"\e01d"}.icon-ribbon:before{content:"\e01e"}.icon-hourglass:before{content:"\e01f"}.icon-lock:before{content:"\e020"}.icon-megaphone:before{content:"\e021"}.icon-shield:before{content:"\e022"}.icon-trophy:before{content:"\e023"}.icon-flag:before{content:"\e024"}.icon-map:before{content:"\e025"}.icon-puzzle:before{content:"\e026"}.icon-basket:before{content:"\e027"}.icon-envelope:before{content:"\e028"}.icon-streetsign:before{content:"\e029"}.icon-telescope:before{content:"\e02a"}.icon-gears:before{content:"\e02b"}.icon-key:before{content:"\e02c"}.icon-paperclip:before{content:"\e02d"}.icon-attachment:before{content:"\e02e"}.icon-pricetags:before{content:"\e02f"}.icon-lightbulb:before{content:"\e030"}.icon-layers:before{content:"\e031"}.icon-pencil:before{content:"\e032"}.icon-tools:before{content:"\e033"}.icon-tools-2:before{content:"\e034"}.icon-scissors:before{content:"\e035"}.icon-paintbrush:before{content:"\e036"}.icon-magnifying-glass:before{content:"\e037"}.icon-circle-compass:before{content:"\e038"}.icon-linegraph:before{content:"\e039"}.icon-mic:before{content:"\e03a"}.icon-strategy:before{content:"\e03b"}.icon-beaker:before{content:"\e03c"}.icon-caution:before{content:"\e03d"}.icon-recycle:before{content:"\e03e"}.icon-anchor:before{content:"\e03f"}.icon-profile-male:before{content:"\e040"}.icon-profile-female:before{content:"\e041"}.icon-bike:before{content:"\e042"}.icon-wine:before{content:"\e043"}.icon-hotairballoon:before{content:"\e044"}.icon-globe:before{content:"\e045"}.icon-genius:before{content:"\e046"}.icon-map-pin:before{content:"\e047"}.icon-dial:before{content:"\e048"}.icon-chat:before{content:"\e049"}.icon-heart:before{content:"\e04a"}.icon-cloud:before{content:"\e04b"}.icon-upload:before{content:"\e04c"}.icon-download:before{content:"\e04d"}.icon-target:before{content:"\e04e"}.icon-hazardous:before{content:"\e04f"}.icon-piechart:before{content:"\e050"}.icon-speedometer:before{content:"\e051"}.icon-global:before{content:"\e052"}.icon-compass:before{content:"\e053"}.icon-lifesaver:before{content:"\e054"}.icon-clock:before{content:"\e055"}.icon-aperture:before{content:"\e056"}.icon-quote:before{content:"\e057"}.icon-scope:before{content:"\e058"}.icon-alarmclock:before{content:"\e059"}.icon-refresh:before{content:"\e05a"}.icon-happy:before{content:"\e05b"}.icon-sad:before{content:"\e05c"}.icon-facebook:before{content:"\e05d"}.icon-twitter:before{content:"\e05e"}.icon-googleplus:before{content:"\e05f"}.icon-rss:before{content:"\e060"}.icon-tumblr:before{content:"\e061"}.icon-linkedin:before{content:"\e062"}.icon-dribbble:before{content:"\e063"}

/*
  Plugin Name: Zendesk Categories List
  Version: 1.0
  Author: Customer Support Theme
  Website: https://customersupporttheme.com/
  License: You must have a valid license purchased only from
  customersupporttheme.com in order to legally use the theme for your project.
  Copyright: © 2018 Customer Support Theme. All Rights Reserved
*/

#hc_categories div > a:hover, 
#hc_categories div > a.selected {
    border-color: #b5b7b8;
    font-weight: 700;
}

#hc_categories div > a {
    background: #efefef;
    border: 2px solid #e8e8e8;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 0.9em;
    margin-bottom: 5px;
    padding: 10px 10px;
}

/*
  Plugin Name: Promoted Articles Pagination
  Version: 1.0
  Author: Customer Support Theme
  Website: https://customersupporttheme.com
  License: You must have a valid license purchased only from
  customersupporttheme.com in order to legally use the theme for your project.
  Copyright: © 2018 Customer Support Theme. All Rights Reserved
*/

ul.simplePagerNav li {
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: inherit;
    padding-left: inherit;
}
ul.simplePagerNav li > a {
  border: 0;
}
ul.simplePagerNav li a:before {
  content: "";
}
li.PaginationActive a {
    color: #ffffff !important;
    padding: 0;
}

li.PaginationActive {
    background: none repeat scroll 0 0 #1a74b0;
    border-radius: 2px;
}

/*!
 Encodian Added Styles
*/
.pl20 {
    padding-left: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.encFontBlue{
  color: #331F45;
}

.encFontPurple{
  color: #9F0DA3;
}

.encFontGreen{
  color: #7AC943;
}

.encFontOrange{
  color: #FF6E26;
}

.article-body p, .article-body ul {
  margin-bottom: 15px;
}

.article-body li {
  margin-bottom: 5px;
}