@charset "utf-8";
/* Base styles */
*, input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { background-color: #fff; }
body { color: #555; font-family: Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif; font-size: 13px; font-weight: lighter; line-height: 1.5; margin: 0; padding-bottom: 0; }
img { max-width: 100%; vertical-align: middle; }
img[width], img[height] { max-width: none; }
figure > img { display: block; }
a { color: #138cbf; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 0; padding: 0; }
ul { list-style: none; }
table { border-collapse: collapse; text-align: left; width: 100%; }
[dir=rtl] table { text-align: right; }
td, th { border-color: #eee; border-style: solid; padding: 12px; }
th { border-width: 1px 0; color: #bebebe; font-size: 11px; font-weight: normal; white-space: nowrap; text-align: inherit; }
td { border-width: 0 0 1px 0; }
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 400; }
h1 { font-size: 20px; }
input, textarea, label { display: inline-block; vertical-align: middle; }
label, select { font-size: 12px; }
input[type="checkbox"] + label { margin-left: 5px; }
[dir=rtl] input[type="checkbox"] + label { margin-left: 0; margin-right: 5px; }
input, textarea, select { border: 1px solid #ddd; border-radius: 2px; }
input, textarea, select { color: #555; }
input, textarea { padding: 10px; }
textarea { height: 45em; padding: 7px 10px; resize: vertical; }
textarea, input[type=text] { width: 100%; }
input:focus, textarea:focus, select:focus { outline: none; border: 1px solid #999; }
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%; }
[dir=rtl] select { background-position: 10px 50%; }
/* Buttons */
button, [role=button], [type=button], [type=submit] { border-radius: 4px;   /*border: 1px solid #ddd;*/ color: #158ec2; 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] { background: #444; border-color: transparent; color: #fff; padding: 10px 30px; }
input[type=submit][disabled] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ opacity: .4; }
button img, [role=button] img { border-radius: 4px; 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; }
/* Forms */
.form { max-width: 840px; }
.form-field ~ .form-field { margin-top: 25px; }
.form-field label { display: block; font-weight: bold; margin-bottom: 5px; }
.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 { color: #bebebe; font-size: 11px; }
.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 { 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: 25px 0; }
.searchbox-suggestions { background-color: #fff; border: 1px solid #eee; border-radius: 4px; padding: 10px 20px; }
.searchbox-suggestions li { padding: 5px 0; }
[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 { border-top: 1px solid #eee; margin-top: 40px; padding-top: 30px; text-align: right; }
.form footer a { color: #ccc; cursor: pointer; margin-right: 15px; }
/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li { display: inline-block; font-weight: bold; }
.nav li a, .nav-bordered li a, .nav-spaced li a { font-weight: normal; }
.nav-bordered li + li { border-color: #eee; 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; }
/* Breadcrumbs */
.breadcrumbs {}
.breadcrumbs li {color: #ddd;display: inline-block;font-size: 13px;max-width: 450px;text-overflow: ellipsis;line-height: 40px;}
.breadcrumbs li + li:before { content: ">"; margin: 0 4px; }
.breadcrumbs li a {color: #ddd;}
.breadcrumbs li a:hover { color: #148dc1; text-decoration: none; }
ol.breadcrumbs li:first-child::before { font-family: "entypo"; content: "\2302"; }
/* 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; }
/* Metadata */
.meta, .meta-group { color: #ccc; 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 { background: #ccc; border-radius: 50%; color: #fff; display: inline-block; font-family: "entypo"; text-align: center; width: 100%; }
.share a:hover { text-decoration: none; }
.share a.share-twitter:before, .share a.share-facebook:before { background: #006544; }
.share-twitter:before { content: "\F309"; }
.share-facebook:before { content: "\F30C"; }
.share-linkedin:before { content: "\F318"; }
.share-googleplus:before { content: "\F30F"; }
/* Pagination */
.pagination { margin: 20px 0; text-align: center; }
.pagination * { display: inline-block; }
.pagination li { border: 1px solid #eee; 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 */
.content-body { word-wrap: break-word; line-height: 1.7; border-top: 1px solid #eee; margin-top: 31px; padding-top: 31px; }
.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; }
.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 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: #555; 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: #555; }
 input::-ms-clear {
 display: none;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 margin: 0;
 -webkit-appearance: none;
}

::-webkit-input-placeholder {
 color: #008c46;
}

:-ms-input-placeholder {
 color: #008c46;
}

::-moz-placeholder {
 color: #008c46;
}
 select::-ms-expand {
 display: none;
}
/* ====================================================
   Default variables
   ==================================================== */
/*
 * Overrides
 */
[role=main] .sub-nav { padding: 0; }
/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.knowledge-base, .community { display: table-cell; }
body.community-enabled .knowledge-base { float: left; width: 63%; }
.knowledge-base { width: 100%; }
.knowledge-base h4, .community h4 { margin: 0 0 5px; }
.community h4 { font-size: 16px; }
.community { width: 35%; float: right; padding-top: 76px; }
.community .recent-activity { padding: 0; width: auto; background:#fff;}
.community .recent-activity-loader:before { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff, 50%, rgba(255, 255, 255, 0) 100%);}
.community > div { margin-bottom: 20px; padding: 20px; background:#fff; border-radius: 5px; }
.community h2 { margin: 0 0 15px; font-size: 13px; text-transform: uppercase; }
.community h2 a { font-size: 12px; margin-left: 5px; }
.community h4 a { font-size: 11px; font-weight: normal; margin-left: 5px; }
.community li { margin-bottom: 10px; }
.article-list > li { margin-bottom: 10px; background:#fff;padding: 16px 30px; border-radius: 5px; font-size: 16px; }
.article-list > li > a:before { font-family: "entypo"; content: "+ "; padding-right: 10px; font-size: 1.2em; }
.article-list > li > a[aria-selected="true"]:before { content: "- "; }
.article-list > li > a:hover { text-decoration: none; }
.category > h2, .section > h2 { margin: 0 0 40px; font-size: 24px; font-weight: normal; color: #555; }
.category > h2 a, .section > h3 a { color: inherit; }
.category > h3, .section > h3 { margin: 0 0 5px; font-size: 16px; color: #555; }
.section { display: inline-block; padding: 0 0 25px 0; vertical-align: top; width: 100%; color: #555; }

.page-header { margin-bottom: 9px; }
.page-header > * { display: table-cell; vertical-align: middle; }
.page-header > *:first-child { width: 100%; }
.page-header + p { color: #bebebe; margin: -15px 0 20px 0; }
.page-header h1, h1.page-header { font-size: 32px; font-weight: 400; line-height: 42px; color: #313131; margin-top: 0; margin-bottom: 1em; }
/* Sub-nav */
.sub-nav { display: table; margin-top: 10px; margin-bottom: 40px; table-layout: fixed; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.sub-nav .breadcrumbs { overflow: hidden; white-space: nowrap; }