@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: #FFFFFF;
}

body {
  color: #03183C;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.5;
  margin: 0;
  padding-bottom: 50px;
}

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

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

figure > img {
  display: block;
}

a {
  color: #FFFFFF;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

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

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, label {
  display: inline-block;
  vertical-align: middle;
}

label {
  font-size: 12px;
}

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

input, textarea {
  border: 1px solid #DDD;
  border-radius: 2px;
  padding: 10px;
}

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

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

input, textarea, select {
  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: #CCC;
}

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

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

/* Buttons */
button, [role=button], [type=button], [type=submit] {
  border-radius: 4px;
  border: 1px solid #DDD;
  color: #FFFFFF;
  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: 0.4;
}

button img, [role=button] img {
  border-radius: 4px;
  margin: 0 5px 0 0;
  height: 18px;
  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: 505px;
}

.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: red;
  margin-left: 2px;
}

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

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

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

.searchbox {
  margin: 25px 0px;
}

.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/theming_assets/01KRXC0R81TCN2QVFJDY049WWB") 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 li {
  color: #BEBEBE;
  display: inline-block;
  font-size: 12px;
}
.breadcrumbs li + li:before {
  content: ">";
  margin: 0 4px;
}
.breadcrumbs li a {
  color: #03183C;
}

/* Labels */
.label, .request-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-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;
}

/* Markdown styles */
.markdown {
  word-wrap: break-word;
  line-height: 1.7;
}
.markdown img {
  max-width: 100%;
}
.markdown hr {
  background-color: #EEE;
  border: 0;
  height: 1px;
}
.markdown ul, .markdown ol {
  list-style-position: inside;
  padding: 0 15px;
}
.markdown ul {
  list-style-type: disc;
}
.markdown ol {
  list-style-type: decimal;
}
.markdown ol ul, .markdown ul ul {
  list-style-type: circle;
}
.markdown ol ol ul,
.markdown ol ul ul,
.markdown ul ol ul,
.markdown ul ul ul {
  list-style-type: square;
}
.markdown pre {
  background: #f9f9f9;
  border: 1px solid #EEE;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.markdown blockquote {
  border-left: 1px solid #EEE;
  color: #BEBEBE;
  font-style: italic;
  padding: 0 15px;
}

/* ====================================================
   Content frame
   ==================================================== */
main, .header-inner, .footer-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1152px;
}


@media all and (max-width: 1152px) {
  main, .header-inner, .footer-inner {
		padding: 0 16px;
	}
}


main {
  padding-top: 40px;
  padding-bottom: 100px;
}

.sub-nav .search-small {
  display: none !important;
}

/* Columns */
.main-column, .side-column {
  display: inline-block;
  vertical-align: top;
}

.main-column {
  width: 620px;
}

.side-column {
  width: 270px;
  margin-left: 45px;
}
[dir=rtl] .side-column {
  margin-left: 0;
  margin-right: 45px;
}

/* ====================================================
   Header
   ==================================================== */
.header {
  background: #00358E;
  height: 180px;
}

.header-inner {
  position: relative;
  text-align: center;
}

.logo {
  line-height: 180px;
}

.logo img {
  max-height: 100px;
}

.user-info:first-child {
  margin-left: 0;
}

.user-nav {
  background: #3e3e3e;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 3px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 20px;
}

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

.user-info [role="button"], .login {
  background: #fff;
  background: linear-gradient(to bottom, #fff 0%, #f4f4f4 50%, #ededed 100%);
  border-bottom-color: #C0C0C0;
  border-radius: 3px;
  box-shadow: inset 0 -1px #DDD;
  color: #444;
  height: auto;
  line-height: 1;
  padding: 4px 10px 4px 4px;
  margin-left: 30px;
}

.login {
  padding: 7px 10px 8px;
}

.language-selector {
  margin-left: 20px;
}

.submit-a-request {
  margin-left: 15px;
}

/* ====================================================
   Search
   ==================================================== */
.search-unit {
  background: #EDF4FF;
  padding: 40px;
  text-align: center;
}

.search {
  display: inline-block;
  position: relative;
}

.search:after {
  color: #555;
  content: "\1F50D";
  font-family: "entypo";
  font-size: 30px;
  line-height: 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  z-index: 1;
}
[dir=rtl] .search:after {
  left: 20px;
  right: auto;
}

.search input {
  line-height: 1.2em;
  border-color: #d9d9d9;
  border-radius: 5px;
  height: 45px;
  font-size: 16px;
  padding: 0 20px;
  width: 620px;
}

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

.sub-nav .search {
  display: none;
}

/* ====================================================
   Navigation pages
   ==================================================== */
.category-list a {
  background: #EDF4FF;
  border: 1px solid #d9d9d9;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-shadow: inset 0 -3px #e6e6e6;
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.08);
  color: #03183C;
  display: block;
  font-size: 14px !important;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 30px;
}
.hp .category-list a {
  text-transform: uppercase;
}

.knowledge-page-header {
  border-bottom: 4px solid #000;
  margin-bottom: 50px;
  padding: 20px 0;
}

.knowledge-page-header p {
  color: #a6a6a6;
  font-size: 14px;
  margin: 0;
}

.knowledge-page-header h1 {
  font-size: 30px;
  margin: 0 0 0.5em 0;
}

.section {
  display: inline-block;
  width: 49.5%;
  padding: 0 20px 55px 0;
  vertical-align: top;
}

.section h3 a {
  color: inherit;
  font-size: 16px;
}

.article-list li {
  font-size: 14px;
  margin-top: 20px;
}

/* ====================================================
   Article
   ==================================================== */
.article-column {
  width: 720px;
}

.article-header {
  margin-bottom: 25px;
}
.article-header h1 {
  font-weight: bold;
  margin: 0 0 10px;
}

.article-info > * {
  display: table-cell;
  vertical-align: middle;
}

.article-avatar {
  min-width: 55px;
}
.article-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.article-meta {
  width: 100%;
}

.article-updated {
  display: block;
}

.article-more-questions {
  margin: 15px 0 50px;
}

.article-body table {
  table-layout: fixed;
}

