@charset "utf-8";
/* ====================================================
   Promoted tooltip
   ==================================================== */
.article-promoted > span { cursor: default; margin-right: 5px; float: right; margin-top: 3px; position: relative; }
.article-promoted > span:before, .article-promoted > span:after { display: none; position: absolute; }
.article-promoted > span:hover:before, .article-promoted > span:hover:after { display: block; }
.article-promoted > span:before { background-color: #222; background-color: rgba(0, 0, 0, 0.85); border-radius: 4px; color: #fff; content: attr(data-title); left: -10px; margin-top: 5px; padding: 3px 10px; top: 100%; white-space: nowrap; z-index: 1; }
.article-promoted > span:after { border-bottom: 5px solid; border-bottom-color: #222; border-bottom-color: rgba(0, 0, 0, 0.85); border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; }
.see-all-articles { display: inline-block; font-size: 12px; margin-top: 10px; text-decoration: underline; }
.category-description, .section-description { color: #8e8e8e; margin-bottom: 40px; }
.section-subscribe, .section-unsubscribe, .article-subscribe, .article-unsubscribe { float: right; margin-top: 5px; background-color: #fff; border-radius: 5px; box-shadow: none; padding-top: 1px; height: 30px; line-height: 28px; padding: 0 20px; }
.section-subscribe [role=button], .section-unsubscribe, .article-subscribe, .article-unsubscribe { color: #158ec2; border: 1px solid #158ec2; box-shadow: none;/* margin-bottom: 5px; */ }
.section-subscribe .dropdown-toggle:after { color: #158ec2; }
.ArticleDateis {margin:1em 0;}
.ArticleDateis.updated {float:right;}
.ArticleDateis.edited {float:right;}
.article-info {overflow:hidden;}
.article-info .ArticleSubscribeis a[role=button] {background-color:#FFF;}
.article-info .ArticleSubscribeis a[role=button]:hover {text-decoration:none;background-color:#EEE;}
.category-list a, .section-list a { color: inherit; display: inline-block; font-size: 18px; margin-bottom: 10px; }
.category-tree-with-article .article-list > li > a, .section-tree-with-article .article-list > li > a { display: block; }
.category-tree-with-article a[aria-selected="false"] + article, .section-tree-with-article a[aria-selected="false"] + article { display: none; }
.category-tree-with-article .loader:after, .section-tree-with-article .loader:after { content: "..."; }
.category-tree-with-article .article-body + a:last-child, .section-tree-with-article .article-body + a:last-child { display: inline-block; margin-top: 25px; font-size: 11px; }
#category-list .accordion dl { font-size: 18px; }
#category-list .accordion a { color: #99a5ac; }
#category-list .accordion dt { background-color: #e5e8ea; line-height: 60px; color: #5b6b73; font-weight: 700; padding-left: 18px; font-size: 16px; }
#category-list .accordion dt:before { font-family: "entypo"; content: "+ "; padding-right: 8px; font-size: 1.2em; }
#category-list .accordion dd { display: none; margin-left: 0; color: #99a5ac; font-weight: normal; line-height: 40px; border: 1px solid #e5e8ea; border-bottom: none; padding: 10px 35px; background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center; }
#category-list .accordion dd:last-child { border-bottom: 1px solid #e5e8ea; }
#category-list .accordion dd.see-all {text-align:right; }
#category-list .accordion dd:before { content: "－"; }
#category-list .accordion dd.see-all::before { content: ""; }
#category-list .accordion a.see-all-articles { text-align: right; text-decoration: none; }
#category-list .accordion a:hover.see-all-articles { text-decoration: underline; }
.side-column #category-list{margin-bottom:8px;}
.side-column #category-list .accordion { margin: 0;}
.side-column #category-list .accordion dl {  }
.side-column #category-list .accordion dt { color: #5b6b73; line-height: 60px; font-weight: 400;font-size: 12px; }
.side-column #category-list .accordion dd { background: none; color: #99a5ac; font-size: 11px; line-height: 1.8; font-weight: normal;padding: 10px 10px 10px 28px; text-indent:-10px; }
.side-column #category-list .accordion dd.see-all {text-align:right; }
.side-column #category-list .accordion dd.see-all::before { content: ""; }
.side-column .sideBanner {margin-bottom:8px;}
#section-list dl { font-size: 14px; }
#section-list a { color: #99a5ac; }
#section-list dt { background-color: #e5e8ea; line-height: 40px; color: #5b6b73; font-weight: 700; padding-left: 15px; }
#section-list dt:before { font-family: "entypo"; content: "+ "; padding-right: 8px; font-size: 1.2em; }
#section-list dd { color: #99a5ac; font-weight: 700; line-height: 20px; border: 1px solid #e5e8ea; border-bottom: none; margin-left: 0; padding: 10px 35px; background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center; }
#section-list dd:last-child { border-bottom: 1px solid #e5e8ea; }
#section-list dd:before { content: "－"; }
#keyword-list ul { border: 1px #ddd solid; display: block; padding: 22px; }
#keyword-list ul li { display: inline-block; margin-right: 1em; font-size: 15px; font-weight: 400; line-height: 30px; }
.side-column #keyword-list ul { padding: 23px 0 26px 17px; }
.side-column #keyword-list ul li { font-size: 13px; font-weight: 400; line-height: 22px; margin-right: 0.5em; }
/* ====================================================
   Article
   ==================================================== */
/* News*/
.main-column #NewsYearList{width: 100%;border: 1px solid #eee;padding: 20px 17px; font-size: 12px; margin-bottom:30px;}
.main-column #NewsYearList li{display: inline-block;padding: 0px 8px; border-left:2px solid #eee; line-height: 1.0; margin-bottom: 8px;}
.main-column #NewsYearList li:last-child{border-right:2px solid #eee;}
.main-column #newsContent h2{background-color: #006544; line-height: 40px; color: #fff; font-size: 18px; font-weight: 400; padding-left: 23px;margin-bottom: 0;margin-top:0;}
.main-column #newsContent dl{display: block;border-bottom: 1px dotted #ddd;padding:0.75em 0; clear: both;}
.main-column #newsContent dl dt{color: #777;font-size: 12px;font-weight: 400;line-height: 18px;float: left;/* width:200px; */padding-left:23px;}
.main-column #newsContent dl dt:after {font-size: 11px;padding: 1px 10px 0;margin: 0 1em;display: block;width: 7em;text-align: center;font-weight:700;float: right;line-height: 1.1;}
.main-column #newsContent dt.topics:after { content: "TOPICS"; color:#FF9933;border: 1px solid #ff9933;}
.main-column #newsContent dl dt.product:after { content: "製品情報"; color:#65B72F;border: 1px solid #65B72F;}
.main-column #newsContent dl dt.aug:after { content: "AUG"; color:#0086D1;border: 1px solid #0086D1;}
.main-column #newsContent dl dt.user:after { content: "ユーザー"; color:#0086D1;border: 1px solid #0086D1;}
.main-column #newsContent dl dt.forPartner:after { content: "Partner"; color:#009;border: 1px solid #009;}
.main-column #newsContent dl dt.attention:after { content: "重要なお知らせ"; color:#C4565B;border: 1px solid #C4565B;}
.main-column #newsContent dl dt.none {  }
.main-column #newsContent dl dd {margin-left: 233px;padding-left:0;}
.main-column #newsContent dl dd a{font-size:1em; font-weight: 400; line-height: 20px; color: #464646;}
.main-column #newsContent dl dd a:hover{color: #138cc0; text-decoration: none; }
/*専用コンテンツページ Newsリスト*/
.PUs_list {border: 1px solid #ddd;margin: 0;padding: 0;}
.PUs_list dl {position: relative;margin: 20px 0 0;padding: 0;}
.PUs_list dl {margin: 20px 0 40px;}
.PUs_list dl dt { color: #777777; font-size: 12px; font-weight: 400; line-height: 2; margin: 0 20px 0; }
.PUs_list dl dt span,
.PUs_list dl dt span.status { display: inline-block; font-size: 11px; line-height: 1; margin: 0 5px; padding: 1px 3px 0; font-weight: bold; }
.PUs_list dl dt.topics span { color: #f93; border: 1px solid #f93; }
.PUs_list dl dt.product span { color: #65b72f; border: 1px solid #65b72f; }
.PUs_list dl dt.aug span { color: #0086d1; border: 1px solid #0086d1; }
.PUs_list dl dt.user span { color: #0086d1; border: 1px solid #0086d1; }
.PUs_list dl dt.partner span { color: #009; border: 1px solid #009; }
.PUs_list dl dt.attention span { color: #C4565B; border: 1px solid #C4565B; }
.PUs_list dl dt.event span { color: #cfdb00; border: 1px solid #cfdb00; margin-left: 0;}
.PUs_list dl dt.event span.full { color: #DDD; border: 1px solid #DDD; }
.PUs_list dl dt.event span.almost_full { color: #61B69F; border: 1px solid #61B69F; }
.PUs_list dl dt.none { display: none; }
.PUs_list dl dd { /* style.css記載 */ }
.PUs_list dl dd a { color: #464646; font-size: 14px; font-weight: 400; text-decoration: none; display: block; }
.PUs_list dl dd a:hover { color: #148dc1; }
.PUs_list dl dd:last-child {border: none;position: absolute;right: 10px;}
.PUs_list dl dd.undecided:last-child { background:none; }

/* サイドメニュー追加分 16/10/31 */
#sign-in-information-box { border:1px solid #DDD; padding:2em 1em; margin:0 0 8px; }
#sign-in-information-box h4 { font-size: 18px; margin: 0 0 1em; color: #464646; text-align: center; background: #EEE; }
.aside_requests_new_box { margin:0 0 8px; }
.aside_requests_new_box a {display: block;width: 100%;height: 70px;line-height: 70px;text-align: center;padding: 0 20px;margin: 0 0 8px;}
.aside_requests_new_box a strong {font-size: 15px;padding-left: 10px;letter-spacing: 1px;}
.aside_requests_new_box a.green_btn { color:#fff; border:1px solid #006544; border-bottom:1px solid #00371f; background: #00371f; background: linear-gradient(top bottom,#006544,#00371f); background: -ms-linear-gradient(top, #006544, #00371f); background: -moz-linear-gradient(center top, #006544 0%,#00371f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f)); }
.aside_requests_new_box a.green_btn:hover,
.aside_requests_new_box a.green_btn:active,
.aside_requests_new_box a.green_btn:focus { background: #00371f; text-decoration:none; }

.main-column #category-list h2, .main-column #keyword-list h2, .main-column #section-list h2 { color: #006544; font-size: 26px; font-weight: 700; margin: 64px 0 18px; }
.main-column h4 { margin-bottom: 5px; font-size: 16px; color: #555; }
.article-wrapper { background: #fff; padding: 30px; border-radius: 3px; }
.article-header { margin-bottom: 20px; }
.article-header h1 { margin: 0 0 5px; font-size: 32px; font-weight: 400; line-height: 42px; color: #313131; }
.article-author { font-weight: bold; }
.article-metadata { float: left; position: relative; }
.article-metadata > div { float: left; }
.article-updated { color: #8e8e8e; font-size: 12px; margin: 1px 10px 0 0; }
.article-breadcrumbs { color: #8e8e8e; }
.article-subscribe-wrapper { display: inline-block; width: 100%; }
.article-subscribe, .article-unsubscribe { float: right; }
.article-sidebar { margin-top: 0px; }
.article-sidebar h3 { color: #006544; font-size: 18px; font-weight: 700; margin: 54px 8px 14px; }
.article-sidebar ul { margin-bottom: 60px; }
.article-sidebar-item { display: block; text-align: right; padding-right: 5em; }
.article-body { font-size: 124%; line-height:1.9; word-wrap: break-word; }
.article-body img { border: 1px solid; border-color: #ececec; border-color: rgba(0, 0, 0, 0.07); height: auto; max-width: 100%; padding: 3px; }
.article-body pre { background-color: #fbfbfb; background-color: rgba(0, 0, 0, 0.02); border: 1px solid; border-color: #ececec; border-color: rgba(0, 0, 0, 0.07); border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre-wrap; }
.article-body blockquote { border-left: 1px solid; border-left-color: #ececec; border-left-color: rgba(0, 0, 0, 0.07); color: #8e8e8e; font-style: italic; margin: 20px 0; padding-left: 20px; }
.article-body ul, .article-body ol { list-style-position: outside; margin-left: 20px; }
.article-body ul { list-style-type: disc; }
.article-body li { margin-bottom: 5px; }
.article-body table { table-layout: fixed; }
.article-footer { margin: 30px 0; padding: 15px 0; }
.article-vote { float: left; position: relative; text-align: right; }
.article-vote small { color: #8e8e8e; display: block; }
.article-vote a:hover { text-decoration: none; }
.article-vote-controls { position: absolute; right: -85px; top: 1px; }
.article-vote-up, .article-vote-down { color: inherit; font-family: "entypo"; border: 1px solid #ddd; }
.article-vote-up:before { content: "\1f44d"; }
.article-vote-down:before { content: "\1f44e"; }
.article-voted { box-shadow: inset 1px 1px 5px #ddd; opacity: 1; }
.article-vote-up.article-voted { color: #6b9100; }
.article-more-questions { margin-bottom: 30px; }
.article-comments { margin-top: 35px; }
.article-comments-inner { padding: 10px 30px; border-radius: 3px; background: #fff; }
.article-comments h2 { margin-bottom: 5px; font-size: 16px; }
.article-footer ul.keyword { clear: both; background-color: #eee; color: #777; display: block; font-size: 13px; font-weight: 400; margin: 50px 0 0px; padding: 14px 12px; }
.article-footer ul.keyword li { display: inline-block; padding-right: 5px; }
.related-articles, .section-articles { padding: 20px 0; border-top: 1px solid #eee; margin-bottom: 20px 0; }
.section-articles { border-bottom: 1px solid #eee; margin-bottom: 40px; }
.recent-articles ul, .related-articles ul, .section-articles ul { list-style: disc; padding-left: 2em; }
.recent-articles li, .related-articles li, .section-articles li { margin-bottom: 5px; }
.article-comments textarea { border-color: #d1d1d1; }
/* Article page only */
.article-footer .share { float: left; width: 320px; }
/* Community questions and answers only */
.share-label { cursor: pointer; }
.share-label + .share { background: #fff; border: 1px solid; border-color: #d1d1d1; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); left: 50%; padding: 20px 0; margin: 10px 0 0 -75px; position: absolute; text-align: center; top: 100%; white-space: nowrap; width: 175px; }
.share-label + .share:before, .share-label + .share:after { content: ""; display: inline-block; left: 50%; position: absolute; }
.share-label + .share:before { top: -7px; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; margin-left: -6px; }
.share-label + .share:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; margin-left: -5px; }
.share-label[aria-selected="true"] { color: #111; }
.share-label[aria-selected="true"] + .share { display: block; }
.share-label[aria-selected="false"] + .share { display: none; }
/* article_page ここから評価版導線 2019/09 */
.banner {margin-bottom:15px;}
.banner a {display:block;width:100%;height:100%;}
.banner a.article_link_trial {position:relative;border:5px solid #006544;color:#313131;border-radius:15px;text-align:center;padding:25px;}
.banner a.article_link_trial:hover,
.banner a.article_link_trial:active {text-decoration:none;}
.banner span {display:block;font-size:16px;text-align:left;margin:0 0 0 130px;}
.banner strong {font-size:24px;}
.banner .green {color:#006544;}
.banner .left {float:left;}
.banner .right {float:right;}
.banner a.article_link_trial:before {display:block;position:absolute;width: 1em;height: 1em;margin:0;font-size: 100px; font-weight:normal; line-height:1; color: #006544; }
.banner a.article_link_trial:before { font-family: "entypo"; }
.banner a.article_link_trial:before { content: "\1F4E5"; } /* キャンペーンバナー */
.banner a.article_link_trial .inner_green_btn {background:#00371f;background:linear-gradient(top bottom,#006544,#00371f);background:-ms-linear-gradient(top, #006544, #00371f);background:-moz-linear-gradient(center top, #006544 0%,#00371f 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f));vertical-align:middle; }
.banner a.article_link_trial .inner_green_btn {display:block;position:absolute;right:25px;bottom:25px;width:10em;height:50px;line-height:50px;font-size:16px;color:#fff;box-sizing:border-box;overflow:hidden;}
.banner a.article_link_trial:hover,
.banner a.article_link_trial:active,
.banner a.article_link_trial:focus {background:#F5F5F5;}
.banner a.article_link_trial .inner_box {width:100%;margin:0 auto;}
.banner a.article_link_trial:hover .inner_green_btn,
.banner a.article_link_trial:active .inner_green_btn,
.banner a.article_link_trial:focus .inner_green_btn {background:#006544;}
/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment, .comment-form { min-height: 100px; padding-top: 20px; position: relative; }
.comment-container { margin-left: 90px; }
.comment-avatar { position: absolute; display: inline-block; }
.comment-avatar img { border-radius: 3px; 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: 14px; position: absolute; width: 15px; height: 15px; bottom: -5px; right: -3px; content: " "; }
.comment-author { display: inline-block; }
.comment-published, .comment-edit, .comment-delete { float: right; font-size: 11px; }
.comment-published { color: #8e8e8e; }
.comment-edit { margin-left: 15px; }
.comment-delete { border-left: 1px solid; border-left-color: #ececec; border-left-color: rgba(0, 0, 0, 0.07); margin-left: 5px; padding-left: 5px; }
.comment-form-title { display: block; margin-bottom: 15px; }
.comment-form textarea { border-radius: 2px 2px 0 0; border-width: 1px; }
.comment-attachments { margin-top: 10px; }
.comment-form-controls { display: none; margin-top: 10px; text-align: right; }
.comment-form-controls input[type=submit] { margin-left: 15px; }
.comment-screencasts { float: left; margin-top: 3px; }
.pending-comments-list { list-style: none; }
.pending-comments-list .comment-container { padding-bottom: 2px; }
.pending-moderation-comment-badge { border-style: solid; border-width: 1px; border-color: #c7aa2b; color: #c7aa2b; padding: 3px 5px; margin-top: 10px; font-size: 12px; }
.visibility-internal-icon:before { content: "\1F512"; display: inline-block; font-family: "entypo"; text-align: center; width: 13px; }
.article-promoted span, .visibility-internal { cursor: default; position: relative; }
.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: 1; }
.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 #eee; padding: 25px 0; }
.comment-list > *:first-child { border-top: 1px solid #eee; }
.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; }
.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: 3px; 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 { display: block; border-radius: 2px 2px 0 0; border-width: 1px; }
.comment-ccs + textarea, .comment-attachments { margin-top: 10px; }
.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: 15px; }
[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"; }
.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 #eee; margin-bottom: 25px; padding: 25px 0; }
.my-activities-header .breadcrumbs li { color: #000; font-size: 20px; font-weight: normal; }
.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before { display: none; }
.my-activities-nav { margin-bottom: 100px; }
.my-activities-sub-nav { margin-bottom: 15px; }
.request-table-toolbar { background: #f9f9f9; 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; }
.my-activities-table .user-avatar { width: 20px; height: 20px; border-radius: 4px; margin-right: 5px; }
.my-activities-table .user-avatar + a { vertical-align: middle; }
.requests-search-info { padding: 10px 0; }
.request-id { color: #bebebe; }
.request-details { background: #f9f9f9; border: 1px solid #eee; border-radius: 3px; font-size: 12px; margin: 0 0 30px; padding: 15px 20px; }
.request-details dt { font-weight: bold; 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 li { display: inline-block; padding: 0 100px 30px 0; vertical-align: top; width: 49.5%; }
.topic-list li h3, .topic-list li p { margin: 0; overflow: hidden; text-overflow: ellipsis; }
.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: 1px 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: #158ec2; }
.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: #555; 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; }
.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: 3px; 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: #555; 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: #555; }
body.community-enabled .search-results-column { display: inline-block; vertical-align: top; width: 450px; }
body.community-enabled .search-results-column + .search-results-column { margin-left: 35px; }
[dir=rtl] body.community-enabled .search-results-column + .search-results-column { margin-left: 0; margin-right: 35px; }
.search-results-subheading { padding-bottom: 10px; margin-bottom: 0; }
.search-results-subheading-link { font-size: 13px; font-weight: normal; margin-left: 5px; }
.search-results-list { margin-bottom: 25px; }
.search-results-list > * { border-bottom: 1px solid #eee; padding: 20px 0; }
.search-results-list > *:first-child { border-top: 1px solid #eee; }
.search-result-link { font-size: 16px; }
.search-result-description, .search-result-meta { overflow: hidden; text-overflow: ellipsis; padding-top: 10px; }
.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 { margin: 0 auto; max-width: 500px; padding-top: 5%; }
.error-page h1 { font-size: 52px; margin-bottom: 0; }
.error-page h2 { font-size: 16px; margin-bottom: 5px; }
.error-page > a { display: block; margin-top: 25px; }
.recent-activity { background: #f9f9f9; border-radius: 5px; padding: 25px 20px; width: 270px; }
.recent-activity-header { margin-top: 0; font-size: 15px; }
.recent-activity-item { word-wrap: break-word; }
.recent-activity-item ~ .recent-activity-item { margin-top: 15px; }
.recent-activity-item-parent { color: #555; font-size: 12px; 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 { padding-top: 20px; 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; }