/* ========= Variables ================  */
/* ========= Imports ================  */
/* ==================================================== Base styles ==================================================== */
*, input[type=search] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { background-color: #f6f6f6; }

body { color: #454545; font-family: proxima-nova, "Proxima Nova", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; color: #454545; margin: 0; padding-bottom: 50px; }

/* Links */
a { color: #454545; text-decoration: none; font-family: proxima-nova, "Proxima Nova", Helvetica, Arial, sans-serif; }

a:hover { cursor: pointer; text-decoration: underline; }

/* Images */
img { max-width: 100%; vertical-align: middle; }

img[width], img[height] { max-width: none; }

figure > img { display: block; }

/* Lists */
ul, ol { list-style: none; margin: 0; padding: 0; }

/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 400; line-height: 1.1; color: inherit; }

/* Forms */
label { display: inline-block; font-size: 11px; vertical-align: middle; }

input[type=checkbox] + label { display: inline-block; margin-left: 5px; }

input, textarea { -webkit-box-shadow: 1px 1px 2px 0 rgba(69, 69, 69, 0.1); box-shadow: 1px 1px 2px 0 rgba(69, 69, 69, 0.1); padding: 6px 10px 6px 13px; font-weight: 300; border: 1px solid #dadfe1; transition: box-shadow ease-in-out .15s; }

textarea { height: 100px; padding: 7px 10px; resize: vertical; }

textarea, input[type=text] { width: 100%; }

input, textarea, select { color: #454545; }

input::-ms-clear { display: none; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }

::-webkit-input-placeholder { color: #d4d4d4; }

:-ms-input-placeholder { color: #d4d4d4; }

::-moz-placeholder { color: #d4d4d4; }

/* Buttons */
button, [role=button], [type=button], [type=submit] { background: #52AACA; border-radius: 0; border: 0; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); color: #fff; cursor: pointer; display: inline-block; font-size: 1em; font-weight: lighter; height: 37px; line-height: 37px; padding: 0 15px; position: relative; vertical-align: middle; white-space: nowrap; }

a[role=button]:hover { text-decoration: none; }

input[type=submit] { background: #52AACA; border-color: transparent; box-shadow: none; color: #FFF; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; border-radius: 0; height: 37px; line-height: 37px; padding: 0 15px; }

input[type=submit][disabled] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ opacity: 0.4; }

/* Tables */
table { border-collapse: collapse; text-align: left; width: 100%; }

td, th { border-color: #ECECEC; border-color: rgba(0, 0, 0, 0.07); border-style: solid; padding: 12px; }

th { border-width: 1px 0; color: #BBB; font-size: .8em; font-weight: normal; white-space: nowrap; }

td { border-width: 0 0 1px 0; }

h1 { color: #000; font-weight: 300; font-size: 36px; font-size: 2.25rem; }

h1.main-header { margin: 0 !important; top: 86px; text-align: center; position: relative; font-weight: 300; color: #fff; font-size: 64px; }

/* ==================================================== Helper classes ==================================================== */
/* Clearfix: contain floats */
main > .clearfix, main > .cf { margin: 0 auto; padding: 0 20px; max-width: 1140px; width: 100%; }

.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: " "; display: table; }
.clearfix:after, .cf:after { clear: both; }

.text-center { text-align: center !important; }

.right { float: right !important; }

.left { float: left !important; }

.support-center-page { width: 100% !important; max-width: 545px !important; padding: 70px 10px !important; }

.request-list-page { width: 100%; max-width: 1280px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }

/* Column size */
.main-column { float: left; width: 70%; }

.side-column { width: 30%; }

/* Dropdowns */
.dropdown-toggle:hover { text-decoration: none; }

.dropdown-toggle:after { color: #888; content: "\25BE"; display: inline-block; font-family: "entypo"; font-size: 14px; margin-left: 5px; vertical-align: middle; }

/* Visibility */
.visibility-internal-icon:before { cursor: default; content: "\1F512"; font-family: "entypo"; margin-right: 5px; }

.visibility-internal { position: relative; }

.visibility-internal:before, .visibility-internal:after { display: none; position: absolute; }

.visibility-internal:hover:before, .visibility-internal:hover:after { display: block; }

.visibility-internal:before { background: #222; background: rgba(0, 0, 0, 0.85); border-radius: 4px; color: #FFF; content: attr(data-title); text-transform: none; font-family: sans-serif; left: -10px; margin-top: 5px; padding: 3px 10px; top: 100%; white-space: nowrap; z-index: 1; }

.visibility-internal:after { border-bottom: 5px solid #222; border-bottom: 5px solid 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; }

/* ==================================================== Content frame ==================================================== */
main { margin: 80px auto 0; padding: 0; width: 100%; }

.header-inner, .footer-inner { margin: 0 auto; padding: 0 20px; width: 100%; }

/* ==================================================== Header ==================================================== */
.header { background-color: #ffffff; border-color: #e6e6e6; border-style: solid; border-width: 0 0 1px; height: 80px; position: fixed; width: 100%; z-index: 99; margin-top: -80px; }

.logo { float: left; }

.logo a { display: inline-block; line-height: 80px; }

.logo img { vertical-align: middle; max-height: 48px; }

.user-nav { float: right; margin-top: 20px; }

/* ==================================================== User nav links ==================================================== */
.user-nav > * { display: inline-block; font-size: inherit; vertical-align: middle; }

.user-info [role="button"] { background: #ededed; border-radius: 0px; color: #4a4a4a; height: auto; line-height: 40px; padding: 0 15px; font-size: 15px; border: transparent; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); }

.user-info [role="button"]:hover { border-color: #AAA; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2); }

.user-avatar { margin-right: 4px; max-height: 20px; }

.user-avatar, .user-avatar + span { display: inline-block; vertical-align: middle; }

.submit-a-request { border-left: 1px solid #ECECEC; border-left: 1px solid rgba(0, 0, 0, 0.07); margin-left: 15px; padding-left: 15px; }

.login, .user-info { margin-left: 20px; }

/* ==================================================== Search ==================================================== */
.search { position: relative; }

.search:before { color: #454545; content: "\1F50D"; font-family: "entypo"; line-height: 0; position: absolute; text-align: center; top: 50%; z-index: 1; }

.search input[type=search] { background: #FFF; border-top-color: #BFBFBF; font-weight: lighter; }

.hero-unit .search { font-size: 22px; padding: 100px 165px; position: relative; max-width: 1200px; margin: 0 auto; }

.hero-unit .search:before { width: 60px; }

.hero-unit .search input[type=search] { height: 60px; padding: 16px 12px 16px 55px; width: 100%; }

.hero-unit .search input[type=text] { height: 60px; padding: 16px 12px 16px 55px; width: 100%; }

.hero-unit .search input[type=submit] { display: none; }

.sub-nav .search { float: right; }

.sub-nav .search:before { font-size: 1em; width: 35px; }

.sub-nav .search input[type=search] { padding: 6px 10px 6px 35px; height: 37px; width: 270px; -webkit-box-shadow: 1px 1px 2px 0 rgba(69, 69, 69, 0.1); box-shadow: 1px 1px 2px 0 rgba(69, 69, 69, 0.1); font-weight: 300; border: 1px solid #dadfe1; font-size: 16px; line-height: 1.42857; color: #454545; background-color: #fff; background-image: none; border-radius: 0; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: box-shadow ease-in-out .15s; }

.sub-nav .search input[type=text] { padding: 6px 10px 6px 35px; height: 30px; width: 270px; }

.sub-nav .search input[type=submit] { display: none; }

/* ==================================================== Navigation Pages ==================================================== */
body.community-enabled .knowledge-base { float: left; width: 620px; }

body.community-enabled .community { float: right; width: 270px; }

.community { background: none; border-radius: 0; /*padding: 25px 20px;
margin-top: 65px;*/ margin-bottom: 30px; }

.community h2, .community h3, .section h3 { font-weight: 300; font-size: 24px; font-size: 1.5rem; }

.community h4 { font-size: 15px; margin-top: 0; }

.community h4 a { font-size: 11px; font-weight: normal; margin-left: 5px; }

.community h3 { margin-top: 0; font-size: 1.45em; line-height: 1.9em; margin-bottom: 0; font-weight: 400; }

.community .trending-questions + h4 { margin-top: 50px; }

.article-list li, .community li { margin-bottom: 10px; }

.article-list li a { font-weight: 300; color: #454545; }

.category h2 { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); font-size: 15px; margin: 25px 0; padding-bottom: 18px; text-transform: uppercase; }

.category h2 a, .section h3 a { color: inherit; }

.category-empty, .section { display: inline-block; padding: 0 50px 30px 0; vertical-align: top; width: 49.5%; }

.see-all-articles { display: inline-block; font-size: 12px; margin-top: 10px; text-decoration: underline; }

.category-description, .section-description { color: #bbb; margin-bottom: 50px; margin-top: -15px; }

.section-subscribe, .section-unsubscribe { float: right; font-weight: lighter; }

.category-list a, .section-list a { color: inherit; display: inline-block; font-size: 18px; margin-bottom: 10px; }

/* ==================================================== Promoted tooltip ==================================================== */
.article-promoted span { cursor: default; font-family: "entypo"; margin-right: 5px; 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: #222; background: rgba(0, 0, 0, 0.85); border-radius: 0; color: #FFF; content: attr(data-title); font-family: sans-serif; left: -10px; margin-top: 5px; padding: 3px 10px; top: 100%; white-space: nowrap; z-index: 1; }

.article-promoted span:after { border-bottom: 5px solid #222; border-bottom: 5px solid 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; }

/* ==================================================== Sub nav ==================================================== */
.sub-nav { border-bottom: 1px solid #e6e6e6; margin-bottom: 0; padding: 25px 0 !important; }

.sub-nav .breadcrumbs { float: left; margin-top: 7px; }

.sub-nav-far { margin-bottom: 50px; }

/* ==================================================== Breadcrumbs ==================================================== */
.breadcrumbs li { display: inline-block; white-space: nowrap; }

.breadcrumbs li + li:before { color: #454545; content: "> "; }

/* ==================================================== Article ==================================================== */
/* Header */
.article-header { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 35px; padding-bottom: 15px; }

.article-header h1 { margin-bottom: 20px; }

.article-author { color: #333; font-weight: normal; margin-top: 2px; }

.article-metadata { float: left; padding-left: 55px; position: relative; }

.article-avatar { left: 0; position: absolute; top: 0; }

.article-avatar img { max-height: 38px; max-width: 38px; }

.article-updated { color: #bbb; font-size: 12px; margin-bottom: 5px; margin-top: 0px; }

.article-subscribe, .article-unsubscribe { float: right; margin-top: 3px; }

/* Sidebar */
.article-sidebar { margin-top: 88px; }

.article-sidebar h3 { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 30px; padding-bottom: 15px; }

.article-sidebar ul { margin-bottom: 60px; }

.recent-articles li, .related-articles li { margin-bottom: 10px; }

/* Body */
.article-body { line-height: 1.7; font-size: 1em; word-wrap: break-word; }

.article-body img { border: 1px solid #ECECEC; border: 1px solid rgba(0, 0, 0, 0.07); height: auto; max-width: 100%; padding: 3px; }

.article-body pre { background: #f6f6f6; background: rgba(0, 0, 0, 0.02); border: 1px solid #ECECEC; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 0; padding: 10px 15px; overflow: auto; white-space: pre; }

.article-body blockquote { border-left: 1px solid #ECECEC; border-left: 1px solid rgba(0, 0, 0, 0.07); color: #bbb; font-style: italic; margin: 20px 0; padding-left: 20px; }

.article-body ul, .article-body ol { margin: 20px 0 20px 20px; list-style-position: outside; }

.article-body li > ul, .article-body li > ol { margin: 0 0 0 20px; }

.article-body ul { list-style-type: disc; }

.article-body ol { list-style-type: decimal; }

.article-body li { margin-left: 20px; }

/* Footer */
.footer { font-weight: 300; display: block; -webkit-box-shadow: 0 300px 0 300px #fff; box-shadow: 0 300px 0 300px #fff; padding: 87px 0 30px; margin-top: 50px; background: #fff; }

.footer .footer-inner .row-disclosure { margin: 0 auto; max-width: 1080px; width: 100%; color: #838484; font-size: 12px; line-height: 1.2em; }

.article-footer { border-color: #ECECEC; border-color: rgba(0, 0, 0, 0.07); border-style: solid; border-width: 1px 0; margin: 8em 0 3em; padding: 20px 0; }

.article-footer .article-vote { float: left; }

.article-footer .share { float: right; margin-top: 4px; }

/* Vote */
.article-vote { position: relative; }

.article-vote small { color: #bbb; display: block; }

.article-vote a:hover { text-decoration: none; }

.article-vote-controls { position: absolute; right: -85px; top: 0; margin-top: 4px; }

/* Vote icons */
.article-vote-up, .article-vote-down { color: #ffffff; font-family: "entypo"; height: 30px; line-height: 30px; padding: 0 10px; }

.article-vote-up:before { content: "\1f44d"; }

.article-vote-down:before { content: "\1f44e"; }

.article-voted { box-shadow: inset 1px 1px 5px #DDDDDD; opacity: 1; }

.article-vote-up.article-voted { color: #6B9100; }

.article-comments h2 { font-size: 17px; margin-top: 50px; }

.article-avatar img { border-radius: 50%; }

/* ==================================================== Social share links ==================================================== */
.share li { display: inline-block; }

.share a { display: inline-block; height: 30px; line-height: 30px; overflow: hidden; vertical-align: middle; width: 30px; }

.share a:before { display: inline-block; color: #FFF; font-family: "entypo"; text-align: center; width: 100%; }

.share a:hover { text-decoration: none; }

.share-twitter:before { background: #00ACED; content: "\F309"; }

.share-facebook:before { background: #3B5998; content: "\F30C"; }

.share-linkedin:before { background: #4875B4; content: "\F318"; }

.share-googleplus:before { background: #CD3C2A; content: "\F30F"; }

.share-label { cursor: pointer; }

.share-label + .share { background: #FFF; border: 1px solid #DDDDDD; border: 1px solid rgba(0, 0, 0, 0.17); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); left: 50%; line-height: 70px; margin: 10px 0 0 -75px; position: absolute; text-align: center; top: 100%; white-space: nowrap; width: 175px; z-index: 1; }

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

/* ==================================================== Attachments/Screencasts ==================================================== */
.attachment-list, .screencast-list { font-size: 11px; }

.attachment-list span, .screencast-list span { color: #bbb; }

.comment .attachment-list, .comment .screencast-list { margin-top: 25px; }

.comment .attachment-list li, .comment .screencast-list li { margin-bottom: 10px; }

.comment .attachment-list li:before, .comment .screencast-list li:before { background: #f6f6f6; border-radius: 3px; color: #bbb; font-family: "entypo"; margin-right: 5px; padding: 5px; }

.comment .attachment-list li:before { content: "\1F4CE"; }

.comment .screencast-list li:before { content: "\1F4BB"; }

/* ==================================================== Comments - Used in the Article page and Request page ==================================================== */
.comment, .comment-form { border-top: 1px solid #ECECEC; border-top: 1px solid rgba(0, 0, 0, 0.07); font-size: inherit; line-height: 1.3; min-height: 100px; padding: 20px 0; position: relative; }

.comment-container { margin-left: 85px; }

.comment-avatar { position: absolute; display: inline-block; }

.comment-avatar img { border: 1px solid #e6e6e6; border-radius: 3px; max-width: 65px; max-height: 65px; }

.comment-avatar-agent:after { background-color: transparent; background-image: url("/hc/theming_assets/01HZH34WKSED6QPJQ69EZEMQ95"); background-image: url("/hc/theming_assets/01HZH34WWBM67YD9F3G066E9ZQ"); background-repeat: no-repeat; background-size: 14px; position: absolute; width: 15px; height: 15px; bottom: -5px; right: -3px; content: " "; }

.comment-author { display: inline-block; font-size: 12px; margin: 0 0 15px 0; }

.comment-published, .comment-edit, .comment-delete, .comment-mark-as-spam { float: right; font-size: 11px; margin-right: 12px; margin-left: 12px; }

.comment-published { color: #bbb; font-weight: lighter; }

.comment-edit:before, .comment-delete:before, .comment-mark-as-spam:before { color: #CCC; content: "\2022"; font-size: 10px; margin-left: -14px; pointer-events: none; position: absolute; }

.comment-body { font-weight: lighter; line-height: 1.7; word-wrap: break-word; }

.comment-body p:first-child { margin-top: 0px; }

.comment-form textarea { border-radius: 2px 2px 0 0; border-width: 1px; }

.comment-attachments { border-color: #DDDDDD; border-color: rgba(0, 0, 0, 0.13); border-style: solid; border-radius: 0 0 2px 2px; border-width: 0 1px 1px; padding: 10px; }

.comment-form { padding-top: 30px; }

.comment-form-controls { display: none; margin-top: 10px; text-align: right; }

.comment-form-controls input[type=submit] { margin-left: 15px; }

.comment-mark-as-solved { float: left; margin-top: 5px; }

.comment-screencasts { float: left; margin-top: 5px; margin-right: 25px; }

.comment-list + .pagination { border-top: 1px solid #ECECEC; border-top: 1px solid rgba(0, 0, 0, 0.07); }

.pending-comments-list { list-style: none; }

.pending-moderation-comment-badge { border-style: solid; border-width: 1px; border-color: #c7aa2b; color: #c7aa2b; padding: 3px 5px; margin-top: 10px; font-size: 12px; }

/* ========================================================================== Pagination ========================================================================== */
.pagination { line-height: 0; padding: 20px 0; text-align: center; }

.pagination ul { display: inline-block; list-style: none; }

.pagination li { float: left; border: 1px solid #ECECEC; border: 1px solid rgba(0, 0, 0, 0.07); }

.pagination li + li { border-left: none; }

.pagination a, .pagination span { display: inline-block; line-height: 20px; font-size: 12px; padding: 5px 12px; }

.pagination-current { background-color: #f6f6f6; background-color: rgba(0, 0, 0, 0.03); color: #AAA; }

.pagination-first { border-radius: 3px 0 0 3px; }

.pagination-last { border-radius: 0 3px 3px 0; }

/* ==================================================== My activities ==================================================== */
.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before { display: none; }

.my-activities-header { font-size: 20px; font-weight: normal; padding: 25px 0; }

.my-activities-nav { border-top: 1px solid #ECECEC; border-top: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 55px; padding: 25px 0; }

.my-activities-nav li { padding-right: 30px; }

.my-activities-sub-nav li { padding-right: 15px; }

.my-activities-nav li, .my-activities-sub-nav li { display: inline-block; font-weight: normal; }

.my-activities-nav li a, .my-activities-sub-nav li a { font-weight: normal; }

.my-activities-nav li + li { border-left: 1px solid #ECECEC; border-left: 1px solid rgba(0, 0, 0, 0.07); padding-left: 30px; }

.my-activities-sub-nav li + li { padding-left: 15px; }

.my-activities-sub-nav { padding: 15px 0; position: relative; }

.request-table-toolbar { background-color: #FAFAFA; padding: 8px; text-align: right; }

.status-selection, .organization-selection { display: inline-block; }

.status-selection > span, .organization-selection > span { margin-right: 10px; }

.status-selection button, .organization-selection button { background: #FFF; border-radius: 0; color: inherit; height: 27px; line-height: 25px; min-width: 85px; text-align: left; }

.status-selection button:after, .organization-selection button:after { color: #adadad; float: right; margin-left: 15px; }

.organization-selection button { margin-right: 15px; }

.requests-search { border-radius: 15px; float: left; height: 27px; outline: none; padding: 5px 15px; width: 250px; }

.my-activities-table a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.my-requests th:first-child + th + th, .my-requests td:first-child + td + td { display: none; }

.request-table a { max-width: 550px; }

.following-table a { max-width: 390px; }

.contribution-table a { max-width: 250px; }

.request-table td:nth-child(1) { width: 5%; }

.request-table td:nth-child(2) { width: 65%; }

.request-table td:nth-child(3) { width: 15%; }

.request-table td:nth-child(4) { width: 15%; }

.following-table td:nth-child(1) { width: 45%; }

.following-table td:nth-child(2) { width: 15%; }

.following-table td:nth-child(3) { width: 30%; }

.following-table td:nth-child(4) { width: 10%; }

/* ==================================================== Requests ==================================================== */
.request-follow-up { text-align: right; }

.follow-up-hint { display: inline-block; float: right; font-size: 1em; margin-top: 13px; }

.request-details { background: #f6f6f6; background: rgba(0, 0, 0, 0.02); border: 1px solid #ECECEC; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 3px; margin: 30px 0 30px; padding: 15px 20px; }

.request-details li + li { margin-top: 10px; }

.request-header { font-weight: lighter; font-size: 1.7em; margin: 1em 0; }

.request-id { color: #bbb; display: block; font-size: 15px; }

.request-details { font-size: 12px; }

.request-details dt ~ dt { font-weight: bold; margin-top: 15px; }

.request-details dd { margin: 2px 0 0; }

.request-details dd ul { margin: 10px 0; }

.request-details dd li { list-style-type: disc; list-style-position: inside; margin: 0; }

.request-details .nested-field-tag:before { content: " > "; }

.request-details .nested-field-tag:first-child:before { content: ""; }

.request-status { color: #FFF; border-radius: 3px; display: inline-block; font-size: 11px; font-weight: normal; letter-spacing: 1px; padding: 2px 5px; white-space: nowrap; }

.request-open { background: #59BBE0; }

.request-answered { background: #F5CA00; }

.request-solved { background: #828282; }

/* ==================================================== Search results ==================================================== */
body.community-enabled .search-results-column { float: left; width: 450px; }

body.community-enabled .search-results-column ~ .search-results-column { margin-left: 40px; }

.search-results-subheading { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding-bottom: 10px; margin-bottom: 0; }

.search-results-subheading-link { font-size: 1em; font-weight: normal; margin-left: 5px; }

.search-result { margin: 0; padding: 20px 0; }

.search-result + .search-result { border-top: 1px solid #ECECEC; border-top: 1px solid rgba(0, 0, 0, 0.07); }

.search-results-list { margin: 0; }

.search-result-link { font-size: 16px; }

.search-result-description, .search-result-meta { padding-top: 16px; }

.search-result-meta-name, .search-result-meta-time, .search-result-meta-count { font-size: 12px; color: #bbb; }

.search-result-meta-time:before, .search-result-meta-count:before { display: inline-block; padding-right: 5px; content: '\2022'; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.search-result-votes { background: #A8D119; border-radius: 2px; color: #FFF; display: inline-block; line-height: 1; margin-left: 5px; padding: 4px 5px; position: relative; top: -2px; }

.search-result-votes:before { content: "\1F44D"; font-family: "entypo"; margin-right: 3px; }

.search-results + .pagination { border-top: 1px solid #ECECEC; border-top: 1px solid rgba(0, 0, 0, 0.07); }

/* ==================================================== Forms ==================================================== */
.form { /*background: #f6f6f6;
background: rgba(0, 0, 0, 0.02);
border: 1px solid #ECECEC;
border: 1px solid rgba(0, 0, 0, 0.07);
border-radius: 3px;*/ overflow: hidden; padding: 10px 0; }

.support-center-page input[type=submit] { background-color: #52AACA; border-color: #52AACA; width: 100%; box-shadow: none; height: 37px; line-height: 37px; font-size: 18px; border-radius: 0; }

:focus { outline-style: none; outline-width: 0; outline-color: #000; }

.form-field + .form-field { margin-top: 25px; }

.form-field label { display: block; height: 16px; font-size: 11px; color: #333; padding-left: 3px; }

.form-field:focus label { color: #52AACA; }

.form-field input[type=checkbox] + label { margin: 0 0 0 10px; }

.form-field.required > label:after { content: "*"; color: red; margin-left: 2px; }

.form-field input { height: 40px; }

.form-field textarea, .form-field input { -webkit-box-shadow: 1px 1px 2px 0 rgba(69, 69, 69, 0.1); box-shadow: 1px 1px 2px 0 rgba(69, 69, 69, 0.1); padding: 6px 10px 6px 13px; font-weight: 300; border: 1px solid #dadfe1; padding: 6px 10px; font-size: 16px; line-height: 1.42857; color: #454545; background-color: #fff; background-image: none; border-radius: 0; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: box-shadow ease-in-out .15s; }

.form-field textarea:focus, .form-field input:focus { border-left: 4px solid #52AACA; border-top: 1px solid #52AACA; border-bottom: 1px solid #52AACA; border-right: 1px solid #52AACA; -webkit-box-shadow: none; box-shadow: none; }

.form-field p { color: #BEBEBE; font-size: 11px; }

.form-field input[type=number], .form-field input.datepicker { width: 150px; }

.form form + form, .searchbox { margin-top: 25px; }

.searchbox-suggestions { border-radius: 4px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); border: solid 1px #ccc; padding: 10px 20px; max-height: 200px; }

.searchbox-suggestions li { padding: 5px 0; }

[data-loading="true"] input, [data-loading="true"] textarea { background: transparent url("/hc/theming_assets/01HZH34X5XR1WBBTSAVQTP7J2M") 99% 50% no-repeat; background-size: 16px 16px; }

.form footer { /*border-top: 1px solid #ECECEC;
border-top: 1px solid rgba(0, 0, 0, 0.07);
margin-top: 40px;*/ padding-top: 25px; /* text-align: right;*/ }

.form footer a { color: #CCC; cursor: pointer; margin-right: 15px; }

/* ==================================================== Error pages ==================================================== */
.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; }

/* ==================================================== Community ==================================================== */
/* Heading */
.community-heading { float: left; font-size: 18px; font-weight: bold; margin: 0; }

html[dir=rtl] .community-heading { float: right; margin-left: 10px; }

/* Nav */
.community-nav { border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-top: 0; margin-bottom: 55px; margin-top: 0; padding: 25px 0; }

.community-nav li { display: inline-block; font-weight: bold; padding-right: 30px; }

.community-nav li a { font-weight: normal; }

.community-nav li + li { border-left: 1px solid #ECECEC; border-left: 1px solid rgba(0, 0, 0, 0.07); padding-left: 30px; }

.community-nav li:last-child { border: 0; float: right; margin: 0; padding: 0; position: relative; top: -5px; }

.community-nav li:last-child a { color: #158EC2; }

.community-nav li:last-child a:before { content: "\270E"; font-family: "entypo"; font-size: 14px; margin-right: 10px; vertical-align: middle; }

/* Sub nav */
.community-sub-nav { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 15px 0; position: relative; }

.community-sub-nav li { display: inline-block; font-weight: bold; padding-right: 15px; }

.community-sub-nav li a { font-weight: normal; }

.community-sub-nav li + li { padding-left: 15px; }

.community-sub-nav .topic-add { position: absolute; right: 0; top: 10px; }

/* Topics/questions/answers */
.topic { display: inline-block; width: 49.5%; padding: 20px 30px 20px 0; vertical-align: top; }

.topic-header, .question-header { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); display: table; padding-bottom: 10px; }

.topic-header > *, .question-header > * { display: table-cell; vertical-align: middle; }

.topic-header .topic-meta, .question-header .question-meta { padding: 0 15px; white-space: nowrap; }

.topic-heading, .question-heading, .answer-list-heading { font-weight: normal; font-size: 1em; width: 100%; }

.topic-heading { font-size: 18px; }

.topic-questions { margin-top: 45px; }

.topic-description { word-break: break-word; }

.question, .answer { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 20px 0; position: relative; }

.question-form .nesty-input { max-width: none; }

.question-avatar, .answer-avatar { display: table-cell; margin-right: 10px; min-width: 50px; position: relative; vertical-align: top; }

.question-avatar-agent:after, .answer-avatar-agent:after { background-color: transparent; background-image: url("/hc/theming_assets/01HZH34WKSED6QPJQ69EZEMQ95"); background-image: url("/hc/theming_assets/01HZH34WWBM67YD9F3G066E9ZQ"); background-repeat: no-repeat; background-size: 14px; position: absolute; width: 15px; height: 15px; left: 30px; top: 30px; content: " "; }

.question-avatar img, .answer-avatar img { border-radius: 3px; max-height: 38px; max-width: 38px; }

.question-body, .answer-body, .answer-official-body { display: table-cell; vertical-align: top; width: 100%; }

.question-body .answer-official-body { vertical-align: top; width: 100%; }

.question-body p, .answer-body p, .answer-official-body p { margin: 0 0 5px; }

.question-body .question-meta, .answer-body .answer-meta, .answer-official-body .answer-meta { float: left; }

.question .answer { border: none; padding-bottom: 0; }

.question-topic-list { margin: -20px 0 30px; }

.question-topic-list li { display: inline-block; margin: 10px 10px 0 0; }

.question-topic-list a { background: #f6f6f6; background: rgba(0, 0, 0, 0.02); border-radius: 5px; color: #C5C5C5; display: inline-block; font-size: 11px; padding: 7px 15px; }

.question-title, .topic-title { margin: -3px 0 5px; font-size: 15px; }

.question-title a, .topic-title a { font-weight: lighter; }

.question-meta, .answer-meta, .topic-meta { color: #C5C5C5; font-size: 11px; }

.topic-meta span + span:before, .question-meta span + span:before, .answer-meta span + span:before { content: "\2022"; font-size: 10px; margin: 0 10px; }

.answer-form { margin: 30px 0 0 95px; }

.answer-form-controls { display: none; margin-top: 10px; text-align: right; }

.answer-form-controls input[type=submit] { margin-left: 15px; }

.answer-form-controls .pull-left { float: left; }

.answer-official-heading { font-size: 1em; font-weight: normal; line-height: 1; margin: 0 0 20px; border-bottom: 0px; }

.answer-list-heading { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-top: 30px; padding-bottom: 20px; }

.pending-moderation-answer-badge { clear: both; border-style: solid; border-width: 1px; border-color: #c7aa2b; color: #c7aa2b; padding: 3px 5px; float: left; margin-top: 10px; font-size: 12px; }

.question-share, .answer-share { position: relative; }

.related-questions-header { border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

.related-questions-heading { margin-top: 3px; }

.related-questions li { margin-top: 10px; margin-bottom: 10px; }

/* Vote */
.vote { display: table-cell; margin-left: 15px; margin-right: 10px; min-width: 95px; vertical-align: top; }

.vote-sum, .vote-controls { display: inline-block; vertical-align: middle; }

.vote-sum { font-size: 15px; font-weight: normal; min-width: 60px; padding-left: 10px; text-align: center; }

.vote-controls { border-radius: 5px; }

.vote-controls a { background: #FFF; border-color: #f6f6f6; box-shadow: none; color: #BBB; display: block; font-family: "entypo"; font-size: 1em; height: 18px; line-height: 18px; padding: 0 6px; }

.vote-up { border-radius: 5px 5px 0 0; }

.vote-down { border-radius: 0 0 5px 5px; border-top: 0; }

.vote-up:before { content: "\E763"; }

.vote-down:before { content: "\E760"; }

.vote-controls:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }

.vote-controls:hover a { background: #FFF; border-color: #A6A6A6; color: #BBB; }

.vote-controls a:hover, .vote-controls [aria-selected=true] { background: #f6f6f6; color: #333; }

.vote-controls a:active { background: #CCC; color: #111; }

/* Accept */
.answer-accept { color: #BBB; font-size: 15px; max-width: 15px; overflow: hidden; padding-top: 7px; position: absolute; white-space: nowrap; }

.answer-accept:hover { text-decoration: none; }

.answer-accept:before { content: "\2713"; font-family: "entypo"; margin-right: 5px; }

.answer-accepted .answer-accept, .answer-accepted .vote-sum { color: green; }

/* Admin controls */
.topic-controls, .question-controls, .answer-controls { float: right; font-size: 11px; }

.topic-edit, .question-delete, .question-mark-as-spam, .answer-delete, .answer-mark-as-spam { margin-left: 25px; }

.topic-edit:before, .question-delete:before, .question-mark-as-spam:before, .answer-delete:before, .answer-mark-as-spam:before { color: #CCC; content: "\2022"; font-size: 10px; margin-left: -16px; pointer-events: none; position: absolute; }

/* ==================================================== Chat ==================================================== */
.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); font-size: 1em; 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: gray; cursor: default !important; bottom: -50px; }

/* ==================================================== Parsed markdown ==================================================== */
.markdown { word-wrap: break-word; }

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 { padding: 0; margin: 0 0 10px 0; font-weight: normal; line-height: 13px; font-size: 1em; }

.markdown img { display: block; border: 1px solid #ECECEC; border: 1px solid rgba(0, 0, 0, 0.07); height: auto; max-width: 100%; padding: 3px; margin-bottom: 10px; }

.markdown p { margin-bottom: 10px; }

.markdown ul, .markdown ol { list-style-position: inside; margin: 0 0 10px 10px; }

.markdown ul { list-style-type: disc; }

.markdown ol { list-style-type: decimal; }

.markdown li > ul, .markdown li > ol { margin: 0 0 0 10px; }

.markdown pre { background: #f6f6f6; background: rgba(0, 0, 0, 0.02); border: 1px solid #ECECEC; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; margin-bottom: 10px; }

.markdown blockquote { border-left: 1px solid #ECECEC; border-left: 1px solid rgba(0, 0, 0, 0.07); color: #bbb; font-style: italic; padding-left: 10px; margin: 0 0 10px 0; }

.markdown hr { margin-bottom: 10px; height: 2px; background-color: #ECECEC; }

/* ==================================================== Right to left ==================================================== */
html[dir=rtl] .main-column { float: right; }

html[dir=rtl] .side-column { float: left; }

html[dir=rtl] .dropdown-toggle:after { margin-left: auto; margin-right: 5px; }

html[dir=rtl] .logo { float: right; }

html[dir=rtl] .user-nav { float: left; }

html[dir=rtl] .user-nav > a { border-left: 0; border-right: 1px solid #ECECEC; border-right: 1px solid rgba(0, 0, 0, 0.07); margin-left: auto; margin-right: 15px; padding-left: 0; padding-right: 15px; }

html[dir=rtl] .user-nav > .login { margin-right: 20px; padding: 0 10px; }

html[dir=rtl] .user-info { margin-left: auto; margin-right: 30px; }

html[dir=rtl] .user-avatar { margin-right: -4px; margin-left: 4px; }

html[dir=rtl] .search input[type=search] { padding: 0 55px 0 12px; }

html[dir=rtl] .search input[type=text] { padding: 0 55px 0 12px; }

html[dir=rtl] .search-small { float: left; }

html[dir=rtl] .search-small input[type=search] { padding: 6px 35px 6px 10px; }

html[dir=rtl] .search-small input[type=text] { padding: 6px 35px 6px 10px; }

html[dir=rtl] .knowledge-base h4:before, html[dir=rtl] .community h4:before { margin-left: 10px; }

html[dir=rtl] .category-empty, html[dir=rtl] .section { padding: 0 0 30px 50px; }

html[dir=rtl] .section-subscribe, html[dir=rtl] .section-unsubscribe { float: left; }

html[dir=rtl] .sub-nav .breadcrumbs { float: right; }

html[dir=rtl] .article-author { position: relative; left: -30%; }

html[dir=rtl] .article-metadata { float: right; }

html[dir=rtl] .article-avatar { left: inherit; }

html[dir=rtl] .article-updated { position: relative; left: -30%; }

html[dir=rtl] .article-subscribe, html[dir=rtl] .article-unsubscribe { float: left; }

html[dir=rtl] .article-footer .share { float: left; }

html[dir=rtl] .article-vote { float: right; left: -85px; }

html[dir=rtl] .comment-container { margin-right: 85px; margin-left: auto; }

html[dir=rtl] .comment-avatar { right: 0; }

html[dir=rtl] .comment-published, html[dir=rtl] .comment-delete { float: left; }

html[dir=rtl] .my-activities-nav li { display: inline-block; padding-left: 30px; padding-right: 0; }

html[dir=rtl] .my-activities-nav li + li { border-left: none; border-right: 1px solid #ECECEC; border-right: 1px solid rgba(0, 0, 0, 0.07); padding-right: 30px; }

html[dir=rtl] .requests-table, html[dir=rtl] .contribution-table { text-align: right; }

html[dir=rtl] .subscription-options { float: left; }

html[dir=rtl] .chat { left: 85px; right: auto; }

html[dir=rtl] .community-nav li { display: inline-block; padding-left: 30px; padding-right: auto; }

html[dir=rtl] .community-nav li + li { border-left: 0; border-right: 1px solid #ECECEC; border-right: 1px solid rgba(0, 0, 0, 0.07); padding-left: 30px; padding-right: auto; }

html[dir=rtl] .community-nav li:last-child { border: 0; float: left; padding: 0; }

html[dir=rtl] .community-nav li:last-child a:before { margin-left: 10px; margin-right: auto; }

html[dir=rtl] .question-avatar, html[dir=rtl] .answer-avatar { float: right; margin-left: 10px; margin-right: auto; }

html[dir=rtl] .question-body .question-meta, html[dir=rtl] .answer-body .answer-meta { float: right; }

html[dir=rtl] .vote { float: right; margin-left: 10px; margin-right: 15px; }

a.dropdown-toggle { font-size: 15px; }

#user #user-dropdown, .dropdown-menu { background: #FFF; border: 1px solid #ededed; border-radius: 0; box-shadow: none; font-size: 15px; font-style: normal; font-weight: 300; }

/* ----------- Overwrites -------------- */
.notification { position: absolute; z-index: 10; }

.hero-unit { background: #0f48a3 url(//assets.aspiration.com/images/static/support-center.jpg) 50% 50% no-repeat; background-size: cover; height: 430px; width: 100%; padding-top: 2em; margin-bottom: 3em; }

.blocks { display: block; text-align: center; }
.blocks .block { float: left; list-style: none; padding: 2%; display: block; text-align: center; background: #fff; border: 1px solid #d4d4d4; position: relative; background-repeat: no-repeat; background-position: 50% 50px; }
.blocks .block.block--3 { width: 30.33%; margin: 0 1.5% 3%; float: none; display: inline-block; vertical-align: top;}
.blocks .block.block__icon { padding-top: 96px; padding-top: 6rem; }
.blocks .block.block__icon.block__icon--phone { background-image: url(//assets.aspiration.com/images/icons/phone-black@2x.png); background-size: 30px 31px; }
.blocks .block.block__icon.block__icon--livechat { background-image: url(//assets.aspiration.com/images/icons/livechat-black@2x.png); background-size: 30px 27px; }
.blocks .block.block__icon.block__icon--email { background-image: url(//assets.aspiration.com/images/icons/email-black@2x.png); background-size: 32px 20px; }
.blocks .block.block__icon.block__icon--twitter { background-image: url(//assets.aspiration.com/images/icons/twitter-black@2x.png); background-size: 30px 27px; }
.blocks .block a { display: inline-block; }

.knowledge-base > h2 { font-size: 36px; font-size: 2.25rem; }
.knowledge-base .block p { min-height: 72px; min-height: 4.5rem; }

.calls-to-action > h3 { font-size: 36px; font-size: 2.25rem; }
.calls-to-action > h4 { font-size: 24px; font-size: 1.5rem; margin-bottom: 42px; margin-bottom: 2.625rem; }
.calls-to-action .blocks h4 { font-size: 20px; font-size: 1.25rem; font-weight: 300; }
.calls-to-action .blocks .block__text { min-height: 64px; min-height: 4rem; }
.calls-to-action .info .info__content { font-weight: 400; }
.calls-to-action .info .info__fineprint { font-size: 10px; font-size: 0.625rem; line-height: 1.4; }

.sidebar-nav { min-width: 320px; padding-right: 50px; min-height: 20px; }

.nav-tree { margin: 2em 0; }
.nav-tree a { display: inline-block; margin-bottom: 12px; margin-bottom: 0.75rem; }
.nav-tree ul { display: none; }
.nav-tree ul.categories-list { display: block; }
.nav-tree li.active > ul { display: block; }
.nav-tree .categories-list { margin-bottom: 42px; margin-bottom: 2.625rem; }
.nav-tree .categories-list .category-item > a { font-size: 24px; font-size: 1.5rem; font-weight: 400; }
.nav-tree .sections-list .section-item > a { font-size: 20px; font-size: 1.25rem; }
.nav-tree .articles-list .article-item.active a { cursor: default; color: #1165bf; font-weight: 700; text-decoration: none; }