.article-footer {
  border-bottom: 1px solid #EEE;
  margin-top: 15px;
  padding: 20px 0;
}
.article-footer .article-vote, .article-footer .share {
  display: table-cell;
  vertical-align: top;
}

.article-vote {
  width: 100%;
}

.article-vote > * {
  display: inline-block;
}

.article-vote-controls {
  margin: 0 5px;
}

.article-vote-count {
  color: #999;
  min-width: 20%;
}

.article-vote-up, .article-vote-down {
  color: inherit;
  font-family: "entypo";
}

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

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

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

.article-vote-down.article-voted {
  color: #999;
  border-color: #999;
}

/* ====================================================
   Community box
   ==================================================== */
.community {
  background: #f8f8f8;
  border-radius: 5px;
  margin-top: 40px;
  padding: 25px 30px;
}
.community .recent-activity {
  padding: 0;
  width: auto;
}
.community .recent-activity h2 {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: normal;
  font-size: inherit;
  margin: 0 0 15px 0;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.community h4 {
  color: #111111;
  float: right;
  font-size: 13px;
  margin: 0;
}
[dir=rtl] .community h4 {
  float: left;
}

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

.trending-questions {
  margin-bottom: 40px;
}

.trending-questions h2 {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #111111;
  font-weight: normal;
  font-size: inherit;
  margin: 0 0 15px 0;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.trending-questions:last-child {
  margin-bottom: 0;
}

.trending-question-list {
  margin-bottom: 15px;
}

.trending-question-list li {
  display: inline-block;
  font-size: 13px;
  padding: 10px 25px 0 0;
  width: 49.5%;
}

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

.article-body td {
  border-width: 1px;
}

/* 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-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%;
}
.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/theming_assets/01KRXC0RGK26GAJFBV5HA3WAM4");
  background-image: url("/hc/theming_assets/01M14K03RQRXY44BS8MFDQPD4M");
  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;
}

.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 {
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

.comment-attachments {
  border: 1px solid #DDD;
  margin-top: -1px;
  padding: 10px;
}

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

.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 {
  background: #f9f9f9;
  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;
}

.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 ~ dt, .request-details form dt {
  font-weight: bold;
  margin-top: 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-status {
  color: #FFF;
  border-radius: 3px;
}

.request-open {
  background: #6EEFFF;
}

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}

/* Community heading */
.community-heading {
  font-size: 18px;
  margin: 0;
  width: 100%;
}

/* Community nav */
.community-nav {
  border-bottom: 1px solid #EEE;
  margin-bottom: 55px;
  padding: 25px 0;
}

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

/* Scoped off buttons: at (0,1,2) this outranks the button rules' font-weight
   500, which left "New post" lighter than every other button. It still applies
   to the plain text links in this nav. */
.community-nav li a:not([role=button]) {
  font-weight: normal;
}

.community-nav li + li {
  border-left: 1px #EEE;
  padding-left: 30px;
}

.community-nav li:last-child {
  border: 0;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  top: -5px;
}
[dir=rtl] .community-nav li:last-child {
  float: left;
}

/* Scoped off buttons: "New post" is a primary button now, and this selector
   (0,2,2) would otherwise outrank the button label colours. */
.community-nav li:last-child a:not([role=button]) {
  color: #FFFFFF;
}

/* Kept on the button: this rule only supplies the glyph, no colour, so it
   never competed with the button styling — unlike the colour rule above. */
.community-nav li:last-child a:before {
  content: "\270E";
  font-family: "entypo";
  font-size: 14px;
  /* Without this the glyph's inline box is taller than the button's own line
     box and stretches it to 41.7px, 0.9px more than every other pill. */
  line-height: 1;
  margin-right: 10px;
  vertical-align: middle;
}
[dir=rtl] .community-nav li:last-child a:before {
  margin-right: 0;
  margin-left: 10px;
}

/* Community sub-nav */
.community-sub-nav {
  border-bottom: 1px solid #EEE;
  padding: 15px 0;
  position: relative;
  width: 800px;
}

.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 #EEE;
  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: bold;
  font-size: 13px;
  width: 100%;
}

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

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

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

.question, .answer {
  border-bottom: 1px solid #EEE;
  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/01KRXC0RGK26GAJFBV5HA3WAM4");
  background-image: url("/hc/theming_assets/01M14K03RQRXY44BS8MFDQPD4M");
  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: #CCC;
  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: #CCC;
  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: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
  border-bottom: 0px;
}

.answer-list-heading {
  border-bottom: 1px solid #EEE;
  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 #EEE;
}

.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: bold;
  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: #BEBEBE;
  display: block;
  font-family: "entypo";
  font-size: 13px;
  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: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;
  margin: 0 8px;
  pointer-events: none;
  position: relative;
  display: inline-block;
}

/* Share questions and answers */
.share-label {
  cursor: pointer;
}

.share-label + .share {
  background: #FFF;
  border: 1px solid #DDD;
  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;
}

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 {
  padding-top: 16px;
}

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

.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: gray;
  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 ~ .recent-activity-item {
  margin-top: 15px;
}

.recent-activity-item-parent {
  color: #03183C;
  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: "•";
}
.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 0.5s infinite;
  -webkit-animation: recent-activity-loader 0.5s infinite;
}

@keyframes recent-activity-loader {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes recent-activity-loader {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}



/* ===== Web fonts — Roboto + Martel Verisk Display =====
   Loaded as theme assets. Replaces the prior base64-embedded
   Roboto block to keep this file readable.
   ====================================================== */
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/hc/theming_assets/01KRXC0RD4AX4YPYF393FE21T9") format("woff2");
}
@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/hc/theming_assets/01KRXC0SEM6CAF7GF707T53EFX") format("woff2");
}
@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/hc/theming_assets/01KRXC0SJ0VRYEN5BT1RXDX75D") format("woff2");
}
@font-face {
  font-family: 'Martel Verisk Display';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/hc/theming_assets/01KRXC0RC1Q8EVK1A82J1HB8KE") format("woff2");
}
/* ====================================================== */

body {
	margin: 0;
	padding: 0; 
  background: #fff;
  color: #333;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
a:link, a:visited {
color: #0062FF;
}
a:hover, a:focus, a:active {
	text-decoration: none;
  color: #00358E;
}

main {
	border-top:1 0 none;
  padding-bottom: 60px;
  background: #fff;
  min-height: 450px;
}
main:before,
main:after {
  content: " ";
  display: table;
}
main:after {
  clear: both;
}
.header {
    background: #fff;
    height: 100px;
    border-bottom:1px solid #EDF4FF;
}

.header-inner {
    position: relative;
    text-align: left
}
.logo {
    line-height: 96px
}
.logo img {
    max-height: none;
  	width: 240px;
}

.user-nav {
    background: #fff !important;
    border-radius: 5px;
    padding: 3px;
    position: absolute;
    right: 14px;
    text-align: left;
    top: 30px;
}

.search-unit.iframe-container{
    background: #EDF4FF;
  	background: rgba(228, 236, 240, 0.8);
    padding: 8px 0 0 8px;
    text-align: center;
  	border-bottom: 1px solid #EDF4FF;
}
button, [role=button], [type=button], [type=submit] {
    border: 1px solid #00358E;
}
.user-info [role="button"], .login {
    background: #fff !important;
    border-bottom-color: #00358E;
    border-radius: 3px;
    box-shadow: none;
    color: #0062FF;
    height: auto;
    line-height: 1;
    padding: 8px 12px 6px 8px;
    margin-left: 30px;
   
   text-transform:uppercase;
  font-family: 'Roboto', sans-serif;
}
.dropdown-menu {
    border: 1px solid #00358E;
}
.dropdown-menu-caret:before {
    border-bottom: 7px solid #00358E;
}

.dropdown-menu [role=menuitem] {
    color: #0062FF;
}
.dropdown-menu [role=menuitem]:hover {
    background: #EDF4FF;
}
.dropdown-menu [role=separator] {
    border-bottom: 1px solid #EDF4FF;
    color: #EDF4FF;
}
.submit-a-request {
  font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
      padding-top: 4px;
}
.dropdown-toggle:after {
    color: #0062FF;
}
#user #user-password #password-submit {
    background: #00358E;
}

/* -----  Home page */

.home-heading {
	text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  margin:  0 0 15px 0;
  color: #00358E;
}

.home-search-bar {
	text-align: center;
  margin-bottom: 40px;
}

.category-list li {
	width:33.33%;
  float: left;
  overflow: hidden;
}
.category-list a {
    background: none;
   /* border: 1px solid #d9d9d9;
    border: 1px solid rgba(0, 0, 0, 0.15); */
    border: 0 none;
    border-radius: 0;
  
 border-right: 1px solid #EDF4FF;
  /*
    box-shadow: inset 0 -3px #e6e6e6;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.08);
  */
    box-shadow: none;
  
    color: #0062FF;
    display: block;
  
  	 font-family: 'Roboto', sans-serif;
    font-size: 18px;
   /* font-weight: bold; */
  	font-weight: normal;
    margin-bottom: 40px;
    padding: 0 20px;
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
  text-align: center;
}

.category-list li:nth-child(3) a, .category-list li:nth-child(6) a {
	border: 0 none;
 }
.category-list a:hover, 
.category-list a:focus,
.category-list a:active {
    text-decoration: none;
  	color: #DD8822;
}
.category-list a svg, .category-list a img {
    width: 76px;
    height: 76px;
    display: block;
    margin: 20px auto 30px auto;
}
.category-list li a svg path, 
.category-list li a svg circle{
		fill: #00358E;
}
.category-list li:nth-child(1) a svg path, 
.category-list li:nth-child(1) a svg circle,
.category-list li:nth-child(5) a svg path, 
.category-list li:nth-child(5) a svg circle, 
.category-list li:nth-child(9) a svg path, 
.category-list li:nth-child(9) a svg circle{
		fill: #91AC59;
}
.category-list li:nth-child(2) a svg path, 
.category-list li:nth-child(2) a svg circle,
.category-list li:nth-child(6) a svg path, 
.category-list li:nth-child(6) a svg circle,
.category-list li:nth-child(7) a svg path, 
.category-list li:nth-child(7) a svg circle{
		fill: #98507F;
}
.category-list li:nth-child(4) a svg path, 
.category-list li:nth-child(4) a svg circle, 
.category-list li:nth-child(3) a svg path, 
.category-list li:nth-child(3) a svg circle,
.category-list li:nth-child(8) a svg path, 
.category-list li:nth-child(8) a svg circle{
		fill: #00358E
}

.category-list li a:hover svg path, .category-list li a:hover svg circle{
	fill: #DD8822;
}

footer.footer {
  background: #1e1e1e;
	text-align: center;
  color: #999 !important;
  padding: 2em 0;
  border-top: 1px solid #C8CDD0
}
footer.footer:before,
footer.footer:after {
  content: " ";
  display: table;
}
footer.footer:after {
  clear: both;
}

h1,h2,h3 {
font-family: 'Roboto', sans-serif;
}
.visibility-internal-icon:before {
    padding-right: 0.4em;
}
.knowledge-page-header {
    border-bottom: 4px solid #00358E;
    margin-bottom: 40px;
}
.knowledge-page-header h1 {
   color: #00358E;
}
.section h3 {
font-weight: normal;
}
.section h3 a {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #03183C;
  font-weight: 500;
  padding-left: 26px;
  position: relative;
  display: inline-block
}
.article-list li {
    font-size: 15px;
    margin-top: 8px;
}

.section h3 a:before {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01M14K03K6CY3ZTZ9WCRJWW8NK");
  background-repeat: no-repeat;
  background-size: 67%;
  position: absolute;
  width: 26px;
  height: 26px;
  left: -2px;
  top: -1px;
  content: " ";
}

.article-list li{
    position: relative;
  padding-left: 22px;
}

.article-list li:before{
    background-color: transparent;
  background-image: url("/hc/theming_assets/01M14K03Q8V7W6073PBPFKVT36");
  background-repeat: no-repeat;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 3px;
  content: " ";
}
ul.article-list + a {
  display: block;
  margin: 12px 0 0 20px;
  padding: 6px;
/*  background: #EDF4FF; */
  border-top: 1px dotted #ACB4B9;
  text-transform: uppercase;
  font-size: 12px;
 /* color: #78A31F */
}

ul.article-list + a:hover {
  color: #394D0F;
}

.article-column h1, h3, h3, h4 {
font-family: 'Roboto', sans-serif;
}

.community h4 {
   font-weight: normal;
    float: none; 
    font-size: 16px;
    margin: 0;
  text-transform: uppercase
}

.community h4 a {
    font-weight: normal;
    font-size: 16px;
}
.community h4 a:before {
   content: "";
}
.breadcrumbs {
	margin-top: 10px;
}
.breadcrumbs li {
  	color: #75838A;
    font-size: 12px;
    text-transform: uppercase;
}
.breadcrumbs li:first-child a {
	font-family: 'Roboto', sans-serif;
}

.breadcrumbs li a {
  font-family: 'Roboto', sans-serif;
 /* color: #78A31F; */
  font-weight: 500;
}
.breadcrumbs a:hover {
  text-decoration: none;
  color: #ccc
}

.sb-wrapper {
	width: 680px;
  float: left;
  padding-left: 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #EDF4FF;
}
.side-nav {

  width: 260px;
  float: left;
  padding: 0 20px 0 0;
  margin:  0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  
  border-right: 1px solid #EDF4FF;
  position: relative;
  left: 1px;
  
}

.side-nav .category-list {
	display: table;
  width: 100%;
	padding: 0 15px 0 0;
  margin: 0;
  
   overflow: hidden;
}
.side-nav .category-list li {
	width: 100%;
  float: left;
  overflow: hidden;
  display: block
}

.side-nav .category-list li:nth-child(odd) a {
	/* background: #EDF4FF ; */
  border-bottom: 1px solid #EDF4FF;
}
.side-nav .category-list li:nth-child(even) a {
	/* background: #F1F5EB;
  background: gba(241, 245, 236, 0.49); */
  border-bottom: 1px solid #EDF4FF;
  
}

.side-nav .category-list li:first-child a {
	border-top: 1px solid #EDF4FF;
}

.side-nav  .category-list a {
    background: none;
   /* border: 1px solid #d9d9d9;
    border: 1px solid rgba(0, 0, 0, 0.15); */
    border: 0 none;
    border-radius: 0;
 		border-right: none;
  /*
    box-shadow: inset 0 -3px #e6e6e6;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.08);
  */
    box-shadow: none;
  
  	box-sizing: border-box;
  
    color: #0062FF;
    display: block;
  
  	 font-family: 'Roboto', sans-serif;
    font-size: 16px;
  	font-weight: 700;
    margin-bottom: 0;
    padding: 10px;
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
  text-align: left;
  
}

.category-list li:nth-child(3) a, .category-list li:nth-child(6) a {
	border: 0 none;
 }
.side-nav .category-list a:hover, 
.side-nav .category-list a:focus,
.side-nav .category-list a:active {
    text-decoration: none;
  	/* background: #EDF4FF !important;*/
  	/* color: #0062FF; */
  	color: #6EEFFF;
    font-weight: 700;
}
.side-nav  .category-list a.active  {
	cursor: default;
  font-family: 'Roboto', sans-serif;
  color: #aaa;
}

.side-nav  .category-list a.active:hover {
background: none !important; 
}

.section {
    display: block;
    width: 100%;
    padding: 0 10px 40px 10px;
    vertical-align: top;
}

.section h3 {
	margin-top: 0;
}

.section-tree {
-webkit-columns: 300px 2;
   -moz-columns: 300px 2;
        columns: 300px 2;
}

.sb-request-page .side-column  {
	width: 220px !important; 
	margin-left: 20px !important;
} 
.sb-request-page .main-column {
	width: 418px;
}
.sb-request-page .request-id {
  display: block;
}

.error-page {
	min-height: 280px;
  padding-top: 0;
}

.sb-search-holder {
	position: relative;
  padding: 0 15px 20px 0;
}
.sb-search-holder .search:after {
font-size: 26px;
  margin-top: 2px;
}
.search:after {
    color: #00358E;
    content: "\1F50D";
    font-family: "entypo";
    font-size: 32px;
    line-height: 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 50%;
    z-index: 1;
  
  right: auto;
  left: 8px;
  /*	content: "";
  	background-image: url("/hc/theming_assets/01M14K03KN25KJSSSJ805E7T9Q");
  background-size: 44px 44px;
  width: 36px;
  height: 36px;
  right: auto;
  left: 2px;
  top: 2px;*/
}

.search {
    display: block;
    position: relative;
}

.search input {
    line-height: 1.2em;
    border-color: #C8CDD0;
    
    height: 45px;
    font-size: 16px;
    padding: 0 20px 0 44px;
    width: 620px;
  
    width: 100%;
    border-radius: 0; 
}

.search input:focus {
  outline: none !important;
}
.sb-search-holder .search input:focus {
  border-bottom: 2px solid #00358E !important;
}
.sb-search-holder .search input {
	height: 40px;
  padding-left: 39px;
  border: 0;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding-right: 5px;
    background-color: rgba(59, 110, 142, 0.1);
}


.search [placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease; 
  opacity: 0;
}


.home-search-bar {
 	width: 600px;
  margin: 0 auto 50px auto;
}

.community-section {
	position: relative;
  padding-left:  300px;
  box-sizing: border-box;
}
.community-section  .side-nav {
	position: absolute;
  top: 30px;
  left:00;
	height: auto;
  border-right: 1px solid #eee;
  padding-top: 6px;
  padding-bottom: 1em
}

.requests-search {
    border-radius: 0;
}
.request-filter {
    background: #fff;
    height: 30px;
}
label.request-filter {
background: none;
  line-height: 30px;
}
.community-nav li:last-child a:not([role=button]) {
    color: #0062FF;
}
.form input, .form textarea {
	outline: none
}

.knowledge-page-header {
	position: relative;
}
.subscribe-btn-holder {
	position: absolute;
  top: 30px;
  right: 0;
  /* was a hardcoded 94px, sized for the pre-pill button. The pill is ~110px
     and varies with the label ("Follow"/"Following", and every translation),
     so it overflowed the header. Shrink-to-fit stays right-aligned and holds
     any label. */
  width: auto;
}
.subscribe-btn-holder .dropdown-toggle {
	color:  #00358E;
}

/* ---- table */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#0062FF}a.text-primary:hover{color:#0062FF}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#00358E}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#0062FF}a.bg-primary:hover{background-color:#0062FF}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #c6c6c6}.table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #c6c6c6}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:1px solid #c6c6c6}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #c6c6c6}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #c6c6c6}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:1px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #c6c6c6}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.g-overlay{width:100%;height:100%;overflow-x:auto;backgound:#000;background-color:rgba(0,0,0,0.65);position:fixed;z-index:9999;top:0;left:0}.g-loading-message{text-align:center;margin-top:100px;font-family:sans-serif;font-size:16px;color:white;text-transform:uppercase}.table-wrapper{width:100%;margin:0 auto;padding:0;position:relative}.table-header{position:absolute;width:100%;z-index:100}.table-header .table{margin-bottom:0}.table-body{width:100%;position:relative;height:550px;overflow-y:scroll !important}.table-body ul{margin:0 !important;padding:0 !important;list-style:none !important}.table-body ul li{line-height:1.18}.table-roles-permissions{font-size:13px}.table-roles-permissions th,.table-roles-permissions td{text-align:center;vertical-align:middle !important}.table-roles-permissions th span,.table-roles-permissions td span{display:inline-block;position:relative}.table-roles-permissions .t-header{background-color:#00358E;color:#fff;font-weight:700;font-size:14px}.table-roles-permissions .sub-header{background-color:#FFFFFF;color:#00358E}.table-roles-permissions tr td,.table-roles-permissions tr th{min-width:140px}.table-roles-permissions tr td:first-child,.table-roles-permissions tr th:first-child{width:50px;min-width:50px;overflow:hidden}.table-roles-permissions .sub-header-text{border-bottom-color:rgba(223,240,216,0) !important;color:#00358E;font-size:13px;font-weight:700;padding:8px 0}.table-roles-permissions .sub-header-text span{font-size:13px}.table-roles-permissions .sub-header-empty{background-color:#696969}.table-roles-permissions .empty{background-color:#fff !important}.table-roles-permissions .empty.bg{background-color:#FFFFFF !important}.table-roles-permissions .white{background-color:#fff !important}.table-roles-permissions .uppercase{text-transform:uppercase}.table-roles-permissions tr td:nth-child(2){background-color:#FFFFFF;color:#00358E;font-weight:700;text-align:left;min-width:180px;max-width:180px;line-height:1.18 !important}.table-roles-permissions tr td:nth-child(1),.table-roles-permissions tr th:nth-child(1){color:#d1d1d1}.table-roles-permissions .features{color:#fff;text-align:center !important;background-color:#00358E !important;color:#fff !important}.table-roles-permissions .plus{background-color:#D6EACE;vertical-align:middle;font-size:2em;color:#405736}.table-roles-permissions .minus{background-color:#ededed;vertical-align:middle;font-size:24px;color:#999}.table-roles-permissions .condition{position:relative;background-color:rgba(223,240,216,0.36);color:#405736}.table-roles-permissions .condition .plus{display:block;background-color:transparent}.comment{position:relative;padding:1em;margin:0 auto;color:#555}.comment a,.comment a:visited{color:#00358E}.t-wrapper{width:100%;margin:0 auto;overflow:hidden}table{background-color:white;margin-bottom:0 !important}table.t-main{width:970px;margin:1em auto 0 auto}table tbody,table thead{display:block;width:100%}table thead.t-head{height:102px}table tbody.t-body{height:440px;overflow:auto;border-bottom:1px solid #c6c6c6}.comment-2{font-size:14px;line-height:1.3;padding:1em 1em 0 50px;color:#8f8f8f}.comment-2 a,.comment-2 a:visited{text-decoration:none;color:#00358E}.table-title{font-size:18px;text-align:center;font-weight:900;height:30px;color:#00358E;position:relative}.table-title .close{position:absolute;right:12px;top:2px;display:inline-block;font-size:20px;cursor:pointer;z-index:9999}ul.in-table{list-style:none;margin:0;padding:0}ul.in-table li{line-height:1.05 !important;margin-bottom:.4em !important}

/* ------ */
/* 01.17.2017 */
.post-pinned .question-title:before {
    content: "\2605";
    margin-right: 5px;
    color: #00358E;
}

.main-column {
  width: 659px;
}
.post-unsubscribe, .post-subscribe {
  min-width: 102px;
  text-align: center;
}
.community-nav {
    border-bottom: 1px solid #EDF4FF;
    margin-bottom: 5px;
    padding: 25px 0 15px;
}
.community-sub-nav {
    border-bottom: 1px solid #EDF4FF;
    padding: 15px 0 8px;
    position: relative;
    width: 659px;
}

.topic-header, .question-header {
    border-bottom: 1px solid #EDF4FF;
    padding-top: 10px
}
.my-activities-header {
 		border-bottom: 0 none;
    padding-top: 0;
  padding-bottom: 0
}
.topic-description {
    padding-top: 10px;
}
.topic-subscribe a {
    color: #0062FF;
}
.question-meta, .answer-meta, .topic-meta {
  color: #aaa;
}
.question, .answer {
    border-bottom: 1px solid #ddd;
}
.question-title, .topic-title {
  font-size: 1.16em;
   font-weight: bold;
  margin-bottom: 0.65em
}
.answer-avatar img {
		object-fit: cover;
    width: 50px;
}
.my-activities-table table tr td {
	padding: 8px 4px;
}
.sb-request-page .main-column {
    overflow: hidden;
}
.knowledge-page-header.community-header {
	padding-top: 0;
  margin-bottom: 0px;
}
.my-activities-nav {
    margin-bottom: 15px;
}
.my-activities-sub-nav {
  padding: 15px 0 6px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.request-table-toolbar {
    background: #ddd;
}

.header {
    background: #fff;
    height: 64px;
    border-bottom: 1px solid #ccc;
   /* position: fixed; */
    width: 100%;
    /* top: 0;
    left: 0; */
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
	  z-index: 99999;
}      
.logo {
    line-height: normal;
}
.logo img {
    width: 150px;
    padding-top: 8px;
}   
.user-nav {
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    position: absolute;
    right: 12px;
    text-align: left;
    top: 14px;
}  
.powered-by-zendesk {
  background: #000 !important;
  text-align: center !important;
}
.powered-by-zendesk a {
  padding-right: 4px;
}

/* ------------- */

.sb-rich-header-container {
    background: #00358E;
    height: auto;
    min-height: 250px;
} 
.sb-rich-header-container:after {
    clear: both;
}
.sb-rich-header-container:before, .sb-rich-header-container:after {
    content: " ";
    display: table;
}
.sb-rich-header {
    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
}
.header-img {
    width: 33%;
    min-height: 250px;
    float: left;
}
.header-content {
    width: 66.5%;
    min-height: 250px;
    float: left;
    padding: 38px 1em 1em 0;
}
.sb-rich-header h1 {
    margin: 0 0 14px 0;
    padding: 0;
    color: #fff;
    font-size: 29px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.cta-text {
    width: 100%;
    max-width: 580px;
    font-size: 16px;
    line-height: 1.32;
    color: #fff;
    font-weight: 300 !important;
    margin-bottom: 18px;
} 
.search-tip {
	 text-align: right;
   font-size: 13px;
   color: rgba(255,255,255,.6);
   padding: 6px 6px 6px 0;
}
.sb-rich-header-search-bar {
	max-width: 550px
}
.sb-rich-header-search-bar input[type="search"] {
  background: rgba(255, 255, 255, 0.12);
  border: 0 none;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  color: #fff;
  padding: 0 0 0 8px;
  height: 38px;
}
.sb-rich-header-search-bar input[type="search"]:focus {
	border-bottom: 2px solid #fff;
}
.sb-rich-header-search-bar .search:after {
 	content: '';
  display: none;
}
.sb-rich-header-search-bar ::-webkit-input-placeholder { 
  color: #fff;
  font-weight: 300;
}
.sb-rich-header-search-bar  ::-moz-placeholder { 
  color: #fff;
  font-weight: 300;
}
.sb-rich-header-search-bar  :-ms-input-placeholder { 
  color: #fff;
  font-weight: 300;
}
.sb-rich-header-search-bar  :-moz-placeholder { 
  color: #fff;
  font-weight: 300;
}

.header .user-info .btn, .login {
	border: 0 none !important;
}
.login {
    position: relative;
    top: 2px;
}

/*footer will always be positioned at the bottom of the page, but not fixed */
html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 80px;
  min-height: 100%;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
textarea,
input[type="text"],
input[type="button"],
input[type="password"],
input[type="submit"],
input:not([type="radio"]):not([type="checkbox"]){
     -webkit-appearance: none !important;
     appearance: none  !important;
     -webkit-border-radius: 0  !important;
     border-radius: 0  !important;
}

.side-nav {
	padding-left: 1em;
}
.sb-wrapper {
   width: auto;
   float: none;
   border: 0;
   margin-left: 270px;
}
.article-column {
	width: 100%;
} 
.logo {
	padding-left: 1em;
} 

.community-section {
 padding-left: 0;
}

.error-page {
    max-width: inherit;
    padding-top: 0;
}

.main-column, .community-sub-nav,
body.community-enabled .search-results-column 
{
    width: 100%;
}
.side-nav {
	z-index: 999;
}

@media screen and (max-width: 768px) {
  .side-nav {
    width: 100%;
    margin-bottom: 2em;
    padding-right: 0;
    border: 0;
  }
  .sb-wrapper {
     width: 100%;
     border: 0;
     margin-left: auto;
  }
}
.link-to-main-site {
	display: inline-block;
  vertical-align: middle;
  position: relative;
}
.link-to-main-site:hover .tool-tip,
.help-center-link:hover .tool-tip
{
  display: block;
}
.help-center-link {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 0 0 16px;
	margin: 12px 0 0 16px;
  height: 30px;
  line-height: 30px;
  border-left: 1px solid rgba(0,0,0,0.3);
  vertical-align: middle;
  position: relative;
}
.help-center-link .tool-tip,
.link-to-main-site .tool-tip
{
  display: none;
  text-transform: none !important;
  letter-spacing: normal;
  font-size: 13px;
  position: absolute;
  top: 48px;
  left: 50%;
  background: #000;
  color: #fff;
  padding: 0 ;
  margin: 0 0 0 -52px;
  width: 124px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px
}
.link-to-main-site .tool-tip {
	width: 152px;
  top: 60px;
  margin: 0 0 0 -64px;
}
.arrow_box {
	position: relative;
	background: #000000;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 4px;
	margin-left: -4px;
}
#sureLC-Roles-Permissions-Table {
  position: relative;
  top: 64px;
}
.visibility-internal-icon {
   position: relative;
   top: -2px;
   left: -6px;
}

/* ============================================================
   Typography schema (Verisk brand spec)
   ------------------------------------------------------------
   H1-H6 + .h7     Martel Verisk Display Regular   line-height 1.25
   Body / p        Roboto Regular 20px             line-height 1.4
   Text link (a)   Roboto Regular 16px             line-height 1.4
   .eyebrow        Roboto Medium 16px / 1.375 / .125rem  ALL CAPS
   .eyebrow-dark   Roboto Medium 16px / 1.375 / .25rem   ALL CAPS

   Placed last so it overrides the embedded normalize.css
   `font-family: inherit` rule and any per-section heading
   overrides earlier in this file.
   ============================================================ */
h1, h2, h3, h4, h5, h6, .h7,
.sb-rich-header h1,
.knowledge-page-header h1,
.article-header h1,
.article-column h1,
.error-page h1,
.error-page h2,
.community .recent-activity h2,
.trending-questions h2,
.section h3,
.section h3 a {
  font-family: 'Martel Verisk Display', 'Roboto', serif;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
}

h1 { font-size: 56px; }
h2 { font-size: 42px; }
h3 { font-size: 36px; }
h4 { font-size: 30px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }
.h7 { font-size: 18px; }

body,
p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: normal;
}

a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: normal;
}

.eyebrow,
.article-eyebrow {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

.eyebrow-dark,
.hero-eyebrow {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: .25rem;
  text-transform: uppercase;
}

/* ============================================================
   Buttons (Verisk brand spec)
   ------------------------------------------------------------
   PRIMARY   solid Teal fill, used for CTAs.
     selectors: input[type=submit], .submit-a-request, .btn-primary

   SECONDARY  pill outline, used for general buttons.
     selectors: button, [role=button], [type=button]

   On dark surfaces (.header, .sb-rich-header, .footer) the
   secondary outline flips to white so it stays visible.
   ============================================================ */
button, [role=button], [type=button], [type=submit],
.submit-a-request {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  /* No border anywhere: every outline is drawn with box-shadow, which is not
     part of the box model, so no state change can move the layout. The 2px
     the border used to occupy is folded into the padding (10/24 -> 12/26),
     keeping the rendered size exactly what it was. */
  border: none;
  padding: 12px 26px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

/* SECONDARY states, per the Verisk button spec:
     default (spec calls it "Active")  no fill,      navy outline, navy label
     hover                             #E4FCFF fill, cyan outline, navy label
     focus                             navy outline thickened to 3px, plus a
                                       flush 2px cyan ring — no white gap
     focus + hover                     cyan outline and cyan ring, reading as
                                       one thicker cyan edge
     pressed (:active)                 navy fill,    white label, 2px white
                                       edge, no ring
     disabled                          no fill,      grey outline, grey label
   The outline is an inset shadow, so it occupies the padding rather than any
   space of its own — the 3px focus outline costs nothing in layout. */
button,
[role=button],
[type=button] {
  background: transparent;
  box-shadow: inset 0 0 0 2px #00358E;
  color: #00358E;
}
button:hover,
[role=button]:hover,
[type=button]:hover {
  background: #E4FCFF;
  box-shadow: inset 0 0 0 2px #6EEFFF;
  color: #00358E;
}
/* No white gap here, unlike primary: the cyan ring sits flush against the
   outline, so focus reads as one continuous two-tone edge. */
button:focus,
[role=button]:focus,
[type=button]:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px #00358E, 0 0 0 2px #6EEFFF;
}
/* :hover is declared before :focus, so a focused-and-hovered button would
   otherwise fall back to the navy inner edge. Restate it in cyan.
   :not(:active) matters: this selector outranks the :active rule below
   (0,2,1 vs 0,1,1), and a mouse press fires focus, hover and active at once,
   so without it the pressed state would never paint. */
button:focus:hover:not(:active),
[role=button]:focus:hover:not(:active),
[type=button]:focus:hover:not(:active) {
  box-shadow: inset 0 0 0 3px #6EEFFF, 0 0 0 2px #6EEFFF;
}
/* Pressed: navy fill with a 2px white edge and nothing else. */
button:active,
[role=button]:active,
[type=button]:active {
  background: #00358E;
  box-shadow: inset 0 0 0 2px #FFFFFF;
  color: #FFFFFF;
}
button[disabled],
[role=button][aria-disabled="true"],
[type=button][disabled] {
  background: transparent;
  box-shadow: inset 0 0 0 2px #6F6F6F;
  color: #6F6F6F;
  cursor: not-allowed;
  opacity: 1;
}

/* PRIMARY states, per the Verisk button spec:
     default (spec calls it "Active")  #6EEFFF fill, navy label
     hover                             #E4FCFF fill, cyan outline, navy label
     focus                             adds a cyan ring behind a 2px white gap
     focus + hover                     the two above combined, giving the
                                       double contour shown in the spec
     pressed (:active)                 navy fill,    white label, 2px white
                                       edge, no ring
     disabled                          grey fill,    white label
   At rest the outline matched the fill, so there is nothing to draw; only
   hover needs an inset edge. The focus ring is an outset shadow and was never
   part of the box model. Padding absorbs the removed 2px border (10/28 ->
   12/30) so the rendered size is unchanged. */
input[type=submit],
.submit-a-request,
.btn-primary {
  background: #6EEFFF;
  box-shadow: none;
  color: #00358E;
  padding: 12px 30px;
}
/* The appearance reset further up sets `border-radius: 0 !important` on every
   input that is not a radio or checkbox, which flattened submit buttons into
   squares. Restate the pill radius at the same weight. */
input[type=submit]:not([type=radio]):not([type=checkbox]) {
  border-radius: 999px !important;
}
input[type=submit]:hover,
.submit-a-request:hover,
.btn-primary:hover {
  background: #E4FCFF;
  box-shadow: inset 0 0 0 2px #6EEFFF;
  color: #00358E;
}
input[type=submit]:focus,
.submit-a-request:focus,
.btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #6EEFFF;
}
/* Keep hover's inset edge while focused, alongside the ring. :not(:active) for
   the same reason as secondary: this outranks :active, and a mouse press fires
   all three pseudo-classes together. */
input[type=submit]:focus:hover:not(:active),
.submit-a-request:focus:hover:not(:active),
.btn-primary:focus:hover:not(:active) {
  box-shadow: inset 0 0 0 2px #6EEFFF, 0 0 0 2px #FFFFFF, 0 0 0 4px #6EEFFF;
}
/* Pressed: navy fill with a 2px white edge and nothing else — the focus ring
   is dropped, since :active is declared after :focus at equal specificity. */
input[type=submit]:active,
.submit-a-request:active,
.btn-primary:active {
  background: #00358E;
  box-shadow: inset 0 0 0 2px #FFFFFF;
  color: #FFFFFF;
}
input[type=submit][disabled],
.btn-primary[disabled],
.btn-primary[aria-disabled="true"] {
  background: #6F6F6F;
  box-shadow: none;
  color: #FFFFFF;
  cursor: not-allowed;
  opacity: 1;
}

/* On genuinely dark surfaces the secondary outline flips to white so it stays
   visible. .header is NOT one of them — it is #fff — and listing it here is
   what made "Sign in" render white-on-white. It now takes the standard
   secondary treatment above. .sb-rich-header (#00358E) and footer.footer
   (#1e1e1e) are dark and do belong here. */
.sb-rich-header button,
.sb-rich-header [role=button],
.footer button,
.footer [role=button] {
  background: transparent;
  box-shadow: inset 0 0 0 2px #FFFFFF;
  color: #FFFFFF;
}
.sb-rich-header button:hover,
.sb-rich-header [role=button]:hover,
.footer button:hover,
.footer [role=button]:hover {
  background: #6EEFFF;
  box-shadow: inset 0 0 0 2px #6EEFFF;
  color: #03183C;
}

/* ------------------------------------------------------------
   Anchors that are buttons
   ------------------------------------------------------------
   Zendesk renders many buttons as <a role="button">: {{subscribe}},
   {{unsubscribe}}, {{edit}}, the vote controls, and {{link ... role='button'}}
   for "New post" and "Submit a request". Those pick up the button shape from
   the [role=button] rules above, but not the label colour — `a:link, a:visited`
   (0,1,1) outranks a bare `[role=button]` (0,1,0), so every one of them
   rendered in link blue #0062FF against a navy outline.

   Restating the colours behind a link pseudo-class wins: `a[role=button]:link`
   is (0,2,1). This is the same cascade trap that made the header's "Sign in"
   wrong, so it is fixed once here for every button rather than per class.
   ------------------------------------------------------------ */
a[role=button]:link,
a[role=button]:visited,
a[role=button]:hover,
a[role=button]:focus {
  color: #00358E;
}
a[role=button]:active {
  color: #FFFFFF;
}
a[role=button][aria-disabled="true"]:link,
a[role=button][aria-disabled="true"]:visited {
  color: #6F6F6F;
}
/* ...and the same on the dark surfaces, which keep the white treatment. */
.sb-rich-header a[role=button]:link,
.sb-rich-header a[role=button]:visited,
.sb-rich-header a[role=button]:focus,
.footer a[role=button]:link,
.footer a[role=button]:visited,
.footer a[role=button]:focus {
  color: #FFFFFF;
}
.sb-rich-header a[role=button]:hover,
.footer a[role=button]:hover {
  color: #03183C;
}

/* ============================================================
   Header nav corrections
   ------------------------------------------------------------
   1) "Sign in" was invisible.
      <a class="login" role="button"> matches the dark-surface rule
      `.header [role=button]` (white text + white border), but
      `.header` is a WHITE surface (background: #fff). On top of
      that, `.header .user-info .btn, .login` strips the border with
      !important, so the link rendered white-on-white and only
      appeared on :hover (cyan fill). .header is a light surface,
      so the secondary button here must use the navy outline.
      Outlines are now drawn with box-shadow rather than border, which
      also means no state change can shift the layout.

   2) "Submit a request" sat too high in the header.
      `.user-nav` is absolutely positioned with a hardcoded
      `top: 14px`, tuned for the old ~31px buttons. The brand pills
      are ~41px tall, so the nav overflowed downwards (17px of space
      above, 6px below). Centering on the axis makes it independent
      of button height.

   3) The pill label rendered #0062FF (link blue) on #6EEFFF.
      `a:link, a:visited` (0,1,1) outranks `.submit-a-request`
      (0,1,0), so the brand ink colour never applied.
   ============================================================ */

/* 2) vertically centre the nav in the 64px header.
      .user-nav is positioned against .header-inner, whose height is
      driven by the logo (~53px), not by the header (64px) — so it has
      to be stretched before a 50% offset means anything. */
.header-inner {
  height: 100%;
}

.user-nav {
  top: 50%;
  transform: translateY(-50%);
}

/* 1) let "Sign in" take the standard secondary treatment.
      Dropping .header from the dark-surface group above restores the navy
      outline. Now that outlines are box-shadows, the old
      `.header .user-info .btn, .login { border: 0 none !important }` is no
      longer in the way — it agrees with the border-less base — so nothing has
      to be restated for it.

      One older rule does still need answering:
      `.user-info [role="button"], .login { background: #fff !important }`
      pins the fill white, which would swallow the #E4FCFF hover and the navy
      pressed state. It was authored with !important, so winning it back needs
      the same. */
.header .login:hover {
  background: #E4FCFF !important;
}
.header .login:active {
  background: #00358E !important;
}
/* the old 2px nudge compensated for a shorter, border-less button */
.login {
  top: 0;
}

/* 3) carry the primary label colour onto primary buttons that are anchors.
      The spec block above sets #00358E, but `a:link, a:visited` (0,1,1)
      outranks a bare `.submit-a-request` (0,1,0) — which is why the label
      rendered link blue #0062FF in the first place. Repeating the values
      behind an `a` prefix and a link pseudo-class wins the cascade.
      :active stays white: that state fills the button with #00358E, and
      navy-on-navy would be unreadable. */
a.submit-a-request:link,
a.submit-a-request:visited,
a.btn-primary:link,
a.btn-primary:visited {
  color: #00358E;
}
a.submit-a-request:hover,
a.submit-a-request:focus,
a.btn-primary:hover,
a.btn-primary:focus {
  color: #00358E;
}
a.submit-a-request:active,
a.btn-primary:active {
  color: #FFFFFF;
}
/* ...but not past the disabled state: the link rules above (0,2,1) would
   otherwise outrank `.btn-primary[aria-disabled="true"]` (0,2,0) and leave a
   navy label on the grey disabled fill. */
a.submit-a-request[aria-disabled="true"]:link,
a.submit-a-request[aria-disabled="true"]:visited,
a.btn-primary[aria-disabled="true"]:link,
a.btn-primary[aria-disabled="true"]:visited {
  color: #FFFFFF;
}